#pDetail .close{
  position: absolute;
  top:-4px;
  right:0;
  font-size: 35px;
  z-index: 999;
} 

#pDetail .p-p-content{
  margin-top: 25px;
}


 /* Buttns ------------------------------*/

.def-btn, .wpcf7-submit {
    font-size: 14px;
    line-height: 50px;
    padding: 0 34px;
    display: inline-block;
    transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    color: white;
    background-color: #d65050;
}





  /* Buttns ----------------------------------------------------------  */

a.def-btn:hover{
  color: #fff;
}

  /* -------------------- Testi Layout 1 */

  .quail-testimonial-body.layout-te1{



  }



  .quail-testimonial-body.layout-te1 .card-design .image-holder{

      height: 74px;

      width: 74px;

      margin: 0 auto 34px;;

  }

 

  /* ------------------- Layout 2------------------------ */

 

  .quail-testimonial-body.layout-te2{}

  .quail-testimonial-body.layout-te2 .card-design{

      justify-content: center;

      background-color: white;

      border-radius: 8px;

      box-shadow: rgba(0,0,0,.2) 0 0 2px;

      padding: 34px;

      flex-wrap: wrap;

      justify-content: center;

      flex-direction: column;

      transition: all .4s ease;


  }

.quail-testimonial-body.layout-te2 .card-design:hover{

  box-shadow: rgba(0,0,0,.2) 0 0 12px;

}

  @media all and (max-width: 1020px){

    .quail-testimonial-body.layout-te2{

        display: grid;

        grid-template-columns: repeat(1, 1fr);

    }

  }



  .quail-testimonial-body.layout-te2 .card-design .image-holder,

  .quail-testimonial-body.layout-te2 .card-design .caption-flex{

      text-align: center

  }



  .quail-testimonial-body.layout-te2 .card-design .image-holder{

      margin-top: -60px;

      margin-bottom: 20px;

      min-width: 74px;

      max-width: 74px;

      min-height: 74px;

      max-height: 74px;

      flex-shrink: 0;

      border-radius: 50%;

      overflow: hidden;

      backface-visibility: #dadada;

      align-self: center;

      margin-left:auto;

      margin-right: auto;

  }



  .quail-testimonial-body.layout-te2 .card-design .image-holder img{

      height: 100%;

      width: 100%;  

      object-fit: cover;

  }







/* --------------------------------- Testi 3 -------------------------- */

.quail-testimonial-body.layout-te3 .card-design:hover{

   box-shadow: rgba(0,0,0,.2) 0 0  12px;

}

.quail-testimonial-body.layout-te3 .card-design{

    justify-content: center;

    background-color: white;

    border-radius: 8px;

    box-shadow: rgba(0,0,0,.2) 0 0 2px;

    padding: 34px;

    flex-wrap: wrap;

    justify-content: center;

    flex-direction: row;

    transition: all .4s ease;

    margin-bottom: 30px;

}







  .quail-testimonial-body.layout-te3 .card-design .caption-flex{

      text-align: left;

      padding-left: 40px;

  }



  .quail-testimonial-body.layout-te3 .card-design .image-holder{

      margin-top: -30px;

      margin-bottom: 20px;

      min-width: 74px;

      max-width: 74px;

      min-height: 74px;

      max-height: 74px;

      flex-shrink: 0;

      border-radius: 50%;

      overflow: hidden;

      backface-visibility: #dadada;

      align-self: center;

      margin-left:auto;

      margin-right: 40px;



  }



  .quail-testimonial-body.layout-te3 .card-design .image-holder img{

      height: 100%;

      width: 100%;  

      object-fit: cover;

  }





  @media all and (max-width: 1020px){

    .quail-testimonial-body.layout-te3{

        display: grid;

        grid-template-columns: repeat(1, 1fr);

    }

    .quail-testimonial-body.layout-te3 .card-design .caption-flex{

        text-align: center;

        padding-left: 0;

    }

    .quail-testimonial-body.layout-te3 .card-design .image-holder{

        margin-left: auto;

        margin-right: auto

    }

  }



/*--------------------- layout-s3------------------------*/

.compo-service-body.layout-s3 .image-holder

{

    max-height: 200px;

    overflow: hidden;

    

}

.compo-service-body.layout-s4 .image-holder,.compo-service-body.layout-s3 .col-3-item .image-holder {

    max-height: 250px;

}

.compo-service-body.layout-s3 .col-2-item .image-holder,.compo-service-body.layout-s3 .col-1-item .image-holder{

    max-height: 300px;

}



.compo-service-body.layout-s4 .col-1-item .img-flex{

flex:unset;

}

/*--------------------------------layout-team------------------------*/

.compo-body.quail-team-body{

    position: relative;

}

.compo-body.quail-team-body .owl-nav {

    position: unset;

}

.compo-body.quail-team-body .owl-nav .owl-next,.compo-body.quail-team-body .owl-nav .owl-prev{

    position: absolute;

   top: 40%;

   

    transform: translate(0%,-50%)

   

   

}

.image-holder{

    overflow: hidden;

}

.compo-body .image-holder{

    overflow: hidden;

    margin-right: 13px;

}



  .compo-service-body.layout-s2 h4,.compo-service-body.layout-s4 h4,

  .quail-testimonial-body.layout-te2 h4,.quail-testimonial-body.layout-te3 h4{

    margin-top: 0;

 }

    

    

    .compo-service-body.layout-s2 .card-design .img-flex,

    .compo-service-body.layout-s4 .img-flex,

    .quail-team-body.layout-t2 .img-flex,

    .quail-testimonial-body.layout-te2 .img-flex,.quail-testimonial-body.layout-te3 .img-flex{

        flex:1;

    }

 .compo-service-body.layout-s4 .caption-flex,

 .quail-team-body.layout-t2 .caption-flex{

    flex:1;

    text-align:left;

    

 

 }



 .quail-team-body.layout-t2 .img-flex{

     margin-bottom: 40px !important;

 }



    .compo-service-body.layout-s2 .caption-flex,.quail-testimonial-body.layout-te2 .caption-flex{

    flex:4;

}

 .quail-testimonial-body.layout-te3 .caption-flex{

    flex:5;

    margin-bottom: 30px;

}

.quail-component .compo-cta {

    text-align: center;

    padding-top: 50px;

}



 

 

.quail-team-body.layout-t2 .image-holder{

         box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);

             -webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); 

          border-radius: 6px;

          background: #eee;

          max-height: 300px;

 }

 .quail-team-body.layout-t2 h5,.quail-team-body.layout-t2 h4{

    margin-bottom:15px;

 }

 .quail-team-body.layout-t2 h6{

    margin-bottom: 10px;

    font-size: 11px;

    letter-spacing: 2px;

 }

 .quail-team-body.layout-t2 p{

    opacity: 0.7;

 }

 .text-muted {

    color: #999999;

    opacity: 0.9;

 }

 a.text-muted {

    color: #999999;

    opacity: 0.9;

 }

 .layout-te2 .people-meta .name,.layout-te3 .people-meta .name{

    opacity: 0.9;

 }

  .text-muted-alt{

    opacity: 0.7;

 }

 .border-radius-50{

    border-radius: 50%;

 }



/*------------------------------------------timeline--------------------*/

    .timeline {

    position: relative;

    

}



.timeline-content-wrapper h5{

    margin-bottom: 10px;

}

.timeline-content-wrapper a{

    font-size: 13px;

}

.timeline-content-wrapper p{

    margin-bottom: 5px;

}

/* The actual content */

.content {

    padding: 25px 30px;

    background-color: white;

    position: relative;

    border-radius: 6px;

    

     box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);

}



/* Media queries - Responsive timeline on screens less than 600px wide */

.text-box{

    background: #fff;

    

}



/*------------------------------------process----------------------*/

.process-bg{

background-color:#33b6ff;

color: #fff;

padding: 50px 0;

position: relative;

}

.process .icon {

    float: left;

}

.process .process-item p{

    

    color: rgba(255, 255, 255, 0.8);

    font-size: 16px;

    font-weight: 300;

    line-height: 24px;

    padding-top: 10px;

    margin-bottom: 0;

}

.process-item,.process-item.even-item{

    position: relative;

    min-height: 150px;

    max-height: 350px;



}

.process-content.mg-left-20{

    margin-left: 20%;

}

.process-content.mg-left-15{

    margin-left:15%;

}



.process-item.odd-item .line {

    position: absolute;

    

    left: 4%;

}

/* .process-item.item-2,.item-3,.o{

    padding-top: 15%;

    

} */

.odd-item{

    padding-top: 8%;

    padding-bottom: 8%;

    margin-top:5%;

    margin-bottom: 5%;

}

 .odd-item.item-1{

    padding-top: 0;

    padding-bottom: 0;



} 

.item-2,.item-4{


    padding-left: 4%;

}



.even-item.item-2{


    padding-top: 10%;

    padding-bottom: 10%;

    margin-top:5%;

    margin-bottom:5%;

}

.item-3 .line{

    top:90%;

}

.even-item{

    padding-top: 5%;

    padding-bottom: 5%;

    margin-top: 6%;

    margin-bottom: 6%;

}



.process-item.even-item:before,.process-item.odd-item:before {

    content: "";

    width: 500px;

    height: 250px;

    background: url(https://growcept.com/wp-content/themes/growcept_studio_theme/img/understanding.png) no-repeat top left;

    position: absolute;

    top: 70%;

    z-index: 999;

}

 

.process-item.even-item:before{

    -webkit-transform: scaleX(-1);

    transform: scaleX(-1);

    left: -57%;

    top:70%;

}

.section-img-alt{

    padding: 50px 0;

}

.text-container {

    background-color: #fff;

    padding: 25px 24px 20px 24px;

    margin: 0 auto;

    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);

    line-height: 24px;

    margin-top: 116px;

}

.support-img, .egg-img, .collumn-img, .plane-img {

    height: auto;

    position: relative;

    width: auto;

    border-radius: 100%;

    background-position: -28px;

    background-size: inherit;

    background-repeat: no-repeat;

}

.why-choose-img {

    margin: 0 auto;

}

.row-wrapper.awards-winning {

    padding: 50px 0 100px 0;

}

.awards-list li {

    list-style: none;

    display: inline-block;

}

.line-seperater-border{

    border:1px dotted #0000001c;

}



   /*-----------------------------------------------services-section----------------------------------*/

 .widget_quail_services .compo-service-body .card-design:hover{

     box-shadow: 0 4px 2px -3px rgba(0,0,0,0.2);

           transition: all 200ms ease-in;

  -webkit-transition: all 200ms ease-in;

  -moz-transition: all 200ms ease-in;

  -ms-transition: all 200ms ease-in;

  -o-transition: all 200ms ease-in;

 }

 /*-----------------------------------icon----------------*/

.icon-holder i{

  transition: all 0.3s ease-in;

  -webkit-transition: all 0.3s ease-in;

  -moz-transition: all 0.3s ease-in;

  -ms-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  display: inline-block;

  margin-right: auto;

  margin-left: auto;

   transform: scale(1);

    -webkit-transform: scale(1);

}




/*----------------------------images---------------------*/



.image-holder img,

.quail-team-body.layout-t1 .item .person-img img,

.widget_quail_services .article-img-wrap img{

    transition: all .3s ease;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  -ms-transition: all .3s ease;

  -o-transition: all .3s ease;

  transform: scale(1);

    -webkit-transform: scale(1);

    background: linear-gradient(45deg, #151716 0%,#7f7b78 40%,#232220 100%);

    background: no-repeat;

}

.image-holder:hover img,

.quail-team-body.layout-t1 .item:hover .person-img-wrap img,

.widget_quail_services .article-wrap:hover .article-img-wrap img{

    transition: all .3s ease;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  -ms-transition: all .3s ease;

  -o-transition: all .3s ease;

   transform: scale(1.01);

    -webkit-transform: scale(1.01);

opacity: 0.6;

}

/*.compo-blog-body .image-holder:hover img {

    transition: all 1s ease;

     -webkit-transition: all 1s ease; 

    -moz-transition: all 1s ease;

    -ms-transition: all 1s ease;

    -o-transition: all 1s ease;

  -webkit-transform: scale(1.1); 

    transform: scale(1.1);

}*/





/*------------------------------------------quail-component--------------------------*/

.center{

    text-align: center;

    justify-content:center;

}

.left{

text-align: left;

justify-content:flex-start;

}

.right{

    text-align: right;

    justify-content:flex-end;

}

.compo-header.center p{

    max-width: 70%;

    margin:0 auto;

}

/*-------------------------------------------------read-more----------*/

.compo-service-body .content-block{

    padding-bottom: 20px;

}

.compo-service-body .content-block p,.quail-team-body p{

    margin: 0;

}

.compo-body a.read-more{

    font-size: 13px;

   



}

/*---------------------------------------------project-section----------------------------*/

.compo-portfolio-body{

    text-align: center;

}



.compo-portfolio-body .p-btn {

    display: inline-block;

    padding:0 15px 15px;

    font-size: 18px;

    position: relative;

    cursor: pointer;

    color: #888;

    

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    transition: all 0.4s ease;

}



.compo-portfolio-body .p-btn.active-work::before,

 .compo-portfolio-body .p-btn:hover::before {

    width: 35px;

    background-color: red;

}

.compo-portfolio-body a.p-btn{

    text-decoration: none;

}

.compo-portfolio-body .toolbar{

    padding-bottom: 25px;

}

.compo-portfolio-body .p-btn::before {

    position: absolute;

    width: 0px;

    height: 1px;

    content: "";

    bottom: 0;

    left: 50%;

    margin-left: -17.5px;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    transition: all 0.4s ease;

   

}

.compo-portfolio-body .tile{

      margin-bottom: 20px;

      -webkit-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all 350ms ease;

    transition: all 350ms ease;

  

    position: relative;

}





.compo-portfolio-body .scale-anm {

    transform: scale(1);

}





.compo-portfolio-body .tile img {

    max-width: 100%;

    width: 100%;

    height: auto;

    position: relative;



}

.compo-portfolio-body img {

    position: relative;

    display: block;

    min-height: 100%;

    max-width: 100%;

    

}



.compo-portfolio-body .tile:hover .p-overlay {

    opacity: 1;

    visibility: visible;

   -webkit-transition: all .3s ease-in;

    transition: all .3s ease-in;

}

.compo-portfolio-body .p-overlay{

     position: absolute;

     top:0;

     right: 0;

     left: 0;

     bottom: 0;

  background: black;

  background: rgba(0,0,0,0.75);

  color: white;

  padding: 3em;

  opacity: 0;

  width: 100%;

  height: 100%;

  -webkit-transition: all 0.6s ease;

  -moz-transition:    all 0.6s ease;

  -o-transition:      all 0.6s ease;

}

.compo-portfolio-body .tile:before { 

 bottom: 10px; right: 10px; 

}

.compo-portfolio-body .tile .p-overlay {

 bottom: 0; right: 0;

  }

.compo-portfolio-body .tile:hover .p-overlay {

right: 0; 

 }

/*----------------team-section---------------*/


.quail-team-body .connect i{

    width: 35px;

    height: 35px;

    font-size: 17px;

    border-radius: 100%;

    padding: 10px;

    

    

    color: #fff;

    opacity: 0.8;

}

 .quail-team-body .connect i:hover{

    opacity: 1;

    

}

.quail-team-body .connect a{

    text-decoration: none;

    text-align: center;

}

.quail-team .name, .quail-team .name a {

    font-size: 16px;


    

}



.quail-team .position{

   margin-bottom: 10px;
}

.quail-team-body i.fab.fa-linkedin-in{

    background-color: #0077B5;

}

.quail-team-body .fab.fa-facebook-f

{

    background-color:#2249df;

}

.quail-team-body .fab.fa-twitter{

    background-color:#009eed;

}

.quail-team-body .fab.fa-google

{

    background-color: #d34836;

}

.quail-team-body .fab.fa-instagram{

background-color: #fb3958;

}

.quail-team-body .fas.fa-link{

    background-color: #6dc993;

}




 

/*-----------------------------------zoom-effect--------------*/



.compo-portfolio-body.layout-p2 .zoom-effect {

   

    

    overflow: hidden;

    

   }



/*---------------------------------------acc-card----------------*/

.acc-card.card{

    border: 0;

}

.acc-card .card-body{

    padding: 0 20px 10px;



}

.acc-card .card-header .fa{

    margin-right: 10px;

}

.acc-card a:hover,.acc-card a:focus{

    

    color:#f11b83b8;

    text-decoration: none;

}

.acc-card .card-header{

    background:transparent;

border:0;

padding-left: 0;

}

/*------------------------------pricing----------------------------------*/

.compo-wrapper-content {

    position: relative;

    padding: 50px 0;



}



.compo-background-wrap {

    position: absolute;

    top: 0px;

    right: 0px;

    

    left: 0px;

    overflow: hidden;

    background-repeat: no-repeat;

    background-position: top center;

    background-size: cover;

    bottom: 0;

    width: 100%;

    height: 100%;

    display: block;

}

.compo-price-table-item .compo-price-table {

    background-color: #f8f8f8;




}

.compo-price-table .compo-price-table-image{

  padding-bottom: 25px;

}

.compo-price-table.compo-active{

    margin-top:0;

}

.compo-price-table-content-wrap{

    padding-bottom: 30px;

    text-align: center;

}

.compo-price-table .compo-price-table-price {

    line-height: 1;

    padding: 25px 20px 40px;

}

.compo-price-table .compo-header{

  margin-bottom: 0;

}



.compo-price-table .compo-price-table-price-number {

    font-size: 60px;

    font-weight: 300;

    margin: 0px 2px;

    vertical-align: middle;

}

.compo-price-table .compo-price-prefix {

    font-size: 25px;

    vertical-align: super;

}

.compo-price-table .compo-price-suffix {

    font-size: 17px;

    vertical-align: bottom;



}

.table-title{

    color:#fff;

}

.compo-price-table .compo-price-table-head {

    padding: 50px 20px;

    color:#fff;

}

.compo-price-table .compo-price-table-price {

    background-color: #ebebeb;

}
.compo-price-table-column{
background:#f8f8f8;
}
.compo-price-list ul{

    padding:0;

}

.compo-price-list ul li {

    padding: 20px 20px;

    border-bottom-width: 1px;

    border-bottom-style: solid;

    margin-bottom: 0px;

    list-style: none;

    border-color:#ebebeb;

    position: relative;

  

    

}



.compo-price-list ul li i{

font-size: 24px;

margin-right: 10px;

}

.compo-price-list.left ul li {

    padding-left: 63px;

    

}

.compo-price-list.left ul li i{

      

    

    height: 60px;

    width: 60px;

    line-height: 60px;

    text-align: center;

    position: absolute;

    top:0;

    left: 6px;

    

    

}





/*-------------------------------------------------btn-css-----------------------*/



.b_t_n{

    padding: 15px 30px;

    font-size: 15px;

    display: inline-block;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    color: white;



}

.btn-medium{

width: 50%;

padding:20px 30px;

font-size: 17px

}



.btn-large{

width: 100%;

padding: 25px 30px;

font-size: 20px;

}



.btn-curved{

    border:4px solid transparent;

border-radius: 60px;

}

.btn-bordered{

border:4px solid #000;

color:#000;

}

.border-bg-primary{

background: #df3d8c;

}

.border-bg-secondary{

background: #fff;

}



.btn-hover2:hover{

border:4px #000 solid;

background: transparent;

}

.btn-hvr-swip {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  position: relative;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.btn-hvr-swip:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #df3d8c;

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transform-origin: 0 50%;

  transform-origin: 0 50%;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.btn-hvr-swip:hover, .btn-hvr-swip:focus, .btn-hvr-swip:active {

  color: white;

}

.btn-hvr-swip:hover:before, .btn-hvr-swip:focus:before, .btn-hvr-swip:active:before {

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

}

/*-------------------------------------------blog-section-layout 1--------------------------*/

.compo-blog-body .image-holder{

margin:0;

}

.compo-blog-body .fig-caption{

    padding:25px;

    padding-top: 0;

}

.entry-meta > span {

    display: inline-block;

    margin-bottom: 0; 

    font-size: 14px;

    line-height: 1;

    font-size: 14px;

    margin-right: 15px;

}

.read-more:hover {


    text-decoration: none;

}

/*a.read-more:hover::after {

    content: "\f00c";



}

*/

/*.read-more:after {

    content: "\f061";

  

    padding-left: 6px;

    font-weight: normal;

    font-size: 14px;

}*/



.so-panel{

    margin: 0 !important;

}





/* Icon Lists */









.compo-list-with-icon .center ul li {

    padding: 88px 0 0 0;

    text-align: center;

}





.compo-list-with-icon .center ul li i{

    left: calc(50% - 30px);

    left: -webkit-calc(50% - 30px);

    right: auto;

}



/* opacity */

.opacity-9{

  opacity: 0.9;



}

.opacity-8{

  opacity: 0.8;



}

.opacity-7{

  opacity: 0.7

}

.opacity-6{

  opacity: 0.6

}

.opacity-5{

  opacity: 0.5

}

.quail-team p{

  position: relative;

}

.quail-team .connect i {
    background:#d65050;
    padding: 10px;
    color: #fff;
    border-radius: 100%;
    height: 35px;
    width: 35px;
  }



/*.quail-team p:before {

    content: '\201C';

    font-family: serif;

    font-style: normal;

    font-weight: 700;

    position: absolute;

    font-size: 100px;

    top: -70px;

    left: -10px;

    color: rgba(188, 147, 200, 1);

    text-shadow: 7px 14px 10px rgba(0, 0, 0, 0.1);

}*/

.post-classic-1-view .article-wrap .article-img-wrap,.post-classic-2-view .article-wrap .article-img-wrap{

    

    max-width: 700px;

   max-height: 400px;



    

}



.post-classic-1-view.no-sidebar .article-wrap .article-img-wrap,.post-classic-2-view.no-sidebar .article-wrap .article-img-wrap{

    

    max-width: 100%;

   max-height: 450px;



    

}

.jr-site-team-list .item-wrap,.jr-site-pricing-list .InnerGrid,.jr-site-blog-list .postGrid{

    

        display: grid;

    grid-column-gap: 40px;

    grid-row-gap: 40px;

}

.jr-site-team-list.no-sidebar .item-wrap{

    ;

    grid-template-columns: repeat(4, 1fr);

   

}

.jr-site-service-list.has-sidebar .item-wrap{

    grid-template-columns: repeat(2, 1fr);



}

.jr-site-service-list .item-wrap{

    text-align: center;

}



.jr-site-pricing-list.has-sidebar .InnerGrid ,.jr-site-blog-list.has-sidebar .postGrid{

    

    grid-template-columns: repeat(2, 1fr);

}



.jr-site-pricing-list.no-sidebar .InnerGrid,.jr-site-blog-list .postGrid{

    grid-template-columns: repeat(3, 1fr);

}

.post-type-archive-pricing_tables .compo-price-table {

    background: #ebebeba1;

}



.has-icon .paddable{

    position: relative;

    padding-left: 56px;

}

.has-icon .paddable i{

    position: absolute;

    /* height: 20px; */

    /* width: 30px; */

    font-size: 45px;

   top: 2px;

    left: 0px;

}

.has-icon .content {

    padding: 25px 15px

}



.carousel-disabled .item,.client-logo-carousel .item{

    max-width: 150px;

    margin: 0 auto;

    display: inline-block;

    margin-right: 20px;

}



.carousel-disabled .item:last-child{

    margin-right: 0;

}













/*--media css--*/

/*@media (max-width: 479px) {

.banner-caption p.FromTop{

        line-height: 1;

    } 

}*/

@media(max-width:1199px ){

    .compo-list-with-icon-body.right

    {

    text-align: left;

    }
    .quail-component.quail-counter.four-col{
      grid-template-columns: repeat(3,1fr);
    }

}

@media(max-width:768px){

 .body-wrapp>header {

    position: fixed;

    top: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.94);

    padding:10px 0;
     min-height: 100px;
  max-height:100px;

  display: flex;
  vertical-align: middle; 
  align-items:center;

  }
.d-i-b {
    display: block;
    vertical-align: top;
}

  .default-padding{

  padding: 50px 20px;

}
.quail-component.quail-counter.four-col{
  grid-template-columns: repeat(2,1fr);
}

    
.component-blog .article-wrap {
   
    margin-bottom: 50px;
}
   .top_slider .slide1 .flex_caption1 .title1,
   .top_slider .slide1 .flex_caption1 .title2,
    .top_slider .slide1 .flex_caption1 .title3 {

    font-size: 28px !important;

    line-height: 115%;

    }

  .flexslider.top_slider .flex-direction-nav{
    display: none;
  }

   .three-col, .four-col {



    grid-template-columns: repeat(2, 1fr);

   

}

 

   .quail-team-body .card-design{

    padding-bottom: 50px;

   }

   .compo-service-body.layout-s4 .image-holder, .quail-team-body.layout-t2 .image-holder{

max-width: 100%;

margin:0;

   }

   .compo-service-body.layout-s4 .caption-flex, .quail-team-body.layout-t2 .caption-flex{

    text-align: unset;



}

.timeline-content-wrapper {

    margin-bottom: 30px;

}

.quail-team-body .connect i {

    width: 35px;

    height: 35px;

    border-radius: 100%;

    padding: 10px;

    font-size: 17px;

    color: #fff;

    opacity: 0.8;

} 

 .quail-pricing-body .three-col{

   

    grid-template-columns: repeat(1, 1fr);

    

}



.compo-home-blog .compo-body .article-wrap {

 

    padding: 40px 0;

}

.post-list-view .article-wrap .caption-flex {

    

    padding-left: 0;



  

  }

  .aGrid, .col_2-30-70, .col_2-70-30 {

    display: block;

}


}

@media(max-width:767px){
.flex-box{

      display: block;

    }
    
}
@media(min-width:768px){

  .flex-next i:before, .flex-prev i:before {

    line-height: 70px;

    }

  .compo-price-table-item.three-col{
  grid-gap: 0;
}





.post-grid-view .grid-v-cols{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-gap:40px;
}
.post-grid-view.has-sidebar .grid-v-cols{
  grid-template-columns: repeat(2,1fr);
  
}
.post-list-view  .article-wrap .article-img-wrap {

  height: 250px;
    overflow: hidden;
    flex: 0 0 350px;
    margin-right: 20px;

}




    .compo-service-body,

.two-col,

.one-col,

.three-col,

.four-col{

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  grid-column-gap: 40px;

  grid-row-gap: 40px;

}



.one-col{

  grid-template-columns: repeat(1, 1fr);

}



.two-col{

  grid-template-columns: repeat(2, 1fr);

}



.compo-service-body,.three-col{

  grid-template-columns: repeat(3, 1fr);

}



.four-col{

  grid-template-columns: repeat(4, 1fr);

}



  

  .text-container {

        padding: 25px 31px;

       

        box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);

        line-height: 24px;

        

        margin-left: 63px;

    }

    .support-img {

        background-color: #DDEFFF;

    }

    .row-wrapper.awards-winning a {

        font-size: 18px;

        font-weight: 300;



        text-align: center;

        width: 100%;

        padding-top: 60px;

        padding-bottom: 0px;

        text-decoration: underline;

    }



  
    .post-list-view .article-wrap .img-flex{

        flex:1;

    }

.article-wrap .post-summary h4 a {
    
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0;
    margin-bottom: 15px;
}
   
   .article-wrap .post-summary p {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.06em;
    color: rgba(0,0,0,0.6)
}

  

    .left {

        text-align: left;

        justify-content: flex-start;

    }

    .card-design h3, 

    .card-design h4, 

    .card-design h5{

    margin-bottom: 15px;
    font-size: 22px;

    }



        .timeline-content-wrapper {

        padding: 10px 40px;

        position: relative;

        background-color: inherit;

        width: 50%;



    }





        .timeline::after {

        content: '';

        position: absolute;

        width: 6px;

        background-color: #df3d8c;

        top: 0;

        bottom: 0;

        left: 50%;

        

    }

    /* The circles on the timeline */

    .timeline-content-wrapper::after {

        content: '';

        position: absolute;

        width: 25px;

        height: 25px;

        right: -15px;

        background-color: white;

        border: 4px solid #df3d8c;

        top: 15px;

        border-radius: 50%;

        z-index: 1;

    }



    /* Place the container to the left */

    .timeline-content-wrapper.e-left {

        left: 0;

    }



    /* Place the container to the right */

    .timeline-content-wrapper.e-right {

        left: 50%;

    }



    /* Add arrows to the left container (pointing right) */

    .timeline-content-wrapper.e-left::before {

        content: " ";

        height: 0;

        position: absolute;

        top: 22px;

        width: 0;

        z-index: 1;

        right: 30px;

        border: medium solid white;

        border-width: 10px 0 10px 10px;

        border-color: transparent transparent transparent rgba(223, 61, 140, 0.85);

    }

    



    /* Add arrows to the right container (pointing left) */

    .timeline-content-wrapper.e-right::before {

        content: " ";

        height: 0;

        position: absolute;

        top: 22px;

        width: 0;

        z-index: 1;

        left: 30px;

        border: medium solid white;

        border-width: 10px 10px 10px 0;

        border-color: transparent rgba(223, 61, 140, 0.85) transparent transparent;

    }



    /* Fix the circle for containers on the right side */

    .timeline-content-wrapper.e-right::after {

        left: -10px;

    }

   

       .compo-home-blog .compo-body.blog-b1 {

    display: grid;

    grid-template-columns: repeat(2, 1.5fr);

    grid-column-gap: 30px;

    grid-row-gap: 30px;

}
 #portfolioWork {
  
    grid-column-gap: 0px;
    grid-row-gap: 0px;
   

    }

}



@media(min-width:900px){

    .quail-team-body .connect i{

        width: 30px;

        height: 30px;

        font-size: 12px;

        border-radius: 100%;

        padding: 10px;

        color: #fff;

        opacity: 0.8;

    }

    .card-design.flex-wrapper{

        display:flex;  

    }

     .flex-wrapper .fig-caption.caption-flex{

        padding: 10px 20px;

        position: relative;

     }

      

    

     .quail-team-body.layout-t2 .image-holder img{

        max-width: 200px;

     }

     .quail-testimonial-body.layout-te3 .caption-flex{

        flex:7;

    }



    .compo-home-blog .compo-body.blog-b1 {

    display: grid;

    grid-template-columns: repeat(4, 1.5fr);

    grid-column-gap: 30px;

    grid-row-gap: 30px;

}

    }



@media (min-width: 992px){





 .post-list-view .article-wrap .caption-flex{

      flex:2.5;

      padding-left: 35px;

    }



.post-list-view.has-sidebar .article-wrap .caption-flex{

  flex:1.5;

}

.post-list-view.has-sidebar .article-wrap{

  margin-bottom: 80px;

}

   .post-list-view .article-wrap .article-img-wrap,.post-grid-view .article-wrap .article-img-wrap {

  height: 280px;

  

}





    .compo-home-blog .compo-body.blog-b2{

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  grid-column-gap: 30px;

  grid-row-gap: 50px;

}

 

    .quail-pricing .three-col{

   

    grid-template-columns: repeat(3, 1fr);
    column-gap: 0;

    

}

    .text-container {

        padding: 23px 38px;

        margin-top: 116px;

        margin-left: 41px;

    }

    .support-img, .egg-img, .collumn-img {

        height: 450px;

        width: 450px;

        background-size: auto auto;

    }

    .row-wrapper.awards-winning ul li {

        padding: 54px 46px 0 40px;

    }

    .sec-header-alt h2 {

        color: #3A679D;

    }

    .row-wrapper.awards-winning a {

        padding-top: 80px;

        padding-bottom: 0px;

        font-size: 22px;

    }

    .quail-team-body.layout-t2 .image-holder {

   

   max-width: 200px; 

     max-height: 200px; 

    

}

}




@media (max-width: 576px) {

    .mobile-menu {
      top:auto;
    }

    .compo-service-body.three-col,.compo-counter .compo-body.four-col,
    .quail-component.quail-counter.four-col,
    .one-col,.two-col,.three-col,.four-col{

          grid-template-columns: repeat(1, 1fr)

        

    }
    
.milestone-counter-wrapper{
  float:none;
  margin:0;
}
     .compo-service-body.right,

    .compo-service-body.left{

        text-align: center;

     }

     .compo-home-blog .compo-body.blog-b1 .article-wrap:first-child .article-title-link {

    font-size: 16px;

    }

      .compo-home-blog .compo-body.blog-b1 .article-wrap:first-child .article-img-wrap {

     height: 208px;

    }

    .right-app-form,.left-app-form{

      width: 100%;

      float: none;

    }

    .compo-portfolio-body .p-btn{

      display: block;

          padding: 10px 10px 5px;

    }

.post-list-view .article-wrap .article-img-wrap {

    width: 300px;

    height: 200px;

    margin: 20px auto;

    

}

.post-grid-view .post-wrap {

    width: 100%;

    display: block;

   padding: 0;

   margin:0 auto;

}

}


/* Blog post lists design */



.post-masonry-view.has-sidebar .postGrid{

    -webkit-column-count: 2; /* Chrome, Safari, Opera */

    -moz-column-count: 2; /* Firefox */

    column-count: 2;

    column-gap: 35px;

    

}







.post-masonry-view.has-sidebar .postGrid .cols{

    -webkit-column-break-inside: avoid; /* Chrome, Safari */

    page-break-inside: avoid;           /* Theoretically FF 20+ */

    break-inside: avoid-column;

    display: inline-block;

}





.post-masonry-view.no-sidebar .postGrid{

    -webkit-column-count: 3; /* Chrome, Safari, Opera */

    -moz-column-count: 3; /* Firefox */

    column-count: 3;

    column-gap: 35px;

}



.post-masonry-view.no-sidebar .postGrid .cols{

    -webkit-column-break-inside: avoid; /* Chrome, Safari */

    page-break-inside: avoid;           /* Theoretically FF 20+ */

    break-inside: avoid-column;

    display: inline-block;

   

}





.postGrid{

    clear: both;

}



.p-overlay{

    display: flex;

    align-items: center

}

.p-inner{

    align-self: center;

    height: auto;

    display: block;

}



/*Contact Form*/

.wpcf7-form{}



.wpcf7-form .wpcf7-form-control-wrap input[type="text"].wpcf7-form-control,

.wpcf7-form .wpcf7-form-control-wrap input[type="email"].wpcf7-form-control,

.wpcf7-form .wpcf7-form-control-wrap input[type="date"].wpcf7-form-control,

.wpcf7-form .wpcf7-form-control-wrap input[type="number"].wpcf7-form-control,

.wpcf7-form .wpcf7-form-control-wrap input[type="tel"].wpcf7-form-control,

.wpcf7-form .wpcf7-form-control-wrap input[type="url"].wpcf7-form-control,

.wpcf7-form .wpcf7-form-control-wrap input[type="password"].wpcf7-form-control,

.wpcf7-form .wpcf7-form-control-wrap select.wpcf7-form-control,

.wpcf7-form .wpcf7-form-control-wrap textarea.wpcf7-form-control{

  line-height: 44px;

  font-size: 16px;

  padding: 0 10px;


  width: 100%;

  height: 44px;

  background-color: #fff;

  border: solid 1px rgba(0, 0, 0, .3);

  color: rgba(0, 0, 0, .6);
    
  border-radius: 10px;


}



.wpcf7-form .wpcf7-form-control-wrap textarea.wpcf7-form-control{

  min-height: 124px;

  resize:none;

  margin-bottom: 0

}



/*.wpcf7-form .wpcf7-form-control input[type="checkbox"],

.wpcf7-form .wpcf7-form-control input[type="radio"],

.wpcf7-form .wpcf7-form-control input[type="file"]{

  margin-bottom: 8px;

}

*/

.wpcf7-form-control-wrap{

  margin-bottom: 10px;

}





/* Resposive */









 @media(min-width: 1200px){





    .text-container 

    {

    padding: 23px 45px;

    margin-left: 46px;

    }

  .compo-list-with-icon .right ul li 

    {

        padding-left: 0;

        padding-right: 88px;

        text-align: right;

    }

.compo-list-with-icon .right ul li i

    {

        left: auto;

        right: 0;   

    }

    

}