/****************** Basic ******************/ @font-face { font-family: 'rw'; src: url('../tools/fonts/rw.eot'); src: url('../tools/fonts/rw.eot?#iefix') format('embedded-opentype'), url('../tools/fonts/rw.woff2') format('woff2'), url('../tools/fonts/rw.woff') format('woff'), url('../tools/fonts/rw.ttf') format('truetype'), url('../tools/fonts/rw.svg#ralewayregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'rw_b'; src: url('../tools/fonts/rw_b.eot'); src: url('../tools/fonts/rw_b.eot?#iefix') format('embedded-opentype'), url('../tools/fonts/rw_b.woff2') format('woff2'), url('../tools/fonts/rw_b.woff') format('woff'), url('../tools/fonts/rw_b.ttf') format('truetype'), url('../tools/fonts/rw_b.svg#ralewaybold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'rw_bb'; src: url('../tools/fonts/rw_bb.eot'); src: url('../tools/fonts/rw_bb.eot?#iefix') format('embedded-opentype'), url('../tools/fonts/rw_bb.woff2') format('woff2'), url('../tools/fonts/rw_bb.woff') format('woff'), url('../tools/fonts/rw_bb.ttf') format('truetype'), url('../tools/fonts/rw_bb.svg#ralewayblack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'rw_l'; src: url('../tools/fonts/rw_l.eot'); src: url('../tools/fonts/rw_l.eot?#iefix') format('embedded-opentype'), url('../tools/fonts/rw_l.woff2') format('woff2'), url('../tools/fonts/rw_l.woff') format('woff'), url('../tools/fonts/rw_l.ttf') format('truetype'), url('../tools/fonts/rw_l.svg#ralewaylight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'rw_m'; src: url('../tools/fonts/rw_m.eot'); src: url('../tools/fonts/rw_m.eot?#iefix') format('embedded-opentype'), url('../tools/fonts/rw_m.woff2') format('woff2'), url('../tools/fonts/rw_m.woff') format('woff'), url('../tools/fonts/rw_m.ttf') format('truetype'), url('../tools/fonts/rw_m.svg#ralewaymedium') format('svg'); font-weight: normal; font-style: normal; } body,html {position:relative;margin:0;padding:0;height:100%;width:100%;color:#666;font-size:14px;font-family:'rw', Arial, Helvetica, sans-serif;background:#FFF;min-width:300px;} * {outline: none;} img {border:none;} a {text-decoration: none; color:#666;} p {margin:10px 0px;float:left;width:100%;clear:both;} #wrapper {float:left;width:100%;height:100%;} header {float:left;width:100%;border-top:2px solid #97c21e;} #container {float:left;width:100%;} section {float:left;width:100%;clear:both;} section .ct {max-width:1200px;margin:0 auto;} section article p {line-height:150%;} section article {float:left;width:100%;clear:both;} section article:not(:first-child) {margin-top:50px;} footer {float:left;width:100%;} .ct {clear:both;display:table;width:100%;} .ct_l {display:table-cell;width:15px;} .ct_r {display:table-cell;width:15px;} .ct_c {display:table-cell;vertical-align:top;} .ct2 {clear:both;display:table;width:100%;} .ct2_l {display:table-cell;width:15px;} .ct2_r {display:table-cell;width:15px;} .ct2_c {display:table-cell;vertical-align:top;} .title_size_1 {font-size:40px;font-family:'rw_b',Arial;color:#003710;float:left;width:100%;} .title_size_2 {font-size:34px;font-family:'rw_b',Arial;color:#003710;float:left;width:100%;} .title_size_3 {font-size:28px;font-family:'rw_b',Arial;color:#003710;float:left;width:100%;} .title_size_4 {font-size:20px;font-family:'rw_b',Arial;color:#003710;float:left;width:100%;} p span.title_size_1 {float:none;} p span.title_size_2 {float:none;} p span.title_size_3 {float:none;} p span.title_size_4 {float:none;} .align_center {text-align:center;} .border_radius {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .font_weight_b {font-family:'rw_b',Arial;} .font_weight_m {font-family:'rw_m',Arial;} p .font_weight_b {color:#003710;} section.main .ul_wrapper {float:left;width:100%;margin:12px 0px;padding:0px;} section.main ul {float:left;width:100%;margin:0px;padding:0px;} section.main ul li { float:left;clear:both;margin:8px 0px;padding:0px 0px 0px 25px; list-style-type:none;background: url('../images/icons/arrow_green_1_right.png') left 3px no-repeat; background-size:12px 12px; } /****************** Content ******************/ header .ct {max-width:1200px;height:140px;margin:0 auto;} header .ct .ct_c {vertical-align:middle;} header .ct .ct_ct {display:table;width:100%;} header .logo_wrapper {display:table-cell;vertical-align:middle;text-align:left;} header .logo_wrapper a {display:block;margin:20px 20px 20px 0px;float:left;} header .logo_wrapper a img {width:90px;} header .actions_wrapper {display:table-cell;vertical-align:middle;text-align:right;} header .contacts {float:right;} header .contact {display:table;float:left;margin:5px 30px 5px 0px;height:30px;} header .contact_l {display:table-cell;vertical-align:middle;width:30px;} header .contact_l img {width:14px;vertical-align:middle;} header .contact_l {display:table-cell;width:20px;text-align:left;} header .contact_r {display:table-cell;vertical-align:middle;} header .lang_wrapper { float:right;display:table;margin:5px 0px 5px 0px; height:30px;position:relative;cursor:pointer; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } header .lang_wrapper .current_lang {float:left;width:100%;display: table;} header .lang_wrapper .current_lang_wrapper {display: table-cell;vertical-align: middle;} header .lang_wrapper .current_lang .lang {padding:0px;} header .lang_wrapper .lang {display:table;padding: 8px 0px;width:145px;} header .lang_wrapper .lang .lang_icon_wrapper {display:table-cell;vertical-align:middle;width:45px;text-align:center;} header .lang_wrapper .lang .lang_icon_wrapper img {width:26px;vertical-align:middle;display:inline-block;} header .lang_wrapper .lang .lang_desc_wrapper {display:table-cell;vertical-align:middle;text-align:left;} header .lang_wrapper .lang .lang_arrow_wrapper {display:table-cell;vertical-align:middle;} header .lang_wrapper .lang .lang_arrow_wrapper img {width:14px;vertical-align:middle;display:inline-block;} header .lang_wrapper ul { display:none;position:absolute;z-index:95000;top:35px; left:-1px;padding:0;margin:0px;background:#FFF;border:1px solid #eee;width:145px; box-shadow: 0px 4px 10px rgba(0,0,0,0.1); } header .lang_wrapper ul li { float:left;width:100%;clear:both;list-style-type:none; -webkit-transition: background 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } header .lang_wrapper ul li:hover {background:#eee;} header .lang_wrapper ul li:not(:first-child) {border-top:1px solid #eee;} header .lang_wrapper ul.hover {display:block;} header .lang_wrapper ul .lang .lang_desc_wrapper {width:auto;} header .lang_wrapper:not(.active) .lang_arrow_wrapper img.default {display:inline-block;} header .lang_wrapper:not(.active) .lang_arrow_wrapper img.active {display:none;} header .lang_wrapper.active .lang_arrow_wrapper img.default {display:none;} header .lang_wrapper.active .lang_arrow_wrapper img.active {display:inline-block;} header .lang {display:table;float:left;width:100%;} header .lang_icon_wrapper {display:table-cell;vertical-align:middle;width:30px;} header .lang_desc_wrapper {display:table-cell;vertical-align:middle;} header .lang_arrow_wrapper {display:table-cell;vertical-align:middle;width:30px;} header .social_wrapper {float:right;margin-left:20px;} header .social_wrapper .icon {float:left;margin:8px 4px;} header .social_wrapper .icon img{float:left;width:24px;margin:0px;} header .nav_wrapper {float:left;width:100%;border-top:1px solid #efefef;} header .nav_wrapper .mobile_icon {display:none;} header .nav_wrapper .ct {max-width:1200px;height:auto;} header .nav_wrapper .ct_c {vertical-align:middle;} @media screen and (max-width:899px){ body header .contacts {clear:both;} body header .contact {margin:5px 0px 5px 30px;} } @media screen and (max-width:499px){ body header .ct_ct {display:block;margin:10px 0px;} body header .ct_ct .logo_wrapper {display:block;float:left;width:100%;} body header .ct_ct .actions_wrapper {display:block;float:left;width:100%;} body header .logo_wrapper {text-align:center;} body header .logo_wrapper a {float:none;display:inline-block;margin:20px 0px;} body header .logo_wrapper a img {float:left;} body header .social_wrapper {display:none;} body header .contacts {display:none;} body header .lang_wrapper {float:none;margin:0 auto;} } nav {float:left;width:100%;} .nav_wrapper:not(.mobile) nav {display:block !important;} nav * { -webkit-transition: background 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } nav ul {display:table;table-layout:fixed;margin:5px auto;} nav ul li {display:table-cell;vertical-align:middle;padding:5px 8px;list-style-type:none;position:relative;} @media screen and (min-width:1100px) and (max-width:1199px){ nav ul li {padding:5px 3px;} } @media screen and (min-width:1000px) and (max-width:1099px){ nav ul li {padding:5px 0px;} } nav ul li a {display:block;padding:5px 13px;background:#FFF;} nav ul li a.active {background:#97c21e;color:#FFF;} nav ul li a:hover {background:#97c21e;color:#FFF;} @media screen and (min-width:1000px) and (max-width:1099px){ nav ul li a {padding:5px 13px;} } nav ul.level_0 {padding:0;} nav li.level_0 {} nav li.level_0.hover ul.level_1 {display:block;} nav li.level_0.hover a.level_0 {background:#97c21e;color:#FFF;} nav ul.level_1 {display:none;position:absolute;z-index:90000;bottom:0px;left:0px;margin-left:0px;margin-right:0px;margin-bottom:0px;padding:0px;} nav li.level_1 {float:none;display:table;width:100%;float:left;margin:0px;padding:0px;border-top:1px solid #eee;} nav li.level_1 a {float:none;display:table-cell;padding:10px 15px;} /* mobile menu */ .nav_wrapper.mobile nav ul {margin:0px;} .nav_wrapper.mobile .mobile_icon {display:block;float:right;} .nav_wrapper.mobile .mobile_icon img {width:46px;float:left;cursor:pointer;} .nav_wrapper.mobile .mobile_icong:not(.active) img.default {display:inline-block;} .nav_wrapper.mobile .mobile_icon:not(.active) img.active {display:none;} .nav_wrapper.mobile .mobile_icon.active img.default {display:none;} .nav_wrapper.mobile .mobile_icon.active img.active {display:inline-block;} .nav_wrapper.mobile .ct_l {display:none;} .nav_wrapper.mobile .ct_r {display:none;} .nav_wrapper.mobile nav {display:none;} .nav_wrapper.mobile nav ul.level_0 {display:block;} .nav_wrapper.mobile nav ul li.level_0 {display:block;padding:0px;border-top:1px solid #efefef;} .nav_wrapper.mobile nav a.level_0 {display:block;} .nav_wrapper.mobile nav ul li a {padding:8px 15px;font-size:16px;} section.top_slider_wrapper {overflow-x: hidden;} section.top_slider_wrapper .slides li { min-height:450px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } section.top_slider_wrapper li .layer {display:table;width:100%;max-width:1200px;height:100%;margin:0 auto;} section.top_slider_wrapper li .layer_l {display:table-cell;vertical-align:middle;width:15px;} section.top_slider_wrapper li .layer_r {display:table-cell;vertical-align:middle;width:15px;} section.top_slider_wrapper li .layer_c {display:table-cell;vertical-align:middle;position:relative;} section.top_slider_wrapper li .layer_ct{display:table;width:100%;} section.top_slider_wrapper li .layer_c .left {display:table-cell;vertical-align:middle;width:50%;} section.top_slider_wrapper li .layer_c .right {display:table-cell;vertical-align:middle;position:relative;} section.top_slider_wrapper li .layer_c .right .second_image {position:absolute;bottom:0px;right:-200px;opacity:0;} section.top_slider_wrapper li .layer .slogan_1 { display:table;background: rgba(255,255,255,0.8);border:1px solid #FFF;padding:10px 0px; position:absolute;left:-500px;opacity:0; } section.top_slider_wrapper li .layer .slogan_1 { display:block;background:transparent;border:none;padding:0px; } section.top_slider_wrapper li .layer .slogan_1 img {height:120px;width:auto;} section.top_slider_wrapper li .layer .slogan_2 { display:table;background: rgba(255,255,255,0.8);border:1px solid #FFF;padding:10px 0px; position:absolute;left:-500px;opacity:0; } section.top_slider_wrapper li .layer .slogan_2 { display:block;background:transparent;border:none;padding:0px; } section.top_slider_wrapper li .layer .slogan_2 img {height:50px;width:auto;} @media screen and (max-width:500px){ body section.top_slider_wrapper li .layer .slogan.style_2 img {height:auto;max-width:100%;} } section.top_slider_wrapper li .layer .slogan_l {display:table-cell;vertical-align:middle;width:20px;} section.top_slider_wrapper li .layer .slogan_r {display:table-cell;vertical-align:middle;width:20px;} section.top_slider_wrapper li .layer .slogan_c {display:table-cell;vertical-align:middle;} section.top_slider_wrapper li .layer .slogan .title {clear:both;float:left;width:100%;color:#003710;font-family:'rw_b',Arial;font-size:40px;text-transform:uppercase;} section.top_slider_wrapper li .layer .slogan .title span {text-transform:none;} section.top_slider_wrapper li .layer .slogan .subtitle {clear:both;float:left;width:100%;color:#707070;font-family:'rw_l',Arial;font-size:20px;text-transform:uppercase;} section.top_slider_wrapper .actions {position:absolute;width:100%;bottom:20px;z-index:90000;} section.top_slider_wrapper .actions .ct {margin:0 auto;max-width:1200px;} section.top_slider_wrapper .actions .slider_nav {float:left;margin:5px 20px 5px 0px;} section.top_slider_wrapper .actions { -webkit-transition: background 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } section.top_slider_wrapper .actions .slider_nav .arrow {cursor:pointer;display:block;float:left;background: rgba(255,255,255,0.8);padding:8px;border:1px solid #FFF;box-shadow: 0px 3px 5px rgba(0,0,0,0.25);} section.top_slider_wrapper .actions .slider_nav .arrow:hover {background: #FFF;} section.top_slider_wrapper .actions .slider_nav .prev {margin:5px 10px 5px 0px;} section.top_slider_wrapper .actions .slider_nav .next {margin:5px 0px;} section.top_slider_wrapper .actions .slider_nav img {width:24px;} section.top_slider_wrapper .actions .slider_controls {float:left;margin:5px 20px 5px 0px;} section.top_slider_wrapper .actions .slider_controls ul {float:left;margin:0px;padding:0px;} section.top_slider_wrapper .actions .slider_controls ul li:not(.flex-active):hover{background:#FFF;} section.top_slider_wrapper .actions .slider_controls ul li { display:block;list-style-type:none;float:left;margin:0px;padding:0px; margin:17px 10px 17px 0px;width:16px;height:16px;min-height:0px; cursor:pointer;background: rgba(255,255,255,0.6);border:1px solid #FFF;box-shadow: 0px 3px 5px rgba(0,0,0,0.25); } section.top_slider_wrapper .actions .slider_controls ul li.flex-active {background:#97c21e;} section.top_slider_wrapper .actions .slider_btn { padding:0px 15px;height:42px;text-transform:uppercase; display:table; float:left;margin:10px 20px 10px 0px; font-family:'rw_b',Arial;font-size:20px; background: rgba(0,55,16,0.8);box-shadow: 0px 3px 5px rgba(0,0,0,0.25); } section.top_slider_wrapper .actions .slider_btn:hover {background:#003710;} section.top_slider_wrapper .actions .slider_btn_l {display:table-cell;vertical-align:middle;color:#FFF;} section.top_slider_wrapper .actions .slider_btn_r {display:table-cell;vertical-align:middle;color:#FFF;padding-left:5px;} section.top_slider_wrapper .actions .slider_btn img {width:14px;display:inline-block;} section.top_slider_wrapper .homepage_slider.flexslider {} @media screen and (max-width: 700px){ body section.top_slider_wrapper .actions .slider_nav .arrow {padding:2px;} body section.top_slider_wrapper .actions .slider_controls ul li {margin:12px 10px 12px 0px;} body section.top_slider_wrapper .actions .slider_nav {margin:0px 20px 0px 0px;} body section.top_slider_wrapper .actions .slider_controls {margin: 0px 20px 0px 0px;} body section.top_slider_wrapper .actions .slider_btn {margin: 0px 20px 0px 0px;} } @media screen and (max-width: 800px){ body section.top_slider_wrapper li .layer_c .left {display:block;float:left;width:100%;height:50%;} body section.top_slider_wrapper li .layer_c .right {display:block;float:left;width:100%;height:50%;} section.top_slider_wrapper li .layer_ct {display:block;} } body section.top_slider_wrapper li .layer_c .left .slogan_1 img {height:120px;} body section.top_slider_wrapper li .layer_c .left .slogan_2 img {height:50px;} @media screen and (min-width:400px) and (max-width: 799px){ body section.top_slider_wrapper li .layer_c .left .slogan_1 {margin-top:20px !important;max-width: 100%;} body section.top_slider_wrapper li .layer_c .left .slogan_2 {margin-top:130px !important;max-width: 100%;} body section.top_slider_wrapper li .layer_c .left .slogan_1 img {height:100px;} body section.top_slider_wrapper li .layer_c .left .slogan_2 img {height:40px;} } @media screen and (max-width: 399px){ body section.top_slider_wrapper li .layer_c .left .slogan_1 {margin-top:20px !important;max-width: 100%;} body section.top_slider_wrapper li .layer_c .left .slogan_2 {margin-top:110px !important;max-width: 100%;} body section.top_slider_wrapper li .layer_c .left .slogan_1 img {height:80px;} body section.top_slider_wrapper li .layer_c .left .slogan_2 img {height:30px;} } @media screen and (min-width:600px) and (max-width: 799px){ body section.top_slider_wrapper li .layer_c .right .second_image img {max-height:280px;width:auto} } @media screen and (max-width:599px){ body section.top_slider_wrapper li .layer_c .right .second_image img {max-height:250px;width:auto;max-width: 100%;} } section.slider_section .ct {margin:0px auto;} section.breadcrumb_section .ct {margin:0px auto;} section.main {font-size:15px;} section.main .ct {max-width:1200px;margin:40px auto 0px auto;table-layout:fixed;} section:last-child .ct {margin-bottom:80px;} section .section_title {float:left;width:100%;margin:0px 0px 50px 0px;font-family:'rw_bb',Arial;font-size:26px;color:#003710;text-transform:uppercase;} section .section_title span {color:#97c21e;} section article .section_title {margin:0px 0px 40px 0px;} section.with_sidebar .ct_ct {display:table;float:left;width:100%;} section.with_sidebar .ct_ct_l {display:table-cell;vertical-align:top;} section.with_sidebar .ct_ct_r {display:table-cell;vertical-align:top;padding-left:40px;} section.with_sidebar .ct_ct_full {display:table-cell;vertical-align:top;padding-top:40px;} @media screen and (max-width:999px){ section.with_sidebar:not(.custom) .ct_ct {display:block;float:left;clear:both;width:100%;} section.with_sidebar:not(.custom) .ct_ct_l {display:block;float:left;clear:both;width:100%;margin-bottom:40px;} section.with_sidebar:not(.custom) .ct_ct_r {display:block;float:left;clear:both;width:100%;padding-left:0px;} } @media screen and (min-width:700px) and (max-width:999px){ section.with_sidebar:not(.custom) .ct_ct_r .box.sidebar {float:left;width:49%;margin-top:0px;} section.with_sidebar:not(.custom) .ct_ct_r .box.sidebar:nth-child(2n+1) {margin-right:1%;clear:both;} section.with_sidebar:not(.custom) .ct_ct_r .box.sidebar:nth-child(2n+2) {margin-left:1%;clear:none;} } @media screen and (max-width:699px){ section.with_sidebar:not(.custom) .ct_ct_r .box.sidebar {float:left;width:100%;margin-top:0px;} section.with_sidebar:not(.custom) .ct_ct_r .box.sidebar:not(:first-child) {margin-top:25px;} } body.homepage section.with_sidebar .ct_ct_l .featured_box_wrapper {display:block;float:left;width:100%;} body.homepage section.with_sidebar .ct_ct_l .featured_box {display:table;float:left;width:50%;height:350px; background-size: 370px; background-position:center center; background-repeat:no-repeat; -webkit-transition: background 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } body.homepage section.with_sidebar .ct_ct_l .featured_box:hover {background-size:420px;} body.homepage section.with_sidebar .ct_ct_l .featured_box_c {display:table-cell;vertical-align:top;} body.homepage section.with_sidebar .ct_ct_l .featured_box .layer_t {display:table;float:left;width:100%;margin-top:20px;margin-bottom:20px;} body.homepage section.with_sidebar .ct_ct_l .featured_box .layer_l {display:table-cell;width:20px;} body.homepage section.with_sidebar .ct_ct_l .featured_box .layer_c {display:table-cell;background: rgba(255,255,255,0.8);padding:20px;} body.homepage section.with_sidebar .ct_ct_l .featured_box .layer_r {display:table-cell;width:20px;} body.homepage section.with_sidebar .ct_ct_l .featured_box .desc_wrapper {background:#edeeee;padding:15px;} body.homepage section.with_sidebar .ct_ct_l .featured_box .title {color:#003710;font-family:'rw_b',Arial;font-size:17px;text-transform:uppercase; margin:0px 0px 10px 0px;word-break: break-word;} body.homepage section.with_sidebar .ct_ct_l .featured_box .title span {float:left;} body.homepage section.with_sidebar .ct_ct_l .featured_box .title img {width:12px;margin-left:2px;} body.homepage section.with_sidebar .ct_ct_l .featured_box .desc {clear:both;} body.homepage section.with_sidebar .ct_ct_r {width:436px;} body.homepage section.with_sidebar .ct_ct_r .featured_box_wrapper {float:left;width:100%;} body.homepage section.with_sidebar .ct_ct_r .featured_box {display:table;float:left;width:100%;height:145px;} body.homepage section.with_sidebar .ct_ct_r .featured_box:not(:last-child) {margin-bottom:40px;} body.homepage section.with_sidebar .ct_ct_r .featured_box .cell {display:table-cell;vertical-align:top;} body.homepage section.with_sidebar .ct_ct_r .featured_box .img { background-size:145px; background-position:center center; background-repeat:no-repeat; width:145px; -webkit-transition: background 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } body.homepage section.with_sidebar .ct_ct_r .featured_box:hover .img {background-size: 170px;} body.homepage section.with_sidebar .ct_ct_r .featured_box .desc_wrapper {background:#edeeee;padding:15px;} body.homepage section.with_sidebar .ct_ct_r .featured_box .title {color:#003710;font-family:'rw_b',Arial;font-size:17px;text-transform:uppercase;margin:0px 0px 10px 0px;} body.homepage section.with_sidebar .ct_ct_r .featured_box .title span {float:left;} body.homepage section.with_sidebar .ct_ct_r .featured_box .title img {width:12px;margin-left:2px;} body.homepage section.with_sidebar .ct_ct_r .featured_box .desc {clear:both;} @media screen and (min-width:1000px) and (max-width:1199px){ body.homepage section.with_sidebar .ct_ct {display:block;float:left;width:100%;} body.homepage section.with_sidebar .ct_ct_l {display:block;float:left;width:100%;} body.homepage section.with_sidebar .ct_ct_r {display:block;float:left;width:100%;} body.homepage section.with_sidebar .ct_ct_full {display:block;float:left;width:100%;} body.homepage section.with_sidebar .ct_ct_l .featured_box {width:25%;height:350px;} } @media screen and (min-width:800px) and (max-width:999px){ body.homepage section.with_sidebar .ct_ct {display:block;float:left;width:100%;} body.homepage section.with_sidebar .ct_ct_l {display:block;float:left;width:100%;} body.homepage section.with_sidebar .ct_ct_r {display:block;float:left;width:100%;clear:none;} body.homepage section.with_sidebar .ct_ct_l .featured_box {width:50%;height:350px;background-size:100%;} body.homepage section.with_sidebar .ct_ct_l .featured_box:hover {background-size:110%;} } @media screen and (min-width:700px) and (max-width:799px){ body.homepage section.with_sidebar .ct_ct {display:block;float:left;width:100%;} body.homepage section.with_sidebar .ct_ct_l {display:block;float:left;width:100%;} body.homepage section.with_sidebar .ct_ct_r {display:block;float:left;width:100%;} body.homepage section.with_sidebar .ct_ct_l .featured_box {width:50%;height:300px;background-size:100%;} body.homepage section.with_sidebar .ct_ct_l .featured_box:hover {background-size:110%;} body.homepage section.with_sidebar .ct_ct_l .featured_box .title{font-size:15px;} body.homepage section.with_sidebar .ct_ct_l .featured_box .desc {font-size:14px;} body.homepage section.with_sidebar .ct_ct_r .featured_box .title img{width:10px;} } @media screen and (min-width:600px) and (max-width:699px){ body section.with_sidebar .ct_ct {display:block;float:left;width:100%;} body section.with_sidebar .ct_ct_l {display:block;float:left;width:100%;} body section.with_sidebar .ct_ct_r {display:block;float:left;width:100%;} body.homepage section.with_sidebar .ct_ct_l .featured_box {width:50%;height:250px;background-size:100%;} body.homepage section.with_sidebar .ct_ct_l .featured_box:hover {background-size:110%;} body.homepage section.with_sidebar .ct_ct_l .featured_box .title{font-size:14px;} body.homepage section.with_sidebar .ct_ct_l .featured_box .desc {font-size:12px;} body.homepage section.with_sidebar .ct_ct_r .featured_box .title img{width:10px;} } @media screen and (min-width:400px) and (max-width:599px){ body section.with_sidebar .ct_ct {display:block;float:left;width:100%;} body section.with_sidebar .ct_ct_l {display:block;float:left;width:100%;} body section.with_sidebar .ct_ct_r {display:block;float:left;width:100%;} body.homepage section.with_sidebar .ct_ct_l .featured_box {width:100%;height:200px;background-size:100%;} body.homepage section.with_sidebar .ct_ct_l .featured_box:not(:last-child) {margin-bottom:20px;} body.homepage section.with_sidebar .ct_ct_l .featured_box:hover {background-size:110%;} body.homepage section.with_sidebar .ct_ct_l .featured_box .title{font-size:14px;} body.homepage section.with_sidebar .ct_ct_l .featured_box .desc {font-size:12px;} body.homepage section.with_sidebar .ct_ct_r .featured_box .title img{width:10px;} } @media screen and (max-width:399px){ body section.with_sidebar .ct_ct {display:block;float:left;width:100%;} body section.with_sidebar .ct_ct_l {display:block;float:left;width:100%;} body section.with_sidebar .ct_ct_r {display:block;float:left;width:100%;} body.homepage section.with_sidebar .ct_ct_l .featured_box {width:100%;height:250px;background-size:100%;} body.homepage section.with_sidebar .ct_ct_l .featured_box:not(:last-child) {margin-bottom:20px;} body.homepage section.with_sidebar .ct_ct_l .featured_box:hover {background-size:110%;} body.homepage section.with_sidebar .ct_ct_l .featured_box .title{font-size:14px;} body.homepage section.with_sidebar .ct_ct_l .featured_box .desc {font-size:12px;} body.homepage section.with_sidebar .ct_ct_r .featured_box .title img{width:10px;} } @media screen and (min-width:800px) and (max-width:1199px){ body.homepage section.with_sidebar .ct_ct_r .featured_box {width:49%;} body.homepage section.with_sidebar .ct_ct_r .featured_box:nth-child(1) {margin:0px 1% 20px 0px !important;} body.homepage section.with_sidebar .ct_ct_r .featured_box:nth-child(2) {margin:0px 0px 20px 1% !important;} body.homepage section.with_sidebar .ct_ct_r .featured_box:nth-child(3) {margin:0px 1% 20px 0px !important;} body.homepage section.with_sidebar .ct_ct_r .featured_box:nth-child(4) {margin:0px 0px 0px 1% !important;} } @media screen and (max-width:799px){ body.homepage section.with_sidebar .ct_ct_r .featured_box:not(:last-child) {margin-bottom:20px;} } @media screen and (max-width:1199px){ body.homepage section.with_sidebar .ct_ct_r {width:100%;padding-left:0px;margin-top:50px} } @media screen and (min-width:400px) and (max-width:599px){ body.homepage section.with_sidebar .ct_ct_r .featured_box .title {font-size:17px;margin:0px 0px 5px 0px;} body.homepage section.with_sidebar .ct_ct_r .featured_box .desc {font-size:13px;} } @media screen and (max-width:399px){ body.homepage section.with_sidebar .ct_ct_r .featured_box .img {width:100px;background-size:auto 100%;} body.homepage section.with_sidebar .ct_ct_r .featured_box .title {font-size:15px;margin:0px 0px 5px 0px;} body.homepage section.with_sidebar .ct_ct_r .featured_box .desc {font-size:13px;} body.homepage section.with_sidebar .ct_ct_r .featured_box .title img {width:12px;margin-left:2px;} body.homepage section.with_sidebar .ct_ct_r .featured_box:not(:last-child) {margin-bottom:20px;} section .section_title {font-size:22px;} } body.homepage section.with_sidebar.promo .ct {margin-top:50px;} body.homepage section.with_sidebar.promo .ct_ct_r {width:436px;} body.homepage section.with_sidebar .promo_box_wrapper {float:left;width:100%;} body.homepage section.with_sidebar .promo_box {display:table;float:left;width:100%;height:145px;} body.homepage section.with_sidebar .promo_box:not(:last-child) {margin-bottom:40px;} body.homepage section.with_sidebar .promo_box .cell {display:table-cell;vertical-align:top;} body.homepage section.with_sidebar .promo_box .img { background-size:auto 100%; background-position:center center; background-repeat:no-repeat; width:145px; -webkit-transition: background 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } body.homepage section.with_sidebar .promo_box:hover .img {background-size: auto 110%;} body.homepage section.with_sidebar .promo_box .desc_wrapper {background:#edeeee;padding:15px;} body.homepage section.with_sidebar .promo_box .title {color:#003710;font-family:'rw_b',Arial;font-size:17px;text-transform:uppercase;margin:0px 0px 10px 0px;} body.homepage section.with_sidebar .promo_box .title span {float:left;} body.homepage section.with_sidebar .promo_box .title img {width:12px;margin-left:2px;} body.homepage section.with_sidebar .promo_box .desc {clear:both;} body.homepage section.with_sidebar.promo .ct_ct_l .img {width:50%;} body.homepage section.with_sidebar.promo .ct_ct_full .img {width: 59.4%;} body.homepage section.with_sidebar.promo .ct_ct_full .desc_wrapper {padding-left: 40px;} @media screen and (min-width:800px) and (max-width:1199px){ body.homepage section.with_sidebar.promo .ct_ct_l {width:49%;margin-right:1%;margin-top:0px;margin-bottom:0px;} body.homepage section.with_sidebar.promo .ct_ct_l .img {width:145px;} body.homepage section.with_sidebar.promo .ct_ct_full .img {width:145px;} body.homepage section.with_sidebar.promo .ct_ct_r {width:49%;margin-left:1%;margin-top:0px;} body.homepage section.with_sidebar.promo .ct_ct_full {display:block;padding-top:2%;width:100%;} body.homepage section.with_sidebar.promo .ct_ct_full .desc_wrapper {padding-left: 15px;} } @media screen and (min-width:400px) and (max-width:799px){ body.homepage section.with_sidebar.promo .ct_ct {display:block;float:left;width:100%;} body.homepage section.with_sidebar.promo .ct_ct_l {display:block;float:left;width:100%;margin-bottom:20px;} body.homepage section.with_sidebar.promo .ct_ct_r {display:block;float:left;width:100%;margin-top:0px !important;} body.homepage section.with_sidebar.promo .ct_ct_full {display:block;padding-top:20px;width:100%;} body.homepage section.with_sidebar.promo .ct_ct_full .desc_wrapper {padding-left: 15px;} body.homepage section.with_sidebar.promo .ct_ct_l .img {width:145px;} body.homepage section.with_sidebar.promo .ct_ct_r .img {width:145px;} body.homepage section.with_sidebar.promo .ct_ct_full .img {width:145px;} body.homepage section.with_sidebar .ct_ct_r .featured_box .title {font-size:17px;margin:0px 0px 5px 0px;} body.homepage section.with_sidebar .ct_ct_r .featured_box .desc {font-size:13px;} } @media screen and (max-width:399px){ body.homepage section.with_sidebar.promo .ct_ct {display:block;float:left;width:100%;} body.homepage section.with_sidebar.promo .ct_ct_l {display:block;float:left;width:100%;margin-bottom:20px;} body.homepage section.with_sidebar.promo .ct_ct_r {display:block;float:left;width:100%;margin-top:0px !important;} body.homepage section.with_sidebar.promo .ct_ct_full .desc_wrapper {padding-left: 15px;} body.homepage section.with_sidebar.promo .ct_ct_l .img {width:100px;} body.homepage section.with_sidebar.promo .ct_ct_r .img {width:100px;} body.homepage section.with_sidebar .ct_ct_r .featured_box .title {font-size:15px;margin:0px 0px 5px 0px;} body.homepage section.with_sidebar .ct_ct_r .featured_box .desc {font-size:13px;} } section.page_title {background:#97c21e;color:#FFF;} section.page_title .ct_c {padding:25px 0px;} section.page_title h1 { font-family:'rw_b',Arial;font-size:34px;text-transform:uppercase;margin:5px 0px;font-weight:normal; -webkit-transition: background 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } section.page_title h2 { font-family:'rw_m',Arial;font-size:22px;margin:5px 0px;font-weight:normal; -webkit-transition: background 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } section.page_title h1 span {text-transform:none;} @media screen and (max-width:499px){ section.page_title {text-align:center;} section.page_title h1 {font-size:24px;text-transform:uppercase;margin:5px 0px;} section.page_title h2 {font-size:18px;margin:5px 0px;} section.page_title h1 span {text-transform:none;} body section.page_title .ct_c {padding:15px 0px;} } footer {background:#565656;color:#dcddde;} footer a {color:#dcddde;} footer .ct {max-width:1200px;margin:50px auto;} footer .ct2 {max-width:1200px;margin:20px auto;} footer .ct2_c {border-top:1px solid #666;padding-top:20px;} footer .ct2_c a {font-size:16px;} footer .ct2_c a:hover {color:#fff;} footer .box {display:table;float:left;width:36%;} footer .box_l {display:table-cell;vertical-align:top;width:15px;} footer .box_r {display:table-cell;vertical-align:top;width:15px;} footer .box_c {display:table-cell;vertical-align:top;} footer .box .title {float:left;width:100%;font-family:'rw_b',Arial;font-size:20px;color:#FFF;text-transform:uppercase;} footer .box .content {display:table;float:left;width:100%;font-size:13px;margin-top:20px;} footer .box .content_l {display:table-cell;vertical-align:top;} footer .box .content_c {display:table-cell;vertical-align:top;} footer .box .content_r {display:table-cell;vertical-align:top;} footer .box .content ul {display:block;float:left;padding:0px;margin:0px;} footer .box .content ul li {display:block;float:left;clear:both;padding:0px;margin:0px;margin:12px 0px;} footer .box .content ul li a{display:table;float:left;clear:both;padding:0px;margin:0px;text-transform:uppercase;} footer .box .content ul li a .icon {display:table-cell;vertical-align:middle;width:20px;} footer .box .content ul li a .icon img {display:inline-block;vertical-align:middle;width:11px;} footer .box .content ul li a .text {display:table-cell;vertical-align:middle;float:none;} footer .box.socials {width:25%;float:right;} footer .box.socials .content ul li:first-child {margin-top:2px;} footer .box.socials .content ul li {margin:8px 0px;} footer .box.socials .content ul li a:hover {color:#FFF;} footer .box.socials .content ul li a:hover img {opacity:1;} footer .box.socials .content ul li a .icon {width:50px;} footer .box.socials .content ul li a img { display:inline-block;vertical-align:middle;width:36px;opacity:0.5; -webkit-transition: background 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } footer .box.info .content_l {width:46%;} footer .box .logo_wrapper {float:left;width:100%;} footer .box .logo_wrapper img {width:90px;} footer .contacts {float:right;} footer .contact {display:table;float:left;margin:5px 30px 5px 0px;height:30px;} footer .contact_l {display:table-cell;vertical-align:middle;width:30px;} footer .contact_l img {width:14px;vertical-align:middle;} footer .contact_l {display:table-cell;width:20px;text-align:left;} footer .contact_r {display:table-cell;vertical-align:middle;} @media screen and (min-width:700px) and (max-width:999px){ body footer .box.info {width:50%;float:left;table-layout:fixed;} body footer .box.menu {width:50%;float:left;table-layout:fixed;} body footer .box .content ul li {margin:8px 0px;} body footer .box.socials {width:100%;float:left;table-layout:fixed;} body footer .box.socials .content ul li {clear:none;} body footer .box.socials .content ul li:first-child {margin-top:8px;} body footer .box.socials .content ul li:not(:last-child) {margin-right:20px;} } @media screen and (max-width:699px){ body footer .ct {margin:30px 0px;} body footer .box.info {width:100%;float:left;table-layout:fixed;margin-bottom:40px;} body footer .box.info .content_l {vertical-align:middle;width:100px;} body footer .box.info .content_r {vertical-align:middle;} body footer .box.info .contacts {float:left;} body footer .box.menu {width:100%;float:left;table-layout:fixed;margin-bottom:40px;} body footer .box .content ul li {margin:8px 0px;} body footer .box.socials {width:100%;float:left;table-layout:fixed;} body footer .box.socials .content ul li {clear:none;} body footer .box.socials .content ul li:first-child {margin-top:8px;} body footer .box.socials .content ul li:not(:last-child) {margin-right:20px;} } @media screen and (min-width:400px) and (max-width:699px){ body footer .ct {margin:30px 0px;} body footer .box.info .address {float:left;} body footer .box.info .contacts {float:left;clear:both;} body footer .box.info .content_l {width:53%;} body footer .box.menu {width:100%;float:left;table-layout:fixed;margin-bottom:40px;} body footer .box .content ul li {margin:8px 0px;} body footer .box.socials {width:100%;float:left;table-layout:fixed;} body footer .box.socials .content ul li {clear:none;} body footer .box.socials .content ul li:first-child {margin-top:8px;} body footer .box.socials .content ul li:not(:last-child) {margin-right:20px;} } @media screen and (max-width:399px){ body footer .box.info .logo_wrapper img{width:70px;} body footer .box.info .content_l {width:80px;} body footer .box.info .contacts {float:right;} body footer .box.info .contact {clear:both;float:right;margin:5px 0px 5px 0px} body footer .box.info .address {float:right;margin:5px 0px 5px 0px;text-align:right;} body footer .box.menu .content_l {float:left;width:100%;margin-bottom:0px;} body footer .box.menu .content_r {float:left;width:100%;margin-bottom:0px;} } section.with_sidebar .ct_ct {table-layout:fixed;} section.with_sidebar .ct_ct_r {width:300px;} .ct_ct_r .box.sidebar:not(:first-child){margin-top:25px;} .box.sidebar {display:table;float:left;background:#fafafa;} .box.sidebar .box_l {display:table-cell;vertical-align:top;width:20px;border-top:1px solid #E7E7E7;border-left:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;} .box.sidebar .box_r {display:table-cell;vertical-align:top;width:20px;border-top:1px solid #E7E7E7;border-right:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;} .box.sidebar .box_c {display:table-cell;vertical-align:top;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;padding:20px 0px;} .box.sidebar .title {float:left;width:100%;font-family:'rw_bb',Arial;font-size:26px;color:#003710;text-transform:uppercase;margin-bottom:18px;} .box.sidebar .content {float:left;width:100%;border-top:1px solid #E7E7E7;padding-top:15px;} .box.sidebar p {margin:5px 0px;line-height:150%;} .box.sidebar .font_weight_b {color:#003710;} .box.sidebar .contacts {float:left;clear:both;margin-top:10px;} .box.sidebar .contact {display:table;float:left;clear:both;margin:5px 0px 5px 0px;height:26px;} .box.sidebar .contact_l {display:table-cell;vertical-align:middle;text-align:left;width:30px;} .box.sidebar .contact_l img {width:20px;vertical-align:middle;} .box.sidebar .contact_r {display:table-cell;vertical-align:middle;font-family:'rw_b',Arial;color:#003710;} .box.sidebar .contact_r a {color:#003710;} .box.sidebar .ul_wrapper {float:left;width:100%;} .box.sidebar .ul_wrapper ul {display:block;float:left;width:100%;margin:0;padding:0;} .box.sidebar .ul_wrapper ul li {display:table;float:left;width:100%;margin:3px 0px;padding:0;list-style-type:none;background:#FFF;} .box.sidebar .ul_wrapper ul li a { display:table-cell;padding:15px 20px;font-family:'rw_b',Arial; font-size:16px;color:#003710;text-transform:uppercase;border:1px solid #E7E7E7; /*-webkit-transition: background 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;*/ } @media screen and (max-width:399px){ body .box.sidebar .ul_wrapper ul li a {padding: 15px 10px;} /*body .box.sidebar .box_l {width:10px;} body .box.sidebar .box_r {width:10px;} body .box.sidebar .box_c {padding:10px 0px;} body .box.sidebar .title {font-size:22px;margin-bottom:10px;} body .box.sidebar .content {padding-top: 9px;}*/ } .box.sidebar .ul_wrapper ul li a.active {background:#97c21e;border:1px solid #97c21e;color:#FFF;} .box.sidebar .ul_wrapper ul li a.active .default {display:none;} .box.sidebar .ul_wrapper ul li a.active .active {display:inline;} .box.sidebar .ul_wrapper ul li a:hover {background:#97c21e;border:1px solid #97c21e;color:#FFF;} .box.sidebar .ul_wrapper ul li a:hover .default {display:none;} .box.sidebar .ul_wrapper ul li a:hover .active {display:inline;} .box.sidebar .ul_wrapper ul li a img{width:12px;margin-left:2px;} .product_box_wrapper {float:left;width:100%;margin-top:40px;} .product_box {display:table;float:left;width:33.33%;margin-bottom:25px;position:relative;} .product_box_l {display:table-cell;width:8px;} .product_box_r {display:table-cell;width:8px;} .product_box_c {display:table-cell;box-shadow:inset 0 0 0 1px #E7E7E7;position:relative;overflow:hidden; position: relative;} .product_box_c.hover {box-shadow:none;} .product_box .product_img {display:table;table-layout: fixed;float:left;width:100%;} .product_box .product_img_l {display:table-cell;width:15px;} .product_box .product_img_r {display:table-cell;width:15px;} .product_box .product_img_c {display:table-cell;vertical-align:middle;padding:25px 0px 5px 0px;text-align:center;} .product_box .product_img_c img {max-width:90%;display:inline-block;} .product_box .product_desc {display:table;float:left;width:100%;height:60px;margin-bottom:10px;} .product_box .product_desc_l {display:table-cell;width:15px;} .product_box .product_desc_r {display:table-cell;width:15px;} .product_box .product_desc_c {display:table-cell;vertical-align:top;font-family:'rw_b',Arial;font-size:20px;color:#003710;text-transform:uppercase;} .product_box .product_desc_c span{text-transform:none;} .product_box .product_arrow {position:absolute;z-index:20;display:block;width:85px;height:55px;} .product_box .product_hover_info {position:absolute;z-index:10;top:0;left:0;display:table;width:100%;height:100%;opacity:0;z-index: 0;} .product_box .product_hover_info_c {display:table-cell;vertical-align:middle;} .product_box .product_hover_info {background: rgba(142,205,56,0.8);cursor:pointer;} section.section_product .product_box .product_hover_info {display:none;} section.section_product .product_box .product_zoom {display:none;} .zoomWindow {box-shadow: inset 0 0 0 1px #E7E7E7 !important;} .product_box .product_hover_info .product_name { margin-top:20px;opacity:0; float:left;width:90%;padding:0px 5%;font-family:'rw_b',Arial; font-size:25px;color:#FFF;text-transform:uppercase;text-align:center; text-shadow:0px 3px 20px rgba(0,0,0,0.4); } .product_box .product_hover_info .zoom_text { margin-top:20px;opacity:0; float:left;width:90%;padding:0px 5%;font-family:'rw_b',Arial; font-size:25px;color:#FFF;text-transform:uppercase;text-align:center; text-shadow:0px 3px 20px rgba(0,0,0,0.4); } .product_box .product_hover_info .product_name span {text-transform:none;} .product_box .product_hover_info .more { margin-top:140px;opacity:0; float:left;width:90%;padding:0px 5%;font-family:'rw',Arial; font-size:14px;color:#FFF;text-transform:uppercase;text-align:center; text-shadow:0px 3px 10px rgba(0,0,0,0.4); } .product_box.color_1 .product_arrow.default {bottom:0px;right:0px;background: url('../images/product_arrow_green_1.png') center center no-repeat;} .product_box.color_1 .product_arrow.hover {bottom:-65px;right:0px;background: url('../images/product_arrow_green_1_hover.png') center center no-repeat;} .product_box.color_2 .product_hover_info {background: rgba(0,166,80,0.8);cursor:pointer;} .product_box.color_2 .product_arrow.default {bottom:0px;right:0px;background: url('../images/product_arrow_green_2.png') center center no-repeat;} .product_box.color_2 .product_arrow.hover {bottom:-65px;right:0px;background: url('../images/product_arrow_green_2_hover.png') center center no-repeat;} .product_box.color_3 .product_hover_info {background: rgba(0,60,40,0.8);cursor:pointer;} .product_box.color_3 .product_arrow.default {bottom:0px;right:0px;background: url('../images/product_arrow_green_3.png') center center no-repeat;} .product_box.color_3 .product_arrow.hover {bottom:-65px;right:0px;background: url('../images/product_arrow_green_3_hover.png') center center no-repeat;} .product_box.color_4 .product_hover_info {background: rgba(86,86,86,0.8);cursor:pointer;} .product_box.color_4 .product_arrow.default {bottom:0px;right:0px;background: url('../images/product_arrow_green_4.png') center center no-repeat;} .product_box.color_4 .product_arrow.hover {bottom:-65px;right:0px;background: url('../images/product_arrow_green_4_hover.png') center center no-repeat;} .product_box.color_5 .product_hover_info {background: rgba(220,220,222,0.8);cursor:pointer} .product_box.color_5 .product_hover_info .product_name {color:#003710} .product_box.color_5 .product_hover_info .more {color:#003710} .product_box.color_5 .product_arrow.default {bottom:0px;right:0px;background: url('../images/product_arrow_green_5.png') center center no-repeat;} .product_box.color_5 .product_arrow.hover {bottom:-65px;right:0px;background: url('../images/product_arrow_green_5_hover.png') center center no-repeat;} /* IF SIDEBAR EXIST - display 3 columns */ @media screen and (min-width:700px){ section.with_sidebar .product_box {width:33.33%;} section.with_sidebar .product_box:nth-child(3n+1) {clear:both;} section.with_sidebar .product_box:nth-child(3n+1) .product_box_l {display:none;} section.with_sidebar .product_box:nth-child(3n+1) .product_box_r {width:16px;} section.with_sidebar .product_box:nth-child(3n+3) .product_box_l {width:16px;} section.with_sidebar .product_box:nth-child(3n+3) .product_box_r {display:none;} } /* IF SIDEBAR EXIST - display 2 columns */ @media screen and (min-width:400px) and (max-width:699px){ section.with_sidebar .product_box {width:50%;} section.with_sidebar .product_box:nth-child(2n+1) {clear:both;} section.with_sidebar .product_box:nth-child(2n+1) .product_box_l {display:none;} section.with_sidebar .product_box:nth-child(2n+1) .product_box_r {width:12px;} section.with_sidebar .product_box:nth-child(2n+2) .product_box_l {width:12px;} section.with_sidebar .product_box:nth-child(2n+2) .product_box_r {display:none;} } /* IF SIDEBAR EXIST - display 1 columns */ @media screen and (max-width:399px){ section.with_sidebar .product_box {width:100%;clear:both;} section.with_sidebar .product_box .product_box_l {display:none;} section.with_sidebar .product_box .product_box_r {display:none;} } .fbox {display:table;table-layout: fixed;float:left;width:100%;margin-bottom:25px;position:relative;height:160px; background-size:160% auto; background-position:center center; background-repeat:no-repeat; -webkit-transition: background 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .fbox:hover {background-size:180% auto;} .fbox_c {display:table-cell;border:1px solid#E7E7E7;position:relative;overflow:hidden;} .fbox .fbox_arrow {position:absolute;z-index:20;display:block;width:85px;height:55px;} .fbox .fbox_hover_info {position:absolute;z-index:10;top:0;left:0;display:table;width:100%;height:100%;opacity:0;} .fbox .fbox_hover_info_c {display:table-cell;vertical-align:middle;} .fbox .fbox_hover_info {background: rgba(142,205,56,0.8);cursor:pointer;} .fbox .fbox_hover_info .more { margin-top:140px;opacity:0; float:left;width:90%;padding:0px 5%;font-family:'rw',Arial; font-size:14px;color:#FFF;text-transform:uppercase;text-align:center; text-shadow:0px 3px 10px rgba(0,0,0,0.4); } .fbox .fbox_arrow.default {bottom:0px;right:0px;background: url('../images/product_arrow_green_1.png') center center no-repeat;} .fbox .fbox_arrow.hover {bottom:-65px;right:0px;background: url('../images/product_arrow_green_1_hover.png') center center no-repeat;} .certifications {float:left;width:100%;} .certifications .certificate {display:table;table-layout:fixed;float:left;width:140px;height:140px;} .certifications .certificate_l {display:table-cell;vertical-align:middle;width:10px;} .certifications .certificate_r {display:table-cell;vertical-align:middle;width:10px;} .certifications .certificate_c {display:table-cell;vertical-align:middle;text-align:center;} .certifications .certificate_c img {display:inline;max-width: 100%;} @media screen and (max-width:349px) { .certifications .certificate {width:50%;} } .product_details {display:table;table-layout:fixed;float:left;width:100%;clear:both;margin:40px 0px 20px 0px} .product_details_l {display:table-cell;vertical-align:top;} .product_details_r {display:table-cell;vertical-align:top;} .product_details_s {display:table-cell;vertical-align:top;width:40px;} @media screen and (min-width:900px){ body .product_details_l.size_1 {width:25%;} body .product_details_l.size_1 .product_box {width:100%;} } @media screen and (min-width:600px) and (max-width:899px){ body .product_details_l.size_1 {width:50%;} body .product_details_l.size_1 .product_box {width:100%;} } @media screen and (max-width:599px){ body .product_details_l.size_1 {width:100%;} body .product_details_l.size_1 .product_box {width:100%;} } .product_details_l .product_box {width:50%;} @media screen and (min-width:600px) and (max-width:899px){ body .product_details_l .product_box {width:33.33%;} body .product_details {display:block;float:left;width:100%;clear:both;margin:20px 0px;} body .product_details_l {display:block;float:left;width:100%;margin:15px 0px;} body .product_details_r {display:block;float:left;width:100%;} body .product_details_s {display:none;} } @media screen and (min-width:400px) and (max-width:599px){ body .product_details_l .product_box {width:50%;} body .product_details {display:block;float:left;width:100%;clear:both;margin:20px 0px;} body .product_details_l {display:block;float:left;width:100%;margin:15px 0px;} body .product_details_r {display:block;float:left;width:100%;} body .product_details_s {display:none;} } @media screen and (max-width:399px){ body .product_details_l .product_box {width:100%;} body .product_details {display:block;float:left;width:100%;clear:both;margin:20px 0px;} body .product_details_l {display:block;float:left;width:100%;margin:15px 0px;} body .product_details_r {display:block;float:left;width:100%;} body .product_details_s {display:none;} } .product_box .product_zoom {position:absolute;z-index:20000;display:block;width:85px;height:55px;} .product_box.color_1 .product_zoom.default {bottom:0px;right:0px;background: url('../images/product_zoom_green_1.png') center center no-repeat;} .product_box.color_1 .product_zoom.hover {bottom:-65px;right:0px;background: url('../images/product_zoom_green_1_hover.png') center center no-repeat;} .product_box.color_2 .product_hover_info {background: rgba(0,166,80,0.8);cursor:pointer;} .product_box.color_2 .product_zoom.default {bottom:0px;right:0px;background: url('../images/product_zoom_green_2.png') center center no-repeat;} .product_box.color_2 .product_zoom.hover {bottom:-65px;right:0px;background: url('../images/product_zoom_green_2_hover.png') center center no-repeat;} .product_box.color_3 .product_hover_info {background: rgba(0,60,40,0.8);cursor:pointer;} .product_box.color_3 .product_zoom.default {bottom:0px;right:0px;background: url('../images/product_zoom_green_3.png') center center no-repeat;} .product_box.color_3 .product_zoom.hover {bottom:-65px;right:0px;background: url('../images/product_zoom_green_3_hover.png') center center no-repeat;} .product_box.color_4 .product_hover_info {background: rgba(86,86,86,0.8);cursor:pointer;} .product_box.color_4 .product_zoom.default {bottom:0px;right:0px;background: url('../images/product_zoom_green_4.png') center center no-repeat;} .product_box.color_4 .product_zoom.hover {bottom:-65px;right:0px;background: url('../images/product_zoom_green_4_hover.png') center center no-repeat;} .product_box.color_5 .product_hover_info {background: rgba(220,220,222,0.8);cursor:pointer;} .product_box.color_5 .product_zoom.default {bottom:0px;right:0px;background: url('../images/product_zoom_green_5.png') center center no-repeat;} .product_box.color_5 .product_zoom.hover {bottom:-65px;right:0px;background: url('../images/product_zoom_green_5_hover.png') center center no-repeat;} #wrapper.color_1 .product_box .product_zoom.default {bottom:0px;right:0px;background: url('../images/product_zoom_green_1.png') center center no-repeat;} #wrapper.color_1 .product_box .product_zoom.hover {bottom:-65px;right:0px;background: url('../images/product_zoom_green_1_hover.png') center center no-repeat;} #wrapper.color_2 .product_box .product_hover_info {background: rgba(0,166,80,0.8);cursor:pointer;} #wrapper.color_2 .product_box .product_zoom.default {bottom:0px;right:0px;background: url('../images/product_zoom_green_2.png') center center no-repeat;} #wrapper.color_2 .product_box .product_zoom.hover {bottom:-65px;right:0px;background: url('../images/product_zoom_green_2_hover.png') center center no-repeat;} #wrapper.color_3 .product_box .product_hover_info {background: rgba(0,60,40,0.8);cursor:pointer;} #wrapper.color_3 .product_box .product_zoom.default {bottom:0px;right:0px;background: url('../images/product_zoom_green_3.png') center center no-repeat;} #wrapper.color_3 .product_box .product_zoom.hover {bottom:-65px;right:0px;background: url('../images/product_zoom_green_3_hover.png') center center no-repeat;} #wrapper.color_4 .product_box .product_hover_info {background: rgba(86,86,86,0.8);cursor:pointer;} #wrapper.color_4 .product_box .product_zoom.default {bottom:0px;right:0px;background: url('../images/product_zoom_green_4.png') center center no-repeat;} #wrapper.color_4 .product_box .product_zoom.hover {bottom:-65px;right:0px;background: url('../images/product_zoom_green_4_hover.png') center center no-repeat;} #wrapper.color_5 .product_box .product_hover_info {background: rgba(88,90,91,0.8);cursor:pointer;} #wrapper.color_5 .product_box .product_zoom.default {bottom:0px;right:0px;background: url('../images/product_zoom_green_5.png') center center no-repeat;} #wrapper.color_5 .product_box .product_zoom.hover {bottom:-65px;right:0px;background: url('../images/product_zoom_green_5_hover.png') center center no-repeat;} .table_wrapper {float:left;width:100%;margin:20px 0px;text-align:left;overflow:auto;} .table_wrapper table {width:100%;float:left;margin:10px 0px;/*border:1px solid #97c21e;*/border-spacing:0px;border-collapse:collapse;font-size:15px;} .table_wrapper table tr th {background:#97c21e;padding:8px 18px;font-family:'rw_b',Arial;color:#FFF;font-weight:normal;} /*.table_wrapper table tr:nth-child(even) {background:#f7f7f7;}*/ /*.table_wrapper table tr:nth-child(odd) {background:#FFF;}*/ .table_wrapper table tr td {padding:4px 18px;} .table_wrapper table tr td:first-child {font-family:'rw_b',Arial;color:#444;} .table_wrapper table tr th:first-child {white-space:nowrap;} /*.table_wrapper table tr td:not(:last-child) {border-right:1px solid #97c21e;}*/ @media screen and (max-width:600px){ .table_wrapper table {font-size:15px;} .table_wrapper table tr th {padding:8px 10px;} .table_wrapper table tr td {padding:8px 10px;} } #wrapper.color_1 .table_wrapper table tr:not(:first-child) {border-top:1px solid #97c21e;} /*#wrapper.color_1 .table_wrapper table {border:1px solid #97c21e;}*/ #wrapper.color_1 .table_wrapper table tr th {background:#97c21e} #wrapper.color_1 .table_wrapper table tr:not(:first-child) {border-bottom:1px solid #97c21e;} /* #wrapper.color_1 .table_wrapper table tr td:not(:last-child) {border-right:1px solid #97c21e;}*/ #wrapper.color_2 .table_wrapper table tr:not(:first-child) {border-top:1px solid #00a650;} #wrapper.color_2 .table_wrapper table tr th {background:#00a650} #wrapper.color_2 .table_wrapper table tr:not(:first-child) {border-bottom:1px solid #00a650;} #wrapper.color_2 .table_wrapper table tr:not(:first-child) {border-bottom:1px solid #00a650;} #wrapper.color_3 .table_wrapper table tr:not(:first-child) {border-top:1px solid #003c0e;} #wrapper.color_3 .table_wrapper table tr th {background:#003c0e;} #wrapper.color_3 .table_wrapper table tr:not(:first-child) {border-bottom:1px solid #003c0e;} #wrapper.color_3 .table_wrapper table tr:not(:first-child) {border-bottom:1px solid #003c0e;} #wrapper.color_4 .table_wrapper table tr:not(:first-child) {border-top:1px solid #565656;} #wrapper.color_4 .table_wrapper table tr th {background:#565656;} #wrapper.color_4 .table_wrapper table tr:not(:first-child) {border-bottom:1px solid #565656;} #wrapper.color_4 .table_wrapper table tr:not(:first-child) {border-bottom:1px solid #565656;} #wrapper.color_5 .table_wrapper table tr:not(:first-child) {border-top:1px solid #dcdcde;} #wrapper.color_5 .table_wrapper table tr th {background:#dcdcde;color:#003710;} #wrapper.color_5 .table_wrapper table tr:not(:first-child) {border-bottom:1px solid #dcdcde;} #wrapper.color_5 .table_wrapper table tr:not(:first-child) {border-bottom:1px solid #dcdcde;} @media screen and (min-width:800px){ .table_wrapper table {width:100%;} .table_wrapper table tr td:first-child {font-family:'rw_b',Arial;color:#444;white-space:nowrap;} } /* .table_wrapper .table .mobile_th {display:table-cell;} .table_wrapper .table .tr:first-child {display:none;}*/ @media screen and (max-width:1099px){ table.table_mobile {display:table;} table.table_not_mobile {display:none;} } @media screen and (min-width:1100px){ table.table_mobile {display:none;} table.table_not_mobile {display:table;} } .button.download {clear:both;display:table;table-layout:fixed;float:left;} .button.download .button_l {display:table-cell;vertical-align:middle;padding:8px 20px;background:#f7f7f7;color:#333;font-family:'rw_b',Arial;font-size:18px; -webkit-transition: background 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .button.download .button_r {display:table-cell;vertical-align:middle;padding:8px 10px;background:#97c21e;text-align:center; -webkit-transition: background 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .button.download .button_r img {display:inline;width:30px;} .button.download:hover .button_l{background:#97c21e;color:#fff;} .button.download:hover .button_r{background:#003c0e;} .button.more {clear:both;display:table;table-layout:fixed;float:left;} .button.more .button_l {display:table-cell;vertical-align:middle;padding:8px 20px;background:#f7f7f7;color:#333;font-family:'rw_b',Arial;font-size:18px; -webkit-transition: background 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .button.more .button_r {display:table-cell;vertical-align:middle;padding:8px 10px;background:#97c21e;text-align:center; -webkit-transition: background 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .button.more .button_r img {display:block;width:30px;} .button.more:hover .button_l{background:#97c21e;color:#fff;} .button.more:hover .button_r{background:#003c0e;} .solutions_list .button.more, .button_solutions_list { width: 100%; } .solutions_list .button.more .button_l, .button_solutions_list .button_l { width: calc(100% - 50px); } .solutions_list .button.more .button_r, .button_solutions_list .button_r { width: 30px; } #wrapper.color_1 section.page_title {background:#97c21e;} #wrapper.color_2 section.page_title {background:#00a650;} #wrapper.color_3 section.page_title {background:#003c0e;} #wrapper.color_4 section.page_title {background:#565656;} #wrapper.color_5 section.page_title {background:#dcdcde;color:#003710;} #wrapper.color_1 .button.download .button_r{background:#97c21e;} #wrapper.color_2 .button.download .button_r{background:#00a650;} #wrapper.color_3 .button.download .button_r{background:#003c0e;} #wrapper.color_4 .button.download .button_r{background:#565656;} #wrapper.color_5 .button.download .button_r{background:#c2c2c4;} #wrapper.color_1 .button.download:hover .button_l{background:#97c21e;} #wrapper.color_2 .button.download:hover .button_l{background:#00a650;} #wrapper.color_3 .button.download:hover .button_l{background:#003c0e;} #wrapper.color_4 .button.download:hover .button_l{background:#565656;} #wrapper.color_1 .button.download:hover .button_r{background:#565656;} #wrapper.color_2 .button.download:hover .button_r{background:#565656;} #wrapper.color_3 .button.download:hover .button_r{background:#565656;} #wrapper.color_4 .button.download:hover .button_r{background:#444;} #wrapper.color_5 .button.download:hover .button_r{background:#444;} p img.responsive.left:first-child {margin-top:0px;} p img.responsive {max-width:350px;max-height:350px;} p img.responsive2 {max-width:100%;} p img.responsive.left {float:left;margin:30px 30px 30px 0px;} p img.responsive50.left {float:left;margin:0px 30px 30px 0px;} @media screen and (max-width:349px){ p img.responsive.left {margin:10px 10px 10px 0px;} p img.responsive50.left {margin:10px 10px 10px 0px;} body p img.responsive {width:35%;} body p img.responsive50 {width:100%;} } @media screen and (min-width:350px) and (max-width:499px){ p img.responsive.left {margin:10px 10px 10px 0px;} p img.responsive50.left {margin:10px 10px 10px 0px;} body p img.responsive {width:45%;} body p img.responsive50 {width:100%;} } @media screen and (min-width:500px) and (max-width:899px){ body p img.responsive {width:33.33%;} body p img.responsive50 {width:45%;} } @media screen and (min-width:900px) and (max-width:1199px){ body p img.responsive {width:33.33%;} body p img.responsive50 {width:48%;} } .accordion_wrapper {float:left;width:100%;} .accordion_item {float:left;width:100%;margin-bottom:20px;} .accordion_item_top {float:left;width:100%;background:#FFF;display:table;table-layout:fixed;cursor:pointer; -webkit-transition: background 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .accordion_item_top_l {width:10px;display:table-cell;vertical-align:top;border-top:1px solid #97c21e;border-left:1px solid #97c21e;border-bottom:1px solid #97c21e;} .accordion_item_top_arrow {width:20px;padding:10px 0px;display:table-cell;vertical-align:top;border-top:1px solid #97c21e;border-bottom:1px solid #97c21e;} .accordion_item_top_arrow img {width:15px;padding:2px 0px;display:inline-block;} .accordion_item_top_r {width:40px;display:table-cell;vertical-align:top;border-top:1px solid #97c21e;border-right:1px solid #97c21e;border-bottom:1px solid #97c21e;} .accordion_item_top_c {font-family:'rw_b',Arial;font-size:17px;color:#003710;display:table-cell;vertical-align:top;padding:10px 5px;border-top:1px solid #97c21e;border-bottom:1px solid #97c21e;} .accordion_item_bottom {float:left;width:100%;background:#f7f7f7;display:table;table-layout:fixed;} .accordion_item_bottom_l {display:table-cell;vertical-align:top;width:30px;} .accordion_item_bottom_r {display:table-cell;vertical-align:top;width:30px;} .accordion_item_bottom_c {display:table-cell;vertical-align:top;padding:20px 0px;font-size:14px;font-family:'rw',Arial;line-height:150%;} .accordion_item .accordion_item_top_arrow img.default {display:inline-block;} .accordion_item .accordion_item_top_arrow img.active {display:none;} .accordion_item.active .accordion_item_top_arrow img.default {display:none;} .accordion_item.active .accordion_item_top_arrow img.active {display:inline-block;} .accordion_item.active .accordion_item_top {background:#97c21e;} .accordion_item.active .accordion_item_top_c {color:#FFF;} .accordion_item_bottom {display:none;} .accordion_item.active .accordion_item_bottom {display:block;}/*block*/ section.with_sidebar.custom.faq .ct_ct_l {padding-right:30px;} section.with_sidebar.custom.faq .ct_ct_r {width:400px;border-left:1px solid #E7E7E7;padding-left:30px;} .contact_form_wrapper {float:left;width:100%;} .contact_form_wrapper .status_message {float:left;width:100%;} .contact_form_field {display:table;table-layout:fixed;float:left;width:100%;margin:10px 0px;} .contact_form_field .label {display:table-cell;vertical-align:middle;font-family:'rw_b',Arial;font-size:17px;color:#444;width:43%;text-align:right;padding-right:20px;} .contact_form_field .content {display:table-cell;vertical-align:middle;} .contact_form_field .content input[type=text] {border:1px solid #E7E7E7;font-family:'rw',Arial;font-size:15px;float:left;width:92%;padding:8px 4%;} .contact_form_field .content textarea {border:1px solid #E7E7E7;font-family:'rw',Arial;font-size:15px;width:92%;padding:8px 4%;} .contact_form_field.error {margin:0px 0px 10px 0px;} .contact_form_field.error .content {color:#FF0000;} .contact_form_field .button.submit {clear:both;display:table;table-layout:fixed;float:left;cursor:pointer;} .contact_form_field .button.submit .button_l {display:table-cell;vertical-align:middle;padding:10px 10px 10px 15px;background:#97c21e;color:#FFF;font-family:'rw_b',Arial;font-size:18px; -webkit-transition: background 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform:uppercase; } .contact_form_field .button.submit .button_r {display:table-cell;vertical-align:middle;padding:10px 15px 10px 0px;background:#97c21e;text-align:center; -webkit-transition: background 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .contact_form_field .button.submit .button_r img {display:block;width:14px;} .contact_form_field .button.submit:hover .button_l{background:#00a650;color:#fff;} .contact_form_field .button.submit:hover .button_r{background:#00a650;} @media screen and (min-width: 440px) and (max-width: 999px){ body section.with_sidebar.custom.faq .ct_ct {display:block;float:left;width:100%;} body section.with_sidebar.custom.faq .ct_ct_l {display:block;float:left;width:100%;padding-right:0px;} body section.with_sidebar.custom.faq .ct_ct_r {display:block;float:left;width:400px;border-left:none;padding-left:0px;margin-top:50px;} } @media screen and (max-width: 439px){ body section.with_sidebar.custom.faq .ct_ct {display:block;float:left;width:100%;} body section.with_sidebar.custom.faq .ct_ct_l {display:block;float:left;width:98%;padding-right:0px;} body section.with_sidebar.custom.faq .ct_ct_r {display:block;float:left;width:98%;border-left:none;padding-left:0px;margin-top:50px;} body section.with_sidebar.custom.faq .ct_ct_r .contact_form_field {display:block;float:left;width:100%;} body section.with_sidebar.custom.faq .ct_ct_r .contact_form_field .label {display:block;float:left;width:100%;text-align:left;} body section.with_sidebar.custom.faq .ct_ct_r .contact_form_field .content {display:block;float:left;width:100%;margin:5px 0px;} } section.main .contacts {float:left;margin-top:20px;} section.main .contact {display:table;table-layout:fixed;float:left;clear:both;margin:5px 30px 5px 0px;height:30px;} section.main .contact_l {display:table-cell;vertical-align:middle;width:36px;text-align:left;;} section.main .contact_l img {width:26px;vertical-align:middle;} section.main .contact_r {display:table-cell;vertical-align:middle;} .configurator {display:table;table-layout:fixed;float:left;width:100%;} .configurator_l {display:table-cell;vertical-align:top;width:290px;} .configurator_s {display:table-cell;vertical-align:top;width:10px;} .configurator_r {display:table-cell;vertical-align:top;} .configurator_item {float:left;width:100%} .configurator_item:not(:last-child){float:left;width:100%;margin-bottom:10px;} .configurator_item .configurator_item_top_arrow img.default {display:block;} .configurator_item .configurator_item_top_arrow img.active {display:none;} .configurator_item.active .configurator_item_top_arrow img.default {display:none;} .configurator_item.active .configurator_item_top_arrow img.active {display:block;} .configurator_item.active .configurator_item_top {background:#97c21e;} .configurator_item.active .configurator_item_top_c {color:#FFF;} .configurator_item_bottom {display:none;} /*.configurator_item.active .configurator_item_bottom {display:block;}*/ .configurator_item .configurator_item_bottom_content {display:table;float:left;width:100%;} .configurator_item_top {float:left;width:100%;background:#FFF;display:table;table-layout:fixed;cursor:pointer; -webkit-transition: background 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .configurator_item_top_l {width:10px;display:table-cell;vertical-align:top;border-top:1px solid #97c21e;border-left:1px solid #97c21e;border-bottom:1px solid #97c21e;} .configurator_item_top_arrow {width:20px;padding:10px 0px;display:table-cell;vertical-align:middle;border-top:1px solid #97c21e;border-bottom:1px solid #97c21e;} .configurator_item_top_arrow img {width:15px;padding:2px 0px;display:inline-block;} .configurator_item_top_r {width:40px;display:table-cell;vertical-align:middle;border-top:1px solid #97c21e;border-right:1px solid #97c21e;border-bottom:1px solid #97c21e;} .configurator_item_top_r .done_icon{width:30px;height:30px;display:none;background:#d1d1d1;} .configurator_item_top_r .done_icon img {width:20px;padding:5px;} .configurator_item_top_c {font-family:'rw_b',Arial;font-size:17px;color:#003710;text-transform:uppercase;display:table-cell;vertical-align:middle;padding:15px 5px;border-top:1px solid #97c21e;border-bottom:1px solid #97c21e;} .configurator_item_bottom {display:none;table-layout:fixed;float:left;width:100%;background:#f7f7f7;} .configurator_item_bottom_l {display:table-cell;vertical-align:top;width:20px;border-left:1px solid #97c21e;border-bottom:1px solid #97c21e;} .configurator_item_bottom_r {display:table-cell;vertical-align:top;width:20px;border-right:1px solid #97c21e;border-bottom:1px solid #97c21e;} .configurator_item_bottom_c {display:table-cell;vertical-align:top;padding:20px 0px;font-size:14px;font-family:'rw',Arial;line-height:150%;border-bottom:1px solid #97c21e;} .configurator_item.done .configurator_item_top_r .done_icon {display:block;} .configurator .field {float:left;width:100%;margin-bottom:15px;} .configurator .field .label {float:left;width:100%;font-family:'rw_b',Arial;font-size:16px;color:#333;margin-bottom:10px;} .configurator .field .content {float:left;width:100%;} .configurator .field .content select {float:left;width:100%;padding:8px 5%;font-family:'rw',Arial;font-size: 15px;border:1px solid #dcdcdc;} .configurator .field .content input {float:left;width:90%;padding:8px 5%;font-family:'rw',Arial;font-size: 15px;border:1px solid #dcdcdc;} .configurator .button.submit {clear:both;display:table;table-layout:fixed;float:right;cursor:pointer;} .configurator .button.submit .button_l {display:table-cell;vertical-align:middle;padding:10px 10px 10px 15px;background:#97c21e;color:#FFF;font-family:'rw_b',Arial;font-size:18px; -webkit-transition: background 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform:uppercase; } .configurator .button.submit .button_r {display:table-cell;vertical-align:middle;padding:10px 15px 10px 0px;background:#97c21e;text-align:center; -webkit-transition: background 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .configurator .button.submit .button_r img {display:block;width:14px;} .configurator .button.submit:hover .button_l{background:#00a650;color:#fff;} .configurator .button.submit:hover .button_r{background:#00a650;} .configurator_intro {display:table;float:left;width:100%;background:#fafafa;border:1px solid #dcdcdc;} .configurator_intro_c {display:table-cell;vertical-align:middle;} .configurator_intro_desc {display:table;margin:0 auto;} .configurator_intro_desc_l {display:table-cell;vertical-align:middle;padding:20px;} .configurator_intro_desc_l .icon {width:60px;height:60px;background:#97c21e;} .configurator_intro_desc_l .icon img {width:50px;height:50px;padding:5px;} .configurator_intro_desc_l img.left {display:block;} .configurator_intro_desc_l img.up {display:none;} @media screen and (max-width:799px){ .configurator_intro_desc_l img.left {display:none;} .configurator_intro_desc_l img.up {display:block;} } .configurator_intro_desc_r {display:table-cell;vertical-align:middle;padding:20px 20px 20px 0px;font-family:'rw_b',Arial;font-size:20px;color:#333;} .configurator_result {display:none;float:left;width:100%;} .configurator_result_content {display:table;float:left;width:100%;background:#fafafa;border:1px solid #dcdcdc;} .configurator_result_l {display:table-cell;vertical-align:top;width:20px;} .configurator_result_c {display:table-cell;vertical-align:top;} .configurator_result_r {display:table-cell;vertical-align:top;width:20px;} .result_title {float:left;width:100%;font-family: 'rw_b',Arial;font-size: 20px;color: #333;margin-top: 20px;} .result_title:not(:first-child) {border-top:1px solid #dcdcdc;padding-top:20px;} .result_parameters {float:left;width:100%;clear:both;} .result_parameters .table_wrapper{margin-bottom:0px;} .result_images {float:left;width:100%;clear:both;margin-top:20px;} .result_form {float:left;max-width:100%;width:70%;clear:both;margin-top:20px;} .configurator .checkbox_wrapper {display:table;float:left;width:100%;table-layout:fixed;} .configurator .checkbox_wrapper_l{display:table-cell;vertical-align:top;width:30px;} .configurator .checkbox_wrapper_r{display:table-cell;vertical-align:top;} .configurator .checkbox_wrapper_r label {cursor:pointer;} @media screen and (min-width:800px) and (max-width: 999px){ body .result_form {width:100%;} } @media screen and (min-width:500px) and (max-width: 799px){ body .configurator {display:block;float:left;width:100%;} body .configurator_l {display:block;float:left;width:100%;} body .configurator_s {display:block;float:left;width:100%;height:20px;} body .configurator_r {display:block;float:left;width:100%;} body .result_images img.custom {float:left;max-width:100%;clear:both;} body .result_form {width:100%;} } @media screen and (max-width: 499px){ body .configurator {display:block;float:left;width:100%;} body .configurator_l {display:block;float:left;width:100%;} body .configurator_s {display:block;float:left;width:100%;height:20px;} body .configurator_r {display:block;float:left;width:100%;} body .result_images img.custom {float:left;max-width:100%;clear:both;} body .result_form {display:block;float:left;width:100%;} body .result_form .label {display:block;float:left;width:100%;text-align:left;} body .result_form .content {display:block;float:left;width:100%;margin:10px 0px;} } .configurator .product_box_c {background:#FFF;} /* display 3 columns */ @media screen and (min-width:1000px){ body .configurator .product_box {width:33.33%;} body .configurator .product_box:nth-child(3n+1) {clear:both;} body .configurator .product_box:nth-child(3n+1) .product_box_l {display:none;} body .configurator .product_box:nth-child(3n+1) .product_box_r {width:16px;} body .configurator .product_box:nth-child(3n+3) .product_box_l {width:16px;} body .configurator .product_box:nth-child(3n+3) .product_box_r {display:none;} } /*display 2 columns */ @media screen and (min-width:800px) and (max-width:999px){ body .configurator .product_box {width:50%;} body .configurator .product_box:nth-child(2n+1) {clear:both;} body .configurator .product_box:nth-child(2n+1) .product_box_l {display:none;} body .configurator .product_box:nth-child(2n+1) .product_box_r {width:12px;} body .configurator .product_box:nth-child(2n+2) .product_box_l {width:12px;} body .configurator .product_box:nth-child(2n+2) .product_box_r {display:none;} } @media screen and (min-width:700px) and (max-width:799px){ body .configurator .product_box {width:33.33%;} body .configurator .product_box:nth-child(3n+1) {clear:both;} body .configurator .product_box:nth-child(3n+1) .product_box_l {display:none;} body .configurator .product_box:nth-child(3n+1) .product_box_r {width:16px;} body .configurator .product_box:nth-child(3n+3) .product_box_l {width:16px;} body .configurator .product_box:nth-child(3n+3) .product_box_r {display:none;} } @media screen and (min-width:500px) and (max-width:699px){ body .configurator .product_box {width:50%;} body .configurator .product_box:nth-child(2n+1) {clear:both;} body .configurator .product_box:nth-child(2n+1) .product_box_l {display:none;} body .configurator .product_box:nth-child(2n+1) .product_box_r {width:12px;} body .configurator .product_box:nth-child(2n+2) .product_box_l {width:12px;} body .configurator .product_box:nth-child(2n+2) .product_box_r {display:none;} } /* display 1 columns */ @media screen and (max-width:499px){ body .configurator .product_box {width:100%;clear:both;} body .configurator .product_box .product_box_l {display:none;} body .configurator .product_box .product_box_r {display:none;} } section.section_product .ct_ct {display:table;table-layout:fixed;float:left;width:100%;} section.section_product .ct_ct_l {display:table-cell;vertical-align:top;width:350px;} section.section_product .ct_ct_r {display:table-cell;vertical-align:top;padding-left:40px;} @media screen and (min-width:800px) { body section.section_product .ct_ct_l .product_box {width:100%;} } @media screen and (min-width:400px) and (max-width: 799px) { body section.section_product .ct_ct {display:block;float:left;width:100%;} body section.section_product .ct_ct_l {display:block;float:left;width:100%;} body section.section_product .ct_ct_r {display:block;float:left;width:100%;padding-left:0px;} body section.section_product .certyfications_wrapper {float:left;width;width:45%;margin-left:5%;} body section.section_product .certifications {margin-top:10px;} body section.section_product .certifications .certificate{width:50%;height:auto;} body section.section_product .product_box {width:50%;float:left;} body section.section_product .product_box:nth-child(2n+1) {clear:both;} body section.section_product .product_box:nth-child(2n+1) .product_box_l {display:none;} body section.section_product .product_box:nth-child(2n+1) .product_box_r {width:12px;} body section.section_product .product_box:nth-child(2n+2) .product_box_l {width:12px;} body section.section_product .product_box:nth-child(2n+2) .product_box_r {display:none;} } @media screen and (max-width:399px) { body section.section_product .ct_ct {display:block;float:left;width:100%;} body section.section_product .ct_ct_l {display:block;float:left;width:100%;} body section.section_product .ct_ct_r {display:block;float:left;width:100%;padding-left:0px;} body section.section_product .product_box {width:100%;clear:both;} body section.section_product .product_box .product_box_l {display:none;} body section.section_product .product_box .product_box_r {display:none;} } .certyfications_wrapper {float:left;width;width:100%;} /* @media screen and (min-width:980px){ .zoomLens {border:none !important;background:transparent !important;} .zoomWindow {background-position:center top !important;} } */ @media screen and (max-width:979px){ /* body section.section_product .product_box .product_hover_info{display:none !important;} body section.section_product .product_box .product_zoom{display:none !important;}*/ body section.section_product .product_box_c {box-shadow: inset 0 0 0 1px #E7E7E7 !important;} /* body .zoomContainer {display:none !important;}*/ } .download_table_wrapper {float:left;width:100%;overflow:auto;} .download_table_wrapper table {float:left;clear:both;border-spacing:none;border-collapse:collapse;/*border:1px solid #97c21e;*/} .download_table_wrapper table tr:nth-child(even){background:#fafafa;} .download_table_wrapper table tr:nth-child(odd){background:#FFF;} .download_table_wrapper table tr:not(:first-child) {border-bottom:1px solid #97c21e;} .download_table_wrapper table tr th:not(:last-child) {text-align:left;} .download_table_wrapper table tr td:not(:last-child) {text-align:left;} .download_table_wrapper table tr th:last-child {text-align:right;padding:6px;} .download_table_wrapper table tr td:last-child {text-align:right;padding:6px;} /*.download_table_wrapper table tr td:not(:last-child) {border-right:1px solid #97c21e;}*/ .download_table_wrapper table tr th.align_right {text-align:right;} .download_table_wrapper table tr td.align_right {text-align:right;} .download_table_wrapper table tr th {padding:6px 20px;font-family:'rw_b',Arial;font-size:15px;background:#97c21e;color:#FFF;padding:10px 20px;} .download_table_wrapper table tr td {padding:6px 20px;font-family:'rw',Arial;font-size:15px;} .download_table_wrapper .button.download {clear:both;display:table;table-layout:fixed;float:right;} .download_table_wrapper .button.download .button_l {display:table-cell;vertical-align:middle;padding:4px 10px;background:#f7f7f7;color:#333;font-family:'rw_b',Arial;font-size:18px; -webkit-transition: background 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .download_table_wrapper .button.download .button_r {display:table-cell;vertical-align:middle;padding:4px 10px;background:#97c21e;text-align:center; -webkit-transition: background 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .download_table_wrapper .button.download .button_r img {display:block;width:20px;padding:5px 0px;} .download_table_wrapper .button.download:hover .button_l{background:#97c21e;color:#fff;} .download_table_wrapper .button.download:hover .button_r{background:#003c0e;} @media screen and (max-width:799px){ body .download_table_wrapper table tr .disable_on_mobile {display:none;} } .accordion_wrapper.do_pobrania .download_table_wrapper table {width:100%;} @media screen and (max-width:799px){ .accordion_wrapper.do_pobrania .accordion_item_bottom_l {width:10px;} .accordion_wrapper.do_pobrania .accordion_item_bottom_r {width:10px;} .accordion_wrapper.do_pobrania .accordion_item_bottom_c {padding:10px 0px;} } .product_img_box {float:left;width:348px;height:348px;border:1px solid #dcdcdc;} .product_img_box_default {width:92%;margin:10px 4%;} @media screen and (max-width:799px){ body .product_img_box {width:268px;height:268px;cursor:default !important;} body .product_img_box img.product_img_box_default {width:92%;margin:10px 4%;} body .product_img_box img:not(.product_img_box_default) {display:none !important;} body .product_img_box .product_zoom {display: none;} } .product_img_box .product_zoom {position:absolute;z-index:20000;display:block;width:85px;height:55px;} .product_img_box.color_1 .product_zoom.default {bottom:0px;right:0px;background: url('../images/product_zoom_green_1.png') center center no-repeat;} .product_img_box.color_1 .product_zoom.hover {bottom:-65px;right:0px;background: url('../images/product_zoom_green_1_hover.png') center center no-repeat;} .product_img_box.color_2 .product_hover_info {background: rgba(0,166,80,0.8);cursor:pointer;} .product_img_box.color_2 .product_zoom.default {bottom:0px;right:0px;background: url('../images/product_zoom_green_2.png') center center no-repeat;} .product_img_box.color_2 .product_zoom.hover {bottom:-65px;right:0px;background: url('../images/product_zoom_green_2_hover.png') center center no-repeat;} .product_img_box.color_3 .product_hover_info {background: rgba(0,60,40,0.8);cursor:pointer;} .product_img_box.color_3 .product_zoom.default {bottom:0px;right:0px;background: url('../images/product_zoom_green_3.png') center center no-repeat;} .product_img_box.color_3 .product_zoom.hover {bottom:-65px;right:0px;background: url('../images/product_zoom_green_3_hover.png') center center no-repeat;} .product_img_box.color_4 .product_hover_info {background: rgba(86,86,86,0.8);cursor:pointer;} .product_img_box.color_4 .product_zoom.default {bottom:0px;right:0px;background: url('../images/product_zoom_green_4.png') center center no-repeat;} .product_img_box.color_4 .product_zoom.hover {bottom:-65px;right:0px;background: url('../images/product_zoom_green_4_hover.png') center center no-repeat;} .product_img_box.color_5 .product_hover_info {background: rgba(88,90,91,0.8);cursor:pointer;} .product_img_box.color_5 .product_zoom.default {bottom:0px;right:0px;background: url('../images/product_zoom_green_5.png') center center no-repeat;} .product_img_box.color_5 .product_zoom.hover {bottom:-65px;right:0px;background: url('../images/product_zoom_green_5_hover.png') center center no-repeat;} #wrapper.color_1 .product_img_box .product_zoom.default {bottom:0px;right:0px;background: url('../images/product_zoom_green_1.png') center center no-repeat;} #wrapper.color_1 .product_img_box .product_zoom.hover {bottom:-65px;right:0px;background: url('../images/product_zoom_green_1_hover.png') center center no-repeat;} #wrapper.color_2 .product_img_box .product_hover_info {background: rgba(0,166,80,0.8);cursor:pointer;} #wrapper.color_2 .product_img_box .product_zoom.default {bottom:0px;right:0px;background: url('../images/product_zoom_green_2.png') center center no-repeat;} #wrapper.color_2 .product_img_box .product_zoom.hover {bottom:-65px;right:0px;background: url('../images/product_zoom_green_2_hover.png') center center no-repeat;} #wrapper.color_3 .product_img_box .product_hover_info {background: rgba(0,60,40,0.8);cursor:pointer;} #wrapper.color_3 .product_img_box .product_zoom.default {bottom:0px;right:0px;background: url('../images/product_zoom_green_3.png') center center no-repeat;} #wrapper.color_3 .product_img_box .product_zoom.hover {bottom:-65px;right:0px;background: url('../images/product_zoom_green_3_hover.png') center center no-repeat;} #wrapper.color_4 .product_img_box .product_hover_info {background: rgba(86,86,86,0.8);cursor:pointer;} #wrapper.color_4 .product_img_box .product_zoom.default {bottom:0px;right:0px;background: url('../images/product_zoom_green_4.png') center center no-repeat;} #wrapper.color_4 .product_img_box .product_zoom.hover {bottom:-65px;right:0px;background: url('../images/product_zoom_green_4_hover.png') center center no-repeat;} #wrapper.color_5 .product_img_box .product_hover_info {background: rgba(86,86,86,0.8);cursor:pointer;} #wrapper.color_5 .product_img_box .product_zoom.default {bottom:0px;right:0px;background: url('../images/product_zoom_green_5.png') center center no-repeat;} #wrapper.color_5 .product_img_box .product_zoom.hover {bottom:-65px;right:0px;background: url('../images/product_zoom_green_5_hover.png') center center no-repeat;} .about_us_boxes {float:left;width:100%;} .about_us_box {display:table;table-layout:fixed;float:left;width:50%;margin-bottom:30px;} .about_us_box_l {display:table-cell;vertical-align:middle;width:15px;} .about_us_box_r {display:table-cell;vertical-align:middle;width:15px;} .about_us_box_c {display:table-cell;vertical-align:middle;} .about_us_box_ct {display:table;table-layout:fixed;float:left;width:100%;background:#f2f2f2;} .about_us_box_ct_l {display:table-cell;vertical-align:middle;width:220px; -webkit-transition: background 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .about_us_box_ct_l img {float:left;display:block;width:100%;} .about_us_box_ct_r {display:table-cell;vertical-align:top;padding:15px;} .about_us_box_contact {display:table;table-layout:fixed;float:left;width:100%;margin:5px 0px;} .about_us_box_contact_l img {display:block;width:18px;} .about_us_box_contact_l {display:table-cell;vertical-align:middle;width:30px;} .about_us_box_contact_r {display:table-cell;vertical-align:middle;} .about_us_box_contact_r a {word-break: break-word;} .about_us_box-name {font-size:18px;font-family:'rw_b';color:#003710;} .about_us_box-title {font-size:16px;font-family:'rw';margin-bottom:20px;} @media screen and (min-width: 750px){ .about_us_boxes .about_us_box:nth-child(2n+1) .about_us_box_l {display:none;} .about_us_boxes .about_us_box:nth-child(2n+2) .about_us_box_r {display:none;} } @media screen and (max-width: 399px){ .about_us_boxes .about_us_box {width:100%;} .about_us_boxes .about_us_box .about_us_box_l {display:none;} .about_us_boxes .about_us_box .about_us_box_r {display:none;} .about_us_box_ct {display:block;background:transparent;padding-bottom:20px;border-bottom:1px solid #ddd;} .about_us_box_ct_l {display:block;float:left;width:92%;padding:5px 4%;} .about_us_box_ct_l img {display:block;float:none;width:auto;margin:0 auto;} .about_us_box_ct_r {display:block;float:left;width:92%;padding:5px 4%;text-align:center;} .about_us_box-name {font-size:18px;font-family:'rw_b';margin-top:5px;} .about_us_box-title {font-size:15px;font-family:'rw';margin-bottom:20px;margin-top:5px;} .about_us_box_contact {float:none;width:auto;margin:5px auto;} .about_us_box_contact_r {font-size:13px;} .about_us_box_contact_r a {font-size:13px;} } @media screen and (min-width: 400px) and (max-width: 499px){ .about_us_boxes .about_us_box {width:100%;margin-bottom:20px;} .about_us_boxes .about_us_box .about_us_box_l {display:none;} .about_us_boxes .about_us_box .about_us_box_r {display:none;} .about_us_box_ct_l {width:90px;padding:5px;} .about_us_box_ct_r {padding:5px 5px;} .about_us_box-name {font-size:15px;font-family:'rw_m';} .about_us_box-title {font-size:13px;font-family:'rw';margin-bottom:8px;} .about_us_box_contact {margin:2px 0px;} .about_us_box_contact_r {font-size:13px;} .about_us_box_contact_r a {font-size:13px;} } @media screen and (min-width: 500px) and (max-width: 599px){ .about_us_boxes .about_us_box {width:100%;} .about_us_boxes .about_us_box .about_us_box_l {display:none;} .about_us_boxes .about_us_box .about_us_box_r {display:none;} .about_us_box_ct_l {width:150px;} .about_us_box_ct_r {padding:15px 10px;} .about_us_box-name {font-size:16px;font-family:'rw_m';} .about_us_box-title {font-size:14px;font-family:'rw';margin-bottom:15px;} .about_us_box_contact_r {font-size:14px;} .about_us_box_contact_r a {font-size:14px;} } @media screen and (min-width: 600px) and (max-width: 699px){ .about_us_boxes .about_us_box {width:100%;} .about_us_boxes .about_us_box .about_us_box_l {display:none;} .about_us_boxes .about_us_box .about_us_box_r {display:none;} .about_us_box_ct_l {width:150px;} .about_us_box_ct_r {padding:15px 20px;} .about_us_box-name {font-size:18px;font-family:'rw_m';} .about_us_box-title {font-size:14px;font-family:'rw';margin-bottom:15px;} .about_us_box_contact_r {font-size:14px;} .about_us_box_contact_r a {font-size:14px;} } @media screen and (min-width: 700px) and (max-width: 899px){ .about_us_boxes .about_us_box {width:100%;} .about_us_boxes .about_us_box .about_us_box_l {display:none;} .about_us_boxes .about_us_box .about_us_box_r {display:none;} .about_us_box_ct_l {width:150px;} .about_us_box_ct_r {padding:15px 20px;} .about_us_box-name {font-size:18px;font-family:'rw_b';} .about_us_box-title {font-size:14px;font-family:'rw';margin-bottom:15px;} .about_us_box_contact_r {font-size:14px;} .about_us_box_contact_r a {font-size:14px;} } @media screen and (min-width: 900px) and (max-width: 999px){ .about_us_box_ct_l {width:150px;} .about_us_box_ct_r {padding:15px 10px;} .about_us_box-name {font-size:16px;font-family:'rw_m';} .about_us_box-title {font-size:14px;font-family:'rw';margin-bottom:15px;} .about_us_box_contact_r {font-size:14px;} .about_us_box_contact_r a {font-size:14px;} } @media screen and (min-width: 1000px) and (max-width: 1099px){ .about_us_box_ct_l {width:160px;} .about_us_box_ct_r {padding:15px 10px;} .about_us_box-name {font-size:18px;font-family:'rw_b';} .about_us_box-title {font-size:14px;font-family:'rw';margin-bottom:15px;} .about_us_box_contact_r {font-size:14px;} .about_us_box_contact_r a {font-size:14px;} } /* .solutions_list ul li { background: none !important; font-weight: bold; transition: 300ms; position: relative; } .solutions_list ul li a { padding-left: 1px; color:#003710; } .solutions_list ul li:hover a { color:black; cursor: pointer; font-weight: bold; } .solutions_list ul li a::before{ content: ""; background: url(../images/icons/arrow_green_1_right.png) left 3px / 12px 12px no-repeat; width: 10px; height: 20px; right: -15px; position: absolute; } .solutions_list h3 { padding-left: 25px; margin-top:3px; font-weight: 16px; font-weight: bold; color:#003710; } */ .svg_img_header { position: relative; display: flex; margin-left: -15px; } .svg_img_header svg{ } .svg_img_header_wrapper { } .svg_img_header_wrapper p { margin-left: 18px; margin-top: 0px; margin-bottom: 0px; font-weight: bold; font-size: 22px; } .svg_img_header_txt{ margin-left: 16px; margin-right: 30px; margin-top: 0px; margin-bottom: 5px; color:white; font-size: 34px; font-weight: 600; } .main_discription p{ margin-bottom:60px; } .main_discription h6{ margin-top:15px; font-size: 20px; font-family: 'rw_b',Arial; color: #003710; width: 100%; } .main_discription ol{ padding-left: 15px; } .main_discription ol li{ margin-bottom: 10px; margin-top:15px; } .main_content_wrapper { display: flex; margin-bottom: 30px; justify-content: space-between; } .main_discription { width: 45%; } .main_discription_img { width: 50%; position: relative; } .main_discription_img img { width: 100%; } .back_icon_container { display: inline-block; } .back_icon_container p{ transition: 300ms; } .back_icon_container a{ display: flex; cursor: pointer; transition: 300ms; } .back_icon_container a:hover span { font-weight: bold; color:black; transition: 300ms; } .back_icon_container span { margin-left: 10px; } .back_icon_container img { height:19px; } ._show { display: none !important; margin-bottom: 50px; } .gallery { width: 100%; margin: auto; border-radius: 3px; overflow: hidden; position: relative; border:1px solid #E7E7E7; } .img-c { width: 100%; height: 495px; float: left; position: relative; overflow: hidden; } .img-w { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; cursor: pointer; transition: transform ease-in-out 300ms; } .img-w img { display: none; } .img-c { transition: width ease 400ms, height ease 350ms, left cubic-bezier(0.4, 0, 0.2, 1) 420ms, top cubic-bezier(0.4, 0, 0.2, 1) 420ms; } .cover { } .img-c:hover .img-w { /* transform: scale(1.08); */ transition: transform cubic-bezier(0.4, 0, 0.2, 1) 450ms; cursor: zoom-in; } .img-c.active.img-w { cursor: zoom-out !important; } .img-c.active { width: 55% !important; height: 100% !important; position: fixed; z-index:30000; left: 50% !important; top:50% !important; transform: translate(-50%,-50%); } .img-c.postactive { position: absolute; z-index: 2; pointer-events: none; } .product_buy_button { display: flex; justify-content: space-between; align-items: center; margin-right: 30px; } .product_buy_button button { background-color: unset; color:white; border: 2px solid white; padding: 17px 25px; font-size: 18px; font-weight: bold; cursor: pointer; transition: 300ms; display: flex; } .product_buy_button button img{ height: 20px; margin-bottom: -3px; margin-right: 5px; } .list_buy_button { position: absolute; top: 1px; right: 17px; z-index: 5; } .product_box:nth-child(3n+2) .list_buy_button { right: 9px; } .product_box:nth-child(3n+3) .list_buy_button { right: 1px; } .list_buy_button button{ background-color: rgb(151, 194, 30); color:white; border: none; padding: 7px 15px; font-size: 14px; font-weight: bold; cursor: pointer; transition: 300ms; z-index:6; } /*.color_2 .list_buy_button{ right: 1px; } .color_4 .list_buy_button{ right: 9px; } .color_5 .list_buy_button{ right: 1px; }*/ /* .img-c.active.positioned { left: 0 !important; top: 0 !important; transition-delay: 50ms; } */ @media screen and (max-width: 999px){ ._show { display: block !important; } ._hide { display: none !important; } .height_fix .box_c { padding-bottom: 11px !important; } .height_fix .content { padding-top:20px !important; } .height_fix .fbox{ margin-top:13px !important; } } @media screen and (max-width: 700px){ .main_content_wrapper { flex-direction: column; } .main_discription { width: 100%; } .main_discription_img { width: 100%; } .svg_img_header svg { display: none; } .svg_img_header_wrapper { width: 100%; } .svg_img_header { margin-right: -15px; } .svg_img_header_wrapper { height:unset; min-height: 100px; } } /* Style the Image Used to Trigger the Modal */ #myImg { border: 1px solid #E7E7E7; cursor: pointer; transition: 0.3s; } #myImg:hover {opacity: 0.7;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 5000; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.9); /* Black w/ opacity */ } /* Modal Content (Image) */ .modal-content { margin: auto; display: block; width: 80%; max-width: 700px; } /* Caption of Modal Image (Image Text) - Same Width as the Image */ #caption { margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; color: #ccc; padding: 10px 0; height: 150px; } /* Add Animation - Zoom in the Modal */ .modal-content, #caption { animation-name: zoom; animation-duration: 0.6s; } @keyframes zoom { from {transform:scale(0)} to {transform:scale(1)} } /* The Close Button */ .close { position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; } .close:hover, .close:focus { color: #bbb; text-decoration: none; cursor: pointer; } /* 100% Image Width on Smaller Screens */ @media only screen and (max-width: 700px){ .modal-content { width: 100%; } } #myImg { cursor: zoom-in; } .my_map_google { margin-bottom: 20px; } .my_map_google iframe { border: 0; } .solutions_list .featured_box { display: table; float: left; width: 100%; height: 145px; } .solutions_list .featured_box:not(:first-child) { margin-top: 20px; } .solutions_list .featured_box .cell { display: table-cell; vertical-align: top; } .solutions_list .featured_box .img { background-color: #edeeee; background-size: 145px; background-position: center center; background-repeat: no-repeat; width: 145px; -webkit-transition: background 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .solutions_list .featured_box:hover .img { background-size: 170px; } .solutions_list .featured_box .desc_wrapper { background: #edeeee; padding: 15px; } .solutions_list .featured_box .title { color: #003710; font-family: 'rw_b',Arial; font-size: 17px; text-transform: uppercase; margin: 0px 0px 10px 0px; } .solutions_list .featured_box .title span { float: left; } .solutions_list .featured_box .title img { width: 12px; margin-left: 2px; } .solutions_list .featured_box .desc { clear: both; } @media screen and (min-width:700px) and (max-width:799px){ .solutions_list .featured_box .title img { width: 10px; } } @media screen and (min-width:600px) and (max-width:699px){ .solutions_list .featured_box .title img { width: 10px; } } @media screen and (min-width:400px) and (max-width:599px){ .solutions_list .featured_box .title img{ width: 10px; } .solutions_list .featured_box .title { font-size: 17px; margin: 0px 0px 5px 0px; } .solutions_list .featured_box .desc { font-size: 13px; } } @media screen and (max-width:399px){ .solutions_list .featured_box .title img { width: 10px; } .solutions_list .featured_box .img { width: 100px; background-size: auto 100%; } .solutions_list .featured_box .title { font-size: 15px; margin: 0px 0px 5px 0px; } .solutions_list .featured_box .desc { font-size: 13px; } .solutions_list .featured_box .title img { width: 12px; margin-left: 2px; } }