@font-face {
    font-family: 'Poppins-Regular';
    src: url('/fonts/Poppins-Regular.ttf');
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url('/fonts/Poppins-Bold.ttf');
}

body {
    font-family: 'Poppins-Regular', sans-serif;
}

.loader {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(/Content/loading.gif) 50% 50% no-repeat rgb(249 249 249 / 31%);
}

.dgn1 {
    text-align: right;
}

    .dgn1 img {
        max-width: 23px;
        vertical-align: middle;
    }

    .dgn1 li {
        display: inline-block;
        vertical-align: middle;
    }

    .dgn1 span {
        vertical-align: middle;
        padding-left: 5px;
        padding-right: 0px;
        padding-top: 0px;
        display: inline-block;
    }

    .dgn1 a {
        color: #454545;
        font-size: 16px;
        display: inline-block;
        padding: 0px 0px 0px 0px;
    }

    .dgn1 i {
        display: inline-block;
        padding: 0px 0px 0px 7px;
    }

.dgn2 img {
    max-width: 216px;
    padding: 4px;
    /* position: absolute; */
    z-index: 99;
}

.dgn3 {
}

.dgn4 {
    padding-top: 30px;
    margin-bottom: 0px;
}

    .dgn4 a {
        color: #0d0d0d;
        padding: 10px 20px !important;
        font-size: 15px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

        .dgn4 a:hover, .nav > li > a:focus {
            text-decoration: none !important;
            background-color: #38325f !important;
            color: #fff !important;
        }


.dgn5 {
}

    .dgn5 li {
        padding: 0px 0px;
    }

    .dgn5 i {
        font-size: 27px;
        color: #454545;
    }

    .dgn5 a {
        padding: 5px 5px 0px 5px !important;
    }

.dgn6 {
    padding: 0px !important;
    margin: 0px !important;
}

    .dgn6 a {
        color: #0d0d0d;
        padding: 9px 20px !important;
        border-left: 4px solid rgb(93 83 162);
        margin: 0px 0px;
        border-bottom: 1px dotted silver;
    }

        .dgn6 a:hover {
            padding-left: 25px !important;
        }

.dgn7 {
    background: url(/content/kusak1.png) top center no-repeat;
    height: 33px;
    margin-bottom: -2px;
    z-index: 100;
}

.dgn8 {
   /* margin: 15px 0px;*/
}

.dgn9 img {
    max-width: 216px;
    padding: 14px 0px 0px 0px;
}


.dgn10 {
    padding: 60px 0;
    text-align: center;
    background-color: #F7F7F7;
}

    .dgn10 h3 {
        color: #777;
        font-size: 57px;
        font-weight: 300;
    }

    .dgn10 h5 {
        position: relative;
        color: #777;
        font-size: 23px;
        font-weight: 300;
        padding-top: 5px;
        padding-bottom: 15px;
        font-style: italic;
    }

    .dgn10 p {
        font-size: 15px;
        font-weight: 400;
        max-width: 750px;
        line-height: 24px;
        margin: 50px auto 0;
    }

.dgn11 {
    padding: 0px 0px 33px 0px;
    text-align: center;
    color: #777;
    font-size: 37px;
    font-weight: 300;
    font-family: 'Poppins-Bold';
}

.dgn12 {
    padding: 0px 0px 9px 0px;
    font-size: 24px;
}

.dgn13 {
    border-bottom: 1px solid #e8e6e6;
}


#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 26px;
    border: none;
    outline: none;
    background-color: green;
    color: white;
    cursor: pointer;
    padding: 4px 11px;
    border-radius: 5px;
}

    #myBtn:hover {
        background-color: #555;
    }

#social-sidebar {
    left: 0;
    position: fixed;
    z-index: 9;
    bottom: 10%;
    text-decoration: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

    #social-sidebar li:first-child a {
        border-top-right-radius: 5px;
    }

    #social-sidebar li:last-child a {
        border-bottom-right-radius: 5px;
    }

    #social-sidebar a[class*="instagram"] {
        background: #C13584;
    }

    #social-sidebar a[class*="facebook"] {
        background: #3B5998;
    }

    #social-sidebar a[class*="whatsapp"] {
        background: #28a745;
    }

    #social-sidebar a {
        background: #dc3545;
        color: #fff;
        text-decoration: none;
        display: block;
        height: 50px;
        width: 50px;
        font-size: 24px;
        line-height: 50px;
        position: relative;
        text-align: center;
        cursor: pointer;
    }

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.navbar-nav {
    float: right;
}

    .navbar-nav > li > a {
        transition: all .5s;
    }

.free-try-btn {
    color: #ffffff !important;
    padding: 0 30px !important;
    background: #d87a2a;
    border: 1px solid #f0eebf;
    border-radius: .25rem;
    transition: all .5s;
    margin-left: 20px;
}

    .free-try-btn:hover, .free-try-btn:focus {
        background: #ff9734 !important;
    }

.cl1 {
    background-color: #38325f;
    /* height: 46px;
    line-height: 54px;*/
    margin-top: 0 !important;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.cl2 {
    position: relative;
}

.cl3 {
    position: absolute;
    top: 15px;
    left: 0px;
    border: 1px solid silver;
    background-color: #fff;
    box-shadow: 1px 1px 15px #454545;
    padding: 7px;
    border-radius: 14px;
    width: 157px;
    z-index: 300;
}

.cl4 {
    position: absolute;
    top: 73px;
    left: 177px;
}

    .cl4 li, .cl6 li {
        display: inline-block;
    }

    .cl4 a:hover, .cl6 a:hover {
        color: #d5d5d5 !important;
        margin: 0 5px;
        padding-left: 15px;
        padding-right: 0px;
        background: #143c6d;
        background: -moz-linear-gradient(top, #143c6d 0%, #2cabdf 69%, #2cabdf 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#143c6d), color-stop(69%,#2cabdf), color-stop(100%,#2cabdf));
        background: -webkit-linear-gradient(top, #143c6d 0%,#2cabdf 69%,#2cabdf 100%);
        background: -o-linear-gradient(top, #143c6d 0%,#2cabdf 69%,#2cabdf 100%);
        background: -ms-linear-gradient(top, #143c6d 0%,#2cabdf 69%,#2cabdf 100%);
        background: linear-gradient(to bottom, #143c6d 0%,#2cabdf 69%,#2cabdf 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#143c6d', endColorstr='#2cabdf',GradientType=0 );
        border: 0px solid #000000;
    }

    .cl4 a:hover, .cl6 a:hover {
        color: #C30003;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        text-decoration: none;
    }

    .cl4 a, .cl6 a {
        margin: 0;
        padding: 0;
        text-align: right;
        text-decoration: none;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        border: none;
        color: #000;
        text-transform: normal;
        display: block;
        height: 35px;
        line-height: 34px;
        position: relative;
        font-size: 15px;
    }

        .cl4 a:after, .cl6 a:after {
            color: #C5C5C5;
            content: "/";
            margin-left: 10px;
            margin-right: 10px;
            text-shadow: none !important;
        }






.cl5 {
}

.cl6 {
    position: absolute;
    top: 73px;
    right: 0px;
}

.cl7 {
    position: absolute;
    top: 41px;
    right: 84px;
    font-size: 18px;
    color: #fff;
}

.cl8 {
    color: #fff;
}

    .cl8:hover, .cl8:visited, .cl8:focus, .cl8:active {
        color: #c3c3c3 !important;
        text-decoration: none;
    }

.cl9 {
    /*  margin-top: -40px;*/
}

.cl10 {
}

.cl11 {
    padding-left: 40px;
}

    .cl11 b {
        color: #111;
        font-size: 50px;
        padding-top: 129px;
        display: block;
    }


    .cl11 p {
        color: #9c9d9d;
        font-size: 18px;
        padding-top: 12px;
        display: block;
        line-height: 33px;
    }

    .cl11 a {
        background-color: #b30838;
        color: #fff;
        padding: 8px 45px;
        border-radius: 5px;
        display: inline-block;
        font-size: 18px;
    }

.cl12 {
    /*  border-top:5px solid silver;*/
    margin: 15px 0px;
}

.cl13 {
    color: #fff;
    /* margin-bottom: 19px; */
    text-align: left;
    padding-top: 10px;
}

    .cl13 a {
        color: #fff;
        font-size:13px;
    }

        .cl13 a:hover {
            color: silver;
        }

    .cl13 i {
        font-size: 22px;
        display: inline-block;
        padding-right: 3px;
    }

.cl14 {
    width: 100%;
    background-color: #222222;
    color: #fff;
    padding: 10px 0px 3px 0px;
}



.cl15 {
    /* border-right: 5px solid #80272b;*/
    padding-left: 0px;
    padding-bottom: 15px;
}

    .cl15 b {
        display: block;
        padding: 15px 19px;
        background-color: #21a7ddf2;
        color: #fff;
        font-size: 27px;
        border-top-left-radius: 15px;
        margin-bottom: 16px;
        text-align: center;
        /* background-image: url(/content/footer-bg-2.png) !important;*/
    }

    .cl15 li {
    }

    .cl15 a {
        display: block;
        padding: 11px;
        border-bottom: 1px dotted silver;
        font-size: 17px;
        color: #454545;
    }

        .cl15 a:hover {
            color: #2cabdf;
        }

.cl15_sec {
    display: block;
    padding: 11px;
    border-bottom: 1px dotted silver;
    font-size: 17px;
    font-weight: bold;
    /* background-image: url(/content/footer-bg-2.png) !important; */
    color: #fff !important;
    background-color: rgb(20 60 109);
}

.cl16 {
    padding-right: 0px;
    line-height: 27px;
    margin-bottom:20px;
}

    .cl16 img {
        /* display: block;*/
        max-width: 100%;
        height: auto;
    }

.cl17 {
    border-bottom: 3px solid silver;
    padding-bottom: 10px;
    font-size: 27px;
    color: #156634;
    padding-top: 32px;
}

.cl18 {
    width: 100%;
    padding: 4px 16px;
    font-size: 15px;
}

.cl19 {
    margin-bottom: 15px;
    width: 100%;
    float: left;
    padding: 1px 10px;
    color: #2cabdf;
    font-size: 19px;
    border-left: 5px solid #143c6d;
    margin: 45px 0px 15px 0px;
    font-weight: bold;
}

.cl20 {
    border-bottom: 3px solid #ececec;
    padding-bottom: 10px;
    font-size: 27px;
    color: #156634;
    padding-top: 32px;
    margin-bottom: 27px;
}

.cl21 {
}

.cl22 {
    text-align: center;
    color: #454545;
    margin-bottom: 15px;
    min-height: 100px;
}

    .cl22 img {
        border: 1px solid silver;
        /*        border-radius: 5px;
        box-shadow: 0px 0px 5px #454545;*/
    }

    .cl22 span {
        display: block;
        padding: 3px 0px;
        font-weight: bold;
    }

    .cl22 p {
        line-height: 26px;
    }

.cl23 {
    margin-top: 30px;
}

.cl24 {
}

.cl25 {
    max-width: 148px;
    padding: 4px 0px 6px 12px;
}

.cl26 {
}

.cl27 {
    text-align: center;
    margin: 5px 0px;
}

.cl28 {
    padding-left: 15px;
}

    .cl28 li {
        border-bottom: 1px dotted #c3c3c3;
    }

    .cl28 a {
    }

.cl29 {
    display: inline-block !important;
    margin-top: 1px;
}

.cl30 {
    padding-left: 0px;
    padding-right: 0px;
}

.cl31 {
    border-bottom: 0px dotted silver !important;
    color: #fff !important;
    padding: 0px 19px !important;
    font-size: 27px !important;
}

    .cl31:hover {
        color: #efefef !important;
    }

.cl32 {
    border: 1px solid silver;
    border-radius: 7px !important;
}

.cl33 {
    position: absolute;
    right: -16px;
    top: -32px;
    margin-bottom: 0px;
    width: 213px;
    text-align: right;
}

    .cl33 i {
        font-size: 23px;
    }

.cl34 {
    font-size: 12px;
}

.cl35 {
    margin: 5px 0px 20px 0px;
}

.brk0 {
    text-align: right;
}

    .brk0 a {
        border-right: 1px solid #dadada;
        color: #fff;
        line-height: 47px;
        display: inline-block;
        /* margin-top: -8px; */
        /* top: -1px; */
        /* position: absolute; */
        padding-right: 15px;
        padding-left: 15px;
    }

        .brk0 a:last-child {
            border-right: 0px solid silver;
        }

.brk1 {
    background-color: #38325f;
    padding: 20px 0px;
}

.brk2 {
    color: #fff;
}

    .brk2 b {
        color: #fff;
        display: block;
        padding: 5px 0px;
        font-size: 31px;
    }

    .brk2 p {

        color: #fff;
        line-height: 23px;
    }

    .brk2 a {
        color: #fff;
    }
.brk3 {
    background-color: #fff;
    padding: 15px 0px;
}
footer {
    width: 100%;
    bottom: 0;
    margin-bottom: 0 !important;
    position: relative;
    color: #000;
    font-size: 14px;
    font-weight: 300;
    line-height: 2;
    padding: 0;
    text-align: center;
    /* opacity: 0.9; */
    /*padding: 17px 0px 0px 0px;*/
    background-color: #151323;
}

.transition-timer-carousel-progress-bar {
    height: 5px;
    background-color: #dcdade;
    width: 0%;
    margin: -5px 0px 0px 0px;
    border: none;
    z-index: 11;
    position: relative;
}

    .transition-timer-carousel-progress-bar.animate {
        /* We make the transition time shorter to avoid the slide transitioning
    before the timer bar is "full" - change the 4.25s here to fit your
    carousel's transition time */
        -webkit-transition: width 4.25s linear;
        -moz-transition: width 4.25s linear;
        -o-transition: width 4.25s linear;
        transition: width 4.25s linear;
    }

/*@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(1, 1);
    }

    to {
        -webkit-transform: scale(1.5, 1.5);
    }
}

@keyframes zoom {
    from {
        transform: scale(1, 1);
    }

    to {
        transform: scale(1.5, 1.5);
    }
}

.carousel-inner > .item > a > img {
    -webkit-animation: zoom 40s;
    animation: zoom 40s;
}*/



@media only screen and (max-width: 768px) {
    body {
        padding-top: 65px;
    }

    .cl28 {         
        margin-top: -11px;
    }
    .navbar-default {
    }

    .cl26 {
        text-align: left;
        padding-left: 15px;
    }

        .cl26 img {
            display: inline-block !important;
            max-width: 115px;
            padding-top: 7px;
        }

    .cl9 {
        margin-top: 0px;
    }

    .cl8 {
        color: #505050;
        font-size: 17px;
        margin: 10px 0px;
    }

        .cl8:hover, .cl8:visited, .cl8:focus, .cl8:active {
            color: #454545 !important;
            text-decoration: none;
        }

    .navbar-toggle {
        background-color: #26a9dd;
        border: 1px solid #26a9dd;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .cl15 {
        padding-left: 0px;
        padding-bottom: 0px;
        padding-right: 0px;
    }

    .cl17 {
    }

    .cl15 b {
        padding: 6px 19px;
        font-size: 19px;
        border-top-left-radius: 0px;
        margin-bottom: 5px;
        /* background-image: url(/content/footer-bg-2.png) !important; */
    }

    .cl17 {
        font-size: 21px;
    }

    .cl19 {
        margin-bottom: 15px;
        padding: 1px 10px;
        font-size: 17px;
        margin: 15px 0px 15px 0px;
    }

    .cl20 {
        margin-bottom: 15px;
        font-size: 16px;
        margin: 20px 0px 15px 0px;
    }

    footer {
        padding: 0px;
    }

    .cl13 {
        text-align: center;
    }

    .dgn9 img {
        max-width: 216px;
        text-align: center;
        display: inline-block;
    }

    .dgn10 {
        padding: 0px 0;
    }

        .dgn10 h3 {
            font-size: 23px;
        }

        .dgn10 h5 {
            font-size: 16px;
            padding-top: 5px;
            padding-bottom: 10px;
        }

        .dgn10 p {
            padding: 0px 15px;
            margin: 7px auto 0;
        }

    .dgn11 {
        padding: 0px 0px 15px 0px;
        font-size: 21px;
    }

    .navbar-nav {
        float: left;
        width: 100%;
    }

    .cl29 i {
        font-size: 21px;
    }

    .dgn1 span {
        color: #454545;
    }
}