.modal.model-lg .modal-dialog {
	padding-top: 150px !important;
}


body, html {
	font-size: 17px !important;
}
small { 
	font-size: 0.65em;
}
strong {
	font-weight: 900; 
}
h1, .h1 {
	font-size: 2.75em;
}
h2, .h2 {
	font-size: 2.3em;
}
h3, .h3 {
	font-size: 2em;
}
h4, .h4 {
	font-size: 1.75em;
}
h5, .h5 {
	font-size: 1.5em;
}
h6, .h6 {
	font-size: 1.3em;
}
@media(max-width: 991px) {
	h1, .h1 {
		font-size: 2.5em;
	}
	h2, .h2 {
		font-size: 2.1em;
	}
	h3, .h3 {
		font-size: 1.9em;
	}
	h4, .h4 {
		font-size: 1.65em;
	}
	h5, .h5 {
		font-size: 1.3em;
	}
	h6, .h6 {
		font-size: 1.1em;
	}
}
@media(max-width: 767px) {
	h1, .h1 {
		font-size: 2.5em;
	}
	h2, .h2 {
		font-size: 2.1em;
	}
	h3, .h3 {
		font-size: 1.9em;
	}
	h4, .h4 {
		font-size: 1.65em;
	}
	h5, .h5 {
		font-size: 1.3em;
	}
	h6, .h6 {
		font-size: 1.1em;
	}
}
.header {
	padding-top: 1em !important;
}
.header h1#name_is_image {
	font-size: 4em;
}
.header > .container:nth-of-type(1) {
    margin-bottom: 0 !important;
}
ul#primary {
	padding-bottom: 0 !important;
}
.hero .btn {
	font-size: 1rem;
}
.hero .btn-lg {
	font-size: 1.25rem;
}
.btn:hover::after, .btn:focus::after, .btn:active::after {
    background: none !important;
    content: none !important;
    z-index: 1;
    transition: 0 all ease;
}
.btn-lg {
	font-size: 1.25rem;
}
.btn {
	font-size: 1rem;
}
.btn-sm {
	font-size: 0.8rem;
}
.bullet-grid p strong {
	font-size: 1.3rem;
}
.btn.btn-primary,
.btn.btn-danger,
.btn.btn-warning {
	background: #e74b3e !important;
	color: #FFFFFF !important;
}
.btn.btn-primary:hover,
.btn.btn-danger:hover,
.btn.btn-warning:hover {
	background: #FFFFFF !important;
	color: #e74b3e !important;
}
.btn.btn-secondary,
.btn.btn-info,
.btn.btn-success {
	background: #2a648a !important;
	color: #FFFFFF !important;
}
.btn.btn-secondary:hover,
.btn.btn-info:hover,
.btn.btn-success:hover {
	background: #FFFFFF !important;
	color: #2a648a !important;
}
.btn.btn-default,
.btn.btn-white {
	background: #FFFFFF !important;
	color: #2a648a !important;
}
.btn.btn-default:hover,
.btn.btn-white:hover {
	background: #2a648a !important;
	color: #FFFFFF !important;
}
.section.white .btn.btn-default,
.section.white .btn.btn-white {
	background: #f1f2f6 !important;
}
.section.white .btn.btn-default:hover,
.section.white .btn.btn-white:hover {
	color: #f1f2f6 !important;
}
.btn.btn-inverted,
.btn.btn-black {
	background: #183547 !important;
	color: #FFFFFF !important;
}
.btn.btn-inverted:hover,
.btn.btn-black:hover {
	background: #FFFFFF !important;
	color: #183547 !important;
}


/***********
**
**	This file is to be used for site specific elements. 
**
**	If an element is used on more than 1 site - this now needs to be tidied and added to the theme.css file and updated across all templates of the same version. 
**	It also needs to be added to the components page to show the HMTL.
**
**	Ensure you make it smart (i.e 2, 3, 4, 6, 12 wide if applicable)
**	
***********/


.hero.has-video { background: black !important; overflow: hidden;}
.hero.has-video .container * {z-index: 2 !important;}
#backgroundVideo {
	position: absolute !important;
    top: 50%; left: 50%; min-width: 100%; min-width: 100vw; min-height: 100%; width: auto; height: auto;
    background: url('https://s3.amazonaws.com/fcbi/NewEnergyUpdate/US+Offshore+Wind/video/iStock-941100730--DESKTOP.png') center center no-repeat; background-size: cover !important;
    z-index: 1 !important; pointer-events: none !important;
    
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    
    -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 5s; /* Firefox < 16 */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera < 12.1 */
            animation: fadein 5s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.sponsor p.sponsor-details .name {
	font-size: 21px;
}

.container.container-for-cta-floater {
	position: relative !important
}
@media(min-width: 992px) and (max-width: 1199px) {
	.container.size-small.container-blog {
		width: 560px !important
	}
}
.float-cta { 
	position: absolute;
	right: 15px;
	top: 0;
}

.speaker .height-control-one { height: 170px; overflow: visible !important}

@media(max-width: 767px) {
	.hero.size-large > .container .align-container, .hero.size-large > .container .align-container .align {
		height: 600px;
	}
}

ul#primary > li a,
ul#primary > li a.cta {
	font-size: 1rem;
}

/* Homepage Hover Boxes */ 
.hidden-text{
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px !important;
}
.hidden-text .img-responsive {
	min-width: 100% !important;
}
.hidden-text *{
    box-sizing: border-box;
    transition:0.3s all ease;
}
.hidden-text__info{
    background-color: #15587d;
    color: #fff;
    position: absolute;
    bottom: 0;
    transition:0.3s all ease;
}
.hidden-text__info h2{
    color: #fff;
	font-size:28px;
	line-height:1.2;
	padding-bottom:0px;
    padding: 12px 15px 4px 15px;
    text-transform: uppercase;
    text-align: left!important;
}
.hidden-text__info p{
    color: #fff;
    margin-bottom: 10px;
    padding: 0 15px;
    max-height: 0;
    overflow: hidden;
    transition:0.8s all ease;
}
.hidden-text:hover .hidden-text__info p,
.hidden-text:focus .hidden-text__info p{
    max-height: 250px;
}
.hidden-text:hover img,
.hidden-text:focus img{
    margin-top: -40px;
    margin-bottom: 40px;
}


.blog-aside {
	font-size: 12px !important;
}
.blog-aside .news-info {
	padding: 30px 0 0 0;
	font-size: inherit;
}
.blog-aside .news-info .posted { font-size: 1em !important; color: #e74b3e;}
.blog-aside .news-info h5 { font-size: 2em !important; color: #003C57 !important}
.blog-aside .news-info p { font-size: 1.1em !important; text-align: left; color: #667282 !important;}
.blog-aside a:hover .news-info h5 { text-decoration: underline;}


@media(max-width: 991px) {
	
	#register #groups .text {
		height: 10rem;
	}
}