.slideout-panel{
         transform: translateX(0);
       }
       h1, .h1 {

        margin-bottom: 20px;
    }
    .footerMail{
        color: #fff;
        text-decoration: none;
    }
    .overflow {
        overflow: hidden;
    }

    a:hover {
        color: #03f;
    }
    .arrow::before{
        filter: invert(22%) sepia(0%) saturate(3653%) hue-rotate(328deg) brightness(112%) contrast(82%);
        content:"";
        padding: 0px 14px;
        background-image: url('../img/icon/controls.png');
        /*background-position: 50 50;*/
    }

    .collapsed .arrow{
        transform: rotate(90deg);
    }
    .arrow{
        right: 0;
        position: absolute;
        top: 0;
        transform: rotate(270deg);


    }
    .foundation:hover {
        color: #03f!important;
    }
    ol{
        margin: 0px;
        list-style-type: cjk-ideographic;
        padding: 25px 30px;
    }
    .landingBox{
        border-radius: 10px;
        box-shadow: 0px 2px 8px #dadada;
        width: 481px;

        margin: 10% auto;
    }

    .landingWarp{

        font-size: 0px;

    }
    .foundation{
        color: #af0000 !important;
        border-radius: 0px 0px 10px 0px;
        background-color: #e6e6e6 !important;
    }
    .landingBtn:first-child {
        border-right: 1px solid #e0e0e0;
    }
    .landingBtn:hover{

opacity: 0.8;
-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;

    }
    .landingBtn{
        color: #4c4c4c;
        text-decoration: none;
        -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        background-color: #efefef;
        padding: 20px 0;
        font-size: 1rem;
        width: 50%;
        text-align: center;
        display: inline-block;

    }
    .talkBtn:hover {

        color: #03f;
    }
    .talkBtn:hover i {

        filter: invert(11%) sepia(91%) saturate(5730%) hue-rotate(234deg) brightness(104%) contrast(118%);
    }
    .landingLogoImg{
        border-radius:10px 10px 0px 0px ;
    }
    .baguetteBox-button {

        background-color: transparent;

    }
    .baguetteBox-button svg {

        left: 5px;
        top: 5px;
    }
    .baguetteBox-button#close-button{
        padding: 20px;
        background-color: rgba(0,0,0,0.5);

    }
    .baguetteBox-button#close-button svg g{

stroke: #fff;
    }
    .baguetteBox-button:focus, .baguetteBox-button:hover {
        background-color: transparent;
    }
       .wrapper {
            font-size: 0px;
        }
        .marginTop{
            margin-top:20px ;
        }
        .nopadding{
            padding: 0px;
        }
        .accordionTitle {

            position: relative;
            display: block;
            text-decoration: none;
        }
        .card{
            border: 0px;
            box-shadow: 0px 2px 8px #dadada;
        }
        h3{
            margin-bottom: 10px;
            margin-top: 30px;
        }

        .talkBtn{
            padding: 10px 20px;
            box-shadow: 0px 2px 8px #dadada;
            display: inline-block;
            border-radius: 10px;
            width: 114px;
            margin: 6px 10px;
        }
        .active .hvr-sweep-to-right {
            background: #efefef;
        }
        .mobileButton{
            display: none !important;
        }

        .content {
            padding-top: 0;
        }

        .contactDeatil ul {
            margin: 0;
            padding: 0;
        }

        .contactDeatil ul li {
            list-style: none;
            margin-bottom: 20px;
        }

        .desktopChangeWidth {
            width: 30%;
            min-height: 100vh;
        }
        /* Style the buttons */
        .btn-default{
            background-color: #4c4c4c !important;
    color: #fff !important;
        }
        .newsNews{
            position: relative !important;
            color: red;
            top: 0px !important;
            font-size: 12px;
            right: 0px !important;
            text-decoration: none!important;
        }
        .italic{
            font-style: italic;
        }
        .pagingControls{
            margin-top: 20px;
        }
        .btn-success{
            color: #4c4c4c!important;
            border: 1px solid #cdcdcd!important;
            background-color: transparent!important;
        }
        .btn {
            border: none;
            outline: none;
            padding:5px 10px;
            background-color: #a5a5a5;
            cursor: pointer;
            font-size: 18px;
        }
        /* Style the active class, and buttons on mouse-over */

         ul.leftMenuWarp li.active,
        ul.leftMenuWarp li:hover {
            color: #4c4c4c;
            border-right: 6px solid #4c4c4c;
        }

        .content {
            background-color: #fff;
            min-height: 790px;
            display: inline-block;
            width: 75%;
            padding-right: 12%;
            margin-left: 25%;
        }

        .modal-content {
            font-size: 1rem;
        }

        .img-fluid {
            width: 100%;
        }

        .modal-content {
            box-shadow: 0px 2px 8px #484848;
        }


        .siteMapList {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .siteMapList li {
            padding: 10px;
        }
        .hamburger{
            display: none;
        }
        .footer {
            bottom: 0px;
            width: 100%;
          background-color: #505050;
          position: relative;
            padding-right: 18%;
            z-index: 100;
            padding: 20px;
        }

        .footerRow {
            color: #fff;
            position: relative;

        }

        .siteMap {
            text-align: right;
            font-size: 0.9rem;
            top: 2px;
            position: absolute;
            right: 0px;
        }

        .siteMap a {
            color: #fff;
        }

        .download:hover i{
            filter: invert(11%) sepia(91%) saturate(5730%) hue-rotate(234deg) brightness(104%) contrast(118%);
        }
        .download:hover {
            color: #03f;

        }
        .contactDeatil li{
display: inline-block;
list-style: none;
margin-right: 10px;
font-size: 12px;
        }
        .contactDeatil{
            margin: 0px;
            padding: 0px;
        }
        .contentDetail {

            padding: 20px;
            font-size: 1rem;
        }

        .mainSilder {
            padding: 20px;
        }

        .lSSlideOuter .lSPager.lSGallery img {
            width: 100%;
        }
        .newslist li a:hover {

            text-decoration: underline;
        }
        .copyright {
            font-size: 0.9rem;
            text-align: left;
        }

        .newslist {
            margin: 0;
            padding: 0;
        }

        .newslist li a {
            display: block;
            width: 65%;
            text-decoration: none;
        }

        .newsListWarp {
            position: relative;
        }

        .newslist li {
            position: relative;
            padding: 10px 20px;
            list-style: none;
        }

        .newslist li span {
            position: absolute;
            right: 20px;
            top: 12px;
        }

        .newsContent {
            position: relative;
        }

        .albumWarp {
            display: inline-block;
            padding: 10px;
            box-shadow: 0px 2px 8px #dadada;
            width: 22%;
            margin: 1%;
        }
        .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
            opacity: 1;
        }
        .modal-header .close {
            opacity: 1;
            padding: 1rem 1rem;
            background-color: #fff;
            margin: -1rem -1rem -1rem auto;
            border-radius: 69%;
            padding: 10px 13px;
            z-index: 99;
        }
        .ekko-lightbox .modal-header {
            padding: 1rem 1rem;
            border-bottom: 0px solid #dee2e6;
            position: absolute;
            right: -12px;
            height: 28px;
            top: -20px;
        }
        .show {
            display: block !important;
        }

        .albumWarp img {
            width: 100%;
        }

        .backBtn {

            background-color: #cdcdcd;
            text-decoration: none;
            color: #4c4c4c;
            right: 0px;
            bottom: 0px;
            border-radius: 50px;
            padding: 10px 20px;
        }
        .backBtn:hover {

            background-color: #4c4c4c;

            color: #fff;

        }
        .newslist li:nth-child(odd) {
            background-color: #efefef;
        }
        .backWarp{
            padding: 20px 0px;
            text-align: right;
        }

        #paging a {
            color: #000;
            background: #e0e0e0;
            padding: 8px 12px;
            margin-right: 5px;
            text-decoration: none;
        }
        #paging a.aktif {
            background: #000 !important;
            color: #fff;
        }
        .download{
            margin: 10px 0px;
            position: relative;
            display: block;
            border: 1px solid #ececec;
            padding: 20px ;
        }
        i{
            position: relative;
            margin-left: 30px;   font-style: initial;
        }
        .emailIcon::before{
            top: -4px;
            content: "";
            background-position: -25px 25px;
            padding: 15px;
            left: -30px;
            background-image: url('../img/icon/icon.png');
            position: absolute;


        }
        .phoneIcon::before{
            top: -4px;
            content: "";
            background-position: 0px 25px;
            padding: 15px;
            left: -30px;
            background-image: url('../img/icon/icon.png');
            position: absolute;


        }
        .adressIcon::before{
            top: -4px;
            content: "";
            background-position: -54px 25px;
            padding: 15px;
            left: -30px;
            background-image: url('../img/icon/icon.png');
            position: absolute;


        }
        .downlaodIcon::before{
            top: -4px;
            content: "";
            background-position: -75px 25px;
            padding: 15px;
            left: -30px;
            background-image: url('../img/icon/icon.png');
            position: absolute;


        }
        .floatRight{
            float:right;
        }
        .contactPage{
            margin: 0px;
    background-color: #f8f8f8;
    padding: 20px;
        }
        .contactPageList{
            margin-bottom: 20px;
        }
        .contactMap{
            padding-right: 20px;
        }