html, body {min-height: 100%;}

body {font: 18px/1.55em "Montserrat", sans-serif;}

ul, ol {text-align: left;}

header {padding: 30px;}

.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-toggler {color: rgba(255,255,255,1);}
.navbar-dark .navbar-toggler { background: rgba(0,0,0,0.6)}
.navbar-collapse {justify-content: flex-end;}
.navbar-collapse li a {
	text-transform: uppercase;
	color: #FFF;
	font-weight: 600;
	letter-spacing: 2px;
	}
	
footer {background: rgba(0,0,0,0.6); color: #FFF; padding: 40px 0; text-align: center;}
#home footer {display: none;}

#about {background: url(../images/slides/1.jpg) center center no-repeat fixed ; background-size: cover; }
#contact {background: url(../images/slides/4.jpg) center center no-repeat fixed ; background-size: cover; }
#projects {background: url(../gallery/large/gallery006.jpg) center center no-repeat fixed ; background-size: cover; }

.panel {
	padding: 40px;
	background: rgba(255,255,255,0.8);
}
.panel h1 {margin: 0 0 1em; text-transform: uppercase; font-weight: 300; letter-spacing: 2px;}

#projects .panel  {
	text-align: center;
}
#projects img {margin: 20px 0 0; display: block;}

#scroll {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background:rgba(0,0,0,0.8);
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#e74c3c;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

#slides {position: absolute !important; top: 0; z-index: -1}


.panel img, #swipebox-overlay img {max-width: 100%; height: auto;}

#mail{
display: inline-block !important;
letter-spacing: 1px !important;
font-family: ProximaNova-Light !important;
color: #990000 !important;
margin-left: 5px !important;
}
 #loadingimg{
display:none;

}
#successa {
    font-family: Roboto slab;
text-transform: capitalize;
letter-spacing: 0px;
line-height: 1.5;
font-weight: 300;
color: #bcc1c7;

}

#contactForm {
	background: rgba(0,0,0,0.7);
	padding: 30px;
	margin-bottom: 40px;
}

.slides-navigation a {
	color: #FFF; 
	background: rgba(0,0,0,0.4); 
	padding: 10px 20px; 
	opacity: .3;
	transition: all .3s linear;
	}
.slides-navigation a:hover {opacity: 1;}
.slides-navigation i {font-size: 2em;}

.form-group {overflow: hidden;}
.g-recaptcha > div, .g-recaptcha iframe {width: 100% !important;}

@media only screen and (min-width: 992px){
	.navbar-expand-lg .navbar-nav .nav-link {padding: 0 1rem;}
}
@media only screen and (max-width: 991px){
	.navbar-collapse ul {padding: 30px; background: rgba(0,0,0,0.4);  float: right; width: 50%;}
}
@media only screen and (max-width: 767px){
	header {padding: 30px 0}
	header img {max-width: 96%;}
	nav.navbar > a {width: 70%;}
}
@media only screen and (max-width: 479px){
	#about {background: url(../images/slides/1.jpg) center center no-repeat scroll ; background-size: cover; }
	.form-group {width: 100%; overflow: hidden;}
	.navbar-collapse ul {width: 100%; float: none;}
	}






.glow{
  display: inline;
 }

span{
  font-size: 18px;
   animation: Color 4s linear infinite;
  -webkit-animation: Color 4s ease-in-out infinite;
  font-weight:bold
  
}

@keyframes Color{
  0%{
    color:#ff7800;
  }
  
  20%{
    color:#da0b10;
  }
  
  40%{
    color:#ff7800;
  }
  
  60%{
    color:#da0b10;
  }
  
  80%{
    color:#ff7800;
  }
  
  100%{
    color:#da0b10;
  }
}

@-moz-keyframes Color{
  0%{
    color:#da0b10;
  }
  
  20%{
    color:#ff7800;
  }
  
  40%{
    color:#da0b10;
  }
  
  60%{
    color:#ff7800;
  }
  
  80%{
    color:#da0b10;
  }
  
  100%{
    color:#ff7800;
  }
}

@-webkit-keyframes Color{
  0%{
    color:#da0b10;
  }
  
  20%{
    color:#ff7800;
  }
  
  40%{
    color:#da0b10;
  }
  
  60%{
    color:#ff7800;
  }
  
  80%{
    color:#da0b10;
  }
  
  100%{
    color:#ff7800;
  }
}