@charset "UTF-8";
/*
 * TABLE OF CONTENTS
 *
 * 1. Typography
 * 2. Elements
 * 3. Navigation
 * 4. Footer
 * 5. Content & structures
 * 6. Pages
 * 7. Form
 * 8. Slider
 * 9. Other
 *
 */

/***************** defaults *********************/


/* ----------------------------------- 1. Typography ----------------------------------- */
.cookies-container {
    width: 100%;
    margin-bottom: 20px;
    background-color: rgba(0, 0, 0, 0.44);
    color: #fff;
    /* border: 1px solid transparent; */
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    position: fixed;
    z-index: 999999999;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    margin-top: -21px;
    padding: 11px 0px 0px 0px;
    text-align: center;
    font-weight:100;
}
.cookies-container strong{
    font-weight: 800;
}




.btn-accept {
    position: relative;
    color: #fff;
    background-color: #f29108;
    text-align: center;
    border-color: #f29108;
    line-height: 17px;
    font-weight: bold;
    border-radius: 5px!important;
    letter-spacing:1px; 
}
.dl-menu.dl-animate-out-1 {
	animation: MenuAnimOut1 0.4s linear forwards;
}

@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	animation: MenuAnimIn1 0.3s linear forwards;
}

@keyframes MenuAnimIn1 {
	0% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}


.carousel-inner img {
    height: 600px;
    max-width: 1920px;
    min-width: 1920px;
    width: inherit;

}

@media screen and (max-width: 1920px) {
    .carousel-inner img {
        height: 800px !important;
        max-width: 100% !important;
        min-width: 100% !important;
        object-fit: cover;
    }
}

@media screen and (max-width: 768px) {
    .carousel-inner img {
        height: 400px !important;
    }
}
    
/* ----------------------------------- 1. puff ----------------------------------- */
html,body {
  width:100%;
  overflow-x:hidden;  
}


.bg-1 h4 {
    letter-spacing: 7px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.bg-1 h3 {
    line-height: 0.1;
    font-family: 'Selfie-Black',sans-serif;
    font-size: 36px;
    margin-bottom: 10px;
}


.snip1553{

-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    
}

.snip1553 h4{

color:#fff;
margin-bottom:0px; 
    
}


.snip1553 {
  background:url('../../files/puff_1.jpg') no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  max-width: 250px;
  min-width: 180px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
    vertical-align: top;
margin-bottom: 17px;
  backface-visibility: hidden;
}

.snip1553 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.snip1553:after {

}

.snip1553 img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
}

.snip1553 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1em;
  opacity: 0;
}

.snip1553 h3 {
  font-size: 1em;

}

.snip1553 h3 span {
  display: block;
  font-weight: 700;
}

.snip1553 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.snip1553:hover > img,
.snip1553.hover > img {
  opacity: 0.1;
}

.snip1553:hover:after,
.snip1553.hover:after {
  height: 100%;
}

.snip1553:hover figcaption,
.snip1553.hover figcaption {
  opacity: 1;
  background-color: rgba(242, 145, 8, 0.8);
}

/* ----------------------------------- 2. puff ----------------------------------- */
.snip15532{

-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    
}

.snip15532 h4{

color:#fff;
margin-bottom:0px; 
    
}


.snip15532 {
  background:url('../../files/puff_2.jpg') no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  max-width: 250px;
  min-width: 180px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
    vertical-align: top;
margin-bottom: 17px;
  backface-visibility: hidden;
}

.snip15532 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.snip15532:after {

}

.snip15532 img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
}

.snip15532 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1em;
  opacity: 0;
}

.snip15532 h3 {
  font-size: 1em;

}

.snip15532 h3 span {
  display: block;
  font-weight: 700;
}

.snip15532 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.snip15532:hover > img,
.snip15532.hover > img {
  opacity: 0.1;
}

.snip15532:hover:after,
.snip15532.hover:after {
  height: 100%;
}

.snip15532:hover figcaption,
.snip15532.hover figcaption {
  opacity: 1;
  background-color: rgba(242, 145, 8, 0.8);
}

/* ----------------------------------- 3. puff ----------------------------------- */

.block-section .h1, .h2, .h3, h1, h2, h3 {
    margin-top: 30px;
    margin-bottom: 0px;
}

.snip15533{

-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    
}

.snip15533 h4{

color:#fff;
margin-bottom:0px; 
    
}


.snip15533 {
  background:url('../../files/puff_3.jpg') no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  max-width: 250px;
  min-width: 180px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
    vertical-align: top;
margin-bottom: 17px;
  backface-visibility: hidden;
}

.snip15533 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.snip15533:after {

}

.snip15533 img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
}

.snip15533 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1em;
  opacity: 0;
}

.snip15533 h3 {
  font-size: 1em;

}

.snip15533 h3 span {
  display: block;
  font-weight: 700;
}

.snip15533 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.snip15533:hover > img,
.snip15533.hover > img {
  opacity: 0.1;
}

.snip15533:hover:after,
.snip15533.hover:after {
  height: 100%;
}

.snip15533:hover figcaption,
.snip15533.hover figcaption {
  opacity: 1;
  background-color: rgba(242, 145, 8, 0.8);
}

/* ----------------------------------- 4. puff ----------------------------------- */

.snip15534{

-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    
}

.snip15534 h4{

color:#fff;
margin-bottom:0px; 
    
}


.snip15534 {
  background:url('../../files/puff_4.jpg') no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  max-width: 250px;
  min-width: 180px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
    vertical-align: top;
margin-bottom: 17px;
  backface-visibility: hidden;
}

.snip15534 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.snip15534:after {

}

.snip15534 img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
}

.snip15534 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1em;
  opacity: 0;
}

.snip15534 h3 {
  font-size: 1em;

}

.snip15534 h3 span {
  display: block;
  font-weight: 700;
}

.snip15534 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.snip15534:hover > img,
.snip15534.hover > img {
  opacity: 0.1;
}

.snip15534:hover:after,
.snip15534.hover:after {
  height: 100%;
}

.snip15534:hover figcaption,
.snip15534.hover figcaption {
  opacity: 1;
  background-color: rgba(242, 145, 8, 0.8);
}

/* ----------------------------------- 5. puff ----------------------------------- */

.snip15535 {

-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    
}

.snip15535 h4{

color:#fff;
margin-bottom:0px; 
    
}


.snip15535 {
  background:url('../../files/puff_5.jpg') no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  max-width: 250px;
  min-width: 180px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
    vertical-align: top;
margin-bottom: 17px;
  backface-visibility: hidden;
}

.snip15535 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.snip15535:after {

}

.snip15535 img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
}

.snip15535 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1em;
  opacity: 0;
}

.snip15535 h3 {
  font-size: 1em;

}

.snip15535 h3 span {
  display: block;
  font-weight: 700;
}

.snip15535 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.snip15535:hover > img,
.snip15535.hover > img {
  opacity: 0.1;
}

.snip15535:hover:after,
.snip15535.hover:after {
  height: 100%;
}

.snip15535:hover figcaption,
.snip15535.hover figcaption {
  opacity: 1;
  background-color: rgba(242, 145, 8, 0.8);
}


/* ----------------------------------- 6. puff ----------------------------------- */

.snip15536 {

-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    
}

.snip15536 h4{

color:#fff;
margin-bottom:0px; 
    
}


.snip15536 {
  background:url('../../files/puff_6.jpg') no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  max-width: 250px;
  min-width: 180px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
    vertical-align: top;
margin-bottom: 17px;
  backface-visibility: hidden;
}

.snip15536 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.snip15536:after {

}

.snip15536 img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
}

.snip15536 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1em;
  opacity: 0;
}

.snip15536 h3 {
  font-size: 1em;

}

.snip15536 h3 span {
  display: block;
  font-weight: 700;
}

.snip15536 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.snip15536:hover > img,
.snip15536.hover > img {
  opacity: 0.1;
}

.snip15536:hover:after,
.snip15536.hover:after {
  height: 100%;
}

.snip15536:hover figcaption,
.snip15536.hover figcaption {
  opacity: 1;
  background-color: rgba(242, 145, 8, 0.8);
}

/* ----------------------------------- 7. puff ----------------------------------- */

.snip15537 {

-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    
}

.snip15537 h4{

color:#fff;
margin-bottom:0px; 
    
}


.snip15537 {
  background:url('../../files/puff_7.jpg') no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  max-width: 250px;
  min-width: 180px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
    vertical-align: top;
margin-bottom: 17px;
  backface-visibility: hidden;
}

.snip15537 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.snip15537:after {

}

.snip15537 img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
}

.snip15537 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1em;
  opacity: 0;
}

.snip15537 h3 {
  font-size: 1em;

}

.snip15537 h3 span {
  display: block;
  font-weight: 700;
}

.snip15537 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.snip15537:hover > img,
.snip15537.hover > img {
  opacity: 0.1;
}

.snip15537:hover:after,
.snip15537.hover:after {
  height: 100%;
}

.snip15537:hover figcaption,
.snip15537.hover figcaption {
  opacity: 1;
  background-color: rgba(242, 145, 8, 0.8);
}



/* ----------------------------------- puffs ----------------------------------- */

.line{
    padding-bottom:5px;
}
.carousel-caption {

    text-shadow: 0 0px 0px rgba(0,0,0,.6);
    font-family: 'Archer', sans-serif;
}

@font-face {
  font-family: 'Archer-Medium';
  src: url('../../template/fonts/archermedium/Archer-Medium.eot');
  src: url('../../template/fonts/archermedium/Archer-Medium.woff2') format('woff2'),
       url('../../template/fonts/archermedium/Archer-Medium.woff') format('woff'),
       url('../../template/fonts/archermedium/Archer-Medium.ttf') format('truetype'),
       url('../../template/fonts/archermedium/Archer-Medium.svg#Archer-Medium') format('svg'),
       url('../../template/fonts/archermedium/Archer-Medium.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
      font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'Selfie-Black';
  src: url('../../template/fonts/selfie/Selfie-Black.eot');
  src: url('../../template/fonts/selfie/Selfie-Black.woff2') format('woff2'),
       url('../../template/fonts/selfie/Selfie-Black.woff') format('woff'),
       url('../../template/fonts/selfie/Selfie-Black.ttf') format('truetype'),
       url('../../template/fonts/selfie/Selfie-Black.svg#Selfie-Black') format('svg'),
       url('../../template/fonts/selfie/Selfie-Black.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
      font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}


@font-face {
    font-family: 'Archer';
    src: url('../../template/fonts/archerbold/Archer-Bold.eot');
    src: url('../../template/fonts/archerbold/Archer-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../template/fonts/archerbold/Archer-Bold.woff2') format('woff2'),
        url('../../template/fonts/archerbold/Archer-Bold.woff') format('woff'),
        url('../../template/fonts/archerbold/Archer-Bold.ttf') format('truetype'),
        url('../../template/fonts/archerbold/Archer-Bold.svg#Archer-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    speak: none;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}



.bg-1 h1 {
    line-height: 1.3;
    margin-top: 12px;
    font-size: 80px;
    letter-spacing: 7px;
}


body {line-height: 1.628571; font-family: 'Archer-Medium', sans-serif; font-size: 15px;  font-weight: 300; color: #353535; background-color: #fff; padding-top: 86px;}

@media screen and (max-width: 1541px) {
	body {padding-top: 100px;}
	.navbar-default .navbar-nav>li>a {padding-inline:10px !important;}
}

@media screen and (max-width: 1310px) {
	body {padding-top: 86px;}
}

@media screen and (max-width: 1205px) {
	body {padding-top: 157px;}
}

@media screen and (max-width: 1110px) {
	body {padding-top: 102px;}
}

@media screen and (max-width: 1051px) {
	body {padding-top: 177px;}
}

@media screen and (max-width: 991px) {
	body {padding-top: 182px;}
}

@media screen and (max-width: 917px) {
	body {padding-top: 100px;}
}

@media screen and (max-width: 877px) {
	body {padding-top: 180px;}
}

@media screen and (max-width: 768px) {
	body {padding-top: 100px;}
}

p{
        font-size: 17px;
}
h1, h4, h5, h6 { font-weight: 400; line-height: 1.3; margin: 0;}
h2 {
    line-height: 0.2;
    font-size: 34px;
    margin-bottom: 25px;
    text-transform: uppercase;
    color: #f29206;
    font-family: 'Archer', sans-serif;
    font-weight: 800;
}
h1{ font-family: 'Archer', sans-serif; font-size: 50px; margin-bottom: 5px; text-transform: uppercase; color: #f29206;}
h3 { line-height: 0.1; font-family: 'Selfie-Black',sans-serif; font-size: 30px;}
h4 {
    /* text-transform: uppercase; */
    color: #f29108;
    font-family: 'Archer', sans-serif;
    font-size: 25px;
    margin-bottom: 10px;
    margin-top: 17px;
    letter-spacing: 0;
}
h6 {
    font-size: 22px;
    margin-bottom: 10px;
    letter-spacing: 1px;
    margin-bottom: 30px;
    font-family: 'Archer', sans-serif;
}
h5 {
    /* text-transform: uppercase; */
    color: #f29108;
    font-family: 'Archer', sans-serif;
    font-size: 17px;
    margin-top: 5px;
    margin-bottom: 10px;
    letter-spacing: 0;
    font-weight: 800;
}

@media screen and (max-width: 991px) {
	h1, h2 {font-size: 40px;}
}

@media screen and (max-width: 768px) {
    html, body {font-size: 16px; padding-top:0px;}
    h1, h2 {font-size: 30px;text-align: center!important;}
    h3 {font-size: 25px;text-align: center!important;}
    h4 {font-size: 20px;text-align:center!important;}
    h5 {font-size: 18px;text-align: center!important;}
    h6 {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
   
    
}

a {font-weight: 500; color: #353535; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

a:hover {color: #353535; text-decoration: none;}

a:focus, a:active {outline: none; color: #212121; text-decoration: none;}

a img {opacity: 1; moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
a img:hover {opacity: .7;}
.page-wrapper a img:hover {opacity: .7;}

::-moz-selection {color: #fff; background: #f29108;}
::selection {color: #fff; background: #f29108;}

#topbtn a {
    margin-top: 22px;
    width: 40px;
    float: right;
}

.socials img {
    width: 30px;
    float:left;
}

.socials a{
    line-height: 30px;
    width:100%;
    float: left;

}

/* ----------------------------------- 2. Elements ----------------------------------- */

.bottom{
    margin-bottom: 70px;
}

.bg-5 h4{
        font-weight: 600;
}
img {max-width: 100%; width: 100%; display: block; max-width: 100%; height: auto;}

.pigg hr {
    margin-top: -6px;
    margin-bottom: 0px;
    border: 1px solid #F29109;
    color: #f29206;
    text-align: center;
}

hr.dark, #footer .footer hr {width: 40px; height: 2px; margin: 12px 0 15px 0; background-color: #fff;}

.block-section ul {padding: 0 0 0 20px; margin-bottom: 20px;}
.block-section ul li {list-style: none; margin: 0 0 8px 0;}
.block-section ul li:before {content: "\f0da"; font-family: FontAwesome; padding: 0 15px 0 0; color: #212121;}

.btn-info {color: #353535; background: #fff; border: 1px solid #fff;}
.btn-info:hover, .btn-info:focus, .btn-info:active {color: #fff; background: #792b85; border: 1px solid #792b85;}

.btn-danger {color: #fff; background: #792b85; border: 1px solid #792b85;}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {color: #792b85; background: #fff; border: 1px solid #fff;}

.btn-warning {color: #792b85; background: none; border: none; padding: 0; font-weight: 700;}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {background: transparent; color: #353535; border: none;}
.btn-warning:after {content: "\f178"; font-family: FontAwesome; padding: 0 0 0 5px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn-warning:hover:after {padding: 0 0 0 10px;}

.btn-block {display: block; font-size: 18px; letter-spacing: 1px; text-transform: uppercase; color: #fff; background: #6d63d3; padding: 10px 0; border: none;}
.btn-block:hover {text-decoration: none; background: #212121; color: #fff; border: none;}

.btn-default {
    color: #fff;
    background: #f39202;
    border: 1px solid #f39202;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-default:hover {color: #fff; background:  #f39202; border: 1px solid  #f39202;}

.btn{border-radius:0px;}

.btn-primary {
    text-transform: uppercase;
    position: relative;
    height: 28px;
    color: #fff;
    background-color: #f29108;
    text-align: center;
    border-color: #f29108;
    line-height: 17px;
    font-weight: bold;
    margin-top: 5px;
    border-radius: 3px;
        letter-spacing: 5px;
}

.btn-primary:hover {

    color: #ccc;
    background-color: #f29108;
    border-color: #f29108;
}


.btn-primary:before {
    content:"";
    position: absolute;
    right: 100%;
    top:0px;
    margin-right: 0px;
    width:0px;
    height:0px;
    border-top:14px solid transparent;
    border-right:19px solid #f29108;
    border-bottom:12px solid transparent;
}

.btn-primary:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0px;
    width: 0px;
    height: 0px;
    border-top: 14px solid transparent;
    border-left: 19px solid #f29108;
    border-bottom: 12px solid transparent;
}


.btn-primary:active:focus,.btn-primary:hover, .btn-primary:focus, .btn-primary:active {color: #fff; background:#f29108; border: 1px solid #f29108;}



.btn-success {
    text-transform: uppercase;
    position: relative;
    height: 28px;
    color: #fff;
    background-color: #f29108;
    text-align: center;
    border-color: #f29108;
    line-height: 14px;
    font-weight: bold;
    margin-top: 5px;
    border-radius: 3px;
    letter-spacing: 2px;
}

.btn-success:hover {

    color: #ccc;
    background-color: #f29108;
    border-color: #f29108;
   /*
    padding-right:30px;
*/
}

#section-column367953_1{display:none;}

.btn-success:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0px;
    width: 0px;
    height: 0px;
    border-top: 14px solid transparent;
    border-left: 19px solid #f29108;
    border-bottom: 12px solid transparent;
}



.btn-success:active:focus,.btn-success:hover, .btn-success:focus, .btn-success:active {color: #fff; background: #f29108; border: 1px solid #f29108;}

@media (max-width: 768px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}

@media (max-width: 769px)
{
.col-sm-6 {
    width: 100%;
}
}

@media (max-width: 768px)
{
.navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
}
@media (max-width: 770px) {
   
   
   .bg-5 {
    padding: 0;
    background: url(../../files/bgcon.jpg) no-repeat left!important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
    
    .btn {font-size: 13px; padding: 7px 25px;}
    .btn-warning {padding: 0;}
    #sec1:before {
    display:none;
}
 #bnr:after {
    display:none;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
    border-bottom: 1px solid;
}
}

/* ----------------------------------- 3. Navigation ----------------------------------- */


.submenu li:before {
    font-family: FontAwesome;
    content: '\f054';
    transform:rotate(0deg);
    display: inline-block;
    position: relative;
    top: 0em;
    font-size: 0.8em;
    padding: 0 0.25em;
    color:#f29108;
    background: transparent;
}


.submenu {
    width: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.54);
    padding: 20px;
    z-index: 99;
}
.submenu li{
   display:inline-block;
   float:left;
}

.submenu li a{
   color:#fff;
}



.submenu li{
   display:inline-block;
   float:left;
   margin-left: 50px;
}

.navbar-default {
    background-color: #fff;
    padding: 0 50px;
    border: none;
    border-bottom: 0px; 
    moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-box-shadow: 0px 9px 43px -8px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 9px 43px -8px rgba(0,0,0,0.3);
    box-shadow: 0px 9px 43px -8px rgba(0,0,0,0.3);
    transition: all .3s;
}

.submenu li.current_page_item a{color:#f29108;}
.navbar-default.f-nav {padding: 0 50px; background: #fff; moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1);}
.navbar-nav {float: left; margin: 3px 0;}
.navbar-default.f-nav .navbar-nav {float: left; margin: 0;}
.container-fluid {padding: 0;}
.navbar-brand {
    max-width: 214px;
    height: auto;
    padding: 10px 0 0 0;
    border: none;
    margin-right: 20px;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin: 0;}
.navbar-brand:hover {border: none;}
.navbar-default .navbar-nav {margin: 0; padding: 0;}
.navbar-default .navbar-nav>li>a {
    font-variant-caps: all-petite-caps;
    padding: 33px 15px;
    color: #353535;
    display: block;
    font-weight: 400;
    font-size: 19px;
    text-align: center;
    font-style: normal;
    text-decoration: none;
    border: none;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {color:#f29108; background: transparent;}
.navbar-default .navbar-nav>li>a.flag > img {width: 25px; height: auto;}
#mobile-buttons li a { font-variant-caps: all-petite-caps; padding: 40px 0px; color: #353535; display: block; font-weight: 400; font-size: 19px; text-align: left; font-style: normal; text-decoration: none; border: none;}
@media (min-width: 768px) {
    
.navbar-default .navbar-nav .active:after {
    border-bottom-color: #f39202;
    left: 42%;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 9px solid transparent;
    border-bottom: 9px solid #f39202;
    top: 68px;
}



}

 
#menu-social-icons {width: 70px; margin: 0 auto;}
#menu-social-icons a {float: left; padding: 9px 0; margin-right: 20px;}

.footer strong{color: #f29108;}
.footer h4{
    font-size: 15px;
    margin-bottom: 0px;
 
}


.bg-1 {padding: 70px; background:url('../../files/542684518.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.bg-2 {padding: 0; background:url('../../files/bgwood.jpg') repeat center center;}
.bg-3 {
    /* margin-top: -41px; 
    padding: 61px;*/
    background: url(../../files/bgstart_22.jpg) no-repeat center;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.bg-4 {padding: 0; background:url('../../files/bgstart2_22.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.bg-5 {padding: 0; background:url('../../files/bgcon.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.bg-2 img {border-radius:5px;}


/* Drop down menu */
.dropdown-menu {background: #353535; padding: 10px 20px; border: none;}
.dropdown-menu>li>a {color: #fff;}
.dropdown-menu>li:last-child>a {border: none;}
.dropdown-menu>li:hover {background: transparent;}
.dropdown-menu>li>a:hover {color: #792b85; background: transparent;}
.dropdown-menu li.active.current.current_page_item a, .navbar-nav li.active.current.current_page_item .dropdown-menu>li>a {color: #792b85; background: transparent;}
.navbar-nav>li>.dropdown-menu {border-radius: 10px;}
.dropdown-menu>li>a {font-size: 16px; padding: 10px 15px;}
.dropdown-menu:before {border-bottom-color: #212121; left: 65px; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border: 9px solid transparent; border-bottom: 9px solid #212121; top: -18px;}
.navbar-nav li.active.current.current_page_item .dropdown-menu > li > a {color: #fff;}
.navbar-nav li.active.current.current_page_item .dropdown-menu > li > a {
    color: #f7f7f7;
    margin-bottom: 2px;
    background: #f39202;
}

.dropdown-menu > li > a {
    color: #f39202;
    margin-bottom: 2px;
    background: rgba(247, 247, 247, 0);
}
/* Responsive menu */
.navbar-default .navbar-toggle {border: none; padding: 25px 0; margin: 0;}
.navbar-default .navbar-toggle .icon-bar {background-color: #f39202;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;}
.navbar-toggle .icon-bar {
    width: 34px;
}

.navbar-toggle .icon-bar {
    display: block;

    height: 6px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar+.icon-bar {margin-top: 6px;}
.navbar-default .navbar-collapse {border: none;}
.container-fluid>.navbar-collapse {margin: 0;}


/* Mobile buttons */
#mobile-buttons li a img {
    /* padding: 10px 20px; */
    display: block;
    float: left;
    width: 31px;
}

#mobile-buttons {list-style: none;display:none;}
#mobile-buttons i {color: #ffc800; padding: 0 10px 0 0;}
#mobile-buttons li {width: 50%; float: left;}
#mobile-buttons li a {
    padding: 9px 4px 1px 4px;
    display: block;
    text-decoration: none;
    color: #f39202;
    background: transparent;
}
#mobile-buttons li a:active {color: #808080;}
#bnr .block-section > .block-section-container, .container {
    width: 100%;
    padding: 0px;
}


#sec1 {
 
}

#sec2{
    

}


#sec4 .block-section > .block-section-container, .content {
    padding:0px ;
    margin-right: auto;
    margin-left: auto;
    width:100%;
}

#sec4 img {
    padding:0px ;
    margin-right: auto;
    margin-left: auto;
    no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

#sec4 .row {
    margin-right: 0px; 
    margin-left: 0px; 
}

#sec4 .col-md-6, #sec4 .col-sm-12 ,#sec4 .col-md-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0px!important;
    padding-left: 0px!important;
}



.carousel-control{display:none;}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    width: 60%;
    padding-left: 0;
    
    /* margin-left: -30%; */
    text-align: center;
    list-style: none;
    
    left: 0%;
    margin-left: 0;
    display: flex;
    justify-content: flex-start;
}

/* Changes the color of the indicators */
.carousel-indicators li 
{
  border: 3px solid #fff;
  background: #ffffff;
}
.carousel-indicators .active {
    background: #f29108;
}

.carousel-caption{
    height: 60%;
}
.carousel-indicators li {

    width: 15px;
    height: 15px;
    margin-left: 10px;
    margin-top: 0px;

}

.carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin-left: 10px;
     margin-top: 0px;
}

#bnr{margin-top:-45px;}

@media (min-width: 769px) {
    
    
.open>.dropdown-menu {
    display: none;
}

.item img {
    width:100%;
}

}



@media (max-width: 1024px) {
    
    
.item img {
    margin-left: -30%;
}


.carousel-caption {
    height: 60%;
} 
.carousel-caption p {
font-size: 5em;

}

}
.block-gallery .carousel .carousel-caption > p {
    font-size: 5.5em;
    margin-bottom: 25px;
    margin-top: -28px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    line-height: 0.8;
    font-family: 'Archer', sans-serif;
}


.block-gallery .carousel .carousel-caption > h3  {

     
    font-size: 64px;
     margin-bottom:20px!important;
}



@media (max-width: 768px) {

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        height: 100vh!important;
        max-height: 100vh;
    
    }
    
    .bg-5 .block-section > .block-section-container, .container {
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
    padding: 32px;
    margin-bottom: 10px;
}
    
    
    .page-wrapper {
        
        margin-top: 125px;
    
    }
    .navbar-default, .navbar-default.f-nav {
        padding: 0px;
    }
    .navbar-default {
        background-color: rgba(0, 0, 0, 0.65);
    
    }
    
    .navbar-default.f-nav {
    background-color: rgba(0, 0, 0, 0.65);
    }
    
    .navbar .col-xs-12 {
        width: 100%;
        margin: 0px;
        padding: 0px;
    }
    .carousel-indicators li {
        border: 2px solid #fff;
        background: #ffffff;
    }
    
    .bnr2 {
        max-width: 51px!important;
        margin-top: -16px!important;
    }
    
    .bnr3 {
        position: relative;
        width: auto;
        max-width: 74px!important;
        float: none;
        margin-top: -23px!important;
        z-index: 999;
    }
    

    .carousel-indicators {
        position: absolute;
        bottom: -1px;
        left: 15%;
        z-index:1;
        width: 60%;
        padding-left: 0;
        /* margin-left: -30%; */
        text-align: center;
        list-style: none;
    }
    .carousel-indicators li {
        width: 10px;
        height: 10px;
        margin-left: 10px;
    }
    
    .carousel-indicators .active{
        width: 10px;
        height: 10px;
        margin-left: 10px;
    }
    #mobile-buttons {display:block;}

    #topbtn {
        text-align: center;
        margin: 0 auto;
        /* left: 58%; */
        float: none;
        /* right: 55%; */
        width: 233px;
    }
    
    #bnr{margin-top:50px;}
    
.block-gallery .carousel .carousel-caption > p {
    line-height: 1;
    font-size: 3em;
    /* margin-bottom: 25px; */
    text-transform: uppercase;
    color: #fff;
    margin-top: -26px;
}

   .block-gallery .carousel .carousel-caption > h3  {
         font-size: 2em;
         margin-bottom:20px;
    }

    
    .submenu {
         display:none;
        }
    .socials img {
        width: 30px;
        float: none;
        margin: 0 auto;
    }
    h2 {
    line-height: 1.0;
    }
    h2 {
    margin-bottom: 8px;
    }
    #services h3{
        margin-bottom:10px;
    }
    #site-banner:after {
    display:none;
    }
    footer:before {
    display:none;
        
    }
    .navbar-default, .navbar-default.f-nav {}
    .container-fluid>.navbar-header {
        margin: 0;
        background: #fff;
        padding: 10px;
    }
    .bg-1 {
    padding: 20px;
        
    }

    .navbar-collapse {padding: 0;}
    .navbar-default .navbar-nav {width: 100%;}
    .navbar-default .navbar-nav > li > a {padding: 15px 0;}
    .navbar-default .navbar-nav > li > a.flag img {margin: 0 auto;}
    .navbar-default .navbar-nav, .navbar-default.f-nav .navbar-nav {margin: 0;}
    #mobile-buttons {display: block;    padding: 0;}
    .dropdown-menu:before {display: none;}
.navbar-nav .open .dropdown-menu>li>a {
    font-size: 15px;
    text-align: left;
}

.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {background-color: transparent;}
}

#mobile-buttons li .phone {
  
    border-right: 1px solid #ccc;
    
}


#mobile-buttons li .facebook {
  
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
 
    
}

#mobile-buttons li .flagga {
  
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    
}

#mobile-buttons li .instagram {
  
    border-top: 1px solid #ccc;

    
}

@media (max-width: 765px) {
.pigg hr {
    margin-top: -4px;

}
}

@media screen and (max-width: 767px) {
    .bg-1 h1 {font-size: 50px;}
}

@media (max-width: 425px) {
.carousel-indicators {

    left: 19%;

}
.block-gallery .carousel .carousel-caption > p {
    line-height: 1;
    font-size: 2em;
    /* margin-bottom: 25px; */
    text-transform: uppercase;
    color: #fff;
    margin-top: -22px;
}

.bg-1 h1 {
    line-height: 0.9;
    margin-top: 12px;
    font-size: 45px;
    letter-spacing: 7px;
}

    .item img {
    margin-left: -90%;
}

h1,h2,h3,h4,h5,h6 {

    text-align: center!important;
}

.pigg hr {
    margin-top: -4px;
    margin-bottom: 0px;
    border: 0.6px solid #F29109;
    color: #f29206;
    text-align: center;
}
.carousel-caption p {
    line-height: 1;
    font-size: 2em;
    /* margin-bottom: 25px; */
    text-transform: uppercase;
    color: #fff;
}

.carousel-caption h3 {
    font-size: 1.8em;
    margin-bottom: 12px;
    margin-top: 30px;
}
.carousel-caption {
    height: 70%;
}

}
@media (max-width: 376px) {
.pigg hr {
    margin-top: -4px;

}
}
/* ----------------------------------- 4. Footer ----------------------------------- */

/*
footer:before {
    border-bottom-color: #ffffff;
    left: 47%;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 40px solid transparent;
    border-bottom: 40px solid #ffffff;
    margin-top: -79px;
}

.bnr2:before {
    border-bottom-color: #ffffff;
    left: -27px;
    right: 150%;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 40px solid transparent;
    border-bottom: 40px solid #ffffff;
    top: -77px;
    padding-right: 10p;
}

*/
.bnr2 {
    position: relative;
    width: auto;
    max-width: 100px;
    float: none;
    margin-top: -33px;
    z-index: 9;
}

.bnr3 {
    position: relative;
    width: auto;
    max-width:113px;
    float: none;
    margin-top:-35px;
    z-index: 999;
}
.bnr2 img {
 


}

.footer {
    line-height: 1.4;
    font-weight: 300;
    color: #fff;
    background-color: #ffffff;
    padding: 20px;

}

.footer .container{margin-top:10px;}
.footer a {font-size: 14px;}
.footer h3 {font-weight: 300; color: #000; font-size: 22px;}
.footer p {color: #353537; margin-bottom: 0;    font-size: 14px;}
.footer-content a {color: #000000; border: none;}
.footer-content a:hover {text-decoration: underline; border: none;}

.footer .col-md-1_5 {width: 11.5% !important;}
.footer .col-md-2_5 {width: 17.666666667% !important;}
.footer img {max-width: 150px;}

#logo-footer {width: 150px;}

#foot-menu {padding: 0;}
#foot-menu li {list-style: none;}
#foot-menu a {color: #000000; border: none;}
#foot-menu a:hover {text-decoration: underline;}
#foot-menu ul.children {display: none;}

@media screen and (max-width: 768px) {
    .copys{
        margin-top:19px;
    }
    .block-section .h1, .h2, .h3, h1, h2, h3 {
    margin-top: 10px;
    margin-bottom: 0px;
    text-align: center;
}
    .footer {text-align: center;}
    #logo-footer {margin: 0 auto;}
    .footer-content {margin-bottom: 20px;}
}

/* ----------------------------------- 5. Content & structures ----------------------------------- */

.clear {clear: both;}

.center {margin: 0 auto;}

.grey {background: #f4f4f4;}

.purple {background: #792b85;}



.dark-bg h2,  .dark-bg h4, .dark-bg h5, .dark-bg h6, .dark-bg p {font-family: 'Archer-Medium', sans-serif;  color: #fff;}
  .dark-bg h3{color:#fff;}
.dark-bg hr {background-color: #fff;}
.dark-bg img {max-width: 70px; display: block; margin: 0 auto;}
#services .block-section-container .block-columns .block-section {border: 1px solid rgba(255, 255, 255, 0.4);}

.display-table {display: table; table-layout: fixed;}
.display-cell {display: table-cell; vertical-align: middle; float: none;}

.block-section > .block-section-container, .content {
    padding: 35px 15px;
    margin-right: auto;
    margin-left: auto;
}




.block-section .block-section-container .block-columns .block-section-container {width: auto;}

.block-section > .block-section-container, .container {width: 1300px;}

@media (max-width: 1310px) {
    .block-section > .block-section-container, .container {width: 100%;}
    
     .navbar-default .navbar-nav>li>a {
    font-variant-caps: all-petite-caps;
    padding: 33px 10px;
    color: #353535;
    display: block;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    font-style: normal;
    text-decoration: none;
    border: none;
}
.navbar-default .navbar-nav .active:after {
    border-bottom-color: #f39202;
    left: 42%;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 9px solid transparent;
    border-bottom: 9px solid #f39202;
    top: 68px;
}

.submenu li a{
    font-size: 13px;
}

#topbtn a {
    margin-top: 39px;
    width: 20px;
    float: right;
}
}

@media (max-width: 1110px) {
    
    .footer h4 {
    font-size: 13px;
    margin-bottom: 0px;
}

.navbar-brand {
    max-width: 195px;
    height: auto;
    padding: 20px 0 0 0;
    border: none;
}

  .navbar-default .navbar-nav>li>a {
    padding: 41px 7px;
    font-size: 15px;
}
/*
.submenu {
    width: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.54);
    padding: 20px;
    z-index: 99;
}
*/
.navbar-default .navbar-nav .active:after {
    border-bottom-color: #f39202;
    left: 39%;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 9px solid transparent;
    border-bottom: 9px solid #f39202;
    top: 84px;
}
}

@media (max-width: 917px) {
    .socials img {
    width: 30px;
    float: none;
    margin: 0 auto;
}
    .copy{
        text-align:center;
    }
    
    .footer .col-sm-12 {
  width: 100% !important;
}
.footer img {
  margin-left: auto;
  margin-right: auto;
}
    
    .carousel-caption p {
    line-height: 1;
    font-size: 5em;
    margin-bottom: 25px;
    text-transform: uppercase;
    color: #fff;
}

.navbar-default .navbar-nav>li>a {
    padding: 40px 5px;
    font-size: 11px;
}
.navbar-default .navbar-nav .active:after {
    border-bottom-color: #f39202;
    left: 39%;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 9px solid transparent;
    border-bottom: 9px solid #f39202;
    top: 82px;
}
}


}
@media (max-width: 992px) {
    .block-section > .block-section-container, .container {width: 768px;}

}
@media (max-width: 768px){

.navbar-nav>li {
    float: none;
}
}

@media (max-width: 768px) {
    
    p {

    text-align: center;
}

    .footer h4 {
    font-size: 23px;
    margin-bottom: 0px;
}
        .carousel-caption p {
    line-height: 1;
    font-size: 4em;
    margin-bottom: 25px;
    text-transform: uppercase;
    color: #fff;
}

    .navbar-default .navbar-nav .active:after {
   display:none;
}
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
    color: #f39411;
    border-bottom:1px solid #fff;
}
.navbar-brand {
    max-width: 195px;
    height: auto;
    padding: 6px 0 0 0;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #eee;
    border-color: #cacaca;
}
.navbar-default .navbar-nav>li>a {
    font-variant-caps: all-petite-caps;
    padding: 10px;
    color: #ffffff;
    display: block;
    font-weight: 400;
    font-size: 19px;
    text-align: left;
    font-style: normal;
    text-decoration: none;
    border-bottom: 1px solid #cacaca;
}
#topbtn a {
    margin-top: 0px; 
    width: 40px;
    float: right;
        /* right: 55%; */

}
#topbtn {
  display:none;
}
}

@media (max-width: 568px) {
        .carousel-caption p {
    line-height: 1;
    font-size: 2em;
    margin-bottom: 25px;
    text-transform: uppercase;
    color: #fff;
}
}

/* ----------------------------------- 6. Pages ----------------------------------- */

/* Puffar */

#puffar {padding: 100px 0;}
#puffar img {border-radius: 0;}
#block-495745, #block-829927, #block-793762  {background: #fff; border-radius: 0; padding: 20px; margin: 0;}
#block-143932 {margin-bottom: 30px;}
#section-column143932_1, #section-column143932_2, #section-column143932_3{background: #792b85; border-radius: 0; padding: 0; moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#section-column143932_1:hover, #section-column143932_2:hover, #section-column143932_3:hover {margin-top: -2px; moz-box-shadow: 0 0 16px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 16px rgba(0,0,0,0.1); box-shadow: 0 0 16px rgba(0,0,0,0.1);}
#section-column143932_1:hover img, #section-column143932_2:hover img, #section-column143932_3:hover img {opacity: 0.5; cursor: pointer; moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}

.contact-info > .block-section-container {padding: 25px 0;}
.contact-info a {font-weight: 300; color: #fff;}
.contact-info p {font-weight: 300; letter-spacing: 1px; text-transform: uppercase; margin: 0;}

@media (max-width: 768px) {
    .contact-info, .contact-info p {text-align: center!important;}
}

/* ----------------------------------- 7. Form ----------------------------------- */

form {margin: 20px 0;}

label {font-size: 12px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase;}

textarea {resize: vertical;}

.form-control {
    font-size: 15px;
    border-radius: 0;
    background: #ffffff;
    border: 2px solid #f7a74c;
    border-radius: 3px;
    height: auto;
    padding: 9px 20px;
    position: relative;
    box-shadow: none;
}

.form-control:focus {color: #f29108; background: #fff; border: 2px solid #f29108; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; box-shadow: none;}

select.form-control {padding-right: 5px;}

.form-control::-moz-placeholder {color: inherit;}
.form-control:-ms-input-placeholder {color: inherit;}
.form-control::-webkit-input-placeholder {color: inherit;}

select.form-control {-webkit-appearance: menulist;}
select[multiple].form-control {-webkit-appearance: listbox;}

/* Disabled forms */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {opacity: 0.5; filter: alpha(opacity=50);}

/* ----------------------------------- 8. Slider ----------------------------------- */

#site-banner {    margin-top: -10px; width: 100%; height: 80vh; background: #fff; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#slide_1 {height: 80vh; background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), url('../../files/542684518.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#slide_2 {height: 80vh; background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), url('../../files/610839122.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#slide_3 {height: 80vh; background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), url('../../files/483751347.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

#site-banner-2 {background: transparent url('../../files/slide_1.jpg') no-repeat center center; padding: 150px 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; text-align: center; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.caption-wrapper {width: 100%; display: table;}
.caption {height: 80vh; margin: 0 auto; padding: 0 25%; display: table-cell; vertical-align: middle; text-align: center;}
.caption h1, .caption h4, .caption p {color: #fff; /* text-shadow: 1px 1px 5px #ececec; */}
.caption h1 {margin-bottom: 10px;}
.caption h4 {margin-bottom: 40px;}
.caption .btn {margin-right: 20px; margin-bottom: 10px;}
.caption .btn-danger:before {content: "\f124"; font-family: FontAwesome; padding: 0 10px 0 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.caption .btn-info:before {content: "\f095"; font-family: FontAwesome; padding: 0 10px 0 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

@media screen and (max-width: 1200px) {
    .caption {padding: 0 20%;}
}

@media screen and (max-width: 680px) {
    .caption {padding: 0 5%;}
}

/* bxSlider */

/* Reset and layout */
.bx-wrapper { position: relative; margin: 0; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y;}
.bx-wrapper img {max-width: 100%; display: block;}
.bxslider {margin: 0; padding: 0;}
ul.bxslider { list-style: none;}
.bxslider li { border: none !important; padding: 0;}
.bx-viewport {/*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0);}

/* Theme */
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute; bottom: -30px; width: 100%;}

/* Loader */
.bx-wrapper .bx-loading {min-height: 50px; background: url('') center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}

/* Pager */
.bx-wrapper .bx-pager {text-align: left; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; bottom: 0; padding: 0 0 30px 30px;}
.bx-wrapper .bx-pager.bx-default-pager a {background: none; text-indent: -9999px; display: block; width: 15px; height: 15px; margin: 0 8px; border: 2px solid #fff; outline: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #f29108;}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
.bx-wrapper .bx-pager-item {font-size: 0; line-height: 0;}

/* Direction controls (next/prev) */
.bx-wrapper .bx-prev {left: 10px; background: url('') no-repeat 0 -32px;}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {background-position: 0 0;}
.bx-wrapper .bx-next {right: 10px; background: url('') no-repeat -43px -32px;}
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; display: none;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}

/* Auto controls (start/stop) */
.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url('') -86px -11px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url('') -86px -44px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus {background-position: -86px -33px;}

/* Pager with auto-controls hybrid layout */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left; width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; width: 35px;}

/* Image captions */
.bx-wrapper .bx-caption {position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%;}
.bx-wrapper .bx-caption span {color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px;}


/* ----------------------------------- 9. Other ----------------------------------- */

.d-block {display:block;}
.mx-auto {margin-left:auto !important; margin-right:auto !important;}
.my-auto {margin-top:auto !important; margin-bottom:auto !important;}
.mt-0, .m-0, .my-0 {margin-top:0 !important;} .mt-1, .m-1, .my-1 {margin-top:.25rem !important;} .mt-2, .m-2, .my-2 {margin-top:.5rem !important;} .mt-3, .m-3, .my-3 {margin-top:1rem !important;} .mt-4, .m-4, .my-4 {margin-top:1.5rem !important;} .mt-5, .m-5, .my-5 {margin-top:3rem !important;}
.mb-0, .m-0, .my-0 {margin-bottom:0 !important;} .mb-1, .m-1, .my-1 {margin-bottom:.25rem !important;} .mb-2, .m-2, .my-2 {margin-bottom:.5rem !important;} .mb-3, .m-3, .my-3 {margin-bottom:1rem !important;} .mb-4, .m-4, .my-4 {margin-bottom:1.5rem !important;} .mb-5, .m-5, .my-5 {margin-bottom:3rem !important;}
.ml-0, .m-0, .mx-0 {margin-left:0 !important;} .ml-1, .m-1, .mx-1 {margin-left:.25rem !important;} .ml-2, .m-2, .mx-2 {margin-left:.5rem !important;} .ml-3, .m-3, .mx-3 {margin-left:1rem !important;} .ml-4, .m-4, .mx-4 {margin-left:1.5rem !important;} .ml-5, .m-5, .mx-5 {margin-left:3rem !important;}
.mr-0, .m-0, .mx-0 {margin-right:0 !important;} .mr-1, .m-1, .mx-1 {margin-right:.25rem !important;} .mr-2, .m-2, .mx-2 {margin-right:.5rem !important;} .mr-3, .m-3, .mx-3 {margin-right:1rem !important;} .mr-4, .m-4, .mx-4 {margin-right:1.5rem !important;} .mr-5, .m-5, .mx-5 {margin-right:3rem !important;}
.pt-0, .p-0, .py-0 {padding-top:0 !important;} .pt-1, .p-1, .py-1 {padding-top:.25rem !important;} .pt-2, .p-2, .py-2 {padding-top:.5rem !important;} .pt-3, .p-3, .py-3 {padding-top:1rem !important;} .pt-4, .p-4, .py-4 {padding-top:1.5rem !important;} .pt-5, .p-5, .py-5 {padding-top:3rem !important;}
.pb-0, .p-0, .py-0 {padding-bottom:0 !important;} .pb-1, .p-1, .py-1 {padding-bottom:.25rem !important;} .pb-2, .p-2, .py-2 {padding-bottom:.5rem !important;} .pb-3, .p-3, .py-3 {padding-bottom:1rem !important;} .pb-4, .p-4, .py-4 {padding-bottom:1.5rem !important;} .pb-5, .p-5, .py-5 {padding-bottom:3rem !important;}
.pl-0, .p-0, .px-0 {padding-left:0 !important;} .pl-1, .p-1, .px-1 {padding-left:.25rem !important;} .pl-2, .p-2, .px-2 {padding-left:.5rem !important;} .pl-3, .p-3, .px-3 {padding-left:1rem !important;} .pl-4, .p-4, .px-4 {padding-left:1.5rem !important;} .pl-5, .p-5, .px-5 {padding-left:3rem !important;}
.pr-0, .p-0, .px-0 {padding-right:0 !important;} .pr-1, .p-1, .px-1 {padding-right:.25rem !important;} .pr-2, .p-2, .px-2 {padding-right:.5rem !important;} .pr-3, .p-3, .px-3 {padding-right:1rem !important;} .pr-4, .p-4, .px-4 {padding-right:1.5rem !important;} .pr-5, .p-5, .px-5 {padding-right:3rem !important;}

@media (min-width:768px) {   
    .p-md-0 {padding:0 !important;}
    .py-md-0 {padding-top:0 !important; padding-bottom:0 !important;}
    .px-md-0 {padding-left:0 !important; padding-right:0 !important;}
    .pl-md-5 {padding-left:3rem !important;}
    .pr-md-5 {padding-right:3rem !important;}
}

@media (max-width:767px) {   
    .p-0-md {padding:0 !important;}
    .py-0-md {padding-top:0 !important; padding-bottom:0 !important;}
    .px-0-md {padding-left:0 !important; padding-right:0 !important;}
}


.bg-primary {background-color: #F29207 !important;}
.bg-secondary {background-color: #F29207 !important;}
.bg-dark {background-color: #181818 !important;}
.bg-modedark {background-color: #0B0D11 !important;}
.bg-black {background-color: $black !important;}
.bg-light {background-color: #fff !important;}
.bg-white {background-color: #FFF !important;}
.bg-info {background-color: $info;}
.bg-success {background-color: $success;}
.bg-danger {background-color: $danger;}
.bg-warning {background-color: $warning;}
.bg-custom1 {background-color: #2e2e2e !important;}
.bg-custom2 {background-color: #4f4f4f !important;}
.bg-custom3 {background-color: #7a7a7a !important;}
.bg-custom4 {background-color: #a6a6a6 !important;}
.bg-custom5 {background-color: #d9d9d9 !important;}
.bg-custom6 {background-color: #e8e8e8 !important;}

.text-light, .text-light h6, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light a:not(.btn), .text-light a:not(.btn):hover {color: #fff !important; }
.text-dark, .text-dark p, .text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, .text-dark h5, .text-dark h6, .text-dark a:not(.btn), .text-dark a:not(.btn):hover {color: #181818 !important;}
.text-primary, .text-primary p, .text-primary h1, .text-primary h2, .text-primary h3, .text-primary h4, .text-primary h5, .text-primary h6, .text-primary a, .text-primary a:hover {color: #F29207 !important;}
.text-secondary, .text-secondary p, .text-secondary h1, .text-secondary h2, .text-secondary h3, .text-secondary h4, .text-secondary h5, .text-secondary h6, .text-secondary a, .text-secondary a:hover {color: #F29207;}
.text-success, .text-success p, .text-success h1, .text-success h2, .text-success h3, .text-success h4, .text-success h5, .text-success h6, .text-success a, .text-success a:hover {color: $success;}
.text-danger, .text-danger p, .text-danger h1, .text-danger h2, .text-danger h3, .text-danger h4, .text-danger h5, .text-danger h6, .text-danger a, .text-danger a:hover {color: $danger;}
.text-warning, .text-warning p, .text-warning h1, .text-warning h2, .text-warning h3, .text-warning h4, .text-warning h5, .text-warning h6, .text-warning a, .text-warning a:hover {color: $warning;}
.text-info, .text-info p, .text-info h1, .text-info h2, .text-info h3, .text-info h4, .text-info h5, .text-info h6, .text-info a, .text-info a:hover {color: $info;}
.text-custom1, .text-custom1 p, .text-custom1 h1, .text-custom1 h2, .text-custom1 h3, .text-custom1 h4, .text-custom1 h5, .text-custom1 h6, .text-custom1 a, .text-custom1 a:hover {color: #2e2e2e;}
.text-custom2, .text-custom2 p, .text-custom2 h1, .text-custom2 h2, .text-custom2 h3, .text-custom2 h4, .text-custom2 h5, .text-custom2 h6, .text-custom2 a, .text-custom2 a:hover {color: #4f4f4f;}
.text-custom3, .text-custom3 p, .text-custom3 h1, .text-custom3 h2, .text-custom3 h3, .text-custom3 h4, .text-custom3 h5, .text-custom3 h6, .text-custom3 a, .text-custom3 a:hover {color: #7a7a7a;}
.text-custom4, .text-custom4 p, .text-custom4 h1, .text-custom4 h2, .text-custom4 h3, .text-custom4 h4, .text-custom4 h5, .text-custom4 h6, .text-custom4 a, .text-custom4 a:hover {color: #a6a6a6;}
.text-custom5, .text-custom5 p, .text-custom5 h1, .text-custom5 h2, .text-custom5 h3, .text-custom5 h4, .text-custom5 h5, .text-custom5 h6, .text-custom5 a, .text-custom5 a:hover {color: #d9d9d9;}
.text-custom6, .text-custom6 p, .text-custom6 h1, .text-custom6 h2, .text-custom6 h3, .text-custom6 h4, .text-custom6 h5, .text-custom6 h6, .text-custom6 a, .text-custom6 a:hover {color: #e8e8e8;}


/*POP FORM*/

:is(.pop1, .pop-form *)::-webkit-scrollbar {width: 6px; height: 2px; transition:.3s all;}
:is(.pop1, .pop-form *)::-webkit-scrollbar-track {background: #4f4f4f;}
:is(.pop1, .pop-form *)::-webkit-scrollbar-thumb {background: #a6a6a6; border-radius:10px; cursor:pointer;}
:is(.pop1, .pop-form *)::-webkit-scrollbar-thumb:hover {background: #181818;}
:is(.pop1, .pop-form) {display:none !important; background-color:#fff;}
/*:is(.pop1, .pop-form) .block-button .btn {margin-inline:15px;}*/

.pop-form.closed {padding-block: 0; max-height:0;}
.pop-form {background: #4f4f4f; transition:1s all; border-radius:0; max-height:100%;  overflow-y:hidden; box-shadow:2rem 2rem 4rem rgba(0,0,0,0.2); position: fixed; z-index: 1000; right: 1rem; bottom: 1rem; padding: 2rem 1.5rem 2rem 1.5rem; width: 700px; border-radius:0px;}
.pop-form :is(.block-header, .block-text, .block-form) *:not(.btn,select,option,.form-control) {color:#fff;}
.pop-form .block-section {padding:0 2rem 2rem 1rem; max-height:calc(80vh - var(--navh)); transition:.3s all; overflow-y: auto; overflow-x:hidden;}
.pop-form.closed .block-section {overflow-y:hidden;}
.pop-form.closed .block-section {max-height: 0;}
.pop-form .block-section-container {width:100% !important;}
.pop-form .pop-close { transition:.3s all; display:flex; justify-content:center; align-items:center; height:3rem; width:4rem; cursor:pointer; border-radius:0px; border:none; background:linear-gradient(45deg, #F29207, #F29207); color:#fff !important; position:absolute; right: 1rem; top: 1.5rem; z-index:5;}
.pop-form .pop-close:hover {}
.pop-form .pop-close:before {transition:.3s all; content: "\f00d"; font-family: "Font Awesome 5 Free"; font-weight: 700; }
.pop-form .hidden {display:none !important;}

.pop-form.closed .pop-close {position: fixed; bottom: 2rem; right: 2rem; border-radius:5px; top: auto; transform-origin:bottom right; transform:scale(1.3);}
.pop-form.closed .pop-close:before {transition:.3s all; content: "\f0e0"; }
.pop-form.closed .pop-close:hover:before {content:"BOKA"; font-family:$font1;}

.pop-fel.pop-form.closed .pop-close {width:8rem; text-transform: uppercase; text-align: center; line-height: normal; overflow:hidden;}
.pop-fel.pop-form.closed .pop-close:before {content:"Felanmälan"; font-family:$font1; font-weight: 400 !important; font-size: .7rem;}
.pop-fel.pop-form.closed .pop-close:hover:before {content: "\f0e0"; font:"FontAwesome"; }


.pop1 { width:30vw; border-radius:2rem; max-height:calc(80vh - var(--navh)); overflow-y:auto; transform-origin:right bottom; transition:.3s all; position:fixed; right:2rem; bottom:2rem; height:auto; box-shadow:0 0 2.5rem rgba(0,0,0,0.4); z-index:1000;}
.pop1 .pop-close {position:absolute;z-index:1; border:none; background:black; color:#fff; padding:.5rem 1rem; cursor:pointer; right: 1rem; top: 1rem; border-radius: 50%; width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center;}
.pop1 .pop-body {padding-bottom:2rem;}
.pop1 .pop-body :is(.block-section, .block-section-container) {max-width:100% !important; width:100% !important; padding:0 !important; margin:0 !important;}
.pop1 .pop-body .block-section :is(h1,h2,h3,h4,h5) {margin-block:1rem;}
.pop1 .pop-body .block-section .block {margin-inline:0;}
.pop1 .pop-body .block-section .block-header:first-child {margin-bottom:2rem;}
.pop1 .pop-body .block-section .block:last-child {}
.pop1 .pop-body .block-section .block-image {max-width:20rem; margin-left:auto; width:100%; border-radius:50%; overflow-y:hidden;}
.pop1 .pop-body .block-section .block-image :is(.__content, img) {height:100%; width:100%; padding:0; margin:0; object-fit:cover;}
.pop1 .pop-body .block-section .block-columns:before, .pop1 .pop-body .block-section .block-columns:after {display:none;}
.pop1 .pop-body .block-section .block-columns {display:flex; flex-wrap: nowrap; flex-direction: row;}
.pop1 .pop-body .block-columns .block-section .block > .__content {padding-inline:0;}
.pop1 .pop-body .block-columns .__col {display: flex; align-items: center;}
.pop1 .pop-body .block-columns .__col:first-child {padding-right:0;}
.pop1 .pop-body .btn.btn-info:after {color:inherit;}
.pop1 .pop-body .btn.btn-info:hover, .pop1 .pop-body .btn.btn-info:hover:after {color:#F29207 !important;}
.pop1 .pop-body .bg-primary .btn.btn-info:hover, .pop1 .pop-body .bg-primary .btn.btn-info:hover:after {color:#181818 !important;}
.pop1.closed {transform:scale(0); transition:.3s all !important;}


@media (max-width:2040px) {
    .pop-form {width:500px;}
} @media (max-width:1920px) {
    
} @media (max-width:767px) {
    .pop1 {transform:scale(.75); inset:auto 1.5rem 1.5rem 1.5rem; width:auto; border-radius:1rem;}
    .pop1 .pop-body .block-columns .__col {/*max-width:50%; flex:1 50%;*/}
    .pop-form {width:calc(100% - 2rem);}
    .pop-form .block-section {max-height:60vh;}
    .pop1 .pop-body {padding-bottom:1rem;}
    .pop1 .pop-body .block-section * {text-align:left !important;}
    .pop1 .pop-body .block-section .block-header:first-child {margin-bottom:1rem;}
    .pop1 .pop-close {top:.65rem; width:2.5rem; height:2.5rem;}
    .pop-form:not(.closed) .pop-close {right:.6rem;}
    .pop-form.closed .pop-close {transform:scale(1.2); bottom:1rem; right:1rem;}
    :is(.pop1, .pop-form) .block-button .btn {margin-inline:auto; display:block;}
} @media (max-width: 575px) {
}


/************************COOKIES-v3*******************************/

body.modal-open.no-cookie #modal-cc {display:none !important;}
html:has(body.modal-open.no-cookie #modal-cc.d-none), body.modal-open.no-cookie:has(#modal-cc.d-none) {padding-right:0 !important; overflow-y:auto;}

.modal {background: rgba(0,0,0,0.8); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);}
.modal .modal-header .close {order:2;}

#modal-cc {font-size:18px;}
#modal-cc .modal-dialog {width:auto; display:block !important; height:auto !important; position:fixed; inset: auto auto 2em 2em; margin: 2em 2em 0 0; max-width:50em;}
#modal-cc .modal-content {background-color:#fff; color:#181818; border-radius:calc(0px/2); padding:3em;}
#modal-cc .modal-content * {color:inherit;}
#modal-cc .modal-header {justify-content: space-between; margin-bottom:1.5em; border:none; padding:0; display: flex; align-items: center;}
#modal-cc .modal-header:before, #modal-cc .modal-header:after {display:none;}
#modal-cc .modal-header .close {display: flex; align-items: center; justify-content: center; right:3em; top:3em; opacity:1; background-color:transparent; border:1px solid #181818 !important; color:inherit; font-size:0; letter-spacing:0; line-height:0; width: 3em; height: 3em; border-radius: 50%;}
#modal-cc .modal-header .close:before {content:"\f00d"; font:"FontAwesome"; font-family:"FontAwesome"; font-size:12px;}
#modal-cc .modal-header .modal-title {font-size:1.2em;}
#modal-cc .modal-body {background-color:transparent; padding:0;}
#modal-cc .modal-content .nav-pills {gap:1em; display:flex;}
#modal-cc .modal-content .nav-pills .nav-item {float:none; flex:1;}
#modal-cc .modal-content .nav-pills .nav-link:hover {opacity:1;}
#modal-cc .modal-content .nav-pills .nav-link {text-transform: uppercase; letter-spacing: 2px; transition:.3s all; opacity:.5; text-align: left; background: transparent; border-bottom: solid 1px rgba(0,0,0,0.2); border-radius: 0; padding-inline: 2.5px;}
#modal-cc .modal-content .nav-pills .nav-link.active {opacity:1;}
#modal-cc .modal-content .nav-pills:before {display:none;}
#modal-cc .modal-content .nav-pills:after {display:none;}
#modal-cc .modal-body p:empty {display:none;}
#modal-cc .modal-body * {text-align:left !important; }
#modal-cc .modal-body p {font-size:.8em;}
#modal-cc .modal-body a {text-decoration:none !important;}
#modal-cc .modal-body p + p {margin-top:1em; padding-top:0;}
#modal-cc .modal-body hr {display:none;}
#modal-cc .modal-body .tab-pane {max-height:60vh; overflow:auto;}
#modal-cc .modal-body .tab-pane a {color:inherit; border-bottom:1px dashed;}
#modal-cc .modal-body .tab-pane h5 {font-size:1.1em; margin-bottom:.5em;}
#modal-cc #cc-buttons {display: flex; justify-content: center; gap:.5em; margin-inline:-2px; padding-top:.5em;}
#modal-cc #cc-buttons .btn {font-weight:300; margin:0 !important; background:transparent !important; font-size:.8em; display: flex; justify-content: center; align-items: center; border:1px solid #181818 !important; color:#181818 !important; line-height:normal; text-transform:uppercase; letter-spacing:1px; border-radius:0px; padding:1em !important; }
#modal-cc #cc-buttons .btn:before {display:none;}
#modal-cc #cc-buttons .btn:after {display:none !important; color:inherit !important;}
#cc-settings-container i {font-style: normal;}
#cc-settings-container a {color:#F29207; border:none !important; text-decoration:none !important;}
#cc-settings-container {left:2em; bottom:2em;}
html:not(.cms):has(.modal.show) #cc-settings-container {z-index:-1;}

html:has(body.dark, body.modal-dark) #modal-cc .modal-content {background-color:#2e2e2e !important; color:#fff; }
html:has(body.dark, body.modal-dark) #modal-cc .modal-header .close {border-color: #fff !important; }
html:has(body.dark, body.modal-dark) #modal-cc .modal-content :is(.nav-pills .nav-link, #cc-buttons .btn) {border-color: rgba(255,255,255,0.2) !important; }
html:has(body.dark, body.modal-dark) #modal-cc #cc-buttons .btn {color:#fff !important;}

@media (max-width:1920px) {
    #modal-cc {font-size:16px;}
} @media (max-width:1280px) {
    #modal-cc {font-size:14px;}
} @media (min-width:768px) {
    #modal-cc .modal-dialog {transform-origin:left bottom; transform:scale(.8);}
} @media (max-width:767px) {
    #modal-cc {font-size:12px;}
    #modal-cc .modal-body .tab-pane {max-height:40vh; padding-right:1rem;}
    #modal-cc #cc-buttons {flex-direction: column-reverse;}
    #cc-settings-container {left:1.5em; bottom:1.5em;}
    #modal-cc .modal-body p {font-size:.9em;}
    #modal-cc .modal-content .nav-pills .nav-link {font-size:.7em;}
}


/**********************RX***********************/

.hidden {opacity: 0; transition:.3s all;}
:not(.__base) .hidden {display:none !important;}
.__base :is(.hidden) {max-height:50vh; overflow:hidden;}
.__base :is(.hidden, .d-md-none) {display: block !important; opacity:0.5 !important; visibility:visible !important; position:relative;}
.__base :is(.hidden, .d-md-none):before {content: ""; position: absolute; background-image: url('../../assets/images/hidden.png') !important;  left: 0; top: 0; width: 100% !important; height: 100%; background-size: 100px; z-index: 0;}
.__base .bg-dark .hidden:before {filter:invert(1); }




.bgy-0 {background-position-y: 0% !important;}
.bgy-5 {background-position-y: 5% !important;}
.bgy-10 {background-position-y: 10% !important;}
.bgy-20 {background-position-y: 20% !important;}
.bgy-30 {background-position-y: 30% !important;}
.bgy-40 {background-position-y: 40% !important;}
.bgy-50 {background-position-y: 50% !important;}
.bgy-60 {background-position-y: 60% !important;}
.bgy-70 {background-position-y: 70% !important;}
.bgy-80 {background-position-y: 80% !important;}
.bgy-90 {background-position-y: 90% !important;}
.bgy-95 {background-position-y: 95% !important;}
.bgy-100 {background-position-y: 100% !important;}

.bgx-0 {background-position-x: 0% !important;}
.bgx-5 {background-position-x: 5% !important;}
.bgx-10 {background-position-x: 10% !important;}
.bgx-20 {background-position-x: 20% !important;}
.bgx-30 {background-position-x: 30% !important;}
.bgx-40 {background-position-x: 40% !important;}
.bgx-50 {background-position-x: 50% !important;}
.bgx-60 {background-position-x: 60% !important;}
.bgx-70 {background-position-x: 70% !important;}
.bgx-80 {background-position-x: 80% !important;}
.bgx-90 {background-position-x: 90% !important;}
.bgx-95 {background-position-x: 95% !important;}
.bgx-100 {background-position-x: 100% !important;}


.block-section.lodges.lodgex3 .__col.wider {width:33% !important;}
.block-section.lodges.lodgex3 .__col {width:25% !important;}
.block-section.lodges.lodgex3 .row {display: flex; justify-content: center;}

.new-splash {width: 25%; position: absolute; right: 25%; z-index: 3;}

@media (max-width: 1440px){


}@media (max-width: 1280px) {

    
}@media (max-width: 992px) {
    .block-section.lodges.lodgex3 .row {display: block !important;}

}@media (max-width: 767px) {
    .block-section.lodges.lodgex3 .__col {width:100% !important;}
    .block-section.lodges.lodgex3 .__col.wider {width:100% !important;}

    
    .bgy-0-md {background-position-y: 0% !important;}
    .bgy-5-md {background-position-y: 5% !important;}
    .bgy-10-md {background-position-y: 10% !important;}
    .bgy-20-md {background-position-y: 20% !important;}
    .bgy-30-md {background-position-y: 30% !important;}
    .bgy-40-md {background-position-y: 40% !important;}
    .bgy-50-md {background-position-y: 50% !important;}
    .bgy-60-md {background-position-y: 60% !important;}
    .bgy-70-md {background-position-y: 70% !important;}
    .bgy-80-md {background-position-y: 80% !important;}
    .bgy-90-md {background-position-y: 90% !important;}
    .bgy-100-md {background-position-y: 100% !important;}
    
    .bgx-0-md {background-position-x: 0% !important;}
    .bgx-5-md {background-position-x: 5% !important;}
    .bgx-10-md {background-position-x: 10% !important;}
    .bgx-20-md {background-position-x: 20% !important;}
    .bgx-30-md {background-position-x: 30% !important;}
    .bgx-40-md {background-position-x: 40% !important;}
    .bgx-50-md {background-position-x: 50% !important;}
    .bgx-60-md {background-position-x: 60% !important;}
    .bgx-70-md {background-position-x: 70% !important;}
    .bgx-80-md {background-position-x: 80% !important;}
    .bgx-90-md {background-position-x: 90% !important;}
    .bgx-100-md {background-position-x: 100% !important;}
    
} @media (max-width: 558px) {
    .block-section.lodges.lodgex3 .__col {width:100% !important;}
}


/**********************RX***********************/