/* CSS Document */

body {font-family: 'Open Sans', sans-serif; color: #555555;background-color: #fff;font-size: 14px;line-height: 1.65em;font-weight: 300;}
html, body {width:100%; padding:0; margin:0;}

body.index-page {}

img{max-width:100%;	height: auto;width: auto\9; /* ie8 */}

h1 {font-size: 38px;}
h2 {font-size: 36px;}
h3 {font-size: 32px;}
h4 {font-size: 28px;}
h5 {font-size: 24px;}
h6 {font-size: 20px;}

h1,h2,h3,h4,h5,h6 {font-family: 'Roboto', sans-serif;font-weight: 600;color: inherit;}

/*p {margin: 0 0 20px;}*/
a {
   color: #DE5781;
   -webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
}

a:hover,
a:focus {text-decoration: none;}

/*p, ul, ol, dl, table, blockquote {
	margin: 0 0 2em 0;
}*/

p {	line-height: 1.8em;}

p.medium {font-size: 1.4em;}

hr {
	border-top:0px;
	border-bottom: .2px solid;
	border-color: #ffffff;
	margin:0;
	opacity: .85;
	}

.spacer{height:60px;}

.spacer-header{height:254px;}


/* Navbar Style Change */
.navbar-inverse {
    background-color: rgba(37, 37, 37, .5);
    border-color: transparent;
	font-size: 10pt;
	font-weight: 100;
	line-height: .5em;	
}

.navbar-inverse .navbar-nav > li > a {color: #ffffff; }

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
            color: #ffffff;
 }

 .navbar-inverse .navbar-logo {	color: #fff; }

.navbar-logo { font-size:30px;font-weight:900;}

.kronos-login{color:yellow};


/* Carousel Styles */
.carousel-inner img {width: 100%;max-height: 650px;}

.carousel-control {width: 0;}
.carousel-control.left,
.carousel-control.right {opacity: 1;filter: alpha(opacity=100);background-image: none;background-repeat: no-repeat;text-shadow: none;}
.carousel-control .fa-arrow-left, 
.carousel-control .fa-arrow-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {position: absolute;top: 45%;z-index: 5;display: inline-block;}
.carousel-control .fa-arrow-left,
.carousel-control .icon-prev {left: 30px;}
.carousel-control .fa-arrow-right,
.carousel-control .icon-next {right: 30px;}
.carousel-control.left span:hover,
.carousel-control.right span:hover {opacity: .7;filter: alpha(opacity=70);}

.carousel-indicators .active {background-color: #fffffff;}
.carousel-indicators {bottom: 10px;}

.carousel-inner > .item {margin-left:0;margin-top:0;margin-bottom:0;padding-left: 0;width: 100%;height: auto;}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {display: block;max-width: 100%;height: auto;margin-left:0;padding-left: 0;}

/* Carousel Header Styles */
.header-text {position: absolute;top: 50%;left: 1.8%;right: auto;width: 96.66666666666666%;color: #fff;}

.logo {text-align: center;position: relative;}
.logo .name {color: #fff;font-family: "Montserrat", Helvetica, Arial, sans-serif;font-weight: 700;display: inline-block;margin: 0 2%;vertical-align: middle;font-size: 40px;text-transform: uppercase;}
.logo .name span {display: block; padding:20px; background-color: rgba(234, 0, 42, .7);
    border-color: transparent;}

@media(max-width:768px) {.carousel-inner img {margin:30px 0 80px;}}

.main-area{margin-top:2%; } 

section.special, article.special { text-align: center;}

header.major {
	padding-bottom: 1em;
	text-align: left;
	text-transform: uppercase;
}

header.major h2 {
	font-size: 2.6em;
	font-weight: 700;
}

header.major .byline {
	display: block;
	padding-top: 1em;
	letter-spacing: 1px;
	font-size: 1.4em;
}

.footer{
	background: #252525;
	height: 120px;
	text-align: center;
	font-size:12px;
	display: block;
	padding:10px;	
	margin-top:5%;
	/*position: fixed;*/
}