body
{
    padding:0;
    margin:0;
    background-color:#ffffff;
	font-size:14px;
    
}
.dark_backgroung
{
   
    background-image:url(../img/background_dark.jpg);
}
.dark_lite
{
   
    background-image:url(../img/background_dark.jpg);
}
.content
{
    color: #4c4c4c;
    font-family:normal 11px Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    text-align: justify;
}
.menu
{  
   text-align: left;
}
a.menu:link
{
   
    font-family: Geneva, Arial, Helvetica, sans-serif;  
/*    font-size: 12;  */
    color: #ffffff; 
    font-weight: bold;  

}
div.foot-menu a
{
    color:#fff;
}

.full_img
{
   
    width:100%;
}



.star_normal
{
    color: green;
}
.yes_er
{
    color: red;
}

.no_er
{
    color: green;
}

.non-padding
{
    padding: 0px;
}



.title_black{
    color: #4c4c4c;
    font-family:normal 11px Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    
            }       
        

.title_color{
    color: #286507;
    font-family:normal 11px Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    
            }
.title_color:hover 
{
   color: #000000;
    font-family:normal 11px Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-underline-position: none;

}

.box_link{
    color: #286507;
    font-family:normal 11px Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    
            }
.box_link:hover 
{
   color: #000000;
    font-family:normal 11px Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-underline-position: none;

}



.packages_title
            {

    color: #000000;
    font-family:normal 11px Arial, Helvetica, sans-serif;
    font-weight: bold;


            }


.offers_topic


            {

    color: #000000;
    font-family:normal 11px Arial, Helvetica, sans-serif;
    font-weight: bold;


            }


.centered {
   
    text-align: center;
}



/* Preloader */
#preloader 
{
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}


#status 
{
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../img/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}


.admin_icons
{
    background-color:#e6e6e6;
    font:Arial, Helvetica, sans-serif;
    font-size:1.2rem;
    font-weight:normal;
    color:#660000;
    text-decoration: none;
    
}
.admin_icons:hover 
{
    background-color:#FFFFFF;
    font:Arial, Helvetica, sans-serif;
   font-size:1.2rem;
    font-weight:normal;
    color:#660000;
     text-decoration: none;
    
}




.post_img
{
    width:100;
    
}



/* Slider Start */
 
                /* jssor slider bullet navigator skin 05 css */
                /*
                .jssorb05 div           (normal)
                .jssorb05 div:hover     (normal mouseover)
                .jssorb05 .av           (active)
                .jssorb05 .av:hover     (active mouseover)
                .jssorb05 .dn           (mousedown)
                */
                .jssorb05 {
                    position: absolute;
                }
                .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
                    position: absolute;
                    /* size of bullet elment */
                    width: 16px;
                    height: 16px;
                    background: url(../img/b05.png) no-repeat;
                    overflow: hidden;
                    cursor: pointer;
                }
                .jssorb05 div { background-position: -7px -7px; }
                .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
                .jssorb05 .av { background-position: -67px -7px; }
                .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }
				
				

				 
                /* jssor slider arrow navigator skin 11 css */
                /*
                .jssora11l                  (normal)
                .jssora11r                  (normal)
                .jssora11l:hover            (normal mouseover)
                .jssora11r:hover            (normal mouseover)
                .jssora11l.jssora11ldn      (mousedown)
                .jssora11r.jssora11rdn      (mousedown)
                */
                .jssora11l, .jssora11r {
                    display: block;
                    position: absolute;
                    /* size of arrow element */
                    width: 37px;
                    height: 37px;
                    cursor: pointer;
                    background: url(../img/a21.png) no-repeat;
                    overflow: hidden;
                }
                .jssora11l { background-position: -11px -41px; }
                .jssora11r { background-position: -71px -41px; }
                .jssora11l:hover { background-position: -131px -41px; }
                .jssora11r:hover { background-position: -191px -41px; }
                .jssora11l.jssora11ldn { background-position: -251px -41px; }
                .jssora11r.jssora11rdn { background-position: -311px -41px; }
           
          
  /* Slider end */       
  
  


  @font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

 /* use navbar-wrapper to wrap navigation bar, the purpose is to overlay navigation bar above slider */
        .navbar-wrapper {
            position: absolute;
            top: 10;
            left: 0;
            width: 100%;
            
        }
        .navbar-wrapper > .container {
            padding: 0;
        }

        @media all and (max-width: 768px ){
            .navbar-wrapper {
                position: relative;
                top: 0px;
            }
        }

#nav.affix {
    position: fixed;
    top: 50px;
    width: 100%;
    z-index:10;
}


.img_bw {
  transition: filter .3s ease-in-out;
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */
}

.img_bw:hover {
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}

.shadow_m
{
-webkit-box-shadow: 0px 0px 25px -1px rgba(184,171,184,1);
-moz-box-shadow: 0px 0px 25px -1px rgba(184,171,184,1);
box-shadow: 0px 0px 25px -1px rgba(184,171,184,1);
}