@font-face{font-family:"Verdana Alternative";font-style:normal;font-weight:400;src:url("../fonts/verdana.woff") format("woff"), url("../fonts/verdana.ttf") format("truetype");}
@font-face{font-family:"Courier New Alternative";font-style:normal;font-weight:400;src:url("../fonts/cour.woff") format("woff"), url("../fonts/cour.ttf") format("truetype");}
@keyframes updown{from{background-position:center 30%;}
50%{background-position:center 70%;}
to{background-position:center 30%;}
}
body{background-color:rgb(36, 36, 36);margin:0px;padding:0px;font-size:0px;font-family:Verdana, "Verdana Alternative";overflow-x:hidden;height:100vh;line-height:1.4;color:rgb(38, 38, 38);}
div{vertical-align:middle;}
input, textarea{font-size:14px;font-family:Verdana, "Verdana Alternative";padding:10px 20px 11px;width:200px;border:2px solid rgb(238, 238, 238);transition:all 0.5s ease;display:block;margin:0px auto 15px auto;}
textarea{height:180px;}
input:focus, textarea:focus{border-color:rgba(50, 147, 255, 0.45);}
section{position:relative;width:100%;margin:0px 0px 0px auto;overflow:hidden;}
section:nth-child(2n){background-color:white;z-index:1;}
.content{padding:0px 10%;min-height:100vh;position:relative;z-index:1;pointer-events:auto;text-align:center;}
h1{text-align:center;color:white;text-transform:uppercase;font-weight:bold;line-height:1.3;max-width:60vw;font-size:2.5vw;margin:0px auto;text-shadow:0 0 50px black;}
h2{text-align:center;color:rgb(25, 25, 25);text-transform:uppercase;font-weight:bold;line-height:1.3;font-size:36px;padding:60px 0px 5px 0px;margin:0px;}
h3{margin:0px;padding:0px 0px 60px;font-size:16px;text-align:center;color:rgba(0, 0, 0, 0.3);font-weight:normal;}
.blur{filter:blur(3px);}
header{position:fixed;left:0px;top:0px;width:100%;z-index:1000;}
section iframe{width:calc(100% - 70px);height:70vh;margin:0px 0px 0px 70px;min-height:350px;min-height:450px;}
.menu_logo{background-image:url(../img/logomini.png);position:absolute;width:80px;height:40px;background-repeat:no-repeat;background-size:100% auto;cursor:pointer;background-position:left top;left:30px;top:30px;z-index:10;transform-origin:0px 0px;transition:all 0.3s ease;}
a:link, a:hover, a:visited, a:active{color:inherit;text-decoration:none;color:rgb(50, 146, 255);}
.menu_horizontal{position:absolute;font-size:16px;font-family:Courier New, "Courier New Alternative";left:0px;top:0px;width:100%;text-align:center;padding-top:30px;transition:all 0.3s ease;}
.menu_horizontal a{color:white;display:inline-block;background-repeat:no-repeat;background-size:0px;position:relative;white-space:nowrap;}
.menu_horizontal a::before{content:' > ';opacity:0.3;margin:0px 4px;}
.menu_horizontal_container{}
.menu_horizontal_container::before{content:'uralbyte:';color:rgb(0, 141, 255);}
.next_container{position:absolute;z-index:10;bottom:0px;left:0px;text-align:center;width:100%;padding-bottom:30px;}
.next{display:inline-block;background-image:url(../img/down.png);width:80px;height:60px;background-size:50%;background-repeat:no-repeat;cursor:pointer;background-position:center;left:calc(50% - 30px);top:-40px;}
.on_scroll .menu_horizontal{transform:translate(0px, -150%);}
.menu_vertical{position:absolute;z-index:5;left:0px;top:0px;height:calc(100vh - 90px);background-color:rgba(31, 31, 31, 0.88);padding:90px 15px 0px 15px;transition:all 0.3s ease;transform:translate(-100%, 0px);}
.menu_vertical_container{}
.menu_button{display:block;width:40px;margin:10px 0px 0px 0px;height:40px;position:relative;background-repeat:no-repeat;background-size:0px;border-radius:3px;transition:all 0.3s ease;cursor:pointer;}
.icon_up{position:absolute;bottom:15px;}
.on_scroll .menu_vertical{transition:;transform:translate(0%, 0px);}
.menu_logo::after{font-family:Courier New, "Courier New Alternative";font-size:17px;font-weight:bold;position:absolute;left:0px;top:100%;color:rgb(9, 140, 217);transition:all 0.3s ease;display:block;color:rgba(255, 255, 255, 0.21);transform:translate(0px, 0%);opacity:1;}
.on_scroll .menu_logo::after{transform:translate(0px, -100%);opacity:0;}
.buttons_container{padding-top:3vw;position:relative;z-index:1;text-align:center;}
.button{font-size:14px;display:inline-block;font-family:Verdana, "Verdana Alternative";color:white;margin:0px 10px;padding:10px 26px 12px;border:2px solid rgba(255, 255, 255, 0.2);background-color:rgba(0, 0, 0, 0);background-image:linear-gradient(to right bottom, rgba(18, 117, 255, 0.85), rgba(0, 173, 255, 0.85));cursor:pointer;transition:all 0.3s ease;background-size:110% 110%;background-position:center;white-space:nowrap;}
.transparent{background-image:none;background-color:rgba(0, 0, 0, 0.13);border-color:rgba(255, 255, 255, 0.3);}
.center_contaner{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.menu_button::before{content:'';display:block;position:absolute;left:20%;top:20%;background-image:inherit;background-size:contain;background-position:center;background-repeat:no-repeat;width:60%;height:60%;}
.on_scroll .menu_logo{transform:rotate(90deg) translate(-15px, -25px) scale(0.8);transform:rotate(90deg) translate(-10px, -20px) scale(0.8);}
.on_scroll section{}
.background{background-size:cover;background-repeat:no-repeat;background-position:center;position:absolute;left:0px;top:calc(50% - 50vh);width:100%;height:100%;z-index:0;top:0px;background-color:rgb(42, 42, 42);}
footer{background-color:rgb(36, 36, 36);padding:60px 10%;position:relative;text-align:center;}
.main .background{background-image:url(../img/main.jpg);}
.main .background::before{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;background-color:rgba(42, 42, 42, 0.7);background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent 30%, transparent 70%, rgba(0, 0, 0, 0.5));}
.vacancies .background{background-image:url(../img/vacancies.jpg);}
.vacancies .background::before{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;background-color:rgba(42, 44, 46, 0.83);background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.6), transparent 30%), linear-gradient(to bottom, rgba(0, 145, 212, 0.1), transparent 40%, transparent 60%, rgba(0, 114, 255, 0.1));}
.vacancies h2{color:white;text-shadow:0 0 50px rgb(0, 0, 0);}
.vacancies h3{color:rgba(255, 255, 255, 0.35);}
.header .content{min-height:auto;height:20vw;}
.header .background{background-color:rgb(42, 42, 42);}
.header .background::before{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;background-color:rgba(42, 42, 42, 0.7);background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent 50%);}
.parallax{}
.parallax section{}
.parallax .background{}
.parallax .content{}
.parallax .main .content{}
.icon_home{background-image:url(../img/icon_home.png);}
.icon_about{background-image:url(../img/icon_about.png);}
.icon_vacancies{background-image:url(../img/icon_vacancies.png);}
.icon_contacts{background-image:url(../img/icon_contacts.png);}
.icon_up{background-image:url(../img/icon_up.png);}
.icon_next{background-image:url(../img/icon_next.png);}
.icon_prev{background-image:url(../img/icon_prev.png);}
.vacancy{background-color:rgba(0, 0, 0, 0.4);overflow:hidden;width:80%;max-width:300px;margin:0px 30px 0px;height:400px;display:inline-flex;flex-direction:column;display:none;max-height:100vw;white-space:normal;}
.vacancy_pic{background-color:rgba(126, 126, 126, 0.51);height:120px;background-size:cover;background-position:center;}
.vacancy_data{background-color:white;padding:0px 30px;position:relative;flex:1;overflow:hidden;}
.vacancy_title{font-size:18px;font-weight:bold;font-family:Arial;padding:20px 0px 13px;line-height:1.2;}
.vacancy_description{font-size:12px;color:grey;}
.vacancy_controls{position:absolute;z-index:1;bottom:0px;left:0px;width:100%;padding:40px 0px 20px 0px;background-image:linear-gradient(to bottom, transparent, white 20%);}
.vacancy_header::before{content:'>: ';opacity:0.3;font-family:Courier New, "Courier New Alternative";}
.vacancies_container{position:relative;white-space:nowrap;}
.content_table{display:table;width:100%;height:100vh;}
.content_row{display:table-row;}
.content_cell{display:table-cell;}
.content_row:first-of-type .content_cell{vertical-align:top;height:50px;}
.content_row:last-of-type .content_cell{padding-bottom:130px;}
.logo{display:inline-block;width:100%;max-width:300px;height:100px;background-image:url(../img/logo.png);background-size:contain;background-position:center;background-repeat:no-repeat;margin:60px 0px 25px;}
.description{font-size:14px;max-width:700px;margin:0px auto;color:rgb(68, 68, 68);}
.description_top{font-size:18px;}
.details_container{padding:30px 0px;}
.details_item{display:inline-block;width:100%;max-width:200px;vertical-align:top;margin:30px;}
.details_item_title{font-size:12px;color:grey;}
.details_item_pic{display:block;margin:0px auto;width:100%;height:0px;padding-bottom:50%;background-size:contain;background-position:center;background-repeat:no-repeat;}
.details_item_title::before{content:'';display:block;margin:30px auto 20px;width:20%;height:3px;background-color:rgb(10, 136, 223);}
.windows_background.show{opacity:1;visibility:visible;}
.windows_background{position:fixed;z-index:99999;width:100%;height:100%;left:0px;top:0px;background-color:rgba(13, 13, 13, 0.7);transition:all 0.5s ease;opacity:0;visibility:hidden;}
.window_container{position:fixed;left:0px;top:0px;width:100%;height:100%;overflow-x:hidden;overflow-y:hidden;z-index:100000;text-align:center;transition:all 0.5s ease;opacity:0;visibility:hidden;}
.window_show{opacity:1;visibility:visible;}
.window{display:inline-block;margin:70px 0px;box-shadow:0 0 200px rgba(0, 0, 0, 0.42);transform:translate(0px, 60px);transition:all 0.3s ease-out;max-width:940px;width:90%;}
.window_title{background-color:rgba(38, 38, 38, 0.9);font-size:24px;color:rgb(255, 255, 255);font-family:Arial;text-align:left;padding:21px 70px 40px;position:relative;font-weight:bold;}
.window_content{font-size:14px;color:rgb(80, 80, 80);background-color:white;padding:30px 70px 50px;text-align:left;}
.window_container::before{content:'';display:inline-block;width:0px;height:100%;vertical-align:middle;}
.window_title::before{content:'';display:block;width:20px;height:20px;background-color:rgb(15, 114, 253);position:absolute;left:28px;top:calc(50% - 10px);top:28px;}
.window_show .window{transform:translate(0px, 0px);}
.window_content_controls{text-align:center;padding:20px 0px 0px 0px;}
.window_content_description{font-size:16px;padding:0px 0px 28px 0px;}
.window_content_details p{padding:0px 0px 0px 0px;margin:0px;font-size:16px;color:rgb(50, 146, 255);}
.window_content_details ul{padding:10px 0px 25px 40px;margin:0px;}
.window_content_details li{padding:3px 0px 3px 5px;margin:0px;color:rgb(98, 98, 98);}
.window_close{position:absolute;width:28px;height:28px;cursor:pointer;top:15px;right:15px;z-index:10;opacity:0.4;transition:all 0.3s ease;}
.window_close::before{content:'';width:100%;height:0px;background-color:;position:absolute;border:1px solid rgb(255, 255, 255);top:50%;left:0px;border-left:none;border-right:none;transform:translate(0px, -50%) rotate(45deg);}
.window_close::after{content:'';width:100%;height:0px;background-color:;position:absolute;border:1px solid rgb(255, 255, 255);top:50%;left:0px;border-left:none;border-right:none;transform:translate(0px, -50%) rotate(-45deg);}
.window_close:hover{opacity:0.8;}
.vacancy_header{font-size:16px;color:rgb(255, 255, 255);display:block;text-align:left;padding:14px 10px 25px 20px;font-family:Courier New, "Courier New Alternative";}
.map_overlay_container{width:100%;background-color:rgb(36, 36, 36);position:relative;display:inline-block;min-height:30vh;}
.map_overlay_box{background-color:white;width:60%;max-width:700px;padding:40px 50px 100px 50px;box-shadow:0 0 150px rgba(0, 0, 0, 0.2);pointer-events:auto;z-index:5;transition:all 0.3s ease;margin:-30px auto 10px auto;position:relative;}
.box_decoration{display:block;width:20px;height:20px;background-color:rgb(15, 114, 253);position:absolute;left:10px;top:10px;}
.box_decoration:nth-child(2){top:auto;bottom:10px;background-color:rgb(0, 141, 255);}
.box_decoration:nth-child(3){left:auto;top:auto;right:10px;bottom:10px;background-color:rgb(0, 169, 255);}
.map_overlay_line{font-size:14px;padding:4px 0px 10px 35px;text-align:left;background-repeat:no-repeat;background-size:0px;position:relative;}
.icon_address{background-image:url(../img/icon_address.png);}
.map_overlay_line::before{display:inline-block;content:'';width:22px;height:22px;background-image:inherit;background-size:contain;background-position:center;background-repeat:no-repeat;opacity:0.3;vertical-align:middle;margin:0px 13px 2px 0px;position:absolute;left:0px;top:4px;}
.icon_call{background-image:url(../img/icon_call.png);}
.icon_mail{background-image:url(../img/icon_mail.png);}
.naaks_logo{position:absolute;right:40px;bottom:40px;opacity:0.2;}
.footer_logo{height:100px;background-image:url(../img/logo.png);background-size:auto 50%;background-repeat:no-repeat;background-position:center top;filter:grayscale(1) invert(1);opacity:0.1;}
.footer_item{font-size:16px;color:white;display:inline-block;margin:10px 20px;}
.copyright{font-size:11px;color:rgba(255, 255, 255, 0.15);padding-top:30px;}
.copyright::before{content:'Copyright © 2018 uralbyte.ru';display:block;}
.copyright::after{content:'All rights reserved';display:block;}
.admin .content_cell{vertical-align:top;}
.button:hover{background-color:rgb(15, 114, 253);}
.transparent:hover{background-color:rgba(15, 114, 253, 0.5);}
.menu_horizontal a::after{content:'';display:block;position:absolute;width:calc(100% - 12px);height:calc(100% + 8px);background-color:rgba(0, 0, 0, 0.3);z-index:-1;top:50%;left:20px;transform:translate(0px, -50%);border-radius:3px;transition:all 0.3s ease;opacity:0;}
.menu_horizontal a:hover::after{opacity:1;}
.menu_button:hover{background-color:rgba(0, 0, 0, 0.3);}
.menu_label{position:absolute;font-family:Courier New, "Courier New Alternative";font-size:14px;color:white;white-space:nowrap;background-color:rgba(8, 102, 213, 0.9);left:100%;top:50%;transform:translate(0px, -50%);padding:6px 15px 7px;opacity:0;transition:all 0.3s ease;visibility:hidden;}
.menu_label::before{content:'';position:absolute;left:-16px;width:0px;height:0px;border:8px solid transparent;border-right-color:rgba(8, 102, 213, 0.9);top:calc(50% - 8px);}
.on_scroll .menu_button:hover .menu_label{transform:translate(24px, -50%);opacity:1;visibility:visible;}
.admin_table{display:table;width:100%;height:100vh;}
.admin_left{display:table-cell;background-color:rgb(47, 47, 47);vertical-align:top;width:350px;position:relative;}
.admin_right{display:table-cell;font-size:14px;padding:40px 10vw 40px 50px;vertical-align:top;text-align:left;}
.admin_menu{font-size:14px;color:rgb(255, 255, 255);text-align:left;padding:15px 20px 15px 90px;border-bottom:1px solid rgba(0, 0, 0, 0.26);border-top:1px solid rgba(255, 255, 255, 0.08);}
.admin_submenu{font-size:12px;color:rgb(122, 122, 122);text-align:left;padding:10px 20px 10px 100px;border-bottom:1px solid rgba(0, 0, 0, 0.26);border-top:1px solid rgba(255, 255, 255, 0.08);}
.admin .content{padding-left:0px;padding-right:0px;}
.admin .content_cell{padding-bottom:0px !important;}
.admin_left::before{content:'';position:absolute;left:0px;top:0px;width:70px;height:100%;background-color:rgb(39, 39, 39);z-index:1;border-right:1px solid rgba(255, 255, 255, 0.04);}
.admin_left a:first-of-type .admin_menu{border-top:none;}
.admin_right h2{text-align:left;padding-top:0px;font-size:26px;}
.admin_right h3{text-align:left;}
.form_line{display:table-row;}
.form_cell{display:table-cell;padding-right:20px;width:10px;color:rgb(85, 85, 85);padding-bottom:20px;white-space:nowrap;vertical-align:top;padding-top:10px;}
.form_cell input, .form_cell textarea{margin:0px;width:300px;width:calc(100% - 44px);}
.form_cell:last-of-type{width:auto;padding-right:0px;text-align:left;padding-top:0px;}
.admin_right form{margin-bottom:50px;}
.go_to_admin{position:absolute;right:36px;top:20px;width:40px;height:40px;background-image:url(../img/icon_settings.png);z-index:100;background-size:60% auto;background-position:center;background-repeat:no-repeat;opacity:1;}
.form_table{display:table;width:100%;}
.admin_vacancy{padding:20px 30px 20px 100px;color:rgb(56, 56, 56);border-bottom:1px solid rgba(0, 0, 0, 0.09);background-color:rgb(245, 245, 245);background-size:0px;background-repeat:no-repeat;overflow:hidden;position:relative;}
.image_selector{white-space:normal;}
.photo_pic{display:inline-block;width:80px;height:60px;margin:8px 8px 0px 0px;background-size:cover;background-position:center;cursor:pointer;background-color:grey;}
.prev_pic{margin:0px;width:130px;height:90px;}
.admin_vacancy::before{content:'';position:absolute;left:0px;top:0px;width:80px;height:100%;background-image:inherit;background-size:cover;background-position:center;}
.vacancy_closed{opacity:0.5;}
.feed_button{position:absolute;left:0px;top:50%;width:40px;height:100px;background-color:transparent;transform:translate(-50%, -50%);cursor:pointer;background-size:50% auto;background-position:center;background-repeat:no-repeat;transition:all 0.3s ease;}
.feed_button.icon_next{left:auto;right:0px;transform:translate(50%, -50%);}
.feed_button_disabled{cursor:default;opacity:0.3;background-color:transparent !important;}
.show{display:inline-flex;}
.feed_button:hover{background-color:rgb(48, 153, 255);}
.contacts .content{padding:0px 0px 0px 0px;}
.error .content_cell{vertical-align:top;}
.map_overlay_container::before{content:'';display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:1;background-attachment:fixed;background-color:rgb(50, 50, 50);height:60%;}
.hide_scroll{overflow-y:hidden;}
.hide_scroll .window_container{overflow-y:auto;}
.map_overlay_box_hidden{transform:translate(-50%, -20%);}
.jsparallax{transform:translate3d(0px, 0px, 0px);}