@charset "utf-8";
/* CSS Document */

/*--Fonts--*/
@font-face { font-family: 'source_sans_proregular'; src: url('../fonts/sourcesanspro-regular-webfont.eot'); src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'), url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'), url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'), url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'bebasneue'; src: url('../fonts/bebasneue-webfont.eot'); src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bebasneue-webfont.woff2') format('woff2'), url('../fonts/bebasneue-webfont.woff') format('woff'), url('../fonts/bebasneue-webfont.ttf') format('truetype'), url('../fonts/bebasneue-webfont.svg#source_sans_proregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'gobold_uplow'; src: url('../fonts/gobold_uplow-webfont.eot'); src: url('../fonts/gobold_uplow-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gobold_uplow-webfont.woff2') format('woff2'), url('../fonts/gobold_uplow-webfont.woff') format('woff'), url('../fonts/gobold_uplow-webfont.ttf') format('truetype'), url('../fonts/gobold_uplow-webfont.svg#source_sans_proregular') format('svg'); font-weight: normal; font-style: normal; }
/*--/Fonts--*/

/*--COMMON CSS--*/
body { font-family: 'gobold_uplow'; background-color: #333; color: #fff; }
a:hover { text-decoration: none; }
/*headings*/

/*text*/
p { font-size: 15px; font-family: 'source_sans_proregular'; }
.page-header { font-size: 60px; font-style: italic; padding: 30px; background-color: rgba(0,0,0,0.50); }
/*backgrounds*/

/*buttons*/
.custom-btn { border-radius: 4px; background-color: #000; border: none; color: #FFFFFF; text-align: center; font-style: italic; font-size: 22px; padding: 15px; width: 100%; transition: all 0.5s; cursor: pointer; border-radius: 0; }
.custom-btn span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; }
.custom-btn span:after { content: '»'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s; }
.custom-btn:hover span { padding-right: 25px; color: #fff; }
.custom-btn:hover span:after { opacity: 1; right: 0; }
.list-group { font-family: 'source_sans_proregular'; }
.form-control { font-family: 'source_sans_proregular'; }
.glyphicon { margin-right: 5px; }
.slideanim { visibility: hidden; }
.slide { /* The name of the animation */ animation-name: slide; -webkit-animation-name: slide; /* The duration of the animation */ animation-duration: 1s; -webkit-animation-duration: 1s; /* Make the element visible */ visibility: visible; }
/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
 0% {
 opacity: 0;
 -webkit-transform: translateY(70%);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0%);
}
}
@-webkit-keyframes slide {
 0% {
 opacity: 0;
 -webkit-transform: translateY(70%);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0%);
}
}
.parallax { /* The image used */ background-image: url(../images/bg-01.jpg); /* Set a specific height */ height: auto; /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;/*-webkit-filter: grayscale(100%); filter: grayscale(100%);*/ }
.slide-02 { background-image: url(../images/slide-02.jpg) !important; }
.slide-03 { background-image: url(../images/slide-03.jpg) !important; }
/*--*/


/*--header--*/
/*custom-navbar*/
.custom-navbar { border: none; border-radius: 0; margin-bottom: 0; background-color: #000; min-height: 100px; border-bottom: 5px solid #b1b1b1; }
.custom-navbar .navbar-brand { height: auto; padding: 5px; }
.custom-navbar .navbar-nav { margin: 45px 0 0 0; }
.custom-navbar .navbar-nav > li > a { font-size: 18px; color: #ccc; text-transform: uppercase; font-size: 15px; font-family: 'source_sans_proregular'; }
.custom-navbar .navbar-nav > .active > a, .custom-navbar .navbar-nav > .active > a:hover, .custom-navbar .navbar-nav > .active > a:focus { background-color: #b1b1b1; color: #000; border-radius: 0px; }
/*--/header--*/


/*--banner--*/
.banner { }
.banner .container-fluid { padding: 0; }
.banner .carousel-caption { font-size: 30px; }
.banner .carousel-indicators { bottom: 10px; }
/*--/banner--*/

.quicklink-container { padding: 40px 0; position: absolute; margin-top: -220px; width: 100%; }
.quicklink-container .thumb-item { background-color: rgba(0,0,0,0.80); padding: 15px; color: #ccc; display: block; cursor: pointer; margin-bottom: 15px; }
.quicklink-container .thumb-item .fa { color: #b1b1b1; float: left; font-size: 80px; min-height: 100px; padding-right: 20px; }
.quicklink-container .thumb-item .fa:hover { color: #fff; text-shadow: 0 0 10px #000; }
.quicklink-container .thumb-item h4 { font-family: 'bebasneue'; font-size: 24px; color: #fff; }
.quicklink-container .thumb-item p { font-size: 14px; color: #ccc; max-height: 40px; overflow: hidden; }
.thumb-container { padding: 30px 0; }
.thumb-container h2 { font-family: 'gobold_uplow'; font-size: 36px; font-style: italic; margin-bottom: 20px; }
.thumb-container .thumbnail { background-color: transparent; border: none; display: block; cursor: pointer; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.thumb-container .thumbnail:hover { -webkit-filter: none; filter: none; }
.thumb-container .thumbnail img { height: 250px; }
.thumb-container .thumbnail .caption { padding: 0; }
.thumb-container .thumbnail h3 { font-family: 'gobold_uplow'; font-size: 24px; color: #fff; font-style: italic; background-color: #000; padding: 0; margin: 0; }
.thumb-container .thumbnail h3 a { color: #fff; }
.thumb-container .thumbnail p { color: #ddd; padding: 15px 0; max-height: 120px; overflow: hidden; }
.profile-container { padding: 30px 0; background-color: #000; }
.profile-container h1 { font-family: 'gobold_uplow'; font-size: 60px; font-style: italic; letter-spacing: -1px; margin-bottom: 0; }
.profile-container .tagline { font-family: 'gobold_uplow'; font-size: 24px; font-style: italic; color: #ccc; margin-bottom: 20px; }
/*--footer--*/
.footer { background-color: #111; padding: 15px 0; }
.footer p { margin-bottom: 0; }

/*--/footer--*/
/*--/COMMON CSS--*/


/*--Media Quiries--*/
/*Devices  : 480px, 600px, 768px, 992px, 1024px, 1200px, 1382px*/

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

@media screen and (min-width: 481px) and (max-width: 768px) {
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
}

@media screen and (min-width: 1201px) {
}

/*--/Media Quiries--*/