a:link {
    text-decoration: none;
}


.intro-description {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    color: #FFF;
    line-height: 24px;
    padding-bottom: 65px;

      -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 5s; /* Firefox < 16 */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera < 12.1 */
            animation: fadein 5s;
}

.intro-title {
    font-family: "Lato", sans-serif;
    font-size: 42px;
    color: #32b8cb;
    line-height: 46px;
    letter-spacing:3px;
    font-weight: 700;
    padding-bottom: 35px;


    -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 5s; /* Firefox < 16 */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera < 12.1 */
            animation: fadein 5s;
}

.btn-dmg, .btn-dmg:link, .btn-dmg:active, .btn-dmg:visited{
    padding: 14px 27px 14px 27px;
    border: 1px solid #FFF;
    border-radius: 5px;
    font-family: "Lato", sans-serif;
    font-size: 13px;
    color: white;

      -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 5s; /* Firefox < 16 */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera < 12.1 */
            animation: fadein 5s;
}

media

.btn-dmg:hover {
    padding: 14px 27px 14px 27px;
    border: 0px solid #FFF;
    border-radius: 5px;
    font-family: "Lato", sans-serif;
    font-size: 13px;
    color: white;
    background-color: #32b8cb;
    transition: 0.5s;
}

.btn-dmp:hover {
    padding: 14px 27px 14px 27px;
    border: 0px solid #FFF;
    border-radius: 5px;
    font-family: "Lato", sans-serif;
    font-size: 13px;
    color: white;
    background-color: #32b8cb;
    transition: 0.5s;
}



.btn-dmp {
    padding: 14px 27px 14px 27px;
    border: 1px solid #FFF;
    border-radius: 5px;
    font-family: "Lato", sans-serif;
    font-size: 13px;
    background-color: white;
    color: #333;

      -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 5s; /* Firefox < 16 */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera < 12.1 */
            animation: fadein 5s;
}

.lftbtn {
    margin-left: 30px;
}

@media (max-width: 360px) {
.rgtbtn {
    margin-top: 30px;
}
}

@media (max-width: 360px) {
.lftbtn {
    margin-left: 0px;
}
}
.greyTabs {
    min-height: 500px;
    background-color: #f2f2f2;
}

.topics {
    background-color:#FFF;
    margin-top: -90px;
    width: 22.8%;
    min-height: 537px;
    padding: 50px 35px 50px 35px;
    margin-right: 25px;}


@media (max-width: 980px) {
    .topics {
        width: 100%;
        background-color:#FFF;
        margin-top: 0px;
        margin-bottom: 25px;
        min-height: 373px;
        padding: 50px 35px 50px 35px;
        margin-right: 25px;}
    }
}

.spacing {
    margin-right:17px;
}


.topics:hover {
    background-color:#32b8cb;
    margin-top: -90px;
    transition: 0.5s;
    padding: 50px 35px 50px 35px;
}

.title-black {
    font-family: "Lato", sans-serif;    
    font-size: 20px;
    font-weight: 700;
    color: #5c5c5c;
}

.title-blue {
    font-family: "Lato", sans-serif;    
    font-size: 20px;
    font-weight: 700;
    color: #32b8cb;
}

.li-standard-black {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    color:#5c5c5c;
    padding-bottom:4px;
  
}

.text-standard-black {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    line-height: 1.9em;
    color:#5c5c5c;
    margin-bottom: 65px;
}


.decorationline {
    margin-bottom: 35px;
}

.btn-blue-light {
    padding: 14px 27px 14px 27px;
    margin-right: 10px;
    border: 1px solid #32b8cb;
    border-radius: 5px;
    font-family: "Lato", sans-serif;
    font-size: 13px;
    color: #32b8cb;


}

.topics:hover .title-black {
    color: #FFF;
    transition: 0.8s;

}

.topics:hover .text-standard-black {
    color:#FFF;
    transition: 0.8s;

}

.topics:hover .btn-blue-light{
    color: #FFF;
    border:1px solid #FFF;
        transition: 0.8s;

}


.section-slide {

    padding-top: 100px;
    padding-bottom: 100px;
}

.section-slide-contact {

    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #333333;
}

.section-slide-blue {

    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #32b8cb;
}

.section-slide-blue .title-blue{
    color: white;
}

.section-slide-blue .text-standard-black{
    color: white;
}

.section-slide-contact .text-standard-black{
    color: white;
    margin-bottom: 0px;
}



.rmd {
    padding-left: 0px;!important
}

.check-list {
    color:#32b8cb;
    padding-right: 15px;
}

.aboutill {

    padding-left: 35%;
    
}

.pdl {
    padding-right:55px;
}

.blue-section {
    background-color: #32b8cb;
    padding-top: 50px;
    padding-bottom: 50px;
}


.white-cut-text {
    text-align: center;
    font-family: "Lato", sans-serif;
    font-size: 22px;
    color: #FFF;
    padding-right: 100px;
    padding-left: 100px;
    font-weight: 300italic;
}

@media (max-width: 768px) {
    .white-cut-text {
        font-size:16px;
         padding-right: 20px;
    padding-left: 20px;
    }
}

@media (max-width: 360px) {
    .white-cut-text {
        font-size:16px;
    }
}

.services-ill {
    padding-left: 35px;
}


.fee-title {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.fee-subtitle {
    font-family: "Lato", sans-serif;
    font-size:14px;
    line-height: 1.8em;
}

.feepackage {
    padding: 20px;
    border: 1px solid #FFF;
    border-radius: 6px;
    color: #FFF;
}

.top{
    margin-top:26px;
}

.note {
    font-family: "Lato", sans-serif;
    font-size:12px;
    color: #FFF;
}

.second {
    margin-top: -85.5px;
}

@media (max-width: 980px) {
    .second {
    margin-top: 45px;}
}

.mark-list {
    padding-right: 10px;
}

.contcol {
    background-image: url(../img/assets/contact.png);
    background-position: right 100px top ;
    background-repeat: no-repeat;

}

@media(max-width: 980px) {
    .contcol {
    background-image: url(../img/assets/contact.png);
    background-position: right bottom ;
    background-repeat: no-repeat;

}
}

.btn-submit {
    width:100%;
    height: 62px;
    background-color:#32b8cb;
    color: #FFF;
    font-family: "Lato", sans-serif;
    font-size:14px;
}

.btn-submit:hover {
    width:100%;
    height: 62px;
    background-color:#FFF;
    color: #333;
    transition: 0.5s;
    font-family: "Lato", sans-serif;
    font-size:14px;
}

.blue {
    color:#32b8cb;
}

.white {
    margin-top: -4px;
    color: #FFF;
}

.text-right {
    text-align:right;
}

.text-left {
    text-align: left;
}


.footer {
    padding-top: 35px;
    padding-bottom: 35px;
    background-color: #1d1d1d;
    font-family: "Lato", sans-serif;
    color: #FFF;
}

.navbar {
    min-height: 80px; !important
}


/*.hero {*/
    /*margin-left: 28%;*/
/*}*/

@media (max-width: 768px) {
.navbar-brand >img {
    margin-top: 7px;
}
}





@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@media (max-width: 1024px) {
    .spacing {
        margin-right: 0px !important;
        border-right: 1px solid #333333;
    }

    .lftbtn, .rgtbtn {
        width: 100%;
    }

    .lftbtn {
        margin-left: 0px;
    }

    .rgtbtn {
        margin-top: 35px;
    }


}

@media (max-width: 980px) {
    .intro-title {
        font-size:32px;
    }

    .spacing {
        margin-right: 0px !important;
        border-right: 0px !important;
        border-right: none !important;
    }

}

@media (max-width: 980px) {
    .hero {
        margin-left: 0px;
    }
}

