

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.navbar-nav > li > a:hover {

	background:none!important;

}

a.navbar-brand {
    font-size: 3.5em!important;
    color: #FFF;
    text-shadow: 1px 0px 2px #333;
    min-height: 60px;
    padding-top: 20px;
    padding-left:50px;
    width:400px;
	background:url("../img/spider.jpg") no-repeat left center transparent;
	
}


.navbar {

	padding:15px 0!important;


}

.mast-services {

 position:absolute;
 color:white;
 text-align:center;
 margin-top:100px;

}

.red {
	
	background:#ff3333;


}

#camera_wrap_103 .camera_caption {
    display: block;
    position: absolute;
    left: 0%;
    text-align: center;
 
}


.mast-services img {

 

}

h2.mast-head  {

 font-size:36px;
 margin-bottom:50px;

}

.mast-services h4 {
    font-size: 26px;
    margin: 18px 0px;
}
.mast-services p {
    color: #f7f7f7;
}

.slideshow img 

{

width:100%;
position:relative;
 color:white;
 text-align:center;
 z-index:-1;

}

.no-pad 

{

padding:0px!important;

}

.jumbotron {

	color:white;
	
	text-align:center;
	


}

.shadow_footer {
	border-bottom:13px solid #2B74A7;
	box-shadow:0px 5px 8px rgba(0, 0, 0, 0.15)
}

.jumbotron p {

	padding-top:25px;


}
.jumbotron .container {

	
	padding:0px 0px 50px 0!important;
	
}

.category-desc {

	font-size:1.7em;

}


.blue { 

	background-color:#3686BE;
	

}

a.navbar-brand {

	font-size:2.6em;
	color:white;
	text-shadow:1px 0px 2px #333;
	}


textarea,input {
    overflow: auto;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    border: 1px solid rgb(193, 193, 193);
    margin-bottom: 10px;
}

.margin40 { margin:20px 0;}

.bottom a { color:white; text-decoration:underline;}

.white li a {
    color: #FFF;
    font-size: 1.3em!important ;
}

 
span, p, img, h1,h2,h3,h4 {


    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.5s; /* Firefox < 16 */
        -ms-animation: fadein 0.5s; /* Internet Explorer */
         -o-animation: fadein 0.5s; /* Opera < 12.1 */
            animation: fadein 0.5s;
}

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

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.contact-form fieldset legend {

	display:none;

}



/**** SPINNER */ 

/* ANIMATION */
@-moz-keyframes cycle {
	0%  { top:0px; }
	4%  { top:0px; } 
	16% { top:0px; opacity:1; z-index:0; } 
	20% { top:325px; opacity:0; z-index:0; } 
	21% { top:-325px; opacity:0; z-index:-1; }
	92% { top:-325px; opacity:0; z-index:0; }
	96% { top:-325px; opacity:0; }
	100%{ top:0px; opacity:1; }
	
}
@-moz-keyframes cycletwo {
	0%  { top:-325px; opacity:0; }
	16% { top:-325px; opacity:0; }
	20% { top:0px; opacity:1; }
	24% { top:0px; opacity:1; } 
	36% { top:0px; opacity:1; z-index:0; } 
	40% { top:325px; opacity:0; z-index:0; }
	41% { top:-325px; opacity:0; z-index:-1; } 
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclethree {
	0%  { top:-325px; opacity:0; }
	36% { top:-325px; opacity:0; }
	40% { top:0px; opacity:1; }
	44% { top:0px; opacity:1; } 
	56% { top:0px; opacity:1; } 
	60% { top:325px; opacity:0; z-index:0; }
	61% { top:-325px; opacity:0; z-index:-1; } 
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclefour {
	0%  { top:-325px; opacity:0; }
	56% { top:-325px; opacity:0; }
	60% { top:0px; opacity:1; }
	64% { top:0px; opacity:1; }
	76% { top:0px; opacity:1; z-index:0; }
	80% { top:325px; opacity:0; z-index:0; }
	81% { top:-325px; opacity:0; z-index:-1; }
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclefive {
	0%  { top:-325px; opacity:0; }
	76% { top:-325px; opacity:0; }
	80% { top:0px; opacity:1; }
	84% { top:0px; opacity:1; }
	96% { top:0px; opacity:1; z-index:0; }
	100%{ top:325px; opacity:0; z-index:0; }
}

@-webkit-keyframes cycle {
	0%  { top:0px; }
	4%  { top:0px; }
	16% { top:0px; opacity:1; z-index:0; } 
	20% { top:325px; opacity:0; z-index:0; }
	21% { top:-325px; opacity:0; z-index:-1; }
	50% { top:-325px; opacity:0; z-index:-1; }
	92% { top:-325px; opacity:0; z-index:0; }
	96% { top:-325px; opacity:0; }
	100%{ top:0px; opacity:1; }
	
}
@-webkit-keyframes cycletwo {
	0%  { top:-325px; opacity:0; }
	16% { top:-325px; opacity:0; }
	20% { top:0px; opacity:1; }
	24% { top:0px; opacity:1; } 
	36% { top:0px; opacity:1; z-index:0; } 
	40% { top:325px; opacity:0; z-index:0; }
	41% { top:-325px; opacity:0; z-index:-1; }  
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclethree {
	0%  { top:-325px; opacity:0; }
	36% { top:-325px; opacity:0; }
	40% { top:0px; opacity:1; }
	44% { top:0px; opacity:1; } 
	56% { top:0px; opacity:1; z-index:0; } 
	60% { top:325px; opacity:0; z-index:0; } 
	61% { top:-325px; opacity:0; z-index:-1; }
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclefour {
	0%  { top:-325px; opacity:0; }
	56% { top:-325px; opacity:0; }
	60% { top:0px; opacity:1; }
	64% { top:0px; opacity:1; }
	76% { top:0px; opacity:1; z-index:0; }
	80% { top:325px; opacity:0; z-index:0; }
	81% { top:-325px; opacity:0; z-index:-1; }
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclefive {
	0%  { top:-325px; opacity:0; }
	76% { top:-325px; opacity:0; }
	80% { top:0px; opacity:1; }
	84% { top:0px; opacity:1; }
	96% { top:0px; opacity:1; z-index:0; }
	100%{ top:325px; opacity:0; z-index:0; }
}

/* ANIMATION BAR */
@-moz-keyframes fullexpand {
    0%, 20%, 40%, 60%, 80%, 100% { width:0%; opacity:0; }
    4%, 24%, 44%, 64%, 84% { width:0%; opacity:0.3; }
   16%, 36%, 56%, 76%, 96% { width:100%; opacity:0.7; }
   17%, 37%, 57%, 77%, 97% { width:100%; opacity:0.3; }
   18%, 38%, 58%, 78%, 98% { width:100%; opacity:0; }	
}
@-webkit-keyframes fullexpand {
    0%, 20%, 40%, 60%, 80%, 100% { width:0%; opacity:0; }
    4%, 24%, 44%, 64%, 84% { width:0%; opacity:0.3; }
   16%, 36%, 56%, 76%, 96% { width:100%; opacity:0.7; }
   17%, 37%, 57%, 77%, 97% { width:100%; opacity:0.3; }
   18%, 38%, 58%, 78%, 98% { width:100%; opacity:0; }	
}


.category-desc {
	padding:20px 0;
}

.main {

min-height:400px;

}

.random-image {
    max-height: 320px;
    margin-bottom: 20px;
    text-align:center; 
    display:table; 
    width:100%;
    height:320px;
    
}
	
.random-image div {
    bottom: 45%;
    position: absolute;
}

.random-image img { 

height:100%!important;

}

.random-image h1 {
    color: white;
    margin: auto auto;
    width: 100%;
    text-align: center;
    top: 0px;
    left: 0;
    vertical-align: middle;
    display:table-cell;
}

.nav > li {
    display: block;
    padding-top: 12px;
    
    }
    
.nav li a {
    
    color: #000 !important;
    font-size: 1.2em;
    
    }
    
h3.blue-bar {
	    margin: 0 5px 0px 5px;
	color:white;
	background:#2668CC;
	padding:10px;

}

h3.red-bar {
	    margin: 0 5px 0px 5px;
	color:white;
	background:#f52e3f;
	padding:10px;

}

.intro h2 {
    font-size: 1.5em;
    position: relative;
    top: 0px;
    z-index: 99;
    margin: 0;
}


header {

	border-bottom:3px solid #20486C;
	

}

.item-page p {

	margin:20px 10px ;

}

.breadcrumb {
    padding: 7px 0px!important;
    margin: 10px 0!important;
    list-style: none!important;
}

.breadcrumb {
    padding: 7px 0px!important;
    margin: 0 0 0 0!important;
    list-style: none!important;
}

.breadcrumbs {
	
	background-color:#f5f5f5;
}

.intro div.col-md-6 {
    position: relative;
    min-height: 187px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 15px;
}

.box div {
	
	margin:10px;
	position:relative;

}
.box div h2 {
	width: 100%;
	position: absolute;
    top: 0px;
    left: 0;
    background: rgba(99,99,99,0.8);
   
}

.box div h2:hover {
	text-decoration:none!important;
   
}

.box div a {
	width: 100%;
	height: 100%;
	display:block;
   
}

.box div > a {
	width: 100%;
	height: 100%;
	display:block;
	position: absolute;
   
}

.intro h2 a {
    
    color: white!important;
    display: block;
    width: 100%;
    padding: 5px;
}

.divider img {

	margin-bottom:4px;

}

.slideshow {

    max-height: 320px;
}

#map-contacts {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #f1f1f1;
    box-shadow: 0 0 3px #808080;
    left: 250px;
    list-style: outside none none;
    padding: 10px 0;
    position: absolute;
    top: 100px;
    width: 300px;
}

.marginb40 {

	margin-bottom:40px;

}


.vm-product-rating-container ,.addtocart-area, .vm3pr-0, .orderby-displaynumber, .ratingbox{
	display: none!important;
	
}

.product-description p img {

	/*max-width: 57px;*/

}

.vm-product-descr-container-0 {
    margin-bottom: 6px;
    min-height: 22px!important;
}

#sidebar h2 {
    font-size: 20px;
    color: white;
    margin-top: 0px;
    padding: 10px;
}

#sidebar h2 a {

	font-size:20px;
	color:white;

}

.box  {

	
	position:relative;


}

#sidebar h2 a {
    font-size: 20px;
    color: white;
    position: relative;
    width: 100%;
    height: 100%;
}

.red-bar a, .blue-bar a {

	color:white;
	width:100%;
	height:100%;
	display: block;

}

.main {

	margin:20px auto;
	
}

.bottom h3 {

	margin:10px 0 25px 0!important;
	
}

.bottom h3  {

	color:#333;

}

.bottom p  {

	color:#333;

}

.center, .intro2 {

	margin:0 auto;
	text-align:center;
}


h3.center {
    color: #333;
    background-color: lightgray;
    padding: 10px;
    margin: 0 30% 30px 30%!important;
}

.jumbotron {

	background:none!important;

}

.services {

	margin-bottom: 15px!important;
	
	
}

.intro2 .col-md-4 h3 {
    width: 100%;
    left: 0;
    background: rgba(99,99,99,0.8);
    margin: 0px;
    padding: 5px 0;
}

.intro2 .col-md-4 img {
    width: 100%;
    position: relative;
    top: -36px;
    z-index: -2;
    
}

.intro2 .col-md-4 a {
    color:white;
}

.box .img-responsive {

	width:100%;
	
}

.well	{
	
	background:none!important;
	border:0px!important;
	
}
