/*
font-family: 'Roboto', sans-serif; 
*/
/* 
====================================================================================
GENERAL STUFF
====================================================================================
*/
body	{ font-family: 'Roboto', sans-serif; font-style:normal; font-size:16px; color:#444;-webkit-font-smoothing: antialiased; height:0; }

body .section .container	{ position:relative; }

a	{ color:#c20000; }
a:hover	{ color:#970000; text-decoration:none; }

#container-top	{ float:left; height:30px; background:#6d0000; width:100%; position:fixed; z-index:2; border-bottom:4px solid #c20000; line-height:26px; font-size:14px; color:#fff;
background: rgb(118,0,0);
background: -moz-linear-gradient(top, rgba(118,0,0,1) 0%, rgba(106,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(118,0,0,1) 0%,rgba(106,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(118,0,0,1) 0%,rgba(106,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#760000', endColorstr='#6a0000',GradientType=0 );
}
#container-top a	{ color:#fff;}
#container-top a:hover	{ color:#ccc;}
#carousel	{ z-index:1; position:relative; }
#five-boxes	{ z-index:2; position:relative; }
#intro	{ padding:60px 0 80px 0; }
.internal #intro { padding-top:140px;}
#footer	{ }

.banner-homepage	{ margin:40px 0; overflow:hidden;}
.banner-homepage img	{ }

.button	{ color:#fff;
background: rgb(194,0,0);
-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;	transition: all 0.3s ease-out;}
.button:hover	{ text-decoration:none; color:#fff;
background: rgb(149,0,0);
}
.but-m	{ font-size:13px; padding:10px 20px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
.but-l	{ font-size:16px; padding:12px 24px; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; }

@media (min-width: 768px) {

}
@media (min-width: 1195px) {
	.dropdown:hover .dropdown-menu {
		display: block;
	}
}
@media (min-width: 461px) {
	img.pull-right {
		margin:0 0 20px 20px;
	}
	img.pull-left {
		margin:0 20px 20px 0;
	}
}
@media (min-width: 991px) {
}
@media (max-width:460px) {
}

/* 
====================================================================================
TEXT STUFF
====================================================================================
*/
.txt-left	{ text-align:left; }
.txt-right	{ text-align:right; }
.txt-center	{ text-align:center; }

.section-title	{ color:#690000; font-weight:300; margin-bottom:30px; font-size:36px;}

@media (max-width:460px) {
}


/* 
====================================================================================
TOP NAVIGATION * HEADER
====================================================================================
*/
.navbar-default .navbar-nav>li>a	{ color:#690000; padding:40px 20px 40px 20px; text-transform: uppercase; font-weight: 500; font-size: 15px;}
.navbar-default .navbar-nav>li:hover>a	{ color:#fff;
background: rgb(194,0,0);
background: -moz-linear-gradient(top, rgba(194,0,0,1) 0%, rgba(149,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(194,0,0,1) 0%,rgba(149,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(194,0,0,1) 0%,rgba(149,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c20000', endColorstr='#950000',GradientType=0 );
}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus 
{ color:#fff;
background: rgb(194,0,0);
background: -moz-linear-gradient(top, rgba(194,0,0,1) 0%, rgba(149,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(194,0,0,1) 0%,rgba(149,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(194,0,0,1) 0%,rgba(149,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c20000', endColorstr='#950000',GradientType=0 );
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus 
{ color: #fff; 
background: rgb(194,0,0);
background: -moz-linear-gradient(top, rgba(194,0,0,1) 0%, rgba(149,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(194,0,0,1) 0%,rgba(149,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(194,0,0,1) 0%,rgba(149,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c20000', endColorstr='#950000',GradientType=0 );
}
.navbar	{ font-size:16px; font-weight:300; border:none; box-shadow:0 0px 10px rgba(0, 0, 0, 0.2); background:#fff; height: 100px;}
.navbar-header	{ position:relative; height:100px; margin-top:0; } 

.navbar-nav > li > .dropdown-menu	{ background: #f4f4f4; top:100px; border:none; border-radius:0; border-top:3px solid #950000; padding:0; }
.dropdown-menu > li > a	{ color:#444444; padding:0 20px; line-height:40px; border-bottom: 1px solid #ddd;}
.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus	{ background:#950000; color:#fff; border-bottom:1px solid #950000; }
.logotype	{ position:absolute; left:20px; text-indent: -99999px; width:200px; height: 50px; background:url(../img/decor/Logo-WebinarSuccess.png) left center no-repeat; background-size:contain; padding:0; margin:25px 0; } 

.navbar-default .navbar-collapse, .navbar-default .navbar-form	{ border:none; }

/* navbar toggle */
.navbar-toggle	{ background-color: #c20000; padding: 12px 10px; margin-top: 30px; margin-right: 20px;}
.navbar-default .navbar-toggle	{ border:none; }
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus	{ background-color:#6a0000; }
.navbar-default .navbar-toggle .icon-bar{ background-color:#fff; }

@media (max-width: 1199px) {
.navbar-nav .open .dropdown-menu > li > a, 
.navbar-nav .open .dropdown-menu .dropdown-header	{ padding:15px 20px; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus	{ background:#ddd; border-color:#ddd; }
.dropdown-menu > li:nth-last-child(1) a	{ border:none;}
.navbar-nav	{ margin: 0px -15px;}
.navbar-default .navbar-nav>li>a	{ padding:20px;}
.nav > li	{ background:#fff; border-bottom:1px solid #ddd;}
}

@media (min-width: 768px) {
.homepage .navbar,
.internal .navbar { margin-top:30px; border-top:none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;	transition: all 0.3s ease-out;}
.affix	{ margin-top:0!important; }
.affix:hover	{ opacity:1; }
}
@media (max-width:460px) {
.homepage .navbar,
.internal .navbar { border-top: 4px solid #c20000; }
.navbar-header	{ height:95px; }
.navbar-toggle	{ margin-top:30px; }
.logotype	{ height:60px; background-size: 150px; margin:18px 0;}
}



/* 
====================================================================================
FOOTER
====================================================================================
*/
.foot-1	{ background-color:#690000; padding:40px 0; color:#fff; }
.foot-2	{ background-color:#c20000; padding:10px 0; color:#fff; }

.foot-links	{ padding: 0; margin: 0; list-style: none; min-height:40px; display:block;}
.foot-links li	{ line-height:20px; margin:0 0px 0 0; float:left;}
.foot-links li a	{ color:#fff; font-size:13px; text-transform:uppercase; line-height:20px; padding:0 10px; position:relative; }
.foot-links li a:after	{ content:":"; position:absolute; right:0px; }
.foot-links li:nth-last-child(1) a:after{ content:""; }
.foot-links li a:hover	{ text-decoration:none; color:#c20000;} 

p.foot-corp	{ font-size:13px; text-align:left; color:#fff; margin:0;} 

@media (max-width: 991px) {
.wrap-footer .button	{ float:left;}
}
@media (min-width: 991px) {
}


/* 
====================================================================================
HOME PAGE CAROUSEL SLIDER
====================================================================================
*/
.carousel-wrap	{ padding-bottom:800px; /* HEIGHT OF SLIDER */ }
.carousel	{ width:100%; position:absolute; top:0; left:0; padding-bottom:800px; /* HEIGHT OF SLIDER */ }
.carousel-caption { z-index: 10; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); text-align:left; width:40%; left: 20px; right:auto; bottom: 370px; height:240px; padding:20px; opacity: .8;background-color:#fff;}
.caption-title	{ font-size:48px; font-weight:700; font-style:italic; margin-bottom:20px; color:#333;}
.caption-title span	{ font-size:24px; display:block; font-weight:400; font-style:normal; }
.carousel-caption p	{ font-size:18px; line-height:26px; margin-bottom:40px; color:#555;}
.carousel .item { height: 100%; background-color: #777; }
.carousel .item .container	{ margin:0 auto; position:relative; height:800px;} /* This DIV wraps the carousel caption*/
.carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; }
.carousel-inner	{ position:absolute; height:100%; } 

@media (max-width: 991px) {
.carousel-wrap	{ padding-bottom:480px; top: 100px; margin-bottom: 100px; /* HEIGHT OF SLIDER */ }
.carousel	{ padding-bottom:480px; /* HEIGHT OF SLIDER */ }
.carousel .item .container	{ padding-bottom:480px; } /* HEIGHT OF SLIDER */
.carousel-caption	{ top:100px; width:90%;}
}
@media (max-width: 767px) {
.carousel-wrap	{ padding-bottom:360px; top: 100px; margin-bottom: 100px; /* HEIGHT OF SLIDER */ }
.carousel	{ padding-bottom:360px; /* HEIGHT OF SLIDER */ }
.carousel .item .container	{ padding-bottom:360px; } /* HEIGHT OF SLIDER */
.carousel-caption	{ top:60px; width:90%;}
.caption-title	{ font-size:32px; font-weight:700; font-style:italic; margin-bottom:20px;}
.caption-title span	{ font-size:18px; display:block; font-weight:400; font-style:normal; }
.carousel-caption p	{ font-size:14px; line-height:20px; margin-bottom:40px;}
}
@media (max-width:460px) {
.carousel-wrap	{ padding-bottom:340px; top: 80px; margin-bottom: 80px; /* HEIGHT OF SLIDER */ }
.carousel	{ padding-bottom:340px; /* HEIGHT OF SLIDER */ }
.carousel .item .container	{ padding-bottom:340px; } /* HEIGHT OF SLIDER */
.carousel-caption	{ top:20px; width:90%; height:100%;}
}



/* 
====================================================================================
x5 BOXES
====================================================================================
*/
#five-boxes	{ position:relative; width:100%; margin-top:-140px; background-color:#e2e2e1; box-shadow: inset 0px 0px 40px rgba(0,0,0,0.15);}
#five-boxes .red-spacer	{ position:absolute; width:100%; height:30px; left:0; top:0;
background: rgb(194,0,0);
background: -moz-linear-gradient(top, rgba(194,0,0,1) 0%, rgba(149,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(194,0,0,1) 0%,rgba(149,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(194,0,0,1) 0%,rgba(149,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c20000', endColorstr='#950000',GradientType=0 ); }
#five-boxes h5	{ color:#fff; line-height:30px; margin:0; padding:5px 0; line-height:20px;
background: rgb(194,0,0);
background: -moz-linear-gradient(top, rgba(194,0,0,1) 0%, rgba(149,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(194,0,0,1) 0%,rgba(149,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(194,0,0,1) 0%,rgba(149,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c20000', endColorstr='#950000',GradientType=0 ); }
#five-boxes p	{ color:#444; margin:20px 0 20px 0; min-height:70px; box-sizing:border-box; padding:0 10px; font-size:15px; }
#five-boxes .box { display:block; min-height:140px; box-sizing:border-box; text-align:center; background-color:#e2e2e1; position:relative; }

#five-boxes .box:hover	{ padding-bottom:50px; }
#five-boxes .box-content ,
#five-boxes h5	{ box-shadow:inset 1px 0px 0px rgba(0,0,0,0.2) , 1px 0px 0px rgba(255,255,255,0.2); }
#five-boxes .box:nth-child(5) ,
#five-boxes .box:nth-child(5) h5	{ box-shadow: 1px 0px 0px rgba(0,0,0,0.2) , inset 1px 0px 0px rgba(0,0,0,0.2) ,1px 0px 0px rgba(255,255,255,0.2); }
#five-boxes .button	{ position:absolute; width:120px; left:50%; margin-left:-50px; bottom:0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;	transition: all 0.3s ease-out; visibility:hidden; opacity:0; }
#five-boxes .box:hover .button	{ visibility: visible; bottom:30px; opacity:1; }
.box-content	{ width:100%; background-color:#e2e2e1; position:absolute; bottom:0; left:0; overflow:hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;	transition: all 0.3s ease-out; }
.box-content:hover	{ padding-bottom:60px;overflow:visible;}
.box-content .box-triangle	{ position:absolute; z-index:2; left:50%; bottom:-30px; margin-left:-30px; width: 0;height: 0;border-style: solid;border-width: 0 30px 20px 30px;border-color: transparent transparent #ffffff transparent;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;	transition: all 0.3s ease-out;}
.box-content:hover .box-triangle	{ bottom:0px;}
.box-content .box-shadow	{ position:absolute; left:0; bottom:0; width:100%; height:20px;z-index:1;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(204,204,204,0.65) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(204,204,204,0.65) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(204,204,204,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6cccccc',GradientType=0 );
}

@media (max-width: 991px) {
#five-boxes	{ margin-top:0px; box-shadow:none;}
.box-content { position:relative;padding-bottom: 40px; margin-bottom: 40px; }
.box-content ,
#five-boxes h5	{ box-shadow:none!Important;}
#five-boxes .box:nth-child(5) { box-shadow:none!Important; }
#five-boxes .button	{ visibility:visible; opacity:1; position:relative; left:auto; margin:0 auto; display:block; bottom: auto;} 
.box-content:hover	{ padding-bottom:0;}
#five-boxes p	{ height:auto!important; min-height:1px;}
#five-boxes .box:hover .button	{ bottom:auto; }
.box-shadow	{ display:none;}
.box-triangle	{ display:none;}
}

/* GRID SPECIFICATION FOR 5 COLUMNS */
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 0px; padding-left: 0px; }
.col-xs-15 { width: 20%; float: left;} 
@media (min-width: 768px) {
.col-sm-15 { width: 20%; float: left; }
}
@media (min-width: 992px) {
.col-md-15 { width: 20%; float: left; }
}
@media (min-width: 1200px) {
.col-lg-15 { width: 20%; float: left; }
}