/*! Typebase.less v0.1.0 | MIT License */
/* Setup */
html {
     /* Change default typefaces here */
     font-family: 'Montserrat', sans-serif;
     color: #333;
     font-size:100%;
     -webkit-font-smoothing: antialiased;
   }
   html, body {
    height: 100%;
  }
   /* Copy & Lists */
   p, ul, ol {
     line-height: 1.5em;

     margin-bottom: 0;
 font-size:1.3em;
   }
 p{margin-bottom:1.3em;}
   ul li:last-of-type,
   ol li:last-of-type {
    margin-bottom:1.3em;
   }
   ul ul,
   ol ul,
   ul ol,
   ol ol {
     margin-top: 0;
     margin-bottom: 0;
   }
   blockquote {
     line-height: 1.5rem;
     margin-top: 1.5rem;
     margin-bottom: 1.5rem;
   }
   a {font-weight:bold}
   /* Headings */
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
     /* Change heading typefaces here */
     font-family: "Montserrat",sans-serif;
     margin-top: 1.5rem;
     margin-bottom: 0;
     line-height: 1.5rem;
   }
   h1 {
     font-size: 4.242em;
     line-height: 2.5em;
     margin-top: 3em;
   }
   h2 {
     font-size: 2.5em;
     line-height: 3em;
     margin-top: 3em;
     color:#00465C;
   }
   h3 {
     font-size: 2em;
     text-transform: uppercase;
     color: #046B99;
     font-weight:bold;
   }
   h4 {
     font-size: 0.707rem;
   }
   h5 {
     font-size: 0.4713333333333333rem;
   }
   h6 {
     font-size: 0.3535rem;
   }
   /* Tables */
   table {
     margin-top: 1.5rem;
     border-spacing: 0px;
     border-collapse: collapse;
   }
   table td,
   table th {
     padding: 0;
     line-height: 33px;
   }
   .respimg {width:100%;}
   
   html { width: 100%; }
   body { font-family: "Montserrat",sans-serif; width: 100%; }
   .container { margin-top: 104px; padding: 0; width: 100%; }
   a, a:hover, a:focus { -moz-transition: background-color .15s, color .15s; -ms-transition: background-color .15s, color .15s; -o-transition: background-color .15s, color .15s; -webkit-transition: background-color .15s, color .15s; text-decoration: none; transition: background-color .15s, color .15s; }

   
   #header { box-shadow: 0 0 14px 0 #333; overflow: auto; position: fixed; top: 0; width: 100%; z-index: 1;background-color: white; }

 

   nav a { -moz-transition: background-color .2s; -ms-transition: background-color .2s; width: 16.66%; -o-transition: background-color .2s;  -webkit-transition: background-color .2s; width: 16.66%;  background-color: #046B99; border-right: 1px solid rgba(169, 185, 196, 0.4); color: #fff; float: left; height: 80px; overflow: hidden; position: relative; text-align: center; transition: background-color .2s; width: 16.66%;text-transform:uppercase; }
   nav a:hover {color:white;}
   nav a:last-of-type { border: 0; }
   nav a:hover { background-color: #1081B4; }
   nav a:before, nav a:after { -moz-transition: background-color .2s, opacity .25s, height .3s; -ms-transition: background-color .2s, opacity .25s, height .3s; -o-transition: background-color .2s, opacity .25s, height .3s; -webkit-transition: background-color .2s, opacity .25s, height .3s; background-color: #00465C; content: ""; height: 0; left: 0; opacity: 0; position: absolute; top: 50%; transition: background-color .2s, opacity .25s, height .3s; width: 100%; }
   nav a:after { top: auto; bottom: 50%; }
   nav a.active {color:white;}
   nav a.active:before,
   nav a.active:after { height: 50%; opacity: 1; }
   nav a.active:hover:before, nav a.active:hover:after { background-color: #00465C; }
   nav a img { display: block; height: 18px; margin: 20px auto 5px; position: relative; z-index: 1; }
   nav a span { position: relative; z-index: 1; }
.honehideme {visibility:hidden;}
   #home { clear: both; height: 640px; overflow: hidden; position: relative; width: 100%; background-image: url('../images/banner.jpg');background-size:cover;}
   #home img[src*="sdshsp"] { left: -11%; position: absolute; top: -31%; transition: 4.5s; width: 120%; } 
   #home img[src*="grad"] { bottom: 0; height: 40%; position: absolute; width: 100%; }
   #home h1 { bottom: 42px; color: #fff; font-size: 6em; font-weight: 700; line-height: 1.6em; padding-left: 56px; position: absolute; right: 64px; text-align: right;  }
   #home h1 span { display: block; font-size: .4em; font-weight: 400; letter-spacing: .16em; line-height: 1.3em; }
   #home.animate img[src*="sdshsp"] { left: -15%; top: -33%; transition: 6.5s; width: 128%; }
   #home-banner-geo {position:absolute; top:30px;left:-10%;width:30%;max-width:350px;}
   #bannercard {position:absolute;width:50%;background-color:white;height:auto;padding:20px;text-align:center;-webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.75);
     -moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.75);
     box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.75);top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);}
       #bannercard img:first-of-type {width:90%;margin-bottom:30px;margin-top:20px}
       #bannercard img:nth-of-type(2) {width:60%;}     
#bottom-banner-geo {position:absolute; bottom:5%;right:-10%;width:30%;max-width:350px;}
#pdgeo {position:absolute; bottom:-10%;right:-10%;width:30%;max-width:450px;z-index:0;}
#planningdesign .row  {z-index:2}
#planningdesign.section {padding:0;}
#pdpadding-wrapper, #nobuildalternative205-580 {padding: 46px 11% 86px;}
#nobuildalternative205-580 .whitecard {background-color:white;padding:40px;-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);}
   .breakpoint { opacity: 1; position: relative; top: 0; }
   /* .breakpoint { -moz-transition: opacity .9s, top .7s; -ms-transition: opacity .9s, top .7s; -o-transition: opacity .9s, top .7s; -webkit-transition: opacity .9s, top .7s; opacity: .4; position: relative; top: 105px; transition: opacity .9s, top .7s; }
   .breakpoint.showing { opacity: 1; top: 0; } */

   /* .section { background-color: #fff; box-shadow: 1px 40px 78px 0 #aaa; padding: 46px 11% 86px; } */
   .section { background-color: #fff;padding: 46px 11% 86px; }
   .section h2 { font-size: 2.6em; font-weight: 700; margin: 0; margin-bottom: 34px; position: relative; }
   .section h2:after { background-color: #7EC25E; bottom: 18px; content: ""; height: 7px; left: 0; position: absolute; width: 70px; }
   .underlineh3 {margin-bottom:30px;position:relative;}
   .underlineh3:after { background-color: #7EC25E; bottom: -4px; content: ""; height: 3px; left: 0; position: absolute; width: 50px; }

   /* .fact-break { background-attachment: fixed; background-size: 180%; background-position: 40%; box-shadow: 0 40px 78px 0 #aaa; clear: both; overflow: hidden; position: relative; } */
   .fact-break { background-attachment: fixed; background-size: 180%; background-position: 40%; clear: both; overflow: hidden; position: relative; }
   .fact-break img { position: absolute; top: 0; width: 100%; }
   .fact-break p { border-top: 8px solid #a9191f; color: #fff; font-size: 4.2em; font-weight: 700; line-height: 1.4em; margin: 86px auto; padding-top: 32px; position: relative; width: 87%; }
   .fb1 { background-image: url("../images/pic2.jpg"); }
   .fb2 { background-image: url("../images/pic3.jpg"); }

   /* TRANSLATOR */
   #langaugeselectcont {float:right;margin:5px 5px 1px 0px;}
#google_translate_element2 {display:none;}
#langaugeselectcont select {margin-left:10px;width:200px}

    /* ABOUT */
    #overview h3 { color: #005288; font-size: 1.6em; font-weight: 700; letter-spacing: .05em; line-height: 1.3em; }
    #overview img[src*="sddot"] { width: 250px; }
    #sbsboxes {position:relative;-webkit-box-shadow: 0px 10px 9px -1px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 10px 9px -1px rgba(0,0,0,0.75);
      box-shadow: 0px 10px 9px -1px rgba(0,0,0,0.75);}
      #sbsboxesup {position:relative;top:-40px;}
      #sbsboxes.col-md-6 {padding: 0 2%}
    #sbsboxes .row .col-md-6 {text-align:center;font-size:1.2em;font-weight:bold;color:white;padding:40px;margin:2%;width:46%;}
    #sbsboxes .row .col-md-6 img {margin-bottom:20px;}
    #sbsboxes .row a:nth-of-type(1) .col-md-6 {background-color:#5B9245;-webkit-box-shadow: 0px 12px 20px -13px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 12px 20px -13px rgba(0,0,0,0.75);
      box-shadow: 0px 12px 20px -13px rgba(0,0,0,0.75);  -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      transition: all 300ms ease-in-out;}
      #sbsboxes .row a:nth-of-type(1) .col-md-6:hover {background-color:#4E8339; -webkit-box-shadow: 0px 12px 40px -13px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 12px 40px -13px rgba(0,0,0,0.75);
        box-shadow: 0px 12px 40px -13px rgba(0,0,0,0.75);}
    #sbsboxes .row a:nth-of-type(2) .col-md-6 {background-color:#046B99;-webkit-box-shadow: 0px 12px 20px -13px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 12px 20px -13px rgba(0,0,0,0.75);
      box-shadow: 0px 12px 20px -13px rgba(0,0,0,0.75);  -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      transition: all 300ms ease-in-out;}
      #sbsboxes .row a:nth-of-type(2) .col-md-6:hover {-webkit-box-shadow: 0px 12px 40px -13px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 12px 40px -13px rgba(0,0,0,0.75);
        box-shadow: 0px 12px 40px -13px rgba(0,0,0,0.75);background-color: #065B82;}


.bluebold {font-weight:bold; color:#046B99;}
.darkbluebold {font-weight:bold; color:#00465C;}
    .plan { background-color: #213159; color: #fff; height: 384px; margin-top: 34px; padding: 24px 36px 0; text-align: center; vertical-align: top; }
    .plan:last-of-type { background-color: #326cb5; }
    .plan div { border: 1px solid #fff; border-radius: 100%; height: 68px; line-height: 66px; margin: 0 auto; width: 68px; }
    .plan div img { width: 30px; }
    #overview .plan h3 { border-bottom: 1px solid #fff;  color: #fff; font-size: 2em; line-height: 1.2em; margin: 12px 0; padding: 0 20% 16px; }
    .plan p { margin: 20px 10%; }
.row {margin:0px;}
    
    /* plPLANNING & DESIGN */
    #planningdesign, #nobuildalternative205-580 {background-color:#F5F5F1;position:relative;}
    #planningdesign h3 {
      color: #005288;
      font-size: 1.6em;
      font-weight: 700;
      letter-spacing: .05em;
      line-height: 1.3em;
  }
    #planningdesign h2 { color: #00465C; }
#milestones img {width:100%;}
#milestones, #vincinitymap {margin-top:40px;}
    #timeline { border: 2px dashed #c02229; overflow: auto; padding: 124px 44px 58px; }
    #timeline > div { float: left; margin-right: 1%; opacity: 0; position: relative; text-align: center; width: 23%; }
    #timeline > div:first-of-type { transition: opacity .7s ease-in-out .075s; width: 33%; }
    #timeline > div:nth-of-type(even) { width: auto; }
    #timeline > div:nth-of-type(2) { transition: opacity .7s ease-in-out .15s; }
    #timeline > div:nth-of-type(3) { transition: opacity .7s ease-in-out .225s; }
    #timeline > div:nth-of-type(4) { transition: opacity .7s ease-in-out .3s; }
    #timeline > div:last-of-type { -moz-transition: opacity .7s ease-in-out .375s; -ms-transition: opacity .7s ease-in-out .375s; -o-transition: opacity .7s ease-in-out .375s; -webkit-transition: opacity .7s ease-in-out .375s; line-height: 70px; margin: 0; transition: opacity .7s ease-in-out .375s; width: auto; }
    #timeline h3 { background-color: #005288; color: #fff; font-size: 1em; font-weight: 700; height: 70px; margin: 0; padding: 0 8px;  }
    #timeline h3 span { display: inline-block; line-height: 1.2em; vertical-align: middle; }
    #timeline h3:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
    #timeline > div:nth-of-type(even) h3 { background-color: transparent; bottom: 100%; color: #c02229; height: auto; line-height: 1.2em; margin-bottom: 8px; position: absolute; }
    #timeline p { font-size: 1em; font-weight: 700; line-height: 1.3em; margin: 5px auto 0; width: 80%; }
    #timeline img { background-color: #c02229; height: 70px; padding: 15px 26px; }
    #timeline > div:nth-of-type(2) img { background-color: rgba(192, 34, 41, .7); border: 2px dashed #a9191f; }
    #timeline > div:last-of-type img { background-color: transparent; height: auto; }
    #timeline > div > span { background-color: #c4c4c4; display: inline-block; height: 10px; margin-left: 6px; position: relative; width: 24px; }
    #timeline > div > span > span { border: 12px solid transparent; border-left-color: #c4c4c4; left: 100%; position: absolute; top: -7px; }

    #timeline.show > div { opacity: 1; }

    #buildalterantive205 { background-color: #5B9245; text-align: center; }
    #buildalterantive580 { background-color: #046B99; text-align: center; }
    #buildalterantive205 h3, #buildalterantive580 h3{ color: #fff; text-align: left;margin-left:11%; }
    #buildalterantive205 h2:after { background-color: #93b5dc; }
    #buildalterantive205.section, #buildalterantive580.section {padding-left:0px;padding-right:0px}
    .whiteitalic {color:white;font-style: italic;font-size:.9em;text-align:left;padding-left:30px;}
    .blueitalic {color:#046B99;font-style: italic;font-size:.9em;text-align:left;padding-left:30px;}
    #buildalterantive205 .row:first-of-type,  #buildalterantive580 .row:first-of-type {margin-bottom:30px;}
    /* COMMENT */
    #comment { background-color: white; }
.orangeblock {padding:3px; color:white;background-color:#EF7937;font-weight:bold;}
    #comment h2:after { background-color: #7EC25E; }
 
    #comment .underlineh3:after {width:100%;bottom:-6px;}
.grayblock {padding:20px;background-color:#E8E8E8;font-size:.9em;font-style:italic;}
    /* FLICKITY */

    .flickity-prev-next-button.previous {
      left: 15.5%;
  }
  .flickity-prev-next-button.next {
    right: 15.5%;
}
.flickity-page-dots {    bottom: -45px;}
.flickity-page-dots .dot {background:white;    width: 20px;
  height: 20px;}
    .carousel-cell {
      padding:30px;
      width: 66%;
      height: auto;
      min-height:600px;
      margin-right: 60px;
      -webkit-box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.75);
      box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.75);
      background-color:white;
      text-align:left;
    }
    .cartopline {border-top:3px solid #7EC25E;margin:20px 2% 0px 2%; text-align:left;font-size:.9em;padding-left:0px;width:96%;}
    .cartopline p {margin-top:10px;}
    .carousel-cell.is-selected {border:#00B1B0 5px solid;}
    .carousel-cell.is-selected:focus {border:#00B1B0 5px solid;}
    .carousel-cell img {width:100%;}
    .carousel205 .flickity-button {background:#7EC25E;}
    .carousel580 .flickity-button {background:#00B1B0;}
    .carousel205 .flickity-button:hover {background:#6BB04B;}
    .carousel580 .flickity-button:hover {background:#098B8A;}
    .flickity-button {-webkit-box-shadow: 0px 0px 16px 4px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 0px 16px 4px rgba(0,0,0,0.75);
      box-shadow: 0px 0px 16px 4px rgba(0,0,0,0.75);  -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      transition: all 300ms ease-in-out;}
    .flickity-button svg {color:white;}
    .flickity-button:hover {-webkit-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.75);
      box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.75);}
    .addimprov, #contactbullets, #smbullets {list-style:none;}
    .addimprov li, #contactbullets li, #smbullets li {margin-bottom:20px;}
    .carousel205  .addimprov li:before {background-color: #5B9245;}
    .carousel580  .addimprov li:before {background-color: #046B99;}
    .addimprov li:before {display:inline-block;margin-left:-50px;margin-right:20px;width:30px;height:30px;border-radius: 100px; color: white;padding:2px;text-align:center;font-weight:bold;}
    #contactbullets li:before {display:inline-block;background-color: #046B99;margin-left:-50px;margin-right:20px;width:30px;height:30px;text-align:center;padding:3px;}
 #smbullets li:before {display:inline-block;margin-left:-50px;margin-right:20px;width:30px;height:30px;text-align:center;padding:3px;}
 #smbullets li:nth-of-type(1):before {content:url('../images/fb.png');}
 #smbullets li:nth-of-type(2):before {content:url('../images/twitter.png');}
 #smbullets li:nth-of-type(3):before {content:url('../images/youtube.png');}
    #contactbullets li:nth-of-type(1):before {content:url('../images/envelope.png');}
    #contactbullets li:nth-of-type(2):before {content:url('../images/contact.png');}
    #contactbullets li:nth-of-type(3):before {content:url('../images/phone.png');}
    .addimprove li:nth-of-type(1):before, .addimprovea li:nth-of-type(1):before {content:'A';}
    .addimprove li:nth-of-type(2):before, .addimproveb li:nth-of-type(1):before {content:'B';}
    .addimprove li:nth-of-type(3):before, .addimprovec li:nth-of-type(1):before, .addimproveb li:nth-of-type(2):before {content:'C';}
    .addimprove li:nth-of-type(4):before, .addimproved li:nth-of-type(1):before {content:'D';}
    .addimprove li:nth-of-type(5):before, .addimprovee li:nth-of-type(1):before {content:'E';}
    .addimproved5801 li:nth-of-type(1):before {content:'D1';}
    .addimproved5802 li:nth-of-type(1):before {content:'D2';}
    /* cell number */
    .carousel-cell:before {
      display: block;
      text-align: center;

      color: white;
    }
    .carousel-cell .bluebold {margin-bottom:0px;}

    /* RESOURCES */
#resources {background-color: #F6F6F3;}
    #resources h2:after { background-color: #7EC25E; }

 .accordion a {color:white;}

    #resources a {  margin: 6px 0;text-decoration:underline; }

    #resources hr {  border-top: 3px solid #7EC25E;}


/* Accordion */


.accordion, .accordionnocollapse {
	background: linear-gradient(to bottom right, white, #F8F8F8);
	background: white;
	margin: 0 10% 0px 0;
}

.accordion-header {
	border-bottom: 1px solid #DDE0E7;
	color: #2a313a;
	cursor: pointer;
	font-weight: 700;
  padding: .5rem 1.5rem;
  font-size: .9rem;
}

.accordion-header:hover {
	background: #F6F7F9;
}

.accordion-content {
	display: none;
	border-bottom: 1px solid #DDE0E7;
	background: #00465C;
	padding: 1.5rem;
	color: white;
  font-size: 90%;
}

.accordion-header::before {
	content: '';
	vertical-align: middle;
	display: inline-block;
	width: .75rem;
	height: .75rem;
	border-radius: 50%;
	background-color: #B1B5BE;
	margin-right: .75rem;
}
.active.accordion-header {background-color:#00B1B0;}
.active.accordion-header::before {
	background-color: white;
}

.accordion p img, .accordionnocollapse p img {
	width: 40px;
	margin-right: 10px;
	float: left;
}

.accordion-content p span {
	display: block;
	margin-bottom: 30px;
}

    /* CONTACT US */
    #contact { background-color: #00465C; box-shadow: none; color:white; }
    #contact a {color:white;font-weight:bold;}
    #contact h2, #contact p, #contact label { color: white; }
    #contact h2:after { background-color: #7EC25E; }
    #contact h3 {color:white;}
    #contact-info { background-color: #c02229; color: #fff; font-weight: 700; margin-bottom: 36px; padding: 16px; }
    #contact-info img { height: 26px; }
    #contact-info a { color: #fff; margin-left: 8px; vertical-align: middle; }
    #contact form .col-md-6 { padding: 0; }
    #contact form .col-md-6:nth-of-type(even) { margin: 0; }
#contact form input::placeholder {color:#00465C!important;}
.nopads {padding:0;}
.formreq {font-size:.7em;font-weight:normal;display:inline-block;color:#7EC25E;}
    #contact form .col-md-6 label { display: none; }
    #contact label { color: white}
    #contact em { color: #103f68; font-size: 1.1em;  }
    #contact input[type="text"] { background-color: white; border: 0; border-bottom: 1px solid #103f68; color: #103f68; font-size: 1.1em; font-weight: 600; margin-bottom: 14px; padding: 3px 0 5px; width: 100%;padding:10px; }
    #contact textarea { padding:10px;background-color: white; border: 1px solid #103f68; color: #103f68; height: 200px; margin-bottom: 34px; width: 100%;font-weight: 600;  }
    #contact input[type="submit"] { -moz-transition: background-color .15s; -ms-transition: background-color .15s; -o-transition: background-color .15s; -webkit-transition: background-color .15s; background-color: #5B9245; border: 0; border-radius: 3px; color: #fff; display: block; font-weight: 400; padding: 12px 22px; transition: background-color .15s; font-weight:bold;}
    #contact input[type="submit"]:hover { background-color: #65AC49; }
#vinmapcont {position:relative;}


#proj-1 {top:29.5%;left:20.5%;width:100px;height:100px;position:absolute;border-radius:200px}
#proj-2 {top:56%;left:18%;width:100px;height:100px;position:absolute;border-radius:200px}

    #message-sent { -moz-transition: top .8s; -ms-transition: top .8s; -o-transition: top .8s; -webkit-transition: top .8s; background-color: #fff; border: 2px solid #103f68; border-radius: 8px; box-shadow: 2px 5px 14px 0 #666; left: 30%; position: fixed; text-align: center; top: -380px; transition: top .8s; width: 40%; z-index: 3; }
    #message-sent span { cursor: pointer; font-size: 2.2em; line-height: .6em; padding: 8px; position: absolute; right: 0; top: 0; }
    #message-sent p { line-height: 1.4em; margin: 0; padding: 34px 20px; }

    #message-sent.showing { top: 80px; }
    #vmapcallout { display:inline-block; padding:20px;background-color:#EF7937;color:white;font-size:1.3em;font-weight:bold;position:absolute;-webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.75);
      box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.75);top:30px;left:30px;}
    #footer { background-color: #2C2F35;text-align:center;padding:30px 0px 10px 0px; }
    #footer p {color:#00B1B0;font-weight:bold;}
    #vmapcallout:after {content:'';width: 0;
      height: 0;
      border-style: solid;
      border-width: 40px 40px 0 40px;
      border-color: #ef7b37 transparent transparent transparent;position:absolute;bottom:-39px;left:45%;}
    @media screen and (max-width: 1700px) {
        #counters > div div { font-size: 1.4em; }

    
    }

    @media screen and (max-width: 1530px) {
        #home { height: 520px; }
        #proj-1 {top:29.5%;left:20.5%;}
  #proj-2{top:56%;left:18%;}
        #overview .plan h3 { font-size: 1.5em; }
        .plan p { font-size: 1.1em; line-height: 1.5em; }

        .fact-break img { left: -30%; top: -10%; width: 160%; }
        .fact-break p { font-size: 3em; margin: 60px auto; padding-top: 18px; }

        #timeline > div { width: 20%; }
        #timeline > div:first-of-type { width: 27%; }
        #timeline img { padding: 15px; }

        #comment > div img { left: -10%; width: 120%; }
    }

    @media screen and (max-width: 1240px) {
        #home-bar { height: 35px; }
        #home-bar a:last-of-type { font-size: .75em; line-height: 35px; }

        nav a { font-size: .85em; height: 60px; }
        nav a img { margin-top: 12px; }
        .container { margin-top: 95px;}

        .section { padding: 10px 4% 24px; }

        #home { height: 390px; }
        #home h1 { font-size: 4em; }


    }

    @media screen and (max-width: 992px) {
      ul li a {font-size:.8em;line-height:.5em}
        p { font-size: 1em; line-height: 1.5em; margin: 14px 0; }
        .section h2:after {bottom:-2px;}
        .col-md-6 { margin-right: 0; width: 100%; }
        .col-md-6:last-of-type { margin-right: auto; }
        .section h2 { font-size: 1.8em; line-height: 1.7em; margin-bottom: 4px; }
        .section h2:after { width: 60px; }
        #sbsboxesup {top:0px;}
    
        #overview h3 { font-size: 1.1em; line-height: 1.2em; margin-top: 18px; }
        #counters { left: 25%; padding: 26px 0 0; width: 50%; }
        #counters > div { top: 18%; }
        .plan { height: auto; padding-bottom: 18px; }

        .event { font-size: .75em; margin-right: 1.5%; width: 32.33333%; }
        #events h3 { font-size: 1.2em; margin: 18px 0; }
        .event-popup div { width: 94%; }
        .event-popup div span { font-size: 2em; height: 21px; margin: 8px 8px; width: 21px;  }
        .event-popup h4 { font-size: 1.5em; }
        .event-popup h5 { font-size: 1.3em;}
        .event-popup iframe { height: 280px; }
        .event-popup div.showing { top: 24px; }

        #timeline { margin-top: 30px; padding: 80px 28px 30px; text-align: center; }
        #timeline h3 { font-size: .8em; }
        #timeline p { font-size: .8em; }
        #timeline > div { width: 15%; }
        #timeline > div:first-of-type { width: 23%; }
        #timeline > div > span { height: 6px; margin-left: 6px; width: 16px; }
        #timeline > div > span > span { border-width: 8px; top: -5px; }
        #timeline > div:last-of-type img { height: 49px; margin-left: -5px; }
        #proj-1 {top:27%;left:18%;}
        #proj-2{top:56%;left:18%;}
        #bannercard {
          position: absolute;
          width: 70%;
        }

        #comment > div { margin-top: 30px; padding: 32px;}
        #comment h3 { font-size: 1.3em; line-height: 1.2em; }
        #comment > div img { left: -10%; width: 120%; }
    

       

        #resources a { font-size: .9em; }
        

        #contact-info { font-size: .9em; line-height: 1em; margin-top: 24px; padding: 8px 2px; }
        #contact .row { margin: 24px 0; }
        #contact input[type="text"] { font-size: 16px; font-weight: 400; margin-bottom: 14px; }
        #contact label { font-size: .9em; }
        #contact textarea { font-size: 16px; height: 130px; margin-bottom: 8px; padding: 3px; }
        #contact em { font-size: .9em; }
        #contact input[type="submit"] { font-size: .85em; margin: 14px auto 0; padding: 10px 16px; }
    }

    @media screen and (max-width: 910px) {
        #home { height: 280px; }
        #home h1 { bottom: 24px; font-size: 3.3em; right: 24px; }
        .fact-break img { left: -40%; top: -14%; width: 180%; }
        .fact-break p { font-size: 2.2em; line-height: 1.3em; margin: 38px auto; width: 92%; }
        #overview img[src*="sddot"] { margin-top: 12px;  width: 140px; }
.carousel-cell ul li {font-size:.8em;line-height:1.2em;}
.carousel-cell ul li:before{padding-top:7px;}
        #counters > div div { font-size: .75em; }
        .carousel-cell {padding:5px;}
        .flickity-page-dots {
          bottom: 45px;
      }
   
        #footer img { height: 64px; padding: 8px 0; }
    }
    @media screen and (max-width: 768px) {
      #pdpadding-wrapper, #nobuildalternative205-580 {padding: 30px 4% 24px;}
    #sbsboxes .row .col-md-6 {width:100%;margin:0;}
    .carousel-cell {margin-right: 10px;}
    .flickity-prev-next-button {
      top: 18%;}
      .flickity-prev-next-button.next {
        right: 8.5%;
    }
    .flickity-prev-next-button.previous {
      left: 8.5%;
  }

  #proj-1 {top:28%;left:20%;width:70px;height:70px;}
#proj-2 {top:54%;left:17%;width:70px;height:70px;}

    }
    @media screen and (max-width: 690px) {
      .carousel-cell p {font-size:.9em;}
      .carousel-cell ul  {padding-left: 15px;}
      .carousel-cell ul li {font-size:.7em;}
      .carousel-cell li:before {display:block;margin:0px 0px 10px 0px;}
      .addimprov {padding-left:0px;}
      #langaugeselectcont label,#langaugeselectcont select {font-size:.9em;}
      #sbsboxes .row .col-md-6 {padding:20px;}
        #home-bar { height: 28px; }
        #home-bar a:last-of-type { font-size: .65em; line-height: 28px; }
        nav { display: table; width: 100%; }
        nav a { display: table-cell; float: none; font-size: .6em; height: 44px; width: 16.666%; }
        nav a img { height: 12px; margin-top: 9px; }
        .container { margin-top: 72px; }
        .fact-break p { font-size: 1.8em; line-height: 1.3em; margin: 24px auto; padding-top: 4px; width: 92%; }
        .section h2 { font-size: 1.3em; line-height: 1.7em; margin-bottom: 4px; }
        .section h2:after { height: 4px; }
        
        #home { height: 200px; }
        #home img[src*="sdshsp"] { left: -25%; top: -36%; width: 150%; }
        #home.animate img[src*="sdshsp"] { left: -29%; top: -38%; width: 160%; }
        #home img[src*="grad"] { height: 80%; }
        #home h1 { font-size: 2em; line-height: 1em; }
        #home h1 span { margin-top: 10px; }

        #counters { left: 20%; margin-bottom: 24px; width: 60%; }
        .plan { font-size: .8em; margin: 20px auto 0; padding: 14px; width: 90%; }
        .plan div { height: 40px; line-height: 36px; width: 40px; }
        .plan div img { width: 16px; }
        #vmapcallout {
          padding: 5px;
          font-size: .8em;
          font-weight: normal;
          -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
          -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
          box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
          top: 0px;
          left: 0px;
          width: 60%;
          line-height: 1em;
      }
      #vmapcallout:after {
        border-width: 10px 10px 0 10px;
        bottom: -10px;
        left: 35%;
    }
        #timeline > div { width: 28%; }
        #timeline > div:first-of-type { width: 41%; }
        #timeline h3 { font-size: .7em; height: 50px; }
        #timeline p { font-size: .7em; line-height: 1.2em; }
        #timeline img { height: 50px; padding: 12px 4px; }
        #timeline > div:nth-of-type(even) h3 { margin-left: -40%; width: 180%;}
        #timeline > div:last-of-type { clear: both; display: block; float: none; line-height: 50px; }
        #timeline > div:last-of-type img { height: 40px; margin-left: 2px; }

        #comment > div { padding: 20px; }
        #comment > div div { font-size: .9em; width: 100%; }
        #comment > div img { left: -130%; top: 0; width: 320%; }
        #comment a {  font-size: .9em; line-height: 1.1em; margin: 3px auto; width: 180px;}
        #message-sent { left: 20%; width: 60%; }
    
    }

    @media screen and (max-width: 530px) {
      #proj-1 {top:27%;left:19%;}
      #proj-2 {top:53%;left:16%;}
        #counters { left: 10%; margin-bottom: 14px; width: 80%; }
        .plan { padding: 12x 8px 0; }
        #overview .plan h3 { font-size: 1.3em; margin: 0; padding: 8px 0; width: 100%; }
        .plan p { margin-bottom: 3px; }
        .fact-break img { left: -70%; width: 260%; }
        .fact-break p { font-size: 1.4em; margin: 14px auto; padding-top: 6px; width: 92%; }

        .event { font-size: .6em; margin-bottom: 8px; padding: 3px 14px 6px; width: 100%; }
        .event img { display: none; }

        #timeline { padding: 50px 20px 8px; }
        #timeline > div { margin-right: .5%; width: 26%; }
        #timeline > div:first-of-type { width: 34%; }
        #timeline h3 { font-size: .65em;}
    }