.modal-backdrop {
  z-index: -1;
}
 
/*modal code starts here*/ 
 body {font-family: Arial, Helvetica, sans-serif;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */


/* The Close Button */
.close {
  color: #f70808;  
  /*color: #aaaaaa;*/
  float: right;
  font-size: 28px;
  font-weight: bold;
  opacity: 1.9;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/*modal code ends here*/


.gray-bg {
    background-color: #1a1a1a;
}

.para-style-white {
    font-size:18px;
    font-weight:500;
    
}

.justify-para {
    text-align:justify;
}

.para-style{
    font-size:18px;
    font-weight:500;
    
}
.font-weight-600 {
    font-weight:600;
}

.font-25{
     font-size: 25px !important;  
}
.font-20{
     font-size: 20px !important;  
}
.font-18{
     font-size: 18px !important;  
}
.font-15{
     font-size: 15px !important;  
}

.black-text {
    color: #4b4b4b !important;
}
.acme-font {
    font-family: 'Roboto', sans-serif !important;
}
.heading-title {
    font-family: 'Roboto', sans-serif !important;
    font-size: 30px;
}



/* tutorem */
#package-tbl{
   font-size: 21px;
}
#package-tbl td th {  
  border: 1px solid red;
  text-align: center;
}

#package-tbl th{
    background-color: #C2C4C3;
}

table, td, th {  
  border: 1px solid #ddd;
  text-align: center;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th{
    background-color: #00CCBB;
}

th, td {
  padding: 15px;
}
.title-style-howitworks {
    color: #003F51;
    font-weight: bold;
    font-size: 22px;
    font-weight: 600px;
}

.title-style-package {
    color: #003F51;
    font-weight: bold;
    font-size: 18px;
    font-weight: 600px;
    line-height:60px;
}
.title-style-pmantra {
    color: #003F51;
    font-weight: bold;
    font-size: 27px;
    font-weight: 600px;
}    
.btn-width-150 {
    width:150px !important;
}
.title-style-3-block {
    font-family: 'eras itc', sans-serif;
    font-size: 32px;
    line-height: 1.5em;
    color: #666;

}
.bold-style {
    font-weight:bold !important;
}
.light-blue-bg {
    background-color: #00CCBB !important;;
}

.light-bg {
    background-color: #f9f9f9 !important;
}


.title-style-white {
    color: #fff;
    font-weight: bold;
    font-size: 27px;
    font-weight: 600px;
}

.title-style {

    color: #4B0082;
    font-weight: bold;
    font-size: 27px;
    font-weight: 600px;

}

/* paddings */
.pdg-tp-10 {
    padding-top: 10px !important;
}
.pdg-bt-10 {
    padding-bottom: 10px !important;
}
.pdg-tp-20 {
    padding-top: 20px !important;
}
.pdg-bt-20 {
    padding-bottom: 20px !important;
}
.pdg-tp-30 {
    padding-top: 30px !important;
}
.pdg-bt-30 {
    padding-bottom: 30px !important;
}
.pdg-tp-40 {
    padding-top: 40px !important;
}
.pdg-bt-40 {
    padding-bottom: 40px !important;
}
.pdg-tp-50 {
    padding-top:50px !important;
}
.pdg-bt-50 {
    padding-bottom: 50px !important;
}

.pdg-bt-60 {
    padding-bottom: 60px !important;
}

.pdg-tp-60 {
    padding-top:60px !important;
}

.pdg-tp-80 {
    padding-top:80px !important;
}

.pdg-bt-80 {
    padding-bottom:80px !important;
}
.pdg-bt-100 {
    padding-bottom:100px !important;
}


/* padding class ends here */

/* margin */
.mrg-tp-10 {
    margin-top: 10px !important;
}
.mrg-bt-10 {
    margin-bottom: 10px !important;
}
.mrg-tp-20 {
    margin-top: 20px !important;
}
.mrg-bt-20 {
    margin-bottom: 20px !important;
}
.mrg-tp-30 {
    margin-top: 30px !important;
}
.mrg-bt-30 {
    margin-bottom: 30px !important;
}
.mrg-tp-40 {
    margin-top: 40px !important;
}
.mrg-bt-40 {
    margin-bottom: 40px !important;
}
.mrg-tp-50 {
    margin-top:50px !important;
}
.mrg-bt-50 {
    margin-bottom: 50px !important;
}

.mrg-tp-60 {
    margin-top:60px !important;
}
.mrg-bt-60 {
    margin-bottom: 60px !important;
}

.mrg-tp-80 {
    margin-top:80px !important;
}
.mrg-bt-80 {
    margin-bottom: 80px !important;
}

/* margin class ends here */

.bg-blur {
     background-blend-mode: overlay;
     background-color: #ffffff80;
}

.contact-us-page .sub-banner-content
{
    padding:100px;
}
.contact-us-page .sub-banner-content h2 {
    font-size:50px
}
@media screen and (max-width: 699px) {
    .pdg-desktop-dictum {
        padding-left : 20px !important;
        padding-right : 20px !important;
    }
    .dictum-img {
        display:none !important;
    }
    
    .show-in-desktop {
        display: none;
    }
    
    .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 90%;
      /*  height:500px;*/
      }
   
}
@media screen and (max-width: 780px) {
    .pdg-desktop-dictum {
        padding-left : 20px !important;
        padding-right : 20px !important;
    }
    .dictum-img {
        display:none !important;
    }
    .show-in-desktop {
        display: none;
    }
    .homepage-text {
        display:none;
    }
}

@media screen and (max-width: 790px) {
    .pdg-desktop-dictum {
        padding-left : 20px !important;
        padding-right : 20px !important;
    }
.dictum-img {
        display:none !important;
    }
}

@media screen and (max-width: 900px) {
    .dictum-img {
        display:none !important;
    }
    
    .pdg-desktop-dictum {
        padding-left : 20px !important;
        padding-right : 20px !important;
    }
    
    .show-in-desktop {
        display: none;
    }
    .show-in-mobile {
        display: block;
    }
    
    .wprt-lines.custom-3 .line-11 {
        margin-left: 44px;
    }
    
    
    .slide {
        display:none !important;
    }
    
   
}

@media screen and (max-width: 380px) {
    .pdg-desktop-dictum {
        padding-left : 20px !important;
        padding-right : 20px !important;
    }
    
    .show-in-desktop {
        display: none;
    }
    
    .slide {
        display:none !important;
    }
    
    .title-style {
        font-size: 16px;
     }
     .pdg-tp-mobile {
         padding-top:30px;
     }
}

@media screen and (max-width: 540px) {
    .pdg-desktop-dictum {
        padding-left : 20px !important;
        padding-right : 20px !important;
    }
    
    .show-in-desktop {
        display: none;
    }
    
    .contact-us-page .sub-banner-content {
        padding: 0;
    }
    .contact-us-page .sub-banner-content h2 {
        font-size: 30px
    }
    .faq-section .table-asignment {
        min-width: 0;
    }
    .faq-section .table-wrap .table-body .submissions a {
        white-space: initial;
        text-overflow: initial
    }
    
    .slide {
        display:none !important;
    }
    .pdg-tp-mobile {
         padding-top:40px;
     }
    
    .pdg-tp-20-in-desktop {
        padding-top: 40px !important;   
    }
/*    .pdg-tp-90-in-desktop {
        padding-top:40px;
    }*/
    .pdg-tp-70-in-desktop {
        padding-top:70px;
    }
    
    .title-style {
        font-size: 20px;
     }
    
    .contact-us-page .sub-banner-content {
        padding: 0;
    }
    .contact-us-page .sub-banner-content h2 {
        font-size: 30px
    }
    .faq-section .table-asignment {
        min-width: 0;
    }
    .faq-section .table-wrap .table-body .submissions a {
        white-space: initial;
        text-overflow: initial
    }
    
    
}

@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
  
}
@media screen and (min-width: 768px) {
    .margin-tp-desktop {
        margin-top: 57px;
    }
}

@media screen and (min-width: 700px) {
    
    .margin-tp-desktop {
        margin-top: 57px;
    }
    
    .wprt-lines.custom-3 .line-11 {
    margin-left: 237px;
}
    .show-in-desktop {
        display: none;
    }
    
    .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 70%;
      /*  height:500px;*/
      }
    .height-from-700px{
        height:250px !important;
    }
    .sub-banner {
        
        padding: 0px 0;
        
    }
}
@media screen and (min-width: 900px) {
    .pdg-desktop-dictum {
        padding-right : 40px !important;
        padding-top:20px !important;
    }
    
    .mr-tp-40-desk {
        margin-top:40px !important;
    }
    .mr-tp-100-desk {
        margin-top:100px !important;
    }
    .mr-tp-140-desk {
        margin-top:140px !important;
    }
    .show-in-desktop {
        display: none;
    }
    
    .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 60%;
      /*  height:500px;*/
      }
    
    .wprt-lines.custom-3 .line-11 {
        margin-left: 158px;
    }
    
    .margin-left-testimonial-img {
        margin-left:150px;
    }
    
    .light-bg-img {
        background-image: url('../img/civil-bg.jpg');
        background-repeat: no-repeat;
    }  
    
  .pading-left-50-desktop {
    padding-left: 50px;
  }
  .pading-right-50-desktop {
    padding-right: 50px;
  }
  .pading-top-50-desktop {
    padding-top: 50px;
  }
  .pdg-tp-90-in-desktop {
      padding-top: 90px !important;
  }
  .pdg-tp-40-in-desktop {
      padding-top: 40px !important;
  }
  .pdg-tp-50-in-desktop {
      padding-top: 50px !important;
  }
  .pdg-tp-30-in-desktop {
      padding-top: 30px !important;
  }
  .pdg-tp-20-in-desktop {
       padding-top: 20px !important;   
  }
  .pdg-tp-160-in-desktop {
      padding-top: 160px !important;
  }
  .pdg-tp-90-in-desktop {
      padding-top: 90px !important;
  }
  .pdg-tp-100-in-desktop {
      padding-top: 100px !important;
  }
  .pdg-tp-70-in-desktop {
      padding-top: 70px !important;
  }
  .pdg-tp-176-in-desktop {
      padding-top: 176px !important;
  }
  .pdg-tp-215-in-desktop {
      padding-top: 215px !important;
  }
  .pdg-tp-150-in-desktop {
    padding-top: 150px !important;
 }
  .pdg-tp-200-in-desktop {
      padding-top: 200px !important;
  }
  .pdg-tp-180-in-desktop {
      padding-top: 180px !important;
  }
  .pdg-bt-90-in-desktop {
      padding-bottom: 90px !important;
  }
  .pdg-tp-150-desktop {
      padding-top: 150px !important;
  }
  .pdg-rt-10{
      padding-right:10px;
  } 
  .pdg-lt-10{
      padding-left:10px;
  }
}
@media screen and (min-width: 1001px) {
    
    .mr-tp-40-desk {
        margin-top:40px !important;
    }
    .mr-tp-100-desk {
        margin-top:100px !important;
    }
    .mr-tp-140-desk {
        margin-top:140px !important;
    }
    .mr-tp-104-desk {
        margin-top:104px !important;
    }
    
    .show-in-mobile {
        display:none;
    }
    .show-in-desktop {
        display:block;
    }
}


.white-text {
  color: white !important;
}
.black-text {
    color: black !important;
}

.justify-para {
  text-align:justify;
}

.menu-active {
  /*//background-color:#FEC00F;*/
}


.mc-btn-top-menu {
    height: 35px !important;
    line-height: 35px !important;
    
}

.navbar-inverse {
    background-color: #fff;
    border-color: #fff;
}

.navbar-inverse .navbar-nav > li > a {
    color: #F08A2E;
}

.icn-pdg-tp {
    padding-top: 48px;
}

.homepage-text {
        /*display:none;*/
    }
    .menuBreadBar:hover{
        color:#000 !important;
    }
    p {
        font-family: 'Roboto', sans-serif !important;
        font-weight:bold;
    }

.projectSection .projectBg .project_parentDiv .project_container {
    top: 22% !important;
}
#featured-title {

   /*// margin-top: 52px;*/

}
#featured-title .featured-title-inner-wrap {
    padding: 63px 0 !important;
}
.para {
    text-align: justify;
    color: rgb(74, 74, 74) !important;
    /*color: #4a4a4a;*/
    font-size: 17px;
    margin-top: 40px;
    text-align: justify;
}
.bg-blur {
    background-blend-mode: overlay;
    background-color: #ffffff80;
    padding-left:10px;
    padding-right:10px;
}
.para-white {
    text-align: justify;
    color: white !important;
    /*color: #4a4a4a;*/
    font-size: 17px;
    text-align: justify;
}
.para-white-wj {
    /*ths is without justify para*/
    
    color: white !important;
    /*color: #4a4a4a;*/
    font-size: 17px;
    
}

.center-div {
    
    display: flex;
    align-items: center;
    flex-wrap: wrap;

}
.cbp-item {
    width:300px;
}

.gallery-img-hover {
    color: #ee8e5d !important;
    padding-top: 40px !important;
    padding-right:20px !important;
    font-size: 25px !important;
}

.gallery-btn{
    background-color: #f0ede9;
    padding: 10px;
    margin: 20px;
    color: black;
}

 /*gallery code starts here*/ 
 .gallery {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-width: 33%;
-moz-column-width: 33%;
column-width: 33%; }
.gallery .pics {
-webkit-transition: all 350ms ease;
transition: all 350ms ease; }
.gallery .animation {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }

@media (max-width: 450px) {
.gallery {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-width: 100%;
-moz-column-width: 100%;
column-width: 100%;
}
}

@media (max-width: 400px) {
.btn.filter {
padding-left: 1.1rem;
padding-right: 1.1rem;
}
}

.g-btn:hover {
    
    background-color: #5F3226 !important;
    /*background-color: #b19251 !important;*/
    color: white !important;
    font-size:18px !important;
}

/*gallery code ends here*/


.project-active {
    background-color: #9b8353 !important;
    color: white !important; 
}
.g-btn {
    background-color: #BC7C3C !important;
}
.gallery-active {
    background-color: #5F3226 !important;
    color: white !important;
    font-size:18px !important;
}
.bg-img-pattern{
    background-image: url(../../images/b2.jpg) !important;
}

/*whatspapp float*/
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
        background-color: #ee7f12;
	/*background-color:#25d366;*/
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}

/*whatsapp float end*/

.wprt-testimonials.has-arrows.arrow60 #testimonials-wrap .cbp-nav-controls {
    top: -115px;
}
.we_are_detail p {
    font-size: 17px;
    height: 133px;
}
.services-block { 
    padding:10px !important;
    background-color: white;
}

p {
    color:black !important;
}
.recent_img {
    background: 
    hsl(0, 0%, 100%) none repeat scroll 0 0;
}
.recent_img img {
    border-radius: 4% !important;
    border: 1px solid black;
}

.section-padding {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.our_client_detail {
    height:518px !important;
}
.offer-text {
    font-size:20px !important;
    height: 82px !important;
}
.pd-tp-bt {
    padding-top:30px !important;
    padding-bottom:30px !important;
    border:2px solid gray;
}