p
{
    color:#000;
}

h1 {
    font-size: 52px;
}

h2 {
    font-size: 44px;
}

h3 {
    font-size: 36px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 14px;
}

.upperCase
{
    text-transform:uppercase;
}

.text-bold
{
    font-weight:bold;
}

.text-black
{
    color:#000;
}

.text-13 {
    font-size: 13px !important;
}

.text-18
{
    font-size:18px !important;
}

.text-20 {
    font-size: 20px !important;
}

.text-44 {
    font-size: 44px !important;
}

.width-80
{
    width:80%;
}

.offcanvas-widget-area
{
    margin-top:unset;
}

.ml-20 {
    padding-left: 30px !important;
}

#success {
    display: none;
    font-size: 18px;
    font-weight: 700;
}

#error {
    display: none;
    color: red;
    font-size: 18px;
    font-weight: 700;
}

.top30
{
    padding-top:30px;
}

.fontBold
{
    font-weight:bold;
}

.tuncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 95%;
}

.subtitle.tuncatePara {
    text-overflow: ellipsis;    
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.section-title__sub {
    font-size: 32px;
}

.section-title__title {
    font-size: 34px;
}

.background-color--default
{
    background: #fff;
}

.plainBackground
{
    background:#fff;
    background-repeat: repeat-x !important;
    background-repeat-y:no-repeat !important;
}

.main-nav-menu > ul > li:hover > a:after,
.main-nav-menu > ul > li.active > a:after {
    background: #017E1A;
    width: 100%;
}

.main-nav-menu > ul > li.active > a,
.main-nav-menu > ul > li.active > ul.sub-menu > li.active > a {
    color: #017E1A !important;
}

.sub-menu {
    border-bottom: 3px solid #017E1A;
    width:300px;
}

.sub-menu li:hover > a
{
    color:#017E1A;
    font-weight:700;
}

.header-sticky.is-sticky .menu-bar-wrapper-inner
{
    max-width:unset;
}

.brand-logo {
    /*font-family: 'Baloo Chettan 2';*/
    font-family: 'BAHAMAS0';
    /*padding-left: 5px;*/
    font-size: 28px;
    line-height: 28px;
    font-weight: 100;
    color: #017E1A;
}

.brand-logo span
{
    font-weight: 100;
    font-family: 'BAUHS93';
    font-size: 32px;
    display: inline-block;
    margin: 0;
    position: relative;
    transform: scale(1.2, 2.0);
    /*top: -10px;*/
    bottom:10px;
}

.brandFont {
    /*font-family: 'Baloo Chettan 2';*/
    font-family: 'BAHAMAS0';
    color: #017E1A;
}

.brand-logo.logo-para
{
    font-size: 22px !important;
    display: inline-block;
}
.brand-logo.logo-para span{
    font-size: 24px !important;
    transform: scale(1, 1) !important;
    bottom: 0 !important;
    top: -1px;
    /*transform: scale(1, 1.5) !important;
    bottom: 4px !important;
    line-height: 20px;*/
}

.brand-logo a:hover,
.offcanvas-navigation > ul > li > a:hover,
.offcanvas-navigation > ul > li.mactive > a,
.offcanvas-navigation ul.sub-menu-mobile > li > a:hover,
.offcanvas-navigation ul.sub-menu-mobile > li.mactive > a,
.off-canvas-widget-social a:hover,
.off-canvas-contact-widget .header-contact-info__list li a:hover {
    color: #017E1A;
}

.hero-slider-content--extra-space
{
    margin-top: 170px;
}

.footer-widget .social-icons li a:hover,
.footer-widget__menu li a:hover {
    color: #F79A1A;
}

.mailchimp-alerts
{
    color:#fff;
}

.scroll-top:hover {
    background-color: #017E1A;
}

.service-gallery__wrapper .slick-arrow {
    background-color: #017E1A !important;
}

.nav-search-icon {
    width: unset;
    padding-left: 10px;
    padding-right: 5px;
    display: none;
}
.headerBack {
    /*background-color: #2B2D37 !important;*/
    /*background-color: currentcolor !important;*/
    position: relative;
}

.headerBack:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    /*background: #2B2D37 !important;
    opacity: 0.8;*/
    top:0;
    left:0;
    background-image: url(../img/backgrounds/footer-bg.jpg);
    background-position: center center;
    background-size: cover;
}

.header-sticky.is-sticky .nav-search-icon {
    display: block;
}

.coLogo {
    width: auto;
    height: 75px;
    float: right;
}

.header-top .coLogo {
    margin-top:-25px;
}

.nav-search-icon .coLogo
{
    margin-top:-12px;
}

.mobile-logo {
    text-align: center;
    height: 0;
    padding-top: 20px;
    width: auto;
}

.mobile-logo .coLogo {
    width: 275px;
    height: auto;
}

.mobile-menu-trigger,
.mobile-menu-trigger:before, .mobile-menu-trigger:after {
    background-color: #F79A1A;
}

.header-sticky.is-sticky.mobile-header,
.header-sticky.is-sticky .menu-bar-wrapper {
    box-shadow: 0 0px 10px 6px #888;
}

/*.offcanvas-mobile-menu
{
    display:none;
}*/
/*.offcanvas-mobile-menu.active
{
    display:block !important;
}*/
.offcanvas-navigation {
    margin-bottom: 20px;
}

/*.main-nav-menu > ul > li > a
{
    font-size:19px;
}*/

@media (max-width: 1330px) {
    .header-sticky .coLogo {
        height: 43px;
        margin-top: 0;
    }
    /*.header-sticky .main-nav-menu > ul > li {
        margin-right: 20px;
    }
    .header-sticky .nav-search-icon {
        margin-left: 5px;
    }
    .header-sticky .main-nav-menu > ul > li > a {
        font-size: 16px;
    }
    .header-sticky .menu-bar-wrapper {
        padding-right: 10px;
    }*/
}

@media (max-width: 1200px) {
    /*.main-nav-menu > ul > li
    {
        margin-right:30px;
    }*/
    .brand-logo
    {
        font-size:20px;
    }

    .brand-logo span {
        font-size: 24px;
        top:-5px;
        transform: scale(1.2, 1.5);
    }

    .header-sticky.is-sticky .menu-bar-wrapper {
        padding: 0;
    }
    /*.main-nav-menu > ul > li > a {
        font-size: 18px;
    }*/    
}

@media (max-width: 1065px) {
    .header-sticky .main-nav-menu > ul > li > a {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .brand-logo {
        font-size: 32px;
    }
    .brand-logo span {
        font-size: 40px;
        top:-9px;
        transform: scale(1.2, 1.5);
    }
}

@media (max-width: 518px) {
    .brand-logo {
        font-size: 28px;
    }
    .brand-logo span {
        font-size: 36px;
        top:-9px;
        transform: scale(1.2, 1.5);
    }

    .hero-slick-slider-wrapper:hover .slick-arrow.slick-next {
        right: 25px;
    }
    .hero-slick-slider-wrapper:hover .slick-arrow.slick-prev {
        left: 25px;
    }

    .service-gallery__wrapper:hover .slick-arrow.slick-next
    {
        right:25px;
    }
    .service-gallery__wrapper:hover .slick-arrow.slick-prev {
        left: 25px;
    }
}

.padding-0 {
    padding: 0;
}

.margin-0 {
    margin: 0;
}

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

.offcanvas-menu-close {
    background: #F79A1A;
}

.menu-close:before, .menu-close:after {
    background-color: #2B2D37;
}

.header-top-info__text a
{
    color: #fff !important;
}

.header-top-info__text a:hover {
    color: #F79A1A !important;
}

.themeGreen {
    color: #017E1A !important;
}

.themeYellow {
    color: #F79A1A !important;
    /*color: #FABC3D;*/
}

.themeBlue {
    color: #173A8C !important;
}

.themeBlueBG {
    background-color: #173A8C !important;
}

.newsletter-form button {
    background: #FABC3D;
    border: 1px solid #9D7A32;
    padding:10px;
    top:0;
    width:21%;
    text-align:left;
}

.newsletter-form input
{
    padding:10px;
    background:#fff;
    width:80%;
}

/*.footer-area h5:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: auto;
    top: auto;
    bottom: 0;
    right: auto;
    width: 70px;
    height: 2px;
    z-index: 0;
    background-color: #F79A1A;
}*/

.copyright-text {
    font-size: 14px;
}

.craft a {
    color: #f9bf3b;
}

.about-content__text, .about-content, .about-content p {
    text-align: justify;
}

@media (max-width: 991px) {
    .craft {
        text-align:left;
    }

    p{
        text-align:justify !important;
    }

    .prdImg
    {
        order:1;
    }

}

.cta-block--shadow,
.cta-block--default-color p,
.cta-block__inner,
.cta-block__light-text,
.cta-block__light-text span,
.cta-block__semi-bold-text,
.cta-block__semi-bold-text--medium,
.cta-block__bold-text,
.cta-block--bg,
.single-testimonial__text,
.single-testimonial__text span,
.single-testimonial__text span.quote-left,
.single-testimonial__text span.quote-right,        
.single-testimonial__author,
.single-testimonial__rating
{
    font-family: "Rajdhani", sans-serif;
}

.single-testimonial__text
{
    font-size:20px;
}

.page-breadcrumb-content h3 {
    color: #fff !important;
}

.headerText h1 {
    font-size: 39px;
    color: #017E1A !important;
}

/*.headerText h1::before {
    position: absolute;
    content: "";
    left: auto;
    top: 45px;
    bottom: 0;
    right: auto;
    width: 70px;    
    z-index: 0;    
    height: 4px;
    background: #173A8C !important;
}*/

/*---ENQUIRY FORM---*/
#LoaderImage {
    display: none;
    margin-left: 5px;
    width: 22px;
}

.newsletter-form #LoaderImage {
    position: absolute;
    top: 10px;
    right: 18px;
}

.enquiry {
    transform: rotate(-90deg) translate(-20%,0%);
    transform-origin: right;
    z-index: 999;
    position: fixed;
    top: 150px;
    right: 10px;
    font-size: 12px;
}

#rotate {
    vertical-align: top;
    margin-top: 23px;
    width: 80px;
    height: 30px;
}

.enquiry a {
    cursor: pointer;
    min-height: 30px;
    position: relative;
    border: 1px solid #017E1A;
    border-radius: 8px;
    padding: 4px 8px;
    margin-left: 20px;
    font-variant: small-caps;
    color: #fff !important;
    text-shadow: 0 0 0;
    outline: 0;
    letter-spacing: 2px;
    text-shadow: 0 1px 4px #111;
    box-shadow: 0 1px 4px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 1px rgba(255,255,255,.1);
    background: #017E1A;
    font-size: 15px;
}

.enquiry a:hover {
    box-shadow: 0px 0px 4px #fff;
    color: #fff !important;
}

.ShowcaseModal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 11111;
    height: 100%;
    overflow: auto;
    display: none;
}

#EnquiryForm input[type="text"], #EnquiryForm input[type="email"], #EnquiryForm input[type="tel"], #EnquiryForm select, #EnquiryForm textarea,
#contact-form input[type="text"], #contact-form input[type="email"], #contact-form input[type="tel"], #contact-form select, #contact-form textarea {
    background-color: #fff;
    border: 1px solid #333;
}

.Formoutliner {
    background: #fff;    
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 90px;
    border-radius: 5px;
    border: 4px solid #173A8C;
}

.Formoutliner::before {
    position: absolute;
    content: "";
    opacity: 0.8;
    background-image: url("../img/backgrounds/crane.png");
    background-repeat: no-repeat;
    height: 70%;
    width: 80%;
    background-position-x: 380px;
    background-position-y: -25px;
}

@media only screen and (max-width: 1200px) {
    .Formoutliner, .Formoutliner::before {
        width: 90%;
    }
}

@media only screen and (max-width: 1065px) {
    .Formoutliner, .Formoutliner::before {
        width: 95%;
    }
}

@media only screen and (max-width: 1010px) {
    .Formoutliner, .Formoutliner::before {
        width: 97%;
    }
}

@media only screen and (max-width: 992px) {
    #EnquiryContactSection {
        display: none;
    }
    #EnquiryModal .contact-form {
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}

#EnquiryForm {
    padding: 14px 20px;
}

.Formoutliner .main-heading {
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    margin: 0 0 0px;
    padding: 0 0 40px;
    position: relative;
    z-index: 1;
}

.Formoutliner .main-heading::before {
    position: absolute;
    content: "";
    z-index: 0;
    /*top: 45px;*/
    bottom: 35px;
    right: auto;
    left: 4px;
    transform: none;
    width: 70px;
    height: 4px;
    background: #173A8C !important;
}

.Formoutliner input {
    margin-bottom: 15px;
    height: 35px;
    font-size: 14px;
}

.Formoutliner textarea {
    margin-bottom: 15px;
    min-height: 80px;
    font-size: 14px;
    padding: 5px 15px;
}

.Formoutliner select, #contact-form select
{
    margin-bottom: 15px;
    height: 35px;
    font-size: 14px;
    text-align: left;
    width: 100%;
    background: transparent;
    padding: 5px 15px;
    border-radius: 5px;
    -webkit-appearance: none;
    appearance: none;
}

#contact-form select {
    background: #fff;
    height: 50px;
    border-radius: 0;
}

.EnquiryBtn {
    color: #2B2D37 !important;
    margin-top: 0 !important;
    border: solid 1px #2B2D37 !important;
}

.EnquiryBtn:hover {
    color: #fff !important;
}

.Formoutliner .text-center {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.cont-info {
    padding: 30px 30px 32px 40px;
    background: #173A8C;
    border-radius: 50px 0 0 0;
    min-height: 315px;
}

.cont-info h4 {
    font-size: 22px;    
    margin-bottom: 14px;
    color: #fff;
}

.cont-info li
{
    padding-bottom:5px;
}

.enquiry-info li a:hover, .enquiry-info li a, .enquiry-info li i {
    color: #f5f5f5;
}
/*---ENQUIRY FORM---*/

.contactBG {
    background-image: linear-gradient(0deg,hsla(0,0%,95.7%,.92),hsla(0,0%,95.7%,.92)),url('data:image/svg+xml;charset=utf-8,<svg width="480" height="480" xmlns="http://www.w3.org/2000/svg"><path fill="%23A6A6A6" d="M69.2 63.2L0 69.3V25.8L18.5 0h46.7l4 63.2z"/><path fill="%23ADADAD" d="M165.8 20.6l30 110.6L275.2 7.9 165.8 20.6z"/><path fill="%23A6A6A6" d="M480 25.8v44.8l-32.2 2.6L480 25.8zm0 112.6v17l-88.2-40.2 56-42 32.2 65.2z"/><path fill="%23ADADAD" d="M405.2 211.2l10.6 108.7-79.3 10 68.7-118.7zM480 169v18.9l-64.2 132 17.4-118.7L480 169zm0 151.5v46.8l-64.2-47.4 64.2.6zm-186.2 37.4l62.7 64.7-74 6.6 11.3-71.3zm-174-101.3l100.7 90 73.3 11.3-174-101.3zm-50.6 67.3l17.3-59.3 29.3 126-46.6-66.7zm0 0l-4 94L0 367.3v-46.8l69.2 3.4zm114.6 143.3L65.2 417.9l50.6-27.3 68 76.6zM65.2 417.9V480H18.5l46.7-62.1z"/><path fill="%23A6A6A6" d="M12.5 159.9L0 155.4v-17l12.5 21.5z"/><path fill="%23ADADAD" d="M12.5 159.9L0 187.9V169l12.5-9.1z"/><path fill="%23A6A6A6" d="M308.5 164.6l28 165.3-68.7-126 40.7-39.3zm96.7 46.6l28-10-17.4 118.7-10.6-108.7zM220.5 346.6l62 82.6 11.3-71.3-73.3-11.3z"/><path fill="%23A6A6A6" d="M282.5 429.2l-6.3 50.8h-74.9l81.2-50.8zM69.2 323.9l46.6 66.7-50.6 27.3 4-94zm-56.7-164l56.7 164-4-79.3-52.7-84.7zM276.2 0l-1 7.9-109.4 12.7L201.3 0h74.9z"/><path fill="%23A6A6A6" d="M86.5 264.6l33.3-8-4 134-29.3-126z"/><path fill="%23B8BEBE" d="M293.8 357.9l122-38-59.3 102.7-62.7-64.7z"/><path fill="%23F4F4F4" d="M441.8 429.2l-85.3-6.6 59.3-102.7 26 109.3z"/><path fill="%23DCDCE2" d="M480 367.3v58.2l-38.2 3.7-26-109.3 64.2 47.4z"/><path fill="%23BEC3C3" d="M480 425.5V480h-53.3l15.1-50.8 38.2-3.7z"/><path fill="%23DCDCE2" d="M441.8 429.2L426.7 480h-57.5l-12.7-57.4 85.3 6.6z"/><path fill="%23BEC3C3" d="M369.2 480h-84.1l71.4-57.4 12.7 57.4z"/><path fill="%23F4F4F4" d="M356.5 422.6L285.1 480h-8.9l6.3-50.8 74-6.6zm-74 6.6L201.3 480h-35.9l18.4-12.8 98.7-38z"/><path fill="%23B8BEBE" d="M115.8 390.6l68 76.6 98.7-38-116.7-63.3-50 24.7z"/><path fill="%23F4F4F4" d="M119.8 256.6l-4 134 50-24.7-46-109.3z"/><path fill="%23CFCFCF" d="M220.5 346.6l62 82.6-116.7-63.3-46-109.3 100.7 90z"/><path fill="%23B8BEBE" d="M183.8 467.2L165.4 480H89l-23.8-62.1 118.6 49.3z"/><path fill="%23BEC3C3" d="M89 480H65.2v-62.1L89 480z"/><path fill="%23DCDCE2" d="M65.2 417.9L0 425.5v-58.2l65.2 50.6z"/><path fill="%23CFCFCF" d="M65.2 417.9L18.5 480H9.4l55.8-62.1z"/><path fill="%23B8BEBE" d="M65.2 417.9L9.4 480H0v-54.5l65.2-7.6z"/><path fill="%23F4F4F4" d="M65.2 244.6l54.6 12-33.3 8-17.3 59.3-4-79.3z"/><path fill="%23CFCFCF" d="M12.5 159.9L0 169v-13.6l12.5 4.5z"/><path fill="%23F4F4F4" d="M69.2 323.9L0 320.5V187.9l12.5-28 56.7 164zm267.3 6l-42.7 28 122-38-79.3 10zm143.5-142v132.6l-64.2-.6 64.2-132zm-171.5-23.3l124.7 36.6-28 10-68.7 118.7-28-165.3z"/><path fill="%23BEC3C3" d="M119.8 256.6l216.7 73.3-42.7 28-174-101.3z"/><path fill="%23B8BEBE" d="M267.8 203.9l68.7 126-216.7-73.3 148-52.7zm-255.3-44l107.3 96.7-54.6-12-52.7-84.7z"/><path fill="%23CFCFCF" d="M195.8 131.2l-76 125.4-107.3-96.7 183.3-28.7z"/><path fill="%23BEC3C3" d="M69.2 63.2l-56.7 96.7 183.3-28.7-126.6-68z"/><path fill="%23DCDCE2" d="M69.2 63.2l-56.7 96.7L0 138.4V69.3l69.2-6.1z"/><path fill="%23BEC3C3" d="M103.2 32.6l-34 30.6-4-63.2H89l14.2 32.6z"/><path fill="%23DCDCE2" d="M165.8 20.6l30 110.6-126.6-68 34-30.6 62.6-12z"/><path fill="%23F4F4F4" d="M119.8 256.6l76-125.4 112.7 33.4-40.7 39.3-148 52.7z"/><path fill="%23DCDCE2" d="M391.8 115.2l41.4 86-124.7-36.6 83.3-49.4zM275.2 7.9l33.3 156.7-112.7-33.4L275.2 7.9z"/><path fill="%23B8BEBE" d="M391.8 115.2l-83.3 49.4L275.2 7.9l9.9-7.9h84.1l22.6 115.2z"/><path fill="%23CFCFCF" d="M480 9.9v15.9l-32.2 47.4-56 42L480 9.9z"/><path fill="%23B8BEBE" d="M480 0v9.9l-88.2 105.3L426.7 0H480z"/><path fill="%23DCDCE2" d="M426.7 0l-34.9 115.2L369.2 0h57.5z"/><path fill="%23F4F4F4" d="M285.1 0l-9.9 7.9 1-7.9h8.9zm-83.8 0l-35.5 20.6-62.6 12L165.4 0h35.9z"/><path fill="%23CFCFCF" d="M18.5 0L0 25.8V9.9L9.4 0h9.1z"/><path fill="%23B8BEBE" d="M165.4 0l-62.2 32.6L89 0h76.4zM9.4 0L0 9.9V0h9.4z"/><path fill="%23DCDCE2" d="M480 69.3v69.1l-32.2-65.2 32.2-3.9z"/><path fill="%23CFCFCF" d="M480 155.4V169l-46.8 32.2-41.4-86 88.2 40.2z"/></svg>');
}

.addressBox {
    border: solid 1px lightgray;
    border-radius: 2px;
    box-shadow: 10px 10px 10px #888;
}

.addressBox:hover {
    box-shadow: 0px 0px 0px #888;
    transition: 0.3s;
}

.addressBox:hover .subtitle
{
    font-weight:600;
}

.addressBox h3.title {
    margin-left: 18%;
    text-align: right !important;
    line-height: 40px;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.addressBox .subtitle
{
    padding-left:20px;
    font-weight:500;
    color:#000;
    margin-bottom:0;
    padding-bottom:15px;
    min-height:435px;
}

.addressBox .subtitle i
{
    margin-right:5px;
}

.addressBox .subtitle a
{
    color: #173A8C;
}

.addressBox .subtitle a:hover {
    color: #F79A1A;
    font-weight:600;
}

.addressBox .service-grid-item__image {
    margin-bottom: 0;
}

.contact-information .footer-widget .social-icons li a {
    color: #173A8C !important;
}

#contact-page-map {
    width: 100%;
    height: 500px;
    padding: 0 0 10px;
}

@media only screen and (max-width: 991px) {
    .addressBox .service-grid-item__image, .addressBox .service-grid-item__image .icon {
        display: none;
    }

    .pageHheadingHolder
    {
        display:none;
    }

    .pageContentArea
    {
        padding-top:60px;
    }
}

.page-breadcrumb::before
{
    opacity:0.5 !important;
}

.pageContentArea::before, .homeBG::before {
    content: '';
    height: 100%;
    width: 100%;
    position: fixed;
    opacity: 0.04;
    background-size: cover;
    background-repeat: no-repeat;
    top: 100px;
    z-index: 0;
}

.pageContentArea.productsBG::before {
    background-image: url(../img/backgrounds/construction2.jpg);
}
.productsBannerBG {
    background-image: url(../img/backgrounds/constructionBG.jpg) !important;
    background-position: 0 0px;
}
.page-breadcrumb.productsBannerBG::before {
    opacity: 0.2 !important;
}

.pageContentArea.aboutUsBG::before {
    opacity:0.03;
    background-size:cover;
    background-image: url(../img/backgrounds/aboutBG.jpg);
}
.aboutUsBannerBG {
    background-image: url(../img/backgrounds/about.jpg) !important;
}

.pageContentArea.projectsBG::before {
    background-image: url(../img/backgrounds/Crane.jpg);
}
.projectsBannerBG {
    background-image: url(../img/backgrounds/CraneBG.jpg) !important;
}

.pageContentArea.galleryBG::before {
    background-image: url(../img/backgrounds/tower2.jpg);
}
.galleryBannerBG {
    background-image: url(../img/backgrounds/tower2.jpg) !important;
}

.pageContentArea.infrastructureBG::before {
    background-image: url(../img/backgrounds/port2.jpg);
}
.infrastructureBannerBG {
    background-image: url(../img/backgrounds/port2.jpg) !important;
}

.pageContentArea.clientsBG::before {
    background-image: url(../img/backgrounds/clients.jpg);
}
.clientsBannerBG {
    background-image: url(../img/backgrounds/clientsBG.jpg) !important;
}

.contactBannerBG {
    background-image: url(../img/backgrounds/bc-bg.jpg) !important;
}

.homeBG::before {
    /*background-image: url(../img/backgrounds/building.jpg);*/
    background-image: url(../img/about/success.png);
}

.productsBG .service-grid-item__image-wrapper:hover {
    box-shadow: none;
    transition: 0.3s;
}

.productsBG .service-grid-item__image-wrapper {
    overflow: hidden;
    box-shadow: 10px 10px 10px 0px #888;
}

.productsBG .service-grid-item:hover .service-grid-item__image .icon {
    background-color: #173A8C;
}

.icon img {
    width: 55px;
}

.slick-slider
{
    z-index:6;
}

.myGallery {
    /*text-align: center;*/
}

.myGallery img {
    height: 280px;
    width: auto;
    object-fit: cover;
    border:solid 3px #fff;
    box-shadow: 20px 20px 10px #888;
}

.myGallery img.img2, .myGallery img.img3
{    
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10;        
    display:none;
    transition:.3s;
}

.single-project-item:before
{
    width:auto !important;
}

.single-project-wrapper:hover
{
    z-index:99;
}

.infrastructureBG .single-project-item img {
    width: 100%;
    height: 250px;
}

.infrastructureBG .single-project-item img.img1 {
    border: solid 4px #173A8C;
    box-shadow: 20px 20px 10px #888;
}

.infrastructureBG .service-grid-item__image img.img2 {
    position: absolute;
    top: 20px;
    left: 20px;
    border: solid 4px #fff;
    z-index: -1;    
    transform: rotate(-15deg);
}

.infrastructureBG .service-grid-item__image img.img3 {
    position: absolute;
    top: -20px;
    left: -20px;
    border: solid 4px #fff;
    z-index: -1;
    transform: rotate(15deg);
}

.italic {
    font-style: italic;
    font-size: 30px;
}

.service-gallery {
    box-shadow: 10px 10px 10px 10px #888;
}

.productsGallery img {
    width: 100% !important;
    /*object-fit:cover;*/
    object-fit: contain;
    height: 450px;
}

.details p {
    text-align: justify;
}

.single-project-wrapper:hover .single-project-item .single-project-title {
    background: #173A8C;
    padding: 10px;
    z-index: 99;
}

.single-project-wrapper:hover .single-project-item:before {
    opacity: 0.5 !important;
}

.single-project-wrapper:hover .img1 {
    z-index: 10;
    transform: rotate(15deg);
    transition: .3s;
    left: 7%;
    top: 40px;
    position:relative;
    box-shadow: 0px 0px 10px #888;
}

.single-project-wrapper:hover .img2 {    
    transition: .3s;
    z-index: -3 !important;
    display: block;    
    /*box-shadow: 20px 0px 10px #888;*/
    box-shadow:unset;
}

.single-project-wrapper:hover .img3 {
    box-shadow: none;
    transition: .3s;
    transform: rotate(-15deg);
    left: -8%;
    top: -30px;
    z-index: -5;
    display: block;
    box-shadow: -10px 10px 10px #888;
}


.myGallery .single-project-title {
    font-size: unset;
}

.default-btn.small-btn
{
    font-size:15px !important;
    padding:10px;
}

.default-btn {
    display: inline-block !important;
    color: #2B2D37 !important;
    background: #FABC3D !important;
    padding: 15px 20px !important;
}

.spl-btn
{
    width:95%;
    margin-top:30px;
}

.normalul li {
    font-weight: bold;
    padding-left: 5px;
    list-style: square;
    margin-left: 20px;
}

.aboutUsBG .cta-wrapper img
{
    height: 180px;
    object-fit:cover;
}

.clientsBG .clients img {
    height: 75px;
    object-fit:contain;
}

.clientsBG .clients .single-team-member__image:hover img {
    transform: scale(1.1);
}

.clientsBG .clients {
    display: none;
}

.clientsBG .single-team-member__image
{
    visibility:visible !important;
    overflow:hidden;
}

.clientsBG .sidebar-list li a {
    border-radius: 40px;
    background: #017E1A;
    color:#fff;
    padding-left:20px;
}

.projectsBG .project-information ul li,
.projectsBG .project-information h4 {
    font-family: 'rajdhani';
}

.gallery-item
{
    height:100%;
}

.projectsBG .gallery-item img {
    min-height: 250px;
    max-height: 250px;
    height: auto;
    width: 100%;
    object-fit: cover;
}

.service-grid-item__image a img,
.service-area .single-service__image a img {
    height: 200px;
    /*object-fit: cover;*/
}

.service-grid-item__image a,
.service-area .single-service h5 {
    font-family: 'Rajdhani';
}

.projectsBG .service-grid-item__image a img {
    object-fit: cover;
}

.single-testimonial p
{
    text-align:center !important;
}


/*.single-testimonial__text {
    text-align: justify;
}*/
/*button#scroll-top::after {
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    border: solid 1px #000;
    border-radius: 50%;
    top: 6px;
    left: 43%;
    box-shadow: 1px 1px 1px 1px #000;
    background: #fff;
}

button#scroll-top::before {
    position: fixed;
    height: 68.5%;
    width: 2px;
    border: dashed 1px #000;
    content: '';
    top: 0;
    margin-left: 8px;
    margin-top: 7%;
}*/
/*.loader-holder {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    position: fixed;
    background-color: white;
}

.loader-holder .block {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    width:100%;
}

.loader-logo {    
    font-family: 'BAHAMASN';    
    font-size: 64px;
    line-height: 64px;
    font-weight: 100;
    color: #017E1A;
    display:inline-block;
}

.loader-logo span {    
    font-weight: 500;
    font-size: 64px;
    display: inline-block;
    margin: 0;
    position: relative;
    transform: scale(1.2, 1.8);
    top: -20px;
}*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 99999;
    height: 100%;
    width: 100%;
}

.no-js #preloader, .oldie #preloader {
    display: block;
}

#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    /*width: 60px;
    height: 60px;*/
    margin: -30px 0 0 -30px;
    padding: 0;
    transform: translate(-50%, -50%);
}

/*cubes*/
.sk-cube-grid {
    width: 150px;
    height: 150px;
}

    .sk-cube-grid .sk-cube {
        width: 33%;
        height: 33%;
        background-color: #173A8C;
        border: solid 1px #017E1A;
        float: left;
        -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
        animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    }

    .sk-cube-grid .sk-cube1 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .sk-cube-grid .sk-cube2 {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .sk-cube-grid .sk-cube3 {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }

    .sk-cube-grid .sk-cube4 {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .sk-cube-grid .sk-cube5 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .sk-cube-grid .sk-cube6 {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .sk-cube-grid .sk-cube7 {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

    .sk-cube-grid .sk-cube8 {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .sk-cube-grid .sk-cube9 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}