body{
    background: url(../img/14.png) fixed;
    overflow-x: hidden;
    object-fit: cover;
    background-position: center;
    background-repeat: no-repeat, repeat;
    background-size: cover;
}


.upper{
	position: absolute;
    z-index: 99;
    width: 100%;
    
}


.bg-light {
    background: transparent !important;
}

.navbar .navbar-nav .nav-item.active a
{
    color:#fff;
    background: #eba52c;

}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{
    background: #eba52c;
}
.navbar .navbar-nav .nav-item.active .dropdown-menu a
{
    color:#000;
    background: transparent;

}


#homemenu .navbar .navbar-nav .nav-item a
{
    color:#fff;
}
#homemenu .navbar .navbar-nav .nav-item.active a
{
    color:#fff;
    background: #eba52c;

}
#homemenu .navbar .navbar-nav .nav-item a:hover
{
    color:#fff;
    background: #eba52c;

}


#homemenu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item
{
    color:#000;
}
#homemenu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover
{
    color:#fff;
    background: #eba52c;

}

.welcome-sec{
	
	text-align: center;
    padding: 15px 0 15px 0;
    color: #fff;
    text-shadow: 2px 2px 2px #000;
}

.welcome-sec h1{
    color: #eba52c;
}


.welcome-sec h3{
    border: 1px solid;
    border-radius: 20px;
    margin: 4pc 6pc 0px 6pc;
    font-size: 35px;
}

.welcome-sec p{
    font-size: 20px;
    margin: 20px 30px 0px 30px;
}

#design{
    background: #000;
    border-color: #000;
    color: #fff;
}

#design button{
    background: none;
    border-color: #000;
}



.four-sec ul{
    list-style: none;
    overflow: hidden;
}

.four-sec ul li{
        display: inline-block;
        margin: 2pc 2pc 2pc 1pc;
}

.four-sec a{
    overflow: hidden;
}

.four-sec img{
    width: 200px;
    height: 200px;
    border-radius: 160px;
    display: block;
    margin: 0px 0px 2pc 0px;
}

.quality {
    background-position: center center;
    background-image: url("../img/back.jpg");
    color: #FFF;
    margin: 1pc 0pc 0pc 0pc;
    height: 575px;
}

.quality h1{
    width: 100%;
    font-size: 35px;
    margin: 3pc 0px 2pc 0px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid;
    border-radius: 40px;
}

.quality img{
    width: 50px;
    height: 50px;
}

.sign-up{
    background: rgba(0,0,0,0.4);
    text-align: center;
    text-shadow: 1px 1px 1px #fff;
    margin: -6pc 15pc 0 15pc;
    color: #eba52c;
    height: 185px;
    padding: 20px 0 0;
}

.sign-up button{
    border-color: #eba52c;
    background: #eba52c;
}

.sign-up button:hover{
    border-color: #eba52c;
    background: #eba52c;
}

.sign-up ul{
    list-style-type: none;
    padding: 0;
    margin: 38px 0 0 0;
}

.sign-up ul li{
    
    display: inline-block;
}
.sign-up ul li input
{
    height: 40px;
    width: 390px;
}
 .sign-up ul li button
{
    height: 40px;
    position: relative;
    top: -2px;
} 
.review{
    
    text-align: center;
    color: #fff;
}

.review h1{
    width: 100%;
    text-align: center;
    margin: 3pc 0pc 2pc 0pc;
    border: 1px solid;
    border-radius: 2pc;
}

.video ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.video ul li{
    float: left;
    width: 48%;
    margin: 0px 7px 0px 7px;

}

.more-reviews a{
    text-decoration: none;
    color: #fff;
    background: #000;
    padding: 10px;
    overflow: hidden;
    border-radius: 20px;
}


.more-reviews{
    margin: 2pc 1pc 0pc 1pc;
    height: 40px;
}

.our-portfolio{

    color: #FFF;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
}

.our-portfolio h1{
    text-align: center;
    border: 1px solid;
    border-radius: 40px;
    margin: 1pc 6pc 2pc 6pc;
}

.pics{
    margin: 0 10px 0 10px;
}

.pics img{
    display: block;
    width: 100%;
    padding: 5px 5px;
    background: #d3d3d3;
    height: 250px;
}



.view{
    text-align: center;
    margin: 10px;
}

.view a{
    font-size: 15px;
    color: #fff;
    background: #000;
    padding: 10px;
    border-radius: 35px;
}

.contact{
    padding-bottom: 20px;
    text-align: center;
}

.contact h1{
    padding: 0pc 0pc 1pc 0pc;
}

.contact button{
    background: #eba52c;
    border-color: #fff;
}

.contact button:hover{
    background: #fff;
    color: #eba52c;
    border-color: #eba52c;
}



.footer{
    
    color: #fff;
    margin: 5px 0px 0 0;
    padding:unset;

}

.footer .container-fluid {
    position: relative;
    padding: 0;
}

.footer .container-fluid:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: #00000030;
    z-index: 0;
}

/*.footer .container-fluid .row {*/
/*    padding: 30px 25px;*/
/*}*/
.footer .container-fluid .row {
    padding: 30px 25px 15px;
    margin: 0;
}


.mid-footer{
    width: 85%;
    margin: 3pc 0pc 2pc 6pc;
    background: rgba(0,0,0,0.6);
    text-align: center;
    overflow: hidden;
}

.mid-footer ul{
    list-style: none;
}


.mid-footer ul li{
    float: left;
    width: 32%;
    border: 1px solid #fff;
    padding: 10px 0px 10px 0px;
    margin: 25px 0px 15px 0px;
}

#gp:hover{
    background: #dd4d42;
}

#fb:hover{
    background: #4867aa;
}

#tw:hover{
    background: #1da1f2;
}

.mid-footer a{
    color: #fff;
    overflow: hidden;
}

.mid-footer i{
    font-size: 20px;
    display: block;
}

.bottom-footer{
    background: #000;
    overflow: hidden;
}

.bottom-footer ul{
    list-style: none;
}

.bottom-footer ul li{
    float: left;
    margin: 15px;
    color: #eba52c;
}

.bottom-footer img{
    float: right;
    width: 180px;
    margin: -8px 16pc 0px 0px;
}

.details ul{
    list-style: none;
    margin: 55px 0px 0px 0px;
}

.details ul li{
    text-shadow: 2px 2px 2px #000;
    display: block;
    /*height: 70px;*/
    font-size: 20px;
}

.details ul li img{
    width: 30px;
    height: 30px;
    margin: 0px 20px 10px 0px;
    float: left;
}

.top-pic{
   
    width: 100%;
    background: url(../img/website-design-background.png) no-repeat;
    height: 350px;
    background-size: cover;
    background-position: center;
    text-align: center;
    color: #fff;
}

.top-pic h1{
     padding: 7pc 0px;
}

.top-pic-about{
   
    width: 100%;
    background: url(../img/about12.jpg) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    height: 250px;
    background-size: cover;
    background-position: center;
    text-align: center;
    color: #fff;
}



.about-sec{
    background: rgba(0,0,0,0.6);
    color: #fff;
    text-align: center;
}


.about-sec p{
    font-size: 20px;
    padding: 10px 10px 0px 10px;
    
}

.about-sec h1{
    text-shadow: 2px 2px 2px #000;
    padding: 10px 0px 10px 0px;
}

.about-sec h2{
    text-shadow: 2px 2px 2px #000;
    padding: 0 0px 5px 0px;
    border-bottom: 1px dotted;
    display: inline;
}

.about-sec ul{
    
    text-align: left;
    margin: 6pc 0;
}

.about-sec ul li{
    font-size: 20px;
    margin: 10px 0;
}

.about-sec img{
    width: 450px;
}

.about-sec h3{
    font-size: 20px;
    padding: 0px 15px 50px 15px;
    font-weight: normal;
}

.foot-pic{
    padding: 0 0 2pc 0;
}

.foot-pic img{
    width: 450px;
    height: 300px;
    margin: 20px;
    
}

.top-pic-services{
   
    width: 100%;
    background: url(../img/service-banner12.jpg) no-repeat;
    height: 250px;
    background-position: center;
    text-align: center;
    color: #fff;
}



.designing{
    color: #fff;
    background: rgba(0,0,0,0.6);
    text-align: center;
}

.designing img{
    width: 100%;
    height: 350px;
}

.designing p{
    font-size: 20px;
    padding: 10px 10px;
}

.designing h2{
    margin: 15px;
}

.text{
    height: 250px;
}

#mobile{
    height: 400px;
}

#long{
    overflow: hidden;
    height: 400px;
}

.text ul{
    text-align: left;
    font-size: 20px;
}

#myBtn {
    display: block;
    position: fixed;
    bottom: 20px;
    left: 15px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #eba52c;
    color: white;
    cursor: pointer;
    padding: 10px;
    border-radius: 40px;
    width: 50px;
    height: 50px;
}

#myBtn:hover {
  background-color: #fff;
  color:#eba52c;
}

.top-pic-review{
   
    width: 100%;
    background: url(../img/review.jpg) no-repeat;
    height: 250px;
    background-size: cover;
    background-position: center;
    text-align: center;
    color: #fff;
}


.reviews{
  background: rgba(0,0,0,0.6);
  overflow: hidden;
  color: #fff;
  text-align: center;
  padding: 2pc 0 2pc 0;
}

.reviews h1{
  padding: 1pc 0pc 4pc 0pc;
}

.reviews h2{
  font-size: 21px;
  padding: 4pc 0pc 0pc 0pc;
}

.reviews p{
    font-size: 20px;
    padding: 0;
    margin: 0;
  
}

.section{
    padding: 0pc 0pc 1pc 0pc;
    border-bottom: 1px dotted;
    background: rgba(0, 0, 0, 0.25882352941176473);
    margin: 0 0 10px;
}

.section img{
    width: 200px;
    height: 200px;
}

.privacy{
    background: rgba(0,0,0,0.6);
    color: #fff;
    text-align: center;
    padding: 4pc;
}

.privacy h1{
    border: 1px solid;
    border-radius: 25px;
    margin: 0pc 5pc 0 5pc;
    padding: 0px 0px 0px 0px;
}

.privacy p{
    padding: 2pc 7pc 3pc 7pc;
    text-align: left;
}

.privacy ul{
    list-style: none;
    text-align: left;
    padding: 2pc 0pc 2pc 7pc;
}

.privacy ul li{
    margin: 0pc 0pc 1pc 0pc;
}

.terms{
    color: #fff;
    background: rgba(0,0,0,0.6);
    text-align: center;
    padding: 30px;
}

.terms h1{
    border: 1px solid;
    padding: 5px;
    border-radius: 40px;
    margin: 20px;
}

.terms p{
    text-align: left;
    padding: 0px 3pc 0px 3pc;
}

.refund{
    color: #fff;
    background: rgba(0,0,0,0.6);
    text-align: center;
    padding: 30px;
}

.refund h1{
    border: 1px solid;
    padding: 5px;
    border-radius: 40px;
    margin: 20px;
}

.refund p{
    text-align: left;
    padding: 0px 3pc 0px 3pc;
}


.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-size: 18px;
    border: 1px solid #fff;
    border-radius: 40px;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
    padding: 10px 40px;
    background: #eba52c;

}
.filter-button:hover
{
    background:#000;
    text-decoration:none;
    color:#fff;
}
.btn-default:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}

.top-pic-designs{
   
    width: 100%;
    background: url(../img/unique.jpg) no-repeat;
    height: 250px;
    background-size: cover;
    background-position: center;
    text-align: center;
    color: #fff;
}

.gallery-sec {

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

    padding:50px 0 100px;

}

.gallery-sec h2

{

    color: #fff;
    padding: 0;
    margin: 0 0 50px;
    text-align: center;

}



.heading h2 {

    font-size: 30px;

    color: #565656;

    font-weight: 400;

    margin: 0px 0px 50px;

    padding:0;

    text-align:center;

}

.gallery-sec .properties-image {

    margin-bottom: 30px;

    position: relative;

}

.gallery-sec .properties-image img {

    width:100%;

    height:200px;

}

.img-box {

    position:relative;

    width:100%;

    border:2px solid #333;

}

.img-box .over-lay {

    position: absolute;

    left: 50%;

    right: 50%;

    top: 50%;

    bottom: 50%;

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

    opacity: 0;

    transition: all 0.5s ease 0s;

    text-align:center;

}

.img-box a:hover .over-lay {

    position: absolute;

    left: 0px;

    right: 0px;

    top: 0;

    bottom: 0;

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

    opacity: 1;

}
.img-box .over-lay .image-cap
{
    position: relative;
}

.img-box .over-lay .image-cap{

    color:#fff;
    font-size:16px;
    top:45%;
    position:relative;
    transition: all 0.5s ease;

}

.gallery-sec a.readmore {

    background: #ff7300;

    padding: 15px 30px;

    border-radius: 50px;

    border: 2px solid #fff;

    box-shadow: 1px 2px 8px #5d5c5c;

    display: inline-block;

    margin-top: 20px;

    color: #fff;

}

.top-pic-faq{
   
    width: 100%;
    background: url(../img/faqs.jpg) no-repeat;
    height: 250px;
    background-size: cover;
    background-position: center;
    text-align: center;
    color: #fff;
}


.faq{
    background: rgba(0,0,0,0.6);
    color: #fff;
    text-align: center;
    padding: 30px;
}

.faq h1{
    border: 1px solid;
    border-radius: 32px;
    margin: 10px 0px 40px 0px;
}

.faq p{
    text-align: left;
    font-size: 22px;
    margin: 0px 0px 25px 0px;
}

.faq a{
    color: #eba52c;
    text-decoration: none;
}

.card{
    background: transparent;
    border: 1px dotted;
    border-radius: 35px;
    margin: 10px;
}

.card-header{
    background: transparent !important;
    border: 1px dotted #fff;
    border-radius: 35px;
    border: none;

}

.card-header button{
    color: #fff;
    text-decoration: none !important;
    width: 100%;
    font-size: 22px;
    white-space: normal;
}

.card-body {

    font-size: 18px;
}

.card-header button:hover{
    color: #fff;
text-decoration: none;
}

.card span{
    color: #eba52c;
}

.top-pic-packages{
   
    width: 100%;
    background: url(../img/packages.jpg) no-repeat;
    height: 250px;
    background-size: cover;
    background-position: center;
    text-align: center;
    color: #fff;
}

.packages{
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 2pc 0px 2pc 0px;
    text-shadow: 2px 1px 3px #000;
}

.packages h2{
    width: 100%;
    margin: 0pc 0pc 2pc 0pc;
    text-align: center;
}

.packages p{
    font-size: 20px;
    margin: 0pc 0pc 4pc 0pc;
}



.features h3{
    display: inline;
    background: #bf361d;
    padding: 10px 30px 10px 10px;
}

.features span{
    border: 5px solid;
    padding: 35px 30px 35px 30px;
    border-radius: 53px;
    float: right;
    margin: -38px 0 0px 0px;
    font-size: 20px;
    background: #bf361d;
    position: absolute;
    z-index: 99;
    left: 9pc;
}

.features ul{
    margin: 3pc 0px 0px -1px;
}

.features ul li{
    padding: 5px 0;
    font-size: 17px;
}

.standard h3{
    display: inline;
    background: #008ab2;
    padding: 10px 30px 10px 10px;
}

.standard span{
    border: 5px solid;
    padding: 35px 29px 35px 29px;
    border-radius: 60px;
    float: right;
    margin: -38px 0 0px 0px;
    font-size: 20px;
    background: #008ab2;
    position: absolute;
    z-index: 99;
    left: 9pc;
}

.standard ul{
    margin: 3pc 0 0 0;
    list-style-type: none;
    text-align: center;
}

.standard ul li{
    padding: 5px 0;
    font-size: 17px;
}

.deluxe h3{
    display: inline;
    background: #48ab24;
    padding: 10px 30px 10px 10px;
}

.deluxe span{
    border: 5px solid;
    padding: 35px 29px 35px 29px;
    border-radius: 60px;
    float: right;
    margin: -38px 0 0px 0px;
    font-size: 20px;
    background: #48ab24;
    position: absolute;
    z-index: 99;
    left: 8pc;
}

.deluxe ul{
    margin: 3pc 0 0 0;
    list-style-type: none;
    text-align: center;
}


.deluxe ul li{
    padding: 5px 0;
    font-size: 17px;
}


.customize h3{
    display: inline;
    background: #cfce31;
    padding: 10px 30px 10px 10px;
}

.customize span{
    border: 5px solid;
    padding: 41px 17px 41px 17px;
    border-radius: 60px;
    float: right;
    margin: -42px 0 0px 0px;
    font-size: 14px;
    background: #cfce31;
    position: absolute;
    z-index: 99;
    left: 10pc;
}

.customize ul{
    margin: 3pc 0 0 0;
    list-style-type: none;
    text-align: center;
}

.customize ul li{
    padding: 5px 0;
    font-size: 17px;
}

.fa-check{
    color:#31d331;
}

.fa-times{
    color: red;
}


.bottom-part{

    background: rgba(255,255,255,0.6);
    padding: 15px 0px 15px 0px;
}

.bottom-part h1{
    font-size: 24px;
}

.bottom-part ul{
    list-style: none;
}

.bottom-part ul li{
    color: #eba52c;
    text-shadow: 1px 1px 1px #000;
    font-size: 20px;
    text-align: center;
}

.owl-nav button
{
    font-size: 40px !important;
    background: #000 !important;
    height: 40px;
    width: 40px;
}
.owl-nav button span
{
    position: relative;
    top:-13px;
}



.vchighlight{position: relative;
  animation: vacation1 5s infinite; background:skyblue;border:2px solid red;margin: 0 5px 0 5px;}

      
      @keyframes vacation {
  0%   {top: 0px; border:2px solid red;}
  100%  {top: 10px; border:2px solid red;}
  
}




/*contact us page css*/

.top-pic-con{
   
    width: 100%;
    background: url(../img/cont.jpg) no-repeat;
    height: 300px;
    background-size: cover;
    background-position: center;
    text-align: center;
    color: #fff;
    -webkit-mask-image: linear-gradient(to top, rgba(255,255,255,0), #0d1017 3rem);
    overflow: hidden;
}
.form-starts{
    padding: 40px 0;
}
.cstm-contact{
    padding-bottom: 20px;
}

.cstm-contact h1 {
  font-weight: 600;
  color: #fff;
  font-size: 35px;
  margin: 0 0 20px;
  padding: 0 0 5px;
  border-bottom: 1px solid #f5a425;
  text-shadow: 2px 2px 2px #000;
}
.cstm-contact button:focus{
    box-shadow: none;
}
.cstm-contact button{
    background: #eba52c;
    border-color: #fff;
}

.cstm-contact button:hover{
    background: #000;
    color: #eba52c;
    border-color: #eba52c;
}
.contact-button ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.contact-button ul li {
  padding: 15px;
  margin: 10px 0;
  font-size: 14px;
  font-weight: 700;
  color: #333;
  background: #eee;
  display: block;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.10), 0 2px 3px 0 rgba(0, 0, 0, 0.10);
  word-break: keep-all;
}
.contact-button ul li i {
  margin-right: 15px;
  color: #eba52c;
  font-size: 23px;
  float: left;
  height: 34px;
}
.new-lnk ul a{
    text-decoration: none !important;
}
.new-lnk ul li {
    margin: 8px;
    color: #fff;
    text-shadow: unset;
    display: block;
    font-size: 20px;
}
.new-lnk ul li:hover{
    color: #eba52c;
    text-decoration: underline #eba52c;
}
.details h2 {
    padding: 10px 35px 0;
}
.details .new-lnk ul {
    list-style: none;
    margin: 0;
    padding: 0 25px;
}
.details .row{
    padding: 0 25px !important;
    margin: 0;
}
.heading-bor {
    width: 100px;
    height: 3px;
    background: #eba52c;
    margin: 5px 35px;
}
.trust{
    text-align: center;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.trust a img {
    width: 300px;
    background: #fff;
    padding: 10px;
    border-radius: 4px;
}
@media(max-width: 767px){
    .top-pic-con {
        width: 100%;
        background: url(../img/cont.jpg) no-repeat;
        height: 120px;
        background-size: 100%;
        background-position: center;
        text-align: center;
        color: #fff;
        -webkit-mask-image: linear-gradient(to top, rgba(255,255,255,0), #0d1017 3rem);
        overflow: hidden;
    }
    .details h2 {
        text-align: left;
        padding: 0 25px 15px;
        margin: 0;
    }
    .contact-button ul li {
        font-size: 15px;
    }
    .details ul li img {
        width: 35px;
        height: 35px;
        margin: 0px 20px 10px 0px;
        float: left;
    }
    .details ul li {
        text-shadow: unset;
        font-size: 17px;
    }
    .details .new-lnk ul {
        list-style: none;
        text-align: left;
        margin: 0;
        padding: 0 25px 15px;
    }
    .heading-bor {
        width: 100px;
        height: 3px;
        background: #eba52c;
        margin: 0 30px 15px;
    }
    .trust {
        text-align: center;
        height: 230px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .bottom-footer ul li {
        float: unset;
        margin: 5px 20px 5px 20px;
        color: #eba52c;
    }
    .bottom-footer img {
        float: left;
        width: 140px;
        margin: 0px 10px;
    }
}


/*new css*/

.new-sec-srt{
  background: rgba(0,0,0,0.6);
  color: #fff;
  text-align: center;
  padding: 50px 0;
}
.new-sec-set h1{
  border: 1px solid;
  padding: 5px;
  border-radius: 40px;
  margin: 20px;
  text-align: center;
  color: #fff;
  text-transform: capitalize;
}
.new-sec-set p{
  text-align: left;
  line-height: 30px;
  padding: 0 50px;
}
.new-sec-set p a:hover{
    color: #fff;
}
.chckup-pa{
  background: rgba(0,0,0,0.2);
  padding: 5px;
}
.chckup-pa p {
  color: #87ceeb;
  margin-bottom: 0;
  font-weight: 600;
}
.chckup-pa p a{
  color: #fdbe4b;
}
.chckup-pa p a:hover{
    color: #87ceeb;
}
@media (max-width: 767px){
    .new-sec-set p{
        padding: 0;
    }
}