#slidedown{



}

h5{
    color: white;

    font-family: 'Cabin', sans-serif;
}

.why:hover{


    cursor: pointer;

}








.spectar {
    backgfround: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(73, 197, 135, 1) 0%, rgba(73, 197, 135, 1) 1%, rgba(75, 201, 226, 1) 6%, rgba(255, 117, 117, 1) 13%, rgba(240, 200, 81, 1) 20%, rgba(141, 116, 185, 1) 27%, rgba(248, 118, 79, 1) 34%, rgba(73, 197, 135, 1) 42%, rgba(75, 201, 226, 1) 49%, rgba(255, 117, 117, 1) 56%, rgba(73, 197, 135, 1) 63%, rgba(255, 117, 117, 1) 70%, rgba(240, 200, 81, 1) 77%, rgba(141, 116, 185, 1) 84%, rgba(248, 118, 79, 1) 91%, rgba(73, 197, 135, 1) 98%, rgba(73, 197, 135, 1) 100%) repeat scroll 0 0;
    height: 10px;
    width: 100%;
}



/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
    .why2{

        padding-left: 25px;
    }
}

















.feature-sec {
    min-height: 393px;
    padding-top: 95px;
    overflow: hidden;
}

.bg-full {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.overlay {
    position: relative;
    z-index: 1;
}


.overlay:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
}



.feature-sec:after {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: auto;
    bottom: -40px;
    right: auto;
    z-index: 2;
    width: 100%;
    height: 70px;
    background: url(../images/bgborder.png);

}








:root {
    --modal-duration: 1s;
    --modal-color: #fe0000;
}


.a {
    background: #fe0000;
    padding: 1em 2em;
    color: #fff;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
}

.a:hover {
    background: #fe0000;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

.modal-content {
    margin: 10% auto;
    width: 60%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
    animation-name: modalopen;
    animation-duration: var(--modal-duration);
}

.modal-header h2,
.modal-footer h3 {
    margin: 0;
}

.modal-header {
    background: var(--modal-color);
    padding: 15px;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-body {
    padding: 10px 20px;
    background: #fffafa;
}

.modal-footer {
    background: var(--modal-color);
    padding: 10px;
    color: #fff;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.close {

    float: right;
    font-size: 50px;
     color: black;
}

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

@keyframes modalopen {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}





.image {
    /* filter: url(filters.svg#grayscale); Firefox 3.5+ */


    filter: none;
    -webkit-filter: grayscale(0);
    -webkit-transform: scale(1.01);



}

.image:hover {
    filter: gray; /* IE5+ */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
    -webkit-transition: all .8s ease-in-out;


}










.box{
    overflow: hidden;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    position: relative;
}
.box:before,
.box:after{
    content: "";
    width: 100%;
    height: 50%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform-origin: 100% 0;
    transform: rotateZ(180deg);
    transition: all 0.3s ease 0s;
}
.box:after{
    top: auto;
    bottom: 0;
    transform-origin: 0 100%;
}
.box:hover:before,
.box:hover:after{ transform: rotateZ(0); }
.box img{
    width: 100%;
    height: auto;
    transform: scale(1) rotate(0);
    transition: all 0.3s ease 0s;
}
.box:hover img{
    filter: sepia(80%);
    transform: scale(1.3) rotate(0deg);
}
.box .title{
    font-size: 19px;
    font-weight: 600;
    color: red;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 0 0 1px #004cbf;
    margin: 0;

    text-align: center;
    opacity: 0;
    z-index: 2;
    transform: scale(0);
    transition: all 0.5s ease 0.2s;
}
.box:hover .title{
    opacity: 1;
    transform: scale(1);
}
.box .icon{
    padding: 7px 12px;
    margin: 0;
    list-style: none;
    text-align: center;
    background: #ff142d;
    border-radius:  20px;
    position: absolute;
    top: -100%;
    right: auto;
    z-index: 2;
    transition: all 0.3s ease 0.2s;
}
.box:hover .icon{ top: 0; }
.box .icon li{
    display: block;
    margin:30px 0;
}
.box .icon li a{
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 10px;
    font-size: 18px;
    color: #fff;
    transition: all 0.3s ease 0s;
}
.box .icon li a:hover{
    color: #fff;
    box-shadow: 0 0 10px #000 inset,0 0 0 3px #fff;
}
@media only screen and (max-width:990px){
    .box{ margin-bottom: 30px; }
}





#aboutme{

    background: crimson;
    padding: 20px;

    }




.hm_contact_form {
    position: relative;
    padding: 20px;

    background-color: #f3f3f3;
    border: 1px solid #ddd;
}
.hm_contact_form h2.title1 {
    background-color: #150000;
    padding: 10px 20px;

    color: #fff;
    text-align:center;
}
.title1 {
    color: #E3106C;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 13px;
    font-family: "Oswald", "Open Sans", sans-serif;
    line-height: 33px;
}
.form_row {
    margin-top: 10px;
}
.form_row .hm_input_text {
    border-radius: 4px;
    color: #324545;
    font-weight: 600;
    width: 100%;




}
.sm-form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 14px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 2px solid #fff;
    border-radius: 0 !important;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}





#contact {

    padding: 100px 0;
}



@media (max-width: 1050px) and (min-width: 768px) {
    #form {
        width: 95%;
        margin: 0 auto;
    }
  }

    @media (min-width: 768px) {
        #form{
            width: 970px;
        }

    }
        @media (min-width: 768px) {
            #form {
                width: 750px;
            }

        }



#form:before, #form:after {
    content: " ";
    display: table;
}



@media (min-width: 768px){
    .col-md-offset-2 {
        margin-left: 16.666666666666664%;
    }}
    @media (min-width: 768px) {
        .col-md-8 {
            width: 66.66666666666666%;
        }
    }


#contact h3 {
    color: #fff;
    margin: 0;
    font-size: 30px;
}

form {
    display: block;
    margin-top: 0em;
}

#contact form label {
    color: #888;
    font-weight: 400;
    margin-bottom: 5px;
}
label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
}

#contact form input {
    border: none;
    background: #fff!important;
    border-radius: 3px;
    height: 40px;
    padding: 0 15px;
    color: #000;
    width: 70%;
    display: block;
    margin-bottom: 15px;
}

#contact form label {
    color: #888;
    font-weight: 400;
    margin-bottom: 5px;
}

#contact form textarea {
    width: 100%;
    border: none;
    background: #fff;
    border-radius: 3px;
    height: 200px;
    padding: 15px;
    color: #000;
    display: block;
    margin-bottom: 15px;
}


#contact form button {
    border: medium none;
    font-size: 14px;
    background: #FF00A4;
}

.button.large {
    padding: 12px 25px;
}


#form:after {
    clear: both;
}
#form:before, #form:after {
    content: " ";
    display: table;
}

#form:after {
    clear: both;
}








/*#contact {*/
    /*overflow: auto;*/


/*}*/
/*#contact #form {*/
    /*width:410px;*/
    /*float:left;*/
/*}*/
/*#contact #form h2 {*/
    /*font: 48px 'Bree Serif', Georgia, serif;*/
/*}*/
/*#contact #form span {*/
    /*display:block;*/
    /*float:left;*/
    /*width:100px;*/
    /*padding-top:5px;*/
    /*font: 14px/16px'Bree Serif', Georgia, serif;*/
/*}*/
/*#contact #form input {*/
    /*float:left;*/
    /*width:255px;*/
    /*border:0px;*/
    /*color: #150000;*/
    /*padding:10px 10px 10px 30px;*/
    /*font: 11px/20px'Open Sans', Verdana, Helvetica, sans-serif;*/
    /*margin-bottom:10px;*/
/*}*/
/*#contact #form textarea {*/
    /*float:left;*/
    /*border:0px;*/
    /*width:255px;*/
    /*height:140px;*/
    /*padding:10px 10px 10px 30px;*/
    /*font: 11px/20px'Open Sans', Verdana, Helvetica, sans-serif;*/
    /*color: #150000;*/
    /*resize: none;*/
/*}*/
/*#contact #form input.name {*/
    /*background: #fffafa url(http://img7.uploadhouse.com/fileuploads/17737/177370145f09fe433945815665aa214f80dbc6af.png) no-repeat 10px 8px;*/
/*}*/
/*#contact #form input.email {*/
    /*background: #fffafa url(http://img6.uploadhouse.com/fileuploads/17737/177370138cc63992182149e9befabff3eafa6d23.png) no-repeat 10px 9px;*/
/*}*/
/*#contact #form input.captcha {*/
    /*background:white url(http://img3.uploadhouse.com/fileuploads/17737/17737011310213e71805ecf2292144cbbecf42ad.png) no-repeat 10px 9px;*/
/*}*/
/*#contact #form textarea.message {*/
    /*background:white url(http://img3.uploadhouse.com/fileuploads/17737/1773701229ed8c2f465a8274623ca8976adaf196.png) no-repeat 10px 8px;*/
/*}*/
/*#contact #form input.submit {*/
    /*cursor: pointer;*/
    /*width:85px;*/
    /*height:30px;*/
    /*float:right;*/
    /*padding:0px 0px 5px 0px;*/
    /*margin:10px 16px 0px 0px;*/
    /*background:white;*/
    /*color:#F1F1F1;*/
    /*font: 14px/16px'Bree Serif', Georgia, serif;*/
/*}*/
/*#contact #captcha span{*/
    /*width: 44px;*/
/*}*/
/*#contact #captcha input{*/
    /*background: url(http://img3.uploadhouse.com/fileuploads/17737/17737011310213e71805ecf2292144cbbecf42ad.png) no-repeat scroll 0 0 transparent;*/
    /*margin: 5px 0 0;*/
    /*padding: 0;*/
    /*border: medium none;*/
    /*cursor: pointer;*/
    /*width: 15px;*/
/*}*/





.title{

color:red!important;
}

.testimonial{ text-align: center; }
.testimonial .description{
    font-size: 18px;
    color: #fffafa;
    line-height: 27px;
    margin-bottom: 30px;

    padding-top: 22px;
}
.testimonial .pic{
    display: inline-block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 2px solid white;
    margin-bottom: 15px;
    position: relative;
}
.testimonial .pic:after{
    content: "";
    border-width: 20px;
    border-style: solid;
    border-color: white white transparent transparent;
    position: absolute;

    bottom: -33px;
    right: 20%;
    transform: rotate(-15deg);
    z-index: -1;
}
.testimonial .pic img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.testimonial .title{
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: #413f3f;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom: 7px;
}
.testimonial .post{
    display: block;
    font-size: 15px;
    color: white;
    text-transform: capitalize;
}
.owl-theme .owl-controls{
    margin-top: 10px;
}
.owl-theme .owl-controls .owl-page span{
    width: 30px;
    height: 3px;
    background: #585656;
    border-radius: 0;
    opacity: 1;
    transition: all 0.4s ease 0s;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    background: white;

    background-attachment: fixed;
}



.why{
    color: white;font-size: 25px;margin-left: 20px;
}


@media screen and (max-width: 600px) {

      .navbar{
       background: #e6121f!important;
    }
}


.fab{
    color: white;
    padding: 10px;
    font-size: 25px;
    letter-spacing: 5px;
}


.fab:hover{
    background: black;
    border-radius: 20px;
   padding: 10px;
}


.dark-grey-text{
    color: white!important;
}




@media screen and (max-width: 600px) {

     #why2{
       padding-left: 5px!important;
         margin-top: -50px;
    }
}



  .tit {
     color:red;
    }



@media screen and (min-width: 600px) {

    .tit {
        text-align: center;
        text-transform: capitalize;
        padding-top: 20px;
    }
}




@media screen and (max-width: 600px) {

    .tit {
        text-align: center;
        text-transform: capitalize;
       margin-top: -20px;
    }



  .box{
      padding-top: 50px;
  }

}




.img {
    filter: none;
    -webkit-filter: grayscale(0);
    -webkit-transform: scale(1.01);
    margin-bottom: 20px;

}




.img:hover {
    /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
    filter:grey; /* IE5+ */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
    -webkit-transition: all .2s ease-in-out;
   
    cursor: pointer;
}






@media screen and (max-width: 401px) {

.down {
padding-left: 75px;

}

}





#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;

    background: rgb(255, 250, 250);
    background: rgba(254, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 20px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: black;
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}











.typing-text::after {
    content: "|";
    animation: blink linear 1s infinite;
}

@keyframes blink {
    0%, 100% {
        opacity: 0;
    } 50% {
          opacity: 1;
      }
}





.m-new-services {
    clear: both;
    text-align: center;
    margin-bottom: 37px;
    margin-top: 30px;
    width: 100%;
    margin-left: 74px;
}



@media (max-width: 620px) {

    .m-new-services {

        margin-left: 2px;
    }
 }

.new-serv > ul {
    /* color: #333333; */
    /* float: left; */
    /* font-size: 15px; */
    /* line-height: 22px; */
    /* margin-right: 3%; */
    /* width: 30%; */
    color: #333333;
    float: left;
    font-size: 15px;
    line-height: 22px;
    margin-right: -8%;
    width: 29%;
}

.new-serv > ul li {
    float: left;
    box-sizing: border-box;
    padding-bottom: 7px;
    padding-left: 13px;
    list-style: none;
    padding-top: 4px;
    width: 100%;
}


.new-serv > ul li a {
    float: left;
    box-sizing: border-box;
    padding-bottom: 7px;
    padding-left: 18px;
    list-style: none;
    padding-top: 4px;
    width: 80%;
    background-color:black;
}

a{
    color: #fffafa;!important;
}
  a:hover{
      color: gold;
  }


@media (max-width: 620px) {
    .new-serv > ul {
        color: #333333;
        float: left;
        font-size: 15px;
        line-height: 22px;
        margin-right: 3%;
        width: 100% !important;
    }
}

.num:hover{

    border-bottom: solid white;
    cursor: pointer;
}


.t2{
    color:white ;
    font-family: 'Acme', sans-serif;
    font-size: 18px;
}

.t3{
    line-height: 15px;
    color: white;
    font-size:15px;

}

.t4{
    border-radius: 20px;background: red;font-size: 12px;margin-top:12px;

}



.post-slide{
    margin: 0 15px;
}
.post-slide .post-img{
    overflow: hidden;
}
.post-slide .post-img img{
    width: 100%;
    height: auto;
   border-radius:20px;
    transform: scale(1);
    transition: all 1s ease-in-out 0s;
}
.post-slide:hover .post-img img{
    transform: scale(1.08);
}
.post-slide .post-content{
    background: #fff;
    padding: 20px;
}
.post-slide .post-title{
    font-size: 17px;
    font-weight: 600;
    margin-top: 0;
    text-transform: capitalize;
}
.post-slide .post-title a{
    display: inline-block;
    color: #808080;
    transition: all 0.3s ease 0s;
}
.post-slide .post-title a:hover{
    color: #3d3030;
    text-decoration: none;
}
.post-slide .post-description{
    font-size: 15px;
    color: #676767;
    line-height: 24px;
    margin-bottom: 14px;
}
.post-slide .post-bar{
    padding: 0;
    margin-bottom: 15px;
    list-style: none;
}
.post-slide .post-bar li{
    color: #676767;
    padding: 2px 0;
}
.post-slide .post-bar li i{
    margin-right: 5px;
}
.post-slide .post-bar li a{
    display: inline-block;
    font-size: 12px;
    color: #808080;
    transition: all 0.3s ease 0s;
}
.post-slide .post-bar li a:after{
    content: ",";
}
.post-slide .post-bar li a:last-child:after{
    content: "";
}
.post-slide .post-bar li a:hover{
    color: #3d3030;
    text-decoration: none;
}
.post-slide .read-more{
    display: inline-block;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: #e7989a;
    border-bottom-right-radius: 10px;
    text-transform: capitalize;
    transition: all 0.30s linear;
}
.post-slide .read-more:hover {
    background: #333;
    text-decoration: none;
}



@media (max-width: 378px) {
.astrologername{


    line-height: 30px;
}

}






@media (min-width: 600px) {
    .j1{
        
         float: left;
           color:white;
               font-size: 20px;
              font-family: 'Oswald', sans-serif;
           letter-spacing: 1px;font-weight: bold
          





        }

}






@media (max-width: 600px) {
    .j1{
        
        
   text-align:center;
       color:white;
               font-size: 20px;
              font-family: 'Oswald', sans-serif;
           letter-spacing: 0.5px;font-weight: bold




        }

}







@media (max-width: 600px) {
    .j2{
        
    

color: white;font-family: 'Oswald', sans-serif;letter-spacing: 1px;font-size: 20px;margin-top:-10px


}}









@media (min-width: 600px) {
    .hidematter{

        display: none;
    }

}





@media (min-width: 600px) {
   #callmini{

        display: none;

    }

}