#pp-nav li .active span,
.pp-slidesNav .active span {
    background: #fff;
}
#pp-nav.right {
	right: 1%;
}

*, *:before, *:after { box-sizing: border-box; }

.img-responsive {
	width:  100%;
}

/* Slick */
.slick-prev, .slick-next {
	top: 51%;
	width: 6vw;
	height: 6vw;
	z-index: 100;
}
.slick-arrow {
    display:none !important;    
}
#slider-single-index.slider .slick-arrow {
    display:block !important;
}
.slick-prev {
	left: 3%;
}
.slick-next {
	right: 3%;
}
.slick-prev::before, .slick-next::before {
	font-size: 6vw;
}
@media screen and (max-width: 1279px) and (orientation: portrait) {
	.slick-arrow {
    display:block !important;    
}
	.slick-prev {
		left: 25%;
	}
	.slick-next {
		right: 25%;
	}
}

/* Fonts Mirinda */
@font-face {
  font-family: 'TitanOneRegular';
  src: url('../font/TitanOneRegular.eot');
  src: url('../font/TitanOneRegular.eot?') format('embedded-opentype'),
	   url('../font/TitanOneRegular.woff') format('woff'),
	   url('../font/TitanOneRegular.ttf') format('truetype'),
	   url('../font/TitanOneRegular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'URWGeometricCondW03Regular';
    src: url('../font/URWGeometricCondW03Regular.eot');
    src: url('../font/URWGeometricCondW03Regular.eot') format('embedded-opentype'),
         url('../font/URWGeometricCondW03Regular.woff2') format('woff2'),
         url('../font/URWGeometricCondW03Regular.woff') format('woff'),
         url('../font/URWGeometricCondW03Regular.ttf') format('truetype'),
         url('../font/URWGeometricCondW03Regular.svg#URWGeometricCondW03Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'URWGeometricCondW03Bold';
    src: url('../font/URWGeometricCondW03Bold.eot');
    src: url('../font/URWGeometricCondW03Bold.eot') format('embedded-opentype'),
         url('../font/URWGeometricCondW03Bold.woff2') format('woff2'),
         url('../font/URWGeometricCondW03Bold.woff') format('woff'),
         url('../font/URWGeometricCondW03Bold.ttf') format('truetype'),
         url('../font/URWGeometricCondW03Bold.svg#URWGeometricCondW03Bold') format('svg');
}
@font-face {
    font-family: 'ObviouslyCondensed_Bold';
    src: url('../font/ObviouslyCondensed_Bold.eot');
    src: url('../font/ObviouslyCondensed_Bold.eot') format('embedded-opentype'),
         url('../font/ObviouslyCondensed_Bold.woff2') format('woff2'),
         url('../font/ObviouslyCondensed_Bold.woff') format('woff'),
         url('../font/ObviouslyCondensed_Bold.ttf') format('truetype'),
         url('../font/ObviouslyCondensed_Bold.svg#ObviouslyCondensed_Bold') format('svg');
}
.TitanOneRegular {
	font-family: 'TitanOneRegular';
}
.URWGCondW03Regular {
	font-family: 'URWGeometricCondW03Regular';
}
.URWGCondW03Bold {
	font-family: 'URWGeometricCondW03Bold';
}
.ObviouslyCondensedBold {
	font-family: 'ObviouslyCondensed_Bold';
}

h2, h3, h4, p {
    margin: 0;
    padding: 0;
}
h2 {
    font-size: 5.1vw;
    line-height: 5.1vw;
    margin-bottom: 3.2%;
}
h3 {
    font-size: 1.86vw;
    line-height: 2vw;
}
h4 {
    margin-top: 5%;
    font-size: 1.8vw;
    line-height: 1.8vw;
}
p {
    font-size: 1.7vw;
    line-height: 1.7vw;
    color: #fff;
}

a:focus, button:focus, input:focus, textarea:focus {
    outline: none!important;
}
a, a:focus, *:focus {
    border: none;
    outline: none;
}

/* Color */
.c-fff {
    color: #fff;
}
.c-orange {
    color: #fe842b;
}
.c-purple {
    color: #7752a1;
}

/* Rotate text */
.r-deg1 {
    transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.r-deg3 {
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.r-deg-3 {
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.r-deg-10 {
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-10);
}

.pag-scrollable {
    position: relative; width: 100%; height: auto; min-height: 100vh;
}

/* Fixed header and footer.
	* --------------------------------------- */
#footer-symbol, #logo, .social {
    position: fixed;
    height: 50px;
    display: block;
    width: 100%;
    z-index: 9;
}
.social-abs {
    position: absolute;
}
#logo {
    width: 10.2%;
    height: auto;
    text-align: left;
    background: transparent;
    z-index:15;
    top: 2.2%;
    left: 1.5%;
    padding: 0;
}
.social {
    z-index: 11;
    padding: 0;
    width: 10%;
    height: auto;
    right: 0;
    bottom: 1%;
    background: transparent;
}
.social a {
    position: relative;
    display: block;
    width: 20%;
    cursor: pointer;
    float: left;
    margin: 0 1%;
}
.social a:hover {
    opacity: 0.5;
}

.socialBtnNone {
    display: none;
}

.mouseover-icon {
    position: absolute;
    width: 100%;
    height: auto;
}
.mouseover-icon .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    width: 100%;
    opacity: 0;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
}
.mouseover-icon:hover .overlay {
    opacity: 1;
}


#footer-symbol{
    text-align:center;
    background: transparent;
    height: 54px;
    bottom: 1%;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 0;
    width: 100px;

}
#footer-symbol img {
    width: 1.1%;
    height: auto;
}
.section {
    display: none;
}
.section:first-child {
    display: block;
}
.relative-100 {
    position: relative; width: 100%; height: 100%;
}
/* Section 1 */

@media (min-width: 1px) and (orientation: landscape) {
    .img-l, .img-p {
        display: none;
    }
    .img-l {
        display: block;
    }
    .section1-1 {
        position: absolute; top: 11vh; left: 23vh; width: 55vh; height: auto; z-index: 1;
    }
    .section1-1-abs {
        position: absolute; color: #fff; margin-top: 38vh; margin-left: 10vh; width: 30vh; text-align: left; z-index: 1;
    }
    .section1-1-txt {
/*        font-size: 2.9vh; line-height: 3vh;*/
        font-size: 2.6vh; line-height: 2.6vh; text-align: center;
    }
    .section1-1-btn {
        width: 22vh; margin: 1vh auto 0 auto; display: block;
    }
    .section1-1-btn .mouseover {
        width: 22vh;
    }
    .section1-1-bg {
        position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 0;
    }
    .section1-1-bg img {
        width: auto; height: 78vh;
    }
    .section1-1-bg-mob {
        display: none;
    }

}

@media (min-width: 1px) and (orientation: portrait) {
    .img-l, .img-p {
        display: none;
    }
    .img-p {
        display: block;
    }
    .section1-1 {
        position: relative; top: 70px; left: 0; width: auto; height: 70vh; z-index: 1;
    }
    @media (width: 375px) and (height: 667px) and (orientation: portrait) {
        .section1-1 {
            margin-top: 3vh;
        }
    }
    @media (width: 375px) and (height: 812px) and (orientation: portrait) {
        .section1-1 {
            margin-top: 5vh;
        }
    }
    @media (width: 360px) and (height: 740px) and (orientation: portrait) {
        .section1-1 {
            margin-top: 4vh;
        }
    }
    @media (width: 414px) and (height: 736px) and (orientation: portrait) {
        .section1-1 {
            margin-top: 5vh;
        }
    }
    @media (width: 768px) and (height: 1024px) and (orientation: portrait) {
        .section1-1 {
            margin-top: 5vh;
        }
    }
    @media (width: 834px) and (height: 1112px) and (orientation: portrait) {
        .section1-1 {
            margin-top: 5vh;
        }
    }
    @media (width: 1024px) and (height: 1366px) and (orientation: portrait) {
        .section1-1 {
            margin-top: 8vh;
        }
    }
    @media (width: 800px) and (height: 1280px) and (orientation: portrait) {
        .section1-1 {
            margin-top: 8vh;
        }
    }
    .section1-1-abs {
        margin: 0;
        position: absolute;
        top: 70vh;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 1;
    }
    .section1-1-txt {
        font-size: 2.9vh; line-height: 3vh; width: 30vh; color: #fff; text-align: left; margin: 0 auto; display: none;
    }
    .section1-1-btn {
        width: 22vh; margin: 2vh auto 0 auto; display: block;
    }
    .section1-1-btn .mouseover {
        width: 22vh;
    }
    .section1-1-bg {
        display: none;
    }
    .section1-1-bg-mob {
        position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 0;
    }
    .section1-1-bg-mob img {
        width: auto; height: 74vh;
    }
}

@media (min-width: 1px) and (orientation: landscape) {
    .video-desc{
        position: absolute;
        z-index: 0;
        left: 0;
        bottom: 0;
        top:0;
        right:0;
        width: 100%;
        height: 100%;
        background-size: 100% 100%;
        background-color: #ff960a; /* in case the video doesn't fit the whole page*/
        background-image: none;
        background-position: center center;
        background-size: contain;
        object-fit: cover; /*cover video background */
    }
    .video-mob {
        display: none;
    }
    .section1-1-mob {
        display: none;
    }
}

@media (min-width: 1px) and (orientation: portrait) {
    .video-mob {
        position: absolute;
        z-index: 0;
        left: 0;
        bottom: 0;
        top:0;
        right:0;
        width: 100%;
        height: 100%;
        background-size: 100% 100%;
        background-color: #ff960a; /* in case the video doesn't fit the whole page*/
        background-image: none;
        background-position: center center;
        background-size: contain;
        object-fit: cover; /*cover video background */
    }
    .video-desc {
        display: none;
    }
    .section1-1 {
        display: none;
    }
}

.mouseover {
    position: absolute;
    width: 25%;
    height: auto;
}
.mouseover .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    width: 100%;
    opacity: 0;
}
.mouseover:hover .overlay {
  opacity: 1;
}


/* Section 2 */
#section2 {
    background: #4eb84e;
    background: #fdabe5;
}

@media (min-width: 1280px) {
    .container-s4 {
            margin-top: 20px;
            position: relative;
    }
    .girls {
        position: absolute; top: 14%; left: 2.5%; width: 29%;
    }
    .bubbles-1 {
        position: absolute; bottom: 5%; left: 1%; width: 6.5%;
    }
    .bubbles-2 {
        position: absolute; top: 10%; right: 2%; width: 6.5%;
    }
    #container-instafeed {
        position: relative;
        background: transparent;
        width: 50%;
        height: 90vh;
        overflow-y: scroll;
        margin-left: 30%;
    }
    .section2-left {
        position: absolute; bottom: 0%; left: 0; width: 25.4%;
    }
    .section2-right {
        position: absolute; bottom: 0%; right: 0; width: 25%;
    }
}

@media (max-width: 1279px) {
    .container-s4 {
            margin-top: 65px;
    }
    .girls {
        position: absolute; top: 14%; left: 2.5%; width: 29%; display: none;
    }
    .bubbles-1 {
        position: absolute; top: 65px; left: 1%; width: 8vh;
    }
    .bubbles-2 {
        position: absolute; bottom: 0; right: 2%; width: 8vh;
    }
    #container-instafeed {
            background: transparent;
            width: 70%;
            margin: 0 auto;
            height: 80vh;
            overflow-y: hidden;
            overflow: hidden;
    }
    .section2-left {
        position: absolute; bottom: 0%; left: 0; width: 50%;
    }
    .section2-right {
        position: absolute; bottom: 0%; right: 0; width: 50%;
    }
     /* #embedIFrame_8c5d59dcbaab86716441590eea782d5701a24021 {
        height: 96vh !important;
    } */
}
.img-land, .img-port {
    display: none;
}
@media (min-width: 1px) and (orientation: landscape) {
    .img-land {
        display: block;
    }
    .pink-mob {
        position: absolute; top: 5vh; left: 28%; width: auto; height: 95vh; z-index: 1;
    }
    .pink-mob img {
        width: auto;
        height: 100%;
    }
}
@media (min-width: 1px) and (orientation: portrait) {
    .img-port {
        display: block;
    }
    .pink-mob {
        position: absolute; top: 30%; left: 10%; width: 80%; height: auto; z-index: 1;
    }
    .pink-mob img {
        width: 100%;
    }
}

/* Section 3 */
.slider-1, .slider-2, .slider-3, .slider-4, .slider-5, .slider-6, .slider-7 {
    position: relative;
    height: 100vh;        
}
.slider-1, .slider-2, .slider-3, .slider-4, .slider-5, .slider-6, .slider-7 {
    background: #ffc311;
    color: #ff960a;
}
.portocale {
    background: #ffd400;
    color: #ff8d00;
}
.mar-kiwi {
    background: #56bd53;
    color: #56bd53;
}
.struguri-rodie {
    background: #ff9ddf;
    color: #e22981;
}
.pink-new {
    background: #fdabe5;
    color: #e22981;
}
/*.slider-4 {
    background: #48bfef;
    color: #1796c9;
}
.slider-5 {
    background: #f84e4e;
    color: #f84e4e;
}*/


.box-1 {
    position: absolute; left: 0; width: 50%; height: 100vh; background: transparent; z-index: 1;
}
@media (min-width: 1px) and (orientation: landscape) {
    .box-1 {
        top: 0;
    }
}
.box-text {
    height: 100vh; position: relative;
}

.box-txt-all {
    margin: 0; position: absolute; top: 32%; left: 20%; text-transform: uppercase; text-align: left;
}
.box-txt-title {
    font-size: 10vh; line-height: 10vh;
}
.box-txt-info {
    margin-top: 2vh; font-size: 4vh; line-height: 4.5vh;
}
@media (min-width: 1px) and (orientation: landscape) {
    .txt-pink {
        width: 55vh;
    }
    .slider-1-pink {
        overflow-x: hidden;
	background: url('/img/bg-new.jpg') no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 100%;
	min-height: 100vh;
    }
}
@media (min-width: 1px) and (orientation: portrait) {
    .txt-pink {
        width: 70vw;
        margin-left: 7%;
    }
    .slider-1-pink {
        overflow-x: hidden;
	background: url('/img/bg-new.jpg') no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 100%;
	min-height: 100vh;
    }
}
img.bg-text {
    height: 100%; width: auto;
}
.box-2 {
    position: absolute; top: 0; right: 0; width: 50%; height: 100vh; background: transparent; z-index: 2;
}
.box-produs {
    height: 100vh; position: relative;
}
.box-produs-img {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); text-align: left;
}
img.bg-produs {
    height: 80vh; width: auto;
}
.box-3 {
    position: absolute; top: 0; right: 0; width: 100%; height: 100vh; background: transparent; z-index: 3;
}
.box-exclusiv {
    height: 100vh; position: relative;
}
.box-exclusiv-img {
    position: absolute;
    top: 44vh;
    left: 88vh;
}
img.bg-exclusiv {
    height: 15vh; width: auto;
}
.bubbles {
    position: absolute; top: 0; right: 0; width: auto; height: 100vh; background: transparent;
}
img.bg-bubbles {
    height: 108%; width: auto;
}
.bg-text-mob {
    display: none;
}
.box-exclusiv-img-mob {
    display: none;
}
img.bg-bubbles-mob {
    display: none;
}

@media screen and (max-width: 1279px) and (orientation: portrait) {
    .box-1 {
        position: absolute; bottom: 0; left: 0; width: 100%; height: 40vh; background: transparent; z-index: 1;
    }
    .box-text {
        height: 100%; position: relative; z-index: 2;
    }
    .box-txt-all {
        position: relative;
        width: 45vh;
        margin: 0 auto;
        top: 0;
        left: 0;
    }
    .box-txt-all br {
        display: none;
    }
    .box-txt-title {
        font-size: 8vh; line-height: 8vh; width: auto; padding-top: 10vh;
    }
    .box-txt-info {
        margin-top: 2vh; font-size: 3vh; line-height: 3.5vh; width: auto;
    }
    img.bg-text {
        height: 100%; width: auto; display: none;
    }
    .box-2 {
        position: absolute; top: 60px; right: 0; width: 100%; height: 50vh; background: transparent; z-index: 2;
    }
    .box-produs {
        height: 100%; position: relative;
    }
    .box-produs-img {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); text-align: left;
    }
    img.bg-produs {
        height: 45vh; width: auto;
    }
    .box-3 {
        position: absolute; top: 0; right: 0; width: 100%; height: 100vh; background: transparent; z-index: 3; display: none;
    }
    .box-exclusiv {
        height: 100vh; position: relative; display: none;
    }
    .box-exclusiv-img {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }
    img.bg-exclusiv {
        height: 15vh; width: auto; display: none;
    }
    .bubbles {
        position: absolute; top: 0; right: 0; width: auto; height: 100vh; background: transparent;
    }
    img.bg-bubbles {
        display: none;
    }
    img.bg-bubbles-mob {
        display: block;
        height: 70%; width: auto;
    }
    .bg-text-mob {
        display: block;
        position: absolute; top:  0; left: 0; width: 100%; height: 40vh;
    }
    .bg-text-mob img {
        width: 100%;
        height: 40vh;
    }
    .box-exclusiv-img-mob {
        display: block;
        position: absolute; top:  0; right: 2vh; width: 15vh; height: auto;
    }
    .box-exclusiv-img-mob img {
        width: 100%;
        height: auto;
    }
}

/* Section 4 */
#section4 {
	background-size: cover;
	background-attachment: fixed;
	background-image: url('../img/bg6.png');
}
#section4 form {
	width: 62%;
	margin: 5% 0;
}
#section4 form label {
	display: none;
}
input.form-control, input.form-control:hover, input.form-control:active, input.form-control:visited, input.form-control:focus {
    display: block;
    width: 100%;
    height: calc(2em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1.1vw;
    font-weight: 400;
    line-height: 1.5;
    color: #737373;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #fff;
    border-radius: 0rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	font-family: 'URWGeometricCondW03Regular';
}
.form-control:focus {
  border-color: #737373;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(115, 115, 115, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(115, 115, 115, 0.6);
}

textarea.form-control, textarea.form-control:hover, textarea.form-control:active, textarea.form-control:visited, textarea.form-control:focus {
	font-size: 1.1vw;
	color: #737373;
	border-radius: 0rem;
	padding: .8rem .75rem;
	font-family: 'URWGeometricCondW03Regular';
	min-height: 20vh;
    background-color: #ffffff;
	border: 1px solid #fff;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
textarea.form-control:focus {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(115, 115, 115, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(115, 115, 115, 0.6);
}
.btn-mirinda, .btn-mirinda:hover, .btn-mirinda:active, .btn-mirinda:visited, .btn-mirinda:focus {
	background: #fff;
	border: 1px solid #fff;
	color: orange;
	width: 100%;
	border-radius: 0rem;
	font-size: 1.3vw;
	font-family: 'URWGeometricCondW03Bold';
	text-transform: uppercase;
	transition: none;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(115, 115, 115, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(115, 115, 115, 0.6);
}
.btn-mirinda:hover {
	background: #fff;
	border: 1px solid #fff;
	opacity: 0.9;
}
.f-contact {
	clear: both;
	width: 100%;
	height: auto;
	background: #fff;
	position: absolute;
	bottom: 0;
	padding: 0.3% 0;
	z-index: 3;
}
.f-contact p, .f-contact a, .f-contact a:hover, .f-contact a:active, .f-contact a:visited, .f-contact a:focus {
	color: #000; font-size: 0.85vw; line-height: normal;
}
.abs-contact {
	width: 100%; height: auto; position: absolute; top: 0; left: 0; z-index: 3;
}
.container-contact {
	position: relative; width: 100%; height: auto; min-height: 86vh; margin-top: 14vh;
}
.txt-contact {
	width: 68%; float: left; text-align: left; margin-top: 1.5%;
}
.title-form {
    margin: 0 auto;
    width: 60%;
}
.txt-contact-1 {
    font-size: 18vw;
    line-height: 11vw;
    margin-bottom: 3%;
}
.txt-contact-2 {
    font-size: 5vw;
    line-height: 9vw;
    padding-left: 2%;
}
@media (max-width: 640px) {
    .txt-contact-1 {
        font-size: 30vw;
        line-height: 30vw;
        margin-bottom: 3%;
    }
    .txt-contact-2 {
        font-size: 9vw;
        line-height: 10vw;
        padding-left: 2%;
        margin-bottom: 10%;
    }
}
.formular {
    width: 32%; float: left; min-height: 81vh; padding-bottom: 6vh;
}
@media (width: 1280px) and (height: 1024px) {
	.formular {
		min-height: 85vh;
	}
}
.txt-formular {
	width: 62%; font-size: 3vw; line-height: 3vw; text-align: center;
}
.msg {
    background: #fff;
    border-radius: 1rem;
    font-weight: bold;
    margin: 0 0 1rem 0;
    padding: 0.5rem 0.1rem;
    color: orange;
    font-size: 1.1vw;
}
.help-block {
    font-size: 0.7vw;
}

/* Meniu */
#meniuM {
    height: 100%;
    width: 100%;
    min-height: 100vh;
    position: relative;
    margin: 0 auto;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -khtml-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    visibility: visible;
    position: absolute;
}
#meniuM.navigation {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background: #000000;
    overflow: hidden;
    visibility: visible;
    z-index: 200;
}

#meniuM #meniuMBodyContent {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    overflow: hidden;
    visibility: hidden;
}

#burgerBtn {
    border-top: 4px solid #fff;
    height: 25px;
    width: 30px;
    box-sizing: border-box;
    position: absolute;
    z-index: 201;
    right: 1.2%;
    top: 15px;
    cursor: pointer;
}
#burgerBtn:before {
    content: "";
    display: block;
    position: absolute;
    height: 4px;
    width: 30px;
    right: 0;
    background: #fff;
    top: 7px;
}
#burgerBtn:after {
    content: "";
    display: block;
    position: absolute;
    height: 4px;
    width: 30px;
    right: 0;
    background: #fff;
    bottom: 0;
}

#meniuM.navigation #burgerBtn:before {
    background: #fff;
}
#meniuM.navigation #burgerBtn:after {
    background: #fff;
}
#meniuM.navigation #burgerBtn {
    border-top: 4px solid transparent;
}


@media (hover: hover) and (pointer: fine){
    #burgerBtn:hover {
        border-top: 4px solid #f9bf1f;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -khtml-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }
    #burgerBtn:hover::before {
        background: #f9bf1f;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -khtml-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }
    #burgerBtn:hover::after {
        background: #f9bf1f;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -khtml-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }
}

#nav {
    width: 50%;
    position: absolute;
    z-index: 10;
    list-style-type: none;
    margin: 14% 0 0 0;
    padding: 0;
    overflow: hidden;
    left: 50%;
}
#nav li {
    height: auto;
    width: 60%;
    margin: 1% 0;
    background: transparent;
}

.navigation #nav li {
    width: 50%;
}
ul#nav li a {
    display: block;
    position: relative;
}
#meniu #nav li.active {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    width: 100%;
    opacity: 0;
}
.navigation #nav li.active .mouseover .overlay {
    opacity: 1;
}

.navigation #burgerBtn {
    border-color: transparent;
}
.navigation #burgerBtn:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 33px;
    left: -2px;
}
.navigation #burgerBtn:after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -khtml-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    bottom: 11px;
    width: 33px;
    left: -2px;
}

#meniuM.navigation #meniuMBodyContent {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    visibility: visible;
}

#logoM a {
    display: block;
}
#logoM {
    list-style-type: none;
    position: absolute;
    width: 10.2%;
    height: auto;
    top: 2.2%;
    left: 1.5%;
    padding: 0;
    margin: 0;
}
.start-animation {
    animation-name: logoMPoz;
    -webkit-animation-name: logoMPoz;
    -moz-animation-name: logoMPoz;
    -o-animation-name: logoMPoz;

    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;

    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-transition: logoMPoz;

    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;

    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
}
@-webkit-keyframes logoMPoz {
    100% {
        position: absolute;
        width: 30%;
        height: auto;
        top: 25%;
        left: 10%;
        padding: 0;
        margin: 0;
    }
    0%  {
        position: absolute;
        width: 10.2%;
        height: auto;
        top: 2.2%;
        left: 1.5%;
        padding: 0;
        margin: 0;
    }
}
@-moz-keyframes logoMPoz {
    100% {
        position: absolute;
        width: 30%;
        height: auto;
        top: 25%;
        left: 10%;
        padding: 0;
        margin: 0;
    }
    0%  {
        position: absolute;
        width: 10.2%;
        height: auto;
        top: 2.2%;
        left: 1.5%;
        padding: 0;
        margin: 0;
    }
}
@-o-keyframes logoMPoz {
    100% {
        position: absolute;
        width: 30%;
        height: auto;
        top: 25%;
        left: 10%;
        padding: 0;
        margin: 0;
    }
    0%  {
        position: absolute;
        width: 10.2%;
        height: auto;
        top: 2.2%;
        left: 1.5%;
        padding: 0;
        margin: 0;
    }
}
@keyframes logoMPoz {
    100% {
        position: absolute;
        width: 30%;
        height: auto;
        top: 25%;
        left: 10%;
        padding: 0;
        margin: 0;
    }
    0%  {
        position: absolute;
        width: 10.2%;
        height: auto;
        top: 2.2%;
        left: 1.5%;
        padding: 0;
        margin: 0;
    }
}

/* mob/desk */
.mob, .desk {
	display: none;
}

.portraite-mob {
	display: none;
}

#footer-symbol img.portraite {
	display: none;
}
@media screen and (max-width: 1279px) {
    #logoM {
            display: none;
    }
    #nav {
            width: 100%;
            left: 25%;
            margin: 25vh 0 0 0;
    }
    .navigation #nav li {
            width: 50%;
    }
    #footer-symbol {
            height: 25px;
    }
    #footer-symbol img.landscape {
            display: none !important;
    }
    #footer-symbol img {
            width: 25px;
            margin: 0 auto;
    }
    #footer-symbol img.portraite {
            display: block;
    }
    .social {
            width: 165px;
            height: 35px;
            right: 35px;
            top: 11px;
    }
    #burgerBtn {
            right: 15px;
    }
    #logoM {
            display: none;
    }
    #nav {
            width: 100%;
            left: 10%;
            margin: 30vh 0 0 0;
    }
    .navigation #nav li {
            width: 80%;
    }

    #burgerBtn.greenBurgerMeniu {
        border-top: 4px solid #046937;
    }
    #burgerBtn.greenBurgerMeniu:before {
        background: #046937;
    }
    #burgerBtn.greenBurgerMeniu:after {
        background: #046937;
    }
    .socialBtnBlock {
        display: none;
    }
    .socialBtnNone.smBtnGreen {
        display: block;
    }
    .header-opacity {
            background:rgba(255, 255, 255, 0.5) !important;
    }
    .header {
        width: 100%;
        height: 60px;
        background-image: url('../img/bg-menu-header-mob.png');
        background-repeat: repeat;
        background: #fff;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
}
    #logo {
            width: 80px;
            top: 5px;
            left: 15px;
    }
}
@media screen and (max-width: 1279px) and (orientation: landscape) {
    #nav {
            width: 100%;
            left: 10%;
            margin: 22vh 0 0 0;
    }
    .navigation #nav li {
            width: 50%;
            margin-left: 14%;
    }
}
@media screen and (max-width: 1279px) and (orientation: portrait) {
    .mob {
            display: block;
    }

    h2 {
            font-size: 10vw;
            line-height: 10vw;
            margin-bottom: 3.2%;
    }
    h3 {
            font-size: 3.5vw;
            line-height: 4vw;
    }
    p {
            font-size: 2.8vw;
            line-height: 2.8vw;
    }

    h4 {
            margin-top: 5%;
            font-size: 3.2vw;
            line-height: 3.2vw;
    }
    .portraite-mob {
            display: block;
    }
	

}



@media (max-width: 1279px) {
    /*	Contact */
    .container-contact {
            margin-top: 0;
            padding-top: 70px;
            min-height: calc(100vh - 70px);
    }
    .txt-contact {
            float: left;
            width: 90%;
            margin-top: 0;
    }
    .formular {
            width: 100%;
            float: none;
            clear: both;
            min-height: 100%;
            padding-bottom: 44px;
    }
    #section4 form {
            width: 62%;
            margin: 5% auto;
            padding-bottom: 0;
    }
    .txt-formular {
            width: 74%;
            font-size: 5vw;
            line-height: 5vw;
            text-align: right;
    }
    .btn-mirinda, .btn-mirinda:hover, .btn-mirinda:active, .btn-mirinda:visited, .btn-mirinda:focus {
            font-size: 4vw;
    }
    .f-contact {
            padding: 5px 0;
            height: 34px;
            z-index: 1;
    }
    .f-contact p, .f-contact a, .f-contact a:hover, .f-contact a:active, .f-contact a:visited, .f-contact a:focus {
            font-size: 11px;
            line-height: 12px;
    }
    .msg, input.form-control, 
    input.form-control:hover, input.form-control:active, input.form-control:visited, input.form-control:focus,
    textarea.form-control, textarea.form-control:hover, textarea.form-control:active, textarea.form-control:visited, textarea.form-control:focus {
            font-size: 3vw;
    }
    textarea.form-control, textarea.form-control:hover, textarea.form-control:active, textarea.form-control:visited, textarea.form-control:focus {
            min-height: 40px;
    }
    .help-block {
            font-size: 1.8vw;
            padding-top: 0.5vw;
    }
    #pp-nav {
            display: none;
    }
}

@media (orientation: landscape) {
    .f-contact-mob {
            display: none;
    }
    .f-contact-desk {
            display: block;
    }
}
@media (orientation: portrait) {
    .f-contact-desk {
            display: none;
    }
    .f-contact-mob {
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
    }
}

@media (min-width: 640px)and (max-width: 1279px) {
    .f-contact {
            padding: 5px 0;
            height: 42px;
    }
    .f-contact p, .f-contact a, .f-contact a:hover, .f-contact a:active, .f-contact a:visited, .f-contact a:focus {
            font-size: 15px;
            line-height: 16px;
    }
}

.datepicker table tr td.today.active.day, .datepicker table tr td.today.day:active, .datepicker table tr td.today.day:hover.active, .datepicker table tr td.today.day:hover:active {
    background-color: orange;
    background-color: orange\9;
    background-image: none;
}

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

.modal-dialog {
    width: 84%;
    max-width: 940px;
    margin: 4.75rem auto 0 auto;
}
.modal-body {
    padding: 4rem;
    min-height: 60vh;
}
.modal-body p {
    font-size: 2vw;
    line-height: 2.2vw;
    font-family: 'URWGeometricCondW03Bold';
    color: orange;
}
@media (max-width: 639px) {
    .modal-body {
        padding: 2rem;
    }
    .modal-body p {
        font-size: 20px;
        line-height: 22px;
    }
}
@media (min-width: 640px)and (max-width: 1279px) {
    .modal-body p {
        font-size: 26px;
        line-height: 28px;
    }
}
.close, .close:hover {
    font-size: 2.5rem;
    color: orange;
    opacity: 1;
}
.close:hover{
    opacity: 0.9;
}

/* Hide scrollbar for Chrome, Safari and Opera */
#container-instafeed::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#container-instafeed {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.under-construction {
    width: 90%;
    margin: 15vh auto 0 auto;
}
.under-construction h2 {
    font-family: 'URWGeometricCondW03Bold';
    text-transform: uppercase;
    font-size: 4vw;
    line-height: normal;
    margin-bottom: 10px;
    text-align: center;
    color: #fff;

}
.under-construction h2 span {
    display: block;
    text-transform: none;
    font-size: 1.5vw;
}
@media (min-width: 768px) and (max-width: 1279px) {
    .under-construction h2 {
        font-size: 7vw;
    }
    .under-construction h2 span {
        font-size: 3.5vw;
    }
}
@media screen and (max-width: 480px) {
    .under-construction h2 {
        font-size: 10vw;
    }
    .under-construction h2 span {
        font-size: 5.5vw;
    }
}
@media (min-width: 481px) and (max-width: 767px) {
    .under-construction h2 {
        font-size: 7vw;
    }
    .under-construction h2 span {
        font-size: 3.5vw;
    }
}
 
.fadeInRight {
    -webkit-animation: fadeInRight; /* Chrome, Safari, Opera */
    animation: fadeInRight;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes fadeInRight {
    0% {
        top: 50%;
        left: 100%;
        -webkit-transform: translate(-50%, -50%) rotate(10deg);
    }
    50% {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(5deg);
    }
    100% {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
    }
}
/* Standard syntax */
@keyframes fadeInRight {
    0% {
        top: 50%;
        left: 100%;
        transform: translate(-50%, -50%) rotate(10deg);
    }
    50% {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(5deg);
    }
    100% {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(0deg);
    }
}

.fadeInUp {
    -webkit-animation: fadeInUp; /* Chrome, Safari, Opera */
    animation: fadeInUp;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        height: auto;
        -webkit-transform: translateY(40px);
    }
    100% {
        opacity: 1;
        height: 0;
        -webkit-transform: translateY(0);
    }
}
/* Standard syntax */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


.slick-active .box-produs-img {
    animation-name: fadeInRight;
    animation-duration: 1.5s;
}

.slider-1.slick-active .box-txt-title {
    animation-name: fadeInUp;
    animation-duration: 0.8s;
}
.slider-1.slick-active .box-txt-info {
    animation-name: fadeInUp;
    animation-duration: 1.5s;
}
.slider-5.slick-active .box-txt-title {
    animation-name: fadeInUp;
    animation-duration: 0.8s;
}
.slider-5.slick-active .box-txt-info {
    animation-name: fadeInUp;
    animation-duration: 1.5s;
}
.slider-6.slick-active .box-txt-title {
    animation-name: fadeInUp;
    animation-duration: 0.8s;
}
.slider-6.slick-active .box-txt-info {
    animation-name: fadeInUp;
    animation-duration: 1.5s;
}

/* sound  muted/unmuted */

#toggleSound {
    transform: translate(0px);
    margin: 0px;
    box-sizing: border-box;
    padding: 0px;
    position: absolute;
    z-index: 20;
    height: 20px;
    width: 20px;
    bottom: 2.1%;
    right: 12%;
}

@media screen and (min-width: 1280px) and (max-height: 800px) {
    #toggleSound {
        bottom: 1.7%;
    }
}
@media screen and (min-width: 1280px) and (height: 1280px) {
    #toggleSound {
        bottom: 1.3%;
    }
}
@media screen and (min-width: 1280px) and (height: 1024px) {
    #toggleSound {
        bottom: 1.3%;
    }
}

.sound .sound-inner {
    height: 20px;
    width: 20px;
    -webkit-animation-name: pulse-soundVideo;
    -moz-animation-name: pulse-soundVideo;
    -o-animation-name: pulse-soundVideo;
    animation-name: pulse-soundVideo;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 2;
    -moz-animation-iteration-count: 2;
    -o-animation-iteration-count: 2;
    animation-iteration-count: 2;
    transform-origin: 50% 50%;
}

.sound .sound-inner .muted,
.sound .sound-inner .unmuted {
    width: 25px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.sound .sound-inner .muted {
    width: 30px
}
.sound .sound-inner .cls-1,
.sound .sound-inner .cls-2 {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 7.24px;
}
.sound .sound-inner .cls-1 {
    stroke: #fff;
    transition: all .35s ease;
}
.sound .sound-inner .cls-2 {
    stroke: #fff;
}

.sound .sound-inner .unmuted {
    display: none;
}

.soundOn.sound .sound-inner .muted {
    display: none;
}
.soundOn.sound .sound-inner .unmuted {
    display: block;
}

@-webkit-keyframes pulse-soundVideo {
    0% {
        transform:scale(1)
    }
    25% {
        transform:scale(1.3)
    }
    50% {
        transform:scale(1)
    }
    75% {
        transform:scale(1.3)
    }
    to {
        transform:scale(1)
    }
}
@-moz-keyframes pulse-soundVideo {
    0% {
        transform:scale(1)
    }
    25% {
        transform:scale(1.3)
    }
    50% {
        transform:scale(1)
    }
    75% {
        transform:scale(1.3)
    }
    to {
        transform:scale(1)
    }
}
@-o-keyframes pulse-soundVideo {
    0% {
        transform:scale(1)
    }
    25% {
        transform:scale(1.3)
    }
    50% {
        transform:scale(1)
    }
    75% {
        transform:scale(1.3)
    }
    to {
        transform:scale(1)
    }
}
@keyframes pulse-soundVideo {
    0% {
        transform:scale(1)
    }
    25% {
        transform:scale(1.3)
    }
    50% {
        transform:scale(1)
    }
    75% {
        transform:scale(1.3)
    }
    to {
        transform:scale(1)
    }
}

@media (min-width: 1280px) {
    #footer-symbol {
        width: 1%;
        height: auto;
        left: 50%;
    }
    #footer-symbol img {
        width: 100%;
    }
}
@media (max-width: 1279px) {
    #toggleSound {
        position: fixed;
        right: 5%;
    }
}

/* update */
@media (min-width: 1px) and (orientation: landscape) {
    #section1 {
        background: #ffd607;
    }
    #bg-rPet.slider-1 {
        background-image:url("../img/bg-rPET-desk.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .section1-1-abs {
        position: absolute; color: #fff; margin-top: 38vh; margin-left: 5vh; width: 30vh; text-align: left; z-index: 1;
    }
    #bg-rPet-desk{
        position: absolute;
        z-index: 0;
        right: 0;
        bottom: 0;
        top:0;
        right:0;
        width: 100%;
        height: 100%;
        background-size: 100% 100%;
        background-color: transparent; /* in case the video doesn't fit the whole page*/
        background-image: url('../img/bg-rPET-mob.png') /* our video */;
        background-position: center center;
        background-size: contain;
        object-fit: cover; /*cover video background */
        background-repeat: no-repeat;
    }
    #bg-rPet-mob {
        display: none;
    }
    
}
@media (max-width: 1279px) and (orientation: landscape) {
    #bg-rPet-desk{
        position: absolute;
        z-index: 0;
        right: 0;
        bottom: 0;
        top:18%;
        right:0;
        width: 85%;
        height: 85%;
        background-size: 100% 100%;
        background-color: transparent; /* in case the video doesn't fit the whole page*/
        background-image: url('../img/bg-rPET-mob.png') /* our video */;
        background-position: center center;
        background-size: contain;
        object-fit: cover; /*cover video background */
        background-repeat: no-repeat;
    }
}
@media (min-width: 760px) and (max-width: 1279px) and (orientation: landscape) {
    #bg-rPet-desk{
        position: absolute;
        z-index: 0;
        right: 0;
        bottom: 0;
        top:10%;
        right:0;
        width: 85%;
        height: 85%;
        background-size: 100% 100%;
        background-color: transparent; /* in case the video doesn't fit the whole page*/
        background-image: url('../img/bg-rPET-mob.png') /* our video */;
        background-position: center center;
        background-size: contain;
        object-fit: cover; /*cover video background */
        background-repeat: no-repeat;
    }
}

@media screen and (max-width: 1279px) and (orientation: portrait) {
    #section1 {
        background: #ffd607;
    }
    #section1 .slick-prev {
            left: 2%;
    }
    #section1 .slick-next {
            right: 2%;
    }
    #bg-rPet.slider-1 {
        background-image:url("../img/bg-rPET-mobile.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    #bg-rPet-desk{
        display: none;
    }
    #bg-rPet-mob{
        position: absolute;
        z-index: 0;
        left: 6%;
        bottom: 0;
        top:10%;
        width: 85%;
        height: 85%;
        background-size: 100% 100%;
        background-color: transparent; /* in case the video doesn't fit the whole page*/
        background-image: url('../img/bg-rPET-mob.png') /* our video */;
        background-position: center center;
        background-size: contain;
        object-fit: cover; /*cover video background */
        background-repeat: no-repeat;
    }
    .section1-1-btn {
        width: 42vh; margin: 2vh auto 0 auto; display: block;
    }
    .section1-1-btn .mouseover {
        width: 42vh;
    }
}


@media (min-width: 1px) and (orientation: landscape) {
    .section3-1 {
        position: absolute; top: 11vh; left: 22vh; width: 55vh; height: auto; z-index: 1;
    }
    .section3-1-abs {
        position: absolute; color: #fff; margin-top: 42vh; margin-left: 5.5vh; width: 28vh; text-align: left; z-index: 1;
    }
    .section3-1-txt {
        font-size: 2.6vh; line-height: 2.6vh; text-align: center;
    }
    .section3-1-btn {
        width: 23vh; margin: 6vh auto 0 auto; display: block;
    }
    .section3-1-btn .mouseover {
        width: 23vh;
    }
    .section3-1-bg {
        position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 0;
    }
    .section3-1-bg img {
        width: auto; height: 85vh;
    }
    .section3-1-bg-mob {
        display: none;
    }
    .section3-1-mob {
        display: none;
    }
}
@media (width: 1024px) and (orientation: landscape) {
    .section1-1, .section3-1 {
        left: 2vh;
    }
}
@media (width: 1400px) and (orientation: landscape) {
    .section1-1, .section3-1 {
        left: 2vh;
    }
}
@media (width: 1600px) and (min-height: 1100px) and (orientation: landscape) {
    .section1-1, .section3-1 {
        left: 2vh;
    }
}

@media (min-width: 1px) and (orientation: portrait) {
    .section3-1-mob {
        position: relative; top: 42vh; left: 10%; width: 100%; height: auto; z-index: 1;
    }
    .section3-1-abs-mob {
        position: absolute; color: #fff; margin-top: 3vh; margin-left: 7%; width: 65%; text-align: left; z-index: 1;
    }
    .section3-1-txt-mob {
        font-size: 3vh; line-height: 3vh; text-align: center;
    }
    .section3-1-btn-mob {
        width: 22vh; margin: 2vh auto 0 auto; display: block;
    }
    .section3-1-btn-mob .mouseover {
        width: 22vh;
    }
    .section3-1-bg-mob {
        position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 0;
    }
    .section3-1-bg-mob img {
        width: 80%; height: 20vh;
    }
    .section3-1 {
        display: none;
    }
}
@media (min-width: 760px) and (orientation: portrait) {
    .section3-1-mob {
        top: 42vh;
    }
}


@media (min-width: 1px) and (orientation: portrait) {
    .section1-1-mob {
        position: relative; top: 57vh; left: 15%; width: 100%; height: auto; z-index: 1;
    }
    .section1-1-abs-mob {
        position: absolute; color: #fff; margin-top: 3vh; margin-left: 7%; width: 65%; text-align: left; z-index: 1;
    }
    .section1-1-txt-mob {
        font-size: 3vh; line-height: 3vh; text-align: center;
    }
    .section1-1-btn-mob {
        width: 22vh; margin: 1vh auto 0 auto; display: block;
    }
    .section1-1-btn-mob .mouseover {
        width: 22vh;
    }
    .section1-1-bg-mob {
        position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 0;
    }
    .section1-1-bg-mob img {
        width: 80%; height: 23vh;
    }
}
@media (min-width: 760px) and (orientation: portrait) {
    .section1-1-mob {
        top: 60vh;
    }
    .section1-1-btn-mob {
        margin: 1vh auto 0 auto;
    }
    .section1-1-bg-mob img {
        width: 80%; height: 20vh;
    }
}