*,
*:before,
*:after { padding:0; margin:0; outline:0; box-sizing:border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display:block; }

html,
body { height:100%; }

table { border-collapse:collapse; border-spacing:0; }

/* TYPE */
body, input, textarea { font-family:Roboto, sans-serif; font-weight:300; font-size:15px; line-height:24px; color:#333; }
h1, h2, h3, h4, h5, h6 { font-weight:300; }
strong, b { font-weight:900; }
a, a:link, a:visited, a:hover, a:focus, a:active { color:inherit; text-decoration:underline; }
a:hover, a:focus { text-decoration:none; }

a.nodec { text-decoration:none; }
a.nodec:hover,
a.nodec:focus { text-decoration:underline; }

a img { border-width:0; height: 100%;}

h1 { padding:20px 0 10px; }
h2 {  margin-top:20px; font-weight:500;  }
h3 { margin-top:20px; font-weight:500; } 
img { width:100%; height: 100%;}
p { margin-bottom:14px; }

ul, ol { padding-left:25px; }

sup { font-size:70%; }

.wrapper { min-height:100%; margin-bottom:-330px; }
.wrapper:after { content:''; display:block; }
#footer, .wrapper:after { height:330px; }
#footer {height: auto;}
#footer { background:orange; }

@media (max-width:1000px) {
    .wrapper { min-height:0; margin-bottom:0; }
    #footer, .wrapper:after { height:auto; }
}

.hidden { display:none; }

.go-top { width:40px; height:30px; display:block; position:absolute; top:5px; left:50%; margin-left:-20px; overflow:hidden; text-indent:100%; }
.go-top::before { width: 0; height: 0; border-style: solid; border-width: 0 15px 10px 15px; border-color: transparent transparent #ffffff transparent; position:absolute; left:0; top:0; content:''; -webkit-transition:border-color 100ms linear; -moz-transition:border-color 100ms linear; -o-transition:border-color 100ms linear; -ms-transition:border-color 100ms linear; }

.go-top::after { width: 0; height: 0; border-style: solid; border-width: 0 15px 10px 15px; border-color: transparent transparent #212b46 transparent; position:absolute; left:0; top:2px; content:''; }

.go-top:hover::before { border-color: transparent transparent #000 transparent; }


input.text { border-width:0; background-color:#fff; padding:5px; line-height:1.4; }
.btn-trans { background-color:rgba(0,0,0,0); border-width:0; }

/* PIMCORE */
.pimcore_block_amount,
.pimcore_block_options { display:none!important; }
.is-editmode .main-content .pimcore_area_content { padding:0 10px 10px; }

/* HEADER */
#header { background-color:#29324d; padding-top:30px; position:relative; }

#header-nav { padding-top:10px; padding-bottom:10px; display:block; background-color:#8496a8; }
#header-nav ul { list-style:none; display:block; text-align:right; max-width:1500px; margin-left:auto; margin-right:auto; }
#header-nav ul li { display:inline; font-size:16px; }
#header-nav ul li a { display:inline-block; text-decoration:none; padding:3px 20px; text-transform:uppercase; font-weight:500; color:#fff; }
#header-nav ul li a.active { color:#000; }

#gl-search { position:absolute; top:0px; right:20px; background-color:rgba(255,255,255,.5); font-size:13px; -webkit-transition:background-color 100ms linear; -moz-transition:background-color 100ms linear; -o-transition:background-color 100ms linear; -ms-transition:background-color 100ms linear; transition:background-color 100ms linear; }
#gl-search + .fa { -webkit-transition:opacity 100ms linear; position:absolute; top:5px; right:20px; }
#gl-search:focus + .fa { opacity:0; }
#gl-search:focus { background-color:#fff; background-color:rgba(255,255,255,1) }

#gl-search::-webkit-input-placeholder { color:#000; }
#gl-search:-moz-placeholder { color:#000; }
#gl-search::-moz-placeholder { color:#000; }
#gl-search:-ms-input-placeholder { color:#000; }

#gl-submit { position:absolute; right:200px; top:8px; }




#nav-button { position:absolute; padding:0; top:50%; margin-top:-40px; height:50px; width:50px; display:none; z-index:100; position:absolute; cursor:pointer; text-transform:none; background-color:transparent; border:0; overflow:visible; right:30px; }

#nav-button:before,
#nav-button:after,
#nav-button span { content:''; display:block; height:2px; width:30px; background-color:#555; position:relative; top:0; left:15px; transition-property:opacity, transform; transition-duration:0.15s; transition-timing-function:linear; }

#nav-button:before { top:-6px; transform-origin:top left; }
#nav-button:after { top:6px; transform-origin:bottom left; }
#nav-button span { transform-origin:center center; }

#header.showing #nav-button:before { transform:translateY(-3px) rotate(45deg); }
#header.showing #nav-button span { transform:translateX(-2px) scaleX(0); opacity:0; }
#header.showing #nav-button:after { transform:translateY(2px) rotate(-45deg); }

    
#header.showing #header-nav { visibility:visible; opacity:1; filter:alpha(opacity=100); }

#gl-search:focus::-webkit-input-placeholder { color:rgba(150,150,150,1); }
#gl-search:focus:-moz-placeholder { color:rgba(150,150,150,1); }
#gl-search:focus::-moz-placeholder { color:rgba(150,150,150,1); }
#gl-search:focus:-ms-input-placeholder { color:rgba(150,150,150,1); }

@media (max-width:780px) {
    #header-nav { position:absolute; top:100%; right:0; width:300px; z-index:1000; visibility:hidden; opacity:0; filter:alpha(opacity=0); -webkit-transition:opacity 200ms ease; -moz-transition:-moz-opacity 200ms ease; -o-transition:-o-opacity 200ms ease; transition:opacity 200ms ease; overflow:visible; }

    #header-nav ul { text-align:left; }
    #header-nav ul li a { display:block; margin-top:15px; margin-bottom:15px; }
    #nav-button { display:block; }
    
    .right-logo {
	    display: none !important;
    }
    .nav-switch {
        right:10px !important;
        margin-top:44px !important;
    }
    .nav-switch > li {
        line-height:16px !important;
    }
    .nav-switch.w2gs {
        margin-top:80px !important;

    }
}

@media (max-width:460px) {
    .nav-switch.w2gs {
        margin-top:110px !important;

    }
}

@media (max-width:600px) {
    #header-nav { width:100%; }
}

/* MIXED */
#header-logo,
#footer-logo { display:block; width:361px; height:40px; background:transparent url('/assets/img/newwave_waveguide_72dpi.png') no-repeat center center; background-size:200px 40px; text-indent:100%; white-space:nowrap; overflow:hidden; }

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
	#header-logo {
		background-image: url('/assets/img/newwave_by_waveguide.png');
	}
}

#center-content,
#header-content,
#footer-content { position:relative; max-width:1500px; margin:0 auto; padding-left:30px; padding-right:30px; }

#header-content { padding-bottom:30px; }

/* FOOTER */
#footer { background-color:#212b46; font-size:13px; line-height:17px; color: white;}
#footer-content { padding-top:20px; padding-bottom:20px; }
#footer-logo { background:transparent url('/assets/img/waveguide_group_white.png') no-repeat center center; background-size:240px 46.8px; width:240px; height:46.8px; margin-bottom:15px; }

.footer-cols::after { display:table; content:''; clear:both; }
.footer-col-1 { width:35%; float:left; padding-right:20px; }
.footer-col-2 { width:35%; float:left; padding-right:20px; }
.footer-col-3 { width:30%; float:left; padding-right:0px; }

@media (max-width:375px) {
    #header-logo { width:200px; /* background-size:200px 38px; */ }
}

@media (max-width:900px) {
    .footer-col-1 { width:50%; }
    .footer-col-2 { width:50%; }
}
@media (max-width:600px) {
    .footer-col-1 { width:100%; float:none; margin-bottom:30px; }
    .footer-col-2 { width:100%; float:none; }
}

.col-2-btmpadd { padding-bottom:20px; }

/* SIDEBAR */
.sidebar { width:270px; float:right; }
.pimcore_area_SidebarImage { margin-bottom:50px; padding:10px; border:1px solid #d1dee7; }
.pimcore_area_SidebarImage img { width:100%; height:auto; }
.sidebar-text { border:1px solid #d1dee7; padding:10px; margin-bottom:50px; text-align:center; display:block; text-decoration:none!important; }
.sidebar-text:hover,
.sidebar-text:focus { text-decoration:underline!important; }

.sidebar-wysi { border:1px solid #d1dee7; padding:10px; padding-top:0; margin-bottom:50px; text-align:left; display:block; }

/* CONTENT */
#center-content { padding-top:40px; padding-bottom:40px; }
#center-content::after { content:''; display:table; clear:both; }

.main-content { float:left; width:calc(100% - 270px); position:relative; }
.full-content { position:relative; }

@media (max-width:900px) {
    .main-content { width:calc(100% - 220px); }
    .sidebar { width:220px; }
}
@media (max-width:800px) {
    .main-content { width:calc(100% - 200px); }
    .sidebar { width:200px; }
}
@media (max-width:767px) {
    .main-content { width:100%; float:none; }
    .sidebar { width:100%; max-width:300px; margin:0 auto; float:none; }
}

.content-images .pimcore_block_entry { display:inline-block; width:48%; vertical-align:top; }


.pimcore_area_ContentTab,
.pimcore_area_ContentText,
.pimcore_area_ContentText2Col,
.pimcore_area_ContentTables { margin-bottom:50px; }

.col-container::after,
.pimcore_area_ContentText2Col::after { content:''; display:table; clear:both; }

.col-container,
.pimcore_area_ContentText2Col { margin-left:-15px; margin-right:-15px; }

.col-2 { display:block; width:50%; float:left; padding-left:15px; padding-right:15px; }
.col-3 { display:block; width:33.333%; float:left; padding-left:15px; padding-right:15px; }
.col-4 { display:block; width:25%; float:left; padding-left:15px; padding-right:15px; }

/* FEATURES */
.col-feature { text-decoration:none!important; }
.feature-title { font-size:inherit; font-weight:500; text-align:center; background-color:#a1b7cc; padding:10px; line-height:1.1; font-size:13px; }
.feature-info { background-color:#edf0f3; padding:10px; text-align:center; line-height:1.1; display:block; font-size:13px; font-weight:500; }
.feature-img { display:block; width:100%; height:auto; }
.feature-footer { color:#000; text-align:center; padding-top:5px; font-size:13px; }
.col-container-features { margin-top:10px; margin-bottom:50px; max-width:1100px; margin-left:auto; margin-right:auto; }

/* TABLES */
.col-table {  }
.col-table-border {  }
.table-title { font-weight:500; padding:10px; text-align:center; font-size:15px; background-color:#a1b7cc; }
.table-info { padding:10px; background-color:#f8f8f8; }

/* TABS */
.no-editmode .tab-title { display:inline-block; padding:5px 15px; text-decoration:none!important; border:1px solid #a0b6cb; margin-right:10px; text-align:center; font-weight:500; margin-bottom:10px; min-width:185px; -webkit-transition:background-color 100ms linear; -moz-transition:background-color 100ms linear; -o-transition:background-color 100ms linear; -ms-transition:background-color 100ms linear; }
.no-editmode .tab-contents { padding-top:10px; }
.no-editmode .tab-title:hover,
.no-editmode .tab-title:focus { background-color:#f0f0f0; }
.no-editmode .tab-title.active { background-color:#a0b6cb; }

@media (max-width:1000px) {
    .no-editmode .tab-title { min-width:0!important; }
}

/* HOME */
#home-carousel { position:relative; margin-left:auto; margin-right:auto; max-width:1500px; }
#home-carousel .owl-prev,
#home-carousel .owl-next { position:absolute; top:50%; left:0; margin-top:-20px!important; width:40px; height:40px; border-radius:0; margin:0; opacity:1; text-indent:100%; white-space:nowrap; overflow:hidden; background-color:rgba(255,255,255,1); cursor:pointer; opacity:.4; }
#home-carousel .owl-next { left:auto; right:0; }
#home-carousel .owl-prev::after { content:''; display:block; width:0; height:0; border-style:solid; border-width:6px 14px 6px 0; border-color:transparent #a0b6cb transparent transparent; position:absolute; top:14px; left:10px; }
#home-carousel .owl-next::after { content:''; display:block; width:0; height:0; border-style:solid; border-width:6px 0 6px 14px; border-color:transparent transparent transparent #a0b6cb; position:absolute; top:14px; left:14px; }

#home-carousel .owl-prev:hover,
#home-carousel .owl-next:hover { opacity:1; }

#home-products .wrp img { display:block; }
#home-products { position:relative; overflow:hidden; }

.product-mask { width:100%; height:100%; background:#fff; display:block; z-index:5; position:absolute; top:0; left:0; opacity:0; -o-transition:100ms linear; -ms-transition:100ms linear; transition:100ms linear; }
.product-area { position:absolute; display:block; z-index:8; }
.product-area::after { content:''; position:absolute; display:none; width:100%; height:100%; background:url('/assets/img/gradient.png') no-repeat center center; top:50%; left:50%; background-size:100% 100%; margin-top:-75px; margin-left:-75px; z-index:4; }

.content-nav-side #home-products .wrp { width:1200px; margin-left:-600px; left:50%; position:relative; }

.product-2::after { margin-left:-40px; }
.product-3::after { margin-left:-50px; margin-top:-100px; }
.product-4::after { margin-top:-70px; margin-left:-90px; }
.product-5::after { margin-left:-80px; }


.product-area span { position:absolute; width:130px; display:block; text-align:center; z-index:6; line-height:1.2; opacity:0; -webkit-transition:opacity 100ms linear; -moz-transition:opacity 100ms linear; -o-transition:opacity 100ms linear; -ms-transition:opacity 100ms linear; transition:opacity 100ms linear; text-shadow:0px 0px 5px #fff; font-weight:500; }

.product-area:hover span,
.product-area:focus span { opacity:1; }

.product-1 span { top:60%; left:0%; }
.product-2 span { top:50%; left:20%; }
.product-3 span { top:30%; left:35%; }
.product-4 span { top:55%; left:10%; }
.product-5 span { top:55%; left:5%; }

.product-area:hover ~ .product-mask,
.product-area:focus ~ .product-mask { opacity:.4; }

.new-intro-home .product-1 span,
.new-intro-home .product-2 span,
.new-intro-home .product-3 span,
.new-intro-home .product-4 span,
.new-intro-home .product-5 span {
    top:50%;
    text-align: center;
    left:0%;
    display: inline-block;
    width: 100%;
}

.new-intro-home .product-1:after,
.new-intro-home .product-2:after,
.new-intro-home .product-3:after,
.new-intro-home .product-4:after,
.new-intro-home .product-5:after {
    top: 0px;
    left: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top:0px;
    margin-right:0px;
}

@media (max-width:1000px) {
    .product-1 span { top:40%; left:-30%; }
    .product-2 span { top:40%; }
    .product-3 span { top:20%; left:20%; }
    .product-4 span { top:50%; }
    .product-5 span { top:50%; left:-20%; }
}

@media (max-width:600px) {
    .product-area span { display:none!important; }
}



.product-area:hover::after,
.product-area:focus::after
{
    display:block;

    -webkit-animation:fadeInFromNone 200ms linear;
    -moz-animation:fadeInFromNone 200ms linear;
    -o-animation:fadeInFromNone 200ms linear;
    animation:fadeInFromNone 200ms linear;
}

@-webkit-keyframes fadeInFromNone {
    0% { display:none; opacity:0; }
    1% { display:block; opacity:0; }
    100% { display:block; opacity:1; }
}

@-moz-keyframes fadeInFromNone {
    0% { display:none; opacity:0; }
    1% { display:block; opacity:0; }
    100% { display:block; opacity:1; }
}

@-o-keyframes fadeInFromNone {
    0% { display:none; opacity:0; }
    1% { display:block; opacity:0; }
    100% { display:block; opacity:1; }
}

@keyframes fadeInFromNone {
    0% { display:none; opacity:0; }
    1% { display:block; opacity:0; }
    100% { display:block; opacity:1; }
}

.col-home-peaks { max-width:1100px; margin:0 auto; margin-bottom:50px; margin-top:30px; }
.home-peak {  }
.peak-link { text-decoration:none!important; }
.peak-title { font-weight:500; font-size:15px; text-align:center; background-color:#29324d; padding:10px; color: white;}





/* TATTOO */
#home-tattoo { position:relative; display:block; overflow:hidden; }
#img-tattoo { width:240px; }

#tattoo-img { max-width:400px; margin-left:-30px; }
#tattoo-text { position:absolute; top:10px; left:270px; text-align:left; font-size:13px; line-height:1.3; width:calc(60% - 290px); height:100%; }
#tattoo-text .title { margin-top:0; padding-top:0; }
#tattoo-text .table-out { display:table; height:100%; }
#tattoo-text .table-in { display:table-cell; vertical-align:middle; }
.bred { color:#cb0037; font-weight:500; }

#tattoo-before-after { display:block; position:absolute; left:60%; top:0; padding-top:15px; }
#tattoo-before-after img { display:block; width:140px; margin-top:10px; opacity:1; border-radius:10px; -webkit-transition:opacity 100ms linear; -moz-transition:opacity 100ms linear; -o-transition:opacity 100ms linear; -ms-transition:opacity 100ms linear; transition:opacity 100ms linear; }
#tattoo-before-after img:hover { opacity:1; }

#tattoo-brands { display:block; position:absolute; height:100%; left:calc(60% + 180px); width:180px; top:0; }

@media (max-width:930px) {
    #tattoo-brands { left:calc(60% + 160px); }
}
@media (max-width:850px) {
    #img-tattoo { width:400px; margin-left:-100px; }
    #tattoo-brands { display:none; }
    #tattoo-text { left:auto; right:40px; width:50%; }
    #tattoo-text .table-out { display:block; }
    #tattoo-text .table-in { display:block; }

    #tattoo-before-after { top:45%; }
    #tattoo-before-after img { width:110px; }
}
@media (max-width:600px) {
    #img-tattoo { margin-left:-200px; width:380px; }
    #tattoo-text { width:58%; right:20px; top:30px; }
    #tattoo-text .title img { margin-left:0; }
    #tattoo-before-after { width:58%; right:20px; left:auto; }
    #tattoo-before-after img { margin-left:auto; margin-right:auto; }
}




/* SOLUTIONS */
#home-sol { display:block; overflow:hidden; position:relative; }
#img-sol-1 { width:220px; }
#img-sol-2 { display:none; }
#sol-text { width:calc(50% - 240px); max-width:380px; text-align:center; position:absolute; top:0; right:50%; height:100%; font-size:13px; }
#sol-text .title img { max-width:260px; }
#home-sol .table-out { display:table; height:100%; }
#home-sol .table-in { display:table-cell; vertical-align:middle; }
#sol-text b { font-weight:500; }

#sol-before-after { position:absolute; left:50%; margin-left:20px; top:0; width:25%; height:100%; }
#sol-before-after img { max-width:260px; }
#sol-brands { left:75%; margin-left:40px; width:calc(25% - 100px); position:absolute; right:0; top:0; height:100%; }


@media (max-width:960px) {
    #img-sol-1 { width:180px; }
    #sol-text { width:calc(50% - 200px); }
}

@media (max-width:800px) {
    #sol-before-after { display:none; }
    #sol-brands { display:none; }
    
    #home-sol { min-height:300px; }
    #img-sol-1 { display:none; }
    #img-sol-2 { width:250px; display:block; position:absolute; margin-top:30px; left:10%; }
    #sol-text { left:55%; right:auto; width:40%; }
}
@media (max-width:490px) {
    #home-sol { min-height:250px; }
    #sol-text { width:55%; right:25px; left:auto; }
    #home-sol .table-in,
    #home-sol .table-out { display:block; }
    #sol-text .title img { max-width:150px; }
    #img-sol-2 { width:200px; left:-10%; }
}


/* GENERAL IMAGE */
.magnify-image { position:relative; }
@media (max-width:800px) {
    .magnify-image { overflow:hidden; }
    .magnify-image .wrp { width:1000px; }
    .magnify-image .wrp img { margin-left:-100px; }
}
@media (max-width:500px) {
    .magnify-image .wrp img { margin-left:-150px; }
}


/* USAGE AND PRODUCTS */
.content-infos { max-width:1100px; margin:0 auto; overflow:hidden; margin-bottom:40px; }
.content-infos::after { display:table; clear:both; content:''; }

.content-nav-side { float:left; width:calc(100% - 270px); padding:30px 20px 0; }
.content-nav-side header { border-top:1px solid #e8e8e8; padding-top:20px; border-bottom:1px solid #e8e8e8; padding-bottom:20px; margin-bottom:30px; }

.info-columns { margin-bottom:30px; border-bottom:1px solid #e8e8e8; padding-bottom:30px; }
.info-columns h1,
.info-columns h2,
.info-columns h3 { margin-top:0; }

.read-more { text-decoration:none!important; font-weight:500; }
.read-more:hover, .read-more:focus { text-decoration:underline!important; }

#nav-side { width:270px; float:left; background-color:#edf0f3; padding:50px 20px 20px; height:100%; padding-bottom:500em; margin-bottom:-500em; text-align:right; border-top:30px solid #fff; }
.side-nav li { display:block; padding-bottom:5px; }
#nav-side ul { margin:0; padding:0; list-style:none; }
.side-nav a { text-decoration:none; }
.side-nav a:hover,
.side-nav a:focus { text-decoration:underline; }
.nav-lvl1 { line-height:1.2; margin-bottom:30px; }
.category-name { font-weight:500; font-size:16px; margin-bottom:10px; display:block; }

.usage-link { display:inline; padding:2px; }
.usage-link.active { background-color:#cfd9e3; padding-left:5px; padding-right:5px; border-radius:15px; }
.product-name { font-weight:500; padding-left:5px; padding-right:5px; }
.product-name.active { background-color:#a0b6cb; border-radius:15px; }


.nav-lvl1.active .subnav { display:block; }
.subnav { padding-left:10px!important; }


.image-logo { text-align:center; }
.image-logo img { width:auto; height:70px; }
.info-image { width:40%; float:left; display:block; }
.info-summary { float:left; width:60%; padding-left:20px; }

.info-featuredimg { display:inline-block; width:25%; padding:5px; }
.info-featuredimg img { width:100%; }

.info-description { display:none; }

.specs td { vertical-align:top; padding:0; }
.specs td.specs-key { padding-right:20px; }
.specs p { margin-bottom:3px; }

.img-pair-1,
.img-pair-2 { width:49%; float:left; margin-bottom:0; }
.img-pair-2 { float:right; }

.copy-1,
.copy-2 { width:49%; float:left; margin-bottom:40px; text-align:right; font-size:12px; line-height:1.4; }
.copy-2 { float:right; }


/* CONTACT-FORM */
.form-busy { opacity:.5; }
.form-row { padding-bottom:20px; }
.form-row::after { display:table; content:''; clear:both; }
.form-label,
.form-label-ph { width:20%; float:left; display:block; text-align:right; padding:5px; line-height:1.3; }
.form-input { width:75%; float:left; margin-left:10px; display:block; border:1px solid #ddd; padding:5px; line-height:1.3; border-radius:0; }
textarea.form-input { resize:vertical; height:200px; border-radius:0; }
.mandato { font-weight:500; display:none; }

.form-label-ph { margin-right:10px; }
.form-submit { display:block; width:200px; border:1px solid #a0b6cb; background-color:#a0b6cb; border-radius:0; padding:10px; cursor:pointer; color:#000; font-weight:500; }

.form-submit:active { background-color:#92a9be; }

.image-group { padding-bottom:20px; padding-top:20px; }
.image-group .large-image { max-width:185px; }

@media (max-width:1050px) {
    .col-table { width:50%; margin-bottom:20px; }
}

@media (max-width:1000px) {
    .content-nav-side #home-products .wrp { width:1000px; margin-left:-500px; }
    #home-products .wrp { width:1200px; position:relative; left:50%; margin-left:-600px; }
    #nav-side { width:250px; }
    .content-nav-side { width:calc(100% - 250px); }
}

@media (max-width:850px) {
    .content-nav-side #home-products .wrp { width:900px; margin-left:-450px; }
}

@media (max-width:800px) {
    .feature-title { font-size:14px; }
    #nav-side { width:220px; }
    .content-nav-side { width:calc(100% - 220px); }

    .info-image { width:100%; float:none; }
    .info-summary { width:100%; float:none; padding-left:0; padding-right:0; }

    .info-columns .col-2 { width:100%!important; float:none; margin-bottom:30px; }
}

@media (max-width:600px) {
    .content-nav-side #home-products .wrp,
    #home-products .wrp { width:700px; position:relative; left:50%; margin-left:-350px; }
    .col-2 { width:100%; float:none; margin-bottom:30px; }
    #nav-side { padding-bottom:10px; margin-bottom:10px; width:100%!important; text-align:left; }
    .content-nav-side { width:100%!important; }
    
    .product-area::after { opacity:0!important; display:none!important; }
    
    #navigation-products { padding-bottom:20px!important; }
    #navigation-products .nav-lvl1 { margin-bottom:10px; }
}



@media (max-width:700px) {
    .feature-title { font-size:12px; }
    .home-peak { width:100%; float:none; margin-bottom:40px; }
}

@media (max-width:600px) {
    .col-feature { width:100%; float:none; margin-bottom:40px; }
    .col-table { width:100%; }

    .form-label,
    .form-label-ph { float:none; text-align:left; width:100%; padding-left:0; }
    .form-input { float:none; text-align:left; width:100%; margin-left:0; }
    .form-submit { display:block; margin-left:auto; margin-right:auto; }
}



.right-logo {
	position: absolute;
	right: 0px;
	top: 1px;
	background-image: url(/assets/img/waveguide_neg.png) !important;
	background-size: 55% !important;
	margin-right: 30px;
}

#pc-cookie-notice #pc-button button {
	background-color: white !important;
	color: black !important;
}

/* lang switch */
.nav-switch {  
    list-style:none;
    padding:0px;
    margin:0px;
    display: flex;
    width:80px;
    position: absolute;
    top: 0px;
    margin-top: 8px;
    z-index: 100;
    right: 86px;
}

.nav-switch > li {
    flex:1;
    border-right:2px solid #fff;
    text-align: center;
}

.nav-switch > li:last-child { 
    border-right: 0px;
}

.nav-switch > li > a {
    text-decoration: none;
    display: inline-block;
    width:30px;
    background-position:center;
    background-repeat: no-repeat;
    background-size: 110% auto;
    box-sizing: border-box;
    border-bottom: 2px solid transparent;
    transition-duration: 0.6s;
    color: #fff;

    text-align: center;
}

.nav-switch > li > a.active {  font-weight: bold; }

.nav-switch > li > a:hover {
    border-bottom: 2px solid #fff;
}

.headerTextNew {
    font-family: Roboto, sans-serif;
    color: white;
    font-size: 13px;
    line-height: 17px;
    position: absolute;
    top: 2px;
    left: calc(50% - 81.5px);
}

@media screen and (max-width: 820px) {
    .headerTextNew {
        left: calc(50% - 20px);
    }
}

@media screen and (max-width: 820px) {
    .headerTextNew {
        display: none;
    }
}

.swiper {
  width: 100%;
  max-width: 1500px;
  height: auto;
}

.swiper-button-next, .swiper-button-prev {
    color: #8496a8;
}