/* All Rights Reserved. siergiej f. */
.section_5 {
padding:1vw 15%;
margin:1px 0;
}
.section_5 .in_s5 {
margin:1px 0;
}
.lab_box {
text-align:center;
float:left;
width:25%;	
padding-bottom:0;	
background-position:bottom;
background-repeat:no-repeat;
}
.lab_box .in_lab_box a {
display:block;
text-decoration:none;
border:0;
margin:0;
padding:0px;	
margin:5px;
padding:0px 1%;
overflow:hidden;	
color:#296a8a;	
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;	
border:1px solid #fff;
background:#EFEFEF;
}
.lab_box .in_lab_box a:hover {
color:#333;
background:#afcde0;
}
.lab_box .title {
padding:10px 5px;
text-align:center;
font-size:1.2em;
font-weight:normal;
line-height:1em;
overflow:hidden;
font-family:'Playfair Display',Arial;
}
.lab_box .img img {
width:100%;
max-width:100%;
height:auto;
}
.lab_box .txt {
color:#003;
}
@media only screen and (max-width:1100px) {
.section_5 {
padding:1px 5%;
}
.lab_box {
width:50%;
}
.lab_box .title {
font-size:1.0em;
}
}
@media only screen and (max-width:900px) {
.lab_box {
width:50%;
}
}
 
.out-ok, .out-err {
padding:19px 1%;
width:98%;
font-weight:normal;
text-align:center;
background:#ed1010;
color:#FFF;
border:none;
border-radius:7px;	
}
.out-ok {
background:#00c950;
}
.form .input {
border: 1px solid #9d9d9d;
border-bottom: 2px solid #9d9d9d;
border: none;
border: 2px dashed #107fb4;
background: #eef8ff;
border-radius: 5px;
padding: 9px 2%;
width: 96%;
width: calc(98% - 2px);
 
color: #000;
font-size: 1.0em;
font-family: Tahoma, Geneva, sans-serif;
}
.form .input:focus {
border:1p solid #333;
}
.form .button {
display: inline;
text-decoration: none;
color: #FFF;
 
border: 2px solid #296a8a;
color: #296a8a;
 
padding: 15px 26px;
-webkit-transition: background 0.2s ease-in-out;
-moz-transition: background 0.2s ease-in-out;
-o-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
cursor: pointer;
background: #107fb4;
color: #fff;
border: none;
border-radius: 5px;
cursor:pointer;
}
.form .button:hover {
background:#F4F4F4;
}
.form {
text-align:left;
width:87%;
}
.form .fbox {
width:100%;
padding:4px 0;
float:left;
}
.form .fbox1 {
width:49%;
padding-right:1%;
}
.form .fbox2 {
width:49%;
padding-left:1%;
}
.form .fbox .ftxt {
font-size:0.8em;
}
@media only screen and (max-width:1100px) {
.form .fbox1, .form .fbox2 {
padding:4px 0;
width:100%;
}
.form {
width:100%;
}
}
 
.list-products {
background-image:url(../graphics/detail.jpg);
background-position:-50px;
background-repeat:no-repeat;
background:none;
padding-left:9%; padding-left:0;
}
.select_product {		
padding:5px;
text-align:center;
}
.select_product h1 {
padding-bottom:5px;
border-top: 10px solid #f4f4f4;
padding: 30px 10px;
}
.select_product a {
display:inline;
background:#fff;
font-weight:bold;
text-decoration:none;
padding:12px 4%;
margin:5px 0px;
border: 2px solid #296a8a;
color: #296a8a;	
border-radius: 0 0 8px 8px;
-webkit-transition:background 0.2s ease-in-out;
-moz-transition:background 0.2s ease-in-out;
-o-transition:background 0.2s ease-in-out;
transition:background 0.2s ease-in-out;
}
.select_product a:hover {
background:#F3F3F3;
color: #296a8a;	
}
.select_product .on {
background:#296a8a;
color:#FFF;
 
}
.product {
padding:2vw 5%;
text-align:center;
}
.product h2 {
font-size:1.4em;
text-align:left;
border-top:2px solid #afcde0;
line-height:1.6em;
}
.pr_box {
text-align:center;
float:left;
width:20%;	
padding-bottom:0;
background-position:bottom;
background-repeat:no-repeat;
}
.pr_box .in_pr_box {	
border: none;
margin: 7px;
 
padding: 5px;
background: #fff;
border:1px solid #e3e3e3;
border-radius:5px;
}
.pr_box h3 {	
font-size:1.1em;
line-height:1.2em;
margin:0;
padding:0;
font-weight:normal;	
}
.pr_box .txt {
color:#003;
}
.pr_box .img, .pr_box .img img {
line-height:0;
margin:0;
padding:0;
}
.pr_box .img {
 
padding:0;
}
.pr_box .img a {
position:relative;
display:block;
overflow:hidden;
}
.pr_box .img img {
border-radius:5px;
}
.pr_box .img:hover {
-webkit-filter: contrast(110%);
-moz-filter: contrast(110%);
-o-filter: contrast(110%);
-ms-filter: contrast(110%);
filter: contrast(110%);
}
.pr_box .in_pr_box .img .effect,
.pr_box .in_pr_box .img .effect1 {
position: absolute;
width: 90%;
height: 90%;
margin: 5%;
 
background: #ffffff1a;
 
border-radius:6px;
-webkit-transition:all 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;
}
.pr_box .in_pr_box .img:hover .effect {
width: 96%;
height: 96%;
margin: 2%;
border-radius:1px;
}
.pr_box .in_pr_box .img .effect1 {
width:0px;
height:0px;
margin:50%;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
}
.pr_box .in_pr_box .img:hover .effect1 {
width: 96%;
height: 96%;
margin: 2%;
border-radius:1px;
}


.pr_box .detail {
position:relative;
font-weight:bold;
display:inline-block;
padding:11px 19px;
text-decoration:none;
background:#333;
background:#fff;
border: 2px solid #296a8a;
color: #296a8a;
font-size:0.8em;
margin-bottom:5px;	
-webkit-transition:background 0.2s ease-in-out;
-moz-transition:background 0.2s ease-in-out;
-o-transition:background 0.2s ease-in-out;
transition:background 0.2s ease-in-out;
border-radius:0 0 10px 10px;
}
.pr_box .detail:before {
content: '';
position: absolute;
width: 0%;
height: 0;
border-top:0px solid #296a8a;
border-right: 14px solid transparent;
border-left: 15px solid transparent;
margin: 0;
left: calc(50% - 14px);
top:0px;
transition:all 0.1s ease-in-out;
}
.pr_box .detail:after {
content: '';
position: absolute;
width: 0%;
height: 0;
border-top:5px solid #296a8a;
border-right: 14px solid transparent;
border-left: 15px solid transparent;
margin: 0;
left: calc(50% - 14px);
top: calc(100% + 2px);
transition:all 0.1s ease-in-out;
}
.pr_box .detail:hover:before {
top:0px;
border-top: 6px solid #296a8a;
}
.pr_box .detail:hover:after {
border-top:none;
border-bottom: 6px solid #296a8a;
top: calc(100% - 5px);
}

.pr_box .detail:hover {
background:#F4F4F4;
}
.pr_box .title {
height: 48px;
overflow: hidden;
padding: 10px 0 0 0;
}
@media only screen and (max-width:1000px) {
.pr_box {
width:50%;
}
}
.box_detail {
background:#6aa5c3;
}
.box_detail, .box_detail h1, .box_detail h2, .box_detail h3, .box_detail a {
color:#FFF;
}
.box_detail .left {
width:28%;
float:right;
background:#6aa5c3;;
padding:5vw 2%;
text-align:center;	
}
.box_detail .left img {
}
.box_detail .right {
width:44%;
padding:5vw 5% 5vw 19%; padding:5vw 5% 5vw 12%;
float:left;
text-align:left;
 
background-position:top left;
background-repeat:no-repeat;
background:#6aa5c3;
}
.box_detail .back {
color:#eee;
}
.box_detail .back a {
color:#eee;
}
@media only screen and (max-width:1500px) {
.box_detail .right {
width:58%;
padding:5vw 5% 5vw 5%;
}
}
@media only screen and (max-width:1000px) {
.box_detail .left {
 
width:24.3%;
padding:5vw 0px;
}
.box_detail .right {
width:65.6%;
background-position:-140px;
}
}
 
 
#agency_cookies { 
position:absolute;
z-index:150;
line-height:1.0em;
letter-spacing:1px;
}
#agency_cookies a {
color:#ccc;	
}
#agency_cookies a:hover { 
color:#2280AC;
}
#agency_cookies_in {	
position:fixed;
bottom:0px;
left:0px;
width:100%;
margin:0 auto;
}
#agency_cookies_in #in_in { 
text-align:center;
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
padding:10px 17px;
color:#CCC;
background:#fff;
background:#333;
border:1px solid #1D1D1D;
}
#agency_cookies_in #in_in #cclose {
border:none;
color:#296a8a;	
padding:4px 10px;
text-decoration:none;
background:#fff;	
}
#agency_cookies_in #in_in #cclose:hover { 
color:#296a8a;
}
.cookies_close {
}
 
.none {
display:none;
}
*::selection { 
background:#296a8a;
color:#FFF;
}
*::-moz-selection { 
background:#296a8a;
color:#FFF;
}
a, a img, img { 
outline-style:none;
border:none;
}
img {
max-width:100%;
height:auto;
}
.clear { 
clear:both;
}
header, nav, section, footer { 
display:block;
margin:0px;
padding:0px;	
}
a { 
color:#000;
}
a:hover { 
color:#000;
}	
.alert_ok, .alert_error {
padding: 4px;
text-align: center;
font-weight: bold;
color: #F00;
background: #ffffff;
border: 1px solid #f5f5f5;
margin: 3px 0;
border-radius: 10px;
}
.alert_ok {
color:#090;
}
h1,h2,h3,h4,h5 {
font-family: 'Playfair Display', Arial;	
font-weight:normal;
font-size:2.0em;
line-height:normal;
color:#296a8a;
margin:15px 0;
padding:0;
}
.scrollup{
z-index:110;				
text-indent:-9999px;
filter:alpha(opacity=90);
-moz-opacity:.90;
opacity:.90;
position:fixed;
bottom:50px;
right:10px;
display:none;
width:40px;
height:40px;			
background: url('../graphics/icon_top.png') no-repeat;
}
.scrollup:hover {
background: url('../graphics/icon_top.png') no-repeat;
}
body {
background:#fff;
background-image:url(../graphics/bg.png);
background-repeat:repeat;
background-size:50%;
padding:0;
margin:0;	
overflow-y:scroll;
font-size:18px;	
font-family:Arial, Helvetica, sans-serif;
font-family:"Times New Roman", Times, serif;
color:#464754;
line-height:1.4;
width:100%;
overflow-x:hidden;
}
header {
top:0px;	
margin:0 0%;
width:100%;	
letter-spacing:1px;	
position:fixed;
z-index:91;
 
}
header #h_logo {
display:none;
text-align:center;
background:#FFF;
}
header #h_logo img {
height:50px;
}
header #box_menu {	
float: left;   
font-size: 1em;
 
width:100%;
margin:0;
}
header .box_menu {
 
 
 
background:#ffffff;
-webkit-transition:background 0.3s ease-in-out;
-moz-transition:background 0.3s ease-in-out;
-o-transition:background 0.3s ease-in-out;
transition:background 0.3s ease-in-out;
}
header .box_menu .menu a {
padding:35px 20px;
-webkit-transition:padding 0.3s ease-in-out;
-moz-transition:padding 0.3s ease-in-out;
-o-transition:padding 0.3s ease-in-out;
transition:padding 0.3s ease-in-out;
}
header .box_menu_scroll {
 
}
header .box_menu_scroll .menu a {
padding:20px 20px;
}
 
.menu {	
width:100%;
text-align:center;
}
.menu ul, .menu ul li { 
margin:0;
padding:0;
list-style:none;
}
.menu ul {
clear:left;
float:left;
position:relative;
left:50%;
text-align:center;
}
.menu ul li {
display:block;
float:left;
position:relative;
right:50%;
}
.menu ul .logo {
margin:0px;
position:relative;
}
.menu ul .logo a {
padding:7px;
margin:0;
}
.menu ul .logo a img {
width:100px;
}
.menu ul li, .menu ul li a {
display:block;
float:left;
float:left;
}
.menu ul li a {
font-family: 'Playfair Display', Arial;
text-align:center;		
font-size:1.1em;
line-height:100%;
margin:0;
padding:12px 24px;	
margin-right:1px;
text-decoration:none;
font-weight:normal;
}
.menu ul li a:hover, .menu ul li .on {
color:#fff;
color:#2171b5;
animation:anim_sm1 300ms ease-in-out; 
-webkit-animation:anim_sm1 300ms ease-in-out;
-moz-animation:anim_sm1 300ms ease-in-out;
-ms-animation:anim_sm1 300ms ease-in-out;
}
.flex {
display: -webkit-flex;
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: flex-start;
}
.vertical {
display: flex;
align-items: center;
}
#spacing_top {
display:none;
height:50px;
}
.section_padding {
clear:both;
text-align:center;
background-image:url(../graphics/slider.jpg);
background-size:100%;
background-position:center;	
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top right;
position: relative;
background-size: cover;
color:#CCC;
}
.section_padding .in {
padding:5vw 5%;
background:rgba(14,0,72,0.9);
}
.section_padding .in h3 {
font-family: 'Playfair Display', Arial;
font-size: 2em;
letter-spacing: 10px;
color: #fff;
 
padding: 12px 32px;
line-height: 1em;
 
}
@media only screen and (max-width:1000px) {
.section_padding .in {
padding:10vw 5%;
}
.section_padding .in h3 {
font-size:1.5em;
}
}
 
.section_1 {
clear:both;
text-align:left;
color:#036;		
padding: 0px;
width:100%;
position: relative;

}
.section_1 .sl_left, .section_1 .sl_center, .section_1 .sl_right {
 
 
width:30%;
padding:15vw 10%;
padding-top:calc(50vh - 110px);
padding-bottom:calc(50vh - 110px);
}
.section_1_in {	
padding:15vw 5% 13vw 5%;	
padding:0;	
}
.section_1 .sl_left .logo {
margin:0;
width:auto;
max-width:448px;
 
}
.section_1 .sl_center {
background-position:right;    
background-image:url(../graphics/slider3.jpg);
text-align:center;
width:29.33%; width:46%;
float:left;
}
.section_1 .sl_right {
background-image:url(../graphics/slider.jpg);		
background-repeat: no-repeat;
background-attachment:fixed;
background-position:left;    
background-size:cover;
background-position:center;
}
.section_1 .sl_right img {
}
.section_1 h1, .section_1 h2 {
}
.section_1 h1 {
font-family: 'Playfair Display', Arial;
font-size:4.2em;
font-weight:bold;
margin:0;
line-height:1em;
letter-spacing:3px;
}
.section_1 h2 {
font-size:1.5em;
color:#fff;	
letter-spacing:1px;
}
@media only screen and (max-width:1000px) {
.section_1 .sl_left, .section_1 .sl_center, .section_1 .sl_right {
 
}
.section_1 h1 {
font-size:1.6em;
}
.section_1 h2 {
font-size:1.1em;		
}
.section_1 .sl_left .logo {
max-width:100%;
background:#FFF;
width:calc(100% - 20px);
padding:10px;
}
.section_1_in {
background:#ffffff57;
}
.section_1 .sl_left {
width: 60%;
padding: 45% 20%;
position: absolute;
}
.section_1 .sl_right {
width:100%;
}
}
.section_2 {
clear:both;	
text-align:left;	
 
}
.about-us h1 {	
}
.section_2 .left {
width:28.3%;
padding-left:5%;
float:left;
text-align:center;
 
background-position:top right;
background-repeat:no-repeat;
background-size:cover;
}
.section_2 .right {
padding:5vw 5%;
width:56.6%;
background-image:none;
text-align:left;
}
.section_2 .button {
display: inline;
text-decoration: none;
color: #FFF;
 
border: 2px solid #296a8a;
color: #296a8a;
 
padding: 10px 26px;
 
}
.section_2 a:hover {
background:#F8F8F8;
}
@media only screen and (max-width:1000px) {
 
.section_2 .left {
display:none;
}
.section_2 .right {
width:90%;
display:block;
}
}
.section_3 {
clear:both;
text-align:center;
color:#666;
background:#fff;	
}
.section_3 h1 {
}
.section_3 .box_50 {
float:left;
width:50%;
}
.section_3 .left {
padding:5vw 5%;
width:56.6%;
background:#ffffff;		
}
.section_3 .right {	
width:33.3%;
background:#2171b5;
background-image:url(../graphics/see_products1.jpg);
background-position:top left;
background-repeat:no-repeat;
background-size:cover;
}
.section_3 a {
display: inline;
text-decoration: none;
color: #FFF;
 
border: 2px solid #296a8a;
color: #296a8a;
 
padding: 10px 26px;
 
}
.section_3 a:hover {
background:#F8F8F8;
}
@media only screen and (max-width:800px) {
.section_3 .left {
width:90%;
padding:10vw 5%;
}
.section_3 .right {
display:none;
width:20%;
}
.section_3 img {
display:none;
}
}
.section_4 {
clear:both;
text-align:center;
background:#bfc6ca;
background-image:url(../graphics/slider.jpg);
background-size:100%;	
background-repeat:repeat;
background-attachment:fixed;
}
.section_4 h1, .section_4 h2, .section_4 h3 {
}
.width_33 {
width:33.3%;
float:left;
text-align:center;
margin:0;
padding:0;
padding:5vw 0%;
}
.section_4 .left {
padding:0;
background:#ffffffd6;
 
background-position:top right;
background-repeat:no-repeat;
}
.section_4 .boxCenter {
background:#ffffffd6;
text-align:center;
margin:0;	
padding:5vw 5%;
width:28%;
}
.box_check {
padding-bottom:2%;
}
.box_check .input {
line-height:1em;
font-size:1.1em;
margin:0;
padding:0px 12px;
height:36px;
border-radius:15px 0 0 5px;
text-align:center;
border:2px dashed #107fb4;
border-right:0;
 
width:170px;
background:#F9F9F9;
}
.box_check .button {
position:relative;
line-height:1em;
font-size:1.1em;
margin:0;
padding:0px 12px;
height:40px;
border-radius:0 15px 5px 0;
cursor:pointer;
display: inline;
text-decoration: none;
color: #FFF;
 
 
border:none;
color: #fff;
 
background:#107fb4;
-webkit-transition:background 0.2s ease-in-out;
-moz-transition:background 0.2s ease-in-out;
-o-transition:background 0.2s ease-in-out;
transition:background 0.2s ease-in-out;
}
.box_check .button:hover {
background:#2e8ab6;
}
@media only screen and (max-width:800px) {
.section_4 .boxCenter {
width:90%;
}
.section_4 .left {
width:20%;
}
.width_33 {
width:40%;
}
.width_33 img {
max-width:140px;
}
.width_33_2 {
padding-top:10vw !important;
}
.width_33_3 {
padding-bottom:10vw !important;
}
}
@media only screen and (max-width:640px) {
.section_4 {
 
background-position:top;
background-size:cover;
}
.section_4 .flex {
display:block;
}
.section_4 .left {
display:none;
}
.width_33 {
width:90%;
padding:0vw 5%;
}
.width_33 img {
max-width:140px;
}
}
.section_X {
padding:6vw 5%; padding:0;
text-align:center;
}
.section_X .one_3 {
width:23.3%;
float:left;
padding:3vw 5%;
background:#eef8ff;
}
.section_X .one_3_2 {
background:#e1f1fb;
}
.section_X .one_3_3 {
background:#d2e9fa;
}
.section_X .one_3 img {
max-width:220px;
}
@media only screen and (max-width:800px) {
.section_X .flex {
display:block;
}
.section_X .one_3 {
width:90%;
}
.section_X .one_3 img {
display:none;
}
}
footer {
clear:both;
text-align:center;
 	
background-repeat:no-repeat;
 	
}
footer ul, foofer ul li {
list-style:none;
}
footer ul li, foofer ul li a {
display:block;
float:left;
width:100%;
}
footer ul li a {
padding: 10px;
margin: 2px 0;
color: #575858 !important;
text-decoration: underline;
 
background: #f9f9f9;
display: inline-block;
width: calc(100% - 20px);
}
footer p, footer h1, footer h2, footer h3 {
}
footer p, footer a {
color:#DFDFDF;
}
footer a:hover {
color:#FFF;
}
.foo1 {
width:42%;
padding:1.7vw 3% 5vw 5%;
 
background-position:top right;
background-repeat:no-repeat;
}
.foo2 {
width:28%;
padding:5vw 2.5% 5vw 2.5%;
 
 
background-size:100%;
background-position:left;
background-repeat: no-repeat;
background-attachment: fixed;
background-position:top right;
position: relative;
background-size: cover; 		
}
.foo3 {
text-align:center;
width:42%;
padding:5vw 5% 5vw 3%;	
font-size:1.2em;
}
.foo3 img {
max-width: 240px;
 
}
.foo2 img {
border:1px solid #CCC;
}
.foo_33 {	
padding:0%;
float:left;	
font-size:1.1em;
}
footer #copy {
text-align:right;
color:#666;
padding:30px 5%;
font-size:0.75em;
}
footer #copy a { 
color:#666;
}
@media only screen and (max-width:800px) {
footer .flex {
display:block;
}
footer img {
max-width:110px;
}
footer {
background-image:url(../graphics/footer_skew.png);
background-position:-90px;
background-repeat:no-repeat;
background-image:none;
}
.foo1 {
background:none;
background-image:none;
}
.foo1,.foo2,.foo3 {
width:90%;
padding:4vw 5%;
}
.foo3 {
padding:5vw 5% 0 5%;
}
.foo3 img {
max-width:220px;	
}
}
@media only screen and (max-width:1000px) {
#spacing_top {
height:6px;
font-size:0;
}	
h1,h2,h3,h4,h5 {
font-size:1.6em;
}
.scrollup { 		
right:10px;		
}	
header #menu_mobile {
cursor:pointer;		
border:none;	
background:#296a8a;		
display:block;
z-index:100;		
width:26px;
height:26px;			
padding:13px;
top:0px;
left:0px;		
position:fixed;			
background-image:url(../graphics/nav_mobile_on.png); background-image:url(../graphics/nav_mobile.png);
background-position:center;
background-repeat:no-repeat;		
-webkit-transition:all 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 #menu_mobile:hover {
width:26px;
height:26px;	
padding:13px;
background-image:url(../graphics/nav_mobile_on.png);				
}
.menu ul .logo {
display:none;
}
.menu {
z-index: 100;
margin: 0;
padding: 0;
 
padding-top: 50px;
z-index: -1;
top: 0;
left: -102%;
position: fixed;
width: 70%;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
 
 
background:rgba(0,0,0,0.92);
 
height: calc(100vh - 50px);
overflow-y: auto;
}	
.menu ul, .menu ul li {
left:0;
right:0;
}
.menu ul, .menu ul li, .menu ul li a, .menu ul .domek a,.menu ul .domek a:hover {
width:100%;
padding:0;
margin:0;		
}
.menu ul li a {
etter-spacing: 1px;
padding: 13px 5% 13px 5%;
width: 90%;
border: none;
border-bottom: 1px solid #333;
background: #262626;
background: none;
 
border-bottom: 1px dotted #555555;
margin-bottom: 0px;
color: #ffffff;
text-shadow: none;
text-align: left;
}
header .box_menu .menu a, header .box_menu_scroll .menu a {
padding:13px 5% 13px 5%;
}
.menu ul li a:hover, .menu ul li .on {
color:#fff;		
background:#296a8a;
 
background:#296a8a;
animation:none;
-webkit-animation:none;
-moz-animation:none;
-ms-animation:none;
}	
}