/*!============================== * Theme Name: Pixels * Theme URL: https://probootstrap.com/pixels-free-website-template-using-bootstrap-for-portfolio * Author: ProBootstrap.com * Author URL: https://probootstrap.com * License: Released for free under the Creative Commons Attribution 3.0 license (probootstrap.com/license) */
.probootstrap-intro .probootstrap-subtitle h2,.probootstrap-logo,body,h1,h2,h3,h4{
    font-family:Rubik,sans-serif
}
@font-face{
    font-family:icomoon;
    src:url(../fonts/icomoon/icomoon.eot?1z9v6x);
    src:url(../fonts/icomoon/icomoon.eot?1z9v6x#iefix) format("embedded-opentype"),url(../fonts/icomoon/icomoon.ttf?1z9v6x) format("truetype"),url(../fonts/icomoon/icomoon.woff?1z9v6x) format("woff"),url(../fonts/icomoon/icomoon.svg?1z9v6x#icomoon) format("svg");
    font-weight:400;
    font-style:normal
}
html{
    overflow-x:hidden;
    font-size:1em
}
body{
    background:#fff;
    font-size:18px;
    font-weight:300;
    line-height:1.8;
    color:#7e8890;
}
::selection{
    background:#000;
    color:#fff
}
::-moz-selection{
    background:#000;
    color:#fff
}
h1,h2,h3,h4{
    margin:1.414em 0 .5em;
    font-weight:400;
    line-height:1.2;
    color:#000
}
h1{
    margin-top:0;
    font-size:3.998em
}
@media screen and (max-width:768px){
    h1{
        font-size:2.998em
    }
}
h2{
    font-size:2.827em
}
@media screen and (max-width:768px){
    h2{
        font-size:2.1em
    }
}
h3{
    font-size:1.999em
}
h4{
    font-size:1.414em
}
.font_small,small{
    font-size:.707em
}
figure,ol,p,ul{
    margin-bottom:1.3em
}
a{
    -webkit-transition:.3s all;
    transition:.3s all;
    color:#f4bd00
}
a:active,a:focus,a:hover{
    color:#000;
    text-decoration:none
}
a.hover-reverse{
    color:#000
}
a.hover-reverse:active,a.hover-reverse:focus,a.hover-reverse:hover{
    color:#f4bd00;
    text-decoration:none
}
.probootstrap-header{
    padding-top: 1px; /* 18px*/
    padding-bottom:30px;
    width:100%;
    z-index:12;
    position: fixed;
    height:100px;
    background:#c3d002;
}
.probootstrap-logo{
     float: left;
     color: #fff;
     display: block;
     width: 100px;
     height: 78px;
     object-fit: contain;
}
.probootstrap-logo:active,.probootstrap-logo:focus,.probootstrap-logo:hover{
    color:#fff
}
@media screen and (max-width:768px){
    .probootstrap-logo{
        padding-left:0;
        padding: 12px 0 0 0;
    }
}
.probootstrap-nav{
    margin-left:30px;
    float:left;
     letter-spacing: 0.2em;
}
.probootstrap-mobile-menu-active .probootstrap-nav{
    text-align:left;
    position:fixed;
    display:block!important;
    overflow-y:auto;
    top:0;
    right:0;
    bottom:0;
    z-index:1100;
    height:100vh;
    width:300px;
    background:#000;
    padding:40px;
    -webkit-transition:.3s all ease-out;
    transition:.3s all ease-out;
    -webkit-transform:translateX(300px);
    transform:translateX(300px)
}
.probootstrap-mobile-menu-active .probootstrap-nav .extra-text{
    display:block;
    float:left;
    clear:both;
    margin-top:30px;
    color:#fff
}
.probootstrap-mobile-menu-active .probootstrap-nav .extra-text .social-buttons{
    padding:0;
    margin:0 0 20px
}
.probootstrap-mobile-menu-active .probootstrap-nav .extra-text .social-buttons li{
    display:inline-block;
    zoom:1;
    padding:0;
    margin:0
}
.probootstrap-mobile-menu-active .probootstrap-nav .extra-text .social-buttons li a{
    color:#fff;
    padding:10px
}
.probootstrap-mobile-menu-active .probootstrap-nav .extra-text .social-buttons li:first-child a{
    padding-left:0
}
.probootstrap-mobile-menu-active .probootstrap-nav .extra-text h5{
    text-transform:uppercase;
    letter-spacing:.1em;
    color: rgb(255, 255, 255);
}
.probootstrap-mobile-menu-active.show .probootstrap-nav{
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
.probootstrap-main-nav{
    margin:0;
    padding:0
}
.probootstrap-mobile-menu-active .probootstrap-main-nav{
    float:left;
    margin-top:40px;
    width:100%
}
.probootstrap-main-nav li{
    margin:0;
    padding: 0px 19px;
    list-style:none;
    /* display:inline; */
    font-size:18px;
}
.probootstrap-mobile-menu-active .probootstrap-main-nav li{
    margin-bottom:10px;
    padding-left:0;
    padding-right:0;
    display:block
}
.probootstrap-main-nav li a{
    padding: 10px 0;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: .1em;
}
.probootstrap-mobile-menu-active .probootstrap-main-nav li a{
    margin-bottom:10px;
    padding:5px 0;
    display:block;
    border-bottom:none!important
}
.probootstrap-mobile-menu-active .probootstrap-main-nav li a:hover{
    /* color:#f4bd00 */
}
.probootstrap-main-nav li.probootstrap-cta{
    margin-left:20px
}
.probootstrap-main-nav li.probootstrap-cta a{
    border:2px solid #fff;
    padding-right:20px;
    padding-left:20px;
    border-radius:4px
}
.probootstrap-main-nav li.probootstrap-cta a:hover{
    background:#fff;
    color:#f4bd00
}
.probootstrap-mobile-menu-active .probootstrap-main-nav li.probootstrap-cta{
    margin-left:0;
    margin-top:20px
}
.probootstrap-mobile-menu-active .probootstrap-main-nav li.probootstrap-cta a{
    padding-top:2px;
    padding-bottom:2px
}
.probootstrap-main-nav li.active a,.probootstrap-main-nav li.active a:hover{
    border-bottom:7px solid #fff
}
.probootstrap-mobile-menu-active .probootstrap-main-nav li.active a{
    border-bottom:none!important;
    color: #c3ce22;
}
.probootstrap-header-social{
    position:absolute;
    top:34px;
    right:60px
}
.probootstrap-header-social li{
    display:inline;
    list-style:none;
    margin-left:5px
}
.probootstrap-header-social li a{
    color:#fff
}
.mobile-menu-overlay{
    z-index:1099;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100vw;
    height:100vh;
    background:rgba(0,0,0,.3);
    opacity:0;
    visibility:hidden;
    -webkit-transition:.3s all ease-out;
    transition:.3s all ease-out
}
.probootstrap-mobile-menu-active.show .mobile-menu-overlay{
    opacity:1;
    visibility:visible
}
.probootstrap-intro{
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;
    top:0;
    height:100vh;
    overflow:hidden
}
.probootstrap-intro.probootstrap-intro-inner{
    height:500px
}
.probootstrap-intro .probootstrap-scroll-down{
    position:absolute;
    z-index:1;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    -webkit-transition:.9s all ease-out;
    transition:.9s all ease-out;
    bottom:20px;
    color:#fff;
    opacity:1;
    visibility:visible
}
.probootstrap-intro .probootstrap-scroll-down.probootstrap-sleep{
    bottom:-50px;
    opacity:0;
    visibility:hidden
}
.probootstrap-intro .probootstrap-intro-text{
    margin-top:300px
}
@media screen and (max-width:768px){
    .probootstrap-intro{
        background-position:center center
    }
    .probootstrap-intro .probootstrap-intro-text{
        height:inherit!important;
        margin-top:100px;
        padding-left:15px;
        padding-right:15px
    }
}
.probootstrap-intro.probootstrap-intro-inner .probootstrap-intro-text{
    margin-top:190px
}
.probootstrap-intro:before{
    z-index:1;
    position:absolute;
    display:none;
    top:0;
    left:0;
    right:0;
    bottom:0;
    content:"";
    background:#ddf0f3;
    background:-webkit-gradient(linear,left top,right top,from(#ddf0f3),to(#f4bd00));
    background:linear-gradient(to right,#ddf0f3 0,#f4bd00 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=$firstcolor, endColorstr=$secondcolor, GradientType=1 );
    opacity:.8
}
.probootstrap-intro>.container,.probootstrap-intro>.container-fluid{
    position:relative;
    z-index:3
}
.probootstrap-intro h1{
    font-size:120px;
    text-transform:uppercase;
    color:#000;
    font-weight:900;
    line-height:100px;
    margin-bottom:0
}
.probootstrap-intro h1 span{
    font-weight:300;
    display:block
}
@media screen and (max-width:768px){
    .probootstrap-intro.probootstrap-intro-inner .probootstrap-intro-text{
        margin-top:150px
    }
    .probootstrap-intro{
        height:inherit!important;
        padding:7em 0
    }
    .probootstrap-intro h1{
        font-size:60px;
        line-height:60px
    }
}
.probootstrap-intro .probootstrap-subtitle{
    max-width:700px
}
.probootstrap-intro .probootstrap-subtitle h2{
    margin-top:0;
    color:rgba(0,0,0,.9);
    font-weight:300;
    letter-spacing:.1em;
    text-transform:uppercase;
    position:relative;
    padding-bottom:10px
}
.probootstrap-intro .probootstrap-subtitle h2:before{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:50px;
    height:2px;
    background:#f4bd00
}
.probootstrap-intro .probootstrap-subtitle h2 a{
    color:#000
}
.probootstrap-intro .probootstrap-subtitle h2 a:hover{
    color:rgba(0,0,0,.7)
}
.probootstrap-intro.probootstrap-intro-inner h1{
    font-size:100px;
    line-height:100px
}
@media screen and (max-width:768px){
    .probootstrap-intro.probootstrap-intro-inner h1{
        font-size:50px;
        line-height:50px
    }
}
.probootstrap-intro.probootstrap-intro-inner h2{
    font-size:30px
}
.probootstrap-watch-intro{
    font-size:23px;
    font-weight:300
}
.probootstrap-watch-intro a i{
    position:relative;
    top:2px;
    -webkit-transition:.3s all;
    transition:.3s all
}
.probootstrap-watch-intro a:hover i{
    margin-left:20px
}
.probootstrap-burger-menu{
    display:inline-block;
    width:18px;
    height:18px;
    cursor:pointer;
    text-decoration:none
}
.probootstrap-burger-menu i{
    position:relative;
    display:inline-block;
    width: 12px;
    height:2px;
    color: #fff;
    font:700 14px/.4 Helvetica,arial;
    text-transform:uppercase;
    text-indent:-55px;
    background:#fff;
    -webkit-transition:all .2s ease-out;
    transition:all .2s ease-out;
}
.flexslider .probootstrap-heading,.section-heading h2{
    font-family:Rubik,sans-serif;
    text-transform:uppercase
}
.probootstrap-burger-menu i::after,.probootstrap-burger-menu i::before{
    content:'';
    width:18px;
    height:2px;
    background:#fff;
    position:absolute;
    left:0;
    -webkit-transition:all .2s ease-out;
    transition:all .2s ease-out
}
.probootstrap-burger-menu i::before{
    top:-7px
}
.probootstrap-burger-menu i::after{
    bottom:-7px
}
.probootstrap-burger-menu:hover i::before{
    top:-10px
}
.probootstrap-burger-menu:hover i::after{
    bottom:-10px
}
.probootstrap-burger-menu.active i{
    background:0 0
}
.probootstrap-burger-menu.active i::before{
    top:0;
    -webkit-transform:rotateZ(45deg);
    transform:rotateZ(45deg)
}
.probootstrap-burger-menu.active i::after{
    bottom:0;
    -webkit-transform:rotateZ(-45deg);
    transform:rotateZ(-45deg)
}
.probootstrap-burger-menu{
    position:absolute;
    top:30px;
    right:20px
}
.btn{
    border:none;
    border-radius:100px;
    font-size:18px;
    padding:15px 40px
}
.btn.btn-sm{
    font-size:16px;
    padding:5px 20px
}
.btn:active{
    -webkit-transition:.2s all;
    transition:.2s all;
    -webkit-transform:scale(.95);
    transform:scale(.95);
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn.btn-lg{
    line-height:1.5;
    padding-top:20px;
    padding-bottom:20px
}
.btn.btn-primary{
    border: 2px solid #ffffffad;
    background: #c3d002;
    color: #ffffff;
}
.btn.btn-primary:active,.btn.btn-primary:focus,.btn.btn-primary:hover{
    background: #ffffff;
    color: #c3d002;
    border: 2px solid #c3d002;
}
.btn.btn-primary:active,.btn.btn-primary:focus{
    outline:0;
    border:2px solid #ffc90f
}

.btn.btn-ghost{
    background:0 0;
    border: 2px solid #c3d002;
    color: #c3d002;
}


.btn.btn-ghost:hover{
    background:#fff;
    color:#fff;
    border:2px solid #fff
}
.btn.btn-ghost:active,.btn.btn-ghost:focus{
    outline:0;
    background:0 0;
    color:#fff;
    border:2px solid #f4bd00
}


.btn.btn-ghost.btn-ghost-white{
    border:2px solid #fff;
    color:#fff;
    background: #ffffff25;
}
.btn.btn-ghost.btn-ghost-white:hover{
    background:#fff;
    color: #c3d002;
}


.btn.btn-ghost.btn-ghost-white:active,.btn.btn-ghost.btn-ghost-white:focus{
    outline:0;
    background:#fff;
    color:#fff;
    border:2px solid #fff
}



.btn.btn-ghost.btn-ghost-balck{
    border:2px solid #131313;
    color:#fff;
    background: #ffffff25;
}
.btn.btn-ghost.btn-ghost-balck:hover{
    background:#badf14;
    color: #c3d002;
}


.btn.btn-ghost.btn-ghost-balck:active,.btn.btn-ghost.btn-ghost-white:focus{
    outline:0;
    background:#fff;
    color:#fff;
    border:2px solid #fff
}



.btn.btn-black,.btn.btn-black:active,.btn.btn-black:focus,.btn.btn-black:hover{
    background:#000;
    border:1px solid #000;
    color:#fff
}
.btn.btn-black:active,.btn.btn-black:focus{
    outline:0
}
.probootstrap-section{
    padding:3em 0;
    position:relative;
    z-index:2
}
.probootstrap-section.probootstrap-section-sm{
    padding:3em 0
}
.probootstrap-section.probootstrap-border-top{
    border-top:1px solid rgba(0,0,0,.1)
}
.probootstrap-section.probootstrap-border-bottom{
    border-bottom:1px solid rgba(0,0,0,.1)
}
.probootstrap-section>.container.probootstrap-border-top{
    padding-top:50px;
    border-top:1px solid rgba(0,0,0,.1)
}
.probootstrap-section.probootstrap-section-colored,.probootstrap-section.probootstrap-section-dark{
    background:#ddf0f3;
    background:-webkit-gradient(linear,left top,right top,from(#ddf0f3),to(#f4bd00));
    background:linear-gradient(to right,#ddf0f3 0,#f4bd00 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=$firstcolor, endColorstr=$secondcolor, GradientType=1 )
}
.probootstrap-section.probootstrap-section-colored .section-heading h2,.probootstrap-section.probootstrap-section-dark .section-heading h2{
    font-size: 36px;
     font-weight:600;
}
.probootstrap-section.probootstrap-section-colored .section-heading p,.probootstrap-section.probootstrap-section-dark .section-heading p{
    color:rgba(255,255,255,.6)
}
.probootstrap-section.probootstrap-section-colored .heading-with-icon,.probootstrap-section.probootstrap-section-colored .heading-with-icon i,.probootstrap-section.probootstrap-section-dark .heading-with-icon,.probootstrap-section.probootstrap-section-dark .heading-with-icon i{
    color:#f4bd00
}
.probootstrap-section.probootstrap-section-colored p,.probootstrap-section.probootstrap-section-dark .section-heading h2,.probootstrap-section.probootstrap-section-dark p{
    color:#fff
}
.probootstrap-section.probootstrap-section-dark{
    background:#161C2E;
    color:#fff
}
.probootstrap-section.probootstrap-section-dark .section-heading p,.probootstrap-section.probootstrap-section-dark p{
    color:rgba(255,255,255,.6)
}
.probootstrap-section.probootstrap-bg-white{
    background:#fff
}
@media screen and (max-width:768px){
    .probootstrap-section{
        padding:3em 0
    }
}
.probootstrap-section.probootstrap-bg{
    background-size:cover;
    background-repeat:no-repeat
}
.probootstrap-section.probootstrap-bg:before{
    position:absolute;
    content:"";
    background:rgba(0,0,0,.4);
    top:0;
    left:0;
    right:0;
    bottom:0
}
.probootstrap-relative{
    position:relative
}
.probootstrap-owl-navigation{
    margin:0;
    padding:0
}
.probootstrap-owl-navigation.absolute{
    position:absolute;
    top:2px
}
@media screen and (max-width:768px){
    .probootstrap-owl-navigation.absolute{
        position:relative;
        margin-bottom:40px
    }
}
.probootstrap-owl-navigation.absolute.right{
    right:10px
}
.probootstrap-owl-navigation.absolute.left{
    left:0
}
.probootstrap-owl-navigation li{
    display:inline-block;
    list-style:none;
    margin:0;
    padding:0
}
.probootstrap-owl-navigation li a{
    font-size:30px;
    padding:0;
    color:#ccc
}
.probootstrap-owl-navigation li a:hover{
    color:#333
}
.probootstrap-half{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.probootstrap-half .image-wrap,.probootstrap-half .text{
    width:50%
}
.probootstrap-half .image-wrap{
    overflow:hidden
}
@media screen and (max-width:1000px){
    .probootstrap-half .image-wrap,.probootstrap-half .text{
        width:100%
    }
    .probootstrap-half .image-wrap{
        height:400px;
        width:100%
    }
}
.probootstrap-half .image{
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    -webkit-transition:.8s all ease-in-out;
    transition:.8s all ease-in-out;
    background-color:#f4bd00
}
.probootstrap-half .text{
    padding:100px;
    background: #fbfbfb;
}
.probootstrap-half .text .subtitle{
    color:rgba(255,255,255,.2);
    text-transform:uppercase
}
.probootstrap-half .text h2,.probootstrap-half .text h3,.probootstrap-half .text h4,.probootstrap-half .text h5{
    color:#151514
}
.probootstrap-half .text h3{
    line-height:30px;
    font-size: 26px;
    margin-bottom:30px;
    font-weight: 500;
}
@media screen and (max-width:768px){
    .probootstrap-half .text h3{
        font-size:24px;
        line-height:24px
    }
}
.probootstrap-half .text p{
    font-size:18px;
    color:rgb(15, 14, 14);
    line-height:1.5;
}
.probootstrap-half.reverse{
    position:relative
}
.probootstrap-half.reverse .image-wrap{
    position:absolute;
    right:0;
    top:0;
    height:100%
}

.mds_top{
    margin-top: 39px;
}

.mds_text{
font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #707070;
}

.mdn_text{margin-top: 24px;text-align: center;color: #2d2d2d;font-size: 16px;}

.mds{
    font-size: 26px;
    font-weight: 700;
    border-bottom: 7px solid #c3d002;
    width: 100px;
    margin: 0 auto;
}

.mds-contact{
    border-bottom: 7px solid #ffffff;
    margin-bottom: 50px;
    width: 11%;
    margin-top: 14px;
}


@media screen and (max-width:768px){
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #000000;
    border-color: #c3d002;
}
}

@media screen and (max-width:768px){
.mds-contact {
    border-bottom: 7px solid #ffffff;
    margin-bottom: 50px;
    width: 40%;
    margin-top: 14px;
}
}

.mds-text{
    font-size: 21px;
    color: white;
    font-weight: 500;
    text-align:  center;
    }

@media screen and (max-width:1000px){
    .probootstrap-half .text{
        width:100%;
        padding:30px 15px;
        float:left
    }
    .probootstrap-half.reverse .image-wrap{
        position:relative;
        height:400px
    }
}
.probootstrap-half .btn-ghost-white{
    border-color:rgba(255,255,255,.2)!important
}
.probootstrap-half .btn-ghost-white:active,.probootstrap-half .btn-ghost-white:focus,.probootstrap-half .btn-ghost-white:hover{
    background:0 0!important;
    border-color:#f4bd00!important
}
.probootstrap-half:active .image,.probootstrap-half:focus .image,.probootstrap-half:hover .image{
    -webkit-transform:scale(1.2);
    transform:scale(1.2)
}
.probootstrap-half .service-item{
    position:relative;
    width:100%;
    float:left;
    margin-bottom:30px
}
.probootstrap-half .service-item .number{
    font-weight:700;
    font-size:100px;
    left:0;
    margin-left:-50px;
    top:0;
    color:rgba(255,255,255,.05);
    z-index:1;
    line-height:100px;
    position:absolute
}
.probootstrap-main-content{
    position:relative;
    /* z-index:10; */
    background:#fff;
}
.probootstrap-footer-spacer{
    position:relative;
    z-index:-1;
    pointer-events:none;
}
.probootstrap-footer-section{
    padding: 1em 0;
    background: #c7d047;
}
.probootstrap-footer-section ul{
    list-style:none;
    padding:0;
    margin:0
}
.probootstrap-footer-section ul li{
    padding:0;
    margin:0
}
.probootstrap-footer-section a{
    color: rgb(255, 255, 255);
}
.probootstrap-footer-section a:hover,.probootstrap-footer-section h2,.probootstrap-footer-section h3,.probootstrap-footer-section h4,.probootstrap-footer-section h5{
    color:#000
}
.probootstrap-footer-section h2:first-child,.probootstrap-footer-section h3:first-child,.probootstrap-footer-section h4:first-child,.probootstrap-footer-section h5:first-child{
    margin-top:0
}
.probootstrap-footer-section h3{
    font-size:22px
}
.probootstrap-footer-section p{
    line-height:1.4;
    color:rgb(9, 9, 9);
}
.probootstrap-footer-section p:last-child{
    margin-bottom:0
}

.probootstrap-footer,.probootstrap-footer-spacer{
    height: 4em;
}


.probootstrap-footer-widget{
    float:left;
    width:100%;
    margin-bottom:40px
}
.probootstrap-footer{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index:0
}
.probootstrap-link-wrap{
    padding-left:40px
}
@media screen and (max-width:970px){
    .probootstrap-footer,.probootstrap-footer-spacer{
        height:inherit
    }
    .probootstrap-footer{
        position:relative
    }
    .probootstrap-link-wrap{
        padding-left:0
    }
}
.probootstrap-footer-flex{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.probootstrap-footer-flex .probootstrap-footer-content,.probootstrap-footer-flex .probootstrap-footer-cta{
    padding:3em;
    width:50%
}
@media screen and (max-width:768px){
    .probootstrap-footer-flex .probootstrap-footer-content,.probootstrap-footer-flex .probootstrap-footer-cta{
        width:100%
    }
}
.probootstrap-footer-flex .probootstrap-footer-content{
    background:#f4bd00;
    color:rgba(0,0,0,.5)
}
.probootstrap-footer-flex .probootstrap-footer-content .link a{
    margin-right:4px;
    margin-bottom:4px;
    display:inline-block
}
.probootstrap-footer-flex .probootstrap-footer-content a{
    color:#000;
    border-bottom:2px solid rgba(0,0,0,.1)
}
.probootstrap-footer-flex .probootstrap-footer-content a:hover{
    border-bottom:2px solid #fff
}
.probootstrap-footer-flex .probootstrap-footer-content p{
    line-height:1.4;
    color:rgba(0,0,0,.5)
}
.probootstrap-footer-flex .probootstrap-footer-cta{
    position:relative;
    background:#ffcf28;
    color:#fff;
    text-transform:uppercase;
    vertical-align:center
}
.probootstrap-footer-flex .probootstrap-footer-cta:before{
    position:absolute;
    content:"";
    background:#161C2E;
    width:0;
    top:0;
    left:0;
    height:100%;
    -webkit-transition:.8s width;
    transition:.8s width
}
.probootstrap-footer-flex .probootstrap-footer-cta span{
    position:absolute;
    top:50%;
    left:50%;
    text-align:center;
    font-size:40px;
    font-weight:700;
    display:block;
    -webkit-transform:translateY(-50%) translateX(-50%);
    transform:translateY(-50%) translateX(-50%);
    right:20px;
    line-height:1.2
}
.probootstrap-footer-flex .probootstrap-footer-cta:hover{
    color:#f4bd00
}
.probootstrap-footer-flex .probootstrap-footer-cta:hover:before{
    width:100%
}
.section-heading h2{
    font-size: 21px;
    font-weight:700;
}
.lead{
    line-height:1.65
}
.probootstrap-hover-overlay{
    position:relative;
    display:block;
    overflow:hidden;
    -webkit-transition:.7s all ease-out;
    transition:.7s all ease-out;
    margin-bottom:30px
}
.probootstrap-hover-overlay img{
    position:relative;
    z-index:1;
    -webkit-transition:.3s all ease-out;
    transition:.3s all ease-out
}
.probootstrap-hover-overlay:before{
    -webkit-transition:.3s all ease-out;
    transition:.3s all ease-out;
    content:"";
    top:0;
    left:0;
    right:0;
    bottom:0;
    position:absolute;
    background:rgba(0,0,0,.5);
    opacity:0;
    visibility:hidden;
    z-index:2
}
.probootstrap-hover-overlay .probootstrap-text-overlay{
    position:absolute;
    z-index:20;
    left:20px;
    top:20px;
    -webkit-transition:.4s all ease-out;
    transition:.4s all ease-out;
    opacity:0;
    visibility:hidden
}
.probootstrap-hover-overlay .probootstrap-text-overlay h3{
    color:#fff;
    margin-bottom:0;
    margin-top:0
}
.probootstrap-hover-overlay .probootstrap-text-overlay p{
    color:rgba(255,255,255,.8);
    font-size:12px;
    letter-spacing:.1em;
    text-transform:uppercase
}
.probootstrap-hover-overlay .probootstrap-text-overlay p:last-child{
    margin-bottom:0
}
.probootstrap-hover-overlay:hover:before{
    opacity:1;
    visibility:visible
}
.probootstrap-hover-overlay:hover .probootstrap-text-overlay{
    top:20px;
    opacity:1;
    visibility:visible
}
.probootstrap-hover-overlay:hover img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.probootstrap-block-image{
    margin-bottom:40px;
    float:left;
    width:100%
}
.probootstrap-block-image figure{
    width:200px;
    margin:0 auto
}
.probootstrap-block-image figure img{
    max-width:100%;
    border-radius:50%
}
.probootstrap-block-image h4{
    font-size:20px;
    text-transform:uppercase
}
.probootstrap-blog-list,.probootstrap-news-list,.probootstrap-product-list{
    padding:0;
    margin:0
}
.probootstrap-blog-list li,.probootstrap-news-list li,.probootstrap-product-list li{
    padding:0;
    margin:0 0 30px;
    list-style:none
}
.probootstrap-blog-list li a,.probootstrap-news-list li a,.probootstrap-product-list li a{
    color:#7e8890;
    display:table
}
.probootstrap-blog-list li a .probootstrap-image,.probootstrap-blog-list li a .probootstrap-text,.probootstrap-news-list li a .probootstrap-image,.probootstrap-news-list li a .probootstrap-text,.probootstrap-product-list li a .probootstrap-image,.probootstrap-product-list li a .probootstrap-text{
    display:table-cell;
    vertical-align:top
}
.probootstrap-blog-list li a .probootstrap-image,.probootstrap-news-list li a .probootstrap-image,.probootstrap-product-list li a .probootstrap-image{
    width:80px
}
.probootstrap-blog-list li a .probootstrap-image img,.probootstrap-news-list li a .probootstrap-image img,.probootstrap-product-list li a .probootstrap-image img{
    border-radius:7px
}
.probootstrap-blog-list li a .probootstrap-text,.probootstrap-news-list li a .probootstrap-text,.probootstrap-product-list li a .probootstrap-text{
    padding-left:20px
}
.probootstrap-blog-list li a .probootstrap-text .meta,.probootstrap-news-list li a .probootstrap-text .meta,.probootstrap-product-list li a .probootstrap-text .meta{
    display:block;
    color:#ccc
}
.probootstrap-blog-list li a .probootstrap-text h4,.probootstrap-news-list li a .probootstrap-text h4,.probootstrap-product-list li a .probootstrap-text h4{
    font-size:18px;
    margin:0
}
.link-with-icon,.probootstrap-blog-list li a:hover h4,.probootstrap-news-list li a:hover h4,.probootstrap-product-list li a:hover h4{
    color:#f4bd00
}
.link-with-icon i{
    position:relative;
    top:2px;
    opacity:0;
    visibility:hidden;
    -webkit-transition:.3s all;
    transition:.3s all;
    left:-20px
}
.link-with-icon:focus,.link-with-icon:hover{
    color:#c19500
}
.link-with-icon:focus i,.link-with-icon:hover i{
    position:relative;
    top:2px;
    left:0;
    opacity:1;
    visibility:visible
}
.probootstrap-footer-social{
    padding:0;
    margin:0
}
.probootstrap-footer-social li{
    display:inline;
    padding:0;
    margin:0;
    list-style:none
}
.probootstrap-footer-social li a{
    padding:10px;
    font-size:22px
}
.probootstrap-footer-social li:first-child>a{
    padding-left:0
}
.nav-pills.probootstrap-center,.nav-tabs.probootstrap-center{
    text-align:center
}
.nav-pills.probootstrap-center>li,.nav-tabs.probootstrap-center>li{
    float:none;
    display:inline-block;
    zoom:1
}
.nav-pills.probootstrap-tabs>li>a,.nav-tabs.probootstrap-tabs>li>a{
    border-radius:0;
    padding:20px 30px;
    background:#f4bd00;
    color:#fff;
    font-size:16px;
    border:none!important
}
@media screen and (max-width:480px){
    .nav-pills.probootstrap-center>li,.nav-pills.probootstrap-tabs>li>a,.nav-tabs.probootstrap-center>li,.nav-tabs.probootstrap-tabs>li>a{
        width:100%;
        display:block
    }
}
.nav-pills.probootstrap-tabs>li>a:hover,.nav-tabs.probootstrap-tabs>li>a:hover{
    background:#dba900
}
.nav-pills.probootstrap-tabs>li>a:active,.nav-pills.probootstrap-tabs>li>a:focus,.nav-tabs.probootstrap-tabs>li>a:active,.nav-tabs.probootstrap-tabs>li>a:focus{
    outline:0
}
.nav-pills.probootstrap-tabs>li.active>a,.nav-tabs.probootstrap-tabs>li.active>a{
    background:#fff;
    color:#000
}
.nav-pills.probootstrap-tabs.no-border,.nav-tabs.probootstrap-tabs.no-border{
    border-bottom:none
}
.probootstrap-tab-style-1{
    position:absolute;
    bottom:1px;
    width:100%
}
@media screen and (max-width:768px){
    .probootstrap-tab-section{
        padding-bottom:0!important
    }
    .probootstrap-tab-style-1{
        position:relative
    }
    
    .probootstrap-main-nav li {
    margin: 0;
    padding: 0 3px;
    list-style: none;
    display: inline;
    font-size: 18px;
         }
    
    .mobile {
    float: right;
    padding-top: 36px;
}
    
}
}




.service{
    margin-bottom:30px;
    float:left;
    width:100%;
    padding:40px;
    border:1px solid rgba(0,0,0,.1)
}
.service .icon{
    display:block;
    margin-bottom:30px
}
.service .icon i{
    font-size:40px;
    color:#f4bd00
}
.service h3{
    font-size:22px;
    margin-bottom:20px
}
.service p{
    font-size:15px
}
.service.left-icon{
    padding:0;
    border:none;
    margin-bottom:20px!important
}
.service.left-icon .icon,.service.left-icon .text{
    display:table-cell;
    vertical-align:top
}
.service.left-icon .icon{
    width:70px;
    position:relative;
    top:20px
}
.service.left-icon .icon i{
    font-size:40px
}
.service.left-icon .text{
    display:table-cell
}
.service.left-icon h3{
    font-size:22px;
    margin-bottom:0
}
.service.left-icon p{
    font-size:14px
}
.service.left-icon p:last-child{
    margin-bottom:0
}
.service.hover_service{
    -webkit-transition:.3s all;
    transition:.3s all
}
.service.hover_service:focus,.service.hover_service:hover{
    -webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,.1);
    box-shadow:0 2px 20px 0 rgba(0,0,0,.1);
    border:1px solid transparent
}
.probootstrap-form{
    margin-bottom:50px
}
.probootstrap-form.probootstrap-form-box{
    background:#fff;
    padding:60px;
    -webkit-box-shadow:18px 17px 104px -24px rgba(0,0,0,.1);
    box-shadow:18px 17px 104px -24px rgba(0,0,0,.1)
}
@media screen and (max-width:768px){
    .probootstrap-form.probootstrap-form-box{
        padding:20px
    }
}
.probootstrap-form .form-note-link{
    font-weight:400
}
.probootstrap-form .form-note-link a{
    color:#bfbfbf
}
.probootstrap-form .form-note-link a:active,.probootstrap-form .form-note-link a:focus,.probootstrap-form .form-note-link a:hover{
    color:#404040
}
.probootstrap-form label{
    font-weight:400;
    font-size:14px;
    text-transform:uppercase;
    color: #c3d002;
}
.probootstrap-form .form-control{
    height:46px;
    -webkit-box-shadow:none;
    box-shadow:none;
    font-size:16px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border: 2px solid #c3d002;
    background:0 0;
    color: #c3d002;
    -webkit-transition:.3s all ease-out;
    transition:.3s all ease-out;
}
.probootstrap-form .form-control:active,.probootstrap-form .form-control:focus{
    -webkit-box-shadow:none;
    box-shadow:none;
    border-color:#c3d002
}
.probootstrap-form textarea.form-control{
    height:inherit;
    resize:vertical
}
.probootstrap-animate{
    opacity:0;
    visibility:hidden
}
.probootstrap-contact-info,.with-icon{
    padding:0;
    margin:0 0 30px;
    color: rgb(255, 255, 255);
}
.probootstrap-contact-info li,.with-icon li{
    padding:0;
    margin:20px 0 15px;
    list-style:none;
    line-height:24px;
    display:table
}
.probootstrap-contact-info li>i,.probootstrap-contact-info li>span,.with-icon li>i,.with-icon li>span{
    vertical-align:top;
    display:table-cell
}
.probootstrap-contact-info li>i,.with-icon li>i{
    font-size:20px;
    position:relative;
    top:4px;
    width:30px
}
.with-icon li i{
    top:4px;
    font-size:15px
}
.with-icon.colored i{
    color:#f4bd00
}
.flexslider,.flexslider .slides>li,.slider-height{
    height:800px;
    overflow:hidden
}
.lead{
    font-size:20px
}
.flexslider{
    position:relative;
    z-index:2;
    background:0 0;
    border:none;
    margin:0;
    border-radius:0;
    color:rgba(255,255,255,.7)
}
.flexslider .probootstrap-heading{
    color:#fff;
    font-size: 46px;
    line-height:60px;
    font-weight:700;
}
.flexslider .probootstrap-heading a{
    color:rgba(255,255,255,.8);
    border-bottom:2px solid rgba(255,255,255,.2)
}
.flexslider .probootstrap-heading a:hover{
    border-bottom:2px solid #fff
}
.flexslider .probootstrap-sub-wrap{
    max-width:700px;
    text-align:left;
    font-size:18px;
    line-height:1.5
}
.flexslider .probootstrap-sub-wrap a{
    color:rgba(255,255,255,.8);
    border-bottom:2px solid rgba(255,255,255,.2)
}
.flexslider .probootstrap-sub-wrap a:hover{
    border-bottom:2px solid #fff
}
.flexslider .text-center .probootstrap-sub-wrap{
    margin:0 auto;
    text-align:center
}
.flexslider .probootstrap-slider-text{
    margin-top: 60%;
}
@media screen and (max-width:480px){
    .flexslider,.flexslider .slides>li,.slider-height{
        height:inherit;
        height:500px
    }
    .flexslider .probootstrap-slider-text{
        margin-top: 100%;
    }
}
.flexslider.probootstrap-inner{
    height:500px
}
.flexslider.probootstrap-inner .probootstrap-slider-text{
    margin-top:150px
}
.flexslider .slides>li{
    background-size:cover;
    background-position:center center;
    background-repeat:none
}
.flexslider .slides>li.overlay:before{
    content:"";
    background:rgba(0,0,0,.3);
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.flexslider .flex-control-paging{
    position:absolute;
    bottom:3px;
    z-index:20
}
@media screen and (max-width:480px){
    .flexslider.probootstrap-inner .probootstrap-slider-text{
        margin-top:100px
    }
    .flexslider .flex-direction-nav{
        display:none
    }
}
.flexslider .flex-direction-nav a{
    text-decoration:none;
    display:block;
    width:30px;
    height:30px;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:10;
    overflow:hidden;
    opacity:0;
    cursor:pointer;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    border:2px solid rgba(255,255,255,.9);
    border-radius:50%;
    padding:30px
}
.flexslider .flex-direction-nav a:active,.flexslider .flex-direction-nav a:focus,.flexslider .flex-direction-nav a:hover{
    outline:0
}
.flexslider .flex-direction-nav a:before{
    font-family:icomoon;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    position:absolute;
    content:"\e929";
    -webkit-transition:.3s all;
    transition:.3s all;
    font-size:30px;
    display:inline-block;
    color:#fff;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.flexslider .flex-direction-nav a.flex-next:before{
    content:"\e92a";
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.flex-direction-nav .flex-prev{
    left:50px
}
.flex-direction-nav .flex-next{
    right:50px;
    text-align:right
}
.flexslider:hover .flex-direction-nav .flex-prev{
    opacity:.7;
    left:60px
}
.flexslider:hover .flex-direction-nav .flex-next:hover,.flexslider:hover .flex-direction-nav .flex-prev:hover{
    opacity:1;
    background:rgba(255,255,255,.3)
}
.flexslider:hover .flex-direction-nav .flex-next{
    opacity:.7;
    right:60px
}
.gototop,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel-posts .owl-controls .owl-nav .owl-next{
    right:20px
}


.mds-bg{
background: #c3ce22;
}

.mobile{
    float: right;}

.flex-control-paging li a{
    width:7px;
    height:7px;
    display:block;
    background:rgba(255,255,255,.2);
    cursor:pointer;
    text-indent:-9999px;
    -webkit-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
    -webkit-transition:.3s all;
    transition:.3s all;
    width: 15px;
    height: 15px;
}
.flex-control-paging li a:hover{
    background:#333;
    background:rgba(255,255,255,.7)
}
.flex-control-paging li a.flex-active{
    background: #c3d002;
    cursor:default;
    width: 15px;
    height: 15px;
}
.owl-carousel{
    margin-bottom:100px
}
.owl-carousel.border-rounded .item{
    border:1px solid rgba(0,0,0,.1);
    border-radius:4px;
    overflow:hidden
}
.owl-carousel .owl-controls,.owl-carousel-posts .owl-controls{
    margin-top:0
}
.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel-posts .owl-controls .owl-nav .owl-next,.owl-carousel-posts .owl-controls .owl-nav .owl-prev{
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:9999;
    position:absolute;
    -webkit-transition:.2s all;
    transition:.2s all
}
.owl-carousel-posts .owl-controls .owl-nav .owl-next,.owl-carousel-posts .owl-controls .owl-nav .owl-prev{
    top:24%
}
.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel-posts .owl-controls .owl-nav .owl-prev{
    left:20px
}
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-next i,.owl-carousel-fullwidth .owl-controls .owl-nav .owl-next:hover i,.owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev i,.owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev:hover i,.owl-carousel-posts .owl-controls .owl-nav .owl-next i,.owl-carousel-posts .owl-controls .owl-nav .owl-next:hover i,.owl-carousel-posts .owl-controls .owl-nav .owl-prev i,.owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover i{
    color:#000
}
.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next i,.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next:hover i,.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev i,.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev:hover i{
    color:#fff
}
@media screen and (max-width:768px){
    .owl-theme .owl-controls .owl-nav{
        display:none
    }
}
.owl-theme .owl-controls .owl-nav [class*=owl-]{
    background:0 0!important
}
.owl-theme .owl-controls .owl-nav [class*=owl-] i{
    font-size:24px;
    background:rgba(0,0,0,.7)!important;
    padding:12px;
    -webkit-transition:.5s all;
    transition:.5s all
}
.owl-theme .owl-controls .owl-nav [class*=owl-]:focus i,.owl-theme .owl-controls .owl-nav [class*=owl-]:hover i{
    background:rgba(0,0,0,.7)!important
}
.owl-theme .owl-dots{
    position:absolute;
    bottom:-30px;
    width:100%;
    text-align:center
}
.owl-carousel-fullwidth.owl-theme .owl-dots,.owl-work.owl-theme .owl-dots{
    bottom:-30px;
    margin-bottom:-2.5em
}
.owl-theme .owl-dots .owl-dot span{
    width: 14px;
    height: 14px;
    background:rgba(0,0,0,.2);
    -webkit-transition:.2s all;
    transition:.2s all;
    border:2px solid transparent;
}
.owl-theme .owl-dots .owl-dot span:hover{
    background:0 0;
    border:2px solid rgba(0,0,0,.2)
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
    background:0 0;
    border: 7px solid #c3d002;
}
.probootstrap-testimony-wrap{
    max-width:700px;
    margin:0 auto;
    display:table
}
@media screen and (max-width:980px){
    .probootstrap-testimony-wrap{
        display:block;
        text-align:center!important
    }
}
.probootstrap-testimony-wrap blockquote,.probootstrap-testimony-wrap figure{
    display:table-cell;
    vertical-align:top
}
@media screen and (max-width:980px){
    .probootstrap-testimony-wrap blockquote,.probootstrap-testimony-wrap figure{
        width:100%;
        display:block
    }
}
.probootstrap-testimony-wrap figure{
    width:120px;
    margin:0 auto 50px
}
.probootstrap-testimony-wrap figure img{
    border-radius: 0;
}
@media screen and (max-width:980px){
    .probootstrap-testimony-wrap figure{
        width:100%
    }
    .probootstrap-testimony-wrap figure img{
        max-width:inherit;
        width:120px!important;
        margin:0 auto
    }
}
.probootstrap-testimony-wrap blockquote{
    padding-left:40px;
    border-left:none
}
.mfp-no-margins .mfp-container,.mfp-no-margins img.mfp-img{
    padding:0
}
.probootstrap-testimony-wrap .author{
    margin-top:50px;
    display:block;
    font-size:14px
}
.mfp-fade.mfp-bg{
    opacity:0;
    -webkit-transition:all .15s ease-out;
    transition:all .15s ease-out
}
.mfp-fade.mfp-bg.mfp-ready{
    opacity:.8
}
.mfp-fade.mfp-bg.mfp-removing{
    opacity:0
}
.mfp-fade.mfp-wrap .mfp-content{
    opacity:0;
    -webkit-transition:all .15s ease-out;
    transition:all .15s ease-out
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{
    opacity:1
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{
    opacity:0
}
.image-link{
    cursor:-webkit-zoom-in;
    cursor:zoom-in
}
.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg{
    opacity:0;
    -webkit-backface-visibility:hidden;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.mfp-with-zoom.mfp-ready .mfp-container{
    opacity:1
}
.mfp-with-zoom.mfp-ready.mfp-bg{
    opacity:.8
}
.gototop,.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg{
    opacity:0
}
.mfp-no-margins .mfp-figure:after{
    top:0;
    bottom:0
}
.mfp-title{
    text-align:center;
    padding:6px 0
}
.image-source-link{
    color:#DDD
}
.probootstrap-gutter0>div[class*=col-]{
    padding-right:0;
    padding-left:0
}
@media screen and (max-width:480px){
    .probootstrap-gutter0>div[class*=col-]{
        padding-right:0;
        padding-left:0
    }
    .probootstrap-gutter10>div[class*=col-]{
        padding-right:5px;
        padding-left:5px
    }
}
.probootstrap-gutter10>div[class*=col-]{
    padding-right:5px;
    padding-left:5px
}
.probootstrap-gutter40>div[class*=col-]{
    padding-right:20px;
    padding-left:20px
}
@media screen and (max-width:480px){
    .probootstrap-gutter40>div[class*=col-]{
        padding-right:15px;
        padding-left:15px
    }
}


@media screen and (max-width:768px){
    .mobile{
    float: right;
    display: none;
    }
}


.probootstrap-gutter60>div[class*=col-]{
    padding-right:30px;
    padding-left:30px
}
.mb0{
    margin-bottom:0!important
}
.mb10{
    margin-bottom:10px!important;
    font-weight: 400;
}
.mb20{
    margin-bottom:20px!important
}
.mb30{
    margin-bottom:30px!important
}
.mb40{
    margin-bottom:40px!important
}
.mb50{
    margin-bottom:50px!important
}
.mb60{
    margin-bottom:60px!important
}
.mb70{
    margin-bottom:70px!important
}
.mb80{
    margin-bottom:80px!important
}
.mb90{
    margin-bottom:90px!important
}
.mb100{
    margin-bottom:100px!important
}
.mt0{
    margin-top:0!important
}
.mt10{
    margin-top:10px!important
}
.mt20{
    margin-top:20px!important
}
.mt30{
    margin-top:30px!important
}
.mt40{
    margin-top:40px!important
}
.mt50{
    margin-top:50px!important
}
.mt60{
    margin-top:60px!important
}
.mt70{
    margin-top:70px!important
}
.mt80{
    margin-top:80px!important
}
.mt90{
    margin-top:90px!important
}
.mt100{
    margin-top:100px!important
}
.pb0{
    padding-bottom:0!important
}
.probootstrap-black-color{
    color:#000!important
}
.probootstrap-white-color{
    color:#fff!important
}
.probootstrap-primary-color{
    color:#f4bd00!important
}
.probootstrap-secondary-color{
    color:#ddf0f3!important
}
@media screen and (max-width:768px){
    .img-sm-responsive,.img-xs-responsive{
        max-width:100%
    }
}
@media screen and (max-width:480px){
    .probootstrap-gutter60>div[class*=col-]{
        padding-right:15px;
        padding-left:15px
    }
    .col-xxs-12{
        float:none;
        width:100%
    }
}
.probootstrap-loader{
    position:fixed;
    left:0;
    top:0;
    width:100vw;
    height:100vh;
    z-index:9999;
    background:url(../img/preloader.gif) center no-repeat #fff
}
.gototop{
    position:fixed;
    bottom:-20px;
    z-index:9999999;
    visibility:hidden;
    -webkit-transition:.3s all;
    transition:.3s all
}
.gototop.active{
    opacity:1;
    visibility:visible;
    bottom:20px
}


.mds-footer{color: white;font-size: 14px;text-align:  center;}


.gototop a{
    width:50px;
    height:50px;
    display:table;
    background:rgba(0,0,0,.5);
    color:#fff;
    text-align:center;
    border-radius:4px
}
.gototop a i{
    height:50px;
    display:table-cell;
    vertical-align:middle
}
.gototop a:active,.gototop a:focus,.gototop a:hover{
    text-decoration:none;
    outline:0;
    background:rgba(0,0,0,.9)
}

.mds_color{
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-align: left;
    }

.mds_posisi{
    position: absolute;
    margin-top: 3px;
    }


.card-box{
    position: relative;}

.card-mds{margin-left: 26px;font-size: 21px;}


.mds_size{font-size: 16px;width: 85%;line-height: 26px;overflow: hidden;height: 50px;}


@media screen and (max-width:970px){
.probootstrap-footer,.probootstrap-footer-spacer{
    height:6em;
}
}


.Gallery {
    height: 16em;
}


@media screen and (max-width:970px){
.Gallery{
    height: 6em;
}
}




#map_container{
  position: relative;
}
#map{
    height: 0;
    overflow: hidden;
    padding-bottom: 50%;
    padding-top: 30px;
    position: relative;
}

.mds_maps{font-size: 21px;color: #c3d002;font-weight: 500;margin-top: 12px;}

.top_maps{
margin-top: 60px;
padding-right:0;
padding-left:0;

}


@media screen and (max-width:970px){
.top_maps{margin-top: -60px;padding-right:0;padding-left:0;}
}




.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  /* z-index: 1; */
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: #c3d002;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

img {
  margin-bottom: -4px;
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
  width: 300px;
  height: 300px;
  border-radius: 4px;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}




.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0px;
    margin-left: -10px;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0;
    box-shadow: 0 0 0 rgba(0,0,0,.175);
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #fff;
    margin-top: 5px;
    margin-right: -10px;
}



@media screen and (max-width:970px){
.probootstrap-main-nav li {
    margin: 0;
    padding: 0px 10px;
    list-style: none;
    /* display: inline; */
    font-size: 18px;
}
}


.mds_caption{
text-align: center;
font-size: 21px;
padding: 24px 0 0 0;
font-weight: 500;}