

@font-face {
	font-family: 'Conv_GothaProMed';
	src: url('fonts/GothaProMed.eot');
	src: local('☺'), url('fonts/GothaProMed.woff') format('woff'), url('fonts/GothaProMed.ttf') format('truetype'), url('fonts/GothaProMed.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_GothaProBol';
	src: url('fonts/GothaProBol.eot');
	src: local('☺'), url('fonts/GothaProBol.woff') format('woff'), url('fonts/GothaProBol.ttf') format('truetype'), url('fonts/GothaProBol.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_GothaProBla';
	src: url('fonts/GothaProBla.eot');
	src: local('☺'), url('fonts/GothaProBla.woff') format('woff'), url('fonts/GothaProBla.ttf') format('truetype'), url('fonts/GothaProBla.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_GothaProReg';
	src: url('fonts/GothaProReg.eot');
	src: local('☺'), url('fonts/GothaProReg.woff') format('woff'), url('fonts/GothaProReg.ttf') format('truetype'), url('fonts/GothaProReg.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



html, body{
    width:100%;
    height:100%;
}
body{margin:0;font: 0.86em 'Conv_GothaProMed', tahoma, 'Helvetica CY', 'Nimbus Sans L', Sans-serif;color:#000;
background:url(files/22.png) right 40% no-repeat, url(files/33.png) left 60% no-repeat;
background-attachment: fixed;
line-height: 1.4;-webkit-font-smoothing: subpixel-antialiased;

}
.fl{float:left;}
.ar{text-align:right;}
.fr{float:right;}
.cl{clear:both}
.ac{text-align:center;}

form{margin:0;padding:0;}
input, select, textarea, button{outline:none;font: 1em 'Conv_GothaProMed', tahoma, 'Helvetica CY', 'Nimbus Sans L', Sans-serif;color:#000;}

strong, b{font-weight:normal;font-family: 'Conv_GothaProBol';}

a{outline:none;text-decoration:underline;color: #229376;cursor:pointer;}
a:hover{text-decoration:none;}
p, div.par{margin:15px 0}

img{border:0;max-width:100%;max-height:100%;}
img[align=left]{margin:2px 10px 10px 0;}
img[align=right]{margin:2px 0 10px 10px;}

header, section, aside, footer, article, time, nav{display:block;}
section, article, header, nav, aside{max-width:1920px;margin:0 auto;}

header{
   background:#f9ecdc;
   padding-bottom:10px;
   border-bottom:2px solid #f29427;
}
.title{
    margin:0 auto;
    padding:0 50px;
    max-width:1300px;
}
.rel{position: relative;}
.clear:after, .title:after{
    content:'';
    display:block;
    clear:both;
}
.logotype{
    float:left;
    padding:10px 30px 0;
}
.logotype img{max-width:80px;}
.slogan{
    font-family: 'Conv_GothaProReg';
    color:#4c3f2e;
    background:url(files/podlozhka.jpg) 0 0 no-repeat;
    background-size:100% 100% !important;
    float:left;
    padding:10px 30px 15px 20px;
    max-width:300px;
}
.address{
    float:right;
    margin-top:20px;
}
.phones{
    margin:20px 60px 0 0;
    float:right;
}
span.adr, .numbertel{
    text-decoration:none; color:#000;
    display:block;
    margin:3px 0;
}
span.adr{
    font-family: 'Conv_GothaProBol';
}
.numbertel.big{
    font-family: 'Conv_GothaProBol';
    font-size:1.2em;
}
.numbertel:hover{
    color:#229376
}
span.callback, a.sxema{
    cursor:pointer;
    color:#239376;
    position: relative;
    display: inline-block;
    padding-bottom:3px;
    border-bottom:2px solid #f29427;
    margin-left:25px;
    text-decoration:none;
}
span.callback:before, a.sxema:before{
    content:"";
    display: inline-block;
    left:-25px;
    top:0;
    width:14px;
    height:19px;
    background:url(files/phone.png) left center no-repeat;
    position: absolute;
}
a.sxema:before{
    background:url(files/map.png) left center no-repeat;
}
span.callback:hover, a.sxema:hover{
    border-color:#239376;
}
nav{
    border-bottom: 2px solid #f29427;
}
nav .title > ul{
    margin:0;
    padding:0;
    display:block;
}
nav .title > ul:after{content:'';display:block;clear:both;}
nav .title > ul > li{
    display:block;
    text-transform: uppercase;
    list-style:none;
    padding:0;
    float:left;
    margin:0;
    position: relative;
    font-family: 'Conv_GothaProBol';
}
nav .title > ul > li > a, nav .title > ul > li > span{
    padding:25px 15px;
    color:#614a90;
    display: inline-block;
    text-decoration:none;
    transition:0.2s;
}
nav .title > ul > li > a.str{
    background:url(files/menu-arrow.png) center 50px no-repeat;
    background-size:13px !important;
}
nav .title > ul > li:hover > a, nav .title > ul > li.act a{
    background:#f29427 !important;
    color:#fff;
}
nav .title > ul > li > span{color:#000;}
nav .title > ul > li ul.podmenu{
    display:none;
    position: absolute;
    background:#f29427;
    top:69px;
    left:0;
    right:0;
    z-index:20;
    min-width:430px;
    margin:0; padding:0;
}
hr{
    overflow: auto;
    height: 1px;
    border: 0;
    background: #ddd;
    margin: 20px 0;
}
/*
nav .title > ul > li:hover ul.podmenu{
    display:block; 
}
*/
nav .title > ul > li ul.podmenu li{
    display:block;
    list-style:none;
    margin:0; padding:0;
    border-top:1px solid #e2871d;
}
nav .title > ul > li ul.podmenu li:first-child{
    border-top:0;
}
nav .title > ul > li ul.podmenu li a{
    color:#fff;
    display:block;
    padding:10px 15px;
    text-decoration:none;
    text-transform:none;
    font-family: 'Conv_GothaProReg';
    transition:0.2s;
}
nav .title > ul > li ul.podmenu li a:hover{
    background:#229376;
}
.slider{
    background:url(files/slider-background.jpg) center no-repeat;
    background-size: contain !important;
    padding-bottom:52px;
}
.oneslide{
    position: relative;
}
.oneslide img{width:100%;height:auto;display:block;}
.oneslide:after{
    content:'';
    background:rgba(35, 147, 118, 0.28);
    position: absolute;
    z-index:1;
    left:0;
    top:0;
    bottom:0;
    width:100%;
}
.nakladka{
    position: absolute;
    z-index:2;
    left:50px;
    bottom:50px;
    color:#fff;
    width:50%;
}
.nakladka > p:first-child{
    font-size:4em;
    line-height:1;
    font-family: 'Conv_GothaProBla';
    text-shadow:0 0 30px #229376;
}
.btn, #makeorder{
    text-decoration:none;
    cursor:pointer;
    text-transform: lowercase;
    font-family: 'Conv_GothaProBol';
    display: inline-block;
    border:0;
    position: relative;
    white-space: nowrap;
    padding:0 57px 0 16px;
    color:#fff;
    height:43px;
    line-height:43px;
    background:#229376;
    transition:0.2s;
}
.btn:after, #makeorder:after{
    position: absolute;
    right:0;
    top:0;
    bottom:0;
    z-index:1;
    content:'';
    background:#f29427 url(files/arrow-right.png) center no-repeat;
    background-size:9px 13px !important;
    display:block;
    width:43px;
    height:43px;
}
.btn:hover, #makeorder:hover, .vakansii .btn:hover{
    background:#614a90;
    box-shadow:none;
}
#makeorder, .flipper .front > div .btn{
    box-shadow:0 8px 20px rgba(0,0,0,.24);
}
aside{
    background:#229376;
    color:#fff;
    padding:50px 0;
}
span.header{
    text-align:center;
    display:block;
    font-size:2.2em;
    font-family: 'Conv_GothaProBla';
    margin:14px 0 0;
}
span.header:after{
    margin:10px auto 30px auto;
    content:'';
    display: block;
    height:5px;
    width:80px;
    background: rgb(34,147,118);
    background: -moz-linear-gradient(left,  rgba(34,147,118,1) 0%, rgba(97,74,144,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(34,147,118,1) 0%,rgba(97,74,144,1) 100%);
    background: linear-gradient(to right,  rgba(34,147,118,1) 0%,rgba(97,74,144,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#229376', endColorstr='#614a90',GradientType=1 );
}
aside form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width:1000px;
    margin:0 auto;
}
aside form > div{
    width:24%;
}
aside form > div input{
    background:#fff;
    border:0;
    width:95%;
    height:41px;
    padding-left:15px;
    width:calc(100% - 15px);
    color:#000;
}
aside form > div input:focus{box-shadow:0 0 10px rgba(0,0,0,.4);}
aside form > div input::-webkit-input-placeholder {color: #f29427;}
aside form > div input::-moz-placeholder {color: #f29427;}
aside form > div input:-ms-input-placeholder {color: #f29427;}
aside form > div input:-moz-placeholder {color: #f29427;}

aside .btn, .vakansii .btn{background:#f29427;box-shadow:0 8px 20px rgba(0,0,0,.24);}
aside .btn:after, .vakansii .btn:after{background:#fff url(files/green-arrow.png) center no-repeat;}



footer{
    padding:50px 0;
    background:#fff url(files/44.png) right center no-repeat;
}
.flogo{
    float:left;
    width:70px;
    height:115px;
    margin:0 50px 0 0;
    background:url(files/footer-logo.png) 0 0 no-repeat;
    background-size:100% auto !important;
}
.fmenu{
    float:left;
    width:calc(50% - 120px);
}
.fmenu ul{
    margin:0; padding:0;
}
.fmenu ul li{
    margin:0 0 15px 0;
    padding:0;
    list-style:none;
}
.fmenu ul li a:hover{
    color:#000;
    text-decoration:none;
}
footer .title + .title{
    padding-top:40px;
    color:#999;
}
.copyright{
    float:left;
    width:45%;
}
.social{
    float:right;
    width:25%;
}
.social div{
    margin-bottom:5px;
}

a.instagram{background:url(files/insta.png) left center no-repeat;padding:3px 0 3px 30px;
    display: inline-block;}
a.facebook{background:url(files/facebook.png) 5px center no-repeat;padding:3px 0 3px 30px;
    display: inline-block;}

.content{
    padding-top:30px !important;
    padding-bottom: 40px !important;
}

.path{
    font-size:0.9em;
    font-family: 'Conv_GothaProReg';
    margin-bottom:30px;    
}
.path ol{margin:0;padding:0;}
.path ol li{margin:0;padding:0;list-style:none;display: inline;}
.path a{text-decoration:none;}
.path a:hover{color:#000;}
.w50{width:47.5%;margin-right:2.5%;}

.art{
    float:right;
    width:25%;
}
.art a{
    display:inline-block;
    font-size:12px;
    text-decoration:none;
    padding-left:47px;
    background:url(files/art.png) left center no-repeat;
    width:115px;
}
footer .phones, footer .address{margin:0;width:25%;}

.post{
    margin:0 0 100px 0;
    line-height:1.6;
}
h1, h2, h3, h4, .zagl{
    font-weight:normal;
    margin:10px 0;
    font-family: 'Conv_GothaProBla';
    display:block;
    padding:20px 0 20px 50px;
    background:url(files/dol.png) left center no-repeat;
    background-size:auto 60px !important;
    font-size:2.5em;
    line-height:1;
}
h2{
    font-size:2.5em;
}
h3{
    font-size:2.2em;
}
h4, .zagl{
    font-size:1.5em;
    padding:0;
    margin:20px 0;
    background:none;
}
.rightmenu{
    margin-top:90px;
    float:right;
    width:345px;
    padding-bottom:300px;
    background:url(files/man.jpg) center bottom no-repeat;
    background-size:100% auto;
}
.rightmenu ul{margin:0 0 0 50px;padding:0;}
.rightmenu ul li{
    list-style:none;
    background:url(files/arrow.png) left center no-repeat;
    margin: 0 0 12px 0;
    padding:0 0 0 30px;
    display:block;
    background-size:9px 10px !important;
}
.rightmenu ul li a{
    display: inline-block;
    padding-bottom:3px;
    border-bottom:1px solid #f29427;
    text-decoration:none;
}
.rightmenu ul li a:hover, .rightmenu ul li a.act{
    border-color:#fff;
    color:#000;
}
.rightmenu.empty{
    padding-bottom: 30px;
    background:none;
}
blockquote{
    color:#614a90;
    padding-left:50px;
    margin:50px 0 50px 50px;
    min-height:60px;
    font-family: 'Conv_GothaProBla';
    font-size:1.15em;
    background:url(files/1.png) left center no-repeat;
 }
#pluses, .pluses{
    margin:30px 0;
    width:100%;
    border-collapse: collapse;
}
#pluses td, .pluses td{
    width:33.33%;
    vertical-align:top;
    padding:30px 30px 30px 50px;
    background:#f5ebdd;
}
#pluses td:nth-child(even), .pluses td:nth-child(even){
    background:#e9dccb;
}
#pluses td strong, .pluses td strong{
    font-family: 'Conv_GothaProBla';
    font-size:1.3em;
}
#pluses td ul, #pluses td ol, .pluses td ul, .pluses td ol{
    margin:15px 0;
    padding:0;
}
#pluses td li, .pluses td li{
    list-style:none;
    padding-left:47px;
    margin:20px 0;
}
#pluses td ul li, .pluses td ul li{
    background:url(files/minus.gif) left center no-repeat;
    background-size:auto 3px !important;
}
#pluses td ol li, .pluses td ol li{
    background:url(files/plus.png) left center no-repeat;
    background-size:20px 20px !important;
}
.gallery{margin-bottom:40px;}
.gallery .bor{width:130px; height:100px; position: relative;}
.gallery .bor img{
    display:block;
    position: absolute;
    z-index:1;
    left:50%;
    top:50%;
    max-height:80px;
    max-width:80px;
    transform: translate(-50%,-50%);
}
#links, .links{
    width:100%;
    border-collapse: separate;
    border-spacing:18px;
    table-layout: fixed;
}
#links td, .links td{
    vertical-align: bottom;
    padding:10px 30px;
    border:1px solid #dec8ac;
    text-align:center;
    background: rgb(255,250,244);
    background: -moz-linear-gradient(left,  rgba(255,250,244,1) 0%, rgba(251,242,229,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(255,250,244,1) 0%,rgba(251,242,229,1) 100%);
    background: linear-gradient(to right,  rgba(255,250,244,1) 0%,rgba(251,242,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffaf4', endColorstr='#fbf2e5',GradientType=1 );
    font-size:1.1em;
}
.vakansii{
    margin-top:40px;
background: rgb(249, 236, 220); /* Old browsers */
background: -moz-linear-gradient(left,  rgb(249, 236, 220) 49%, rgb(252, 229, 179) 49%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgb(249, 236, 220) 49%,rgb(252, 229, 179) 49%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgb(249, 236, 220) 49%,rgb(252, 229, 179) 49%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ebdd', endColorstr='#f4e3b2',GradientType=1 ); /* IE6-9 */

}
.vakansii .clear{
    min-height:450px;
    background:url(files/man-girl.jpg) center bottom no-repeat;
}
.vakansii .w49{
    width:20%;
    font-size:1.1em;
    padding:50px;
}
.vakansii .w49.fr{
    text-align:right;
}
#karera-v-kompanii{
    margin-bottom:0;
}
.flex{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.flip-container {
    float: left;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px;
    width:30%;
    height:395px;
    margin:20px 0;
    box-shadow:10px 10px 0 #ffeed8;
}
.flipper, .flipper .front, .flipper .back{
    height: inherit;
    width:100%;
}
.flipper {
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    
}
.flipper .front, .flipper .back {
    position: absolute;
    top: 0;
    left: 0;
    background-size: 100% auto !important;
    color: #fff;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.flipper .front > div{
    background:#229376;
    color:#fff;
    bottom:0;
    left:0;
    right:0;
    padding:20px;
    position: absolute;
    z-index:1;
    font-size:1.1em;
    text-align:center;
}
.flipper .front > div .btn{
    background:#f5ebdd;
    color:#229376;
    
}
.flipper .back {
    color:#b49fdd;
    background: #614a90;
    opacity: 0;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flipper .back .inner {
    padding: 33px 50px 20px 50px;
}
.flipper .back .inner p{
    color:#fff;
    text-align:center;
}
nav.navi{
    top:0;
    left:0;
    width:100%;
    position: fixed;
    z-index:100;
        background: rgba(255,255,255,.9);
    border-bottom: 1px solid #f29427;
}
.formobile{
    padding:0 20px;
    display:none;
    height:50px;
}
.bars{
    cursor:pointer;
    background:url(files/bars.png) left center no-repeat;
    height: inherit;
    width:40px;
    float:left;
    background-size:25px !important;
}
.tels, .lang, .addr{
    height: inherit;
    line-height:50px;
    width:40px;
    float:right;
    text-align: center;
}
.lang a{
    text-decoration:none;
}
.addr{
    display:none;
    background-size:20px !important;
    background:url(files/karta.png) center no-repeat;
}
.tels{
    display:none;
    background-size:25px !important;
    background:url(files/tel.png) center no-repeat;
}
#window, #window1{
    background:#f6eced;
    width:200px;
    padding:30px 50px;
    position: fixed;
    z-index:255;
    left:50%;
    box-shadow:0 0 60px rgba(0,0,0,.3);
    margin-left:-150px;
    transition:0.5s;
    font-size:1.2em;
    text-align:center;
    font-family: 'Conv_GothaProBol';
}
#window1{
    background-color:#fff;
    background-repeat: no-repeat;
    background-position: left bottom;
    width:600px;
    
    margin-left:-350px;
    font-size:1.1em;
    text-align:left;
    
    
}
.hhde{top:-700px;}
.hhdw{top:50px;}
.close{
    cursor:pointer;
    transition:0.3s;
    width:30px;
    height:30px;
    background:url(files/close.png) center no-repeat;
    display: inline-block;
    background-size:25px !important;
}
.close:hover{
    transform: rotate(90deg);
}
#table, .tablica{
    width:100%;
    border-collapse: collapse;
    
}
#table tbody tr:first-child td, .tablica tbody tr:first-child td{
    color:#614a90;
    font-size:0.9em;
    border-bottom:2px solid #614a90;
}
#table tbody tr:nth-child(even) td, .tablica  tbody tr:nth-child(even) td{
    background: #f3eefc;
}
#table tbody tr td, .tablica tbody tr td{
    border-bottom:1px solid #614a90;
}
.content > ul, .pons ul{
    margin:15px 0;
    padding:0;
}
.content > ul > li, .pons ul > li{
    margin:14px 0;
    list-style:none;
    padding:0 0 0 30px;
    background: url(files/galka.png) left center no-repeat;
    background-size:17px 17px !important;
}
.purpletext{
    color:#614a90;
    font-family: 'Conv_GothaProBol';
    font-size:1.1em;
}
.smallgraytext{
    color:#999;
    font-size:0.9em;
}
.insider{
    margin:30px 0;
    background-position: 0 0;
    background-repeat:no-repeat;
    background-size: 45% auto !important;
}
.pons{
    width:50%;
    floaT:right;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.32+0,1+37 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0.32) 0%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0.32) 0%,rgba(255,255,255,1) 37%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0.32) 0%,rgba(255,255,255,1) 37%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

}
.otvet{
    display:none;
    margin:20px 0 20px 35px;
}
.rightmenu .zagl{margin-left:50px;}
.vopros{
    padding:10px 0 10px 35px;
    position: relative;
    color:#f29427;
    cursor:pointer;
    font-family: 'Conv_GothaProBol';
    font-size:1.15em;
    text-decoration: underline;
}
.vopros:hover{text-decoration:none;}
.vopros.act{
    color:#000;
    text-decoration:none;
}
.vopros:before{
    content:'';
    left:0;
    background:#f29427 url(files/pd.png) center no-repeat;
    border-radius:100%;
    width:25px;
    height:25px;
    top:9px;
    background-size:11px !important;
    display:block;
    position: absolute;
}
.vopros.act:before{
    background:#000 url(files/up.png) center no-repeat;
}
.vopros.act + .otvet{display:block;}
.bottomms{
    margin:30px 0;
    text-align:center;
}
.bottomms a, .bottomms span{
    display: inline-block;
    margin:4px;
    width:40px;
    height:40px;
    line-height:40px;
    background:#f29427;
    color:#fff;
    text-decoration:none;
    font-size:1.15em;
}
.bottomms span, .bottomms a:hover{
    background:#614a90;
}
#mytable{display:none; width:100%;}

.field{
    padding:10px;
    width:calc(100% - 22px);
    border:1px solid #229376;
    background:#fff;
}
.field:focus{
    box-shadow:0 0 5px #229376;
}
#window1 .big{font-size:1.2em;font-family: 'Conv_GothaProBla';}

@media screen and (max-width: 1380px) {
    .title{padding:0 20px;}
    .slider .title{padding:0;}
    .nakladka > p:first-child{font-size:3em;}
    nav .title > ul > li{text-transform:none;}
    .logotype{padding-left:20px;}
    body{background:#fff;}
}
@media screen and (max-width: 1200px) {
    .post{margin-bottom:50px;}
    blockquote{margin-left:0;}
    .flip-container{width:31.5%;height:320px;}
    .flipper .front > div{padding:10px;}
    h1, h2{font-size:2em;}
}
@media screen and (max-width: 1150px) {
    #links, .links{
        display:block;
        border-spacing:0;
    }
    #links tbody, #links tr, .links tbody, .links tr{display:block;}
    #links tr:after, .links tr:after{content:'';clear:both;display:block;}
    #links td, .links td{margin:15px 0;width:calc(49% - 65px) !important;float:left;height:200px;}
    #links tr td:nth-child(even), .links tr td:nth-child(even){float:right;}
    nav .title > ul > li > a, nav .title > ul > li > span{padding:20px 10px;}
    .phones{margin-right:30px;}
    .slogan{padding-left:0;}
    #pluses td, .pluses td{padding: 20px 20px 20px 30px;}
    aside{padding:20px 0 40px;}
    nav .title > ul > li > a.str{background-position: center 42px;}
    nav .title > ul > li ul.podmenu{top:60px;}
    .content table{width:auto !important; }
    .content table img{width:auto;height:auto;}
}
@media screen and (min-width: 1024px) {
    .flip-container:hover .flipper {
    cursor: pointer;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.flip-container:hover .back {
    opacity: 1;
}
}

@media screen and (max-width: 1024px) {
    span.header{font-size:1.5em;}
    nav .title > ul > li ul.podmenu{position: static;}
    nav .title > ul > li > a.str{background-position:95% center;}
    .vakansii{background:none;}
    .vakansii .w49{float:none;width:auto;min-height:320px;}
    .vakansii .clear{min-height:0;background: none;}
    .vakansii .w49.fl{
         
        background:rgba(245,235,221,1) url(files/men.jpg) 96% bottom no-repeat;
    }
    .vakansii .w49.fr{
        background:rgba(244,227,178,1) url(files/girl.jpg) 20px bottom no-repeat;
    }
    aside form > div{width:49%;margin:5px 0;}
    .formobile{display:block;}
    nav .navigation{
        display:none; padding:0;
    }
    .lng{display:none !important}
    .navigation ul, .navigation ul li{margin:0;padding:0;float:none !important;}
    .navigation ul li a{display:block !important;padding:10px 20px !important;}
    
    .logotype{padding:20px 20px 0 0;}
    .slogan{font-size:0.9em;padding:20px 0;background:none;}
    .logotype img{max-width:50px;}
    .address, .phones{margin-top:20px;}
    header {padding-bottom:10px;border-bottom: 1px solid #f29427;}
}
@media screen and (max-width: 950px) {
    .flip-container{width:48%;}
}
@media screen and (max-width: 900px) {
    .addr, .tels{display:block;}
    header .phones, header .address{
        padding:15px 20px 5px;
        border-radius:10px;
        position: fixed;
        margin:0;
        z-index:101;
        right:20px;
        background:#fff;
        top:190px;
        box-shadow:0 0 40px rgba(0,0,0,.15);
        display:none;
    }
    .slogan{width:calc(100% - 70px);max-width:100%;}
}
@media screen and (max-width: 820px) {
    #pluses tbody, #pluses, #pluses tbody tr, .pluses tbody, .pluses, .pluses tbody tr{display:block;}
    #pluses td, .pluses td{width:auto !important;display:block;}
}
@media screen and (max-width: 780px) {
    #komanda, #komanda tbody, #komanda tr, #komanda td{display:block;}
    #komanda tbody tr td{width:100% !important;padding:15px 0 !important;background-size: cover !important}
    .flogo{margin-right:20px;}
    .fmenu{width:calc(100% - 90px);}
    .copyright{width:100%;padding-bottom:30px;}
    footer .phones, footer .address{width:100%;clear:both;padding-top:30px;}
    .art, .social{width:50%;}
    .vakansii .zagl, .vakansii p{max-width:70%;}
    .vakansii .w49.fr .zagl, .vakansii .w49.fr p{float:right;}
}
@media screen and (max-width: 730px) {
    .rightmenu{background:none;float:none;margin:0 0 35px;width:100%;padding-bottom:0;}
    .rightmenu ul, .rightmenu .zagl{margin-left:10px;}
    .nakladka > p:first-child{font-size:2em;}
    .nakladka{left:30px;bottom:20px;}
    .pons{width:100%;background:#fff;padding-top:15px;margin-top:200px;}
    .insider{background-size:100% auto !important;}
    #window1.hhdw{top:0;}
    #window1{left:0;right:0;width: auto;margin-left:0;padding:20px;}
}
@media screen and (max-width: 630px) {
   aside form > div, .flip-container{width:100%;}
   .vakansii .w49{background-size: auto 80% !important;padding:20px 30px;}
   h1, h2, h3{font-size:1.8em;}
   .nakladka > p:first-child{font-size:1.5em;}
   #links td, .links td{height:auto;}
   .w50{width:100%;margin-bottom:30px;margin-right:0;}
}
@media screen and (max-width: 530px) {
    #window1 .popup{
        padding-left:0 !important;
        background-image: none !important;
    }
}

@media screen and (max-width: 430px) {
    .vakansii .zagl, .vakansii p{max-width:90%;}
    .vakansii .w49.fr{
        background-position: -40px bottom !important;    
    }
    .vakansii .w49.fl{
        background-position: 120% bottom !important;    
    }
    .vakansii .w49{min-height:250px}
    .vakansii .w49 .zagl{font-size:1.3em;}
    header{padding-bottom:0;}
    header .phones, header .address{left:20px;}
    .art, .social{width:100%;}
    .social{padding-top:30px;}
    .tablica td{font-size:0.9em;}
    .otvet{margin:10px 0 20px 0;}
    h1, h2, h3{font-size:1.6em;}
    .nakladka{width: auto;right:20px;}
    .nakladka > p:first-child{font-size:1.3em;}
    .slider{padding-bottom:0;background:none;}
    #window1.hhdw{max-height:500px;overflow-y: auto;}
}
/*
     FILE ARCHIVED ON 21:50:41 Jan 06, 2026 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 17:20:15 Jul 19, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.517
  exclusion.robots: 0.042
  exclusion.robots.policy: 0.031
  esindex: 0.009
  cdx.remote: 44.867
  LoadShardBlock: 61.067 (3)
  PetaboxLoader3.datanode: 72.769 (4)
  load_resource: 78.983
  PetaboxLoader3.resolve: 45.054
*/