.clear {
    clear: both;
}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tableblock {
    display: table
}

.tableCell {
    display: table-cell;
    vertical-align: middle
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.container-fluid:before, .container:after, .container:before,.row:after, .row:before {
    display: table;
    content: " ";
}

@media (min-width: 768px) {
    .container {
        width:750px
    }
}

@media (min-width: 992px) {
    .container {
        width:970px
    }
    .top-header .toggle-menu{
        right: 5.4%
    }

}

@media (min-width: 1200px) {
    .container {
        width:1170px
    }
    .simple-content.top-section .lb-latest{
        min-height:269px;
    }
}

@media(max-width: 768px) {
    .top-header {
        height: 66px!important;
    }

    .top-header .toggle-menu {
        top: 13px !important;
        right: 53px !important
    }

    /*.main-logo {
        padding: 2px 1px !important;
        box-shadow: 0px 0px 7px black;
    }*/

    .hide-mob {
        display: none;
    }

    .simple-content h1 br, .simple-content h2 br {
        display: none !important;
    }

    .simple-content h1, .simple-content h2 {
        line-height: 1.1 !important;
        font-size: 4.6em !important;
    }

    .img-uncover {
        min-width: 100% !important;
    }


    .top-header .toggle-menu span{background-color:black !important}
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-size: 10px;
    font-family: roboto-regular;
}

.tableblock {
    display: table
}

.tableCell {
    display: table-cell;
    vertical-align: middle
}

.tableCell,.tableblock {
    width: 100%;
    height: 100%
}

a:active, a {
    text-decoration: none;
    color: initial;
    outline: none;
    cursor: pointer;
}

img {
    max-width: 100%;
    position: relative;
    border: 0;
    vertical-align: middle;
    min-width: 100%;
}

/*img:before {*/
img:not(.slider-img):before{
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: contain;
    background-position: center center;
    background-color: #dadada;
    background-image: url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkqAcAAIUAgUW0RjgAAAAASUVORK5CYII=)
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.top-header .toggle-menu {
    position: fixed;
    top:16px;
    right: 4%;
    background-color: transparent;
    border-radius: 100%;
    height: 45px;
    width: 45px;
    padding: 7px 8px;
    display: inline-block;
    z-index: 1;
    line-height: 0;
    pointer-events: all;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.top-header .toggle-menu span,.top-header .toggle-menu span:last-child {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.top-header .toggle-menu.invert {
    background-color: white;
    color: black;
}

.top-header .toggle-menu.invert span,.top-header .toggle-menu.invert span:last-child {
    background-color: black;
}

.top-header .toggle-menu:hover span:last-child {
    width: 100%;
}

.top-header .toggle-menu.invert:hover {
    box-shadow: 0px 0px 5px #00000057;
}

.top-header .toggle-menu span {
    background-color: white;
    display: block;
    padding: 0;
    width: 100%;
    height: 2px;
    margin-top: 7px;
}

.top-header .toggle-menu span:last-child {
    width: 80%;
}

.top-header .main-logo {
    padding:8px 2.1%;
    display: inline-block;
    position: fixed;
    z-index: 30;
    pointer-events: all;
}

.top-header {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    z-index: 30;
    color: #fff;
    padding-left: 5.3%;
    padding-right: 76px;
    /*pointer-events: none;*/
    background-color:#00000014;
    position:fixed;
    box-shadow:0px 0px 6px black;
    height:88px;
}
.top-header.color-change {
    background-color: #ffffffe6;
}

.top-header .toggle-menu span {
    background-color: white;
    display: block;
    padding: 0;
    width: 100%;
    height: 1px;
    box-shadow: 0px 1px 1px white;
    margin-top: 6.9px;
}

.top-header .toggle-menu span:last-child {
    width: 63%;
}

.top-header .main-logo img {
    width: 210px;
}

@media (min-width: 768px) {
    .container {
        width:750px
    }
}

@media (min-width: 992px) {
    .container {
        width:970px
    }
}

@media (min-width: 1200px) {
    .container {
        width:1170px
    }
}

@media(min-width: 1400px) {
    .container-1 {
        max-width: 1596px;
        padding: 0 10px;
    }

    .container-2 {
        max-width: 1500px;
        padding: 0 10px
    }
}

@media(max-width: 1399px) {
    .container-1 {
        max-width:1200px;
        padding: 0 10px;
    }

    .container-2 {
        max-width: 1300px;
        padding: 0 10px
    }

    .top-header {
        height:78px!important;
    }
    .top-header .main-logo img {
        width: 180px;
    }
}

.container-1,.container-2 {
    display: table;
    content: " ";
    margin: 0 auto;
}

.container-2 {
    padding-right: 6.5%;
    padding-left: 6.5%;
}

.clearfix:after, .container-fluid:after, .container:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 768px) {
    .container {
        width:750px
    }
}

@media (min-width: 992px) {
    .container {
        width:970px
    }
    .lang{
        font-size: 18px;
    }
}

@media (min-width: 1200px) {
    .container {
        width:1170px
    }
}

@media(max-width: 1200px) {
    body {
        font-size: 8.6px;
    }
    .top-header .toggle-menu{
        right: 6.4%
    }
}

@media(max-width: 992px) {
    body {
        font-size: 7.67px;
    }



}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }
}

@media (min-width: 992px) {
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
        float:left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }
}





.lang {
    position: absolute;
    right: 2.2%;
     font-size: 13px;
    top: 33px;
    font-family: 'roboto-regular' , sans-serif;
}
.lang a:hover{
    color: #808080;
}




/*e-brochures button on all pages beginning*/
.download-button{
    /*background-color: #333;*/
    padding: 0px;
    margin: 0px;
    position: absolute;
    right: 120px;
    top:18px;
    width:50px;
    z-index:9999;
    pointer-events:auto;
}
.button li{
    list-style-type: none;
    color: #efefef;
    height: 43px;
    padding: 0px;
    margin: 0px 0px 1px 0px;
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    -o-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    cursor: pointer;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    overflow: hidden;
}
.button li:hover{
    margin-left: -115px;
    /*-webkit-transform: translateX(-115px);
    -moz-transform: translateX(-115px);
    -o-transform: translateX(-115px);
    -ms-transform: translateX(-115px);
    transform:translateX(-115px);*/
    /*background-color: #8e44ad;*/
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
.button li img{
    float: left;
    margin: 5px 5px;
    margin-right: 10px;
    min-width:auto!important;
    opacity:.7;
}
.button li p{
    padding: 0px;
    margin: 0px;
    text-transform: uppercase;
    line-height: 43px;
    color: #222626;
    font-family:"roboto-medium";
    /*font-size: 1.2em;*/
    float:left;
}
@media (max-width: 1370px) {
    .download-button{
        right: 95px;
    }

}
@media (max-width: 1100px) {
    .download-button{
        right: 115px;
    }

}
@media (min-width: 2000px) {
    .download-button{
        width: 85px;
    }

}
@media (max-width: 767px) {
    .download-button {
        right:120px;
        width: 18px;
    }
    .download-button ul li {
        display: inline-block;
        overflow: hidden !important;
    }
    .lang{
        font-size: 13px;
        right: 20px;
        top: 30px
    }
    .download-button ul li a {
        display: inline-block;
        width: 43px
    }
    .button li:hover {
        margin-left: 0 !important;
    }
    .button li{height: 31px !important;width: 31px !important;}

    .button li img{
        width:26px;
        height:26px;
    }
}


.lang a:hover{
    color: #808080;
}
/*e-brochures button on all pages beginning*/