body {
    background-image: none;
    background-color: #ffffff;
}

.page_home {
    -webkit-background-size: 2000px 1000px;
    -moz-background-size: 2000px 1000px;
    background-size: 2000px 1000px;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: url(/uploads/website/homebgblack0_srcset-large.jpg);
}

.page_wat-is-er-te-doen {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: url(/uploads/website/wattedoenbg_srcset-large.jpg);
}

.page_de-bungalows {
    -webkit-background-size: 2000px 1000px;
    -moz-background-size: 2000px 1000px;
    background-size: 2000px 1000px;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: url(/uploads/website/debungalowsbgshadow_srcset-large.jpg);
}

.page_contact {
    -webkit-background-size: 2000px 1000px;
    -moz-background-size: 2000px 1000px;
    background-size: 2000px 1000px;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: url(/uploads/website/contyactbgblack0_srcset-large.jpg);
}

.page_reserveren {
    -webkit-background-size: 2000px 1000px;
    -moz-background-size: 2000px 1000px;
    background-size: 2000px 1000px;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: url(/uploads/website/contyactbgblack01_srcset-large.jpg);
}

.has-logo .header-title {
    left: 515px;
}

/*-----*\ CSS 1.24 - DTG - Goed gevonden /*-----*/
/*-- header --*/																.header, .topHead, .menuSlide 
{ background: #ddd; }

	/* bedrijfsnaam */	                                                        .header-title .h1 
	{ color: #000;
	  font-family: inherit;
	  font-size: inherit; }  

	/* telefoonnummer en slogan */	                                            #actionLine, #phoneNumber
	{ color: #333; }	

/*-- menu --*/																	.nav-primary a
{ color: #fff;
font-weight:600;
padding-bottom:5px;}																.nav-primary
{ background: transparent; }													.nav-primary a, .nav-primary ul ul a
{ font-family: inherit;
  font-size: inherit; }

	/* hover */																	.nav-primary a:hover, .nav-dropdown a:hover
	{ color: #fff;
	  font-weight:600;
	  border-bottom:2px solid #fff;}														.nav-primary li:hover
	{ background: inherit; }

	/* actief */																.nav-primary .active > a, ul > li.active> a
	{ color: #fff;
	  border-bottom:2px solid #fff;
	  font-weight:600;}														.nav-primary li.active
	{ background: inherit; }

	/* submenu */																.nav-primary ul ul a
	{ color: inherit;
	  font-family: inherit; }													.nav-primary ul ul, .nav-primary > ul ul::after, .nav-primary > ul ul::before
	{ background: #eee; }
		
		/* hover */																.nav-primary ul ul a:hover
		{ color: inherit;
	      font-family: inherit; }												.nav-primary ul ul li:hover
		{ background: inherit; }

		/* actief */															.nav-primary ul ul.active a
		{ color: inherit;
	      font-family: inherit;}												.nav-primary ul ul .active
		{ background: inherit;}

	/* menubutton */                                                            #menuBar #menubutton
        { color: #000;
          background: inherit; }
        
        /* hover */																#menubutton:hover, #menubutton:before:hover
        { color: inherit; }

/*-- body --*/	                                                                body, input, textarea, select, button, .contact-combined dd, .contact-combined .contact-combined-opening-hours, .contact-combined .contact-combined-opening-hours p, .contact-combined a, .map .small, .comments > .small:first-child, .comments dt.small, .columns .column
{ color: #333; }																.contentArea, .columns .column
{ font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }														p, ul, ol, .spotcall .textbox > *, .columns .column, .map .small 
{ font-size: 1em;
  line-height: 1.5; }

	/* Bold tekst */															b, strong, .contact strong
	{ font-weight: 700; }	

/*-- links --*/                                                                 a, .box a, .footer-container a, .preamble a
{ color: blue; 
  text-decoration: none; }

    /* links hover */                                                           a:hover, .box a:hover, .footer-container a:hover, #menubutton:before:hover, .preamble a:hover
	{ color: #222; 
	  text-decoration: none; }

/*-- inleiding --*/	                                                            .preamble, .preamble p, .preamble ul, .preamble ol, .testimonial blockquote.preamble > :first-child:before, .testimonial blockquote.preamble > :last-child:after, .testimonial figcaption 
{ color: #000; }																.preamble p, .preamble ul, .preamble ol 
{ font-family: inherit; }														.preamble p, .preamble ul, .preamble ol
{ font-size: 1.2em;
  line-height: 1.6em; }

	/* inleiding links */													    .preamble a
  	{ color: inherit;
      text-decoration: inherit; }

    	/* hover */																.preamble a:hover
    	{ color: inherit;
    	  text-decoration: inherit; }

/*-- koppen --*/	                                                            .h1, .contentAreaC .carousel figcaption, .contentAreaD .carousel figcaption, .h2, .bar .h2, .linklist .h2, .contact-combined dt, .carousel figcaption, .formbuilder .legend, .display > *, .contentAreaD .carousel figcaption, .h2, .cart-container .headline, .carousel figcaption, .product-units .price, .image-text .price, .checkoutArea .h1, .checkoutArea .contentAreaC .carousel figcaption, .contentAreaC .carousel .checkoutArea figcaption, .checkoutArea .contentAreaD .carousel figcaption, .contentAreaD .carousel .checkoutArea figcaption, .cart-checkout .product-name, .checkoutNav .active, .cart-checkout .subTotal strong, .checkoutDetail strong, .checkoutDetail h3, .checkoutArea .total .price-total, .module.h2, .module.h1   
{ color: #000; }																.display > *, .contentAreaC .carousel figcaption, .contentAreaD .carousel figcaption, .h1, .module.h1, .module.h2, .module .carousel figcaption, .module .h1, .module .h2, .module .contentAreaC .carousel figcaption, .contentAreaC .carousel .module figcaption, .module .contentAreaD .carousel figcaption, .contentAreaD .carousel .module figcaption, .columns .product-units .price, .checkoutArea .h2
{ font-family: inherit; }
	
	/* H1 */                                                                    .h1, .module .h1, .contentAreaC .carousel figcaption, .contentAreaD .carousel figcaption
	{ color: #000;
	  font-size: 2em;
	  line-height: inherit; }

	/* H2 */                                                                    .h2, .module .h2, .module .carousel figcaption, .module .contentAreaC .carousel figcaption, .contentAreaC .carousel .module figcaption, .module .contentAreaD .carousel figcaption, .contentAreaD .carousel .module figcaption
	{ font-size: 2em;
	  line-height: inherit; }

/*-- buttons --*/	                                                            nav.verticalnav a, .btn-large, .formbuilder .btn, .checkoutArea .btn, .product-single .btn, .call .btn, .btn, .box .btn, .callToAction a.btn 
{ color: #fff; }																.btn, .formbuilder .btn, .checkoutArea .btn, .product-single .btn, .btn-large, .call .btn, nav.verticalnav a, .gallery-3 .nav-slider > .prev a:before, .gallery-3 .nav-slider > .next a:before, .carousel .nav-slider > .prev a:before, .carousel .nav-slider > .next a:before, .gallery-4 .prev a:before, .gallery-4 .next a:before 
{ background: #000; }															.btn 
{ font-family: inherit;
  font-size: inherit; }
    
	/* buttons hover */                                                         nav.verticalnav a:hover, .btn-large:hover, .formbuilder .btn:hover, .checkoutArea .btn:hover, .product-single .btn:hover, .call .btn:hover, .btn:hover, .box .btn:hover 
	{ color: #fff; }															.btn:hover, .nav.verticalnav a:hover 
	{ background: #333; }

	/* button arrows */															.btn-arrow.btn-arrow.btn-large::before, .formbuilder .btn::before, .checkoutArea .btn::before, .product-single .btn-arrow.btn-arrow.btn::before
	{ font-size: inherit;
	  top: .46em;
	  left: .6em; } 

/*-- box --*/                                                                       .box, .box p, .box ul, .box ol, .spotcall .textbox
{ color: #000; 
  font-size: inherit; } 																.box, .spotcall .textbox, .contact-combined, .formbuilder 
{ background: #eee; 
  border: 0px solid #000; }	

  	/* box kop */																.box .h1, .box .h2
  	{ color: #000; }

	/* box links */																.box a
	{ color: inherit;
	  text-decoration: inherit; }

		/* hover */																.box a:hover
		{ color: inherit;
		  text-decoration: inherit; }

/*-- Formulier --*/																	.formbuilder p, .formbuilder label 
{ color: #000; }																.formbuilder
{ background: #eee; 
  border: 0px solid #000; }														.textarea
{ resize: vertical;
  height: 150px; }

  	/* velden */																input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], textarea { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; outline: none;  
 	  color: #000; 
  	  background: #fff;
  	  border: 0px solid #000; }	
		
		/* velden focus */														input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus																											
		{ -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);  
		  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);  	
		  box-shadow: 0 0 5px rgba(0,0,0,0.1)}

/*-- footer --*/                                                                    .footer-content, .footer p, .footer-content .column-25 td
{ color: #fff;
  font-family: inherit; }														.footer-container
{ background: #333; }
	
	/* links */																	.footer-container a
	{ color: yellow;
	  text-decoration: underline; }
	
		/* hover */																.footer-container a:hover
		{ color: yellow;
	  	  text-decoration: none; }

	/* social media */															.btn.btn-social
	{ background: #000; }														.btn.btn-social:before
	{ color: #fff; }								

		/* hover */																.btn.btn-social:hover
		{ background: #111; }													.btn.btn-social:hover:before
		{ color: #fff; }


 
 
 /*-- Header for reserveren pagina --*/
    .page_reserveren .header {    
        background: rgba(134, 195, 9, 1);
        border-bottom: 30px solid #fff;
    }
    .page_reserveren .main-container {
        margin-top:153px !important;
    }

    /*.page_reserveren .htmlModule {
        margin-right: -400em !important;
        margin-left: -400em !important;
        padding: 3em 400em;
        background: #fff;
    }*/
    
    .page_reserveren .htmlModule {
    background: #fff;
    margin-left: -0.875em;
    margin-right: -0.875em;
    padding: 3em 10vw;
        }
    .page_reserveren .htmlModule #tbsystem {
        font-size: 14px;
        font-family:inherit;
        min-height: 1550px;
    }

/* custom desktop form reservereren */

.page_reserveren .tbs-col-xs-3 {
    width:100% !important;
    margin-top:20px;
}

.page_reserveren .tbs-row.tbs_kassabon_overzicht {
    margin-top: 20px;
}

.page_reserveren h2.tbs-totaal {
    margin-bottom:20px;
}

.page_reserveren .tbs-day.tbs-beschikbaar {
    cursor:pointer !important;
}

.page_reserveren .tbs-row.tbs-mgt-20 {
    margin-top: 20px;
}

.page_reserveren .tbs-btn-success {
    color: #fff !important;
    background-color: #0078A7;
    border-color: #0078A7;
}

.page_reserveren .tbs-btn-success:hover {
    color: #fff !important;
    background-color: #86c309;
    border-color: #86c309;
}

.page_reserveren .tbs-btn-info {
    color: #fff !important;
    background-color: #0078A7;
    border-color: #0078A7;
}

.page_reserveren .tbs-btn-info:hover {
    color: #fff !important;
    background-color: #86c309;
    border-color: #86c309;
}
.page_reserveren .tbs-col-xs-12 {
 padding-right: 0px !important;
 padding-left: 0px !important;
 }
 
 .page_reserveren .main {
    width: 100vw;
} 
 
/* 234 - custom desktop form reservereren end *?


/*-- Mobiel --------------------------------*/
@media only screen and (max-width: 671px) {	

 /*.page_reserveren .htmlModule {
    	padding: 1em 4.79452%;
    	margin-left: -4.79452%;
    	margin-right: -4.79452%;
    	width: 100%;
    }*/

.page_reserveren .main {
    width: calc(100vw - 9.58904%);
}

.page_reserveren .htmlModule {
    padding: 1em 4.79452%;
    margin-left: -4.79452%;
    margin-right: -4.79452%;
}

/*-- header --*/																#identityWrapper
{ background: #ddd; }															

	/* bedrijfsnaam */															.header-title .h1
	{ color: #fff; }

	/* menuknop */																#menubutton:before
	{ color: #fff; }															#menubutton
	{ background: transparent; }	

		/* menuknop hover */													#menubutton:before:hover
		{ color: #000; }														#menubutton:hover
		{ background: transparent; }			    

/*-- menu opengeklapt --*/														.nav-dropdown
{ background: #ddd; }															

	/* menu-item */																.nav-dropdown li a
	{ font-size:1.1em;
	  color: #fff; 
	  background: #86C309; }

	  	/* hover */																.nav-dropdown li a:hover
		{ color: #86C309; 
	  	  background: #fff; }

	  	/* actief */															.nav-dropdown > ul > .active > a
		{ color: #86C309; 
	  	  background: #fff !important; }

/*-- koppen --*/
	/* display / jumbotron */													.display > *
	{ font-size: 1.5em !important; }

	/* H1 */                                                            	    .h1, .module .h1, .contentAreaC .carousel figcaption, .contentAreaD .carousel figcaption
		{ font-size: 1.5em;
		  line-height: inherit; }

	/* H2 */                                                          		    .h2, .module .h2, .module .carousel figcaption, .module .contentAreaC .carousel figcaption, .contentAreaC .carousel .module figcaption, .module .contentAreaD .carousel figcaption, .contentAreaD .carousel .module figcaption
		{ font-size: 1.5em;
		  line-height: inherit; }

/*-- two width fix --*/
.columns .column-50 { width: 100%;} .columns .column-50:first-child { padding-bottom:20px;} .columns .column-50:first-child + .column > *, .columns .column-50:first-child + .column + .column + .column > * { margin-left: 0;} .columns .column-50:first-child + .column > ol { margin-left: 2em;} .column-50:first-child + .column.column-50 ul { margin: 0.6875em 0 0 2em;} .columns .column-50:first-child + .column img, .columns .column-50:first-child + .column + .column + .column img { width: 100%;} .main-container { padding-bottom: 0px;}

}

/* FullwidthMapContainer instelling voor Mobiel*/
@media only screen and (max-width: 671px) {  
    .fullWidthMapContainer .columns .column-50 { width: inherit !important;}
}


/*-- Features ------------------------------*/

/* anchor */
.anchor { top: -100px; display: block; position: relative; visibility: hidden; }

@media only screen and (min-width: 672px) {
.no-touch .nav-language ul:last-child {
  font-size: 1.5em;
  background: #000;
  color: #fff;}
.no-touch .nav-language .btn-language:before, .no-touch .nav-language ul:last-child a { color: #fff;}
}

/* menu icons *//*
.nav-primary ul { padding: 0px 0px 0px 1em; list-style: outside none none; line-height: 2em; font-size: 1em; }
.nav-primary li { position: relative; padding-left: 1em; }
.nav-primary li.active:before { content:""; color: yellow; display: block; position: absolute; top: 0em; left: 0em; font-family: FontAwesome; font-size: 1.5em; text-rendering: optimizelegibility; text-indent: 0px; text-transform: none; }
.nav-primary a, .nav-primary ul ul a { padding: 0px 15px; }
*/

/* phone, fax, email icons *//*
*[itemprop="telephone"]:before { content: ""; color: yellow; font-family: FontAwesome; margin-right: 0.5em; }
*[itemprop="email"]:before { content: ""; color: yellow;font-family: FontAwesome; margin-right: 0.5em; }
*[itemprop="faxNumber"]:before{ content: ""; color: yellow;font-family: FontAwesome; margin-right: 0.5em; }
*/

/*-- Header --*/
@media only screen and (min-width: 672px) {
    .header-content {padding-top:0;}
    .nav-primary { margin: -53px auto 0;}
    .nav-primary li {float: none;display:inline-block;}
    .nav-primary > ul {text-align: right;}
    #contact {background: #86c309; margin-top:-24px;position:relative;text-align:right;}
    #actionLine {float:right;}
    .header-subline .h1 {font-size:1em;font-weight:600;}
    #actionLine {font-size:1.25em;color:#fff;padding:11px 20px;background:#86c309;height:auto;border-radius:16px;}
    .module.full-width-container:nth-child(2) .module.preamble p {text-shadow: 0px 0px 30px #000;text-align: center; font-size: 1.8em;}
    .module.full-width-container:nth-child(2) .module.preamble p:first-child {text-shadow: 0px 0px 58px #000;text-align: center; line-height: 1.4em; font-size: 3.13em; font-weight: bold;}
    .module.full-width-container:nth-child(2) .module.preamble h1 {background: rgb(0, 120, 167); margin: 1em 0px; padding: 0.8em 0px; border-radius: 48px; text-align: center; text-transform: uppercase; font-size: 1.8em; font-weight: bold;}
    .module.full-width-container:nth-child(2) .module.preamble,
    .module.full-width-container:nth-child(2) .module.preamble p {color: #fff; }
    * {box-sizing:border-box;}
    .footer-content .column-25 {width: 30%;}
    .footer-content .column-25.footer-social {width: 10%;}
}

/*-- Columns --*/
@media only screen and (min-width: 672px) {
    .contentAreaC .full-width-container .column-33,
    .contentAreaD .full-width-container .column-33 {
        width: 31.33333%;
        padding: 3%;
        margin: 0 1%;
        background: #fff;
        border-bottom: 6px solid #0078A7;
        min-height:520px;
    }
    .contentAreaC .full-width-container .column-33 .h2,
    .contentAreaD .full-width-container .column-33 .h2 {
        font-size:1.5em;
    }
    .contentAreaC .full-width-container .column-50,
    .contentAreaD .full-width-container .column-50 {
        width: 46%;
        padding: 4%;
        margin: 0 2%;
        background: #fff;
        border-bottom: 6px solid #0078A7;
        min-height:450px;
    }
    .page_wat-is-er-te-doen .contentAreaC .full-width-container .column-33,
    .page_wat-is-er-te-doen .contentAreaD .full-width-container .column-33 {
        min-height:710px;
    }
}
@media only screen and (max-width: 671px) {
    .contentAreaC .full-width-container .column-33,
    .contentAreaD .full-width-container .column-33 {
        background: #fff;
        border-bottom: 6px solid #0078A7;
        padding:7%;
        width:86%;
    }
    .contentAreaC .full-width-container .column-33 .h2,
    .contentAreaD .full-width-container .column-33 .h2 {
        font-size:1.3em;
    }
    .contentAreaC .full-width-container .column-50,
    .contentAreaD .full-width-container .column-50 {
        background: #fff;
        border-bottom: 6px solid #0078A7;
        padding:7%;
        width:86%;
    }
}


/*-- Colors --*/
    .header, .topHead, .menuSlide { background: none; }
    .footer-container {background:#0078a7;}
    .footer-container a {color: #caebf7;text-decoration: none;}
    .footer-container a:hover {color: #f8f8f8;}
    .module a, .preamble a {color:#86C309;}
    .module a:hover, .preamble a:hover {color:#000;}
    .module p span a, .preamble p span a {color:#fff;background: rgb(134, 195, 9);padding: 0.8em 3em; border-radius: 48px; text-align: center; text-transform: uppercase; font-size: 1.4em; font-weight: bold;display:inline-block;}
    .module p span a:hover, .preamble p span a:hover {color:#000;}
    h2.h1, h3.h1{color:#0078a7 !important;}
    .contentAreaC .column-33 .h2,
    .contentAreaD .column-33 .h2 {color:#0078a7;} 
    .formbuilder .btn {background:#86C309;border-radius:25px;padding:0.6em 2em 0.6em 3em;}
    .formbuilder .btn:before {top: .65em;left: 1.2em;}
   
/*-- Sizes --*/
    .footer p {color:#f8f8f8;font-size:0.9em;}
    .footer h6 {font-size:1.3em;color:#caebf7;}
    h5.h2{font-size:1.6em !important;color:#0078a7;}
    .fullWidthMapContainer h6.h2 {font-size:1.3em;}
    .fullWidthMapContainer .hasDivider{margin:auto;}
    .fullWidthMapContainer .small {padding-bottom:0;}
    
/*-- Price table --*/
    table {width:70%;margin:auto;}
@media only screen and (min-width: 672px) {
    table {width:70%;}
}
@media only screen and (max-width: 671px) {
    table {width:100%;font-size:0.7em;}
}
    table th {text-align:left;background:#0078A7; color:#fff;padding: 5px 19px;border: 2px solid #f7f7f7;}
    table td {text-align:left;background:#e8e8e8;padding: 5px 19px;border: 2px solid #f7f7f7;}
    table tr:nth-child(2n) td {background:#fff;}
    
@media only screen and (max-width: 671px) {
    .preamble p,
    .preamble ul,
    .preamble ol {
        font-size: 1em;
    }
    .has-header-subline .logo {
        top: 0 !important;
    }
    .header,
    #identityWrapper{
        background:#86c309;
    }
    .module p span a,
    .preamble p span a {
        padding: 0.6em 2em;
        font-size: 1.2em;
        line-height: 28px;
        display: inline-block;
    }
    .fullWidthMapContainer .small {
        padding-bottom: 0;
    }
    .fullWidthMapContainer h2 {
        font-size:0;
    }
    .module.full-width-container:nth-child(2) .module.preamble p {text-shadow: 0px 0px 30px #000;text-align: center; font-size: 1.2em;}
    .module.full-width-container:nth-child(2) .module.preamble p:first-child {text-shadow: 0px 0px 58px #000;text-align: center; line-height: 1.2em; font-size: 1.8em; font-weight: bold;}
    .module.full-width-container:nth-child(2) .module.preamble h1 {background: rgb(0, 120, 167); margin: 1em 0px; padding: 0.8em; color:#fff; border-radius: 48px; text-align: center; text-transform: uppercase; font-size: 1.4em; font-weight: bold;}
    .module.full-width-container:nth-child(2) .module.preamble,
    .module.full-width-container:nth-child(2) .module.preamble p {color: #fff !important; }
    .main-container {padding-bottom: 0 !important; }
    .footer h6 {font-size: 1.3em !important; margin-bottom: 10px;}
    .fullWidthMapContainer .fullWidthMapContact {width: 100%;background: #fff;}
    .fullWidthMapContainer dl {font-size: 0.9em;}
    .module.call {background:#0078A7;padding: 0.4em;margin-top: 1em;}
    .call .btn {height:60px;text-align:center;background:#0078A7;padding:0;line-height:14px;}
    .call .btn-call:before {top:16px;position:relative;display:inline-block;margin-right:10px;font-size:1.5em;padding:0.4em 0.3em 0.4em 0;}
}


@media screen and (min-width: 672px) {
    .module.formbuilder {
        background: #fff;
        position: relative;
        margin-right: -400em;
        margin-left: -400em;
        padding: 3em 400em;
    }
  
}
@media screen and (max-width: 671px) {
    .module.formbuilder {
    	margin-left: -4.79452%;
    	margin-right: -4.79452%;
    	padding: 1em 4.79452%;
    	width: 100%;
    }
    
}

.htmlModule {margin:0;}

/*-- iPad header  --*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .header{height:140px;}
    .nav-primary {margin:-25px auto 0;}
}
.bungalows {margin-bottom: 2em;text-align:center;}
.bungalows a {display:inline-block;padding:0.5em 1em;background:#86C309;color:#fff;font-size:1.2em;margin: 0 0.5em;border-radius: 25px;}

@media screen and (min-width: 672px) {
    .promo-button {
        position:fixed;
        top:40%;
        right:-8em;
        z-index:9999;
    }
    .promo-button a {
        padding:0.6em 1.6em;
        display:block;
        color:#fff;
        text-transform:uppercase;
        font-size:1.4em;
        transform:rotate(90deg);
        background:#0078A7;
        border-bottom-left-radius:12px;
        border-bottom-right-radius:12px;
    }
    .promo-button a:hover {
        color:#0078A7;
        background:#fff;
        text-decoration:none;
    }
}
@media screen and (max-width: 671px) {
    .promo-button {
        position:fixed;
        bottom:0;
        z-index:9999;
    }
    .promo-button a {
        padding:0.6em 1.6em;
        display:block;
        color:#fff;
        text-transform:uppercase;
        font-size:1.2em;
        background:#0078A7;
        border-top-left-radius:12px;
        border-top-right-radius:12px;
    }
    .promo-button a:hover {
        color:#0078A7;
        background:#fff;
        text-decoration:none;
    }
}