/*!
* POCKET MORPHERS
* Copyright 2018 Mediapromotion
*/
@font-face {
font-family: 'project';
src:  url('fonts/project.eot?pukw8c');
src:  url('fonts/project.eot?pukw8c#iefix') format('embedded-opentype'),
url('fonts/project.ttf?pukw8c') format('truetype'),
url('fonts/project.woff?pukw8c') format('woff'),
url('fonts/project.svg?pukw8c#project') format('svg');
font-weight: normal;
font-style: normal;
}
i {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'project' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-circle-down:before {
content: "\e900";
}
.icon-cream1:before {
content: "\e901";
}
.icon-cream2:before {
content: "\e902";
}
.icon-up:before {
content: "\e903";
}
.icon-right:before {
content: "\e904";
}
.icon-down:before {
content: "\e905";
}
.icon-left:before {
content: "\e906";
}
body {
background-color: #333;
color: #eee;
font-family: 'Open Sans', 'Helvetica', 'Arial', 'sans-serif';
font-size: 16px;
font-weight: 400;
opacity: 1;
overflow-x: hidden;
-webkit-transition: 1s opacity;
-o-transition: 1s opacity;
transition: 1s opacity;
}
.loader {
position: fixed;
left: 50%;
top: 50%;
margin-top:-50px;
margin-left:-50px;
-webkit-transition: 1s opacity;
-o-transition: 1s opacity;
transition: 1s opacity;
}
.loaded .loader {
opacity: 0;
}
.wrapper {
opacity: 0;
overflow-x: hidden;
-webkit-transition: 1s opacity;
-o-transition: 1s opacity;
transition: 1s opacity;
}
.loaded .wrapper {
opacity: 1;
}
.wrap {
position:absolute;
width:100px;
height:100px;
float:left;
-webkit-animation-name: rotateThis;
-webkit-animation-duration:1s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-moz-transform:scale(0.3);
-o-transform:scale(0.3);
}
.wrap div
{
width:10px;
height:30px;
background:#f36b21;
position:absolute;
top:35px;
left:45px;
border-radius: 50px;
-moz-border-radius-bottomleft:50px;
-moz-border-radius-bottomright:50px;
-moz-border-radius-topleft:50px;
-moz-border-radius-topright:50px;	
}
@-webkit-keyframes rotateThis {
from { -webkit-transform:scale(0.3) rotate(0deg); }
to 	 { -webkit-transform:scale(0.3) rotate(360deg); }
}
.bar1 {
-o-transform:rotate(0deg) translate(0, -40px);opacity:0.1;
-moz-transform:rotate(0deg) translate(0, -40px);opacity:0.1;
-webkit-transform:rotate(0deg) translate(0, -40px);opacity:0.1;
}
.bar2 {
-o-transform:rotate(36deg) translate(0, -40px);opacity:0.2;
-moz-transform:rotate(36deg) translate(0, -40px);opacity:0.2;
-webkit-transform:rotate(36deg) translate(0, -40px);opacity:0.2;
}
.bar3 {
-o-transform:rotate(72deg) translate(0, -40px);opacity:0.3;
-moz-transform:rotate(72deg) translate(0, -40px);opacity:0.3;
-webkit-transform:rotate(72deg) translate(0, -40px);opacity:0.3;
}
.bar4 {
-o-transform:rotate(108deg) translate(0, -40px);opacity:0.4;
-moz-transform:rotate(108deg) translate(0, -40px);opacity:0.4;
-webkit-transform:rotate(108deg) translate(0, -40px);opacity:0.4;
}
.bar5 {
-o-transform:rotate(144deg) translate(0, -40px);opacity:0.5;
-moz-transform:rotate(144deg) translate(0, -40px);opacity:0.5;
-webkit-transform:rotate(144deg) translate(0, -40px);opacity:0.5;
}
.bar6 {
-o-transform:rotate(180deg) translate(0, -40px);opacity:0.6;
-moz-transform:rotate(180deg) translate(0, -40px);opacity:0.6;
-webkit-transform:rotate(180deg) translate(0, -40px);opacity:0.6;
}
.bar7 {
-o-transform:rotate(216deg) translate(0, -40px);opacity:0.7;
-moz-transform:rotate(216deg) translate(0, -40px);opacity:0.7;
-webkit-transform:rotate(216deg) translate(0, -40px);opacity:0.7;
}
.bar8 {
-o-transform:rotate(252deg) translate(0, -40px);opacity:0.8;
-moz-transform:rotate(252deg) translate(0, -40px);opacity:0.8;
-webkit-transform:rotate(252deg) translate(0, -40px);opacity:0.8;
}
.bar9 {
-o-transform:rotate(288deg) translate(0, -40px);opacity:0.9;
-moz-transform:rotate(288deg) translate(0, -40px);opacity:0.9;
-webkit-transform:rotate(288deg) translate(0, -40px);opacity:0.9;
}
.bar10 {
-o-transform:rotate(324deg) translate(0, -40px);opacity:1;
-moz-transform:rotate(324deg) translate(0, -40px);opacity:1;
-webkit-transform:rotate(324deg) translate(0, -40px);opacity:1;
}
a {
color: #fcac3d;
}
a:hover,
a:focus {
color: #fcac3d;
text-decoration: none;
}
b, strong {
font-weight: 700;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-family: 'Russo One', 'Helvetica', 'Arial', 'sans-serif';
line-height: normal;
font-weight: 400;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
color: inherit;
font-family: 'Russo One', 'Helvetica', 'Arial', 'sans-serif';
font-weight: 400;
}
.modal-dialog {
margin-right: auto;
margin-left: auto;
}
.modal-header {
color:red;
font-size: 40px;
text-align: center;
}
.modal-body {
color:red;
font-size: 20px;
text-align: center;
}
.lg-outer {
background: #fff url("img/bg-outer.jpg") no-repeat center center;
background-size: cover;
}
.bg-primary {
background-color: #fff;
}
.bg-secondary {
background-color: #d45fbd;
}
.bg-swirl {
background: #fff url("img/bg-swirl.png") no-repeat center center;
background-size: cover;
}
.color-primary {
color: #fff;
}
.color-secondary {
color: #d45fbd;
}
.no-gutter > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.btn {
font-weight: 700;
line-height: 1;
padding: 15px 45px;
}
.btn-more {
background-color: #1cbdf0;
border: 0;
border-radius: 15px;
color: #fff;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.btn-more:focus, .btn-more:hover {
background-color: #002b64;
color: #fff;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.navbar-inverse {
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
background-color: #111;
border-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
    justify-content: space-around;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.navbar-inverse .navbar-header {
-ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
max-height: 60px;
}
.navbar-inverse::before, .navbar-inverse::after {
display: none;
}
.navbar-inverse .navbar-header::before, .navbar-inverse .navbar-header::after {
display: none;
}
.navbar-inverse .navbar-header h1 {
margin: 0;
}
.navbar-inverse .navbar-collapse {
-webkit-box-flex: 0.5;
    -ms-flex: 0.5 0 auto;
        flex: 0.5 0 auto;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.navbar-inverse .navbar-collapse .navbar-nav {
border-radius: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 100%;
}
.navbar-inverse .navbar-collapse .navbar-nav li {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.navbar-inverse .navbar-collapse .navbar-nav .navbar-brand-wrapper {
-webkit-box-flex: 0;
    -ms-flex-positive: 0;
        flex-grow: 0;
max-height: 50px;
}
.navbar-inverse .navbar-nav.language {
display: inline-block;
margin: 0;
text-align: left;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: auto!important;
}
.navbar-inverse .navbar-nav.language img {
border: 1px solid #ddd;
}
.navbar-inverse.affix .language .dropdown-toggle, .navbar-inverse .language .dropdown-toggle {
border: 0!important;
margin: 0;
padding: 20px 5px 10px;
}
.navbar-inverse .language .dropdown-menu {
background-color: #272727;
border: 0;
min-width: unset;
position: absolute;
-webkit-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
width: 100%;
}
.navbar-inverse .language .dropdown-menu > li > a {
color: #eee;
font-size: 10px;
padding: 3px 7px;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
background-color: #444;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
background-color: #272727;
}
.navbar-inverse .language .dropdown-menu > li > a > img {
max-width: 16px;
}
.navbar-inverse .navbar-nav > li > a {
background-color: transparent;
color: #e2ebf1;
font-family: 'Russo One', 'Helvetica', 'Arial', 'sans-serif';
font-size: 18px;
font-weight: 400;
margin-right: 1px;
padding: 5px;
position: relative;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
background-color: transparent;
color: #f36b21;
}
.navbar-inverse .navbar-nav > li > a::before {
border-top: 1px solid transparent;
border-right: 0;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
content: "";
height: 100%;
left: 25px;
position: absolute;
top: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 3px;
}
.navbar-inverse .navbar-nav > li > a::after {
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 0;
content: "";
height: 100%;
position: absolute;
right: 25px;
top: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 3px;
}
.navbar-inverse .navbar-nav > .active > a::before {
border-color: #f36b21;
left: 0;
}
.navbar-inverse .navbar-nav > .active > a::after {
border-color: #f36b21;
right: 0;
}
.navbar-inverse .navbar-nav > li > a > img {
margin: 0 auto;
}
.navbar-inverse .navbar-nav > .youtube {
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
background-color: rgba(255,255,255,0.66);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 2px;
}
.navbar-inverse .navbar-nav > .youtube > a {
background-color: transparent;
}
.navbar-inverse .navbar-nav > .youtube > a:focus, .navbar-inverse .navbar-nav > .youtube > a:hover {
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a {
color: #fcac3d;
}
.navbar-inverse.affix .navbar-nav > li > a {
position: relative;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
background-color: transparent;
color: #f36b21;
}
.navbar-inverse .navbar-header .navbar-brand {
background: #111;
color: #fdcc52;
display: block;
height: auto;
margin: 0 45px;
max-width: 250px;
padding: 15px;
position: relative;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
z-index: 1;
}
.navbar-inverse .navbar-header .navbar-brand::before {
background-color: #222;
content: "";
height: 100%;
left: -10%;
position: absolute;
top: 0;
-webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
        transform: skewX(20deg);
width: 50%;
z-index: -1;
}
.navbar-inverse .navbar-header .navbar-brand::after {
background-color: #222;
content: "";
height: 100%;
right: -10%;
position: absolute;
top: 0;
-webkit-transform: skewX(340deg);
    -ms-transform: skewX(340deg);
        transform: skewX(340deg);
width: 50%;
z-index: -1;
}
.navbar-inverse.affix .navbar-header .navbar-brand {
max-width: 200px;
}
.navbar-inverse .navbar-nav .navbar-brand > img {
width: 100%;
}
.navbar-inverse .navbar-nav .navbar-toggle {
font-size: 12px;
color: #222222;
padding: 8px 10px;
}
header.main {
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
background: transparent url("img/bg-header.png") fixed no-repeat center center;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100vh;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
position: relative;
text-align: left;
}
header.main .text {
color: #333;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
    -ms-flex-pack: end;
        justify-content: flex-end;
padding: 0 15px 0 45px;
position: relative;
}
header.main .text h1 {
font-size: 7vw;
margin: 0;
position: relative;
}
header.main .text h1 span {
position: relative;
z-index: 1;
}
header.main .text h1 span:nth-child(1) {
font-size: 40%;
}
header.main .text h1 span::after {
color: #eee;
content: attr(data-text);
font-size: 1em;
position: absolute;
-webkit-text-stroke: 12px #eee;
left: 0;
top: 0;
z-index: -2;
}
header.main .text p {
font-size: 1.125em;
font-weight: 700;
margin: 15px 0;
}
header.main .image {
background: transparent url("img/pocket-morpher.png") scroll no-repeat right center;
background-size: 66%;
height: 100vh;
left: 0;
position: absolute;
top: 0;
width: 100vw;
}
header.main .btn {
background-color: #333;
border: 0;
border-radius: 0;
padding: 16px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
header.main .btn:focus, header .btn:hover {
background-color: #f36b21;
}
header.main ul {
-ms-flex-item-align: end;
    align-self: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
margin: 0;
padding: 15px;
position: relative;
}
header.main ul li {
padding: 5px 8px;
}
header.main ul li img {
max-height: 50px;
}
section {
padding: 0 0 90px;
}
section small {
color: inherit;
display: block;
font-size: 0.5em;
font-weight: 400;
}
section header {
padding: 0 0 60px;
text-align: center;
}
section header h2 {
display: inline-block;
font-size: 4vw;
margin: 0;
padding: 15px 45px;
position: relative;
z-index: 1;
}
section header h2::before {
content: "";
height: 100%;
left: -10%;
position: absolute;
top: 0;
-webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
        transform: skewX(20deg);
width: 50%;
z-index: -1;
}
section header h2::after {
content: "";
height: 100%;
right: -10%;
position: absolute;
top: 0;
-webkit-transform: skewX(340deg);
    -ms-transform: skewX(340deg);
        transform: skewX(340deg);
width: 50%;
z-index: -1;
}
.products {
background-color: #222;
background-size: cover;
color: #ccc;
position: relative;
}
.products::before {
background: transparent url("img/bg-products-before.png") no-repeat right top;
background-size: cover;
content: "";
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 8vw;
z-index: 10;
}
.products::after {
background: transparent url("img/bg-products-after.png") no-repeat 0 0;
bottom: 20%;
content: "";
display: none;
height: 351px;
right: 0;
position: absolute;
width: 27px;
z-index: 10;
}
.products h2, .products h2::before, .products h2::after {
background-color: #ccc;
color: #0f0e10;
}
.products ul {
text-align: center;
}
.products ul li {
color: #47a6af;
cursor: pointer;
font-size: 24px;
}
.products .owl-carousel {
background: transparent url("img/bg-dots-half.png") no-repeat center top;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.products .owl-carousel .owl-stage-outer {
border-bottom: 1px solid #ddd;
-ms-flex-preferred-size: 100%;
    flex-basis: 100%;
margin-bottom: 20px;
padding-bottom: 20px;
}
.products .owl-carousel .owl-item .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.products .owl-carousel .owl-item .item div {
-webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
        flex: 1 0 50%;
padding: 15px;
text-align: center;
}
.products .owl-carousel .owl-item .item div h3 {
font-size: 3em;
}
.products .owl-carousel .owl-item .item div h3 span {
color: #c9cbd2;
display: block;
}
.products .owl-carousel .owl-item .item div img {
margin: 0 auto;
width: unset;
}
.products .owl-carousel .owl-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.products .owl-carousel .owl-nav {
margin: 0;
-webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
        order: 2;
}
.products .owl-carousel .owl-dots {
counter-reset: my-counter -1;
}
.products .owl-carousel .owl-dots .owl-dot {
counter-increment: my-counter;
}
.products .owl-carousel .owl-dots .owl-dot span {
background-color: transparent;
border-radius: 5px 7px;
height: auto;
margin: 2px;
min-width: 20px;
padding: 5px;
width: auto;
}
.products .owl-carousel .owl-dots .owl-dot.active span {
background-color: #f25822;
color: #111;
}
.products .owl-carousel .owl-dots .owl-dot span::after {
content: counter(my-counter);
font-family: 'Russo One', 'Helvetica', 'Arial', 'sans-serif';
font-size: 24px;
line-height: 1;
}
.products .owl-carousel .owl-nav [class*="owl-"] {
background-color: transparent;
opacity: 0.5;
}
.products .owl-carousel .owl-nav [class*="owl-"]:hover {
opacity: 1;
}

.video {
background: #ff8c97 url("img/bg-video.png") scroll no-repeat center center;
background-size: cover;
color: #fff;
position: relative;
}
.video h2, .video h2::before, .video h2::after {
background-color: #f25822;
color: #0f0e10;
}
.video .owl-carousel .owl-video-tn {
padding-bottom: 56.25%;
}
.contact {
background-color: #f25822;
color: #111;
text-align: center;
position: relative;
}
.contact h2, .contact h2::before, .contact h2::after {
background-color: #0f0e10;
color: #f25822;
}
.contact .wrapper {
background: transparent url("img/bg-contact.png") scroll no-repeat center center;
background-size: contain;
}
.contact figure {
margin: 15px auto 0;
max-width: 600px;
position: relative;
width: 75vw;
}
.contact .info {
border-top: 1px solid;
position: relative;
}
.contact .info::before {
background-color: #000;
content: "";
height: 26px;
left: 0;
position: absolute;
top: -13px;
width: 26px;
}
.contact .h3 {
font-family: 'Open Sans', 'Helvetica', 'Arial', 'sans-serif';
font-size: 2.250em;
font-weight: 400;
margin: 0;
padding: 45px 0;
}
.contact .shops {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
padding-left: 0;
margin: 30px 0;
list-style: none;
}
.contact .shops > li {
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
    -ms-flex: 0 1 150px;
        flex: 0 1 150px;
margin: 5px 5px;
padding: 15px 20px;
}
.contact .btn {
background-color: transparent;
border: 2px solid #111;
border-radius: 0;
color: #111;
font-family: 'Russo One', 'Helvetica', 'Arial', 'sans-serif';
font-size: 1.500em;
font-weight: 400;
position: relative;
white-space: unset;
}
.contact .btn:hover {
background-color: #111;
color: #f25822;
}
footer {
background-color: #ededed;
color: #121212;
font-size: 12px;
padding: 30px 0;
position: relative;
}
footer .logo img{
margin-bottom: 15px;	
}
footer ul li {
vertical-align: top;	
}
footer .address ul li {
border-left: 1px solid #ccc;
color: #111;
margin: 0 5px;
padding: 5px 15px;
}
footer .address ul li:nth-child(2) {
border-left: 1px solid #ccc;
}
footer .address strong {
display: block;
font-family: 'Russo One', 'Helvetica', 'Arial', 'sans-serif';
font-size: 16px;
font-weight: 400;
margin-bottom: 2px;
}
footer .address a, footer .address a:focus, footer .address a:hover {
color: #f36b21;
}
footer .social ul li {
margin-right: 15px;
}
footer .social a {
color: #203665;
font-size: 1.875em;
}
#cookies-message {
background-color: #f36b21;
border: 0;
bottom: 0px;
color: #000;
font-size: 11px;
line-height: 16px;
text-align: center;
padding: 10px 0px;
position: fixed;
width: 100%;
z-index: 19995;
}
#accept-cookies-checkbox {
background-color: #000;
border-radius: 4px;
cursor: pointer;
color: #fff;
display: inline-block;
margin-left: 10px;
padding: 5px 10px;
text-decoration: none;
}

@media (min-width: 1200px) {
header.main .text h1 {
font-size: 90px;
}
section header h2 {
font-size: 60px;
}
}
@media (max-width: 991px) {
body {
font-size: 14px;
}
.navbar-inverse {
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.navbar-inverse .navbar-nav > li > a {
font-size: 14px;
}
.navbar-inverse .navbar-header .navbar-brand, .navbar-inverse.affix .navbar-header .navbar-brand {
max-width: 200px;
}
.navbar-inverse.affix .navbar-header .navbar-brand {
margin-top: 0;
}
.navbar-inverse .navbar-nav > li:first-child > a::before, .navbar-inverse .navbar-nav:first-child::before {
display: none;
}
.navbar-inverse .navbar-nav > li:last-child > a::after, .navbar-inverse .navbar-nav:last-child::after {
display: none;
}
}
@media (max-width: 768px) {
body {
font-size: 14px;
}
.flex {
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.navbar-inverse {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.navbar-inverse .navbar-collapse {
border: 0 none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-flex: 1;
    -ms-flex-positive: 1;
        flex-grow: 1;
}
.navbar-inverse .navbar-header {
-ms-flex-preferred-size: 100%;
    flex-basis: 100%;
height: auto;
}
.navbar-inverse .navbar-header .navbar-brand, .navbar-inverse.affix .navbar-header .navbar-brand {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: auto;
margin: 0 30px 0 0;
max-width: 160px;
z-index: 1;
}
.navbar-inverse .language {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.navbar-inverse .navbar-collapse .navbar-nav {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.navbar-inverse .navbar-collapse .navbar-nav li {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
}
.navbar-inverse .navbar-toggle {
background-color: transparent;
border: 0 none;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
background-color: transparent;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #eee;
}
.navbar-inverse .navbar-toggle:focus .icon-bar, .navbar-inverse .navbar-toggle:hover .icon-bar {
background-color: #f25822;
}
.navbar-inverse .navbar-nav, .navbar-inverse.affix .navbar-nav {
margin: 0;
width: 100%;
}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse.affix .navbar-nav > li > a {
border-top: 1px solid #434343;
font-size: 16px;
padding: 15px 5px;
}
.navbar-inverse .navbar-nav > li a::before, .navbar-inverse .navbar-nav > li a::after {
display: none;
}
.navbar-inverse .navbar-nav.language {
padding: 0;
text-align: center;
}
.navbar-inverse .language a {
font-size: 11px;
}
header.main {
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
padding-bottom: 0;
}
header.main .image {
background-position: center center;
background-size: contain;
}
header.main .text {
background-color: rgba(238,238,238,0.75);
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
-ms-flex-preferred-size: 100%;
    flex-basis: 100%;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
padding: 15px 15px 45px;
}
header.main .text > .item {
-ms-flex-preferred-size: auto;
    flex-basis: auto;
}
header.main .text > .item:nth-child(1) {
text-align: center;
}
header.main .text h1 {
font-size: 48px;
}
header.main ul li img {
max-width: 30px;
}
header.main .btn {
max-width:50px;
}
section header h2 {
font-size: 36px;
}
.products::before, .products::after {
display: none;
}
.products .info {
-ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
.products .flex .item .image {
padding: 10px 30px;
}
.products .owl-carousel .owl-item .item {
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.products .owl-carousel .owl-item .item > div {
-ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
.products .owl-carousel .owl-item .item > div:nth-child(1) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.products .owl-carousel .owl-item .item > div:nth-child(2) {
position: absolute;
opacity: 0.25;
right: 0;
z-index: -1;
}
.products .owl-carousel .owl-item .item div .pack {
max-width: 50vw;
}
.products .owl-carousel .owl-item .item div h3 {
font-size: 30px;
}
.products .owl-carousel .owl-controls {
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.products .owl-carousel .owl-controls > div {
-ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
.element:nth-child(3) {
border-top: 0 none;
}
footer .address ul li {
margin-top: 15px;
margin-bottom: 15px;
}
#popup_this {
    top: 50%;
    left: 50%;
    text-align:center;
    margin-top: -50px;
    margin-left: -100px;
    position: fixed;
    background: #fff;
    padding: 30px;
}
.b-close {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    color: #fff;
    background: #ff0000;
    padding: 5px 10px;
}
}