/* RESET------------------------------------------------------------------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,blockquote,table,td,th {margin: 0; padding: 0; outline: none; font-weight: normal;}
table, td, tr {border-collapse: collapse; border-spacing: 0;}
ol,ul {list-style: none;}
a, a img {outline: none; text-decoration: none; border: 0;}
td {vertical-align: top;}
p {padding: 0; margin: 0 0 15px 0;}
* {margin: 0; padding: 0;}
.clr {clear: both; overflow: hidden; height: 0;}
header, nav, section, article, aside, footer {display: block;}


/*-----------------------------------------------------------------------------------*/

/* BODY */
body {font-weight: 400; color: #404040; font: normal 14px/1.4 'PT Sans', sans-serif;}
.container  {margin: 0 auto; position: relative;}



@media (min-width: 1px) {
    .container {width: 300px;}
}
@media (min-width: 480px) {
    .container {width: 400px;}
}
@media (min-width: 640px) {
    .container {width: 560px;}
}
@media (min-width: 768px) {
    .container {width: 700px;}
}
@media (min-width: 1024px) {
    .container {width: 900px;}
    .col_l {width: 38%; float: left;}
    .col {width: 24%; float: left;}
    .col_r {width: 38%; float: right;}
}
@media (min-width: 1366px) {
    .container {width: 1100px;}
}
@media (min-width: 1600px) {
    .container {width: 1200px;}
}

/* BODY */
#landing_page {background: url(/img/lp/lp_background_fawag.jpg) top center no-repeat;}
#landing_page h2 {color: #fff; font-weight: 700; padding: 15px 100px 15px 500px; margin: 0 0 0 -500px; display: inline-block; text-transform: uppercase; position: absolute; top: -20px; left: 0;}
#landing_page h3 {margin: 0 0 30px 0; text-transform: none;}
#landing_page h4 {color: #fff; margin: 0 0 30px 0;}


@media (min-width: 1px) {
    #landing_page h2, #landing_page h4 {font-size: 18px; font-weight: 700;}
    #landing_page h3 {font-size: 18px; font-weight: 700;}
    .header_logo {width: 100%; margin: 0 0 20px 0; padding: 20px 0 0 0; text-align: right;}
    .header_logo img {height: 100px; width: auto;}
}
@media (min-width: 480px) {
    #landing_page h2, #landing_page h4 {font-size: 20px; font-weight: 700;}
    #landing_page h3 {font-size: 19px; font-weight: 700;}
}
@media (min-width: 640px) {
    #landing_page h2, #landing_page h4 {font-size: 22px; font-weight: 700;}
    #landing_page h3 {font-size: 20px; font-weight: 700;}
    .header_logo img {height: 110px; width: auto;}
}
@media (min-width: 768px) {
    #landing_page h2, #landing_page h4 {font-size: 24px; font-weight: 700;}
    #landing_page h3 {font-size: 21px; font-weight: 700;}
    .header_logo img {height: 120px; width: auto;}
    
}
@media (min-width: 1024px) {
    #landing_page h2, #landing_page h4 {font-size: 26px; font-weight: 700;}
    #landing_page h3 {font-size: 22px; font-weight: 700;}
    .header_logo {width: 15%; float: right; text-align: right; padding: 30px 0 0 0;}
    .header_logo img {height: 130px; width: auto;}
}
@media (min-width: 1366px) {
    #landing_page h2, #landing_page h4 {font-size: 28px; font-weight: 700;}
    #landing_page h3 {font-size: 23px; font-weight: 700;}
}
@media (min-width: 1600px) {
    #landing_page h2, #landing_page h4 {font-size: 30px; font-weight: 700;}
    #landing_page h3 {font-size: 24px; font-weight: 700;}
}

/* HEADER */

#landing_page_fawag_header {position: relative;}
.landing_page_fawag_header_text {background-color: #d93848; color: #fff;}


@media (min-width: 1px) {
    .landing_page_fawag_header_foto_1 img {width: 60%; height: auto; margin: 0 20%;}
    .landing_page_fawag_header_foto_2 img {width: 100%; height: auto;}
    .landing_page_fawag_header_text {padding: 60px 0; margin: 50px 0 0 0; font-size: 16px; line-height: 1.2;}
    .fawag_header_text strong {font-size: 18px; font-weight: 700;}
    .fawag_header_text {width: 100%;}
}
@media (min-width: 480px) {
    .landing_page_fawag_header_foto_1 img {width: 150px; height: auto; margin: -30px 0 0 0;}
    .landing_page_fawag_header_foto_2 {position: absolute; top: -20px; right: -40px;}
    .landing_page_fawag_header_foto_2 img {width: 300px; height: auto;}
    .landing_page_fawag_header_text {padding: 60px 0; margin: 50px 0 0 0; font-size: 16px; line-height: 1.2;}
    .fawag_header_text strong {font-size: 18px; font-weight: 700;}
    .fawag_header_text {width: 100%;}
}
@media (min-width: 640px) {
    .landing_page_fawag_header_foto_1 img {width: 175px; height: auto; margin: 0;}
    .landing_page_fawag_header_foto_2 {position: absolute; top: -50px; right: -40px;}
    .landing_page_fawag_header_foto_2 img {width: 400px; height: auto;}
    .landing_page_fawag_header_text {padding: 60px 0; margin: 50px 0 0 0; font-size: 16px; line-height: 1.2;}
    .fawag_header_text strong {font-size: 18px; font-weight: 700;}
    .fawag_header_text {width: 100%;}
}
@media (min-width: 768px) {
    .landing_page_fawag_header_foto_1 img {width: 200px; height: auto;}
    .landing_page_fawag_header_foto_2 {position: absolute; top: -50px; right: 0;}
    .landing_page_fawag_header_foto_2 img {width: 450px; height: auto;}
    .landing_page_fawag_header_text {padding: 60px 0; margin: 50px 0 0 0; font-size: 16px; line-height: 1.2;}
    .fawag_header_text strong {font-size: 18px; font-weight: 700;}
    .fawag_header_text {width: 100%;}
}
@media (min-width: 1024px) {
    .landing_page_fawag_header_foto_1 img {width: 300px; height: auto;}
    .landing_page_fawag_header_foto_2 {position: absolute; top: 0; right: -50px;}
    .landing_page_fawag_header_foto_2 img {width: 600px; height: auto;}
    .landing_page_fawag_header_text {padding: 50px 0; margin: 50px 0 0 0; font-size: 18px; line-height: 1.2;}
    .fawag_header_text strong {font-size: 19px; font-weight: 700;}
    .fawag_header_text {width: 50%;}
}
@media (min-width: 1366px) {
    .landing_page_fawag_header_foto_1 img {width: 350px; height: auto;}
    .landing_page_fawag_header_foto_2 {position: absolute; top: 10px; right: -100px;}
    .landing_page_fawag_header_foto_2 img {width: 700px; height: auto;}
    .landing_page_fawag_header_text {padding: 60px 0; margin: 50px 0 0 0; font-size: 19px;}
    .fawag_header_text strong {font-size: 22px; font-weight: 700;}
    .fawag_header_text {width: 55%;}
}
@media (min-width: 1600px) {
    .landing_page_fawag_header_foto_1 img {width: 392px; height: auto;}
    .landing_page_fawag_header_foto_2 {position: absolute; top: 10px; right: -175px;}
    .landing_page_fawag_header_foto_2 img {width: 788px; height: auto;}
    .landing_page_fawag_header_text {padding: 70px 0; margin: 50px 0 0 0; font-size: 21px;}
    .fawag_header_text strong {font-size: 24px; font-weight: 700;}
}

.scroll_up {position: fixed; bottom: 50px; right: 30px; z-index: 1000; cursor: pointer;}


/* HEADER */
#header_top {width: 100%; position: relative;}

.header_nav {width: 85%; float: left;}
.header_info {display: none;}

/* FOOTER */
footer {font-family: 'PT Sans'; font-size: 16px; font-weight: 400; padding: 20px 0; color: #d93848;}
.footer_link a {color: #d93848; font-weight: 400 !important;}


@media (min-width: 1px) {
    .footer_logo {display: none;}
}
@media (min-width: 480px) {
}
@media (min-width: 640px) {
}
@media (min-width: 768px) {
.footer_link {width: 30%; float: left; margin: 35px 0 0 0;}
.footer_address {width: 60%; float: right; text-align: right; margin: 35px 0 0 0;}
.footer_logo {display: block; width: 10%; float: right; text-align: right;}
}
@media (min-width: 1024px) {
}
@media (min-width: 1366px) {
}
@media (min-width: 1600px) {
}


/* MAIN NAV */
#nav_main {margin-top: 80px;}
#nav_main ul {text-align: left;}
#nav_main li {display: inline-block;  position: relative; background: url(/img/lp/bg_nav_li.png) center right no-repeat;}
#nav_main li:last-child {background: none;}
#nav_main li a {color: #d93848; line-height: 1.1; font-family: 'PT Sans', sans-serif; font-weight: 700; text-transform: uppercase; display: block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
#nav_main li:first-child a {padding-left: 0;}
#nav_main li:last-child a{padding-right: 0;}
#nav_main li a:hover, #nav_main li a.selected {color: #242021;}

/* RWD NAV */
#rwd-menu-button {color: #fff; font-size: 18px; font-weight: 700; text-align: center; font-weight: 600; background: url(/img/bg_rwd_menu.png) center right no-repeat #242021; display: block; z-index: 20; cursor: pointer; padding: 10px 0;}
#rwd-menu-button:hover {background-color: #d93848;}
#rwd-menu-button.open {background: url(/img/bg_rwd_menu_close.png) center right no-repeat #d93848; display: block;}
#rwd-menu-container {display: none; position: absolute; top: 45px; left: 0; z-index: 119; height: auto; background-color: #242021;}
.rwd-main ul {margin: 0; display: block; list-style-type: none;}
.rwd-main li {border-top: 1px solid #554e50;}
.rwd-main li:first-child {border-top: 0 solid #554e50;}
.rwd-main li a {display: block; padding: 10px 0; font: normal 18px/25px 'PT Sans', Tahoma, Arial, sans-serif; text-transform: uppercase; text-align: center; color: #fff; font-weight: 700;}
.rwd-main li a:hover, .rwd-main li a.selected {background-color: #d93848;}

@media (min-width: 1px) {
    #nav_main {display: none;}
    #nav_rwd {display: block; width: 100%; position: relative;}
    #rwd-menu-button {width: 300px; margin: 0 0 40px 0;}
    #rwd-menu-container {width: 300px;}
}
@media (min-width: 480px) {
    #rwd-menu-button {width: 400px; margin: 0 0 60px 0;}
    #rwd-menu-container {width: 400px;}
}
@media (min-width: 640px) {
    #rwd-menu-button {width: 560px; margin: 0 0 60px 0;}
    #rwd-menu-container {width: 560px;}
}
@media (min-width: 768px) {
    #rwd-menu-button {width: 700px; margin: 0 0 60px 0;}
    #rwd-menu-container {width: 700px;}
}
@media (min-width: 1024px) {
    #nav_rwd {display: none;}
    #nav_main {display: block;}
    #nav_main li {margin-right: 10px;}
    #nav_main li a {font-size: 14px; padding: 5px 15px 5px 0;}
}
@media (min-width: 1366px) {
    #nav_main li {margin-right: 10px;}
    #nav_main li a {font-size: 15px; padding: 5px 15px 5px 0;}
}
@media (min-width: 1600px) {
    #nav_main li {margin-right: 15px;}
    #nav_main li a {font-size: 16px; padding: 5px 20px 5px 0;}
}

/* HEADING */
.page h1 {display: none;}
h1 {font-weight: 700; line-height: 1; color: #404040; margin: 0 0 30px 0; padding: 15px 0 0 0; text-transform: uppercase; text-align: center;}
h2 {font-weight: 700; line-height: 1; color: #ff0000; margin: 0 0 30px 0; padding: 15px 0 0 0; text-transform: uppercase;}
h3 {font-size: 21px; font-weight: 700; line-height: 1; color: #525252; margin: 0 0 10px 0; text-transform: uppercase;}
h4 {font-size: 18px; font-weight: 700; line-height: 1; color: #585858; text-transform: uppercase;}

strong {font-weight: 700;}

/* BUTTON */
.btn {width: 36px; height: 34px; background-color: #d93848; color: #fff; cursor: pointer; font-size: 34px; line-height: 1; font-weight: 700; text-align: center; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; position: relative; display: block;}
.btn:hover {background-color: #fff; color: #d93848; border: 0 solid #0a91db;}

/* PAGE */
.page ul li {list-style-type: disc; list-style-position: outside; margin: 8px 0; margin-left: 25px;}
.page ol li {list-style-type: decimal; list-style-position: outside; margin: 8px 0; margin-left: 25px;}
.page ol ol li {margin-left: 25px;}


/* 404 */
#page_404 {text-align: center;}
#page_404 h1 {font-size: 80px; font-weight: 700;}
#page_404 h2 {font-size: 36px;}
.counter-404-link {margin: 40px 0 80px 0;}

/* LINK */
a {color: #ed0013;}
a:hover {color: #686868;}

/* PRELOAD */

#preloadb {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 111111; background-color: #242021; opacity: 0.90; filter: alpha(opacity = 90); display: none; cursor:pointer;}
#preloadi{width: 110%; height: 75%; position: absolute; top: -5%; left: -5%; z-index: 111112; background: url(/img/loader.gif) no-repeat center center; display: none;}
#preloadm_presentation,
#preloadm {font-family: 'PT Sans', sans-serif; line-height: 1.2; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: auto; padding: 30px 50px; z-index: 111113; background-color: #fff; color: #242021; border: 1px solid #c5c5c5; display: none; cursor: pointer; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; text-align: center; -webkit-box-shadow: 0 0 101px 0 rgba(0,0,0,1); -moz-box-shadow: 0 0 101px 0 rgba(0,0,0,1); box-shadow: 0 0 101px 0 rgba(0,0,0,1);}
#preloadm:before {border: solid; border-color: #fff transparent; border-width: 32px 15px 0 15px; bottom: -32px; content: ""; right: 50px; position: absolute; z-index: 99;}


@media (min-width: 1px) {
    #preloadm {font-size: 14px; width: 200px; max-height: 300px;}
}
@media (min-width: 480px) {
    #preloadm {font-size: 15px; width: 330px; max-height: 300px;}
}
@media (min-width: 640px) {
    #preloadm {font-size: 16px; width: 450px; max-height: 300px;}
}
@media (min-width: 768px) {
    #preloadm {font-size: 17px; width: 550px; max-height: 300px;}
}
@media (min-width: 1024px) {
    #preloadm {font-size: 18px; width: 650px; max-height: 300px;}
}
@media (min-width: 1366px) {
}
@media (min-width: 1600px) {
    
}


/* TRAITS */
#landing_page_fawag_traits {background: url(/img/lp/bg_lp_fawag_traits.jpg) top center no-repeat; background-size: cover; position: relative;}
#landing_page_fawag_traits h2 {color: #fff; background-color: #242021;}
#landing_page_fawag_traits .container {padding: 0 0 140px 0;}



.fawag_traits_item  .more {width: 36px; height: 34px; background-color: #d93848; color: #fff; cursor: pointer; font-size: 34px; line-height: 1; font-weight: 700; text-align: center; margin: 0 auto;}
.fawag_traits_item  .more:hover {background-color: #242021;}
.fawag_traits_image {position: relative;}
.fawag_traits_item .fawag_traits_desc {display: none;}

@media (min-width: 1px) {
    .fawag_traits_item {width: 100%; text-align: center; margin: 0 0 30px 0;}
    .fawag_traits_group .fawag_traits_image {width: 100%;}
    .fawag_traits_group .fawag_traits_icons {width: 100%;}
    .fawag_traits_group {padding: 60px 0 0 0;}
    .fawag_traits_image img {width: 300px; height: auto;}
    .fawag_traits_title {color: #242021; font-size: 16px; line-height: 1; margin: 0 auto 15px auto; width: 90%; min-height: 20px;}
}
@media (min-width: 480px) {
    .fawag_traits_item {width: 33%; float: left; text-align: center; margin: 0;}
    .fawag_traits_group .fawag_traits_image {width: 100%;}
    .fawag_traits_group .fawag_traits_icons {width: 100%;}
    .fawag_traits_group {padding: 60px 0 0 0;}
    .fawag_traits_image img {width: 400px; height: auto;}
    .fawag_traits_title {color: #242021; font-size: 16px; line-height: 1; margin: 0 auto 15px auto; width: 90%; min-height: 50px;}
}
@media (min-width: 640px) {
    .fawag_traits_group .fawag_traits_image {width: 100%;}
    .fawag_traits_group .fawag_traits_icons {width: 100%;}
    .fawag_traits_group {padding: 60px 0 0 0;}
    .fawag_traits_image img {width: 550px; height: auto;}
    .fawag_traits_title {color: #242021; font-size: 16px; line-height: 1; margin: 0 auto 15px auto; width: 90%; min-height: 40px;}
}
@media (min-width: 768px) {
    .fawag_traits_group:nth-of-type(odd) .fawag_traits_image {width: 40%; float: right;}
    .fawag_traits_group:nth-of-type(odd) .fawag_traits_icons {width: 60%; float: left;}
    .fawag_traits_group:nth-of-type(even) .fawag_traits_image {width: 40%; float: left;}
    .fawag_traits_group:nth-of-type(even) .fawag_traits_icons {width: 60%; float: right;}
    .fawag_traits_group {padding: 60px 0 0 0;}
    .fawag_traits_image img {width: 300px; height: auto;}
    .fawag_traits_title {color: #242021; font-size: 16px; line-height: 1; margin: 0 auto 15px auto; width: 90%; min-height: 50px;}
    .fawag_traits_group:nth-of-type(odd) .fawag_traits_image img {position: absolute; top: 0; right: -25px;}
    .fawag_traits_group:nth-of-type(even) .fawag_traits_image img {position: absolute; top: 0; left: -25px;}
}
@media (min-width: 1024px) {
    .fawag_traits_group:nth-of-type(odd) .fawag_traits_image {width: 50%; float: right;}
    .fawag_traits_group:nth-of-type(odd) .fawag_traits_icons {width: 50%; float: left;}
    .fawag_traits_group:nth-of-type(even) .fawag_traits_image {width: 50%; float: left;}
    .fawag_traits_group:nth-of-type(even) .fawag_traits_icons {width: 50%; float: right;}
    .fawag_traits_group {padding: 120px 0 0 0;}
    .fawag_traits_image img {width: 450px; height: auto;}
    .fawag_traits_title {color: #242021; font-size: 18px; line-height: 1; margin: 0 auto 15px auto; width: 80%; min-height: 50px;}
    .fawag_traits_group:nth-of-type(odd) .fawag_traits_image img {position: absolute; top: -50px; right: -50px;}
    .fawag_traits_group:nth-of-type(even) .fawag_traits_image img {position: absolute; top: -50px; left: -50px;}
}
@media (min-width: 1366px) {
    .fawag_traits_image img {width: 500px; height: auto;}
    .fawag_traits_title {color: #242021; font-size: 19px; line-height: 1; margin: 0 auto 15px auto; width: 70%; min-height: 54px;}
    .fawag_traits_group:nth-of-type(odd) .fawag_traits_image img {position: absolute; top: -70px; right: -50px;}
    .fawag_traits_group:nth-of-type(even) .fawag_traits_image img {position: absolute; top: -70px; left: -50px;}
}
@media (min-width: 1600px) {
    .fawag_traits_image img {width: 550px; height: auto;}
    .fawag_traits_title {color: #242021; font-size: 21px; line-height: 1; margin: 0 auto 15px auto; width: 70%; min-height: 60px;}
}

#preloadm .fawag_traits_title {min-height: auto; color: #d93848; text-transform: uppercase; font-weight: 700;}

@media (min-width: 1px) {
    #preloadm .fawag_traits_title {font-size: 18px;}
}
@media (min-width: 480px) {
    #preloadm .fawag_traits_title {font-size: 19px;}
}
@media (min-width: 640px) {
    #preloadm .fawag_traits_title {font-size: 20px;}
}
@media (min-width: 768px) {
    #preloadm .fawag_traits_title {font-size: 21px;}
}
@media (min-width: 1024px) {
    #preloadm .fawag_traits_title {font-size: 22px;}
}
@media (min-width: 1366px) {
    #preloadm .fawag_traits_title {font-size: 23px;}
}
@media (min-width: 1600px) {
    #preloadm .fawag_traits_title {font-size: 24px;}
}

/* FUNKCJE */
#landing_page_fawag_slider .container {padding: 100px 0 50px 0;}
#landing_page_fawag_slider h2 {color: #fff; background-color: #242021;}
#landing_page_fawag_slider h3 {color: #d93848;}

#landing_page_fawag_slider {position: relative;}
.fawag_slider_list {height: 300px; overflow: hidden;}
.fawag_slider_item {margin: 0; padding: 0 0 20px; line-height: 1.1; position: relative; text-align: center;}

.fawag_slider_btn_left {background: url(/img/lp/bg_slider_left.png) top left no-repeat; width: 25px; height: 50px; position: absolute; cursor: pointer; z-index: 1000;}
.fawag_slider_btn_right {background: url(/img/lp/bg_slider_right.png) top left no-repeat; width: 25px; height: 50px; position: absolute; cursor: pointer; z-index: 1000;}

@media (min-width: 1px) {
    .fawag_slider_image img {width: 258px; height: auto;}
    .fawag_slider_item {width: 300px; height: 200px; float: left; font-size: 16px;}
    .fawag_slider_btn_left {top: 180px; left: 0;}
    .fawag_slider_btn_right { top: 180px; right: 0;}
}
@media (min-width: 480px) {
    .fawag_slider_image img {width: 328px; height: auto;}
    .fawag_slider_item {width: 400px; height: 200px; float: left; font-size: 16px;}
    .fawag_slider_btn_left {top: 180px; left: 0;}
    .fawag_slider_btn_right { top: 180px; right: 0;}
}
@media (min-width: 640px) {
    .fawag_slider_image img {width: 328px; height: auto;}
    .fawag_slider_item {width: 560px; height: 200px; float: left; font-size: 16px;}
    .fawag_slider_btn_left {top: 220px; left: 0;}
    .fawag_slider_btn_right { top: 220px; right: 0;}
}
@media (min-width: 768px) {
    .fawag_slider_image img {width: 204px; height: auto;}
    .fawag_slider_item {width: 33.3%; height: 200px; float: left; font-size: 16px;}
    .fawag_slider_btn_left {top: 180px; left: -20px;}
    .fawag_slider_btn_right { top: 180px; right: -20px;}
}
@media (min-width: 1024px) {
    .fawag_slider_image img {width: 244px; height: auto;}
    .fawag_slider_item {width: 33.3%; height: 200px; float: left; font-size: 16px;}
    .fawag_slider_btn_left {top: 200px; left: -30px;}
    .fawag_slider_btn_right { top: 200px; right: -30px;}
}
@media (min-width: 1366px) {
    .fawag_slider_image img {width: 294px; height: auto;}
    .fawag_slider_item {width: 33.3%; height: 200px; float: left; font-size: 17px;}
    .fawag_slider_btn_left {top: 230px; left: -40px;}
    .fawag_slider_btn_right { top: 230px; right: -40px;}
}
@media (min-width: 1600px) {
    .fawag_slider_image img {width: 328px; height: auto;}
    .fawag_slider_item {width: 33.3%; height: 200px; float: left; font-size: 18px;}
    .fawag_slider_btn_left {top: 250px; left: -50px;}
    .fawag_slider_btn_right { top: 250px; right: -50px;}
}

/* PERYFERIA */
#landing_page_fawag_boxes {background: url(/img/lp/bg_lp_fawag_boxes.jpg) top center no-repeat #333132; background-size: cover; color: #fff; font-size: 19px; position: relative;}
#landing_page_fawag_boxes h2 {color: #fff; background-color: #d93848;}
#landing_page_fawag_boxes h3 {color: #d93848;}
.fawag_box_item .btn {position: absolute; bottom: -1px; right: -1px;}
.fawag_box_item:nth-of-type(3n) {margin: 0 0 0 0;}
.fawag_box_subtitle {font-size: 14px;}
.fawag_box_image {text-align: center;}

@media (min-width: 1px) {
    #landing_page_fawag_boxes .container {padding: 80px 0;}
    .fawag_box_item {width: 258px; border: 1px dashed #fff; float: left; margin: 0 0 20px 0; padding: 20px; position: relative;}
    .fawag_box_image img {width: 258px; height: auto;}
    .fawag_box_title {font-size: 16px; text-transform: uppercase;}
}
@media (min-width: 480px) {
    #landing_page_fawag_boxes .container {padding: 80px 0;}
    .fawag_box_item {width: 358px; border: 1px dashed #fff; float: left; margin: 0 0 20px 0; padding: 20px; position: relative;}
    .fawag_box_image img {width: 328px; height: auto;}
    .fawag_box_title {font-size: 16px; text-transform: uppercase;}
}
@media (min-width: 640px) {
    #landing_page_fawag_boxes .container {padding: 80px 0;}
    .fawag_box_item {width: 518px; border: 1px dashed #fff; float: left; margin: 0 0 20px 0; padding: 20px; position: relative;}
    .fawag_box_image img {width: 328px; height: auto;}
    .fawag_box_title {font-size: 16px; text-transform: uppercase;}
}
@media (min-width: 768px) {
    #landing_page_fawag_boxes .container {padding: 80px 0;}
    .fawag_box_item {width: 204px; border: 1px dashed #fff; float: left; margin: 0 10px 0 0; padding: 10px; position: relative;}
    .fawag_box_image img {width: 204px; height: auto;}
    .fawag_box_title {font-size: 15px; text-transform: uppercase;}
}
@media (min-width: 1024px) {
    #landing_page_fawag_boxes .container {padding: 80px 0;}
    .fawag_box_item {width: 244px; border: 1px dashed #fff; float: left; margin: 0 20px 0 0; padding: 20px; position: relative;}
    .fawag_box_image img {width: 244px; height: auto;}
    .fawag_box_title {font-size: 16px; text-transform: uppercase;}
}
@media (min-width: 1366px) {
    #landing_page_fawag_boxes .container {padding: 90px 0;}
    .fawag_box_item {width: 294px; border: 1px dashed #fff; float: left; margin: 0 45px 0 0; padding: 20px; position: relative;}
    .fawag_box_image img {width: 294px; height: auto;}
}
@media (min-width: 1600px) {
    #landing_page_fawag_boxes .container {padding: 100px 0;}
    .fawag_box_item {width: 328px; border: 1px dashed #fff; float: left; margin: 0 45px 0 0; padding: 20px; position: relative;}
    .fawag_box_image img {width: 328px; height: auto;}
}

/* TECH DATA */
#landing_page_fawag_specs {background: url(/img/lp/bg_lp_fawag_specs.jpg) top center no-repeat; background-size: cover; font-size: 19px; position: relative;}
#landing_page_fawag_specs h2 {color: #fff; background-color: #d93848;}
#landing_page_fawag_specs .container {padding: 100px 0;}
#landing_page_fawag_specs .fawag_box_subtitle {min-height: 38px;}
#landing_page_fawag_specs .fawag_box_item {border: 1px dashed #aba8a8;}
#landing_page_fawag_specs .fawag_boxes h3 {color: #d93848;}

/* ACCORDION */
.accordion {margin: 0 0 40px 0;}
.accordion_container {margin: 0 0 15px 0;}
.accordion_header {color: #d93848; padding: 0;}
.accordion_header, .accordion_header:hover {cursor: pointer;}
.accordion_more_a {line-height: 1; font-size: 18px; font-weight: 700; float: left; text-align: left; margin: 0 15px 0 0;}
.accordion_more_img {float: left; height: 20px; background: url(/img/lp/bg_accordion.png) top left no-repeat; cursor: pointer; padding: 0 0 0 25px; font-size: 14px; line-height: 1.3;}
.open .accordion_more_img {background-position: 0 -20px;}
.close .accordion_more_img {background-position: 0 0;}
.open {color: #212121;}
.accordion_content {display: none; padding: 5px 0; position: relative; text-align: left;}
.accordion_content .accordion_content_item, .first {border-bottom: 1px dashed #d1cfcf;  font-size: 15px; padding: 5px 0;}

.accordion_header.open .accordion_more_img span.more {display: none;}
.accordion_header.open .accordion_more_img span.less {display: block;}
.accordion_header.close .accordion_more_img span.more {display: block;}
.accordion_header.close .accordion_more_img span.less {display: none;}


@media (min-width: 1px) {
    .accordion_content_title {width: 100%; font-weight: 700;}
    .accordion_content_value {width: 100%;}
}
@media (min-width: 480px) {
}
@media (min-width: 640px) {
}
@media (min-width: 768px) {
    .accordion_content_title {width: 25%; float: left; font-weight: 700;}
    .accordion_content_value {width: 75%; float: right;}
}
@media (min-width: 1024px) {
}
@media (min-width: 1366px) {
}
@media (min-width: 1600px) {
}



.text-2 {font-size: 16px;}
.text-2 strong {color: #d93848;}

#fawag_download {margin: 50px 0 0 0;}
#fawag_download h3 {color: #d93848;}
.fawag_download_list a {color: #333132; display: flex; font-size: 14px; margin: 0 0 5px 0;}
.fawag_download_list a div {vertical-align: middle; margin: auto 0;}
.fawag_download_list a img {margin: 0 10px 0 0;}
.fawag_download_list a:hover {color: #d93848;}

@media (min-width: 1px) {
    .fawag_price {font-size: 18px; font-weight: 700;}
    .fawag_price span {font-size: 30px; color: #d93848;}
}
@media (min-width: 480px) {
    .fawag_price {font-size: 20px; font-weight: 700;}
    .fawag_price span {font-size: 32px; color: #d93848;}
}
@media (min-width: 640px) {
    .fawag_price {font-size: 22px; font-weight: 700;}
    .fawag_price span {font-size: 34px; color: #d93848;}
}
@media (min-width: 768px) {
    .fawag_price {font-size: 24px; font-weight: 700;}
    .fawag_price span {font-size: 36px; color: #d93848;}
}
@media (min-width: 1024px) {
    .fawag_download_list {font-size: 16px; width: 100%; display: grid; grid-template-columns: 47% 47%; grid-column-gap: 6%;}
    
    .fawag_price {font-size: 26px; font-weight: 700;}
    .fawag_price span {font-size: 38px; color: #d93848;}
}
@media (min-width: 1366px) {
    .fawag_download_list {font-size: 16px; width: 90%;}
    
    .fawag_price {font-size: 28px; font-weight: 700;}
    .fawag_price span {font-size: 40px; color: #d93848;}

}
@media (min-width: 1600px) {
    .fawag_download_list {font-size: 16px; width: 80%;}
    
    .fawag_price {font-size: 30px; font-weight: 700;}
    .fawag_price span {font-size: 42px; color: #d93848;}
}

/* USAGE */
#landing_page_fawag_usage {font-size: 19px; position: relative;}
#landing_page_fawag_usage h2 {color: #fff; background-color: #333132; z-index: 1000;}
.gallery_item {background-size: cover !important; text-align: center; cursor: pointer; position: relative; display: flex;}
.gallery_item .title {opacity: 0; filter: alpha(opacity = 0); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #fff; margin: auto; z-index: 2; position: relative;}
.gallery_item:hover .title {opacity: 1; filter: alpha(opacity = 100);}
.gallery_hover {background-color: rgba(217, 56, 72, 0); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.gallery_item:hover .gallery_hover {background-color: rgba(217, 56, 72, 0.7); width: 100%; height: 100%; position: absolute; left: 0; right: 0; z-index: 1;}

@media (min-width: 1px) {
    .gallery_item {width: 100%; height: 250px;}
    .gallery_item .title {font-size: 24px; line-height: 1; width: 70%;}
}
@media (min-width: 480px) {
    .gallery_item {width: 50%; float: left; height: 150px;}
    .gallery_item .title {font-size: 21px; line-height: 1; width: 70%;}
}
@media (min-width: 640px) {
    .gallery_item {width: 50%; float: left; height: 200px;}
    .gallery_item .title {font-size: 24px; line-height: 1; width: 70%;}
}
@media (min-width: 768px) {
    .gallery_item {width: 50%; float: left; height: 250px;}
    .gallery_item .title {font-size: 28px; line-height: 1; width: 70%;}
}
@media (min-width: 1024px) {
    .gallery_item {width: 33.3%; float: left; height: 250px;}
    .gallery_item .title {font-size: 28px; line-height: 1; width: 70%;}
}
@media (min-width: 1366px) {
    .gallery_item {width: 33.3%; float: left; height: 350px;}
    .gallery_item .title {font-size: 30px; line-height: 1; width: 60%;}
}
@media (min-width: 1600px) {
    .gallery_item {width: 33.3%; float: left; height: 450px;}
    .gallery_item .title {font-size: 32px; line-height: 1; width: 50%;}
}

/* ABOUT */
#landing_page_fawag_about {background-color: #f3f3f3; position: relative;}
#landing_page_fawag_about h2 {color: #fff; background-color: #d93848;}
#landing_page_fawag_about .container {padding: 100px 0;}


/* KONTAKT */
#contact {background: url(/img/lp/bg_lp_fawag_contact.jpg) bottom right no-repeat #d93848; color: #fff; font-size: 16px; position: relative;}
#contact h2 {color: #fff; background-color: #242021;}
#contact h3 {color: #fff;}
#contact .container {padding: 100px 0;}

#landing_page .contact_footer h3 {color: #333132; margin: 0 0 15px 0;}
.contact_footer img {vertical-align: middle; margin: 0 15px 0 0;}
.fawag_contact_addresses {margin: 20px 0 0 0; font-size: 14px; line-height: 1.2;}
.fawag_contact_addresses_title, .fawag_contact_addresses_subtitle {font-weight: 700;}

#form_ask_about input[type="checkbox"] {width: 20px; margin: 0; display: inline-block; vertical-align: top; text-align: left;}
#form_ask_about label {font-size: 12px; line-height: 1.3; display: inline-block; text-align: justify; margin: 0 0 30px 0;}

#form_ask_about .btn_submit {background-color: #333132; color: #fff; width: 120px; font-weight: 700; text-transform: uppercase; cursor: pointer; -webkit-border-radius: 5px;
-moz-border-radius: 5px; border-radius: 5px;}
#form_ask_about .btn_submit:hover {background-color: #d93848 !important;}
.form_message {color: #ed1b24; font-size: 12px; font-weight: 700; text-transform: uppercase; padding: 0 0 15px 0;}
.main_address a {color: #fff;}
.main_address a:hover {color: #333132;}


    
@media (min-width: 1px) {
    #form_ask_about form {width: 100%;}
    .contact_footer {width: 100%; margin: 0 0 40px 0;}
    #landing_page #form_ask_about {padding: 20px;}
    #form_ask_about input {width: 240px; margin: 0 0 20px 0;}
    #form_ask_about textarea {width: 240px; min-width: 240px; max-width: 240px; height: 100px; margin: 0 0 25px 0;}
    #form_ask_about select {width: 260px; margin: 0 0 20px 0;}
    #form_ask_about label {width: 235px;}
    .main_address {width: 100%; margin: 0 0 20px 0;}
    #landing_page .contact_footer h3 {font-size: 16px;}
}
@media (min-width: 480px) {
    #form_ask_about form {width: 100%;}
    .contact_footer {width: 100%; margin: 0 0 40px 0;}
    #landing_page #form_ask_about {padding: 20px;}
    #form_ask_about input {width: 335px; margin: 0 0 20px 0;}
    #form_ask_about textarea {width: 335px; min-width: 335px; max-width: 335px; height: 100px; margin: 0 0 25px 0;}
    #form_ask_about select {width: 360px; margin: 0 0 25px 0;}
    #form_ask_about label {width: 330px;}
    .main_address {width: 100%; margin: 0 0 20px 0;}
    #landing_page .contact_footer h3 {font-size: 16px;}
}
@media (min-width: 640px) {
    #form_ask_about form {width: 100%;}
    .contact_footer {width: 100%; margin: 0 0 40px 0;}
    #landing_page #form_ask_about {padding: 25px;}
    #form_ask_about input {width: 475px; margin: 0 0 25px 0;}
    #form_ask_about textarea {width: 475px; min-width: 475px; max-width: 475px; height: 100px; margin: 0 0 25px 0;}
    #form_ask_about select {width: 510px; margin: 0 0 25px 0;}
    #form_ask_about label {width: 480px;}
    .main_address {width: 50%; float: left; margin: 0;}
    .fawag_contact_addresses_item {width: 48%; float: left; margin: 0 4% 0 0;}
    .fawag_contact_addresses_item:nth-of-type(2n) {margin: 0 0 0 0;}
    #landing_page .contact_footer h3 {font-size: 17px;}
}
@media (min-width: 768px) {
    #form_ask_about form {width: 100%;}
    .contact_footer {width: 100%; margin: 0 0 40px 0;}
    #landing_page #form_ask_about {padding: 40px 80px;}
    #form_ask_about input {width: 215px; margin: 0 25px 25px 0;}
    #form_ask_about input:nth-of-type(2) {margin: 0 0 25px 0;}
    #form_ask_about textarea {width: 494px; min-width: 494px; max-width: 494px; height: 150px; margin: 0 0 25px 0;}
    #form_ask_about select {width: 250px; margin: 0 0 25px 0;}
    #form_ask_about label {width: 500px;}
    .main_address {width: 50%; float: left;}
    #landing_page .contact_footer h3 {font-size: 18px;}
}
@media (min-width: 1024px) {
    #form_ask_about form {width: 38%; float: left;}
    .contact_footer {width: 58%; float: right; margin: 0;}
    #landing_page #form_ask_about {padding: 25px;}
    #form_ask_about input {width: 300px; margin: 0 25px 25px 0;}
    #form_ask_about textarea {width: 300px; min-width: 300px; max-width: 300px; height: 100px; margin: 0 0 25px 0;}
    #form_ask_about select {width: 322px; margin: 0 0 25px 0;}
    #form_ask_about label {width: 295px;}
    .main_address {width: 50%; float: left;}
    #landing_page .contact_footer h3 {font-size: 19px;}
}
@media (min-width: 1366px) {
    #form_ask_about form {width: 48%; float: left;}
    .contact_footer {width: 48%; float: right;}
    #landing_page #form_ask_about {padding: 25px;}
    #form_ask_about input {width: 200px; margin: 0 25px 25px 0;}
    #form_ask_about input:nth-of-type(2) {margin: 0 0 25px 0;}
    #form_ask_about textarea {width: 460px; min-width: 460px; max-width: 460px; height: 150px; margin: 0 0 25px 0;}
    #form_ask_about select {width: 232px; margin: 0 0 25px 0;}
    #form_ask_about label {width: 470px;}
    .main_address {width: 40%; float: left;}
    #landing_page .contact_footer h3 {font-size: 20px;}
}
@media (min-width: 1600px) {
    #landing_page #form_ask_about {padding: 25px;}
    #form_ask_about input {width: 215px; margin: 0 25px 25px 0;}
    #form_ask_about input:nth-of-type(2) {margin: 0 0 25px 0;}
    #form_ask_about textarea {width: 494px; min-width: 494px; max-width: 494px; height: 150px; margin: 0 0 25px 0;}
    #form_ask_about select {width: 250px; margin: 0 0 25px 0;}
    #form_ask_about label {width: 500px;}
    .main_address {width: 30%; float: left;}
    #landing_page .contact_footer h3 {font-size: 21px;}
}

#landing_page #form_ask_about {background-color: #fff; color: #404040; position: relative; margin: 0 0 50px 0;}
#landing_page #form_ask_about  .btn_submit {background-color: #404040;}
#landing_page #form_ask_about  .btn_submit:hover {background-color: #000;}



#landing_page .footer_header {margin: 0;}
#landing_page .footer_top {margin: 0; border: 0 solid #fff; padding: 0 0 50px 0;}

input, textarea {border: 1px solid #eeeeee; color: #565656; background-color: #fff; padding: 11px 3%; font: normal 14px/1 'PT Sans', Tahoma, Arial, sans-serif; margin: 0 0 3px 0; }
select {border: 1px solid #eeeeee; color: #565656; background-color: #fff; padding: 10px 3%; font: normal 14px/1 'PT Sans', Tahoma, Arial, sans-serif; margin: 0;}
input:focus, textarea:focus, select:focus {border: 1px solid #ff0000;}
.star {font-size: 14px;}

#landing_page_fawag_usages a {position: relative; display: block; width: 460px; height: 300px; float: left;}
#landing_page_fawag_usages a img {z-index: 1;}
#landing_page_fawag_usages a .title {display: block; position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; background: rgba(0, 0, 0, 0.5); width: 460px; height: 300px; color: #ddd; text-align: center;}
#landing_page_fawag_usages a:hover .title {opacity: 1;}

/* POPUP */
#popup {display: none; text-align: center; background-color: #fff; color: #404040; /*margin: 40px auto;*/ position: absolute; top: 0; right: 0; left: 0; margin: auto; z-index: 111113; overflow-y: auto;}
#popup .popup-close {font-size: 16px; font-weight: 700; background: url(/img/bg_popup_close.png) no-repeat center center #d93848; display: block; width: 30px; height: 30px; line-height: 30px; position: absolute; top: 0px; right: 0px; color: #fff;}
#popup .popup-close:hover {background-color: #848484;}

@media (min-width: 1px) {
    .popup_photo {width: 100%; height: auto;}
    #popup {width: 260px; position: absolute; top: 50px; left: 50%; margin: 0 0 0 -150px; padding: 20px;}
}
@media (min-width: 480px) {
    #popup {width: 360px; position: absolute; top: 50px; left: 50%; margin: 0 0 0 -200px; padding: 20px;}
}
@media (min-width: 640px) {
    #popup {width: 540px; position: absolute; top: 50px; left: 50%; margin: 0 0 0 -300px; padding: 30px;}
}
@media (min-width: 768px) {
    #popup {width: 640px; position: absolute; top: 50px; left: 50%; margin: 0 0 0 -350px; padding: 30px;}
}
@media (min-width: 1024px) {
    #popup {width: 800px; position: fixed; top: 50px; left: 50%; margin: 0 0 0 -450px; padding: 50px;}
}
@media (min-width: 1366px) {
    #popup {width: 1000px; position: fixed; top: 50px; left: 50%; margin: 0 0 0 -550px; padding: 50px;}
}
@media (min-width: 1600px) {
    #popup {width: 1100px; position: fixed; top: 50px; left: 50%; margin: 0 0 0 -600px; padding: 50px;}
}


#lp-main-navi a {background-color: #242021; color: #fff; text-transform: uppercase; font-weight: 700; padding: 6px 10px;}
#lp-main-navi a:hover, #lp-main-navi a.selected {background-color: #d93848;}

@media (min-width: 1px) {
    .lp-main-navi-wrap {position: absolute; top: 0; left: 0px; z-index: 1000;}
    #lp-main-navi a {display: block; margin: 0 0 5px 0;}
}
@media (min-width: 480px) {
}
@media (min-width: 640px) {
    .lp-main-navi-wrap {position: absolute; top: 0; left: 0px; z-index: 1000;}
    #lp-main-navi a {display: block; margin: 0 0 7px 0;}
}
@media (min-width: 768px) {
    .lp-main-navi-wrap {position: absolute; top: 0px; left: 0px; z-index: 1000;}
    #lp-main-navi a {display: inline-block; margin: 0px;}
}
@media (min-width: 1024px) {
    
}
@media (min-width: 1366px) {
}
@media (min-width: 1600px) {
}

/* COOKIES */
.cookies-container {position: fixed; display: block; width: 100%; min-height: 18%; z-index: 3000; background-color: rgba(220, 220, 220, 0.90); -webkit-box-shadow: 0 -10px 15px -10px rgba(0,0,0,0.3); -moz-box-shadow: 0 -10px 15px -10px rgba(0,0,0,0.3); box-shadow: 0 -10px 15px -10px rgba(0,0,0,0.3);}
.cookies {display: block; margin: 30px auto; color: #2b2b2b; font-size: 14px;}
.cookies_link {margin-top: 10px; display: block;}

.cookies-settings {cursor: default;}
.cookies-settings-container {background-color: #fff; color: #2b2b2b; padding: 30px; text-align: center;}
#landing_page .cookies-settings-container h2 {color: #d93848; padding: 20px 0; margin: 0; position: relative;}
.cookie-setting {margin: 15px 0;}
.cookie-setting-name {display: block;}
.cookie-setting-name label {cursor: pointer;}
.cookie-setting-checkbox {margin-top: 10px; display: block; }
.cookie-setting-checkbox input[type=checkbox] {width: 20px; height: 20px;}

@media (min-width:1px) {
    .cookies-settings-container h2 {font-size: 21px;}
    .cookie-setting-grid {display: grid; grid-template-columns: 100%;}
}
@media (min-width:1024px) {
    .cookies-settings-container h2 {font-size: 24px;}
    .cookie-setting-grid {display: grid; grid-template-columns: 31% 31% 31%; grid-column-gap: 3.5%;}
}

.link_btn { font-size: 14px; font-weight: 700; padding: 10px 15px; border: 1px solid #d93848; display: inline-block;}
.link_btn:hover { border: 1px solid #4e4e4e; color: #4e4e4e;}
.web_btn {font-size: 14px; font-weight: 700; padding: 10px 15px; border: 1px solid #d93848; border: 1px solid #d93848; background-color: #d93848; color: #fff; display: inline-block;}
.web_btn:hover {border: 1px solid #d93848; background-color: #fff; color: #d93848;}