/* meyerweb reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, legend,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-family: quicksand, sans-serif;
	letter-spacing: .5px;
	margin-top: 100px;
	position: relative;
}
@media (min-width: 992px) {
	body {margin-top: 162px}
}
ul {
	list-style: none;
}
ol {list-style: decimal;}
ol li ol {list-style: lower-latin;}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {width: 33%}
a, a:hover, a:focus {text-decoration: none;}
strong, .bold {font-weight: 700;}
.semibold {font-weight: 500;}

.dkblue {background-color: #012f3a;}
.mdblue {background-color: #6aa2b7;}
.ltblue {background-color: #e6f5fb;}
.org {background-color: #ec6312;}
.lime {background-color: #b5c927}
.ltgray {background-color: #d7d2cb}
.dkgray {background-color: #4d4641}


.text-dkblue {color: #012f3a;}
.text-mdblue {color: #6aa2b7;}
.text-ltblue {color: #e6f5fb;}
.text-org, .lead a {color: #ec6312;}
.text-lime, .lead a:hover {color: #b5c927}

h1,h2,h3,h4,h5,h6 {line-height: 1.1; font-family: filson-soft, sans-serif; color: #012f3a; font-weight: 800; text-transform: uppercase;}
h1 {font-size: 72px;}
h2 {font-size: 40px;}
h3 {font-size: 38px;}
h4 {font-size: 24px;}
h5 {font-size: 20px;}
h6 {font-size: 18px;}
p {font-size: 16px; line-height: 1.6}
p.h-text { font-size: 20px; line-height: 1.3; color: #012f3a;}

@media (min-width: 992px) {
	h1 {font-size: 72px;}
	h2 {font-size: 60px;}
	h3 {font-size: 48px;}
	h4 {font-size: 24px;}
	h5 {font-size: 20px;}
	h6 {font-size: 18px;}
	p.h-text { font-size: 24px;}
}


.big {font-size: 72px; color: #012f3a;}
.big span { border-bottom: 6px solid #ec6312; }

.text-shadow {text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);}

.navbar {background-color: rgba(255, 255, 255, 0.85);}
.navbar-brand img {width: 90px; margin: 0 10px;}
.navbar-toggler { border: 0; padding: 0;}
.navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: none;}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: #6aa2b7;
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: #ec6312;
}
.nav-item {}
.navbar-light .navbar-nav .nav-link {text-transform: uppercase; font-weight: 700; letter-spacing: 1px; padding: 10px 25px!important; color: #4d4641;}
@media (min-width: 992px) {
	.navbar-brand img {width: 120px; margin: 8px 20px;}
}
.navbar-light .navbar-nav .nav-cta .nav-link {color: #fff; background: #ec6312; margin-left: 40px; margin-right: 40px;}

.container-fluid {padding-top: 50px; padding-bottom: 50px;}

/* FOOTER
---------------------------
--------------------------- */
.footer { padding-top: 70px; padding-bottom: 70px; }
.footer p {font-size: 14px; color: #fff; font-weight: 300; margin-bottom: 7px;}
.footer p a { color: #fff;}
.footer p a:hover { color: #ec6312;}
.copyright p {color: rgba(255, 255, 255, 0.5); margin: 30px 0 0 0;}
.copyright p a {color: rgba(255, 255, 255, 0.5)!important;}

/* HERO
---------------------------
--------------------------- */
.hero { padding-top: 40px; padding-bottom: 40px; }
.hero .container {position: relative; }
.hero h2 {font-size: 44px;}
.hero h2 span { border-bottom: 8px solid #ec6312; }
.hero h3 {font-size: 32px; margin: 10px 0 5px 0;}
.hero p.lead {font-weight: 400; margin-top: 20px;}
.hero p.lead:first-child {margin-top: 10px;}
.hero p.lead span {border-bottom: 3px solid #b5c927}
@media (min-width: 400px) {
	.hero h2 {font-size: 50px;}
}
@media (min-width: 768px) {
	.hero h2 {font-size: 64px;}
	.hero h5 {font-size: 24px;}
}
@media (min-width: 992px) {
	.hero p.lead:first-child {margin-top: 80px;}
}

.star { position: absolute; color: #6aa2b7;}
.pulse {animation: pulse var(--star-animation-duration, 6000ms) infinite backwards,
    glowing var(--star-animation-glow-duration, 6000ms) infinite alternate backwards;}
.star1 { font-size: 12px; top: -40px; left: 33%; animation-delay: var(--star-animation-delay, 0);}
.circle1 { font-size: 8px; top: 10%; right: 50%; animation-delay: var(--star-animation-delay, 1000ms);}
.circle2 { font-size: 8px; top: 0; right: 20%; animation-delay: var(--star-animation-delay, 2000ms);}
.circle3 { font-size: 8px; bottom: 0px; right: 60%; animation-delay: var(--star-animation-delay, 0); }


@keyframes pulse {
  0% {
    transform: scale3d(0, 0, 0);
  }

  50% {
    transform: scale3d(1, 1, 1);
  }

  100% {
    transform: scale3d(0, 0, 0);
  }
}

@keyframes glowing {
  0% {
    opacity: var(--star-brightness, 1);
  }

  100% {
    opacity: calc(var(--star-brightness, 1) * 0.5);
  }
}

/* CAROUSEL
---------------------------
--------------------------- */
.slider, .slider .container-fluid {padding-top: 0; padding-bottom: 0;}
.carousel-item {
	transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
}
.carousel-control-prev, .carousel-control-next {font-size: 60px; color: #fff; width: 40px; }
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  opacity: 1;
}
.carousel-control-prev {
  left: 10px;
}

.carousel-control-next {
  right: 10px;
}
.square { min-height: 180px; color: #fff; font-size: 48px; text-align: center;}
.square p {margin: 20px 30px 0 30px;}
@media (min-width: 768px) {
	.square { min-height: 220px;}
}
@media (max-width: 991px) {
	.carousel-control-prev, .carousel-control-next {display: none;}
}
@media (min-width: 992px) {
	.square {min-height: 336px;}
	.square p {margin: 20px 50px 0 50px;}
}
@media (min-width: 1225px) {
	.square {min-height: 370px;}
	.carousel-control-prev, .carousel-control-next {font-size: 60px; color: #4d4641; width: 40px; }
	.carousel-control-prev:hover, .carousel-control-prev:focus,
	.carousel-control-next:hover,
	.carousel-control-next:focus {
	  color: #ec6312;
	  opacity: 1;
	}
	.carousel-control-prev {
	  left: -50px;
	}

	.carousel-control-next {
	  right: -50px;
	}
}

/* LIST BLOCK
---------------------------
--------------------------- */
/* .list-block {padding-bottom: 60px} */
.list-block h5 {margin-bottom: 0; line-height: 1; margin-left: 4px;}
.list-block ul {margin: 10px 0 20px 0!important; padding: 0;}
.list-block ul li {padding: 10px 5px; border-bottom: 2px dashed #d7d2cb }
.list-block ul li:first-child {padding-top: 0;}

@media (min-width: 992px) {
	.list-block ul {margin: 20px 0;}
	.list-block ul li:last-child {border-bottom: 0;}
}

/* WISH
---------------------------
--------------------------- */
.wish h2 span { border-bottom: 6px solid #b5c927; }
.wish img {width: 100%; max-width: 200px;}
@media (min-width: 768px) {
	.wish img {max-width: none;}
}
@media (min-width: 992px) {
	.wish img {max-width: 350px;}
}

/* MODAL CONTACT
---------------------------
--------------------------- */
.modal-dialog {max-width: auto; width: 100%;  height: 100%; margin: 0 auto;}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #012f3a;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.95;
}

.modal-body {color: #fff; text-align: center;}
.modal-body a, .modal-body p.h-text {color: #fff;}
.modal-body a:hover {color: #ec6312;}
.modal-content {
  background-color: transparent;
  border: 0;
  border-radius: 0;
}
.modal-content hr {width: 33%; border-bottom: 1px solid #fff;}
.modal-content img {max-width: 200px; margin-bottom: 30px;}
.modal-header {
  border-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.close {
  float: right;
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  text-shadow: none;
  opacity: .5;
  padding: 20px 10px!important; margin: 0;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  color: #fff;
  opacity: 1;
}
.clickable { cursor: pointer; } /* make modals work on mobile */

/* ABOUT
---------------------------
--------------------------- */
.about {padding-bottom: 70px;}
.about img {max-width: 100px; margin-bottom: 30px;}
.about p a { font-weight: 700; border-bottom: 3px solid #b5c927; }
.about p a:hover {border-bottom: 3px solid #ec6312; }
.about hr {margin: 30px auto;}

/* TESTIMONIAL
---------------------------
--------------------------- */
.carousel-item {padding-bottom: 50px;}
.testimonial blockquote { font-size: 18px; line-height: 1.5; color: #fff}
.testimonial cite {display: block; text-transform: uppercase; font-size: 14px; letter-spacing: .5px; font-style: normal; margin-top: 10px;}

.carousel-control-next,
.carousel-control-prev {border: 0; outline: 0; background: transparent;}