body{font-family: cera_proregular;background-color: #fff !important;}

  ul{margin: 0px;padding: 0px;list-style: none;}
  img{object-fit: cover;}
  :focus, a:focus, input:focus, .btn.focus, .btn:focus, button:focus{outline: 0;outline-offset: 0;box-shadow: none;}
  a, a:hover{text-decoration: none !important;;}

  p {float: left;width: 100%;  font-family: "cera_promedium";
    color: rgb(127, 127, 127);font-size: 21px;margin-bottom: 0px;}
  section{float: left;width: 100%;}

  /*start-header*/

header#header {position: relative;z-index: 999;background: #000;}
.deskmenu {padding: 25px 0;z-index: 9;display: flex;position: relative;align-items: center;justify-content: center;width: 100%;}
.deskmenu_wrap {display: flex;align-items: center;justify-content: space-between;position:relative;}
.menu li a {    color: #fffdfd;
    font-size: 23px;
    padding: 4px 12px!important;
    text-transform: capitalize;
    text-align: center;
    font-family: cera_prolight;}
.menu li a:hover {color: #fd2c2c !important;}

.main_menu {display: flex;align-items: center;justify-content: center;}
.main_menu .menu > li {padding: 15px 0px;}

.icon-submenu {position: absolute;top: 50%;right: -8px;transform: translate(-50%, -50%);margin-top: -8px;}
.icon-submenu::before {
    position: absolute;
    content: "\f078";
    color: var(--white);
    font-family: FontAwesome;
    font-size: 12px;
    right: 1px;
    top: 2px;
}
.current_page_item a {
    font-family: cera_probold !important;
    color: #ff0000 !important;
}
a.nav-link.submenu-nav:after {position: absolute;right: -2px;top: 14px;font-size: 14px;content: '\f107';font-family: 'Font Awesome 5 Free';font-weight: 600;}
.menubar {position: relative;z-index: 99;}
.logo_header a img{display: block;max-width: 238px;}
.main_menu .menu > li.has-sub {margin-right: 10px;}

.call-detils ul {display: flex;align-items: center;}
.call-detils ul li:first-child {margin-right: 15px;}
.call-detils ul h3 {color: #faf0f0;font-size: 22px;font-family: 'cera_probold';margin-bottom: 0px;}
.call-detils ul a {
    color: #fcf6f6;
    font-size: 32px;
    font-family: 'cera_probold';
    word-spacing: -6px;
}
.call-detils ul span {height: 45px;width: 45px;float: left;border-radius: 50px;background: #fd2c2c;display: flex;align-items: center;justify-content: center;outline: 2px solid #fd2c2c !important;outline-offset: 3px;}
.call-detils ul span a {font-size: 21px;color: #fff;}

  /*end-header*/


/*start-tab*/
.tabs ul.tabs-nav li:nth-child(2) a {
    border-right: 0px;
}
.tabs ul.tabs-nav {width: 60%;margin: 0 auto;border-radius: 103px;}
.tabs-nav li {float: left;width: 33%;}
.tabs-nav li:first-child a {border-right: 0;border-top-left-radius: 50px;border-bottom-left-radius: 50px;}
.tabs-nav li:last-child a {border-top-right-radius: 50px;border-bottom-right-radius: 50px;}
.tabs-nav a {border: 1px solid #282323;color: #282323;display: block;font-weight: 600;padding: 10px 0;text-align: center;text-decoration: none;font-size: 23px;font-family: 'cera_probold';text-transform: uppercase;letter-spacing: 2px;}
.tab-active a {background: #ff0000;color: #fff;cursor: default;text-transform: uppercase;}
.tabs-stage {clear: both;position: relative;top: 0;margin-top: 80px;float: left;}
section.tab {
    margin-top: 85px;
    margin-bottom: 85px;
}
.page-id-13 .tab { margin-bottom: 95px; border-top: 0px; padding-top: 0px; }
.lern-btn {float: left;width: 100%;margin-top: 75px;display: flex;justify-content: center;}
.tab-img img {float: left;width: 100%;max-height: 550px;  border: 1px solid #ecefef;
    padding: 10px;}
.lern-btn a {background: #ff2e2e;color: #f7f9fa;text-transform: uppercase;font-size: 29px;font-family: cera_probold;border-radius: 10px;padding: 15.5px 77.5px;border: 1px solid #ff2e2e;letter-spacing: 2px;}
.lern-btn a:hover{background: transparent;color: #ff2e2e;transition: 0.7s;}
.tabs-stage .row .col{padding-right: 5px;padding-left: 5px;}
.tab-img {
    margin-top: 10px;
    float: left;
    width: 100%;
}
.tabs-stage .col-lg-4.col-md-6.col-sm-6.col-xs-12{padding-right: 5px;padding-left: 5px;}
.service-tittle h3 {font-family: 'cera_probold';text-transform: uppercase;color: #000;font-size: 49px;letter-spacing: 2px}
.service-tittle p {width: 90%;float: unset;margin: 0 auto;color: #828588;font-size: 31px;font-family: 'cera_proregular';letter-spacing: 2px}
.tabs {float: left;width: 100%;margin-top: 55px;}
/*end-tab*/

/*start-building*/
.building { float: left; width: 100%; margin-top: 95px; border-top: 3px solid #edecec; padding-top: 40px;  }
.building-top{float: left;width: 100%;}
.building-top p { text-align: center; color: #000; font-size: 37px; font-family: 'cera_promedium'; letter-spacing: 2px; text-transform: uppercase; }
.about-img{float: left;width: 100%}
.about-img img{float: left;width: 100%}
.about{float: left;width: 100%;margin-top: 50px;}
.about .row{margin-right: 0px;margin-left: 0px;}
.about-box {background: #070707;padding-top:75px;float: left;width: 100%;height: 100%;}
.about-detils h3 {float: left;width: 100%;font-size: 49px;color: #f7fafd;text-transform: uppercase;font-family: 'cera_probold';letter-spacing: 2px;}
.about-detils {float: left;width:95%;margin-left: 35px;}
.about-detils h2 { float: left; width: 100%; color: #eff0f0; font-size: 23px; font-family: 'cera_probold'; letter-spacing: 2px; }
.about-detils p {color: #bcbebf;font-size: 22px;font-family: cera_proregular;margin-top: 11px;letter-spacing: 1px;}
.about-box .lern-btn {margin-top:25px;justify-content: start;}
/*end-building*/

/*start-service*/

.service{float: left;width: 100%;margin-top: 98px;}
.title{float: left;width: 100%}
.title h3{float: left;width: 100%;text-align: center;color: #02192e;font-size: 49px;font-family: britannic_boldregular;text-transform: uppercase;letter-spacing: 2px;}
.service-box {float: left;width: 100%;margin-top: 70px;}
.service-box img {float: left;width: 100%;max-height: 330px;    border: 1px solid #ecefef;
    padding: 10px;}
.service-box h3 {float: left;width: 100%;text-align: center;margin-top: 40px;color: #022340;font-size: 35px;text-transform: uppercase;font-family: 'britannic_boldregular';letter-spacing: 2px;}
.service-box p {text-align: center;color: #828588;font-family: 'calibriregular';font-size: 22px;float: unset;width: 100%;margin: 0 auto;letter-spacing: 1px;}
.service-box .lern-btn {margin-top: 25px;}
.service-box .lern-btn a {font-size: 20px;padding: 12px 40px;}
/*end-service*/

/*start-ready*/
section.ready {margin-top: 0px;}
.ready-img {float: left;width: 100%;position: relative;}
.ready-img img {position: absolute;top: 0;right: 0;left: 0;bottom: 0;z-index: -2;height: 100%;width: 100%;object-fit: cover;}
.ready-content {position: relative;float: left;width: 100%;padding: 250px 0px;}
.ready-txt {float: left;width: 100%;text-align: center;}
.ready-txt h3 {float: left;width: 100%;color: #f9fbfc;font-size: 50px;text-transform: uppercase;font-family: 'cera_probold';letter-spacing: 2px;}
.make-btn {float: left;width: 100%;margin-top: 40px;}
.make-btn a {font-family: 'cera_proregular';text-transform: uppercase;color: #fff;font-size: 29px;border: 2px solid;padding: 11px 33px;border-radius: 10px;letter-spacing: 2px;}
.make-btn a:hover {background: #fff;color: #ff2e2e;transition: 0.7s;}
/*end-ready*/

/*start-footer*/
footer{float: left;width: 100%;background: #000000;padding-top: 60px;}
.footer-logo {float: left;width: 100%;display: flex;justify-content: center;}
.footer-menu {float: left;width: 100%;margin-top: 55px;}
.footer-menu ul {float: left;width: 100%;display: flex;justify-content: center;}
.footer-menu ul a {float: left;width: 100%;color: #fcf6f6;text-transform: capitalize;font-size: 28px;font-family: cera_probold;padding-right: 50px !important;letter-spacing: 2px;}
.footer-menu ul a:hover{color: #ed3e3f}
.copy {float: left;width: 100%;border-top: 3px solid #f7f9fa;margin-top: 80px;padding-top: 50px;padding-block: 30px;letter-spacing: 1px;}
.copy p {color: #fcf6f6;font-size: 16px;font-family: 'cera_probold';}
.footer-social {float: left;width: 100%;}
.footer-social ul {float: left;width: 100%;display: flex;justify-content: end;}
.footer-social ul a {color: #fff;height: 40px;width: 40px;float: left;border: 1px solid #fff;display: flex;justify-content: center;align-items: center;border-radius: 50px;font-size: 20px;}
.footer-social ul a:hover{background: #fff;color: #ed3e3f;transition: 0.6s;}
.footer-social ul li{margin-left: 15px;float: left;}
.footer-call {float: left;width: 100%;display: flex;justify-content: center;margin-top: 40px;}
.footer-call ul {float: left;width: 100%;display: flex;justify-content: center;align-items: center;}
.footer-call ul a {
    color: #fcf6f6;
    font-size: 32px;
    font-family: 'cera_probold';
    word-spacing: -6px;
}
.footer-call ul span {border: 1px solid #fff;height: 50px;width: 50px;float: left;border-radius: 50px;display: flex;align-items: center;justify-content: center;margin-right: 13px;}
.footer-call ul span a{font-size: 25px !important; }
/*end-footer*/

/*start-inner-page*/

.paginations {float: left;width: 100%;margin: 80px 0px;}
.paginations ul {float: left;width: 100%;display: flex;justify-content: center;align-items: center;}
.paginations ul a {height: 60px;width: 60px;float: left;display: flex;align-items: center;justify-content: center;border-radius: 50px;color: #b3a6a6;font-size: 32px;border: 1px solid;font-family: 'consolasbold';}
.paginations ul a.active {background: #ff0000;color: #fff !important;}
.paginations ul li {color: #b3a6a6;margin: 0px 5px;}
.tab-from {float: left;width: 100%;margin: 80px 0px;}
.tab-from form{float: left;width: 100%;}
section.inner-about-detils {margin: 100px 0px;}
.paving-img { width: 44%; margin: 0 0px 14px 0; display: block; float: left; padding-right: 30px; }
.paving-img img {width: 100%;float: left;}
.inner-about-contenet p {float: unset;width: 100%;margin-top: 17px;font-family: cera_proregular;font-size: 25px;line-height: 30px;letter-spacing: 2px;}
.inner-about-contenet span { color: #2b2c2d; font-size: 23px; font-family: 'cera_probold'; line-height: 27px; letter-spacing: 1px; }
.tab-from label {float: left;width: 100%;color: #02192e;font-size: 34px;text-transform: uppercase;font-family: 'britannic_boldregular';letter-spacing: 2px}
.tab-from input,.tab-from textarea {float: left;width: 100%;padding: 8px;margin-bottom: 30px;border-radius: 10px;border: 2px solid #888888;font-size: 17px;font-family:cera_proregular;}
.tab-from textarea {height: 233px;}
.tab-from input[type="submit"] {width: unset;float: left;margin-top: 20px;background: #ff2e2e;color: #f7f9fa;text-transform: uppercase;font-size: 29px;font-family:cera_proregular;border-radius: 10px;padding: 15.5px 77.5px;border: 1px solid #ff2e2e;cursor: pointer;}
.tab-from img{float: left;}
.submy {float: left;width: 100%;}
section#inner-page {margin: 70px 0px;}
#inner-page h2 {float: left;width: 100%;text-align: center;color: #02192e;font-size: 49px;font-family: britannic_boldregular;text-transform: uppercase;letter-spacing: 2px;}
#inner-page p {letter-spacing: 2px;margin-bottom: 15px;}
#inner-page a.btn {background: #ff0000;color: #fff;font-family: britannic_boldregular;font-size: 20px;}
.page-not-link.grey-text {font-family: 'britannic_boldregular';font-size: 20px;}
section.search-result-data {margin: 70px 0px;}
section.search-result-data p {float: left;width: 100%;text-align: center;text-transform: uppercase;color: #9198a5;font-size: 45px;margin-bottom: 0px;margin-top: 0;}
section.tab.comming {margin-bottom: 40px;}
section.search-result {
    margin: 70px 0px;
}
section.search-result h1.page-title {
    float: left;
    width: 100%;
    /* text-align: center; */
    color: #02192e;
    font-size: 49px;
    font-family: britannic_boldregular;
    text-transform: uppercase;
    letter-spacing: 2px;
}
section.search-result a {
    color: #022340;
    font-size: 22px;
    margin-bottom: 0px;
    font-family: robotomedium;
    margin-top: 0;
    float: left;
    width: 100%;
    text-transform: uppercase;
    box-shadow: 0 0 8px 0 #999;
    padding: 20px;
    margin-top: 15px;
    font-family: 'britannic_boldregular';
}
/*end-inner-page*/




/* 14-6-24 */


section.search-result-data h1.page-title {margin-bottom:15px;font-size: 49px;font-family: 'britannic_boldregular';text-transform: uppercase;color: #02192e;letter-spacing: 2px;}
section.search-result-data .search-result-count {float: unset;width: 100%;color:rgb(127, 127, 127);font-family: calibriregular;font-size: 25px;line-height: 30px;letter-spacing: 2px;}
section.search-result-data ul {padding-left: 0;margin-top: 25px;}
section.search-result-data ul li {box-shadow: 0 0 5px rgb(127, 127, 127);padding: 20px;}
section.search-result-data ul li:not(:last-child) {margin-bottom: 20px;}
section.search-result-data ul li a {float: unset;width: 100%;color: rgb(127, 127, 127);font-family: calibriregular;font-size: 25px;line-height: 30px;letter-spacing: 2px;display: block;}
div#gform_confirmation_message_1 {color: green;letter-spacing: 2px;border: 2px solid green;padding: 15px;text-align: center;}
section.contact {float: left;width: 100%;padding: 100px 0;}

.inner-about-contenet h3{
    font-family: 'cera_probold';
    text-transform: uppercase;
    color: #000;
    font-size: 49px;
    letter-spacing: 2px;
}

/*ul {padding-left:0 !important;}*/
/*section#inner-page ul li:not(:last-child) {}*/

/*section#inner-page ul li, p {*/
/*    box-shadow: 0 0 5px rgb(127 127 127);*/
/*    width: 100%;margin-bottom: 15px;padding:20px;*/
/*    float: unset;width: 100%;color: rgb(127, 127, 127);font-family: calibriregular;font-size: 25px;line-height: 30px;letter-spacing: 2px;display: block;*/
/*}*/

/*ul li {list-style:disc;color: rgb(127, 127, 127)}*/



.copy p a {color: #f30000;}
.copy p a:hover {opacity:0.7;}











/*new portfolio image*/
#portfoliopage {
    display: block;
    width: 100%;
    float: left;
    padding-bottom: 75px;
}


#portfoliopage #tabb {
    background: 0 0;
    border: none;
    padding: 0;
}

#tabb .tab-content {
    display: inline-block;
    margin-top: 50px;
    width: 100%;
}

ul.lflex {
    width: 100%;
    float: left;
}

 #tabb .tab-content ul li {
    position: relative;
    filter: none;
}


.page-portfolio #tabb .tab-content ul li {
    float: left;
    width: 25%;
    padding: 0 15px 30px;
    box-sizing: border-box;
    margin: 0;
    margin-bottom: 30px;
    height: 265px;
    transition: all 1s ease-in;
}

.lcontent {
    display: none;
}


.page-portfolio #tabb .tab-content ul li span {
    float: left;
    width: 100%;
    /* filter: drop-shadow(0 3px 9px rgba(0, 0, 0, .1)); */
    height: 235px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}

.page-portfolio #tabb .tab-content ul li span img {
    float: left;
    width: 100%;
    cursor: pointer;
    object-fit: cover;
    max-height: 100%;
    height: 100%;
    object-position: top;

}

#portfoliopage #tabb .tab-content ul li span img {
    object-fit: cover;
    object-position: top;
    height: 90% !important;
}

#portfoliopage #tabb .tab-content ul li:hover .cus-hover-icn
{
    opacity: 1;
}

#portfoliopage #tabb .tab-content ul li .cus-hover-icn {
    position: absolute;
    top: 0;
    right: 15px;
    left: 15px;
    bottom: 30px;
    background: #00000080;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}



#portfoliopage #tabb .tab-content ul li .cus-hover-icn span {
    height: 50px !important;
    width: 50px;
    background: #fff;
    border-radius: 50%;
    margin: 0 10px;
    text-align: center;
    /*line-height: 48px;*/
    filter: none;
}

#tabb .tab-content ul li a {
    float: left;
    width: 100%;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

div#fancybox-wrap img {
    max-width: 100%;
    width: 100%;
}


.page-id-119 div#portfoliopage,.page-id-9 div#portfoliopage  {
    margin-top: 100px;
}
.about .container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}


.error404 h1,.search h1 {
    font-family: 'cera_probold';
    text-transform: uppercase;
    color: #000;
    font-size: 49px;
    letter-spacing: 2px;
    margin-top: 50px;
    margin-bottom: 0px;
    text-align: center;
}
section.search-result-data h2 {
    font-family: 'cera_probold';
    text-transform: uppercase;
    color: #000;
    font-size: 49px;
    letter-spacing: 2px;
    float: left;
    width: 100%;
    text-align: center;
}
.alert-info {
    color: #0c5460;
    background-color: unset;
    border-color: unset;
    border: 0px;
}
.alert-info p{font-size:30px !important;}