nav a, nav a:hover, nav .current a
{
    border: 0;
}

nav a:hover {
/*    text-shadow: 0 0 1px #000;*/
}

nav .current a
{
    text-shadow: none;
}


h1 {padding:0;
font-family: 'Cinzel', serif; 
}


.in_out {
/*
    margin: -405px auto 0;
    position: relative;
    left:auto;
    bottom: auto;
    */
}

.navigation .h_line{background: none;}
nav .current .h_line::before, .navigation .h_line::before {
    color: #222222;
    background: #555 none repeat scroll 0 0;
    bottom: 0px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: auto;
    transform: scale(0.85, 0);
    transform-origin: 50% 0 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
    height: 70px;
    border-radius: 0 0 5px 5px;
}
.navigation .h_line:hover::before
{
    transform: scale(0.85, 1.33);
}

nav .current .h_line::before
{
    transform: scale(1, 1);
}




.navigation .personal a{background: none;}
nav .current .personal a::before, .navigation .personal a::before {
    color: #222222;
    background: #84bc41 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: auto;
    transform: scale(0.85, 0);
    transform-origin: 50% 0 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
    height: 70px;
    border-radius: 0 0 5px 5px;
}
.navigation .personal a:hover::before
{
    transform: scale(0.85, 1.33);
}


/*
    vertical-align: middle;
    background-color: #85c441;
*/    
    color: #fff;
}

.category .h_line
{
    margin-top:10px;
    margin-bottom:10px;
    background: none;
}

.category .personal a {
    margin-top:10px;
    margin-bottom:10px;
    background: none;
}

div.category .h_line::before
{
    background-color: #5486bb;
}

/*
@media screen and (max-width:1020px){
    [class*='uk-animation-'] {
      -webkit-animation-duration: 0s;
      animation-duration: 0s;
    }
}
*/

.about_us h1, .five_wraper h1:first-child {border: none;}

.logotip_button, .logotip_button img
{
    transition: none;
    height:73px;
}
nav .logo a
{
    padding:0;
}
.logotip_button:hover, .logotip_button img:hover{
    transform: none;
    box-shadow: none;
}
.logotip
{
    margin-top:-100px;
}
.logotip img, .logotip, .logotip_button
{
    width: 125px;
    height:125px;
}
input, textarea
{
    border-radius: 5px;
}


header{
    z-index: 100000;
    background-color: none;
}

header.fixed{
    position: fixed;
    height: auto;
    box-shadow: none;
    border-bottom: none;
    background-color: transparent;
}
header.fixed nav{
    top:0px;
}

header .logotip img, header .logotip, header .logotip_button,
header.default .logotip img, header.default .logotip, header.default .logotip_button
{
    height: 73px;
    width: 73px;
     margin: 0 10% 0 0;
}


header.fixed .logotip img, header.fixed .logotip, header.fixed .logotip_button
{
    height: 73px;
    width: 73px;
}

header.fixed .logotip, header.default .logotip
{
    margin-top:-79px;
}

.stat_wrap {
    background: rgba(0, 0, 0, 0) url("../img/office_building01.jpg") no-repeat fixed 0 -200px / cover ;
}
.form {
    background: rgba(0, 0, 0, 0) url("../img/office_building01.jpg") no-repeat fixed 0 -250px / cover ;
}

#logo01 {
    display: none;
    margin-top:7px;
    background: rgba(0, 0, 0, 0) url("../img/logo-asd3-3.gif") no-repeat scroll 0 0 / cover ;
}

.copyright {margin-top:15px; line-height:23px;}

.five_components {margin: 40px auto 0;}
.category {height:auto;}

.contacts_section
{
    padding:50px 0;
    background: rgba(0, 0, 0, 0) url("/img/contacts.jpg") no-repeat scroll 0 0 / cover ;
    width:100%;
    line-height: 25px;
    font-size: 18px;
}

.contacts_form form input, .contacts_form form select, .contacts_form form textarea {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5) inset;
    font-style: italic;
    font-size: 18px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin: 20px auto 0;
    display: block;
    width:80%;
    padding-right:0;
    position: relative;
    height: 40px;
    border-radius: 5px;
}
form input::-webkit-input-placeholder {color:#555}
form input:-moz-placeholder {color:#555}
form select::-webkit-input-placeholder {color:#555}
form select:-moz-placeholder {color:#555}
form textarea::-webkit-input-placeholder {color:#555}
form textarea:-moz-placeholder {color:#555}

.contacts_form {height:650px;padding-top:20px;}
.contacts_form div {float:left; text-align:center;position:relative}

.contacts_form .d1 {margin-top:100px; text-align:left; width:60%;}
.contacts_form .d1 img {float: left; margin-right: 40px; width: 350px;}

.contacts_form .d2 {width:40%;margin-top:40px;}

.contacts_section h1{
    text-transform:none;
}
.top-line
{
    margin:5px 0;
}

.contacts_map
{
    width:100%;
    height:445px;
}


.name.form-control-feedback:before {content: ' '; position: absolute; right: 11%; top: 59px; width:27px; height:25px; background: rgba(0, 0, 0, 0) url("/img/sprites-contacts.png") repeat scroll 24px 0;}
.email.form-control-feedback:before {content: ' '; position: absolute; right: 11%; top: 118px; width:27px; height:25px; background: rgba(0, 0, 0, 0) url("/img/sprites-contacts.png") repeat scroll 26px -149px;}
.companyname.form-control-feedback:before {content: ' '; position: absolute; right: 11%; top: 178px; width:27px; height:25px; background: rgba(0, 0, 0, 0) url("/img/sprites-contacts.png") repeat scroll 26px -199px;}
.phone.form-control-feedback:before {content: ' '; position: absolute; right: 11%; top: 239px; width:27px; height:25px; background: rgba(0, 0, 0, 0) url("/img/sprites-contacts.png") repeat scroll 26px -50px;}
.message.form-control-feedback:before {content: ' '; position: absolute; right: 11%; top: 299px; width:27px; height:25px; background: rgba(0, 0, 0, 0) url("/img/sprites-contacts.png") repeat scroll 26px -100px;}

.addr2 {background: rgba(0, 0, 0, 0) url("/img/sprites-contacts.png") repeat scroll 0 0; height: 25px; margin-right: 5px; top: 5px; width: 27px;}
.email2 {background: rgba(0, 0, 0, 0) url("/img/sprites-contacts.png") repeat scroll 0 -45px; height: 25px; margin-right: 5px; top: 5px; width: 27px;}
.phone2 {background: rgba(0, 0, 0, 0) url("/img/sprites-contacts.png") repeat scroll 0 -98px; height: 25px; margin-right: 5px; top: 5px; width: 27px;}
.worktime2 {background: rgba(0, 0, 0, 0) url("/img/sprites-contacts.png") repeat scroll 0 -149px; height: 25px; margin-right: 5px; top: 5px; width: 27px;}

#imagelightbox
{
    position: fixed;
    z-index: 9999;
 
    -ms-touch-action: none;
    touch-action: none;
}

.dbg {width:60%; margin-top:20px}
.dbg .elmnt {float:left; margin-left:22px; margin-bottom:50px; margin-right:22px; max-width: 170px; line-height: 19px; height: 230px;}
.dbg .elmnt .im {width:170px; height:170px; border:1px solid #ccc;transition: all 0.1s ease 0s;padding:1px;margin-bottom: 7px;}
.dbg .elmnt .im:hover {border:1px solid #999;transform: scale(1.05, 1.05);}
.dbg .elmnt:hover a {font-weight: bold;}
.dbg .elmnt a {font-size:14px;text-decoration: none;}
.dbg .elmnt a img {width:98%; transition: all 0.1s ease 0s;}
.dbg .elmnt:hover a img { transform: scale(1.01, 1.01);}

@media (max-width: 1279px) {
    .contacts_form .d1 img {float:none}
    .stat_wrap {
        background: rgba(0, 0, 0, 0) url("../img/office_building01.jpg") no-repeat scroll 0 -200px / cover ;
    }
    .form {
        background: rgba(0, 0, 0, 0) url("../img/office_building01.jpg") no-repeat scroll 0 0px / cover ;
    }
}

@media (max-width: 1024px)
{
    .v.top-line {display: none;}
    .contacts_form {height:auto;}
    .contacts_form .d1, .contacts_form .d2 {float:none; width:100%; margin-bottom:20px; clear:both;}
    .contacts_form .d1 {margin-top:0}
    .contacts_form .d2 {margin-top:0;}
    
    .contacts_form .d1 img {float:left}

    .contacts_map {height:225px;}
    .contacts_form .d1 {padding-left:10%}
}

@media (max-width: 800px)
{

.stat_wrap {
    background: rgba(0, 0, 0, 0) url("../img/office_building01.jpg") no-repeat scroll 0 0 / cover ;
}
    .contacts_form .d1 img {float:none}
    
    .in_out, .card, .card-container {height:100px;}
    .card-container {background-color: #555; border-radius: 5px;}
    
    .card p, .card p span {font-size: 80%; line-height: 80%;  color:#fff; margin-top: 30px;}
    
    .in_out {width:100%; left: auto; margin: 10px auto; position:relative;padding: 0 10px;}
    .card-container {width:30%;}

    .card img {width:0;}
    .card:hover img {opacity:0;}
    nav a {
        font-size: 80%;
        padding: 0 5px;
    }
    .category {height:auto;}
}

@media (max-width: 600px)
{
    nav a {
        font-size: 65%;
        padding: 0 5px;
    }
    header
    {
        height: 75px;
    }
    header.fixed
    {
        height: 55px;
    }
    #logo01
    {
        height: 43px; width: 43px;
    }
    nav ul
    {
        line-height: 32px;
    }
}

@media (max-width: 500px)
{

    .top-line {
        overflow: hidden;
    }
    
    header.fixed nav
    {
        top:50px;
    }
    header
    {
        height: 55px;
    }
    #menu-icon{
        display:block;
        margin: 13px;
        position: absolute;
        right: 10px;
        cursor:pointer;
    }

    #menu-icon img{
        width:30px;
    }

    nav ul li{
        height:auto;
        background-color:#fff;
        float:none;
        border-left:1px solid #ccc;
        box-shadow: 1px 1px 3px #ccc;
    }
    nav .current .h_line::before, nav .current .h_line::before, .navigation .h_line::before {height:0;}
    nav .current a {color: #85c441}
    
    nav {
        top: 50px;
        display:none;
        margin: 0;
        width: 100%;
    
        }
        
        
        
        
        
        
        
        
        
        
    header nav ul {
        padding: 0 !important;
        
    }
    
    header nav ul li {
        border-left: none;
    }
    
    header nav ul li a {
        font-size: 100% !important;
        display: block;
        margin: 0 auto !important;
        height: auto !important;
        padding: 5px 0;
    }
    
    
    
    .footer_wrap {
        padding: 0 20px;
    }
        
    .footer_list {
        width: auto;
        margin: 10px auto;
    }
    
    .contacts {
        width: auto;
    }
    
    .f_right {
        margin: 0;
    }
    
    .social {
        margin: 0 20px 0 0;
    }
    
    
    
}



.left{float:left;width:49%}
.left h2, .right h2, .acc h2 {font-size:24px; color:#fff; background-color:#219fd9; margin-left:22px; margin-right:22px; width:384px; border-radius:0; text-transform:uppercase; font-family:'Cinzel'; text-align:center; line-height:40px}
.left .elmnt .im:hover {border-color:#219fd9;}

.right{width:49%}
.right h2 {background-color:#85c441;float:right; margin-right:22px; margin-left:22px}
.right .elmnt .im:hover {border-color:#85c441;}

.right div{float:right !important}

.acc .elmnt .im:hover {border-color:#f8931d;}
/*.acc {width:100%;}*/
.acc h2 {background-color:#f8931d; width:100%}

@media (max-width: 1430px)
{
    .vline {display:none !important}
}

h1.product_group
{font-family: "Cinzel",serif;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
}

.contacts_form form input.file{box-shadow:none; border:0; background-color:#fff; padding:0;}

#addform {cursor: pointer; float: left; font-size: 18px; margin: 20px; text-decoration: underline;}

fieldset {text-align: left}
.contacts_form form input.chinput {display: inline;    height: auto;     margin: 0 10px;     width: auto;}
.contacts_form form label {display: inline-block; margin: 10px 0 0 45px;}

.gm-style>div{position: initial;}