/* font-family: 'Abel', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Abel');
/* font-family: 'Chau Philomene One', sans-serif; font-family: 'Mitr', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Chau+Philomene+One|Mitr');
/* font-family: "Lato"; */
@import url('https://fonts.googleapis.com/css?family=Lato');
/* font-family: "Quick"; */
@import url('https://fonts.googleapis.com/css?family=Quicksand');
/* font-family: 'Open Sans', sans-serif */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
/* font-family: 'Oxygen', sans-serif; */
/*@import url('https://fonts.googleapis.com/css?family=Oxygen');*/
/* font-family: Cairo */
@import url('https://fonts.googleapis.com/css?family=Cairo:400,300,300italic,400italic,700,700italic,900,900italic');

:root {
    --Color-Blue: #2d4446;
    --Color-Light-Blue: #73a4af;
    --Color-Dark-Blue: #2d4446;
    --Color-Dark-Orange: #c74a1a;
    --Color-Orange: #f58220;
    --Color-Light-Orange: #f3994d;
    --Color-Dark-Gray: #262c31;
}

/* Default */
html {
    scroll-behavior: smooth;
}

body {
    /*padding-top: 110px;*/
    /*background-image: linear-gradient(lightcoral, salmon);*/
    font-family: 'Abel', sans-serif;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .row {
    margin: 0px;
    padding: 0px;
}

a {
    color: #195971;
    font-size: 16px;
}

    a:hover {
        color: #194898;
        font-size: 16px;
    }

img {
    max-width: 100%;
    height: auto;
}

textarea {
    resize: none;
}

.PageWrraper {
    background-color: white;
}

.PageFrame {
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.PageContent {
    padding-bottom: 40px;
    margin-bottom: 40px;
    min-height: 400px;
}

/*.container-fluid {
}
*/
.container {
    /*padding-left: 10px;
    padding-right: 10px;*/
}

.ExtraModule {
    padding-top: 30px;
    padding-bottom: 30px;
}

/* Home Page */

/* Home Abou Us */

.HomeAboutUsBlockTitle {
    text-align: center;
    text-transform: uppercase;
    color: var(--Color-Dark-Blue);
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 50px;
}

.HomeAboutUsWrraper {
    background-color: ghostwhite;
    padding-top: 60px;
    padding-bottom: 10px;
    margin-bottom: 50px;
    background-color: rgba(0,0,0,0.08);
    /*background-attachment: fixed;*/
}

.HomeAboutUsLeft {
    text-align: center;
    padding-bottom: 60px;
    padding-right: 15px;
}

    .HomeAboutUsLeft img {
        width: auto;
        height: 450px;
        /*border-radius: 10px;*/
        margin-bottom: 20px;
    }

.HomeAboutUsRight {
}

.HomeAboutUsItemDetails {
    color: black;
    text-align: justify;
    font-size: 16px;
    margin-bottom: 10px;
}

/* Home Services */

.HomeServicesWrraper {
    margin-bottom: 140px;
}

.HomeServicesBlockTitle {
    text-align: center;
    text-transform: uppercase;
    color: var(--Color-Blue);
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 50px;
}

.HomeServiceBlockDesc {
    font-size: 24px;
    color: var(--Color-Gray);
    margin-bottom: 30px;
    text-align: center;
}

.Home-Service-Block {
    margin: 10px;
}

.Home-Service-Item-More {
    text-align: center;
}

    .Home-Service-Item-More a {
        color: var(--Color-Orange);
        font-weight: 600;
        font-size: 14px;
    }

.Home-Service-Frame-Image {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #f1f1f1;
    padding: 20px;
}

.Home-Service-Image {
    width: 100%;
    height: 75px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.Home-Service-Front-Title {
    padding: 10px;
    font-size: 20px;
    color: var(--Color-White);
    font-weight: 600;
    height: 60px;
    margin-bottom: 20px;
    text-align: center;
}

.Home-Service-Back-Title {
    padding: 10px;
}

    .Home-Service-Back-Title h4 {
        font-size: 20px;
        text-align: center;
        font-weight: 600;
        color: var(--Color-Orange);
        border-bottom: solid 3px var(--Color-Light-Gray);
        padding-bottom: 10px;
    }

    .Home-Service-Back-Title p {
        font-size: 16px;
        color: var(--Color-Gray);
        text-align: center;
    }

.Home-Service-Block:hover .Home-Service-Block-Flipper, .Home-Service-Block.hover .Home-Service-Block-Flipper {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.Home-Service-Block-Flipper {
    transition: .6s;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -o-transition: .6s;
    -ms-transition: .6s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    position: relative;
}

.Home-Service-Block-Front, .Home-Service-Block-Back {
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    position: relative;
    top: 0;
    left: 0;
}

.Home-Service-Block-Front {
    z-index: 2;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
}

.Home-Service-Block-Back {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    position: absolute;
    background-color: var(--Color-White);
    height: 100%;
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
    -o-box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
    -ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
}


/* Home Subsidiaries */

.HomeSubsidiariesWrraper {
    margin-bottom: 140px;
}

.HomeSubsidiariesBlockTitle {
    text-align: center;
    text-transform: uppercase;
    color: var(--Color-Blue);
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 50px;
}

.HomeSubsidiaryBlockDesc {
    font-size: 24px;
    color: var(--Color-Gray);
    margin-bottom: 30px;
    text-align: center;
}

.Home-Subsidiary-Block {
    margin: 10px;
}

.Home-Subsidiary-Item-More {
    text-align: center;
}

    .Home-Subsidiary-Item-More a {
        color: var(--Color-Light-Blue);
        font-weight: 600;
        font-size: 14px;
    }

.Home-Subsidiary-Frame-Image {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #f1f1f1;
    padding: 20px;
    -webkit-box-shadow: -5px -5px 15px 0px rgba(50,50,50,.2);
}

.Home-Subsidiary-Image {
    width: 100%;
    height: 75px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.Home-Subsidiary-Front-Title {
    padding: 10px;
    font-size: 20px;
    color: var(--Color-White);
    font-weight: 600;
    height: 60px;
    margin-bottom: 20px;
    text-align: center;
}

.Home-Subsidiary-Back-Title {
    padding: 10px;
}

    .Home-Subsidiary-Back-Title h4 {
        font-size: 20px;
        text-align: center;
        font-weight: 600;
        color: var(--Color-Blue);
        border-bottom: solid 3px var(--Color-Light-Gray);
        padding-bottom: 10px;
    }

    .Home-Subsidiary-Back-Title p {
        font-size: 16px;
        color: var(--Color-Gray);
        text-align: center;
    }

.Home-Subsidiary-Block:hover .Home-Subsidiary-Block-Flipper, .Home-Subsidiary-Block.hover .Home-Subsidiary-Block-Flipper {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.Home-Subsidiary-Block-Flipper {
    transition: .6s;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -o-transition: .6s;
    -ms-transition: .6s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    position: relative;
}

.Home-Subsidiary-Block-Front, .Home-Subsidiary-Block-Back {
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    position: relative;
    top: 0;
    left: 0;
}

.Home-Subsidiary-Block-Front {
    z-index: 2;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
}

.Home-Subsidiary-Block-Back {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    position: absolute;
    background-color: var(--Color-White);
    height: 100%;
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
    -o-box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
    -ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
}

/*.HomeServicesWrraper {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: white;
    margin-bottom: 50px;
}

.HomeServicesBlockTitle {
    text-align: center;
    text-transform: uppercase;
    color: var(--Color-Dark-Orange);
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 50px;
}

.HomeServicesDesc {
    text-align: center;
    color: #195971;
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 50px;
}

.HomeServiceBlock {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 10px;
    height: 300px;
}

.HomeServiceImage {
    text-align: center;
}

    .HomeServiceImage img {
        width: auto;
        height: 75px;
        margin-bottom: 20px;
    }

.HomeServiceName {
    padding-right: 10px;
    padding-left: 10px;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
}

.HomeServiceName a {
    color: black;*/
}

/* Home Why Us */

.HomeWhyUsBlockTitle {
    text-align: center;
    text-transform: uppercase;
    color: var(--Color-Blue);
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 50px;
}

.HomeWhyUsWrraper {
    background-color: white;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 50px;
}

.HomeWhyUsRight {
   
}

    .HomeWhyUsRight img {
        width: 100%;
        height: auto;
        border-radius: 10px;
        margin-bottom: 20px;
    }

.HomeWhyUsLeft {
    text-align: center;
    padding-bottom: 60px;
    padding-right: 20px;
}

.HomeWhyUsItemDetails {
    color: black;
    text-align: justify;
    font-size: 20px;
    margin-bottom: 50px;
}

/* Home Benefits */

.HomeBenefitsWrraper {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: ghostwhite;
    margin-bottom: 50px;
    background-image: url(BG.png);
    background-attachment: fixed;
}

.HomeBenefitsBlockTitle {
    text-align: center;
    text-transform: uppercase;
    color: var(--Color-Blue);
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 50px;
}

.HomeBenefitsDesc {
    text-align: center;
    color: #195971;
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 50px;
}

.HomeBenefitBlock {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
}

.HomeBenefitName {
    padding-top: 30px;
    padding-right: 10px;
    padding-left: 10px;
    color: black;
    font-weight: 600;
    font-size: 22px;
}

.HomeBenefitSeaperator {
    height: 100px;
    padding-top: 35px;
    width: 3px;
    background-color: #f1f1f1;
}

.HomeBenefitSeaperatorInside {
    background-color: var(--Color-Light-Blue);
    height: 30px;
}

/* Inner Page */

/*  Subsidiaries */

.SubsidiaryBlock {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 10px;
    height: 200px;
    border-radius: 10px;
    border: 1px solid honeydew;
    -webkit-box-shadow: -5px -5px 15px 0px rgba(50,50,50,.2);
}

    .SubsidiaryBlock:hover {
        -webkit-box-shadow: -5px -5px 15px 0px rgba(50,50,50,.5);
    }

.SubsidiaryImage {
    text-align: center;
}

    .SubsidiaryImage img {
        width: auto;
        height: 100px;
        margin-bottom: 20px;
    }

.SubsidiaryName {
    padding-right: 10px;
    padding-left: 10px;
    color: black;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
}

/*  Projects */

.ProjectBlock {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 10px;
    height: 300px;
    border-radius: 10px;
    border-bottom: 3px solid var(--Color-Light-Orange);
}

.ProjectImage {
    text-align: center;
}

    .ProjectImage img {
        width: auto;
        height: 200px;
        margin-bottom: 20px;
    }

.ProjectName {
    padding-right: 10px;
    padding-left: 10px;
    color: black;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
}

/*  Partners */

.PartnerBlock {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 10px;
    border-radius: 10px;
}

.PartnerImage {
    text-align: center;
}

    .PartnerImage img {
        width: auto;
        height: 50px;
        margin-bottom: 20px;
    }

.PartnerName {
    padding-right: 10px;
    padding-left: 10px;
    color: black;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
}



/*  Services */

.ServiceBlock {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 10px;
    height: 300px;
    border-radius: 10px;
    background-color: ghostwhite;
}

.ServiceImage {
    text-align: center;
}

    .ServiceImage img {
        width: auto;
        height: 200px;
        margin-bottom: 20px;
    }

.ServiceName {
    padding-right: 10px;
    padding-left: 10px;
    color: black;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
}

/*  Service Projects */

.ServiceProjectsBlockTitle {
    text-align: center;
    text-transform: uppercase;
    color: var(--Color-Blue);
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 50px;
}

.ServiceProjectBlock {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 10px;
    height: 300px;
    border-radius: 10px;
    border-bottom: 3px solid var(--Color-Light-Blue);
}

.ServiceProjectImage {
    text-align: center;
}

    .ServiceProjectImage img {
        width: auto;
        height: 200px;
        margin-bottom: 20px;
    }

.ServiceProjectName {
    padding-right: 10px;
    padding-left: 10px;
    color: black;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
}

.ServiceProjectUploadDate {
    height: 20px;
    color: gray;
    font-size: 12px;
}

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

    .ServiceProjectMore a {
        color: salmon;
        font-weight: 600;
        font-size: 14px;
    }

/* News */
.NewsBlock {
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 10px;
    /*border: 1px solid #f1f1f1;*/
    background-color: ghostwhite;
    border-radius: 10px;
}

    .NewsBlock:hover {
        -webkit-box-shadow: -5px -5px 15px 0px rgba(50,50,50,.2);
    }

.NewsImage {
    width: 100%;
    height: 250px;
    margin-bottom: 10px;
    border-radius: 10px;
}

.NewsTitle {
    height: 100px;
    margin-bottom: 5px;
}

    .NewsTitle a {
        color: steelblue;
        font-size: 16px;
        font-weight: 500;
    }

.NewsUploadDate {
    height: 20px;
    color: gray;
    font-size: 12px;
}

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

    .NewsMore a {
        color: salmon;
        font-weight: 600;
        font-size: 14px;
    }

/* Gallery */

.GalleryBlock {
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 10px;
    background-color: ghostwhite;
    border-radius: 10px;
}

    .GalleryBlock:hover {
        -webkit-box-shadow: -5px -5px 15px 0px rgba(50,50,50,.2);
    }

.GalleryImage {
    width: 100%;
    height: 250px;
    margin-bottom: 10px;
    border-radius: 10px;
}

.GalleryName {
    height: 60px;
    margin-bottom: 10px;
}

    .GalleryName a {
        color: steelblue;
        font-size: 16px;
        font-weight: 500;
    }

.GalleryUploadDate {
    color: dimgray;
    /*font-weight: 600;*/
    font-size: 14px;
}

/* Item */

.ItemTitleWrraper {
    margin-bottom: 50px;
}

.ItemPageTitle {
    font-size: 26px;
    font-weight: 500;
    color: darkslategray;
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: 4px solid #f1f1f1;
    line-height: 2;
    display: inline;
}

.ItemTitle {
    font-size: 14px;
    font-weight: 700;
    color: lightcoral;
    text-transform: uppercase;
}

.Item a {
    font-size: 14px;
    font-weight: 500;
    color: gray;
}

.ItemPostDate {
    font-size: 11px;
    margin-bottom: 30px;
}

.ItemMainImage {
    text-align: center;
    margin-bottom: 30px;
}

.ItemImage {
    text-align: center;
    margin-bottom: 30px;
}

.ItemImages {
    text-align: center;
    margin-bottom: 30px;
}

.ItemFileDescrption {
    text-align: center;
    font-size: 14px;
    color: gray;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 30px;
}

.ItemDetails {
    /*text-align: justify;*/
    padding-top: 30px;
    font-size: 18px;
    margin-bottom: 30px;
}

.ItemLink {
    font-size: 22px;
    color: var(--Color-Dark-Blue);
}

.ItemLink a {
    font-size: 18px;
}

.Float {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

/* Map */

.MapWrapper {
    border-top: 3px solid ghostwhite;
    padding-top: 50px;
    background-color:aliceblue;
}

.MapBlockTitle {
    text-align: center;
    color: slategrey;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 50px;
}

.MapDetailsTitle {
    padding-top: 10px;
    padding-left: 40px;
    padding-right: 40px;
    color: black;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 20px;
}

.MapDetails {
    padding-left: 40px;
    padding-right: 40px;
    color: gray;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 20px;
}

/* Footer */

.FooterWrapper {
    background-color: var(--Color-Dark-Gray);
    padding-top: 60px;
    padding-bottom: 30px;
}

.Footer {
    padding-bottom: 40px;
}

.FooterTitle {
    color: #b8b7b7;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

    .FooterTitle a {
        color: #b8b7b7;
        font-weight: 600;
        font-size: 20px;
        margin-bottom: 10px;
        text-transform: none;
    }

.FooterDetails {
    color: #b8b7b7;
    padding-right: 30px;
    font-size: 16px;
    margin-bottom: 20px;
}

    .FooterDetails a {
        color: #b8b7b7;
        text-decoration: none;
    }

        .FooterDetails a:hover {
            color: white;
        }

.BottomFooter {
    color: #b8b7b7;
    padding-top: 40px;
    font-size: 18px;
}

.BottomFooterPoweredBy {
    text-align: right;
    opacity: 0.6;
}

.BottomFooterPoweredBy:hover {
    opacity: 1;
}

/* Social Media */

.SocialMediaIcon {
    opacity: 0.7;
    margin: 4px;
    display: inline-block;
}

    .SocialMediaIcon:hover {
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    }

.SocialMediaIcon span {
    font-size: 40px;
    color: #b8b7b7;
}
/* Navigation */

.NavigationWrapper {
    background-color: var(--Color-Dark-Gray);
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.Navigation {
    color: ghostwhite;
}

    .Navigation a {
        color: ghostwhite;
        font-weight: bold;
        text-transform: uppercase;
    }

.FormHeader {
    color: steelblue ;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 40px;
}

.form-control {
    width: 100%;
    font-size: 16px;
    border: 1px solid lightgray ;
    color: gray ;
}

.alert {
    font-size: 18px;
}

.alert-danger {
    background-color: aliceblue ;
}

.RequiredIcon {
    color: red ;
    font-size: 16px;
}

.RequiredField {
    color: red ;
}

.Result {
    color: red ;
    font-size: 18px;
}

.FieldIcon {
    background-color: lightcoral ;
    padding: 4px;
}

    .FieldIcon i {
        color: white ;
        padding: 5px;
    }

/* AutoComplete flyout */

.autocomplete_completionListElement {
    background-color: white ;
    border: solid 1px lightgray ;
    color: gray ;
    cursor: pointer;
    overflow: auto;
    list-style-type: none;
    height: 200px;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem {
    background-color: lightgray ;
    color: black ;
    padding: 5px;
    font-size: 14px;
    margin-left: -30px;
}

/* AutoComplete item */

.autocomplete_listItem {
    background-color: white ;
    color: black ;
    padding: 5px;
    font-size: 14px;
    margin-left: -30px;
}

/* Checkbox */

input[type='checkbox'] {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    cursor: pointer;
}

/* Radio Button List */

input[type='radio'] {
    width: 15px;
    height: 15px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}

/* Hidden */
.Hidden {
    display: none;
}

/* Language Area */

.LanguageArea {
}

/* Share Media  */

.ShareMedia {
    width: 100%;
    margin-bottom: 20px;
}

/* Custom button style */

.Button {
    font-size: 16px;
    color: white;
    background-image: linear-gradient(var(--Color-Light-Blue), var(--Color-Blue));
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    border: none;
    border-radius: 10px;
    /*border: solid 1px lightcoral;*/
}

    .Button:hover {
        color: white;
        background-image: linear-gradient(var(--Color-Blue), var(--Color-Light-Blue));
        text-decoration: none;
        /*background-color: white;*/
    }

.Button2 {
    font-size: 16px;
    color: white ;
    background-image: linear-gradient(lightcoral, palevioletred);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    border: none;
    border-radius: 10px;
    /*border: solid 1px lightcoral;*/
}

    .Button2:hover {
        color: white ;
        background-image: linear-gradient(salmon, lightcoral);
        text-decoration: none;
        /*background-color: white;*/
    }

.Button3 {
    font-size: 16px;
    color: white ;
    background-image: linear-gradient(lightcoral, palevioletred);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    border: none;
    border-radius: 10px;
    /*border: solid 1px lightcoral;*/
}

    .Button3:hover {
        color: white ;
        background-image: linear-gradient(salmon, lightcoral);
        text-decoration: none;
        /*background-color: white;*/
    }

.LinkButton {
    font-size: 16px;
    color: lightcoral ;
    margin-right: 20px;
}

    .LinkButton:hover {
        /*color: lightcoral;
        background-color: white;*/
    }

/* Lines */

.HDottedLine {
    border-top: solid 1px lightgray ;
}

.HSolidLine {
    border-top: solid 1px lightgray ;
}

.HSpaceLine {
    height: 10px;
}

.HSpaceLine2 {
    height: 20px;
}

.HSpaceLine4 {
    height: 40px;
}

.HSeperator {
    margin-top: 5px;
    border-top: solid 1px lightgray ;
    margin-bottom: 5px;
}

/* Quick Search */

.QuickSearchBox {
}

/* Transition elsements */

a, div, .btn, .navbar, input, textarea, .form-control {
    -webkit-transition: all 0.425s ease-in-out 0s;
    -moz-transition: all 0.425s ease-in-out 0s;
    -ms-transition: all 0.425s ease-in-out 0s;
    -o-transition: all 0.425s ease-in-out 0s;
    transition: all 0.425s ease-in-out 0s;
}

.None {
    display: none;
}

.thumb-image {
    float: left;
    width: 100px;
    position: relative;
    padding: 5px;
}

.Padding0 {
    padding: 0px;
}

.Padding2 {
    padding: 2px;
}

.Padding4 {
    padding: 4px;
}

.Padding5 {
    padding: 5px;
}

.Padding10 {
    padding: 10px;
}

.Center {
    text-align: center;
}

.Clear {
    clear: both;
}

/* Responsive */

/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    

    
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    
}

/* Landscape phones and portrait tablets - XS */ 
@media (max-width: 767px) {

    body {
        
    }

    .HomeServiceBlock {
        height: 150px;
    }

    .HomeStaffBlock {
        border-bottom: 3px solid salmon;
    }

    .HomeStaffSeaperator {
        display: none;
    }
}

/* Portrait phones and smaller */
@media (max-width: 575.98px) {

    .HomeAboutUsLeft {
        padding-right: 0px;
    }

    .HomeWhyUsLeft {
        padding-right: 0px;
    }

    .HomeBenefitBlock {
        border-bottom: 3px solid var(--Color-Light-Blue);
    }

    .HomeBenefitSeaperator {
        display: none;
    }

    .BottomFooterCopyrights {
        text-align: center;
    }

    .BottomFooterPoweredBy {
        padding-top: 20px;
        text-align: center;
    }
}