/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* CUSTOM CSS (ADD YOUR CSS HERE!) */
/*//////////////////////////////////////////////////////////////////////////////////////////*/

/* PLUGIN CSS */
@import url('../plugins/camera-slider/camera-slider-1.3.4.min.css');
@import url('../plugins/fancybox/fancybox-1.3.4.min.css');
@import url('../plugins/fancybox/photoswipe-3.0.5.min.css');
@import url('../plugins/hover-animations/hover-animations-1.0.min.css');
@import url('../plugins/justinaguilar-animations/animations.css');
@import url('../plugins/validation/validation-2.2.min.css');
@import url(http://fonts.googleapis.com/css?family=Lato:300,400);
/* PAGE MODULES */
body{
    font-family: 'Lato', sans-serif;
	font-weight:300;
	color: #444;
    /*background-color: #fbfbfb;*/
    background-image: url('../img/bar.JPG');
    background-attachment: fixed;
    background-size: cover;
    /*height:100%;*/
}
a{
    color:#444;
}
h1, .h1{
	margin-top: 0px;
	margin-bottom: 30px;
    font-size: 36px;
    font-weight: 400;
    color: #22313F;
}
h2, .h2{
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 28px;
    font-weight: 400;
    color: #22313F;
}
#side-classes{
    background-color: #fbfbfb;
}
p {
	margin: 0 0 15px;
    font-size: 20px;
    color: #555;
}
#whites{
    color: #fbfbfb;
}
#maintext{
    color: #fbfbfb;
    text-shadow: -1px 1px 2px #555;
    font-size: 65px;
    text-align: center;
}
#maintext2{
    color: #fbfbfb;
    font-size: 25px;
    text-align: center;
}
#maintop{
    margin-top: 220px;
    margin-bottom: 300px;
    background-color: transparent;
}
#finalproject{
    background-color: #9d9d9d;
}
#main-header{
	background: #333333;
}
#main-nav{
	background: #444;
}
.content-block{
    background-color:#fbfbfb;
	padding: 30px 0px;
}
.service-block{
	background-color: #444;
	padding: 30px 0px;
}
.content-block img{
	margin-bottom: 30px;
}
.gallery-block{
	background: transparent;
	padding: 30px 0px;
}
.gallery-block img{
	margin-bottom: 30px;
}
.form-block{
	background: transparent;
	padding: 30px 0px;
}
.map-block{
	background: transparent;
	padding: 30px 0px;
}
.footer-block{
	background: transparent;
	padding: 30px 0px;
}
.copyright-block{
	background: #005b95;
	height:60px;
	line-height:60px;
	color:#fff;
}
.copyright-block a{
	color:#fff;
}
#map{
	height:400px;	
}
#footer-map{
	height:250px;	
}

.active{
    color:#666;
}

.yetclass{
    position: relative;
}
.yetclass img.grid{
    position: absolute;
    top: 0px;
    left: 0px;
}
#final{
    background-color: #3A539B;
}
#exfinal1{
    position: relative;
    top: -820px;
    left:0px;
    font-size: 20px;
    background-color: rgba(230,230,230,0.8);
}
#exfinal2{
    position: relative;
    top: -480px;
    left:-20px;
    background-color: rgba(230,230,230,0.8);
}
#exfinal2 h2,p{
    font-size: 18px;
}
#classes-side{
    font-size: 18px;
}
#exclasscontents{
    color:#fbfbfb;
}

[class*="animate-"] .overlay {
	background: #0072ba;
}

/* NAVIGATION */
.navbar-nav>li>a {
	line-height: 60px;
	height: 60px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
	color: #eeeeee;
	background-color: #666;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
	color: #eeeeee;
	background-color: #666;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
	color: #eeeeee;
    background-color: #666;
}
.navbar-default .navbar-nav>li>a{
	color: #fff;
}
.navbar-default .navbar-toggle:hover .icon-bar{
	background-color: #666;
}

/* RESPONSIVE */
@media (min-width: 1230px) {...}

@media (min-width: 1022px) {...}

@media (max-width: 1021px) {...}

@media (min-width: 798px) {...}

@media (max-width: 797px) {...}

@media (max-width: 598px) {...}

@media (max-width: 510px) {...}

@media (min-width: 798px) and (max-width: 1021px) {...}

@media (min-width: 1022px) and (max-width: 1229px) {...}