@media (min-width: 1400px){
    .logo-part{
        width: 260px;
        margin-left: 50px;
    }
    .head-nav .navbar>div.header-right{
        margin-right: 50px;
    }
    .head-nav .navbar-default .navbar-nav>li>a{
        padding: 45px 25px;
    }
    .head-nav.isStuck .navbar-default .navbar-nav>li>a{
        padding: 20px;
    }
}
@media (min-width: 1200px) and (max-width: 1400px){
    .logo-part{
        width: 210px;
        margin-left: 30px;
    }
    .head-nav .navbar>div.header-right{
        margin-right: 30px;
    }
    .head-nav .navbar-default .navbar-nav>li>a{
        padding: 45px 20px;
    }
    .head-nav.isStuck .navbar-default .navbar-nav>li>a{
        padding: 20px;
    }
}
@media (min-width: 1200px){
    .logo-part{
        display: inline-block;
        margin-top: 25px;
        height: 70px;
        background-size: 100%;
    }
    .head-nav.isStuck .logo-part{
        margin-top: 10px;
        height: 45px;
        background-size: 74%;
    }


    .head-nav .navbar>div.header-right{
        flex-grow: 1;
        -webkit-flex-grow:1;
    }
    .header-right a{
        padding: 38px 15px;
    }
    .head-nav.isStuck .header-right a{
        padding: 15px;
    }
}
@media (min-width: 1000px) and (max-width: 1200px){
    .head-nav .navbar-default .navbar-nav>li>a{
        padding: 45px 15px;
    }
    .head-nav.isStuck .navbar-default .navbar-nav>li>a{
        padding: 20px 15px;
    }
    .logo-part{
        display: inline-block;
        margin-top: 30px;
        margin-left: 20px;
        width: 220px;
        height: 70px;
        background-size: 100%;
    }
    .head-nav.isStuck .logo-part{
        margin-top: 10px;
        height: 50px;
        background-size: 80%;
    }
    .head-nav.isStuck:hover .logo-part{
        background-size: 80%;
    }

    .head-nav .navbar>div.header-right{
        margin-right: 20px;
        flex-grow: 1;
        -webkit-flex-grow:1;
    }
    .header-right a{
        padding: 38px 0;
    }
    .head-nav.isStuck .header-right a{
        padding: 15px 0;
    }
}
@media (min-width: 760px) and (max-width: 1000px){
    .head-nav .navbar-default .navbar-nav>li>a{
        padding: 35px 10px;
    }
    .logo-part{
        display: inline-block;
        margin-top: 25px;
        margin-left: 10px;
        width: 190px;
        height: 70px;
        background-size: 100%;
    }
    .head-nav.isStuck .logo-part{
        margin-top: 15px;
        height: 40px;
    }
    .head-nav.isStuck:hover .logo-part{
        background-size: 80%;
    }
    .head-nav.isStuck .navbar-default .navbar-nav>li>a{
        padding: 20px 10px;
    }
    .head-nav .navbar>div.header-right{
        margin-right: 10px;
        flex-grow: .6;
        -webkit-flex-grow:.6;
    }
    .header-right a{
        padding: 28px 0;
    }
    .head-nav.isStuck .header-right a{
        padding: 15px 0;
    }

}
@media (min-width:1300px){
    .head-nav .navbar-nav>li>.dropdown-menu{
        padding: 0 60px 20px 60px;
    }
    .head-nav .navbar-nav>li>.dropdown-menu ul{
        font-size: 1.6rem;
        line-height: 2rem;
    }
    .head-nav .navbar-nav>li>.dropdown-menu ul>li>ul.dropdown-menu>li>a{
        font-size: 1.3rem;
    }

    .head-nav .navbar-nav>li>.dropdown-menu>li>a{
        font-size: 1.7rem;
    }

}
@media (min-width: 760px) and (max-width: 1300px){

    .head-nav .navbar-nav>li>.dropdown-menu{
        padding: 0 20px 20px 20px;
    }
    .head-nav .navbar-nav>li>.dropdown-menu ul{
        font-size: .95rem;
        line-height: 1.7rem;
    }
    .head-nav .navbar-nav>li>.dropdown-menu ul>li>ul.dropdown-menu>li>a{
        font-size: 1.6rem;
    }
    .head-nav .navbar-nav>li>.dropdown-menu>li>a{
        font-size: 1.6rem;
    }
}


@media (min-width: 760px){
    .navbar-right .dropdown-menu{
        left: 0;
        right: auto;
    }
    .head-nav .navbar-nav>li{
        margin-bottom: 0;
        position: relative;
    }
    .head-nav .navbar-nav>li>.dropdown-menu{
        padding: 0 15px;
        width: 300px;
    }
    .head-nav .navbar-nav>li:nth-child(4){
        position: static;
    }
    .head-nav .navbar-nav>li:nth-child(4)>.dropdown-menu{
        width: 100%;
        padding: 0 7% 30px 7%;
        flex-wrap: wrap;
    }
    .head-nav .navbar-nav>li.open:nth-child(4)>.dropdown-menu{
        display: flex;
    }
    .head-nav .navbar-nav>li:nth-child(4)>.dropdown-menu>li{
        width: 33.3%;
    }
    .head-nav .navbar-nav>li:nth-child(4)>.dropdown-menu>li>a{
        height: 100%;
        align-items: center;
        display: flex;
    }
    .head-nav .navbar-nav>li:nth-child(5)>.dropdown-menu,.head-nav .navbar-nav>li:nth-child(6)>.dropdown-menu{
        width: 180px;
    }
    .head-nav .navbar-nav>li>.dropdown-menu>li>a{
        margin-top: 0;
    }
    .head-nav .navbar-nav>li>.dropdown-menu ul{
        padding-left: 5px;
    }
    .head-nav  .dropdown-menu .dropdown>a>.caret{
        position: absolute;
        top:10px;
        right: 15px;
        color: #ddd;
        border: none;
    }
    .head-nav .dropdown-menu .dropdown>a>.caret:before{
        content: '\e90e';
        font-family: 'icomoon';
    }
    .head-nav .navbar-nav>li>.dropdown-menu ul>li>a>.caret{
        transform: rotate(90deg);
        -ms-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        color: #628cc4;
        top:20px;
        right: 20px;
    }
    .head-nav .dropdown-menu>li>a{
        padding: 10px 0;
    }
    .head-nav .navbar-default .navbar-nav>li>a{
        color: #fff;
        border-bottom: 2px solid transparent;
        margin-bottom: 0;
    }
    .head-nav:hover .navbar-nav>li>a{
        color: #fff;
    }
    .head-nav .navbar-default .navbar-nav>li>a:hover, .head-nav .navbar-default .navbar-nav>li>a:active{
        color: #82ab28;
        border-bottom: 2px solid #82ab28;
    }

    .head-nav .navbar-default .navbar-nav>li>a>.caret{
        border: none;
        position: absolute;
        right: 0;
        top: 30px;
        width: 20px;
        height: 20px;
        display: inline-block;
        transition: all ease .35s;
    }
    .isStuck.head-nav .navbar-default .navbar-nav>li>a>.caret{
        top: 21px;
    }
    .head-nav .navbar-default .navbar-nav>li>a>.caret:before{
        font-family: 'icomoon';
        position: absolute;
        right: 0;
        top: 0;
    }
    .head-nav .navbar-nav>li>.dropdown-menu ul{
        padding-left: 0;
        list-style: none;
    }
    .head-nav .navbar-nav>li>.dropdown-menu ul>li{
        margin-bottom: 0;
    }
    .head-nav .navbar-nav>li>.dropdown-menu ul>li>a{
        transition: all ease 1s;
        display: block;
        padding: 5px 5px 5px 0;
    }
    .head-nav .navbar-nav>li>.dropdown-menu ul>li>a:hover{
        background: #f4f4f4;
        transition: all ease 1s;
        color: #1e2733;
    }
    .head-nav .navbar-nav>li>.dropdown-menu ul>li>ul.dropdown-menu{
        position: absolute;
        left: 100px;
        box-shadow: none;
        top:20px;
        width: 350px;
        border-radius: 0;
        padding: 10px 0;
    }
    .head-nav .navbar-nav>li>.dropdown-menu ul>li>ul.dropdown-menu>li>a{
        padding: 5px 10px;
    }
    .head-nav .navbar{
        display:flex;
        display: -webkit-flex;
    }
    .head-nav .navbar>div:nth-child(1){
        flex-grow: 2.5;
        -webkit-flex-grow:2.5;
    }
    .head-nav .navbar>div:nth-child(2){
        flex-grow: 2.2;
        -webkit-flex-grow:2.2;
    }
    .head-nav .navbar>div.header-right{
        text-align: right;
    }
    .index-header .head-nav .navbar>div.header-right{
        border-bottom: 1px solid #fff;
    }
    .search-xs{
        display: none;
    }
    .head-search{
        padding: 0 30px;
    }
    .head-search div[class*='col-md']{
        padding: 0;
    }
}
@media (max-width: 760px){
    .logo-part{
        display: inline-block;
        margin-top: 10px;
        margin-left: 10px;
        width: 200px;
        height: 50px;
        background-size: 100%;
    }
    .search-xs{
        display: inline-block;
        padding-left: 20px;
        font-size: 20px;
        padding-top: 15px;
    }
    .search-xs a,.search-xs a:focus{
        color: #fff;
    }
    .head-nav.isStuck .search-xs a{
        color: #666;
    }

    .head-nav .navbar-nav>li>.dropdown-menu>li.col-md-3>a{
        padding: 5px 5px 10px 5px;
    }
    .head-nav .navbar-nav>li>.dropdown-menu>li>a{
        font-size: 1.5rem;
        padding: 5px 5px 10px 20px;
    }
    .head-nav .dropdown-menu{
        position:inherit;
        float: none;
        padding-left: 0;
        box-shadow: none;
        border: none;
    }
    .navbar-default .navbar-nav>li>a{
        color: #222;
    }
    .head-nav .caret{
        border: none;
    }
    .head-nav .dropdown>a>.caret:after{
        position: absolute;
        top:0;
        right: 0;
        content: '+';
        font-size: 18px;
    }

    .head-nav .navbar-nav>li.dropdown>a>.caret:after,  .head-nav .navbar-nav>li.dropdown.on>a>.caret:after{
        top: 15px;
        right: 18px;
    }
    .head-nav .col-md-3.dropdown>a>.caret:after{
        content: '';
    }

    .head-nav .dropdown.on>a>.caret:after{
        position: absolute;
        top:0;
        right: 3px;
        content: "-";
        font-size: 24px;
    }
    .head-nav .navbar-nav{
        margin: 0;
    }

    .head-nav .dropdown-menu>.active>a,.head-nav .dropdown-menu>.active>a:hover,.head-nav .dropdown-menu>.active>a:focus{
        background: none;
    }
    .head-nav .navbar-default .navbar-nav>li>a{
        padding: 15px 20px;
        border-top: 1px solid #ddd;
    }
    .head-nav .navbar-nav>li>.dropdown-menu>li>ul{
        margin-top: 5px;
        padding-left: 5px;
        list-style: none;
    }
    .head-nav .navbar-nav>li>.dropdown-menu .dropdown-menu>li>a{
        padding: 0;
    }

    .head-nav .navbar-nav>li>.dropdown-menu ul>li>ul.dropdown-menu{
        margin: 10px 0 0 0;
        padding-bottom: 0;
    }
    .head-nav .navbar-nav>li>.dropdown-menu ul>li>ul.dropdown-menu>li{
        line-height: 2.7rem;
    }
    .head-nav .navbar-collapse{
        background: #fff;
    }
    .head-nav .navbar-nav>li>.dropdown-menu ul>li>a{
        width: 90%;
        overflow: hidden;
        display: inline-block;
    }
    .head-nav .navbar-nav>li>.dropdown-menu ul>li{
        line-height: 1.8rem;
    }

}

.logo-part{
    background: url(../images/logo-white.svg) no-repeat;
}
.head-nav.isStuck .logo-part{
    background: url(../images/logo.svg) no-repeat;
}
.head-nav.isStuck .header-right a{
    color: #666;
}
.head-nav.isStuck .header-right a:hover,.head-nav.isStuck .header-right a:focus{
    color: #82ab28;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background: none;
}
.head-nav:hover .navbar-default .navbar-toggle .icon-bar,.navbar-default .navbar-toggle .icon-bar{
    background: #fff;
}
.head-nav:hover .navbar-default .navbar-toggle,.navbar-default .navbar-toggle{
    border-color: #fff;
}

.head-nav.isStuck .head-nav:hover .navbar-default .navbar-toggle .icon-bar,.head-nav.isStuck .navbar-default .navbar-toggle .icon-bar{
    background: #82ab28;
}
.head-nav.isStuck:hover .navbar-default .navbar-toggle,.head-nav.isStuck .navbar-default .navbar-toggle{
    border-color: #82ab28;
}

.index-header .head-nav.isStuck{
    background: rgba(255,255,255,.96);
}
.head-nav.isStuck:hover .navbar-nav>li>a{
    color: #82ab28;
}
.head-search .form-control{
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    background: none;
    padding: 6px;
}
.head-search .form-control:hover,.head-search .form-control:focus{
    border: 1px solid #82ab28;
}

.search-btn{
    width: 100%;
    border: none;
    height: 48px;
    background: #82ab28;
    color: #fff;
    font-size: 22px;
    transition: all ease .5s;
}
.search-btn:hover,.search-btn:focus{
    background: #82ab28;
}
.head-nav .navbar-nav>li{
    margin-bottom: 0;
}

.navbar-brand{
    padding: 5px 0 0 0;
}

.head-nav{
    width: 100%;
    background: none;
}



.head-nav.isStuck{
    position: fixed;
}
.head-nav{
    position: absolute;
    z-index: 90;
}
.head-nav.isStuck{
    background: rgba(255,255,255,.97);
}
.head-nav.isStuck:hover,.head-nav.isStuck:focus{
    background: #fff;
}

.head-nav.isStuck .navbar-default{
    margin-top: 0;
}
.head-nav.isStuck .navbar-default .navbar-nav>li>a{
    color:#666;
}
.head-nav.isStuck .navbar-default .navbar-nav>li>a:hover{
    color:#82ab28;
}
.head-nav.isStuck .navbar-default .navbar-nav>.active>a, .head-nav.isStuck .navbar-default .navbar-nav>.active>a:hover, .head-nav.isStuck .navbar-default .navbar-nav>.active>a:focus{
    color: #82ab28;
    background: none;
}
.head-nav .navbar-nav>li>.dropdown-menu{
    background: #fff;
    box-shadow: none;
    font-size: 1.7rem;
}


.head-nav.isStuck .navbar-nav>li>.dropdown-menu{
    background: #fff;
}

.dropdown-menu>li>a{
    white-space: normal;
}
.head-nav .dropdown-menu{
    padding-top: 0;
}
.head-nav .dropdown-menu>li{
    margin-bottom: 0;
}
.head-nav .navbar-nav>li>.dropdown-menu>li>a{
    border-bottom: 1px solid #f3f3f3;
    position: relative;
    margin-top: 5px;
}


.head-nav.isStuck .dropdown-menu>li>a{
    color: #444;
}
.head-nav.isStuck .dropdown-menu>li>a:hover{
    color: #82ab28;
}
.head-nav .dropdown-menu>li>a:hover,.head-nav .dropdown-menu>li>a:hover{
    background: none;
    color: #82ab28;
}
.head-nav li.open>a,.head-nav li.open>a:hover,.head-nav li.open>a:focus{
    background: none;
}
.head-nav a:hover{
    color: #82ab28;
}
.head-nav .navbar-default{
    background: none;
    border-radius: 0;
    border: none;
    margin-bottom:0;
}


.head-nav .navbar-default .navbar-nav>li>a{
    position: relative;
    text-transform: uppercase;
    font-size: 1.7rem;
    font-weight: bold;
}
.head-nav .navbar-default .navbar-nav>li>a>span.icon-search-1{
    font-size: 1.3em;
}
.head-nav .navbar-default .navbar-nav>.active>a:before{
    content: '';
}

.head-nav .navbar-default .navbar-nav>.open>a,.head-nav .navbar-default .navbar-nav>.open>a:hover,.head-nav .navbar-default .navbar-nav>.open>a:focus{
    background: none;
    color: #82ab28;
    border-bottom: 2px solid #82ab28;
}
.head-nav.isStuck .navbar-default  .navbar-nav>.open>a,.head-nav.isStuck .navbar-default .navbar-nav>.open>a:hover,.head-nav.isStuck .navbar-default .navbar-nav>.open>a:focus{
    background: none;
}
.head-nav .navbar-default .navbar-nav>.active>a,
.head-nav .navbar-default .navbar-nav>.active>a:hover,
.head-nav .navbar-default .navbar-nav>.active>a:focus{
    color: #82ab28;
    background: none;
    border-top: 4px solid #82ab28;
}
.head-nav .navbar-collapse{
    padding: 0;
}
.head-nav .navbar-default{
    position: relative;
}

.head-nav .dropdown-menu>.active>a{
    background: none;
}
.head-nav .dropdown-menu>.active>a:focus,.head-nav .dropdown-menu>.active>a:active{
    color: #82ab28;
}

.header-right a{
    display: inline-block;
    font-size: 22px;
    color: #fff;
}
.header-right a:focus,.header-right a:hover{
    color: #fff;
}
.head-nav.isStuck .header-right:hover  a{
    color: #82ab28;
}



 
.share-box a{
    display: inline-block;
    margin-right: 15px;
}

.foot-box{
    color: #fff;
    padding:50px 25px;
}
.foot-box a,.foot-box a:hover{
    color: #fff;
}
.foot-box a:hover{
    text-decoration: underline;
}
.foot-box .foot-contact{
    list-style: none;
    padding: 0;
}
.foot-box .foot-contact li{
    padding-left: 30px;
    position: relative;
}
.foot-box li{
    margin-bottom: 15px;
}
.foot-box li:before{
    font-family: 'icomoon';
    position: absolute;
    left: 0;
    font-size: 20px;
}
.foot-tel:before{
    content: '\e989';
}
.foot-fax:before{
    content: '\e94e';
}
.foot-email:before{
    content: '\e93d';
}
.foot-add:before{
    content: '\e913';
}
.foot-box h3{
    color: #fff;
}
.foot-pro:before{
    position: absolute;
    content: ' ';
    left: -26%;
    height: 100%;
    width: 1px;
    background: rgba(255,255,255,.1);
}
.backtop {
    position: fixed;
    right: 5px;
    bottom: 50px;
    cursor: pointer;
    color: rgba(255,255,255,.8);
    z-index: 20;
    background:none;
    text-align: center;
    width: 50px;
    height: 50px;
    font-weight: bold;
    line-height: 50px;
    border: 2px solid rgba(255,255,255,.8);
    border-radius: 50px;
    font-size: 22px;
}
.backtop:hover,.backtop:focus{
    color: #fff;
    border: 2px solid #fff;
}

.foot-copy{
    margin-top: 40px;
}
.share-box{
    margin-top: 30px;
}

@media(min-width: 992px) {
    .grid-item {
        --number:auto-fill;
        --width: 160px;
        margin-bottom: 25px;
        display: grid;
        grid-gap: 20px;
        grid-template-columns: repeat(var(--number),minmax(var(--width),1fr));
    }

    .grid {
        display: grid;
        --rate: 48% 48%;
        row-gap: 15px;
        grid-template-columns: var(--rate);
        justify-content: space-between;
        margin-bottom: 25px;
    }
}

@media(max-width: 992px) {
    .grid-item>*,.grid >* {
        margin-bottom:30px;
    }
}

.grid-item:before,.grid-item:after,.grid:before,.grid:after {
    display: none;
}

.img-box,.pic-box {
    position: relative;
    min-height: 140px;
    overflow: hidden;
}

.img-box img,.pic-box img {
    min-height: 100%;
    min-width: 100%;
    max-width: 110%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}