@import url(//fonts.googleapis.com/css?family=Montserrat:300,400,500);

.service-5 {
    font-family: "Montserrat", sans-serif;
    color: #8d97ad;
    font-weight: 300;
}

    .service-5 h1, .service-5 h2, .service-5 h3, .service-5 h4, .service-5 h5, .service-5 h6 {
        color: #3e4555;
    }

    .service-5 a {
        text-decoration: none;
    }

    .service-5 .linking {
        color: #3e4555;
    }

        .service-5 .linking:hover {
            color: #316ce8;
        }

    .service-5 .font-weight-medium {
        font-weight: 500;
    }

    .service-5 .bg-light {
        background-color: #f4f8fa !important;
    }

    .service-5 .subtitle {
        color: #8d97ad;
        line-height: 24px;
    }

    .service-5 .card.card-shadow {
        -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
        box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
    }

    .service-5 .wrap-service5-box .card-body {
        padding: 30px;
    }

    .service-5 .wrap-service5-box .text-success-gradiant {
        background: #2cdd9b;
        background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%);
        background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc));
        background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
        background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
        background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        text-fill-color: transparent;
    }

    .service-5 .wrap-service5-box .icon-size {
        font-size: 45px;
    }

    .service-5 .btn-success-gradiant {
        background: #2cdd9b;
        background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%);
        background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc));
        background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
        background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
        background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%);
    }

        .service-5 .btn-success-gradiant:hover {
            background: #1dc8cc;
            background: -webkit-linear-gradient(legacy-direction(to right), #1dc8cc 0%, #2cdd9b 100%);
            background: -webkit-gradient(linear, left top, right top, from(#1dc8cc), to(#2cdd9b));
            background: -webkit-linear-gradient(left, #1dc8cc 0%, #2cdd9b 100%);
            background: -o-linear-gradient(left, #1dc8cc 0%, #2cdd9b 100%);
            background: linear-gradient(to right, #1dc8cc 0%, #2cdd9b 100%);
        }

    .service-5 .btn-md {
        padding: 15px 45px;
        font-size: 16px;
    }

#header-wrapper {
    background-image: url("../images/bg_top1.jpg");
    background-position-y: -4em;
}

#logo p {
    display: inline-block;
    background-color: rgba(0,0,0,0.8);
    padding: 3px 10px;
    font-size: 1em;
    letter-spacing: 0.15em;
    color: rgba(255,255,255,0.8);
    margin-top: 15px;
}

#nav > ul {
    display: block;
    box-shadow: none;
    background-color: rgba(0,0,0,0.8);
}

.about_img_1 {
    display: block;
    width: 500px;
    height: 300px;
    float: left;
    border: solid 10px rgba(255,255,255,0.8);
    margin-right: 50px;
    margin-bottom: 20px;
    background-image: url("../images/about_01.jpg");
    background-position: center;
    /*background-repeat:no-repeat;*/
}



.highlight-detail {
    text-align: justify;
}

.download_img_1 {
    display: block;
    width: 500px;
    height: 300px;
    float: left;
    border: solid 10px rgba(255,255,255,0.8);
    margin-right: 50px;
    background-image: url("../images/download_01.jpg");
    background-position: center;
    background-repeat: no-repeat;
}

.download_link {
    text-decoration: none;
    color: #2fac9a;
}

    .download_link > h3 {
        color: #2fac9a;
    }

.contact_mail {
    float: left;
    padding-right: 10px;
}

.map {
    width: 100%;
    height: 400px;
    display: block;
    background-color: #ccc;
    border: solid 10px rgba(255,255,255,0.8);
    margin-top: 10px;
}

.map_descr {
    font-size: 16px;
    text-align: left;
    line-height: 1.5em;
    margin-bottom: 30px;
    margin-top: 20px;
}

.map_text_1 {
    font-size: 20px;
}

.phone, .mail {
    text-decoration: underline;
    color: rgba(255, 255, 255, 0.5);
}

#footer-wrapper a {
    text-decoration: underline;
    color: rgba(255, 255, 255, 0.5);
}

.name {
    /*color:#236ba3;*/
}

input[type="button"], input[type="submit"], input[type="reset"], button, .button {
    height: 3em;
    line-height: 3em;
}

ul.actions {
    margin: -2em 0 15px 0;
}

.title_1 {
    color: #236ba3;
    font-size: 18px;
    font-weight: 600;
}

.wrapper {
    padding: 3em 0 9em 0;
}

.tableLogin {
    width: 500px;
    margin: 0 auto;
}

.colDesktop {
    display: normal;
}

.viewMobile {
    visibility: hidden;
}

.viewXX {
    display: none;
}

.customTableNav {
    border: none;
    margin-top: 20px;
}

.mobile_link {
    display: none;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
/* Desktop + Tablet */

@media screen and (min-width: 737px) {
}
/* Tablet Only */

@media screen and (min-width: 737px) and (max-width: 1200px) {
    /*#logo{
        margin-top: -10.5em;
    }*/
}

/* Mobile Only */

@media screen and (max-width: 736px) {
    .about_img_1 {
        width: 100%;
        margin: 0 auto;
        float: none;
        margin: 20px auto 30px auto;
        height: 200px;
    }

    .style1 {
        text-align: justify;
    }

    .header.style1 {
        padding-top: 20em 0 1em 0;
    }

    .download_img_1 {
        width: 100%;
        margin: 0 auto;
        float: none;
        margin: 20px auto 30px auto;
        height: 200px;
    }

    .contact_mail {
        float: none;
        width: 100%;
    }

    .map_text_1 {
        font-size: 16px;
    }

    .map_descr {
        font-size: 14px;
        margin-bottom: 15px;
    }

    #header-wrapper {
        background-image: url("../images/bg_top1_s.jpg");
        padding: 4em 2em 6em 2em;
        background-size: auto;
        background-position-y: -1em;
    }

    #logo p {
        display: block;
        color: rgba(255,255,255,0.8);
    }

    #irpc_logo {
        margin-top: -1em;
    }

    #logo p {
        margin: 2.25em 0 0 0;
    }

    p, ul, ol, dl, table, blockquote, form {
        margin-bottom: 1em;
    }

    .image.featured {
        margin: 0 0 1em 0;
    }

    ul.actions {
        margin: 2em 0 15px 0;
    }

    input[type="button"], input[type="submit"], input[type="reset"], button, .button {
        text-align: center;
        width: 12em;
    }

    .wrapper {
        padding: 1em 0 3em 0;
    }

    .tableLogin {
        width: 80%;
        margin: 0 auto;
    }

    .colDesktop {
        display: none;
    }

    .viewMobile {
        visibility: visible;
        margin-left: 10px;
    }

    .viewXX {
        display: table-row;
    }

    .download_link > h3 {
        font-size: 16px;
    }

    #highlights, #location, #download {
        padding: 1em 2em 1em 2em;
    }

    /*#downloadContent{
        display:none;
    }

    #mapContent , #mapContent > .title{
        background-color:#fff;
    }*/
    .mobile_link {
        display: block;
    }

    .normal_link {
        display: none;
    }
}