html {
  font-family: 'Roboto', sans-serif!important;
  font-weight:300!important;
}

body { 
  font-size: 1em;
  color:#000000;
  width: 100%;
  margin: 0px;
}

.contact-us-table {
  width: 100%;
}

h1,h2,h3{
  color:#FFF;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0px;
  border: 1px solid rgba(0, 0, 0, 0.4); 
  /*border-radius:  0 0 10px 10px;*/
  border-radius: 4px;
  text-shadow: rgba(0, 0, 0, 0.3) 2px 4px 3px, rgba(255, 255, 255, 0.4) 0px -4px 30px;
  /*text-align: center;*/
  padding: 10px;
}

h1 {font-size:1.4em; margin-bottom:10px; }
h2{font-size:1.2em; margin-bottom:5px;}
h3{font-size:1em; margin-bottom:2px;}

h4 {
  font-weight: 600;
  font-size: 1.1em;
  margin:auto;
  padding-bottom: 4px;
}

#contact-us-container h4 {
  font-weight: 500!important;
}

a h1, a h2, a h3, h1 a, h2 a, h3 a  {
  color:#FFF!important;
}

a h4  {
  color:#000;
}

.center {
  text-align: center;
  vertical-align: middle;
}

/*#feat, #group-dream, #group-define, #group-develop, #group-deliver {
  border: 1px solid #EEE;
}*/


.strong {font-weight: 400;}
.small {
  font-size: 0.8em;
  background-color: #EEE;
  font-weight: 500;
  padding:0.5%;
}

.loc-tap:before {
  content: "Click";
}

#where-we-operate {
  padding-right: 2%;

}

.img-center { top:-50px; left:-50px; position:absolute; margin:50% 0 0 50%; }
.QA {
  color: #b5be8e;
  font-size: 2em;
  padding-right: 5px;
}

a:link , a:visited {
  text-decoration: none;
  color:#0099cc;
  cursor: pointer;
  /*display:inline-block;*/
  
}

p a:hover {
  padding-left :2px;
  padding-right :2px;
  background-color: #7FD7FE;
}

p{
	font-size: 1em;
	color:#000000;
}

#featured-container p {
  margin-top: 10px;
  margin-bottom: 10px;
}

ul li {font-size: 1em}

.logo-bullet {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

.logo-bullet li {
  padding-left: 15%;
  background-image: url(../images/SpruceCX-favicon.png);
  background-repeat: no-repeat;
  background-position: 5% 50%;
  padding-bottom: 2px;
  
}

r1 span, .r1 { 
   position: absolute; 
   top: 0px; 
   left: 0; 
   padding:5px;
   width: 100%; 
   color: #FFF; 
   font-weight: 500;
   font-size: 2.5em;  
   z-index:6;
   width: 100%;
   background: rgb(0, 0, 0); /* fallback color for IE < 9*/
   background: rgba(0, 0, 0, 0.5);
   
}

r2, .r2 { 
   position: absolute; 
   bottom: 0px; 
   left: 0; 
   padding:5px;
   width: 100%; 
   word-wrap: break-word;
   color: #FFF; 
   font-size: 1.5em;   
   background: rgb(0, 0, 0); /* fallback color for IE < 9*/
   background: rgba(0, 0, 0, 0.5);
   z-index: 6;
}

r3, .r3 {
  position: absolute; 
  vertical-align: middle;
  padding-top:14%;
  padding-left: 2%;
  color: #FFF; 
  font-size: 3em; 
  text-shadow: rgba(0, 0, 0, 0.2) 2px 6px 5px, rgba(255, 255, 255, 0.4) 0px -4px 30px;
}

.rimage {
	position: relative; 
  width: 100%; /* for IE 6 */
  z-index: 0; /* send to back to allow text overlay */
}

.error, .tel-closed {
 font-weight: 500;
 background-color: #FFBABA;
 color: #cc0000;
 padding: 1%;
}
.warning {
  color: #9F6000;
  background-color: #FEEFB3;
  padding: 1%;
}

.info {
  color: #00529B;
  background-color: #BDE5F8;
  padding: 1%;
}
.success, .tel-open {
  color: #4F8A10;
  background-color: #DFF2BF;
  padding: 1%;
}

/* More intuitive way of formatting areas as does not rely on width/height + padding + 
   border to determine the actual size of an element. */

.main-content, .full-page {
   background-color: #EEE;
  margin-bottom: 20px;
  max-width: 1400px;
  max-height:100%;
  width:100%;
  padding:2%;
  display:block;
}



.container:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index:-1;
}

.container {
	margin: auto;
  margin-bottom: 10px;
	max-height:100%;
	padding: 1%;
	overflow: auto;
	word-wrap: break-word;/* Mainly for small screens - word will be wrapped broken and wrapped */
	word-break: keep-all; /*Will wrap on hyphens*/
	position:relative;
  background-color: #FFF
}

.force-margin {
  margin: auto!important;
}

/*.absolute {
  position:absolute;
}

.relative {
  position:relative;
}*/
/*#map-mock {
  float:left;
}*/

#see-on-map {

}

#see-on-map {
  position: absolute;
  bottom: 0;
  text-align: center;
  background-color: #FFF;
  right: 0;
    left: 0;
  margin: auto;
}


#map-mock {
  background-image: url("../images/map-mock.png");
  background-position: center; 
  background-size: auto 100%;
  background-repeat: no-repeat;
}

/*Add border shading to content areas*/
.container, .main-content, .full-page, a:hover .tags-alt, input[type="submit"], .button, .sub-menu, .cd-side-bar, .blog-container {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5), 0 6px 15px 0 rgba(0, 0, 0, 0.05);
}

/* Inset shadow to simulate press */
.sub-menu:focus, input[type="submit"]:focus, .scroll-top:focus {
  box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.5), inset 0 6px 15px 0 rgba(0, 0, 0, 0.05);
}

.boxed {
	border: 1px solid #EEE;
  margin-bottom: 10px;
  padding: 1%;
}

.size-auto, img {
	max-width:100%;
	max-height:100%;
	overflow: auto;
}

#about-img {
  text-align: center;
  margin: auto;
}

.blog-post-home {
  border: 1px solid #EEE;
  height: 100%;
  width:100%;
  padding: 1%;
}
.group-blog-posts {
  width: 100%;
}
/*=================    Navigation/Header     ================= */

header {
  position:relative;
  min-height:110px;
  padding:3px;
  margin:5px;
  margin-bottom: 15px;
  background-color: #FFF;
}

#map {
  height:500px;
  width: inherit;
}

.back-map {
  visibility: hidden;
}

.header-logo {
  position: relative;
  max-width: 40%;
}

.front, .back {
  margin:0px;
  padding: 0;
}

#contact-us-bar {
  top:0;
  right:0;
  position:absolute;
  vertical-align: middle;
  text-align: right;
  padding-right: 1%;
  background-color: #FFF;
}

#mobile-contact-us-bar {
  display: none;
}
 
#contact-us-bar p {margin-bottom: 2px; margin-top: 2px;}

.rel-cont {
  position: relative;
}

.cd-side-bar {
  border: 1px solid rgba(0,0,0, 0.3); 
  position: fixed;
  padding:2px;
  color:#EEE;
}

.cd-side-bar h4 {
  background-color:#EEE;
  text-shadow: rgba(0, 0, 0, 0.2) 2px 6px 5px, rgba(255, 255, 255, 0.4) 0px -4px 30px;
  padding: 3px;
  margin-bottom: 5px;
  color:#000;
}

.tel-open, .tel-closed{
  font-size: .8em;
}

.tel-open {
  color: green;
}
.tel-closed {
  color: red;

}

a .contact-method {
  color:#EEE;
}

/* Multiple Linear effects */
/* Green */
.contact-method:hover, .dropdown-content ul li:hover, h1,h2,h3, .nav-item:hover, .nav-item:focus, .nddl:hover, .sub-menu, .scroll-top {
  background-color: #00a79d ; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(top top, #00a79d, #a3ce59); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(top right, #00a79d, #a3ce59); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top right, #00a79d, #a3ce59); /* For Firefox 3.6 */
    background: linear-gradient(to top right, #00a79d, #a3ce59); /* Standard syntax */ 
}

/* Black */
.cd-side-bar, .footer-outer, .footer, .mobile-contact, input[type="submit"], .button {
    background-color: rgba(0,0,0,0);
    background: -webkit-linear-gradient(left top, rgba(0,0,0, 0.9), rgba(0,0,0, 0.7)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( left, rgba(0,0,0, 0.9), rgba(0,0,0, 0.7)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( left, rgba(0,0,0, 0.9), rgba(0,0,0, 0.7)); /* For Firefox 3.6 */
      background: linear-gradient(to left, rgba(0,0,0, 0.9), rgba(0,0,0, 0.7) );
}

.navigation {
  background: linear-gradient(to bottom left, rgba(0,0,0, 0.9), rgba(0,0,0, 0.6)  ); /* Standard syntax */
}

/* Black opposite */
.prevbutton {
    background-color: rgba(0,0,0,0);
    background: -webkit-linear-gradient(right, rgba(0,0,0, 0.9), rgba(0,0,0, 0.6) );
    background: -o-linear-gradient(to right, rgba(0,0,0, 0.9), rgba(0,0,0, 0.6) );
    background: -moz-linear-gradient(to right, rgba(0,0,0, 0.9), rgba(0,0,0, 0.6) );
      background: linear-gradient(to right rgba(0,0,0, 0.9), rgba(0,0,0, 0.6) );
}

.s1 {display:block; font-size: 1.3em;}

.social-roll {
  margin: 5px;
  float: right;
  border-radius: 50%;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s;
  height:48px;
  width:48px;
  max-height:48px;
  max-width:48px;
  cursor: pointer;

}
.social-roll:hover {
  box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -o-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  transform:rotate(360deg);
  cursor: pointer;
}

.facebook {
  background-image: url('../images/facebook-48gray-circle.png');
}
.facebook:hover {
  background-image: url('../images/facebook-48circle.png');
}
.linkedin {
  background-image: url('../images/linkedin-48gray-circle.png');
}
.linkedin:hover {
  background-image: url('../images/linkedin-48circle.png');
}
.twitter {
  background-image: url('../images/twitter-48gray-circle.png');
}
.twitter:hover {
  background-image: url('../images/twitter-48circle.png');
}

.navigation {
  display: block;
  text-align: right; /*Ensure that the bullet points align to the left within navigation li*/
  margin:auto;
  position: relative;
  border: 1px solid rgba(0,0,0, 0.3);
  padding-right:1%;
  z-index: 10;
}

.navigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    
}
#nav-holder {
  position: relative;
}

.navigation li {
  display:inline-block; /*Negates the need to use float and will order bullet points in correct order providing .navigation {display:inline-block;}*/
  padding: 8px;
  vertical-align: top;
  
}

.navigation ul li a {
  display: block; /*whole area clickable not just link */
  z-index: 2; /*Ensure ddl appears above containers on the main screen - also required in .dropdown-content*/
  color:#FFF;
}

.navigation li a{
  color:#FFF;
  font-size: 1.4em;
  text-decoration: none; /* Remove the underlines from the hyperlinks*/
  text-transform: uppercase;
  font-weight: 300;
  text-align: center;
  padding-left: 20px;
  padding-right : 20px;
}


.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 2; /*Ensure ddl appears above containers on the main screen - also required in navigation ul li a*/
  visibility: hidden;
}

.dropdown-content li a {
  color:#000;
  font-size: 1em;
  text-decoration: none; /* Remove the underlines from the hyperlinks*/
  text-transform: none;
}

@media only screen and (min-width: 800px) {
  .dropdown:hover .dropdown-content {
      display: block;
      float:left;
      visibility: visible;
  }
  #scroll-top-placeholder {
    left:95%;
  }
}

.dropdown-content ul li a {
  padding: 12px 16px;
  text-decoration: none;
  display: block;
    color:#000;
  /*text-align: right;*/ 
}

.dropdown-content ul li {
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}


/* Drop down and content*/
.ddl, .ddl a, .nddl, .nddl a { 
  text-align: center;
  font-weight: 500;
  color:#000;
}
.ddl, .nddl {display: inline;}

.ddl:after, .nddl:after {
  content:"\a";
  white-space: pre;
}

li.nav-item.ddl.dropdown i.fa  {
  color: #FFF;
}

/*.ddl:after {content: "⌵"; color:#FFF;}

.nddl:after {content: "___"; color:#FFF;} /* make black so it blends in with the nav item */*/

/* Sub Menu button items */

.sub-menu {
  display: inline-block;
  padding: 2%;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 5px;

}

a.sub-menu{
  color:#FFF;
  font-size: 1.2em;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  text-shadow: rgba(0, 0, 0, 0.2) 2px 6px 5px, rgba(255, 255, 255, 0.4) 0px -4px 30px;
}

#scroll-top-placeholder {
  position: absolute;
  left:85%;
  bottom:15%;
  z-index: 100;
  visibility: hidden;
}

.scroll-top {
  height:50px;
  width:50px;
  border: 1px solid #EEE;
  position: fixed;
  text-align: center;
  font-weight: 500;
  font-size: 3em;
  color: #FFF;
  outline: #EEE;
  visibility: hidden;
  cursor: pointer;
  opacity: 0.8 ;
  padding-bottom: 15%;
}


/*=================    Navigation End 	    ================= */

.cover {
  background-image: url("../images/SpruceCX-banner-large.png");
  background-position: center; 
  height: 500px;
  width:1500px;
  max-height:100%;
  max-width:100%;
  margin-bottom: 10px;
  -webkit-transition: background 0.5s linear;
    -moz-transition: background 0.5s linear;
    -o-transition: background 0.5s linear;
    transition: background 0.5s linear;
}

.cover:hover, .cover:focus {
  background-image: url("../images/spruce-sun-beam.jpg");
  background-position: center; 
}

.about-cover {
  background-image: url("../images/puzzle.jpg");
  background-position: center; 
  height: 500px;
  width:1500px;
  max-height:100%;
  max-width:100%;
  margin-bottom: 10px;
}


/*=================    Footer    ================= */
.footer-outer {
  border-top: 1px solid rgba(0,0,0, 0.3);
  padding:20px;
  max-width: 1600px;
  text-align: center;
}

.footer-outer p {
  color:white;
}

#dream, #define, #develop, #deliver {width:100%;}

.dream, .define, .develop, .deliver, #group-dream, #group-define, #group-develop, #group-deliver {
  background-repeat: no-repeat;
  background-position: center top;
  width:58px;
  height:58px;
  max-height: 100%;
  max-width: 100%;
}

.dream {background-image: url("../images/Dream-white.png");}
.define {background-image: url("../images/Define-white.png");}
.develop {background-image: url("../images/Develop-white.png");}
.deliver {background-image: url("../images/Deliver-white.png");}

#group-dream {background-image: url("../images/Dream.png");background-repeat: no-repeat;}
#group-define {background-image: url("../images/Define.png");background-repeat: no-repeat;}
#group-develop {background-image: url("../images/Develop.png");background-repeat: no-repeat;}
#group-deliver {background-image: url("../images/Deliver.png");background-repeat: no-repeat;}

/*.dream:after { content:" ";}*/

.footer-outer h3 {
  color:white;
}

.footer-title {
  font-size: 1.5em;
  text-transform: uppercase;
  color: #FFF;
}

.footer {
  text-align: left;
  margin: auto;
  max-width: 1600px;
  padding:20px;
  color: #FFF;
}

#address-table {
  margin: auto;
  max-width: 280px;
}

#address-table td {
  padding: 3px;
}

.header-center {
  text-align: center;
}

.col-left {
  text-align: left;
  vertical-align: top;
  width: auto;
}

.col-right {
  text-align: right;
  vertical-align: top;
  width: auto;
}

.full-width {
  max-width:100%;
  display: inline-block;
}

.no-list {
  list-style: none;
  padding: 0;
}

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




/*=================    Slick custom   ================= */
.slick-next, .slick-prev {
    z-index:1;
}

.slick-prev:before, .slick-next:before {
  color:rgba(0,167,157, 0.5);
  font-size: 30px;
}

.slick-next {
    right: 10px;
    outline:#7FD7FE;
}

.slick-prev {
    left: 0px;
    outline:#7FD7FE;
}

[dir='rtl'] .slick-next {
    left: 0px;
    right: auto;
}

[dir='rtl'] .slick-prev {
    right: 0px;
    left: auto;
}

.slider-content:after {
    content: "You can use the left or right buttons to navigate through content or the buttons beneath the images."
}

.slider-height {
  max-height:800px!important;
}

/*=================    Slick custom End   ================= */

/*=================    Tooltips   ================= */

.tooltip {
  display:none;
  position:absolute;
  border:1px solid #333;
  border-radius: 6px;
  background-color:#161616;
  padding:10px;
  color:#fff;
  z-index: 2;
  width: auto;
  top: 100%;
  left: 50%; 
  margin-left: -100px; /* Use half of the width (120/2 = 60), to center the tooltip */
}

.tags-alt li a {
  color:#FFF;
}


/* ========		RESPONSIVE DESIGN		========*/

* {
    box-sizing: border-box;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:" "; display:table; }
.group:after, .group:before {clear:both;}

/*  GRID OF TWELVE  */
.col-12 {width: 100%;}
.col-11 {width: 91.53%;}
.col-10 {width: 83.06%;}
.col-9  {width: 74.6%;}
.col-8  {width: 66.13%;}
.col-7  {width: 57.66%;}
.col-6  {width: 49.2%;}
.col-5  {width: 40.73%;}
.col-4  {width: 32.26%;}
.col-3  {width: 23.8%;}
.col-2 {width: 15.33%;}
.col-1  {width: 6.866%;}


/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 800px) {
	.col {  margin: 1% 0 1% 0%; }
	
	r1 span, .r1 {font-size:1.5em;}
	r2, .r2 {font-size:1em;}
  r3, .r3 {font-size:1.5em;}
    
  [class*="col-"]{
		width: 100%; 
	 }

  .dropdown-content, .ddl, .ddl:after, .nddl, .nddl:after, .dropdown {
    display:none;
  }
  
   .caret {
    display:none!important;
  }

	.navigation {
    width:100%;
    display: block; 
	}
  	
	.nav-item {
  	width:100%;
  	float:none;
    color:#FFF;
	}
	
	.nav-list {
    display: block;
    z-index: 10;
    position: absolute;
    background-color: #f9f9f9;
    width: 100%;
    display: none;
	}

  .nav-list ul li a {
    color: #000;
  }

  .scroll-top, .scroll-top-placeholder {
    visibility: visible;
  }

	.header {
	 overflow:auto;
	 width:100%; /* Ensures that menu button appears right when on small device */
	}

  .header-logo {
    max-width: 75%;
  }

  .container {
    padding: 3%;
  }

  /*hide the contact us bar on mobile view*/
  .cd-side-bar, .rel-cont {
    display: none;
  }

  .boxed {
    padding: 1%;
  }

  #contact-us-bar {
    display:none;
  }

  .cover, .about-cover {
    height: 250px;
    width: 480px;
    width: 100%;
  }

  .cover {
    background-image: url("../images/SpruceCX-banner-small.png");
      -webkit-transition: background 0.5s linear;
      -moz-transition: background 0.5s linear;
      -o-transition: background 0.5s linear;
      transition: background 0.5s linear;
    width: 100%;
    background-position: center; 
  }

  .cover:hover, .cover:focus, .cover:active {
    background-image: url("../images/spruce-sun-beam-mobile.jpg");
  }

  .about-cover {
    background-image: url("../images/puzzle-mobile.jpg");
    background-position: center; 
  } 

  #mobile-contact-us-bar {
    display: block;
    width:100%; 
  }

  #mobile-contact-method-list {
    display:none;
  }

  .mobile-contact {
    color:#FFF;
    font-weight: 500;
    padding: 2%;
    text-align: center;
    border: 1px solid #EEE;
    border-radius: 5px;
  }

  #mobile-contact-us-bar:hover {
    cursor: pointer;
  }

  .contact-method-list {
    display: none;
  }

  .mobile-contact-method {
    padding:5px;
    font-size: 2.5em;
  }

  .mobile-contact-method a {
    text-decoration: none;
    color:#FFF;
  }

  .cd-side-bar {
    position: relative;
  }

  .loc-tap:before {
    content: "Tap";
  }

  /* Hide buttons on small screens*/
  .slick-next, .slick-prev, [dir='rtl'] {
      display: none!important;
  }

  .slider-content:after {
    content: "You can swipe left or right to navigate through the content."
  }


} 

@media only screen and (min-width:700px) and (max-width:900px) {
  .three-hundred {
    max-height: 300px!important;
  }
}​
/* End responsive design */

header,nav, img, li, body{
  transition: all 0.3s;
  -moz-transition: all 0,3s; /* Firefox 4 */
  -webkit-transition: all 0,3s; /* Safari and Chrome */
  -o-transition: all 0.3s; /* Opera */
}

a {
  transition: all 0.5s;
  -moz-transition: all 0.5s; /* Firefox 4 */
  -webkit-transition: all 0.5s; /* Safari and Chrome */
  -o-transition: all 0.5s; /* Opera */
}

.navigation-mobile {
	background: url(../images/mobile-navigation.png) no-repeat center center;  
  background-position: center; 		
}
	
.navigation-mobile-close {
	background: url(../images/mobile-navigation-close.png) no-repeat center center;
  background-position: center; 
}

.navigation-mobile, .navigation-mobile-close {
		cursor:pointer;
  	top:0;
  	right:0;
 		height:48px;
		width:48px;
 		border-radius:5px;
 		 -webkit-border-radius:5px;
  		-moz-border-radius:5px;	
  	float: right;
    position: absolute;
}



/* ========		RESPONSIVE DESIGN END	========*/
.hidden {
	display:none;
}



/* form styling */

.request-form {
  margin:auto;
  display: block;
  padding:10px;
}

.form-label, label {
  font-weight: 500;
}

input[type="submit"], .button {
  color: #FFF;
  font-size: 1.2em;
  font-weight: 500;
  width:100%;
  margin: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer;
  margin-bottom: 15px;
  margin-top: 5px;
  border: 1px solid transparent;
  border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px; 
    text-align: center; 

}

input[type="text"], input[type="email"]  {
  width: 100%;
}

input[type="textarea"], textarea  {
  width:1000px; /*set to a high width */
  height:150px; /*set to a high height */
  max-width: 100%; /* this will only allow it stretch as wide as the parent div */
  max-height: 100%;
  resize: both;
}

.wood {
  height: 100%;
  width: 100%;
  background: rgb(233,223,196);

  background: -moz-linear-gradient(left, rgba(233,223,196,1) 0%, rgba(233,223,196,1) 1%, rgba(237,227,200,1) 2%, rgba(237,227,200,1) 24%, rgba(235,221,195,1) 25%, rgba(233,223,196,1) 48%, rgba(235,221,195,1) 49%, rgba(230,216,189,1) 52%, rgba(230,216,189,1) 53%, rgba(233,219,192,1) 54%, rgba(230,216,189,1) 55%, rgba(230,216,189,1) 56%, rgba(233,219,192,1) 57%, rgba(230,216,189,1) 58%, rgba(230,216,189,1) 73%, rgba(233,219,192,1) 74%, rgba(233,219,192,1) 98%, rgba(235,221,195,1) 100%);
    
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(233,223,196,1)), color-stop(1%,rgba(233,223,196,1)), color-stop(2%,rgba(237,227,200,1)), color-stop(24%,rgba(237,227,200,1)), color-stop(25%,rgba(235,221,195,1)), color-stop(48%,rgba(233,223,196,1)), color-stop(49%,rgba(235,221,195,1)), color-stop(52%,rgba(230,216,189,1)), color-stop(53%,rgba(230,216,189,1)), color-stop(54%,rgba(233,219,192,1)), color-stop(55%,rgba(230,216,189,1)), color-stop(56%,rgba(230,216,189,1)), color-stop(57%,rgba(233,219,192,1)), color-stop(58%,rgba(230,216,189,1)), color-stop(73%,rgba(230,216,189,1)), color-stop(74%,rgba(233,219,192,1)), color-stop(98%,rgba(233,219,192,1)), color-stop(100%,rgba(235,221,195,1)));

  background: -webkit-linear-gradient(left, rgba(233,223,196,1) 0%,rgba(233,223,196,1) 1%,rgba(237,227,200,1) 2%,rgba(237,227,200,1) 24%,rgba(235,221,195,1) 25%,rgba(233,223,196,1) 48%,rgba(235,221,195,1) 49%,rgba(230,216,189,1) 52%,rgba(230,216,189,1) 53%,rgba(233,219,192,1) 54%,rgba(230,216,189,1) 55%,rgba(230,216,189,1) 56%,rgba(233,219,192,1) 57%,rgba(230,216,189,1) 58%,rgba(230,216,189,1) 73%,rgba(233,219,192,1) 74%,rgba(233,219,192,1) 98%,rgba(235,221,195,1) 100%);
    
  background: -o-linear-gradient(left, rgba(233,223,196,1) 0%,rgba(233,223,196,1) 1%,rgba(237,227,200,1) 2%,rgba(237,227,200,1) 24%,rgba(235,221,195,1) 25%,rgba(233,223,196,1) 48%,rgba(235,221,195,1) 49%,rgba(230,216,189,1) 52%,rgba(230,216,189,1) 53%,rgba(233,219,192,1) 54%,rgba(230,216,189,1) 55%,rgba(230,216,189,1) 56%,rgba(233,219,192,1) 57%,rgba(230,216,189,1) 58%,rgba(230,216,189,1) 73%,rgba(233,219,192,1) 74%,rgba(233,219,192,1) 98%,rgba(235,221,195,1) 100%);
    
  background: -ms-linear-gradient(left, rgba(233,223,196,1) 0%,rgba(233,223,196,1) 1%,rgba(237,227,200,1) 2%,rgba(237,227,200,1) 24%,rgba(235,221,195,1) 25%,rgba(233,223,196,1) 48%,rgba(235,221,195,1) 49%,rgba(230,216,189,1) 52%,rgba(230,216,189,1) 53%,rgba(233,219,192,1) 54%,rgba(230,216,189,1) 55%,rgba(230,216,189,1) 56%,rgba(233,219,192,1) 57%,rgba(230,216,189,1) 58%,rgba(230,216,189,1) 73%,rgba(233,219,192,1) 74%,rgba(233,219,192,1) 98%,rgba(235,221,195,1) 100%);
    
  background: linear-gradient(left, rgba(233,223,196,1) 0%,rgba(233,223,196,1) 1%,rgba(237,227,200,1) 2%,rgba(237,227,200,1) 24%,rgba(235,221,195,1) 25%,rgba(233,223,196,1) 48%,rgba(235,221,195,1) 49%,rgba(230,216,189,1) 52%,rgba(230,216,189,1) 53%,rgba(233,219,192,1) 54%,rgba(230,216,189,1) 55%,rgba(230,216,189,1) 56%,rgba(233,219,192,1) 57%,rgba(230,216,189,1) 58%,rgba(230,216,189,1) 73%,rgba(233,219,192,1) 74%,rgba(233,219,192,1) 98%,rgba(235,221,195,1) 100%);

  background-size: 120px;
  background-repeat: repeat;
}

#map img { max-width: none!important; max-height: none!important; vertical-align: middle; }