/*
Main screen styles for SIRO Theme
v1.1
*/
@font-face {font-family:'Siro';src:url('../font/siro/siro.eot?#iefix') format('embedded-opentype'),url('../font/siro/siro.woff') format('woff'), url('../font/siro/siro.ttf') format('truetype'),url('../font/siro/siro.svg#siro') format('svg');font-weight:normal;font-style:normal;}

[data-icon]:before {font-family:"siro" !important;content:attr(data-icon);font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
[class^="icon-"]:before,[class*=" icon-"]:before {font-family:"siro" !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

body {margin: 0; padding: 0; color:#303b42; font:300 1rem/1.5 akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial; background:#ffffff; -webkit-font-smoothing: antialiased;}

a {color: #8aab3a; transition: all 0.3s; text-decoration: none;}
img {max-width: 100%; height: auto;}

/* ==========================================================================
   Icons
   ========================================================================== */

.icon-facebook:before {content: "a"; }
.icon-twitter:before {content: "b"; }
.icon-linkedin:before {content: "c"; }
.icon-youtube:before {content: "d"; }
.icon-arrow-left:before {content: "e"; }
.icon-arrow-right:before {content: "f"; }
.icon-search:before {content: "g"; }
.icon-mail:before {content: "h"; }
.icon-share-arrow:before {content: "i"; }

/* ==========================================================================
   Layout
   ========================================================================== */

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

.container {margin: 0 auto; width: 100%; max-width: 1250px;}
.container.full {margin: 0 auto; width: 100%; max-width: 1440px;}
.text-center, .aligncenter {text-align: center;}

header.site,
main {background: #ffffff;}

header.site .wrapper,
main.site .wrapper {margin: 0 auto; width: 100%; max-width: 1250px;}

@media screen and (max-width: 1440px) {
	.container {width: 85%;}
	.container.full {width: 95%;}
	
	header.site .wrapper,
	main.site .wrapper {width: 85%;}
}

@media screen and (max-width: 1440px) {
	.container {width: 90%;}
	.container.full {width: 95%;}
	
	header.site .wrapper,
	main.site .wrapper {width: 90%;}
}

h1 {margin: 0; padding: 0; font-family: akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif; font-weight: 300; color: #8aab3a; font-size: 40px; line-height: 44px;}
h2 {margin: 0; padding: 0; font-family: akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif; font-weight: 300; color: #8aab3a; font-size: 40px; line-height: 44px;}
h3 {margin: 0; padding: 0; font-family: akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif; font-weight: 300; color: #8aab3a; font-size: 35px; line-height: 35px;}
p {margin: 0; padding: 0; font-size: 18px; line-height: 29px;}
ul li {margin: 0; padding: 0; font-size: 18px; line-height: 29px;}


/* ==========================================================================
   Background
   ========================================================================== */
   
.grey {background: #fafafa;}


/* ==========================================================================
   Links Old
   ========================================================================== */

/*
.link {margin: 1em 0 0 0; text-align: left;}
.link a {text-decoration: none;}
.link span {display: flex;}
.link span a {margin: 0; padding: 0 20px 0 12px; min-width: 140px; height: 40px; line-height: 40px; color: #ffffff; font-size: 16px; font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial; font-weight: 300; background: linear-gradient(90deg, #44d62c 0%, #3e4827 50%, #44d62c 100%); border-radius: 20px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex: 0 auto;  transition: all 500ms ease; background-size: 200%;}
.link span a:hover {background-position: 100%;}
.link span a:before {margin-right: 8px; content: ''; background-image: url('../images/arrow-right-12-white.svg'); background-size: contain; width: 13px; height: 13px;}
*/

/* ==========================================================================
   Links
   ========================================================================== */

.link {margin: 1em 0 0 0; text-align: left;}
.link a {text-decoration: none;}
.link span {display: flex;}
.link span a {margin: 0; padding: 0 20px 0 20px; min-width: 140px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial, sans-serif; font-weight: 300; background: #2B881C; border-radius: 5px; display: flex; flex-direction: row; justify-content: center; align-items: center; flex: 0 auto; transition: all 500ms ease; text-transform: uppercase;}
.link span a:hover {background: #40bb2f;}

/* ==========================================================================
   Buttons Old
   ========================================================================== */ 
   
/*
.button {margin: 0; text-align: left;}
.button .submit {display: flex;}
.button .submit button {margin: 0; padding: 0 30px 0 12px; min-width: 140px; height: 40px; line-height: 40px; color: #ffffff; font-size: 16px; font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial; font-weight: 300; background: linear-gradient(90deg, #44d62c 0%, #3e4827 50%, #44d62c 100%); border-radius: 20px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex: 0 auto; cursor: pointer; border: none; transition: all 500ms ease; background-size: 200%;}
.button .submit button:hover {background-position: 100%;}
.button .submit button:before {margin-right: 8px; content: ''; background-image: url('../images/arrow-right-12-white.svg'); background-size: contain; width: 13px; height: 13px;}

.btn-cta, .btn-more {background-color: rgba(255,255,255,0); border: 2px solid white; border-radius: 100px; color: white; display: inline-block; font-family: akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial; font-size: 17px; padding: 10px 20px; text-transform: uppercase;}
*/

/* ==========================================================================
   Buttons
   ========================================================================== */ 
   
.button {margin: 0; text-align: left;}
.button .submit {display: flex;}
.button .submit button {margin: 0; padding: 0 20px 0 20px; min-width: 140px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial, sans-serif; font-weight: 300; background: #2B881C; border-radius: 5px; display: flex; flex-direction: row; justify-content: center; align-items: center; flex: 0 auto; cursor: pointer; border: none; transition: all 500ms ease; background-size: 200%; text-transform: uppercase;}
.button .submit button:hover {background: #40bb2f;}

.btn-cta, .btn-more {background-color: rgba(255,255,255,0); border: 2px solid white; border-radius: 100px; color: white; display: inline-block; font-family: akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif; font-size: 17px; padding: 10px 20px; text-transform: uppercase;}


/* ==========================================================================
   Mobile Menu
   ========================================================================== */

body.menu-open {overflow: hidden;}
body.menu-open .site-wrapper {display: none;}

body.menu-open .mobile-menu {overflow: hidden; box-sizing: border-box; z-index: 2000;}

.mobile-menu .open-menu-button {display: none; justify-content: center; align-items: center; top: 0; right: 0; position: fixed; min-height: 70px; width: 70px; z-index: 1000;} 
.mobile-menu .open-menu-button span {display: none;}
.mobile-menu .open-menu-button button {padding: 0; width: 50px; height: 50px;}
.mobile-menu .open-menu-button .open-menu {background: none; border: none; cursor: pointer;}
body.menu-open .mobile-menu .open-menu-button {display: none;}

.mobile-menu .mobile-nav .mobile-nav-main .nav ul li {margin: 0 0 0 0; transition: margin 600ms ease;}
.mobile-menu .mobile-nav .mobile-nav-main .nav ul li:nth-child(0) {margin: 0 0 0 -100px;}
.mobile-menu .mobile-nav .mobile-nav-main .nav ul li:nth-child(1) {margin: 0 0 0 -200px;}
.mobile-menu .mobile-nav .mobile-nav-main .nav ul li:nth-child(2) {margin: 0 0 0 -300px;}
.mobile-menu .mobile-nav .mobile-nav-main .nav ul li:nth-child(3) {margin: 0 0 0 -400px;}
.mobile-menu .mobile-nav .mobile-nav-main .nav ul li:nth-child(4) {margin: 0 0 0 -500px;}
body.menu-open .mobile-menu .mobile-nav .mobile-nav-main .nav ul li {margin: 0 0 0 0 !important;}

.mobile-menu .mobile-nav .mobile-nav-main .social ul li {opacity: 0; transition: opacity 600ms ease;}
body.menu-open .mobile-menu .mobile-nav .mobile-nav-main .social ul li:nth-child(0) {opacity: 1; transition-delay: 100ms}
body.menu-open .mobile-menu .mobile-nav .mobile-nav-main .social ul li:nth-child(1) {opacity: 1; transition-delay: 200ms}
body.menu-open .mobile-menu .mobile-nav .mobile-nav-main .social ul li:nth-child(2) {opacity: 1; transition-delay: 300ms}
body.menu-open .mobile-menu .mobile-nav .mobile-nav-main .social ul li:nth-child(3) {opacity: 1; transition-delay: 400ms}
body.menu-open .mobile-menu .mobile-nav .mobile-nav-main .social ul li:nth-child(4) {opacity: 1; transition-delay: 500ms}

.mobile-menu .mobile-nav {opacity: 0; top: -30px; right: 0; bottom: 0; left: 0; position: absolute; height: 0; width: 100vw; z-index: 2000; backface-visibility: hidden; background: #1f454e; background-image: url('../images/mobile-menu-bg.jpg'); background-size: cover; background-position: bottom right; background-repeat: no-repeat; overflow: hidden; transition: opacity 0.5s ease, top 0.3s ease, height 0.01s ease 0.5s;}
body.menu-open .mobile-menu .mobile-nav {opacity: 1; top: 0; height: 100vh; transition: opacity 0.5s ease, top 0.3s ease;}
body.menu-open .mobile-menu .mobile-nav {opacity: 1; top: 0; height: 100vh; transition: opacity 0.5s ease, top 0.3s ease;}

.mobile-menu .mobile-nav .mobile-nav-header {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.mobile-menu .mobile-nav .mobile-nav-header .logo img {max-height: 70px;}
.mobile-menu .mobile-nav .mobile-nav-header .close-menu-button {display: flex; justify-content: center; align-items: center; top: 0; right: 0; position: absolute; width: 70px; height: 70px;}
.mobile-menu .mobile-nav .mobile-nav-header .close-menu-button button {padding: 0; width: 50px; height: 50px;}
.mobile-menu .mobile-nav .mobile-nav-header .close-menu-button img {width: 26px; height: 26px;}
.mobile-menu .mobile-nav .mobile-nav-header .close-menu-button .close-menu {background: none; border: none; cursor: pointer;}
.mobile-menu .mobile-nav .mobile-nav-header .close-menu-button span {display: none;} 
.mobile-menu .mobile-nav .mobile-nav-main {padding: 30px 0 0 0; background: rgba(255,255,255,0.9); overflow: hidden;}

.mobile-menu .mobile-nav .tabs ul {margin: 0; padding: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%;}
.mobile-menu .mobile-nav .tabs ul li {margin: 0; padding: 0; display: flex; flex-grow: 1; list-style: none; text-transform: uppercase; border-right: 1px solid rgba(255,255,255,0.9);}
.mobile-menu .mobile-nav .tabs ul li:last-child {border-right: none;}
.mobile-menu .mobile-nav .tabs ul li a {width: 100%; height: 45px; line-height: 45px; font-family: akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif; font-weight: 400; font-size: 16px; color: #8aab3a; display: flex; justify-content: center; letter-spacing: 1px;}
.mobile-menu .mobile-nav .tabs ul li a.active {background: rgba(255,255,255,0.9); color: #4a7729;}

.mobile-menu .mobile-nav .mobile-nav-main .search {margin: 0 0 15px 0; width: 100%;}
.mobile-menu .mobile-nav .mobile-nav-main .search form {border-bottom: 1px solid #2b2c25; display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; width: 100%; transition: all .3s linear;}
.mobile-menu .mobile-nav .mobile-nav-main .search form:hover {border-bottom: 1px solid #8aab3a;}
.mobile-menu .mobile-nav .mobile-nav-main .search form .input {display: flex; flex-grow: 1;}
.mobile-menu .mobile-nav .mobile-nav-main .search form .input input {height: 40px; width: 100%; border: none; border-radius: 0; line-height: 1;  font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial, sans-serif; font-weight: 300; font-size: 16px; color: #8c8e80; background: none; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; box-shadow: none;}
.mobile-menu .mobile-nav .mobile-nav-main .search form .input input:focus {outline: none;}
.mobile-menu .mobile-nav .mobile-nav-main .search form .submit {display: flex; align-items: center; height: 40px;}
.mobile-menu .mobile-nav .mobile-nav-main .search form .submit button {background: none; border: none; cursor: pointer;}
.mobile-menu .mobile-nav .mobile-nav-main .search form .submit button:focus {outline: none;}

.mobile-menu .mobile-nav .mobile-nav-main .nav ul {margin: 0 0 50px 0; padding: 0;}
.mobile-menu .mobile-nav .mobile-nav-main .nav ul li {padding: 0; list-style: none; font-family: akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif; font-weight: 400; text-transform: uppercase; border-bottom: 1px solid #d5d5d5;}
.mobile-menu .mobile-nav .mobile-nav-main .nav ul li a {color: #4a7729; font-size: 28px; line-height: 60px; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.mobile-menu .mobile-nav .mobile-nav-main .nav ul li a:after {content: ''; background-image: url('../images/arrow-right-12-1.svg'); background-size: contain; width: 18px; height: 18px;}
.mobile-menu .mobile-nav .mobile-nav-main .nav ul li a:hover {color: #8aab3a;}
.mobile-menu .mobile-nav .mobile-nav-main .nav ul li:last-child {border-bottom: none;}
.mobile-menu .mobile-nav .mobile-nav-main .nav ul li a img {display: none;}

.mobile-menu .mobile-nav .mobile-nav-main .social {margin: 0; padding: 0;}
.mobile-menu .mobile-nav .mobile-nav-main .social ul {margin: 0; padding: 0; width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 60px;}
.mobile-menu .mobile-nav .mobile-nav-main .social ul li {margin: 0; padding: 0; list-style: none;}

@media screen and (max-width: 850px) {
	.mobile-menu .open-menu-button {display: flex;}
}


/* ==========================================================================
   Header
   ========================================================================== */

.hero-video.background video,
figure.hero-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ==========================================================================
   Page
   ========================================================================== */
   
main.site {margin: 0; padding: 0;}
main.site header.page {margin: 0 0 10px 0; padding: 0; display: flex; flex-direction: row; justify-content: space-between; width: 100%;}

main.site header.page .title {width: 67%;}
body.page-template-page-campaign main.site header.page .title,
body.home main.site header.page .title {display: none;}
main.site header.page .title h1 {margin: 0 0 25px 0; color: #8aab3a; max-width: 450px; font-size: 40px; line-height: 44px;}
main.site header.page .title span {margin: 0 0 25px 0; font-size: 18px;}
main.site header.page .title span a {color: #8aab3a; font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial, sans-serif; font-weight: 600;}
body.page-template-page-search-address main.site {padding-top: 76px;}

/* ==========================================================================
   Hero
   ========================================================================== */
   
section.hero {margin: 0 auto 0 auto; position: relative;}
section.hero .container .item.mobile {margin: 0; padding: 0 0 20px 0; width: 100%; vertical-align: top; position: relative; overflow: hidden; min-height: 230px;}
section.hero .container .item.mobile > figure {margin: 0; padding: 0; backface-visibility: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; min-height: 230px; z-index: 1;}
section.hero .container .item.mobile .title {margin: 0 auto; padding-bottom: 30px; z-index: 200; text-align: center; width: 90%; position: relative;}
section.hero .container .item.mobile .title h1 {color: #888; font-size: 30px; line-height: 32px; font-weight: 400;}
section.hero .container .item.mobile .title span {font-size: 18px; line-height: 29px; color: #888;}
section.hero .container .item.desktop {margin: 0; padding: 0; width: 100%; vertical-align: top; position: relative; overflow: hidden; min-height: 300px;}
section.hero .container .item.desktop > figure {margin: 0; padding: 0; backface-visibility: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; top: 0; width: 100%; height: 300px; z-index: 1;}
section.hero .container .item.desktop .title {padding-top: 15px; z-index: 200; text-align: center; width: 100%; position: relative;}
section.hero .container .item.desktop .title h1 {color: #888; font-size: 30px; line-height: 36px; font-weight: 400;}
section.hero .container .item.desktop .title span {font-size: 18px; line-height: 29px; color: #303b42;}
    
@media screen and (min-width: 500px) {
  section.hero {margin-top: 50px;}
	section.hero .container .item.mobile {display: none;}
	section.hero .container .item.desktop {display: block;}
}

@media screen and (max-width: 500px) {
	section.hero .container .item.mobile {display: block;}
	section.hero .container .item.desktop {display: none;}
}


/* ==========================================================================
   Banner
   ========================================================================== */

section.banner {margin: 0 0 35px 0;}
section.banner img {width: 100%; height: auto;}


/* ==========================================================================
   Share Icons
   ========================================================================== */
   
.share_icons {width: 280px; height: 120px; margin: 3em auto; padding-top: 60px; text-align: center; position: relative;}
.share_icons > .icon {width: 55px; height: 55px; border: 3px solid #fff; color: #fff; background: #44d62c; border-radius: 100%; cursor: pointer; display: block; line-height: 63px; font-size: 25px; margin: 0 auto; -webkit-transition: 600ms all ease; -moz-transition: 600ms all ease; -ms-transition: 600ms all ease; transition: 600ms all ease; position: relative; z-index: 10; }
.share_icons ul {list-style: none;}
.share_icons li span {display: none; }
.share_icons li a {position: absolute; top: 55px; width: 46px; height: 46px; opacity: 0; display: block; border: 3px solid #ffffff; border-radius: 100%; color: #fff; line-height: 48px; -webkit-transition: 600ms all ease; -moz-transition: 600ms all ease; -ms-transition: 600ms all ease; transition: 600ms all ease; z-index: 5;}
.share_icons li:hover a {background: #ffffff; color: #44d62c; border-color: #44d62c;}
.share_icons li a.icon-mail {left: 117px; font-size: 21px; }
.share_icons li a.icon-linkedin {left: 117px; font-size: 20px; -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; -ms-transition-delay: 150ms; transition-delay: 150ms; }
.share_icons li a.icon-twitter {left: 117px; font-size: 20px; -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -ms-transition-delay: 200ms; transition-delay: 200ms; }
.share_icons li a.icon-facebook { left: 117px; font-size: 20px; -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -ms-transition-delay: 250ms; transition-delay: 250ms; }
.share_icons.open > .icon {background: #ffffff; color: #44d62c; border-color: #44d62c; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; transition-delay: 300ms;}
.share_icons.open li a {opacity: 1; top: 0px; color: #44d62c; border-color: #44d62c;}
.share_icons.open li a.icon-mail {left: 0;}
.share_icons.open li a.icon-linkedin {left: 78px;}
.share_icons.open li a.icon-twitter {left: 156px;}
.share_icons.open li a.icon-facebook {left: 234px;}
   


/* ==========================================================================
   Providers
   ========================================================================== */


section.providers .container {margin: 50px auto 50px auto; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 80px;}

section.providers .container .title {margin: 0; padding: 0 0 20px 0; text-align: center;}
section.providers .container .title h3 {font-family: akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif; font-weight: 300; font-size: 40px; line-height: 44px; color: #303b42;}

section.providers .container .list {padding: 0; background: #f5f5f5; border-radius: 5px;}
section.providers .container .list ul {margin: 0; padding: 15px 20px; list-style: none; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap;}
section.providers .container .list ul li {margin: 0; padding: 0 20px;}
section.providers .container .list ul li img {max-height: 70px;}
section.providers .container .list ul li.break {width: 100%;}
   
@media screen and (max-width: 1000px) {
	section.providers .container {margin: 25px auto 50px auto; flex-direction: column; justify-content: center;}
	section.providers .container .title {margin: 0 0 20px 0; width: 100%; min-width: inherit;}
	section.providers .container .title {text-align: center;}
	section.providers .container .list {width: 100%;}
}

@media screen and (max-width: 700px) {
	section.providers .container .list ul li {padding: 10px 0; width: 25%; display: flex; justify-content: center;}
}

@media screen and (max-width: 500px) {
	section.providers .container .list ul li {padding: 10px 0; width: 50%; display: flex; justify-content: center;}
}


/* ==========================================================================
   Providers Search
   ========================================================================== */

section.providers-search {margin: 0 0 70px 0; padding: 45px 0 50px 0; backface-visibility: hidden; background-color: #274049; background-size: cover; background-position: bottom right; background-repeat: no-repeat; width: 100%;}

section.providers-search .container .title {margin: 0 0 40px 0;}
section.providers-search .container .title h2 {margin: 0 0 5px 0;}
section.providers-search .container .title p {color: #fff; font-size: 18px; line-height: 22px; letter-spacing: 1px;}

section.providers-search .container .list {margin: 0 0 50px 0; width: 100%;}
section.providers-search .container .list ul {margin: 0; padding: 0; list-style: none; display: flex; flex-direction: row; justify-content: space-between; align-items: center; align-content: center; flex-wrap: wrap;}
section.providers-search .container .list ul li {margin: 0; padding: 0;}
section.providers-search .container .list ul li img {max-width: 140px; max-height: 60px;}

section.providers-search .container .search {width: 60%;}
section.providers-search .container .search form {border-bottom: 1px solid #ffffff; display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; width: 100%;transition: all .3s linear;}
section.providers-search .container .search form:hover {border-bottom: 1px solid #8aab3a;}
section.providers-search .container .search form .input {display: flex; flex-grow: 1;}
section.providers-search .container .search form .input input {height: 40px; width: 100%; border: none; border-radius: 0; line-height: 1;  font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial, sans-serif; font-weight: 300; font-size: 18px; color: #fff; background: none; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; box-shadow: none;}
section.providers-search .container .search form .input input::placeholder {color: #fff;}
section.providers-search .container .search form .input input:focus {outline: none;}
section.providers-search .container .search form .submit {display: flex; align-items: center; height: 40px;}
section.providers-search .container .search form .submit button {background: none; border: none; cursor: pointer;}
section.providers-search .container .search form .submit button:focus {outline: none;}

@media screen and (max-width: 1000px) {
	section.providers-search .container .list ul li {padding: 10px 0; width: 25%; display: flex; justify-content: center;}
}

@media screen and (max-width: 500px) {
	section.providers-search .container .title p {color: #fff; font-size: 22px; line-height: 29px; letter-spacing: 1px;}
	section.providers-search .container .list ul li {padding: 10px 0; width: 50%; display: flex; justify-content: center;}
  section.providers-search .container .search {width: 100%;}
}

@media screen and (min-width: 500px) {
	section.providers-search {min-height: 345px;}
}

/* ==========================================================================
   Discover
   ========================================================================== */
   
section.discover .container {margin: 100px auto 150px auto; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}

section.discover .container .title {margin: 0; padding: 0; width: 15%; min-width: 290px;}

section.discover .container .reasons {width: 85%;}
section.discover .container .reasons .list {margin: 0 0 20px 0; padding: 0; width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
section.discover .container .reasons .list .item {margin: 0 0 20px 0; box-sizing: border-box; width: 20%;}
section.discover .container .reasons .list .item:last-child {margin: 0 0 0 0;}
section.discover .container .reasons .list .item .icon {margin: 0 0 20px 0;}
section.discover .container .reasons .list .item .icon img {max-height: 100px;}
section.discover.num-items-5 .container .reasons .list .item .detail {padding: 0 20px 0 0;}
section.discover .container .reasons .list .item .detail h3 {margin: 0 0 10px 0; font-size: 26px; line-height: 26px;}

section.discover .slick-slide {position:relative;outline:none;}
section.discover .slick-list {padding: 0 20px!important;}
section.discover .slick-arrow {position:absolute;z-index:1;bottom:10px;padding:0;border:0;background:none;color:rgba(36,68,79,0.3);font-size:0;cursor:pointer;outline:none;-webkit-transition:color.3s ease;transition:color.3s ease;}
section.discover .slick-arrow:hover {color: rgba(36,68,79,1);}
section.discover .slick-disabled {opacity:0.2;}
section.discover .slick-prev {left:0;}
section.discover .slick-next {right:0;}
section.discover .slick-arrow:before {font-size:18px;font-family:"siro" !important;content:attr(data-icon);font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
section.discover .slick-prev:before{content:"e";}
section.discover .slick-next:before{content:"f";}

section.discover ul.slick-dots {margin: 0; padding: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; width: 100%; font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial, sans-serif; line-height: 18px;}
section.discover ul.slick-dots li {margin: 0; padding: 0; list-style: none; opacity: 0; line-height: 18px; font-size: 18px; font-weight: 400; font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial, sans-serif; width: 0;}
section.discover ul.slick-dots li.slick-active {opacity: 1; display: flex; flex-direction: row; line-height: 18px; font-size: 18px; font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial, sans-serif; width: 40px;}
section.discover ul.slick-dots li:after {padding: 0 5px 0 0; content: 'of'; line-height: 18px; font-size: 18px; font-weight: 400; font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial, sans-serif;}

section.discover ul.slick-dots {counter-reset: slick;}
section.discover ul.slick-dots li {counter-increment: slick;}
section.discover ul.slick-dots::after {content: counter(slick)' '; font-size: 18px; line-height: 18px; font-weight: 400; font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial, sans-serif;}

section.discover ul.slick-dots button {margin: 0; padding: 0 5px 0 0; line-height: 18px; font-size: 18px; font-weight: 400; font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial, sans-serif; background: none; border: none;}

@media screen and (max-width: 1200px) {
	section.discover.num-items-5 .container .reasons .list {justify-content: flex-start;}
	section.discover.num-items-5 .container .reasons .list .item {width: 33%;}
}

@media screen and (max-width: 900px) {
	section.discover .container .reasons .list .item {width: 47.5%;}
	section.discover.num-items-5 .container .reasons .list {justify-content: space-between;}
	section.discover.num-items-5 .container .reasons .list .item {padding: 0 0 0 0; width: 47.5%;}
}

@media screen and (max-width: 700px) {
	section.discover .container {margin: 0 auto 50px auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
	
	section.discover .container .title {margin-bottom: 25px; width: 100%;}
	section.discover .container .title h2 {display: flex; flex-direction: row; justify-content: flex-start; align-content: flex-end; align-items: flex-end;}
	section.discover .container .title h2:after {margin: 0 0 22px 15px; content: ''; height: 1px; width: 125px; background: #8c8e80; display: none;}
	
	section.discover .container .reasons {width: 100%;}
}

@media screen and (max-width: 500px) {
	section.discover .container .reasons .list {display: block; flex-wrap: nowrap; overflow: hidden;}
	section.discover .container .reasons .list .item {margin-right: 60px; padding-bottom: 20px; min-width: 220px;}
	section.discover.num-items-5 .container .reasons .list .item {margin-right: 60px; padding-bottom: 20px; min-width: 220px;}
}

/* ==========================================================================
   Features
   ========================================================================== */
   
section.features {margin: 0 0 70px 0;}
section.features.background {padding: 80px 0; background: #274049;}
section.features .container article.item {margin: 0 0 50px 0; display: flex; flex-direction: row; justify-content: center; align-items: center;}
section.features .container article.item:last-child  {margin: 0 0 0 0;}
section.features .container article.item .side {margin: 0; padding: 0 15px 0 0; position: relative;}
section.features .container article.item .side .image {width: 280px; height: auto;}
section.features .container article.item .detail {padding: 0 140px 0 80px; box-sizing: border-box;}
section.features .container article.item .detail h3 {margin: 0 0 8px 0; font-size: 35px; line-height: 35px;}
section.features .container article.item .detail p {font-size: 18px; line-height: 29px; margin: 20px 0;}
section.features.background .container article.item .detail p {color: #ffffff;}

section.features .container article.item.right {display: flex; flex-direction: row-reverse; justify-content: center; align-items: center;}
section.features .container article.item.right .detail {padding: 0 80px 0 0;}
section.features .container article.item.right .side {padding: 0 0 0 15px;}
@media screen and (max-width: 1000px) {
	section.features .container article.item .detail {padding: 0 70px 0 40px;}
	section.features .container article.item.right .detail {padding: 0 40px 0 0;}
}
@media screen and (max-width: 800px) {
	section.features .container article.item .detail {padding: 0 30px 0 40px;}
	section.features .container article.item.right .detail {padding: 0 40px 0 0;}
}
@media screen and (max-width: 640px) {
	section.features .container article.item .detail {padding: 0 0 0 40px;}
	section.features .container article.item.right .detail {padding: 0 40px 0 0;}
	section.features .container article.item .side .image {width: 200px; height: 200px;}
	section.features .container article.item .side .image img {width: 100%; height: auto;}
}
@media screen and (max-width: 500px) {
	section.features .container article.item {flex-direction: column; align-items: flex-start;}
	section.features .container article.item.right {flex-direction: column; align-items: flex-start;}
	section.features .container article.item .side {margin: 0 0 15px 0; padding: 0 50px 0 0;}
	section.features .container article.item .detail {padding: 0 0 0 0;}
	section.features .container article.item.right .detail {padding: 0 0 0 0;}
	section.features .container article.item.right .side {padding: 0 50px 0 0;}
	section.features .container article.item.right .side .icon {left: inherit; right: 0; bottom: -5px;}
}
	

/* ==========================================================================
   Quotes
   ========================================================================== */
   
section.quotes {margin: 0 0 70px 0;}
section.quotes header.title {margin: 0 0 50px 0;}

section.quotes .list {margin: 0;}
section.quotes .list .item {margin: 0 0 75px 0; display: flex; flex-direction: row; justify-content: flex-start;}
section.quotes .list .item .image > figure {margin: 0; padding: 0; backface-visibility: hidden; background-size: cover; background-position: top left; background-repeat: no-repeat; left: 0; top: 0; width: 480px; height: 240px; z-index: 1; content: '';}
section.quotes .list .item .image figure img {display: none;}
section.quotes .list .item .quote {margin: 20px 100px 0 75px; display: flex; flex-direction: row; justify-content: flex-start; box-sizing: border-box;}
section.quotes .list .item .quote:before {padding: 0 5px 0 0; content:'"'; font-size: 26px; line-height: 34px;}
section.quotes .list .item blockquote {margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: flex-start; width: 100%;}
section.quotes .list .item blockquote p {margin: 0; padding: 0; font-size: 26px; line-height: 34px;}
section.quotes .list .item blockquote h3 {margin: 0; padding: 0; font-size: 30px; line-height: 44px;}
section.quotes .list .item blockquote span {margin: 0; padding: 0; font-size: 16px; line-height: 22px; max-width: 200px; display: flex;}
section.quotes .list .item blockquote footer {margin: 6px 0 0 0;}

section.quotes .list .item.right {flex-direction: row-reverse;}
section.quotes .list .item.right .image > figure {background-position: top right;}
section.quotes .list .item.right .quote {margin: 20px 75px 0 100px;}

@media screen and (max-width: 1000px) {
	section.quotes .list .item .image > figure {width: 380px; height: 240px;}
	section.quotes .list .item .quote {margin: 20px 50px 0 75px;}
	section.quotes .list .item.right .quote {margin: 20px 75px 0 50px;}
}
@media screen and (max-width: 900px) {
	section.quotes .list .item .image > figure {width: 380px; height: 240px;}
	section.quotes .list .item .quote {margin: 20px 25px 0 50px;}
	section.quotes .list .item.right .quote {margin: 20px 50px 0 25px;}
}
@media screen and (max-width: 800px) {
	section.quotes .list .item .image > figure {width: 300px; height: 200px;}
}
@media screen and (max-width: 700px) {
	section.quotes .list .item {margin: 0 0 60px 0; display: flex; flex-direction: column; justify-content: flex-start;}
	section.quotes .list .item .quote {margin: 0 20px 0 10px;}
	section.quotes .list .item.right {flex-direction: column;}
	section.quotes .list .item.right .quote {margin: 0 20px 0 10px;}
	section.quotes .list .item .image > figure {margin: 0 0 30px 0; width: 265px; height: 190px;}
	section.quotes .list .item.right .image {display: flex; justify-content: flex-end;}
}

/* ==========================================================================
   How To
   ========================================================================== */
   
section.how-to .container {margin: 0 auto 50px auto; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}

section.how-to .container .title {margin: 0; padding: 0; width: 15%; min-width: 290px;}

section.how-to .container .list {width: 85%;}
section.how-to .container .list .item {margin: 0 0 20px 0; width: 70%; min-width: 520px; display: flex; flex-direction: row; justify-content: flex-start; align-content: flex-start; align-items: stretch; min-height: 180px; overflow: hidden;}
section.how-to .container .list .item .image {margin: 0 40px 0 0; width: 120px; display: flex; flex-direction: column; justify-content: flex-start; align-content: flex-start; align-items: stretch; position: relative;}
section.how-to .container .list .item .image img {margin: 0; width: 90px; height: auto; border-radius: 50%; max-width: 90px;}
section.how-to .container .list .item .image:after {margin: 140px 0 0 0; width: 1px; height: 100%; background: rgba(138,138,138,0.3); content: ''; display: flex; flex-direction: column; justify-content: stretch; align-self: center; position: absolute;}

section.how-to .container .list .item .noimage {margin: 0 40px 0 0; width: 120px; display: flex; flex-direction: column; justify-content: flex-start; align-content: flex-start; align-items: stretch; position: relative; content: '';}
section.how-to .container .list .item .noimage:before {margin: 0 45px; width: 30px; height: 30px; border-radius: 50%; background: rgba(138,138,138,0.5); content: ''; display: flex; flex-direction: column; justify-content: flex-start; align-self: center;}
section.how-to .container .list .item .noimage:after {margin: 50px 0 0 0; width: 1px; height: 100%; background: rgba(138,138,138,0.3); content: ''; display: flex; flex-direction: column; justify-content: flex-start; align-self: center; position: absolute;}

section.how-to .container .list .item:last-child .image:after,
section.how-to .container .list .item:last-child .noimage:after {display: none;}

section.how-to .container .list .item .detail {margin: 0 0 30px 0;}
section.how-to .container .list .item .detail h3 {margin: 0 0 10px 0; font-size: 26px; line-height: 32px;}

section.how-to .container .list .item .detail p {font-size: 18px; line-height: 29px;}

section.how-to .container .list {counter-reset: howto;}
section.how-to .container .list .item .detail h3::before {counter-increment: howto; content: counter(howto)'. '; }

@media screen and (max-width: 900px) {
	section.how-to .container .list .item {width: 90%; min-width: inherit;}
}

@media screen and (max-width: 800px) {
	section.how-to .container {flex-direction: column;}
	section.how-to .container .title {margin: 0 0 40px 0; padding: 0; width: 15%; min-width: 290px;}
	section.how-to .container .list {width: 100%; box-sizing: border-box; padding: 0 0 0 20px;}
}

@media screen and (max-width: 500px) {
	section.how-to .container .list .item {margin: 0 0 20px 0; width: 85%; min-height: inherit; flex-direction: column;}
	section.how-to .container .list .item .image {margin: 0 0 20px 0;}
  section.how-to .container .list .item .image:after {display: none;}
	section.how-to .container .list .item .image img {width: 120px; max-width: 120px;}
	section.how-to .container .list .item .noimage {display: none;}
	section.how-to .container .list .item .detail {margin: 0 0 0 0;}
	section.how-to .container .list .item:after {margin: 20px 0 0 60px; width: 1px; height: 60px; background: rgba(138,138,138,0.3); content: '';}
	section.how-to .container .list .item:last-child:after {display: none;}
	
}


/* ==========================================================================
   Text Block
   ========================================================================== */
   
section.text-block .container {margin: 0 auto 70px auto; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}

section.text-block .container .title {margin: 0; padding: 0; width: 15%; min-width: 290px;}

section.text-block .container .content {width: 100%; max-width: 100%;}
section.text-block .container .content h1 {margin: 0 0 40px 0;}
section.text-block .container .content h2 {margin: 0 0 40px 0; font-size: 35px;}
section.text-block .container .content p {margin: 0 0 30px 0; font-size: 16px; line-height: 29px;}
section.text-block .container .content p:first-of-type {margin: 0 0 30px 0; font-size: 18px; line-height: 29px;}
section.text-block .container .content ul {margin: 0 0 40px 40px; padding: 0;}
section.text-block .container .content ul li {margin: 0; padding: 0; color: #8a8a8a;}

@media screen and (max-width: 700px) {
	section.text-block .container {flex-direction: column;}
	
	section.text-block .container .title {margin-bottom: 25px; width: 100%;}
	section.text-block .container .content {width: 100%; max-width: 600px;}
}


/* ==========================================================================
   Video
   ========================================================================== */
   
section.video {margin: 0 0 70px 0;}
section.video .container .title {margin: 0 0 30px 0; padding: 0;}
section.video .container.full.one-col {margin: 0 auto 70px auto; max-width: 855px;}
section.video .container.full.one-col.three {margin: 0 auto 15px auto; max-width: 855px;}
section.video .container.full.two-col {margin: 0 auto 70px auto; max-width: 1145px;}
section.video .container.full.two-col.three {margin: 0 auto 15px auto; max-width: 855px;}

section.video .container.full .single {position: relative; overflow: hidden;}
section.video .container.full .single .image > figure {margin: 0; padding: 0; backface-visibility: hidden; background-size: cover; background-position: top left; background-repeat: no-repeat; left: 0; top: 0; width: 100%; height: 485px; z-index: 1; content: '';}
section.video .container.full .single .image figure img {display: none;}

section.video .container.full .single .video-title {margin: 35px 40px 0 40px; position: absolute; z-index: 3; top: 0; left: 0;}
section.video .container.full .single .video-title h3 {font-size: 40px; line-height: 44px; color: #44d62c;}
section.video .container.full .single .video-title p {font-size: 18px; line-height: 26px; color: #fff; max-width: 350px;}
section.video .container.full .single .play a {position: absolute; z-index: 4; display: flex; justify-content: center; align-content: center; align-items: center; height: 485px; width: 100%; top: 0;}
section.video .container.full .single .overlay {position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 485px; background-image: linear-gradient(30deg, rgba(0, 29, 15, 0.7) 1%, rgba(0, 29, 15, 0.1) 100% ); overflow: hidden;}


section.video .container.full .list {display: flex; justify-content: flex-start; flex-direction: row;}
section.video .container.full .list .item {margin: 0 0 15px 0; position: relative; overflow: hidden; max-width: 565px; width: 100%;}
section.video .container.full .list .item:nth-child(odd) {margin: 0 15px 15px 0;}
section.video .container.full .list .item .image > figure {margin: 0; padding: 0; backface-visibility: hidden; background-size: cover; background-position: top left; background-repeat: no-repeat; left: 0; top: 0; width: 100%; height: 320px; z-index: 1; content: '';}
section.video .container.full .list .item .image figure img {display: none;}

section.video .container.full .list .item .video-title {margin: 35px 40px 0 40px; position: absolute; z-index: 3; top: 0; left: 0;}
section.video .container.full .list .item .video-title h3 {font-size: 40px; line-height: 44px; color: #44d62c;}
section.video .container.full .list .item .video-title p {font-size: 18px; line-height: 26px; color: #fff; max-width: 350px;}
section.video .container.full .list .item .play a {padding: 50px 0 0 0; position: absolute; z-index: 4; display: flex; justify-content: center; align-content: center; align-items: center; height: 320px; width: 100%; top: 0; box-sizing: border-box;}
section.video .container.full .list .item .overlay {position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 485px; background-image: linear-gradient(30deg, rgba(0, 29, 15, 0.7) 1%, rgba(0, 29, 15, 0.1) 100% ); overflow: hidden;}

iframe.videoPlayerTarget {opacity: 0.01; position: absolute; width: 100%; height: 100%; z-index: 10;}


@media screen and (max-width: 800px) {
	section.video .container.full .single .image > figure {height: 400px;}
	section.video .container.full .single .play a {padding: 50px 0 0 0; height: 400px; box-sizing: border-box;}
	
	section.video .container.full .list {flex-direction: column;}
	section.video .container.full .list .item {width: 100%; max-width: inherit;}
	section.video .container.full .list .item:nth-child(odd) {margin: 0 0 15px 0;}
	section.video .container.full .list .item .image > figure {height: 400px;}
	section.video .container.full .list .item .play a {padding: 50px 0 0 0; height: 400px;}
}
@media screen and (max-width: 640px) {
	section.video .container.full .single .image > figure {height: 350px;}
	section.video .container.full .single .play a {height: 350px;}
}

@media screen and (max-width: 500px) {
	section.video .container.full .single .image > figure {height: 250px;}
	section.video .container.full .single .video-title {margin: 15px 20px 0 20px;}
	section.video .container.full .single .play a {padding: 80px 0 0 0; height: 250px;}
	
	section.video .container.full .list .item .image > figure {height: 250px;}
	section.video .container.full .list .item .video-title {margin: 15px 20px 0 20px;}
	section.video .container.full .list .item .play a {padding: 80px 0 0 0; height: 250px;}
}


/* ==========================================================================
   Accordion
   ========================================================================== */

.accordion {margin-top: 80px; margin-bottom:100px;position:relative;}
.accordion p {margin:20px 40px;}
.accordion ul {margin: 0; padding: 0;}
.accordion li {border-top:1px solid #8a8a8a;height:100px;overflow:hidden;position:relative;}
.accordion li:last-child {border-bottom:1px solid #8a8a8a;}
.accordion .accordion-header {position:absolute;width:100%;height:100px;color:#8aab3a;font-family:akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif;font-weight:300;-webkit-transition:color 450ms ease;transition:all 450ms ease-in-out; font-size: 40px; line-height: 44px;}
.accordion .accordion-header a:hover {color: #fff;}
.accordion .a-link {color:inherit;padding-right:4.375rem;line-height:1;padding-left:15px; transition:all 200ms ease-in-out; height: 100px; display: flex; align-items: center;}
.accordion .a-link:hover {color:#44d62c;}
.accordion .a-link .link-title {z-index: 2; position: absolute; padding: 0 105px 0 15px; width: 100%; box-sizing: border-box; font-size: 0.8em;}
.accordion .a-link .link-bg {background: linear-gradient(90deg, #3e4827 1%, #44d62c 100%); opacity: 0; content: ''; height: 100px; width: 100%; transition:all 200ms ease-in-out; z-index: 1; position: absolute; top: 0; left: 0;}
.accordion .a-link:hover .link-bg {opacity: 1;}
.accordion .arrow {position:absolute;right:0;top:50%;margin-top:-1.09375rem;margin-right:20px; -webkit-transition:-webkit-transform 250ms ease;transition:all 200ms ease-in-out; color: #8a8a8a;}
.accordion .a-link:hover .arrow {color: #fff;}
.accordion .panel {padding:100px 0 30px;}
.accordion .active {height:auto;}
.accordion .active .arrow {-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);margin-right:40px;}

.accordion .link {margin-left: 40px;}

.accordion li.active .accordion-header a:hover {color:#44d62c;}
.accordion li.active .a-link:hover .link-bg {opacity: 0;}
.accordion li.active .a-link:hover .arrow {color: #8a8a8a;}
.accordion li.active {background: #fafafa;}


/* ==========================================================================
   Speeds
   ========================================================================== */

section.speeds {padding: 25px 0 50px 0;}
section.speeds .container {margin: 0 auto; display: flex; flex-direction: row; justify-content: center; align-items: flex-start; align-content: center; max-width: 560px; flex-wrap: wrap;}
section.speeds .column {width: 50%; display: flex; flex-direction: column; justify-content: center; align-self: center; box-sizing: border-box; text-align: center;}
section.speeds .column img {display: block; margin: 0 auto; text-align: center;}
section.speeds .column:first-child {border-right: 1px solid #d4d4d4;}
section.speeds p {margin: 0; color: #303b42; font-size: 18px; line-height: 1.1;}
section.speeds p.speed{color: #8a8a8a; font-size: 34px; margin-top: 5px; font-family: akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif; line-height: 45px;}
section.speeds p.speed.siro {color: #40bb2f;}


/* ==========================================================================
   Register
   ========================================================================== */

section.register {padding: 0 0 70px 0; }
section.register .container {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}

section.register .container .image {margin: 0; padding: 0; width: 50%;}
section.register .container .image .item.mobile {margin: 0; padding: 0; width: 100%; min-height: 325px; vertical-align: top; position: relative; overflow: hidden;}
section.register .container .image .item.mobile > figure {margin: 0; padding: 0; backface-visibility: hidden; background-size: cover; background-position: top left; background-repeat: no-repeat; left: 0; position: absolute; top: 0; width: 100%; min-height: 325px; z-index: 1;}
section.register .container .image .item.desktop {margin: 0; padding: 0; width: 100%; min-height: 450px; vertical-align: top; position: relative; overflow: hidden;}
section.register .container .image .item.desktop > figure {margin: 0; padding: 0; backface-visibility: hidden; background-size: cover; background-position: bottom left; background-repeat: no-repeat; left: 0; position: absolute; top: 0; width: 100%; min-height: 450px; z-index: 1;}
section.register .container .image .overlay {margin: 0;
padding: 0;
min-height: 300px;
width: 100%;
z-index: 2;
position: absolute;
top: 0;
right: 0;
background-image: url(../images/swoosh.png);
background-repeat: no-repeat;
background-position: left top;
transform: rotate(0);
background-size: contain;}

section.register .container .registration-form {margin: 0; padding: 0 170px 50px 70px; box-sizing: border-box; width: 50%; position: relative;}
section.register .container .registration-form .register-header {margin: 0 0 25px 0;}
section.register .container .registration-form .register-header h2 {margin: 0 0 10px 0; font-size: 40px; line-height: 44px;}
section.register .container .registration-form .register-header strong,
section.register .container .registration-form .register-header h3 {margin: 0; font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial, sans-serif; font-size: 16px; line-height: 22px; color: #8aab3a; font-weight: 400;}
section.register .container .registration-form .register-header p {margin: 0; font-size: 16px; line-height: 22px;}

section.register .container .registration-form .mc4wp-form .mc4wp-response {position: absolute;}

section.register .container .registration-form form .fields {width: 100%;}
section.register .container .registration-form form .fields .two-col {display: flex; flex-direction: row; justify-content: space-between;}
section.register .container .registration-form form .fields .two-col .input {display: flex; width: 47.5%;}

section.register .container .registration-form form .fields .input input {margin: 0 0 30px 0;height: 40px; width: 100%; border: none; border-radius: 0; line-height: 1;  font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial, sans-serif; font-weight: 300; font-size: 18px; color: #8c8e80; background: none; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; box-shadow: none; border-bottom: 1px solid #2b2c25;}
section.register .container .registration-form form .fields .input input:hover {border-bottom: 1px solid #8aab3a;}
section.register .container .registration-form form .fields .input input:active {border-bottom: 1px solid #8aab3a;}
section.register .container .registration-form form .fields .input input:focus {border-bottom: 1px solid #8aab3a; outline: none;}

.mc4wp-form input[type="date"], .mc4wp-form input[type="email"], .mc4wp-form input[type="tel"], .mc4wp-form input[type="text"], .mc4wp-form input[type="url"], .mc4wp-form select, .mc4wp-form textarea {padding: 0 0 !important;}

section.register .container .registration-form form .checkbox {margin: 0; height: 54px; display: flex; justify-content: flex-start; align-content: center; align-items: center; position: relative; z-index: 10;}
section.register .container .registration-form form .checkbox .check {margin: 0 10px 0 0;}
section.register .container .registration-form form .checkbox .label a {color: #4a7729;}
section.register .container .registration-form form .checkbox .label a:hover {color: #8aab3a;}

section.register .container .registration-form .provider-registration {position: relative;}
section.register .container .registration-form .address-box {width: 100%; margin-bottom: 20px !important;}
section.register .container .registration-form .address-box > .box {border: 1px solid #e8e8e8; border-radius: 5px; background-color: #ffffff; color: #363636; font-size: 18px; position: relative;}
section.register .container .registration-form .address-box > .box::before {content: ''; width: 30px; height: 30px; background: url('../images/check-icon.svg'); display: block; position: absolute; left: 14px; top: 12px;}
section.register .container .registration-form .address-box > .box p {margin: 14px 15px 20px 58px !important; padding: 0; font-size: 18px; font-weight: 600; text-align: left; width: calc(100% - 65px); line-height: 1.4;}
section.register .container .registration-form .address-box > .box a {color: #8a8a8a; font-size: 18px; font-weight: 400; text-decoration: underline; font-family: akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif; display: inline-block; margin-top: 5px;}
section.register .container .registration-form .address-box div.spacer {height: 105px;}
section.register .container .registration-form .lookup {width: 100%; position: relative; top: 0; margin: -224px 0 0 0; height: 160px;}
section.register .container .registration-form .lookup form.form-address-lookup {width: 100% !important; margin: 0 auto !important;}
section.register .container .registration-form .lookup form.form-address-lookup .search {margin: 0 0 30px 0; border-bottom: 1px solid #2b2c25; display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; width: 100%; transition: all .3s linear;}
section.register .container .registration-form .lookup form.form-address-lookup .search:hover {border-bottom: 1px solid #8aab3a;}
section.register .container .registration-form .lookup form.form-address-lookup .input {display: flex; flex-grow: 1;}
section.register .container .registration-form .lookup form.form-address-lookup .search .input input {height: 40px; width: 100%; border: none; border-radius: 0; line-height: 1;  font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial, sans-serif; font-weight: 300; font-size: 18px; color: #8c8e80; background: none; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; box-shadow: none;}
section.register .container .registration-form .lookup form.form-address-lookup .search .input input:focus {outline: none;}
section.register .container .registration-form .lookup form.form-address-lookup .search .submit {display: flex; align-items: center; height: 40px;}
section.register .container .registration-form .lookup form.form-address-lookup .search .submit button {background: none; border: none; cursor: pointer;}
section.register .container .registration-form .lookup form.form-address-lookup .search .submit button:focus {outline: none;}
section.register .container .registration-form .lookup form.form-address-lookup p.validation-error {pointer-events: none; opacity: 0; background: #ffffff; padding: 10px 20px; border: 1px solid #e8e8e8; border-radius: 5px; font-size: 16px; margin-top: 10px; transition: all 600ms ease;}
section.register .container .registration-form .lookup form.form-address-lookup p.validation-error.active {opacity: 1; margin-top: 10px;}

section.register .container .registration-form form .search {margin: 0 0 30px 0; border-bottom: 1px solid #2b2c25; display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; width: 100%; transition: all .3s linear;}
section.register .container .registration-form form .search:hover {border-bottom: 1px solid #8aab3a;}
section.register .container .registration-form form .search .input {display: flex; flex-grow: 1;}
section.register .container .registration-form form .search .input input {height: 40px; width: 100%; border: none; border-radius: 0; line-height: 1;  font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial, sans-serif; font-weight: 300; font-size: 18px; color: #8c8e80; background: none; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; box-shadow: none;}
section.register .container .registration-form form .search .input input:focus {outline: none;}
section.register .container .registration-form form .search .submit {display: flex; align-items: center; height: 40px;}
section.register .container .registration-form form .search .submit button {background: none; border: none; cursor: pointer;}
section.register .container .registration-form form .search .submit button:focus {outline: none;}

@media screen and (max-width: 1100px) {
    section.register .container .registration-form {padding: 0 70px 50px 70px;}
}

@media screen and (max-width: 800px) {
	section.register .container {display: flex; flex-direction: column; position: relative;}
	section.register .container .image {margin: 0 0 -70px 0; padding: 0; width: 100%;}
	section.register .container .registration-form {margin: 0 auto; padding: 25px 25px 100px 25px; box-sizing: border-box; width: 90%; position: relative; background: #ffffff; z-index: 2;}
}

@media screen and (min-width: 500px) {
	section.register .container .image .item.mobile {display: none;}
	section.register .container .image .item.desktop {display: block;}
}

@media screen and (max-width: 500px) {
	section.register .container .image .item.mobile {display: block;}
	section.register .container .image .item.desktop {display: none;}
	section.register .container .registration-form form .fields .two-col {flex-direction: column; justify-content: flex-start;}
	section.register .container .registration-form form .fields .two-col .input {width: 100%;}
}

/* ==========================================================================
   Footer
   ========================================================================== */

footer.site {margin: 0; padding: 0;}

footer.site .footer-top {margin: 0; padding: 50px 0 30px 0; backface-visibility: hidden; background-image: url('../images/footer/footer-bg.jpg'); background-size: cover; background-position: top center; background-repeat: no-repeat; width: 100%; min-height: 300px;}
footer.site .footer-top .container {display: flex; flex-direction: row; justify-content: center; align-items: flex-start;}
footer.site .footer-top .container .footer-left {width: 50%; display: flex; flex-direction: row; justify-content: flex-start;}
footer.site .footer-top .container .footer-left .nav {width: 40%;}
footer.site .footer-top .container .footer-left .corporate {width: 60%; display: flex; align-items: center;}
footer.site .footer-top .container .footer-left .corporate img {max-width: 240px;}
footer.site .footer-top .container .footer-right {width: 50%; padding: 0 0 0 70px; display: flex; flex-direction: row; justify-content: space-between; box-sizing: border-box;}

footer.site .footer-top h3 {margin: 0 0 15px 0; padding: 0; color: #44d62c; font-weight: 400; font-size: 20px; line-height: 22px; text-transform: uppercase;}
footer.site .footer-top h3 a {color: #44d62c; font-weight: 400; font-size: 20px; line-height: 22px; text-transform: uppercase;}
footer.site .footer-top ul {margin: 0; padding: 0;}
footer.site .footer-top ul li {margin: 0; padding: 0; list-style: none;}
footer.site .footer-top ul li a {color: #fff; font-size: 18px; line-height: 36px;}
footer.site .footer-top ul li a:hover {color: #8aab3a;}
footer.site .footer-top ul li a img {display: none;}

footer.site .footer-bottom {background: #2b2c25;}
footer.site .footer-bottom .container {min-height: 55px; display: flex; flex-direction: row; align-items: center;}

footer.site .footer-bottom .copy {margin-right: 20%; width: 30%;}
footer.site .footer-bottom .copy ul {margin: 0; padding: 0; display: flex; flex-direction: row; justify-content: space-between; text-transform: uppercase;}
footer.site .footer-bottom .copy ul li {margin: 0; padding: 0; list-style: none;}
footer.site .footer-bottom .copy ul li a {color: #fff; font-size: 20px; line-height: 22px; font-family: akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif; font-weight: 400;}
footer.site .footer-bottom .copy ul li a:hover {color: #8aab3a;}

footer.site .footer-bottom .social {width: 50%;}
footer.site .footer-bottom .social ul {margin: 0; padding: 0; display: flex; flex-direction: row; justify-content: flex-end; text-transform: uppercase;}
footer.site .footer-bottom .social ul li {margin: 0 45px 0 0; padding: 0; list-style: none;}
footer.site .footer-bottom .social ul li:last-child {margin: 0 0 0 0;}
footer.site .footer-bottom .social ul li a:hover img {opacity: 0.6;}

@media screen and (max-width: 1100px) {
	footer.site .footer-bottom .copy {margin-right: 10%; width: 40%;}
}
@media screen and (max-width: 1000px) {
	footer.site .footer-top .container .footer-left {flex-direction: column-reverse;}
	footer.site .footer-top .container .footer-left .nav {width: 100%;}
	footer.site .footer-top .container .footer-left .corporate {margin: 0 0 20px 0; width: 100%;}
	footer.site .footer-top .container .footer-right {flex-direction: column;}
	footer.site .footer-top ul {margin: 0 0 25px 0;}
}
@media screen and (max-width: 860px) {
	footer.site .footer-bottom .copy {margin-right: 0; width: 50%;}
	
}
@media screen and (max-width: 630px) {
	footer.site .footer-bottom .container {padding: 10px 0; flex-direction: column;}
	footer.site .footer-bottom .copy {margin: 0 0 20px 0; width: 100%;}
	footer.site .footer-bottom .social {width: 100%;}
	footer.site .footer-bottom .social ul {justify-content: center;}
}
@media screen and (max-width: 600px) {
	footer.site .footer-top .container {flex-direction: column; width: 100%; background-image: url('../images/footer/footer-mobile-bg.jpg'); background-size: cover; background-position: center right; background-repeat: no-repeat;}
	footer.site .footer-top {margin: 0; padding: 0 0 0 0;}
	footer.site .footer-top .container .footer-left {margin-right: 0; padding: 35px 5%; width: 100%; backface-visibility: hidden; }
	footer.site .footer-top .container .footer-right {margin-right: 0; padding: 10px 5% 0 5%; width: 100%; backface-visibility: hidden; min-height: 240px; justify-content: flex-start;}
	
	footer.site .footer-top .container .footer-right .nav {border-bottom: 1px solid rgba(255,255,255,0.1);}
	footer.site .footer-top .container .footer-right .nav:last-child {border-bottom: none;}
	
	footer.site .footer-top .container .footer-left .corporate img {max-width: 170px;}
	footer.site .footer-top h3 {margin: 0 0 0 0; font-size: 26px; line-height: 26px;}
	footer.site .footer-top h3 a {display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 55px;}
	footer.site .footer-top h3 a:after {content: ''; background-image: url('../images/arrow-right-12.svg'); background-size: contain; width: 18px; height: 18px;}
	footer.site .footer-top ul {display: none;}
	
	footer.site .footer-top .footer-right .nav.get-in-touch {display: none; flex-direction: row; justify-content: flex-start; align-items: center; min-height: 60px;}
	footer.site .footer-top .footer-right .nav.get-in-touch h3 {margin: 0 0 0 0; color: #fff; font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial, sans-serif; font-weight: 600; font-size: 16px; line-height: 22px; width: 50%;}
	footer.site .footer-top .footer-right .nav.get-in-touch ul {margin: 0 0 0 0; display: flex; flex-direction: row; justify-content: space-around; align-items: center; min-height: 60px; width: 50%;}
	footer.site .footer-top .footer-right .nav.get-in-touch ul li span {display: none;}
    footer.site .footer-top .footer-right .nav.get-in-touch ul li img {display: block; min-width: 30px;}
    footer.site .footer-top .footer-right .nav.get-in-touch ul li::before {content: ''; display: inline-block; width: 30px; height: 30px; background-size: 100% auto; background-repeat: no-repeat;}
    footer.site .footer-top .footer-right .nav.get-in-touch ul li.facebook::before {background-image: url('../images/social/footer-facebook.svg');}
	footer.site .footer-top .footer-right .nav.get-in-touch ul li.twitter::before {background-image: url('../images/social/footer-twitter-bird.svg');}
}

/* ==========================================================================
   Address Lookup
   ========================================================================== */

.result-header {position: relative; width: 100%; height: 410px; margin-top: 0; overflow: hidden; background: #000;}
.result-header .background {width: 100%; height: 100%; position: absolute; top: 0; background-size: cover; background-position: center center; z-index: 1;}
.result-header .container.full {z-index: 2; position: relative;}
.result-header .result-header-tab {background: #ffffff; height: 220px; padding-bottom: 20px; 
  max-width: 440px; display: flex; flex-direction: column; justify-content: flex-start; align-content: flex-start;}
.result-header .result-header-tab .detail {padding: 20px 40px; flex: 1 0 auto; position: relative; display: flex; justify-content: center; flex-direction: column;}
.result-header .result-header-tab .detail .detail-header {display: flex; flex-direction: row; justify-content: flex-start; width: 100%;}
.result-header .result-header-tab .detail .detail-header .icon {margin-right: 15px; width: 35px; height: 35px; display: flex; flex-direction: row; justify-content: flex-start; align-content: flex-start; align-items: flex-start; align-self: flex-start;}
.result-header .result-header-tab .detail .detail-header img {height: 35px; width: 35px;}
.result-header .result-header-tab .detail h1 {margin: 0; padding: 0; font-size: 28px; color: #4a7729; font-weight: 300; line-height: 35px; width: 100%;}
/*
.result-header .result-header-tab .detail h1.exact {padding: 0 0 0 50px; line-height: 36px;}
.result-header .result-header-tab .detail h1.exact::before {content: ''; width: 36px; height: 36px; background: url('../images/icons/tick-forest.svg'); background-size: cover; display: block; position: absolute; left: 40px; top: 20px;}
.result-header .result-header-tab .detail h1.noaddress {padding: 0 0 0 50px; line-height: 36px;}
.result-header .result-header-tab .detail h1.noaddress::before {content: ''; width: 36px; height: 36px; background: url('../images/icons/not-available-forest.svg'); background-size: cover; display: block; position: absolute; left: 40px; top: 20px;}
*/
.result-header .result-header-tab .detail h1 strong {font-weight: 400;}
.result-header .result-header-tab .detail p {padding: 10px 0 0 0; color: #303b42; font-size: 16px; line-height: 22px;}
.result-header .result-header-tab .detail.icon p {padding: 10px 0 0 50px;}

.result-header .result-header-tab .new-search {padding: 0 0 20px 0;}
.result-header .result-header-tab .new-search span {padding: 0 0 0 90px; display: flex; flex-direction: row; line-height: 18px; font-size: 16px;}
.result-header .result-header-tab .new-search span::before {margin-right: 10px; content: ''; width: 18px; height: 18px; background: url('../images/icons/search-grey.svg'); background-size: cover;}
.result-header .result-header-tab .new-search span a {text-decoration: underline; color: #8a8a8a;}


.result-header .result-header-tab .desc {padding: 0 40px;}
.result-header .result-header-tab .desc p {padding: 10px 0 10px 0; color: #8a8a8a; font-size: 18px; line-height: 22px;}

.result-header .result-header-tab .search-town h3 {padding: 0 40px 10px 40px; font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial, sans-serif; color: #8a8a8a; font-size: 18px; line-height: 22px; display: block;}
.result-header .row {position: relative; z-index: 2; height: 410px; display: flex; flex-direction: column; justify-content: center; align-content: center;}
.result-header .result-icon {display: inline-block; margin-bottom: 20px;}
.result-header.search h2 {color: rgb(60, 240, 63);}
.result-header.search p.desc {font-size: 20px; max-width: 80%; margin: 10px auto;}
.result-header.search .row.result {top: 0;}

.result-header .result-header-tab .detail h1 a {text-decoration: underline; color: #4a7729;}

#address-exact-search-box {padding: 15px 20px; background: #40bb2f; margin: 0;}
#address-exact-search-box form {width: 100%; right: 0; display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; transition: all .3s linear; background: #ffffff; border-radius: 20px;}
#address-exact-search-box form .input {display: flex; flex-grow: 1;}
#address-exact-search-box form .input input {height: 40px; padding: 0 0 0 20px; width: 100%; border: none; border-radius: 0; line-height: 1;  font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial, sans-serif; font-weight: 300; font-size: 18px; color: #8c8e80; background: none; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; box-shadow: none;  border-right: 1px solid #8a8a8a;}
#address-exact-search-box form .input input:focus {outline: none;}
#address-exact-search-box form .submit {display: flex; align-items: center; height: 40px; width: 50px;}
#address-exact-search-box form .submit img {height: 22px; width: 22px;}
#address-exact-search-box form .submit button {padding-right: 10px; padding-left: 12px; background: none; border: none; cursor: pointer;}
#address-exact-search-box form .submit button:focus {outline: none;}


@media (max-width: 850px) {
	.result-header .container.full {display: flex; justify-content: center; align-content: center; align-items: flex-end; height: 370px;}	
}
@media (max-width: 719px) {
  .section-content p.first-p {margin-top: -120px;}
  .siro-in-your-town .form-address-lookup {margin: 0 !important;}
  .result-header h2 span.lookup-map-result-title {font-size: 32px;}
}
@media (max-width: 480px) {
	.result-header .result-header-tab {height: auto; min-height: 175px; min-width: 315px; max-width: 315px;}
	.result-header .result-header-tab .detail {padding: 20px 20px;}
	.result-header .result-header-tab .detail h1 {padding-top: 4px; font-size: 20px; line-height: 28px;}
	.result-header .result-header-tab .detail h1.exact {margin: 0; padding: 0 0 0 40px;}
	.result-header .result-header-tab .detail h1.exact::before {left: 20px; height: 31px; width: 31px;}
	.result-header .result-header-tab .detail h1.noaddress {margin: 0; padding: 0 0 0 40px;}
	.result-header .result-header-tab .detail h1.noaddress::before {left: 20px; height: 31px; width: 31px;}
	.result-header .result-header-tab .search-town h3 {padding: 0 20px 10px 20px; font-size: 16px; line-height: 18px;}
	.result-header .result-header-tab .detail p {font-size: 14px; line-height: 18px;}
	
	.result-header .result-header-tab .desc {padding: 0 20px;}
	.result-header .result-header-tab .desc p {font-size: 16px; line-height: 18px;}
	
	.result-header .result-header-tab .new-search span {padding: 0 0 0 70px;}
	
	#address-exact-search-box form .input input {height: 36px;}	
	#address-exact-search-box form .input input:focus {outline: none;}
	#address-exact-search-box form .submit {height: 36px; width: 45px;}
	#address-exact-search-box form .submit button {padding-right: 10px; padding-left: 10px;}
	#address-exact-search-box form .submit img {height: 20px; width: 20px;}
}

.result-tabs {background: #fff; color: #303b42; font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial, sans-serif;}
.result-tabs p {color: #303b42;}
.result-tabs .tabs {background: #dbddd0; height: 51px; list-style: none; margin: 0 auto; padding: 0; display: block; text-align: center;}
.result-tabs .tabs li {padding: 0; height: 47px; margin-top: 4px; display: inline-block; font-family: akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif !important;}
.result-tabs .tabs li:before {content: ''; position: absolute; border-left: 1px solid #8a8a8a; left: 0; top: 8px; bottom: 12px; opacity: 0.45;}
.result-tabs .tabs li:first-child:before {display: none;}
.result-tabs .tabs li a {color: #303b42 !important; font-size: 24px !important; font-weight: 300 !important; display: block; padding: 0 30px !important; line-height: 45px; text-transform: uppercase;}
.result-tabs .tabs li.active {background: #ffffff !important; position: relative;}
.result-tabs .tabs li.active::before {display: block; width: 100%; height: 11px; top: -10px; background: #ffffff; left: 0; z-index: 5; opacity: 1; border: none;}
.result-tabs .tabs li.active a {color: #8aab3a !important;}
.result-tabs .tabs li.active + li:before {display: none;}
.result-tabs .tabs li a:focus {outline: none;}
.result-tabs .tabs li a::before {display: none;}
.result-tabs .tabs-content {margin-bottom: 0; padding-top: 0;}
.result-tabs .tabs-content > .content {padding:0;}
@media (max-width: 719px) {
  .result-tabs .tabs li {width: 33.33%; display: block; float: left !important;}
  .result-tabs .tabs li a {font-size: 20px !important; padding: 0 !important; margin: 0 !important;}
  .result-tabs .tabs-content {margin-bottom: 0; padding-top: 20px;}
}

/* ==========================================================================
   Providers Component
   ========================================================================== */

.providers-component {max-width: 1400px; width: 80%; margin: 0 auto;}
.providers-component .intro h2, body.subheading_color_white .providers-component .intro h2 {color: #4a7729 !important; text-transform: uppercase; font-size: 36px; margin-bottom: 14px; margin-top: 40px;}
.providers-component .intro p {font-size: 18px; margin: 0 0 30px 0; font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial, sans-serif;}
.providers-component .provider {margin: 0 1% 2em 1%; padding: 0; opacity: 0; transition: opacity 800ms ease; width: 25%; box-sizing: border-box;}
/* .providers-component .providers-flex .provider:nth-child(3n+2) {margin: 0 3.5% 2em 3.5%;} */
.providers-component .provider.loaded {opacity: 1;}
.providers-component .provider .content {box-shadow: 0 0 40px rgba(0, 0, 0, 0.06); height: 290px; position: relative;}
.providers-component .includes-promo .provider .content {height: 425px; font-family: akzidenz-grotesk, AkzidenzGrotesk, "Trebuchet MS", Arial, sans-serif;}
.providers-component .provider .content::before {content: ''; display: block; width: 100%; height: 8px; background: #40bb2f; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.providers-component .provider .content .logo {display: flex; width: 100%; height: 120px; margin: 5px auto 30px auto; flex-direction: column; justify-content: center; align-items: center;}
.providers-component .includes-promo .provider .content .logo {margin-bottom: 55px;}
.providers-component .provider.has-promo .content .logo {margin-bottom: 0;}
.providers-component .provider .content {background: #ffffff; box-shadow: 0 2px 10px rgba(0,0,0,0.2); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden;}
.providers-component .provider .content.with-promo {background: #f5f5f5;}
.providers-component .provider .content .logo img {display: block; max-width: 100%; max-height: 100%;}
.providers-component .provider .content h2 {color: #8a8a8a; font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial, sans-serif;  font-size: 20px; line-height: 1.2; height: auto; padding: 0; max-width: 85%; margin: 0 auto 0 auto; overflow: visible; min-height: 50px;}
.providers-component .provider .content h3 {color: #4a7729; font-weight: 700; font-size: 20px; font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial, sans-serif; margin: 10px 0 0 0; width: 100%;}
.providers-component .provider .content .promotion {background: #ffffff;}
.providers-component .provider .content .promotion h3 {position: absolute; text-align: left; margin: 0 0 0 25px; font-size: 16px; background: transparent;}
.providers-component .provider .content .price {color: #4a7729; background: #ffffff; margin-top: 20px; font-weight: 600; padding: 30px 0 20px 0; height: 300px;}
.providers-component .provider .content .price .eur {width: 15%; font-size: 30px; text-align: right; display: block; float: left; height: 72px; line-height: 86px;}
.providers-component .provider .content .price .amount {width: 30%; font-size: 65px; line-height: 56px; display: block; float: left; margin-right: 5%;}
.providers-component .provider .content .price .info {width: 50%; display: block; float: left; margin-top: -2px;}
.providers-component .provider .content .price .info .per {font-size: 16px; display: block; text-align: left; line-height: 1.1;}
.providers-component .provider .content .price .info .note {font-size: 12px; display: block; text-align: left; line-height: 1.2; font-weight: 400; margin-top: 5px;}
.providers-component .provider .content .price::after {content: ''; display: block; clear: both;}
.providers-component .provider .content .button {color: #ffffff; background: #40bb2f; border-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; display: block; width: 100%; padding: 14px 0; font-size: 20px; font-weight: 400; position: absolute; bottom: 0; font-family: akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif; text-transform: uppercase; text-align: center;}
.providers-component .provider .content .button svg {position: relative; top: 5px;}
.providers-component .provider .content .button:hover {color: #ffffff; opacity: 0.8;}
.providers-component .provider .link {color: #8a8a8a; margin: 40px 0 0 0; text-decoration: underline; font-weight: 300; display: block; font-family: akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif; font-size: 22px; text-align: center;}
.providers-component .footnote {margin: 10px auto 60px auto; position: relative; top: -20px;}
.providers-component .footnote p {color: #969696; font-size: 16px;}
.providers-component .providers-flex {display: flex; justify-content: center; flex-wrap: wrap;}

@media (min-width: 1024px) {
  .providers-component {min-width: 1024px;}
}
@media (max-width: 1024px) {
  .providers-component {width: 90%; margin-bottom: 60px;}
  .providers-component .provider {padding: 0; margin-bottom: 3px;}
  .providers-component .provider.loaded {width: 100%;}
  .providers-component .provider .content {width: 100%; height: 140px !important; display: flex; align-items: center; justify-content: space-between;}
  .providers-component .provider .content::before {content: ''; display: block; width: 8px; height: 140px; background: #40bb2f; border-top-left-radius: 10px; border-top-right-radius: 0; border-bottom-left-radius: 10px;}
  .providers-component .includes-promo .provider .content {max-width: inherit; min-width: 100%; width: 100%;}
  .providers-component .provider .content.with-promo {height: 180px !important; align-items: stretch;}
  .providers-component .provider .content.with-promo::before {height: 180px;}
  .providers-component .provider .content .logo {width: 39%; height: 95px; margin: 0 !important;}
  .providers-component .provider .content .logo img {max-width: 100%; max-height: 100%;}
  .providers-component .provider .content h3.promotion::before {display: none;}
  .providers-component .provider .content .wrapper {width: calc(100% - 43px); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
  .providers-component .provider .content .button {background: #40bb2f; border-width: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px; display: block; width: 35px; height: 140px; padding: 14px 0; font-size: 20px; position: static;}
  .providers-component .provider .content .button span {display: none;}
  .providers-component .provider .content .button svg {top: 42px;}
  .providers-component .provider .content.with-promo .button {height: 180px;}
  .providers-component .provider .content.with-promo .button svg {top: 63px;}
	.providers-component .provider .content h2 {text-align: left; width: 100%; margin: 17px 0 5px 0; font-size: 18px; max-height: 60px; min-height: auto; height: auto;}
  .providers-component .provider .content .promotion {width: 100%;}
  .providers-component .provider .content .promotion h3 {margin-left: 0; width: 29%; text-align: center;}
  .providers-component .provider .content .promotion h3 span {padding: 0; font-weight: 600;}
  .providers-component .provider .content .price {height: auto; padding: 0; margin: 16px 0;}
  .providers-component .provider .content .price .eur {font-size: 26px; line-height: 70px; height: 70px; width: 12%;}
  .providers-component .provider .content .price .amount {font-size: 48px; text-align: left; padding-left: 4px; width: 27%;}
  .providers-component .provider .content .price .info .per {font-size: 15px;}
  .providers-component .provider .content .price .info .per br {display: none;}
  .providers-component .provider .content .price .info .note {font-size: 14px;}
  .providers-component .provider .link {margin: 18px 0 40px 0; font-size: 20px;}
  .providers-component .footnote {top: 0;}
	.providers-component .inner_wrapper {position: relative; width: 61%;}
	.providers-component .siro_badge {text-align: left; max-width: 90%;}
}

/* ==========================================================================
   Speed Test Component
   ========================================================================== */

.speedtest.enabled {display: block; }
.speedtest h1 {margin: 0; text-transform: none; }
.speedtest .meter img {display: inline-block; vertical-align: middle; }
.speedtest .meter .number {color:#ffffff; display: inline-block; font-family:akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif; font-size:60px; font-weight:300; line-height:1; vertical-align: middle; }
.speedtest .meter h2 {display: inline !important; position: relative; left: 6px; top: 16px; }
.speedtest hr {border-color: rgba(255,255,255,.2) !important; margin: 15px auto !important; width: 100% !important; }
.speedtest small {font-size: 13px; }

.framed__content {box-sizing: border-box; padding: 25px; }

.progress {margin: 0 0 25px; text-align: left; }
.progress .bar {border-radius: 100px; border: 1px solid #252d2f; height: 8px; width: 100%; }
.progress .number {color: #00e500; font-size: 24px; font-family:akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif; text-transform: uppercase; }
.progress .bar .current {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5ff867+0,adffb0+25,adffb0+25,50d656+34,369744+100 */ background: #5ff867; /* Old browsers */ background: -moz-linear-gradient(top,  #5ff867 0%, #adffb0 25%, #adffb0 25%, #50d656 34%, #369744 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  #5ff867 0%,#adffb0 25%,#adffb0 25%,#50d656 34%,#369744 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  #5ff867 0%,#adffb0 25%,#adffb0 25%,#50d656 34%,#369744 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ff867', endColorstr='#369744',GradientType=0 ); /* IE6-9 */ box-shadow: 0 0 30px #56ee58; border-radius: 100px; display: block; height: 5px; position: relative; }
.progress .bar .current::after {background: url(../images/simulator/flare.png); content: " "; display: block; height: 59px; position: absolute; right: -26px; top: -29px; width: 59px; }
.progress.average .number {color: #94cfe1; }
.progress.average .current {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#23baf3+0,32d9ff+25,24bcf6+35,1a88b3+100 */ background: #23baf3; /* Old browsers */ background: -moz-linear-gradient(top,  #23baf3 0%, #32d9ff 25%, #24bcf6 35%, #1a88b3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  #23baf3 0%,#32d9ff 25%,#24bcf6 35%,#1a88b3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  #23baf3 0%,#32d9ff 25%,#24bcf6 35%,#1a88b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23baf3', endColorstr='#1a88b3',GradientType=0 ); /* IE6-9 */ box-shadow: 0 0 30px #1a88b3; }
.progress.average .current::after {display: none; }
.speedtest-slider {position: relative; width: 100%; overflow: hidden; }
.speedtest-wrapper {left: 0; position: relative; transition: left 300ms ease-in-out; width: 300vw; }

.speedtest-slider .item {float: left; width: 100vw; }
.speedtest-slider .item .framed {width: 47%;}
.speedtest-slider .item .framed .row .columns {margin: 0 0 20px 0; }


.speedtest.enabled {display: block; }
.speedtest h1 {margin: 0; text-transform: none; }
.speedtest .meter img {display: inline-block; vertical-align: middle; }
.speedtest .meter .number {color:#ffffff; display: inline-block; font-family:akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif; font-size:60px; font-weight:300; line-height:1; vertical-align: middle; }
.speedtest .meter h2 {display: inline !important; position: relative; left: 6px; top: 16px; }
.speedtest hr {border-color: rgba(255,255,255,.2) !important; margin: 15px auto !important; width: 100% !important; }
.speedtest small {font-size: 13px; }
.speedtest-shortcut .speedtest-wrapper {width: 100% !important;}
.speedtest-shortcut .item {float: none !important; width: 100% !important; }

.speedtest-shortcut.speedtest-slider .item .framed {width: 100% !important; }
.speedtest-shortcut .partners h2::after, .speedtest-shortcut .framed h2::after {background: #001f12; }
.speedtest-shortcut .columns {margin: 0 !important; }
.speedtest-shortcut .btn-cta {background: #001f11; position: relative; top: 50px; }
.speedtest-shortcut .btn-cta::before {background: #001f11; content: " "; display: block; height: 2px; left: -22px; position: absolute; top: 22px; width: 20px; }
.speedtest-shortcut .btn-cta::after {background: #001f11; content: " "; display: block; height: 2px; right: -22px; position: absolute; top: 22px; width: 20px; }
.framed__content {box-sizing: border-box; padding: 25px;}
.progress {margin: 0 0 25px; text-align: left; }
.progress .bar {border-radius: 100px; border: 1px solid #252d2f; height: 8px; width: 100%; }
.progress .number {color: #00e500; font-size: 24px; font-family:akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif; text-transform: uppercase; }
.progress .bar .current {background: #5ff867; /* Old browsers */ background: -moz-linear-gradient(top,  #5ff867 0%, #adffb0 25%, #adffb0 25%, #50d656 34%, #369744 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  #5ff867 0%,#adffb0 25%,#adffb0 25%,#50d656 34%,#369744 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  #5ff867 0%,#adffb0 25%,#adffb0 25%,#50d656 34%,#369744 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ff867', endColorstr='#369744',GradientType=0 ); /* IE6-9 */ box-shadow: 0 0 30px #56ee58; border-radius: 100px; display: block; height: 5px; position: relative; }
.progress .bar .current::after {background: url(../images/simulator/flare.png); content: " "; display: block; height: 59px; position: absolute; right: -26px; top: -29px; width: 59px; }
.progress.average .number {color: #94cfe1; }
.progress.average .current {background: #23baf3; /* Old browsers */ background: -moz-linear-gradient(top,  #23baf3 0%, #32d9ff 25%, #24bcf6 35%, #1a88b3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  #23baf3 0%,#32d9ff 25%,#24bcf6 35%,#1a88b3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  #23baf3 0%,#32d9ff 25%,#24bcf6 35%,#1a88b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23baf3', endColorstr='#1a88b3',GradientType=0 ); /* IE6-9 */ box-shadow: 0 0 30px #1a88b3; }
.progress.average .current::after {display: none; }


.speedtest-slider {position: relative; width: 100%; overflow: hidden; }
.speedtest-wrapper {left: 0; position: relative; transition: left 300ms ease-in-out; width: 300vw; }
_:-ms-lang(x), .speedtest-slider {width: 101%; /* IE/Edge hack */}

.speedtest-slider .item {float: left; width: 100vw; }
.speedtest-slider .item .framed {width: 47%; }
.speedtest-slider .item .framed .row .columns {margin: 0 0 20px 0; }

.speedtest-slider .controls > button {position: absolute; z-index: 20; top: 180px; left: -90px; background: none; border: none; cursor: pointer; outline:none; font-size: 0;}
.speedtest-slider .controls > button::before { color: white; font-size:2.6rem; font-family:"siro" !important; font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.speedtest-slider .controls > button.prev::before {content:"e";}
.speedtest-slider.for-0 .controls > button {display: none; }

@media (max-width: 64.063rem) {
    .speedtest-slider .item .framed {width: 83.33333%; }
}
.framed {margin: 50px 0 50px 0; position: relative; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.5); border-radius: 20px;}
.white-speedtest {width: 100%; margin: 40px auto; text-align: center;}
.white-speedtest h2 {color: #4a7729 !important; font-size: 36px; margin-top: 40px !important; margin-bottom: 40px;}
.white-speedtest p {font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial, sans-serif;}
.white-speedtest .speedtest-slider h2 {color: #303b42 !important; font-size: 26px;}
.white-speedtest .speedtest-slider .js-goto {position: relative; box-shadow: 0 0 50px rgba(0,0,0,0.1); width: 135px; height: 135px; border-radius: 0; display: inline-block; border: none; margin: 0 12px; vertical-align: top; padding-top: 0;}
.white-speedtest .speedtest-slider .js-goto span {display: block; color: #40bb2f; position: absolute; bottom: 10px; width: 90%; text-align: center; left: 5%; line-height: 1;}
.white-speedtest .speedtest-slider .js-goto img {max-width: 100px; max-height: 90px; margin-top: 5px;}
.white-speedtest .speedtest-slider .js-goto .hover {display: none;}
.white-speedtest .speedtest-slider .item .framed {margin: 0 auto;}
.white-speedtest .speedtest-slider .framed__content {padding-bottom: 0;}
.white-speedtest .progress .bar {border: none; background: #dbdbdb;}
.white-speedtest .progress .bar .current {box-shadow: none; height: 8px;}
.white-speedtest .progress.siro .bar .current {background: #40bb2f;}
.white-speedtest .progress.average .bar .current {background: #539bc2;}
.white-speedtest .progress .bar .current::after {background: none;}
.white-speedtest .progress .time {float: right;}
.white-speedtest .progress.siro .number {color: #303b42;}
.white-speedtest .progress.average .number {color: #303b42;}
.white-speedtest .bars {max-width: 440px; margin: 0 auto;}
.white-speedtest .speedtest-slider .item:nth-child(3) .btn-cta {color: #fff; background: #40bb2f;}
.white-speedtest .source {color: #8a8a8a; font-size: 14px;}
.white-speedtest .btn-cta.larger-width {font-size: 20px; font-weight: 500;}
@media (min-width: 719px) {
  .white-speedtest .speedtest-slider .js-goto:hover {background: #40bb2f;}
  .white-speedtest .speedtest-slider .js-goto:hover span {color: #fff;}
  .white-speedtest .speedtest-slider .js-goto:hover .icon {display: none;}
  .white-speedtest .speedtest-slider .js-goto:hover .hover {display: inline-block;}
}
@media (max-width: 719px) {
  .white-speedtest {width: 100%;}
  .white-speedtest .text-center h2 {font-size: 36px; text-transform: uppercase; margin-top: 10px;}
  .white-speedtest .text-center p {font-size: 20px; line-height: 1.2; max-width: 80%; margin: 20px auto;}
  .white-speedtest .speedtest-slider .item .framed {width: 100%; margin: 25px 0;}
  .white-speedtest .text-center p.source {margin: -40px auto -20px auto; font-size: 14px; color: #8a8a8a;}
  .white-speedtest .speedtest-slider .js-goto {margin: 0 8px 25px 8px;}
}
@media (max-width: 320px) {
  .white-speedtest .speedtest-slider .framed__content {padding: 25px 0;}
  .white-speedtest .speedtest-slider .item:nth-child(3) .framed {width: 90%; margin: 25px auto;}
}

/* ==========================================================================
   Sign-Up Component
   ========================================================================== */

.signup-component {background-image: linear-gradient(0deg, #fafafa 3%, #f2f2f2 100%); padding-top: 40px; padding-bottom: 60px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.content > .signup-component:first-child {background: #ffffff;}
.signup-component {background-image: linear-gradient(0deg, #fafafa 3%, #f2f2f2 100%); padding-top: 40px; padding-bottom: 60px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.signup-component h2 {color: #4a7729 !important; text-transform: uppercase; margin-bottom: 5px; margin-top: 0;}
.signup-component p.desc {margin: 0 auto;}
.signup-component .mc4wp-form input[type=email],
.signup-component .mc4wp-form input[type=text] {border: 1px solid #e8e8e8; border-radius: 5px; background-color: #ffffff; color: #363636; font-size: 18px; width: 530px; max-width: 90%;}
.signup-component .mc4wp-form input[type=email]::placeholder,
.signup-component .mc4wp-form input[type=text]::placeholder {color: #8a8a8a;}
.signup-component .mc4wp-form button {background: #40bb2f; width: 315px; padding: 16px 0; font-size: 22px; max-width: 90%; display: block; margin: 0 auto;}
.signup-component .mc4wp-form button:hover {background: #40bb2f; opacity: 0.8; color: #ffffff;}
.signup-component .mc4wp-form .icheckbox {border: 2px solid #000; border-radius: 2px; width: 16px; height: 16px; margin: 5px 20px 0 0;}
.signup-component .mc4wp-form .icheckbox:before {background-image: url(../images/checkbox-checked.svg); top: -5px; left: -5px; width: 22px; height: 22px;}
.signup-component .mc4wp-form .checkbox-label {font-family: akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif;}
.signup-component .mc4wp-form .checkbox-label > span {line-height: 1.4; font-weight: 400; font-size: 18px; display: block;}
.signup-component .mc4wp-form .mc4wp-response {position: absolute;}
.signup-component .speed-meters {max-width: 560px; margin: 30px auto;}
.signup-component .speed-meters .columns:first-child {border-right: 1px solid #d4d4d4;}
.signup-component .speed-meters p {margin: 0; color: #8a8a8a; font-size: 18px; line-height: 1.1;}
.signup-component .speed-meters p.speed {color: #8a8a8a; font-size: 34px; margin-top: 5px; font-family: akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif;}
.signup-component .speed-meters p.speed.siro {color: #40bb2f;}
.signup-component .address-box {width: 530px; max-width: 90%; margin-bottom: 20px !important;}
.signup-component .address-box > .box {border: 1px solid #e8e8e8; border-radius: 5px; background-color: #fff; color: #363636; font-size: 18px; position: relative;}
.signup-component .address-box > .box::before {content: ''; width: 30px; height: 30px; background: url('../images/check-icon.svg'); display: block; position: absolute; left: 14px; top: 12px;}
.signup-component .address-box > .box p {margin: 14px 15px 20px 58px !important; padding: 0; font-size: 18px; font-weight: 600; text-align: left; width: calc(100% - 65px); line-height: 1.4;}
.signup-component .address-box > .box a {color: #8a8a8a; font-size: 18px; font-weight: 400; text-decoration: underline; font-family: akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif; display: inline-block; margin-top: 5px;}
.signup-component .address-box div.spacer {height: 45px;}
.signup-component .lookup {width: 530px; max-width: 90%; position: relative; top: -215px; margin: 0 auto;}
.signup-component .lookup form.form-address-lookup {width: 100% !important; margin: 0 auto !important;}
.signup-component .lookup form.form-address-lookup input {border-top-left-radius: 100px; border-bottom-left-radius: 100px; border: 1px solid #e8e8e8; width: calc(100% - 50px);}
.signup-component .lookup form.form-address-lookup input:focus {border-color: #44d62c; outline: 0; box-shadow: 0 0 8px rgba(68,214,44,.6);}
.signup-component .lookup form.form-address-lookup button {border-top-right-radius: 100px; border-bottom-right-radius: 100px; border: 1px solid #e8e8e8; border-left: 0; width: 50px;}
.signup-component .lookup form.form-address-lookup p.validation-error {pointer-events: none; opacity: 0; background: #ffffff; padding: 10px 20px; border: 1px solid #e8e8e8; border-radius: 5px; font-size: 16px; margin-top: 20px; transition: all 600ms ease;}
.signup-component .lookup form.form-address-lookup p.validation-error.active {opacity: 1; margin-top: 10px;}

@media (max-width: 719px) {
  .signup-component h2 {font-size: 36px; max-width: 90%; margin: 0 auto;}
  .signup-component p.desc {font-size: 18px; max-width: 80%; margin: 10px auto 20px auto;}
  .signup-component .speed-meters p.speed {font-size: 28px;}
  .signup-component .row.form-update {margin: 0 !important;}
  .signup-component .form-update .cell.text-left {margin: 0 auto !important; width: 225px;}
  .signup-component .form-update .cell.text-left .small-10 {width: 100%;}
  .signup-component .form-update .cell.text-left .small-2.large-1.columns {display: none;}
  .signup-component .lookup {top: -210px;}
}

/* ==========================================================================
   Roll out page v3
   ========================================================================== */

body.page-template-page-roll-out-gateway .bg-rollout {width: 100%; background-repeat: no-repeat; background-position: left top; background-size: auto 100%;}
body.page-template-page-roll-out-gateway .section-rollout-map .row .column.text-center {position: absolute; top: 120px; width: 100%; margin: 0; text-align: center; z-index: 100;}
body.page-template-page-roll-out-gateway .section-rollout-map .row .column.text-center h1 {height: 48px; font-size: 45px; color: #4a7729; font-weight: 200; text-decoration: none solid rgb(74, 119, 41); line-height: 48px; text-align: center; text-transform: none;}
body.page-template-page-roll-out-gateway .section-rollout-map {transition: opacity 500ms ease;}
body.page-template-page-roll-out-gateway .section-rollout-map.hidden {opacity: 0; pointer-events: none;}
body.page-template-page-roll-out-gateway .map-main {overflow: hidden; position: relative;}
body.page-template-page-roll-out-gateway a[title="Interactive JavaScript maps"] {display: none !important;}
body.page-template-page-roll-out-gateway #map-wrapper {position: relative; min-height: 540px; height: calc(100vh - 236px); overflow: hidden;}
body.page-template-page-roll-out-gateway #map-container {width: 100%; height: calc(115vh); position: relative; top: -27vh; left: -5vw;}
body.page-template-page-roll-out-gateway #map-list {position: absolute; width: 402px; height: 406px; background-color: #fff; background-size: cover; box-shadow: 2px 2px 20px rgba(0,0,0,0.1); z-index: 10; top: 100px; right: 50px; padding: 20px;}
body.page-template-page-roll-out-gateway #map-list h3 {margin: 0; padding: 0; width: 35%; display: block; float: left;}
body.page-template-page-roll-out-gateway #map-list h3 a {margin: 0; font-family: akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif; font-size: 24px; font-weight: 300; color: #8aab3a; text-transform: uppercase;}
body.page-template-page-roll-out-gateway #map-list h3 a i {display: none;}
body.page-template-page-roll-out-gateway #map-list #map-list-container {margin-left: 40%; width: 60%; height: 100%; overflow: scroll;}
body.page-template-page-roll-out-gateway #map-list ul {margin: 0; padding: 0;}
body.page-template-page-roll-out-gateway #map-list ul li {margin: 0; padding: 0; list-style: none; font-family: akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif; font-size: 24px; font-weight: 300; text-decoration: none; line-height: 36px;}
body.page-template-page-roll-out-gateway #map-list ul li > a {display: block; padding-left: 20%;}
body.page-template-page-roll-out-gateway #map-list ul li a {color: #8aab3a;}
body.page-template-page-roll-out-gateway #map-list ul li ul {display: none;}
body.page-template-page-roll-out-gateway #map-list ul li ul li {margin: 0; padding: 0 0 0 0;}
body.page-template-page-roll-out-gateway #map-list ul li ul li:last-child {border-bottom: 0;}
body.page-template-page-roll-out-gateway #map-list ul li.selected ul {display: block;}
body.page-template-page-roll-out-gateway #map-list ul li.selected > a {line-height: 1; background: url('../images/green-arrow.png') left center no-repeat; background-size: auto 100%; padding-top: 9px; position: absolute; left: 0; padding-left: 60px;}
body.page-template-page-roll-out-gateway #map-list ul li.selected > a:hover {background: url('../images/green-arrow.png') left center no-repeat; background-size: auto 100%; color: #8aab3a;}
body.page-template-page-roll-out-gateway #map-list ul li.selected > a:before {content: 'County ';}
body.page-template-page-roll-out-gateway #map-list ul li.selected > a:after {content:'All Available Towns'; color: #8a8a8a; display: block; font-family: akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif; font-size: 16px; font-weight: 300; transform: scaleX(1); margin: 0; opacity: 1; transition: all 0s ease;}
body.page-template-page-roll-out-gateway #map-list.coming-soon ul li.selected > a:after {content:'All Coming Soon Towns';}
body.page-template-page-roll-out-gateway #map-list.planned ul li.selected > a:after {content:'All Planned Towns';}
body.page-template-page-roll-out-gateway #map-list.gigabit-hubs ul li.selected > a:after {content:'All Gigabit Hub Towns';}
body.page-template-page-roll-out-gateway #map-list.county-selected h3 {display: none;}
body.page-template-page-roll-out-gateway #map-list.county-selected > div > div > ul > li {display:none}
body.page-template-page-roll-out-gateway #map-list.county-selected > div > div > ul > li.selected {display:block}
body.page-template-page-roll-out-gateway .buttons {position: absolute; left: calc(5% - 30px); top: 10%; width: 400px; margin: 0; text-align: center; transition: opacity 500ms ease;}
body.page-template-page-roll-out-gateway .buttons.hidden {opacity: 0; pointer-events: none;}
body.page-template-page-roll-out-gateway .buttons a {padding: 0 0 10px 0; font-family: akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif; font-size: 24px; text-transform: uppercase; background: none; border: none; color: #8aab3a; border-bottom: 2px solid rgba(255,255,255,0); cursor: pointer;font-weight: 200; display: flex; transition: none;}
body.page-template-page-roll-out-gateway .buttons a.active,
body.page-template-page-roll-out-gateway .buttons a.is--active {font-weight: 400;}
body.page-template-page-roll-out-gateway .buttons a:focus {outline:0;}
body.page-template-page-roll-out-gateway .buttons a .before {width: 20px; background: transparent url('../images/dot.png') left center repeat-x; opacity: 0; height: 36px; margin-right: 10px;}
body.page-template-page-roll-out-gateway .buttons a .after {background: transparent url('../images/dot.png') left center repeat-x; opacity: 0; height: 36px; margin-left: 10px; flex-grow: 1; pointer-events: none;}
body.page-template-page-roll-out-gateway .buttons a.active .before,
body.page-template-page-roll-out-gateway .buttons a.active .after,
body.page-template-page-roll-out-gateway .buttons a.is--active .before,
body.page-template-page-roll-out-gateway .buttons a.is--active .after {opacity: 0.5;}
body.page-template-page-roll-out-gateway .amcharts-balloon-div > div {font-family: akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif !important; font-weight: 300 !important;}
body.page-template-page-roll-out-gateway .zoom-buttons {position: absolute; left: 10px; top: 45%; opacity: 0; pointer-events: none;}
body.page-template-page-roll-out-gateway .zoom-buttons a span {display: none;}
body.page-template-page-roll-out-gateway .zoom-buttons a img {width: 32px; height: 32px; display: block; margin-bottom: 25px; filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.1));}
body.page-template-page-roll-out-gateway .zoom-buttons.show {opacity: 1; pointer-events: all;}
body.page-template-page-roll-out-gateway .town-link {font-family: akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif !important; font-weight: 300 !important; font-size: 24px; text-align: center; opacity: 0.9; border-radius: 4px; border: none; color: #4a7729; width: auto !important; padding: 2px 20px; position: absolute; background: #ffffff; z-index: 10000;}
/*body.page-template-page-roll-out-gateway footer {display: none;}*/
body.page-template-page-roll-out-gateway main.site header.page {margin: 0;}
body.page-template-page-roll-out-gateway main.site header.page .title h1 {margin: 0;}
body.page-template-page-roll-out-gateway main.site header.page .title span {display: none;}

@media (min-width: 1160px) {
    body.page-template-page-roll-out-gateway #map-list ul li.selected > a:hover:after {margin: 0;}
    body.page-template-page-roll-out-gateway #map-list ul li a:hover {color:#fff; background: #8aab3a;}
    body.page-template-page-roll-out-gateway #map-list ul li a:hover:after {opacity: 1; margin-left: 20px;}
    body.page-template-page-roll-out-gateway .buttons a:hover {font-weight: 400;}
    body.page-template-page-roll-out-gateway .zoom-buttons a:hover img {opacity: 0.5;}
    body.page-template-page-roll-out-gateway main.site header.page .title h1 {position: relative; top: -14px;}
    body.page-template-page-roll-out-gateway #map-list #map-list-container::before {content: ''; width: calc(50% + 20px); height: 80px; position: absolute; bottom: 0; left: calc(50% - 40px); background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 60%); pointer-events: none; opacity: 0; transition: opacity 600ms ease;}
    body.page-template-page-roll-out-gateway #map-list #map-list-container::after {content: ''; width: calc(50% + 20px); height: 60px; position: absolute; top: 0; left: calc(50% - 40px); background: linear-gradient(rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 0)); pointer-events: none; opacity: 0; transition: opacity 600ms ease;}
    body.page-template-page-roll-out-gateway #map-list #map-list-container.can-scroll-down::before {opacity: 1;}
    body.page-template-page-roll-out-gateway #map-list #map-list-container.can-scroll-up::after {opacity: 1;}
}
@media (max-width: 1159px) {
    body.page-template-page-roll-out-gateway {height: auto; overflow: auto;}
    body.page-template-page-roll-out-gateway main.site {height: auto;}
    body.page-template-page-roll-out-gateway #map-container {width: 100%; height: calc(80vh - 220px); left: 0; top: -30px;}
    body.page-template-page-roll-out-gateway #map-list {width: 100%; max-width: 100%; top: inherit; bottom: 0; min-height: 10vh; height: inherit; padding: 0; position: static;}
    body.page-template-page-roll-out-gateway #map-list h3 {float: none; width: 100%;}
    body.page-template-page-roll-out-gateway #map-list #map-list-container {margin-left: 0; width: 100%; height: auto; overflow: auto;}
    body.page-template-page-roll-out-gateway #map-list ul li {line-height: 50px; border-bottom: 1px solid #e8e8e8;}
    body.page-template-page-roll-out-gateway #map-list ul li.selected > a {position: static;}
    body.page-template-page-roll-out-gateway #map-wrapper {height: auto;}
    body.page-template-page-roll-out-gateway .section-rollout-map .row .column.text-center {position: absolute; top: 120px; width: inherit; left: inherit; margin: 0; text-align: center; z-index: 100;}
    body.page-template-page-roll-out-gateway .buttons {padding: 0 5%; position: absolute; top: auto; bottom: auto; left: inherit; width: 100%; margin: -66px 0 0 0; text-align: center; background: #ffffff; height: 66px; display: flex; align-items: center; align-content: center; justify-content: center;}
    body.page-template-page-roll-out-gateway .buttons.hidden {opacity: 1; pointer-events: all;}
    body.page-template-page-roll-out-gateway .buttons a {margin-right: 18px; padding: 0 0 0 0; font-size: 18px; height: 28px; color: #8aab3a;}
    body.page-template-page-roll-out-gateway .buttons a .before,
    body.page-template-page-roll-out-gateway .buttons a .after {display: none;}
    body.page-template-page-roll-out-gateway .buttons a.active,
    body.page-template-page-roll-out-gateway .buttons a.is--active {color:#8aab3a; border-bottom: 2px solid #8aab3a;}

    body.page-template-page-roll-out-gateway #map-list h3 { text-align: center;}
    body.page-template-page-roll-out-gateway #map-list h3 a {padding: 20px 0; display: block; color: #8a8a8a; text-transform: none; border-bottom: 1px solid #e8e8e8;}
    body.page-template-page-roll-out-gateway #map-list h3 a i {width: 20px; display: inline-block; padding: 0;}
    body.page-template-page-roll-out-gateway .rollout-dropdown {display: block;}
    body.page-template-page-roll-out-gateway .section-rollout-map .row .column.text-center {top: 65px;}
    body.page-template-page-roll-out-gateway .section-rollout-map .row .column.text-center h1 {font-size: 32px;}
    body.page-template-page-roll-out-gateway #map-list ul li {text-align: center;}
    body.page-template-page-roll-out-gateway #map-list ul li > a {padding: 0;}
    body.page-template-page-roll-out-gateway #map-list ul li.selected > a {padding-left: 0; border-bottom: 1px solid #e8e8e8;}

    body.page-template-page-roll-out-gateway .zoom-buttons {top: 260px;}
    body.page-template-page-roll-out-gateway .zoom-buttons a img {width: 24px; height: 24px;}

    body.page-template-page-roll-out-gateway #map-wrapper.zoomed .amcharts-balloon-div {display: none !important; opacity: 0; pointer-events: none;}
    body.page-template-page-roll-out-gateway #map-wrapper.zoomed rect[fill="#ffffff"] {display: none !important; opacity: 0; pointer-events: none;}
    body.page-template-page-roll-out-gateway .bg-rollout {background-size: auto calc(80vh - 220px); background-position: center top; background-repeat: no-repeat;}
}
@media (max-width: 599px) {
    body.page-template-page-roll-out-gateway main.site {padding-top: 94px;}
    body.page-template-page-roll-out-gateway #map-container {height: calc(80vh); top: -110px; margin-bottom: -110px;}
    body.page-template-page-roll-out-gateway .bg-rollout {background-size: auto calc(80vh - 160px); background-position: center top; background-repeat: no-repeat;}
    body.page-template-page-roll-out-gateway .zoom-buttons {top: 120px;}
    body.page-template-page-roll-out-gateway main.site > .wrapper {width: 100%;}
    body.page-template-page-roll-out-gateway main.site header.page {width: 100%;}
    body.page-template-page-roll-out-gateway header.page .title h1 {padding-left: 4%; display: block; font-size: 32px;}
    body.page-template-page-roll-out-gateway #address-lookup-search-box {display: none;}
}

/* ==========================================================================
   Video Component
   ========================================================================== */

div.video-component a.video-item .video-info {width: 70%;}
div.video-component {width: 100%; overflow: hidden; margin-top: 40px; margin-bottom: 40px;}
div.video-component > {width: 70%;}
div.video-component > .row {margin-bottom: 40px;}
div.video-component > div.wrapper {margin: 0.5%; overflow: hidden;}
div.video-component a.video-item {position: relative; float: left; width: 32.3332%; height: 0; padding-bottom: 21.58%; margin: 0.5%; background-size: cover; transition: none; border-radius: 10px; overflow: hidden;}
div.video-component a.video-item:after {content:''; display: block; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(6,29,17,0.6); pointer-events: none;}
div.video-component a.video-item:first-child {width: 65.666665%; padding-bottom: 44.2%}

div.video-component a.video-item:first-child h3 {font-size: 4.375rem;}
div.video-component .num-videos-1 a.video-item:first-child h3,
div.video-component .num-videos-2 a.video-item:first-child h3 {font-size: 1.875rem;}
div.video-component a.video-item .video-info {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; max-width: 480px; text-align: center;}
div.video-component a.video-item h3 {margin: 0; font-family: akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif; font-size: 1.875rem; font-weight: 300; color: #00e500; text-transform: uppercase; width: 100% !important;}
div.video-component a.video-item p {margin: 0; font-family: akzidenz-grotesk-condensed, 'AkzidenzGroteskCondensed', 'Trebuchet MS', Arial, sans-serif; font-size: 1.75rem; font-weight: 300; color: white; line-height: 1.2;}
div.video-component a.video-item img.play-button {width: 3.375rem; height: 3.375rem; margin: 1.5625rem auto;}
div.video-component a.video-item.mobile .video-info {display: none;}

div.video-component .num-videos-2 {margin: 0 auto !important; max-width: 80%;}
div.video-component .num-videos-1 {margin: 0 auto !important; max-width: 60%;}
div.video-component .num-videos-2 a.video-item {width: 49%; padding-bottom: 30%;}
div.video-component .num-videos-1 a.video-item {width: 99%; padding-bottom: 56%;}

@media (max-width: 1089px) {
  div.video-component a.video-item,
  div.video-component a.video-item:first-child {width: 95%; height: 54.6875vw; margin: 10px 2.5% !important;}
  div.video-component a.video-item h3,
  div.video-component a.video-item:first-child h3 {font-size: 1.875rem;}
  div.video-component a.video-item p {font-size: 1.75rem;}

  div.video-component .num-videos-2 {margin: 0 auto !important; max-width: 100%;}
  div.video-component .num-videos-1 {margin: 0 auto !important; max-width: 100%;}
  div.video-component .num-videos-2 a.video-item {width: 48%; margin: 0 1% !important; padding-bottom: 30%; height: 0;}
  div.video-component .num-videos-1 a.video-item {width: 95%; padding-bottom: 56%; margin: 10px 2.5%;}
  div.video-component a.video-item img.play-button {display: block;}
  div.video-component a.video-item p{display: none;}

}

@media (max-width: 719px) {
  div.video-component .num-videos-2 {margin: 0 auto !important; max-width: 100%;}
  div.video-component .num-videos-1 {margin: 0 auto !important; max-width: 100%;}
  div.video-component .num-videos-2 a.video-item {width: 95%; padding-bottom: 56%; margin: 10px 2.5% !important;}
  div.video-component .num-videos-1 a.video-item {width: 95%; padding-bottom: 56%; margin: 10px 2.5% !important;}
  div.video-component a.video-item .video-info {width: 80%;}
  div.video-component h2 {margin: 10px auto 0 auto; max-width: 80%; padding: 0;}
  div.video-component p {font-size: 20px; margin: 10px auto 30px auto !important; max-width: 80%;}
  div.video-component a.video-item p{display: none;}
  div.video-component a.video-item img.play-button {display: block;}
}

#fullscreen-video {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 3000;}
#fullscreen-video iframe {display: block; width: 100%; height: 100%;}
#fullscreen-video .cover {background: rgba(0, 0, 0, 0) url("../images/close-green.png") no-repeat scroll center center; cursor: pointer; height: 30px; position: absolute; right: 10px; top: 10px; width: 35px; z-index: 100;}



/* ==========================================================================
   News Listing
   ========================================================================== */

.section-news {margin-top: 100px;}
.section-news .row {width: 100%; max-width: 820px; margin: 0 auto 1em auto; border-bottom: 1px solid #8a8a8a; opacity: 0.5;}
.section-news .row h2 {margin: 0.15em 0; padding-left: 12px; font-size: 2em; color: #303b42; text-transform: none; text-align: left;}
.section-news ul {display: block; width: 100%; max-width: 820px; margin: 0 auto; padding: 0 10px;}
.section-news ul > li {display: block; float: left; width: 100%; margin: 2em auto;}
.section-news .item {opacity: 0.8; -webkit-transition: all 450ms ease; transition: all 450ms ease;}
.section-news .item:hover {opacity: 1.0;}
.section-news .item .image {float: left; margin-right: 2em; border-bottom: 1px solid #44d62c; overflow: hidden; width: 200px; height: 105px; background-color: #000; background-size: cover;}
.section-news .item .image img {width: 100%;}
.section-news .item h2 {margin: 0; font-size: 2em; text-transform: uppercase;}
.section-news .item p {margin: 0.5em 0; color: #303b42; max-width: 85%; font-size: 100%; line-height: 1.4;}
.section-news .item p .moretag {display: none;}
.section-news .action {clear: both; margin: 5em auto; text-align: center; display: flex; flex-grow: 1; justify-content: flex-start; align-content: center; max-width: 800px;}
.section-news .action a {margin: 2em 0 0 0;}
.section-news .action p {margin: 3em 0 5em 0;}
.section-news .button {margin: 0; padding: 0 20px 0 20px; min-width: 140px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial, sans-serif; font-weight: 300; background: #2B881C; border-radius: 5px; display: flex; flex-direction: row; justify-content: center; align-items: center; flex: 0 auto; cursor: pointer; border: none; transition: all 500ms ease; background-size: 200%; text-transform: uppercase;}
.section-news .button:hover {background: #40bb2f;}

.section-content .action {clear: both; width: 100%; margin: 5em 0 0 0; text-align: center;}

@media (max-width: 1000px) {
  .section-news {padding: 0 20px; max-width: 90%; margin: 10px auto;}
}

@media (max-width: 719px) {
  .section-news {padding: 0 20px; margin: 10px auto;}
  .section-news .item .image {float: none; width: 100%; margin-bottom: 20px; }
  .section-news .item p { font-size: 14px; }
}

/* ==========================================================================
   News Listing
   ========================================================================== */

button#catapultCookie{ background: #fff; }
#btn_receive_notification_parent_div{ position:relative; }
button#btn_receive_notification{margin: 0;padding: 0 10px 0 10px;min-width: 140px;height: 40px;line-height: 40px;color: #ffffff;font-size: 16px;font-family: akzidenz-grotesk, 'AkzidenzGrotesk', 'Trebuchet MS', Arial, sans-serif;font-weight: 300;background: #2B881C;border-radius: 5px;display: flex;flex-direction: row;justify-content: center;align-items: center;flex: 0 auto;cursor: pointer;border: none;transition: all 500ms ease;background-size: 200%;position: absolute;top: -50px;right: 50px; }

button#btn_receive_notification:hover{background: #40bb2f;}

@media (max-width:767px) {
.result-header .result-header-tab {height: auto;position: relative;top:-30px;min-height: 220px;min-width: 315px;max-width: 315px;}
.result-header .result-header-tab .new-search {padding: 0 0 20px 0;position: relative;margin-left: auto;margin-right: auto;top: -35px;margin-bottom: 10px;text-align: center;}
.result-header .result-header-tab .new-search span {padding-left:0px;}
.result-header .result-header-tab .detail { margin-top: -20px; }
#btn_receive_notification {padding: 0 10px 0 10px;min-width: 140px;height: 40px;margin-left: auto; margin-right: auto;position:fixed; bottom:-30px!important; width:55%; right: 20%!important;}
}