/* Web-Nanny Custom CSS */

body{

    font-family: 'Armata';

    font-size: 16px;

    font-weight: 400;

    color: #2e2e2e;

    background: #f5f5f5; 

    /* padding: 0px 25px 0px 25px; */

    /* width: 90%; */

    margin: 0 auto;

}

/* some custom settings */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 01 - EMPTY SPACE */

/*-------------------------------------------------------------------------------------------------------------------------------*/



div[class*="empty-"] {width: 100%; clear: both;}

@media (max-width: 767px) {.empty-xs-0 {height: 0;}.empty-xs-5 {height: 5px;}.empty-xs-10 {height: 10px;}.empty-xs-15 {height: 15px;}.empty-xs-20 {height: 20px;}.empty-xs-25 {height: 25px;}.empty-xs-30 {height: 30px;}.empty-xs-35 {height: 35px;}.empty-xs-40 {height: 40px;}.empty-xs-45 {height: 45px;}.empty-xs-45 {height: 45px;}.empty-xs-50 {height: 50px;}.empty-xs-60 {height: 60px;}.empty-xs-65 {height: 65px;}.empty-xs-70 {height: 70px;}.empty-xs-75 {height: 75px;}.empty-xs-80 {height: 80px;}.empty-xs-90 {height: 90px;}.empty-xs-100 {height: 100px;}  }

@media (min-width: 768px) {.empty-sm-0 {height: 0;}.empty-sm-5 {height: 5px;}.empty-sm-10 {height: 10px;}.empty-sm-15 {height: 15px;}.empty-sm-20 {height: 20px;}.empty-sm-25 {height: 25px;}.empty-sm-30 {height: 30px;} .empty-sm-35 {height: 35px;}.empty-sm-40 {height: 40px;}.empty-sm-45 {height: 45px;}.empty-sm-50 {height: 50px;}.empty-sm-55 {height: 55px;}.empty-sm-60 {height: 60px;}.empty-sm-65 {height: 65px;}.empty-sm-70 {height: 70px;}.empty-sm-75 {height: 75px;}.empty-sm-80 {height: 80px;}.empty-sm-90 {height: 90px;}.empty-sm-100 {height: 100px;}.empty-sm-200 {height: 200px;}}

@media (min-width: 992px) {.empty-md-0 {height: 0;}.empty-md-10 {height: 10px;}.empty-md-15 {height: 15px;}.empty-md-20 {height: 20px;}.empty-md-25 {height: 25px;}.empty-md-30 {height: 30px;}.empty-md-40 {height: 40px;}.empty-md-50 {height: 50px;}.empty-md-60 {height: 60px;}.empty-md-65 {height: 65px;}.empty-md-70 {height: 70px;}.empty-md-75 {height: 75px;}.empty-md-80 {height: 80px;}.empty-md-90 {height: 90px;}.empty-md-100 {height: 100px;}.empty-md-130 {height: 130px;}.empty-md-200 {height: 200px;}}

@media (min-width: 1200px) {.empty-lg-0 {height: 0;}.empty-lg-10 {height: 10px;}.empty-lg-15 {height: 15px;}.empty-lg-20 {height: 20px;}.empty-lg-25 {height: 25px;}.empty-lg-30 {height: 30px;}.empty-lg-40 {height: 40px;}.empty-lg-50 {height: 50px;}.empty-lg-60 {height: 60px;}.empty-lg-65 {height: 65px;}.empty-lg-70 {height: 70px;}.empty-lg-75 {height: 75px;}.empty-lg-80 {height: 80px;}.empty-lg-90 {height: 90px;}.empty-lg-100 {height: 100px;}.empty-lg-110 {height: 110px;}.empty-lg-120 {height: 120px;}.empty-lg-150 {height: 150px;}.empty-lg-140 {height: 140px;}.empty-lg-160 {height: 160px;}.empty-lg-170 {height: 170px;}.empty-lg-180 {height: 180px;}.empty-lg-190 {height: 190px;}.empty-lg-200 {height: 200px;} .empty-lg-130 {height: 130px;}}

@media (min-width: 1400px) {.empty-lgx-0 {height: 0;}.empty-lgx-10 {height: 10px;}.empty-lgx-15 {height: 15px;}.empty-lgx-20 {height: 20px;}.empty-lgx-25 {height: 25px;}.empty-lgx-30 {height: 30px;} .empty-lgx-35 {height: 35px;}.empty-lgx-40 {height: 40px;}.empty-lgx-50 {height: 50px;}.empty-lgx-60 {height: 60px;}.empty-lgx-65 {height: 65px;}.empty-lgx-70 {height: 70px;}.empty-lgx-75 {height: 75px;}.empty-lgx-80 {height: 80px;}.empty-lgx-90 {height: 90px;}.empty-lgx-100 {height: 100px;}.empty-lgx-110 {height: 110px;}.empty-lgx-120 {height: 120px;}.empty-lgx-150 {height: 150px;}.empty-lgx-140 {height: 140px;}.empty-lgx-160 {height: 160px;}.empty-lgx-170 {height: 170px;}.empty-lgx-180 {height: 180px;}.empty-lgx-190 {height: 190px;}.empty-lgx-200 {height: 200px;} .empty-lgx-130 {height: 130px;}}







/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 02 - IMAGE SIZE */

/*-------------------------------------------------------------------------------------------------------------------------------*/



.cx-full-image {width: 100%; height: auto; display: block; position: relative;}

.cx-3qtr-image1 {width: 80%; height: auto; display: block; position: relative;}

.cx-3qtr-image {width: 70%; height: auto; display: block; position: relative;}

.cx-half-image {width: 50%; height: auto; display: block; position: relative;}

.cx-prd-img-slide {width: 20%; height: 15%;  display: block; position: relative;}







.curve-img{

    border-radius:  10px 10px 0px 0px;

}



/* /.some custom settings */



/*-------header--------*/

header{

    background:transparent;

    width: 100%; 

}

.header-inner{

    width: 87%;

    margin: 0 auto;

}

.header-menu{

    margin-top: 2em;

    margin-left: 38em;

}

.header-menu a{

    color: #000;

    font-weight: bold;

    text-decoration: underline #ccc solid;

    padding: 1em;

}

.header-menu a::after{

    background: red;

}









/*----/.---header--------*/



/* sidebar menu */



.toggle-nav {

    display:none;

}

/* sidebar menu */

/*---------Main-Slider--------*/

main{

    background:transparent;

    width: 100%; 

}

.main-container {

    width: 98%;

    margin: 0 auto; 
    overflow: hidden;

}



.main-body {

    width: 100%;
    /* margin: 0 auto;*/
    padding: 30px;
    padding-bottom: 100%;
    margin-bottom: -100%;

}

.main-body-info{

    padding: 5em;

}

.main-body-info h6{

   color: #fff;

}

.main-body-info h3{

   color: #000;

   font-weight: bolder;

}

.main-body-info p{

   color: #ececec;

   font-size: 1.5em;

   line-height: 2.0;

}



.main-side {

    margin: 0 auto;

    background: #000;

    /* height:650px; */

    color: #ccc;

    /* padding-top: 15em; */

    padding:30px;
    padding-bottom: 100%;
    margin-bottom: -100%;

}



.main-side ol{

    padding-top: 12.6em;

}



.main-side li{

    padding: 0.68em;

}



.main-side li a{

    color: #ccc;

}



.main-side .copy{

    color: #ccc;

}

.copy p{

    font-size: 12px;

    color: #999;

}

.copy-mini{

    text-align: center;

    margin-left: 2em;

}



.contact-form{

    background: #ececec;

    min-height: 248px;

    width: 46%;

    padding: 2em;

    border-radius: 5px;

}



.contact-form input[type=text],input[type=email]{

    margin-bottom: 2em;

    

}

.contact-body{

    margin-top: 3em;

}

.contact-form textarea{

    margin-bottom: 2em;

}

.social{

     margin-top: 14em;

}

.social i{

    font-size: 6em;

    padding: 18px;

    color: #fff;

}

/* -------home--------- */

.home-bg {

    background: #95cf6d;

}

.active-home{

    color: #95cf6d;

}

.active-home li a{

    color: #95cf6d;

}

/* ---------home------- */



/* -------about--------- */

.about-bg {

     background: linear-gradient(rgba(204, 153, 26, 0.85),rgba(204, 153, 26, 0.85)), url("../images/about-bg.jpg"); 

    /* background: #cc9900;*/

    /* background-image: url("../images/about-bg.png");  */

    /* background-repeat: no-repeat;

    background-position: center center; */

}

.active-about{

    color: #cc9900;

}

.active-about li a{

    color: #cc9900;

}

/* ---------about------- */





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

.services-bg {

    background: #009999;

}

.active-services{

    color: #009999;

}

.active-services li a{

    color: #009999;

}

.serivices-info p{

    font-size:14px;

}

.serivices-info h4{

    color:#000;

}

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



/* -------works--------- */

.works-bg {

    /* background: #666666; */

    background: linear-gradient(rgba(0, 51, 102, 0.85),rgba(0, 51, 102, 0.85)), url("../images/home-wbn.png"); 

    

}

.main-slider{

    background-image: url("../images/bg2.png");

    background-repeat: no-repeat;

    background-position: center center;

    min-height: 550px;

    width: 100%; 

    padding: 45px 25px 0px 30px;

}



.active-works{

    color: #666666;

}

.active-works li a{

    color: #666666;

}

/* ---------works------- */



/* -------you--------- */

.you-bg {

    /* background: #ff6666; */

    background: linear-gradient(rgba(255, 102, 102, 0.75),rgba(255, 102, 102, 0.75)), url("../images/you-bg.jpg"); 

    background-repeat: no-repeat;

    /* background-position: center center; */

}

.active-you{

    color: #ff6666;

}

.active-you li a{

    color: #ff6666;

}

/* --------you------- */



/* -------contact--------- */

.contact-bg {

    /* background: #993333; */

    background: linear-gradient(rgba(153, 51, 51, 0.75),rgba(153, 51, 51, 0.75)), url("../images/contact-bg.jpg"); 

    background-repeat: no-repeat;

    /* background-position: center center; */

}

.active-contact{

    color: #993333;

}

.active-contact li a{

    color: #993333;

}

/* ---------contact------- */



/* -------chat--------- */

.chat-bg {

    background: #999966;

}



/* ---------chat------- */



/* -------promo--------- */

.promo-bg {

   /* background: linear-gradient(rgba(0, 0, 0, 0.75),rgba(0, 0, 0, 0.75)), url("../images/promo-bg.jpg"); */

    /*background: linear-gradient(rgba(255, 102, 102, 0.65),rgba(255, 102, 102, 0.65)), url("../images/santa-promo-bg.png"); */

    background: linear-gradient(rgba(255, 102, 102, 0.65),rgba(255, 102, 102, 0.65)), url("../images/val-promo-bg1.png");
	background-repeat: no-repeat;

    background-position: center center;

}

.promo-head h2{

    color: #fff;

}

.promo-head p{

    color: #c9c9c9;

}

.promo-body{

    min-height: 550px;

    max-height: 550px;

    overflow: scroll;

    overflow-x: hidden;

}

.promo-side{

   background:#ff9900;

   left:  35em;

   padding-bottom: 1em;

}

.promo-side a{

  color:#fff;

}

.btn-ref:hover{

    color: #fff;

}

.btn-ref{

    color: #fff;

}

.main-body-cols{

    width: 80%;

    margin:5px 3.2em 0em 3.2em;

    /* border: 2px solid #fff;  */

    padding: 0em;

}



.main-body-info-col{

    width: 30%;

    margin: 2em;

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

    border-radius:  5px 5px 0px 0px;

}



.main-body-info-col i{

    font-size: 2em;

    color: #fff;

    text-align: center;

    padding: 20px;

    border: 1px solid #fff;

    border-radius:  50px;

    margin:1.2em 3em 0em 3em;

}



.main-body-info-col h3{

    color: #fff;

    font-size: 1.4em;

}



.main-body-info-col p{

    color: #c9c9c9;

    font-size: 1em;

    text-align: center;

}

.prompt-btn{

    background: #006699;

    border-radius: 30px;

    padding: 1em;

    margin:0.2em 4.8em 0em 4.8em;

    border: 1px solid #fff;

    color:  #fff;

}

.promo-btn{

    background: transparent;

    border-radius: 25px;

    padding: 0.5em;

    margin:0.2em 4.8em 0em 4.8em;

    border: 1px solid #fff;

    color:  #c9c9c9;

}

.prompt-txt{

    font-size: 16px;

    color: #fff;

}

.prompt-txt:hover{

    font-size: 16px;

    color: #fff;

}

.agent-pan{

    background: #fff;

    margin:0.2em 4.8em 0em 4.8em;

}



.terms-pan{

    margin:0.2em 4.8em 0em 4.8em;

}

.terms-pan h3, p, ol li{

   color: #fff;

   line-height: 2.0;

}



/* ---------promo------- */





/*--------footer--------*/

.footer {

   min-height: 40em;

    width: 100%;

}



.footer-copy{

    padding-top: 1em;

    margin-top: 0;

    background: #95cf6d;

    min-width: 100%;

}



.footer-copy span{

   color:rgb(29, 90, 0);

}

/*--------/.footer--------*/



/*----/.---Main-Slider--------*/





/*-----media---------*/







@media (max-width: 991px) {



    

/*-------header--------*/



    .header-inner{

        /* width: 90%; */

         padding: 0px 25px 0px 25px;

    }

    .header-inner .logo{

        margin-top: 1em;

        width: 20%;

    }

    .header-menu{

        margin-left: 1em;

    }

   

     .header-inner{

        width: 100%;

        

    }

    .main-container{

        /* border: 2px solid #000;    */

        padding: 0em;

        margin: 0 auto; 

        width: 100%;

        

    }

    .main-body{

        width: 100%; 

        /* border: 2px solid #ff9999;   */

        margin: 0em;

       

    }

    .contact-body{

        margin-top: 1px;

        background-repeat: no-repeat;

        background-position: center center; 

    }

    .social i{

        font-size: 3em;

    }

    .social {

         margin-top: 10px;

    }

    .home-bg{

        background: linear-gradient(rgba(149, 207, 109, 0.85),rgba(149, 207, 109, 0.85)), url("../images/home-wbn.png"); 

    }

    .services-bg{

        background: linear-gradient(rgba(0, 153, 153, 0.85),rgba(0, 153, 153, 0.85)), url("../images/prep.png"); 

        background-repeat: no-repeat;

        background-position: center center; 

    }

    .chat-bg{

        background: linear-gradient(rgba(204, 153, 26, 0.85),rgba(204, 153, 26, 0.85)), url("../images/home-wbn.png"); 

    } 

    .main-body-info{

        padding: 7em 0 7em 0;

    }

    .promo-head p,.terms-pan p{ font-size: 16px; line-height: 1.6;}

    .main-body-image{

        display: none;

    }



    .main-side {

       display: none;

    }

   

    .main-slider{

        min-height: auto;

        width: 100%; 

        padding: 0px;

    }



    .main-body-cols{

        margin:  0 0 1em 0;

        padding: 0em;

        width: 100%; 

      

    }

    .main-body-info-col{

        margin: 2em 0 0 0;

        width: 100%; 

       

    }

    .agent-pan,.terms-pan{

        margin: 1em 0 0 0;

        width: 100%;

       

    }

    .main-body-info-col i{

        text-align: center;

        padding: 20px;

       margin:0.1em 2em 0em 3em;

    }



   

    .prompt-btn{

       margin:0.1em 4.8em 0em 4.8em;

    }



    .promo-side{

        background:#ff9900;

        left:  1em;

    }

}



@media (max-width: 768px) {

    .header-menu a{

        font-size: 12px;

    }

   

	.main-body{

        width: 65%;

    }



    .main-body-image{

        display: none;

    }



    /* .main-side {

        padding-bottom: 4em;

    } */



    .main-side {

        display: none; 

    }

}



@media (max-width: 568px) { /*mobile down*/

   

	.main-body{

        width: 70%;

        /* border: 2px solid #000; */

        

    }

}



@media (max-width: 1484px) {

	

    .promo-body{

       margin: 0 60em 0 0;   

    }

    

}





/* @media (min-width: 992px) {

   

	

}



@media (min-width: 1200px) {

   

	

}

@media (min-width: 1400px) {

   

	

}





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

    

  

} */



/*------/.media-------*/





/*----- Menu -----*/



 

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

    .menu {

        position:relative;

        /* display:inline-block; */

        display:none;

    }

    .menu.active {

        display:block;

        width: 90%;

        position:absolute;

        top: 4em;

        padding-top:1em; 

    }

    .toggle-nav {

        padding:5px;

        float:right;

        display:inline-block;

        box-shadow:0px 1px 1px rgba(0,0,0,0.15);

        border-radius:3px;

        /* background:#303030; */

        background:#000;

        text-shadow:0px 1px 0px rgba(0,0,0,0.5);

        color:#777;

        font-size:20px;

        transition:color linear 0.15s;

    }

 

    .toggle-nav:hover, .toggle-nav.active {

        text-decoration:none;

        color:#66a992;

    }

 

   

}