#loading-area.loading-page-2 .loading-inner { width: 200px;  height: 200px; line-height: 200px;}
.breadcrumb {display: inline-block;  list-style: none;text-align: center;}
.breadcrumb-row a{color:#fff;}
.breadcrumb-row span{color:#fff;}
.at-expanding-share-button-toggle,.DZ-bt-support-now,.DZ-bt-buy-now ,.DZ-theme-btn{display:none !important;}
.site-header.header-sidenav-1 .is-fixed .main-bar {    background:#fff !important;}
.site-header.header-sidenav-1 .is-fixed .main-bar {   background:#fff !important;}
.site-header.header-sidenav-1 .is-fixed .service-list ul li .title {    color: #000;    font-size: 18px;}
.site-header.style-1 .main-bar-wraper:after{background-color: #fff;}
.header-transparent{    background: #fff;}
.service-list ul li .title {    color: #4e4f50;}
.text-upper {    text-transform: uppercase; }
.logo-header img {    max-width: 400px;}
.content-box2 .dz-info .title{text-transform: capitalize;}
.app-form-wraper input,.app-form-wraper textarea,#varyingModal input,#varyingModal textarea{    border: 1px solid #cccccc;    padding: 10px 20px;    font-size: 15px;    font-weight: 400;    color: #555;    transition: all 0.3s ease-in-out;    background: #fff;    margin-bottom: 20px;width:100%;}
#commentform input[type=submit],.app-form-wraper input[type=submit],#varyingModal input[type=submit]{width:auto;    text-transform: uppercase;    font-weight: 500;    letter-spacing: 1px;    font-size: 17px;    -webkit-transition: all 0.2s;    -ms-transition: all 0.2s;    transition: all 0.2s;justify-content: center;    background: #004a6f;   color: #fff;    border: none;    padding: 14px 40px;}
#commentform input[type=submit]:hover,.app-form-wraper input[type=submit]:hover,#varyingModal input[type=submit]:hover{background:#ffcc66;}
#varyingModal input,#varyingModal textarea{    padding: 7px 15px;margin-bottom: 15px;}
footer .footer-logo {    background: #fff;    padding: 10px;}
.content-box2 .dz-bottom .btn-link{font-weight: 500 !important;    text-transform: uppercase;}
.color-white{color:#fff;font-weight: 400;    font-size: 18px;}
.bg-white{background:#fff;}
.max-w-1100{max-width:1100px !important;;}
.fs-20{    font-size: 35px !important;;    font-weight: 500;    line-height: 49px !important;}
.section-head h2, .section-head .h2 {    font-size: 3rem;    line-height: 1.2;}
.exptit{    font-weight: 400;font-size: 30px;    text-align: left;}
/*.logo-header img {    height: 140px;}*/
.innerpagelogo img {max-width: 200px !important;}
.accreditation i,.completedproject i{    background: #ffcc66;    padding: 15px;    color: #333;    font-size: 18px;}
/*.view-btn.lightimg{float:left;width:45px;}*/

.widget_gallery.gallery-grid-3 .dlab-post-thum img{width:100%;height:80px;object-fit:cover;}
.header-nav .nav > li > a {padding: 41px 20px;    color: #004a6f;    font-size: 16px;    font-weight: 500;    text-transform: uppercase;}
.menuhome li a{padding: 17px 20px !important;font-size: 20px !important;}
.menuhome li .sub-menu li a{padding: 7px 20px !important;    color: #555 !important;    font-size: 15px !important;    font-family: var(--font-family-title);    text-transform: uppercase !important;}
.menuhome li .sub-menu{    top: -10px !important;}
.header-nav .nav > li .sub-menu li a{    font-family: var(--font-family-title);    text-transform: uppercase !important;}
.commentlist{    padding: 0;position:relative;}
.comment-reply-link{    background: #ffcc66;    color: #000;    padding: 7px 20px;}    .reply{    position: absolute;    right: 0;bottom: 10px;}
li.comment{    position: relative;    margin-bottom: 20px;    border-bottom: 1px solid #ccc;    display: inline-block;    padding-bottom: 20px;}
.commentlist .says,.comment-meta.commentmetadata{display:none;}
.comment-author .fn a.url{    font-size: 20px;    line-height: 18px;    color: var(--title);    font-weight: 600;    font-style: normal;    margin-bottom: 15px;text-transform:capitalize;    padding-top: 10px;    font-family: var(--font-family-title);}
.comment-outer h3{text-transform: capitalize;}
.input-group {    display: block;}

.career-box .btn.btn-icon{    font-family: var(--font-family-title);    background: #004a6f;    border: none;    letter-spacing: 1px;}

.career-inner p,.career-inner li,.career-inner .wpcf7-list-item-label{font-family: 'Cairo', sans-serif;    font-size: 16px !important;    line-height: 29px;}
.career-inner strong {    color: #222;    font-weight: 600;}
.career-inner .widget-title .title{    text-align: center;    margin-bottom: 20px;    font-size: 25px;}
.career-inner input{
    width: 100%;
    border: 1px solid #ccc;
    padding: 6px 10px;
    margin-bottom: 20px;
}
.career-inner input[type="checkbox"] {
    width: auto;
}

.dd {
    display: inline-block;
    text-align: center;
    width: 100%;
    background: #004a6f; margin-top:20px;
}
.dd p{padding: 10px 0px;
    color: #fff !important;
    margin: 0;}
    .site-footer.style-2 .footer-bottom{    padding-bottom: 0 !important;}
#commentform input,#commentform textarea{    margin-bottom: 18px;
    border: 1px solid;
    border-color: #f3f4f6;
    padding: 10px 15px;
    font-size: 15px;
    font-weight: 400;
    color: #555;
    -webkit-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
    background: #f3f4f6;
    width: 100%;
    border-radius: var(--border-radius);}
    
.txtshd{    color: #fff!important;font-size:2em;    text-shadow: 1px 1px #333, -1px 1px #333, 1px -1px #333, -1px -1px #fff, 1px 1px 5px #eee;}
.projectsarwarded_box .dz-title a{    font-size: 20px;    font-weight: 400;}
.projectsarwarded_box img{width: 100%;height:380px;object-fit: contain;    padding-top: 30px;}
    
.projectsarwarded_box {height: 450px;    overflow: scroll !important;}

.dz-topbar-right a{color:#fff;}
.contact-wraper1:after{width:0px !important;}
.contact-wraper1 {
    background-position: top;
    background-size: cover;
    background-attachment: fixed;
}
.contact-wraper1:before{width: 100%;}
@media only screen and (min-width: 767px){
.menu-item-has-children > a:after {
    content: "\f078";
    vertical-align: middle;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    position: absolute;
    right: 20px;
    margin-left: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.5s;
}
.menuhome .menu-item-has-children > a.dz-open:after {    transform: translateY(-50%) rotate(-90deg);}
.menuinner .menu-item-has-children > a:after {right: 0px;font-size: 9px;}


}





@media only screen and (min-width: 950px){
.menuinner li.megaa ul{  left: -150px !important;  width: 720px !important;}
.menuinner li.megaa ul li{    width: 48%;    float: left;    margin-right: 1%; border-bottom:1px solid #eee;}
.menuinner li.megaa ul li a{padding: 10px 15px !important;    color: #555 !important;}

}

@media only screen and (max-width: 1500px){
   .logo-header img {    max-width: 250px;} 
   
}

 @media only screen and (min-width: 1501px) and (max-width: 1680px)  {
.logo-header img {    max-width: 300px;} 

    }