/* TABLE OF CONTENTS
--------------------------------------------------

1. Global Styles
2. Buttons
3. Section Headings
4. Loading
5. header
6. Social Icons
7. Slider
8. Intro
9. "Call to action" section
10. "Sign up" section
11. "Countdown" section
12. "Features" section
13. "Products" section
14. "Newsletter" section
15. "Testimonials" section
16. "Map" section
17. "Contact us" section
18. Footer
19. Color Schemes
  19.1. Default
  19.2. Cyan
  19.3. Red
  19.4. Brown
  19.5. Blue gray
  19.6. Custom

-------------------------------------------------- */

.icon-calendar { font-size: 25rem;}
div.hand-drawn-border { background-color: #fff!important}
.corsi {margin: 2% !important; padding: 5% !important}
.corsi h3 { font-weight: bold; }
.special-price {background-color: #}
.intro-countdown, .navbar-toggle {display: none;}




/* GLOBAL STYLES
-------------------------------------------------- */


body {
  color: #212121;
  font-family: 'Lato', sans-serif;
  font-weight: normal;
  background: #FAFAFA;
  min-width: 320px;
}

h1, .navbar-brand {
  font-family: "Grand Hotel", serif;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h2, h3, h4, .btn, h1 small, .countdown-item-wrapper, .navbar-default .navbar-nav>li>a {
  font-family: 'Pompiere', sans-serif;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-size: 16px;
  line-height: 24px;
}

h1 {
  font-size: 68px;
  line-height: 72px;
  margin-top: 48px;
  margin-bottom: 24px;
}

h1 small {
  font-weight: 400;
  font-size: 27px;
  line-height: 48px;
  text-transform: uppercase;
}

.lead {
  font-weight: 300;
  font-size: 26px;
  line-height: 48px;
}

h2 {
  font-size: 40px;
  line-height: 48px;
  margin-top: 48px;
  margin-bottom: 24px;
}

h3 {
  font-size: 26px;
  line-height: 48px;
  margin-top: 24px;
  margin-bottom: 24px;
}

h4 {
  font-size: 24px;
  line-height: 24px;
  margin-top: 24px;
  margin-bottom: 24px;
}

h5 {
  font-size: 18px;
  line-height: 24px;
  margin-top: 24px;
  margin-bottom: 24px;
}

h6 {
  font-size: 18px;
  line-height: 24px;
  margin-top: 24px;
  margin-bottom: 24px;
  font-weight: bold;
}

p, ul, ol, pre, table, blockquote {
  margin-top: 24px;
  margin-bottom: 24px;
}

a {
  color: #212121;
  text-decoration: underline;
}

a:focus, a:hover {
  color: #111;
  text-decoration: underline;
}

hr {
  background: url(../img/borders/border-top.svg) repeat-x;
  height: 1px;
  border: 0;
  background-size: 100% 1px;
}

section.inverse a {
  color: #EEE;
}

section.inverse a:focus, section.inverse a:hover {
  color: #FAFAFA;
}

div.hand-drawn-border {
  border: 2px solid #424242;
  padding: 6px 6px 4px 4px;
  margin: 48px 0 24px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
  box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
}

.site-section {
  padding: 72px 0;
  position: relative;
}

.site-section.accent {
  padding: 71px 0;
  border-top: 1px solid rgba(0,0,0,0.1);
  border-bottom: 1px solid rgba(0,0,0,0.1);
}

.site-section.compact {
  padding: 30px 0;
}

.site-section.fullwidth-section {
  padding: 0;
}

.vertical-align-container {
  height: 100%;
  width: 100%;
  display: table;
}

.vertical-align-content {
  height: 100%;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

[data-sr] {
  visibility: hidden;
}

/* BUTTONS
-------------------------------------------------- */
.btn {
  font-size: 1.2em;
}

.btn, .btn:active, .btn.active {
  border: none;
  width: 112px;
  height: 33px;
  line-height: 33px;
  padding: 0 2px;
  background-image: url(../img/buttons/button_sm.svg);
  background-repeat: no-repeat;
  color: #212121;
  text-decoration: none;
  background-color: #EEE;
  background-color: rgba(255,255,255,0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
  box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
  border-radius: 4px;
}

.btn:hover, .btn:focus {
  background-color: rgba(255,255,255,0.5);
  -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0);
  box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);
  position: relative;
  z-index: 2;
}

.btn:active, .btn.active {
  background-color: rgba(255,255,255,0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  z-index: 2;
}

.btn-medium, .btn-medium:active, .btn-medium.active {
  width: 150px;
  height: 50px;
  line-height: 50px;
  background-image: url(../img/buttons/button_md.svg);
  border-radius: 7px;
}

.btn-large, .btn-large:active, .btn-large.active {
  width: 190px;
  height: 60px;
  font-size: 150%;
  line-height: 60px;
  background-image: url(../img/buttons/button_lg.svg);
  border-radius: 7px;
  padding-right: 6px;
}

.btn-medium i, .btn-large i {
  margin-right: 5px;
}

p.btn-container {
  margin: 48px 0 24px;
}

.btn-container span {
  display: inline-block;
  border-radius: 7px;
  background-color: rgba(255,255,255,0.6);
}

section.accent .btn-container span {
  background-color: rgba(255,255,255,0.3);
}

.clickable {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
  box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
}

.clickable:hover, .clickable:focus {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0);
  box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);
  -webkit-transform: scale(1.04);
  transform: scale(1.01);
}

/* SECTION HEADINGS
-------------------------------------------------- */
.section-title {
  text-align: center;
  position: relative;
  z-index: 1;
}

.section-title h1 {
  margin-bottom: 32px;
}

.section-title h1 small {
  display: block;
  padding: 0;
  color: #212121;
  max-width: 100%;
  background-size: 55px auto;
  background: none;
  line-height: 44px;
}

.section-title h1 small span {
  display: inline-block;
}

.section-title h1 small i {
  display: block;
  font-size: 100%;
  background: url(../img/borders/border-top.svg) no-repeat center;
  background-size: 100px 3px;
  position: relative;
  z-index: -1;
}

.section-title h1 small i:before {
  width: 2em;
  background-color: #f8f8f8;
}

.accent .section-title h1 small i:before {
  background-color: #EEEEEE;
}

/* LOADING
-------------------------------------------------- */
.modal {
  display: none;
  position: fixed;
  z-index: 1040;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #FAFAFA;
}

body.loading .modal {
  display: block;
}

.no-js body.loading .modal {
  display: none;
}

.modal .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 60px;
  width: 60px;
  margin-top: -30px;
  margin-left: -30px;
}

.modal .icon img {
  height: 60px;
  width: 60px;
  -webkit-animation: rotating 1.5s linear infinite;
  -moz-animation: rotating 1.5s linear infinite;
  -ms-animation: rotating 1.5s linear infinite;
  -o-animation: rotating 1.5s linear infinite;
  animation: rotating 1.5s linear infinite;
  transform-origin: center;
}

@-webkit-keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* HEADER
-------------------------------------------------- */
.site-header {
  padding: 12px 0;
}

.site-header h1 {
  margin: 0 0 10px;
  text-align: center;
  line-height: 48px;
  font-size: 40px;
}

.site-header .social-icons {
  margin: 0;
}

body.fixed-header {
  padding-top: 72px;
}

.fixed-header .site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
}

.navbar-default {
  min-height: 48px;
  background: none;
  border: none;
  margin: 0;
}

.navbar-default .navbar-brand {
  color: #fff;
  text-decoration: none;
  line-height: 48px;
  font-size: 40px;
  height: 48px;
  padding: 0 15px;
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
  color: #fff;
}

.navbar-nav>li>a {
  padding-top: 8px;
  padding-bottom: 0;
  line-height: 40px;
}

.navbar-default .navbar-nav>li>a {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  text-transform: uppercase;
}

.navbar-default .navbar-nav>li>a>i {
  margin-right: 3px;
}

.navbar-default .navbar-nav>li>a>i:before {
  font-size: 140%;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  color: #fff;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  background: transparent;
  color: #fff;
}

.navbar-nav>li>.dropdown-menu {
  margin-top: 24px;
  background: #fff;
}

.dropdown-menu>li>a {
  color: #212121;
  text-decoration: none;
  padding: 3px 10px;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background-color: transparent;
}

@media (min-width: 768px) {
  .intro-countdown, .navbar-toggle { display: block; 
     }

  .site-header .social-icons {
    text-align: right;
  }

  .site-header h1 {
    text-align: left;
    margin: 0;
  }

  .site-header .social-icons {
    margin: 0;
  }

  .navbar-nav>li>.dropdown-menu:before {
    content: "";
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -10px;
    right: 15px;
  }

}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #fff;
  }
}

/* SOCIAL ICONS
-------------------------------------------------- */


.social-icons {
  font-size: 24px;
  line-height: 48px;
  text-align: center;
}

.social-icons a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  background: transparent;
  text-align: center;
  text-decoration: none;
  margin: 0 2px;
}

.social-icons a:hover {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}

/* SLIDER
-------------------------------------------------- */
.slick-prev, .slick-next, .animated-arrow.drawn {
  width: 40px;
  height: 40px;
  top: 50%;
  margin-top: -17px;
  border-radius: 50%;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
  box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
  background-position: center;
  background-size: cover;
  background-color: rgba(255,255,255,0.1);
}

.slick-prev, .slick-prev:hover, .slick-prev:focus, .slick-prev:active {
  left: 15px;
  background-image: url(../img/arrows/arrow-left.svg);
}

.slick-next, .slick-next:hover, .slick-next:focus, .slick-next:active {
  right: 15px;
  background-image: url(../img/arrows/arrow-right.svg);
}

.slick-prev:before, .slick-next:before {
  color: #212121;
  font-size: 34px;
  opacity: 1;
  display: none;
}

.slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus, .animated-arrow.drawn:hover, .animated-arrow.drawn:focus {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);
  box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);
  background-color: rgba(255,255,255,0.1);
}

.slick-prev:active, .slick-next:active, .animated-arrow.drawn:active {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: rgba(255,255,255,0.1);
}

.animated-arrow.drawn.inverse, .animated-arrow.drawn.inverse:active, .animated-arrow.drawn.inverse:hover, .animated-arrow.drawn.inverse:focus {
  background-color: rgba(0,0,0,0.1);
}

.slick-dots {
  margin: 0;
  bottom: -40px;
}

.slick-dots li button:before {
  font-size: 20px;
}

.slick-dots li button:before {
  content: '\00b7';
  font-family: "slick";
  opacity: 1;
}

.slick-dots li.slick-active button:before {
  content: '\2022';
  font-family: "slick";
  opacity: 1;
}

.standard-slider {
  border: 2px solid #424242;
  padding: 6px 6px 4px 4px;
  margin: 40px 0 80px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
  box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
}

.standard-slider .slick-prev {
  left: -45px;
}

.standard-slider .slick-next {
  right: -45px;
}

/* INTRO
-------------------------------------------------- */
#intro-section {
  padding-bottom: 60px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#intro-section.fullwidth-section {
  padding: 0;
}

#fullwidth-slider-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

#fullwidth-slider {
  background: transparent;
  position: relative;
  z-index: 2;
  margin: 0;
  height: 100%;
}

.fullwidth-slide, .standard-slide {
  display: none;
}

.fullwidth-slide.active, .standard-slide.active {
  display: block;
}

.fullwidth-arrows-container {
  position: absolute;
  top: 50%;
  z-index: 2;
  left: 0;
  right: 0;
}

#fullwidth-slider .slick-list, #fullwidth-slider .slick-track {
  height: 100%;
}

.fullwidth-slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
}

.fullwidth-slide img {
  display: none;
}

.animated-svg svg {
  width: 100%;
  display: block;
  height: 100%;
}

.animated-border-wrapper {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: auto;
  left: 0px;
  top: 0px;
  right: 0;
  bottom: 0;
}

#animated-border-top {
  width: 100%;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

#animated-border-left {
  width: 3px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

#animated-border-bottom {
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

#animated-border-right {
  width: 3px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

.animated-arrow {
  font-size: 0;
  line-height: 0;
  position: absolute;
  z-index: 4;
  top: 50%;
  display: block;
  width: 40px;
  height: 40px;
  margin-top: -17px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

#animated-arrow-left {
  left: 18px;
}

#animated-arrow-right {
  right: 18px;
}

.fullwidth-intro-text {
  padding: 12px;
  text-align: center;
  margin: 72px 0;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.fullwidth-intro-text .vertical-align-content {
  padding: 0 24px 24px 24px;
  background: #fff;
  background: rgba(255,255,255,0.9);
  color: #212121;
}

.intro-countdown {
  margin: 120px 0 24px;
  position: relative;
  z-index: 2;
}

.intro-countdown .countdown-item-wrapper {
    background-image: url(../img/frames/inverse/frame2.svg);
}

.intro-countdown .countdown-item {
    border: 1px solid white;
    height: 76%;
    width: 76%;
    margin: 12%;
    background: rgba(255,255,255,0.9);
}

.intro-countdown-text {
  color: #fff;
  text-align: center;
  margin: 296px 0;
  position: relative;
  z-index: 2;
}

.intro-overlay {
  background-image: url(images/raster.png);
  background-color: rgba(0,0,0,0.2);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.ytplayer-bg {
  background: transparent !important;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

@media (min-width: 992px) {
  .fullwidth-intro-text {
    text-align: left;
    margin: 72px 0;
    transform: translate3d(0,0,0);
  }

  .fullwidth-intro-text .vertical-align-content {
    padding: 0 36px 24px 36px;
  }
}

@media (max-width: 991px) {
  .fullwidth-arrows-container {
    width: 140px;
    top: auto;
    bottom: 37px;
    display: none;
  }
  .fullwidth-arrows-container .animated-svg {
    visibility: hidden;
  }
}

/* CALL TO ACTION SECTION
-------------------------------------------------- */
#calltoaction-section {
  text-align: center;
}

@media (min-width: 992px) {
  #calltoaction-section {
    text-align: left;
  }
}

/* SIGNUP SECTION
-------------------------------------------------- */
#signup-section {
  text-align: center;
}

@media (min-width: 992px) {
  #signup-section {
    text-align: left;
  }
}

/* COUNTDOWN
-------------------------------------------------- */
#countdown-section {
  text-align: center;
}

#countdown {
  margin: 20px 0;
  overflow: hidden;
}

.countdown-item-wrapper {
  text-transform: uppercase;
  text-align: center;
  font-size: 16px;
  background: url(../img/frames/frame2.svg) no-repeat center;
  background-size: 100% 100%;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
}

.countdown-item {
  border: 2px solid #424242;
  background: rgba(255,255,255,0.1);
  position: absolute;
  height: 78%;
  width: 78%;
  margin: 11%;
  border-radius: 2px;
}

section.inverse .countdown-item-wrapper {
  background-image: url(../img/frames/inverse/frame2.svg);
}

section.inverse .countdown-item {
  border: 2px solid #EEE;
  background: rgba(0,0,0,0.1);
}

.countdown-item span {
  font-size: 47px;
  line-height: 1.2em;
  display: block;
}

/* FEATURES SECTION
-------------------------------------------------- */
#features-section i.feature-icon {
  width: 90px;
  height: 90px;
  text-align: center;
  float: none;
  display: inline-block;
  color: #212121;
  background: url(../img/feature.svg) no-repeat center;
}

.feature-icon-container {
  display: inline-block;
  background: rgba(255,255,255,0.8);
  border-radius: 37% 50% 50% 45%;
  margin: 3px 0;
}

#features-section i.feature-icon:before {
  font-size: 42px;
  line-height: 90px;
}

.feature-items {
  text-align: center;
}

.feature-items p {
  overflow: hidden;
}

.feature-item p:first-child {
  margin: 60px 0 36px;
}

/* PRODUCTS SECTION
-------------------------------------------------- */
#product-slider {
  margin: 20px 30px 60px;
}

#product-slider .slick-prev, #product-slider .slick-next {
  margin-top: -57px;
}

#product-slider .slick-prev {
  left: -30px;
}

#product-slider .slick-next {
  right: -30px;
}

.product-thumb {
  box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.product-slide {
  padding: 20px 15px 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  opacity: 1;
}

.product-slide .hand-drawn-border {
  margin: 0;
}

.slick-center .product-slide {
  opacity: 1;
}

.slick-center .product-thumb {
  transform: scale(1.05);
  -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);
  box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);
}

.product-slide p {
  margin: 20px 0;
}

/* NEWSLETTER SECTION
-------------------------------------------------- */
#mc_embed_signup div {
  vertical-align: middle;
  margin: 10px 0;
}

#mc_embed_signup h2 {
  display: none;
}

#mc_embed_signup form {
  text-align: center;
  line-height: 40px;
  vertical-align: middle;
}

#mc_embed_signup .indicates-required {
  display: none;
}

#mc_embed_signup input[type="text"], #mc_embed_signup input[type="email"] {
  padding: 18px;
  margin: 0 5px;
  font-size: 15px;
  line-height: 1.42857143;
  width: 260px;
  background: transparent;
  border: 2px solid #212121;
  border-radius: 4px;
}

#mc_embed_signup ::-webkit-input-placeholder {
 /* WebKit browsers */
  color: #212121;
}

#mc_embed_signup :-moz-placeholder {
 /* Mozilla Firefox 4 to 18 */
  color: #212121;
  opacity: 1;
}

#mc_embed_signup ::-moz-placeholder {
 /* Mozilla Firefox 19+ */
  color: #212121;
  opacity: 1;
}

#mc_embed_signup :-ms-input-placeholder {
 /* Internet Explorer 10+ */
  color: #212121;
}

#mc_embed_signup label {
  display: none;
}

#mc_embed_signup .button {
  text-transform: uppercase;
}

#mc_embed_signup #mce-FNAME {
}

@media (min-width: 992px) {
  #mc_embed_signup div {
    display: inline-block;
    vertical-align: middle;
  }

  #mc_embed_signup input[type="text"], #mc_embed_signup input[type="email"] {
    width: 100%;
    margin: 0 1%
  }
}

/* TESTIMONIALS SECTION
-------------------------------------------------- */
.testimonial {
  text-align: center;
  margin: 12px 0;
}

.testimonial h2 {
  margin-top: 24px;
}

.testimonial div.frame {
  margin: 36px 0 0;
}

div.frame {
  background: url(../img/frames/frame1.svg) no-repeat center;
  background-size: 100% 100%;
  padding: 11% 12%;
}

div.frame-1 {
  background-image: url(../img/frames/frame1.svg);
}

div.frame-2 {
  background-image: url(../img/frames/frame2.svg);
}

div.frame-3 {
  background-image: url(../img/frames/frame3.svg);
}

div.frame-4 {
  background-image: url(../img/frames/frame4.svg);
}

div.frame img {
  border: 3px solid #212121;
}

@media (min-width: 768px) {
  #testimonials-section .testimonial {
    text-align: left;
  }
  .testimonial h2 {
    margin-top: 48px;
  }
}

/* MAP SECTION
-------------------------------------------------- */
#map_canvas {
  width: 100%;
  height: 460px;
  border-top: 2px solid rgba(0,0,0,0.1);
  border-bottom: 2px solid rgba(0,0,0,0.1);
}

/* CONTACT US SECTION
-------------------------------------------------- */
.form-group {
  margin-bottom: 16px;
}

form input[type="text"], form input[type="email"], form textarea, form select, form .dropdown-toggle {
  width: 100%;
  margin: 0;
  color: #212121;
  padding: 15px;
  background: #FFF;
  background: rgba(255,255,255,0.6);
  border: 2px solid #212121;
  border-radius: 4px;
}

form textarea {
  height: 140px;
}

form .dropdown-toggle {
  text-align: left;
}

form .dropdown-toggle .dropdown-arrow {
  float: right;
}

form .dropdown-menu {
  width: 100%;
  padding: 0;
}

form .dropdown-menu li {
  padding: 8px 16px;
  cursor: pointer;
}

form .dropdown-menu li:hover {
  background: #F8F8F8;
}

/* FOOTER
-------------------------------------------------- */
#footer-section {
  padding: 30px 0 45px;
  text-align: center;
}

#footer-section .social-icons, #footer-section h4 {
  margin: 20px 0;
}

/* COLOR SCHEMES - DEFAULT
-------------------------------------------------- */
body, .modal, .section-title h1 small i:before {
  background-color: #F8F8F8;
}

.btn-container span {
  box-shadow: inset -6px -3px 0px #F8F8F8;
}

.feature-icon-container {
  box-shadow: inset -4px -2px 0px #F8F8F8;
}

section.accent, .accent .section-title h1 small i:before {
  background-color: #EEEEEE;
}

section.accent .btn-container span {
  box-shadow: inset -6px -3px 0px #EEEEEE;
}

.accent .feature-icon-container {
  box-shadow: inset -4px -2px 0px #EEEEEE;
}

section.inverse {
  background: #212121;
  position: relative;
  color: #EEE;
}

.fullwidth-intro-text h1, .intro-countdown {
  color: #212121;
}

/* COLOR SCHEMES - CYAN
-------------------------------------------------- */
body.cyan, .cyan .modal, .cyan .section-title h1 small i:before {
  background-color: #B2EBF2;
}

.cyan .btn-container span {
  box-shadow: inset -6px -3px 0px #B2EBF2;
}

.cyan .feature-icon-container {
  box-shadow: inset -4px -2px 0px #B2EBF2;
}

.cyan section.accent, .cyan .accent .section-title h1 small i:before {
  background-color: #80DEEA;
}

.cyan section.accent .btn-container span {
  box-shadow: inset -6px -3px 0px #80DEEA;
}

.cyan .accent .feature-icon-container {
  box-shadow: inset -4px -2px 0px #80DEEA;
}

.cyan section.inverse {
  background-color: #006064;
}

.cyan .fullwidth-intro-text h1, .cyan .intro-countdown {
  color: #006064;
}

/* COLOR SCHEMES - RED
-------------------------------------------------- */
body.red, .red .modal, .red .section-title h1 small i:before {
  background-color: #FFCDD2;
}

.red .btn-container span {
  box-shadow: inset -6px -3px 0px #FFCDD2;
}

.red .feature-icon-container {
  box-shadow: inset -4px -2px 0px #FFCDD2;
}

.red section.accent, .red .accent .section-title h1 small i:before {
  background-color: #EF9A9A;
}

.red section.accent .btn-container span {
  box-shadow: inset -6px -3px 0px #EF9A9A;
}

.red .accent .feature-icon-container {
  box-shadow: inset -4px -2px 0px #EF9A9A;
}

.red section.inverse {
  background-color: #B71C1C;
}

.red .fullwidth-intro-text h1, .red .intro-countdown {
  color: #B71C1C;
}

/* COLOR SCHEMES - BROWN
-------------------------------------------------- */
body.brown, .brown .modal, .brown .section-title h1 small i:before {
  background-color: #D7CCC8;
}

.brown .btn-container span {
  box-shadow: inset -6px -3px 0px #D7CCC8;
}

.brown .feature-icon-container {
  box-shadow: inset -4px -2px 0px #D7CCC8;
}

.brown section.accent, .brown .accent .section-title h1 small i:before {
  background-color: #BCAAA4;
}

.brown section.accent .btn-container span {
  box-shadow: inset -6px -3px 0px #BCAAA4;
}

.brown .accent .feature-icon-container {
  box-shadow: inset -4px -2px 0px #BCAAA4;
}

.brown section.inverse {
  background-color: #3E2723;
}

.brown .fullwidth-intro-text h1, .brown .intro-countdown {
  color: #3E2723;
}

/* COLOR SCHEMES - BLUEGRAY
-------------------------------------------------- */
body.bluegray, .bluegray .modal, .bluegray .section-title h1 small i:before {
  background-color: #CFD8DC;
}

.bluegray .btn-container span {
  box-shadow: inset -6px -3px 0px #CFD8DC;
}

.bluegray .feature-icon-container {
  box-shadow: inset -4px -2px 0px #CFD8DC;
}

.bluegray section.accent, .bluegray .accent .section-title h1 small i:before {
  background-color: #B0BEC5;
}

.bluegray section.accent .btn-container span {
  box-shadow: inset -6px -3px 0px #B0BEC5;
}

.bluegray .accent .feature-icon-container {
  box-shadow: inset -4px -2px 0px #B0BEC5;
}

.bluegray section.inverse {
  background-color: #263238;
}

.bluegray .fullwidth-intro-text h1, .bluegray .intro-countdown {
  color: #263238;
}

/* COLOR SCHEMES - PINK
-------------------------------------------------- */
body.pink, .pink .modal, .pink .section-title h1 small i:before {
  background-color: #e7e7e7;
}

.pink .btn-container span {
  box-shadow: inset -6px -3px 0px #e7e7e7;
}

.pink .feature-icon-container {
  box-shadow: inset -4px -2px 0px #e7e7e7;
}

.pink section.accent, .pink .accent .section-title h1 small i:before {
  background-color: #96ded1;
}

.pink section.accent .btn-container span {
  box-shadow: inset -6px -3px 0px #96ded1;
}

.pink .accent .feature-icon-container {
  box-shadow: inset -4px -2px 0px #96ded1;
}

.pink section.inverse {
  background-color: #2f2f2f;
}

.pink .fullwidth-intro-text h1, .pink .intro-countdown {
  color: #2f2f2f;
}

/* COLOR SCHEMES - BLUE
-------------------------------------------------- */
body.blue, .blue .modal, .blue .section-title h1 small i:before {
  background-color: #BBDEFB;
}

.blue .btn-container span {
  box-shadow: inset -6px -3px 0px #BBDEFB;
}

.blue .feature-icon-container {
  box-shadow: inset -4px -2px 0px #BBDEFB;
}

.blue section.accent, .blue .accent .section-title h1 small i:before {
  background-color: #90CAF9;
}

.blue section.accent .btn-container span {
  box-shadow: inset -6px -3px 0px #90CAF9;
}

.blue .accent .feature-icon-container {
  box-shadow: inset -4px -2px 0px #90CAF9;
}

.blue section.inverse {
  background-color: #1565C0;
}

.blue .fullwidth-intro-text h1, .blue .intro-countdown {
  color: #1565C0;
}

/* COLOR SCHEMES - ORANGE
-------------------------------------------------- */
body.orange, .orange .modal, .orange .section-title h1 small i:before {
  background-color: #FFE0B2;
}

.orange .btn-container span {
  box-shadow: inset -6px -3px 0px #FFE0B2;
}

.orange .feature-icon-container {
  box-shadow: inset -4px -2px 0px #FFE0B2;
}

.orange section.accent, .orange .accent .section-title h1 small i:before {
  background-color: #FFCC80;
}

.orange section.accent .btn-container span {
  box-shadow: inset -6px -3px 0px #FFCC80;
}

.orange .accent .feature-icon-container {
  box-shadow: inset -4px -2px 0px #FFCC80;
}

.orange section.inverse {
  background-color: #EF6C00;
}

.orange .fullwidth-intro-text h1, .orange .intro-countdown {
  color: #EF6C00;
}

/* COLOR SCHEMES - GREEN
-------------------------------------------------- */
body.green, .green .modal, .green .section-title h1 small i:before {
  background-color: #C8E6C9;
}

.green .btn-container span {
  box-shadow: inset -6px -3px 0px #C8E6C9;
}

.green .feature-icon-container {
  box-shadow: inset -4px -2px 0px #C8E6C9;
}

.green section.accent, .green .accent .section-title h1 small i:before {
  background-color: #A5D6A7;
}

.green section.accent .btn-container span {
  box-shadow: inset -6px -3px 0px #A5D6A7;
}

.green .accent .feature-icon-container {
  box-shadow: inset -4px -2px 0px #A5D6A7;
}

.green section.inverse {
  background-color: #1B5E20;
}

.green .fullwidth-intro-text h1, .green .intro-countdown {
  color: #1B5E20;
}

/* COLOR SCHEMES - CUSTOM
-------------------------------------------------- */
body.custom-color-scheme, .custom-color-scheme .modal, .custom-color-scheme .section-title h1 small i:before {
  background-color: #F8F8F8;
}

.custom-color-scheme .btn-container span {
  box-shadow: inset -6px -3px 0px #F8F8F8;
}

.custom-color-scheme .feature-icon-container {
  box-shadow: inset -4px -2px 0px #F8F8F8;
}

.custom-color-scheme section.accent, .custom-color-scheme .accent .section-title h1 small i:before {
  background-color: #EEEEEE;
}

.custom-color-scheme section.accent .btn-container span {
  box-shadow: inset -6px -3px 0px #EEEEEE;
}

.custom-color-scheme .accent .feature-icon-container {
  box-shadow: inset -4px -2px 0px #EEEEEE;
}

.custom-color-scheme section.inverse {
  background-color: #212121;
}

.custom-color-scheme .fullwidth-intro-text h1, .custom-color-scheme .intro-countdown {
  color: #212121;
}