#alertx {
    position: relative;
}

.alertx {
    background-color: #c4453c !important;
    background-image: -webkit-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.05) 25%,
                      hsla(0,0%,0%,.05) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.05) 75%,
                      hsla(0,0%,0%,.05));
    background-image: -moz-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-image: -ms-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-image: -o-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-image: linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-size: 20px 20px;
    box-shadow: 0 5px 0 hsla(0,0%,0%,.1);
    color: #FFF !important;
    display: block;
    font: bold 16px/40px sans-serif;
    height: 40px;
    text-align: center;
    text-decoration: none;
    top: -45px;
    width: 100%;
    -webkit-animation: alert 1s ease forwards;
       -moz-animation: alert 1s ease forwards;
        -ms-animation: alert 1s ease forwards;
         -o-animation: alert 1s ease forwards;
            animation: alert 1s ease forwards;
}

/* Development - Remove before launch */
.wireframeblock									{ height:300px; background-color:#eee; }

/* General */
ul 												{ list-style-type: none; margin:0px; padding:0px; }

/* Bootstrap Overrides */
.btn-primary 									{ color: #fff; background-color: #103073; border-color: #103073; }
.btn-success.green                              { color: #fff; background-color: #A9CB5E; border-color: #A9CB5E; }
.btn.green                                      { font: 300 14px Lato, Arial, Tahoma, Helvetica, sans-serif; padding-right: 30px; position: relative; }
.btn.green:after                                { content: ""; border-color: transparent #fff; border-style: solid;
                                                  border-width: 0.35em 0 0.35em 0.45em; display: block; height: 0; width: 0;
                                                  right: 14px; top: 1.1em; position: absolute; }
@media screen and (max-width: 992px) {
    .btn.green                                      { display: block; }
}

/* Fonts */
body, h2, h3, h4, h5, h6,
div, p, input, textarea, select  				{ font: 300 16px Lato, Arial, Tahoma, Helvetica, sans-serif; }
h1 												{ font: 300 30px Lato, Arial, Tahoma, Helvetica, sans-serif; color: #0666B0; margin-bottom: 30px; line-height:1.6em; }
h2 												{ font: 400 26px Lato, Arial, Tahoma, Helvetica, sans-serif; color: #0666B0; margin-bottom: 30px; line-height:1.6em; }
h3												{ font: 300 20px Lato, Arial, Tahoma, Helvetica, sans-serif; color: #0666B0; line-height:1.6em; }
h4												{ font: 600 18px Lato, Arial, Tahoma, Helvetica, sans-serif; color: #0666B0; line-height:1.6em; }
a,
.td-blue                                        { color: #0666B0; }

#main p											{ line-height:1.6em; margin-bottom:20px; }


/* Layout */
body											{ background: #ffffff; }
#header 										{ background: #ffffff; }
#main, #footer									{ margin-top:30px; }
#main											{  }
#footer											{ background: #7d7e7d; /* Old browsers */
                                                  background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
                                                  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
                                                  background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
                                                  background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
                                                  background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
                                                  background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
                                                  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
                                                  padding-top:30px; min-height:400px; }

.intro_row										{ border-bottom:1px solid #ddd; padding:30px; }

.container-full 								{ margin: 0 auto;  width: 100%; }

/* Quick Links */
.quick-links-top 								{ margin-top:20px; }
.quick-links-top ul li 							{ padding: 2px 17px; }
.quick-links-top a								{ text-transform:uppercase; font-size: 12px; color:#716f6f; }
.quick-links-top ul li.cm-active > a			{ font-weight:900; }
.quick-links-top a:hover,
.quick-links-top ul li.cm-active > a:hover		{ color:#08c; }

/* Main Menu */
.ls_button-group								{ margin-top: 3px; }

/* Logo */
div.logo a	    								{ display:block; }
div.logo a img   								{ margin: 16px auto 0px auto; }
img.strapline                                   { margin-top: 16px; }
@media screen and (max-width: 992px) {
    img.strapline                                   { margin: 16px auto 0px auto; }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form                    { text-align: center; margin: 20px; }
}

/* Font Awesome Icons */
.circle                                         { width: 140px; height: 140px; background-color: #c9c9c9; border-radius: 100%;
                                                  line-height: 140px; text-align: center; vertical-align: middle; display: inline-block; margin-bottom: 20px; }
.circle i                                       { line-height: 147px; color: #ffffff; }

.square {
    background-color: #c9c9c9;
    margin-bottom: 20px;
    text-align: center;
    padding: 30px;
}
.square i { line-height: inherit; color: #ffffff; font-size: 280px; }

/* Carousel */
#carousel                                       { background: #ffffff; /* Old browsers */
                                                  background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 100%); /* FF3.6+ */
                                                  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff )); /* Chrome,Safari4+ */
                                                  background: -webkit-linear-gradient(top,  #ffffff 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
                                                  background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 100%); /* Opera 11.10+ */
                                                  background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 100%); /* IE10+ */
                                                  background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 100%); /* W3C */
                                                  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff ',GradientType=0 ); /* IE6-9 */ }
.carousel-control.left,
.carousel-control.right 						{ background-image: none; }

.glyphicon-chevron-left,
.glyphicon-chevron-right						{ top: 42%!important; font-size: 60px; }

.glyphicon-chevron-left 						{ left: -16%!important; }
.glyphicon-chevron-right 						{ right: -10%!important; }

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 5px;
    text-indent: 0;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);    
}
.carousel-indicators .active {
    width: 10px;
    height: 10px;
    margin: 5px;
    background-color: #c8c8c8;
}

/* Products */
.sectors_grid									{ margin-top:30px; }
.sectors_header									{  }
.sectors_header	img								{ width: 100%; }

/* Sector Box */
.product_box 									{ margin-bottom: 24px; }
.product_box h3 								{ margin-top: 0px; }
.product_box img								{ width:100%; }
.product_box div.desc							{ height:180px; padding:20px 12px 60px 12px; position:relative; background-color:#fff; overflow:hidden; }
.product_box div.desc div.link					{ position:absolute; bottom:20px; background-color:#fff; }

/* Macro Content Formats */
.intro-home                                     { padding-bottom: 30px; }
.intro-home p									{ line-height:1.6em; margin-bottom:20px; }

.row.row-bullet-list                            { padding: 20px 0px 30px 0px; }
.row.row-bullet-list.bdr-btm                    { border-bottom: 1px solid #c9c9c9; }
.row.row-bullet-list div.circle                 { margin-top:30px; }
.row.row-bullet-list h2							{ font: 300 30px Lato, Arial, Tahoma, Helvetica, sans-serif; color: #0666B0; margin-bottom: 0px; line-height:1.6em; }

.catalogue-downloads                            { background-color: #fff; padding-top:40px; }
.catalogue-downloads .row span                  { line-height: 1em; }
.catalogue-downloads .row .dl-box               { width:50%; float:left; }
.dl-box.dl-icon                                 { text-align: right; height: 100px; vertical-align: middle; padding-right:40px; }
.dl-box.dl-text                                 { text-align: left; height: 100px; padding-top:8px; font-size: 18px; font-weight: 400;}
.dl-box .circle                                 { width: 60px; height: 60px; background-color: #A9CB5E; line-height: 60px; }
.dl-box .circle i                               { line-height: 60px; }

.image-row                                      { padding: 30px 0px; }

.prod-oview-head                                { border-bottom: 1px solid #ccc; padding-bottom: 30px; margin-bottom: 30px; }


/* Products */
.productlist									{  }

.product-box 									{ position:relative; background-color:#fff; margin-bottom:30px; }
.product-box .pad								{ padding:20px 12px 20px 12px; }
.product-box h3									{ margin:0px; padding:0px; }
.product-box img								{ width:100%; }
.product-box .description						{ height:100px; margin-bottom:40px; }
.product-box a.link	    						{ position:absolute; bottom:20px; }

/* Product Details */
.product-details                                { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px; }
.product-details img                            { width: 100%; border: 4px solid transparent; }
.product-details .thumbs                        { }
.product-details .thumbs a                      { position:relative; display: inline-block; width: 33.333%; margin-bottom: 12px; }

/* Product Detail Buttons */
.product-detail-buttons                         { padding: 60px 0px 30px 0px; }
.product-detail-buttons a                       { margin-bottom: 20px; }

/* Tables */
table.spec                                      { text-align: center; color: #fff; }
table.spec thead th                             { background-color: #0666B0; text-align: center; font-weight: 300; }
table.spec thead td                             { background-color: #94d60a; }
table.spec tbody td                             { background-color: #c9c9c9; }
table.spec thead > tr > th,
table.spec tbody > tr > th,
table.spec tfoot > tr > th,
table.spec thead > tr > td,
table.spec tbody > tr > td,
table.spec tfoot > tr > td                      { border: 4px solid #f6f6f6; }

/* General content */
.wysiwyg                                        {  }
.wysiwyg ul                                     {  }
.wysiwyg ul li                                  { list-style: disc; padding-left: 12px; margin-left: 24px; }
.wysiwyg .product-bullets                       { padding: 0px 40px; }
.wysiwyg .product-bullets h3:first-child        { margin-top:0px; }

/* Footer content */
#footer,
#footer a:link,
#footer a:visited,
#footer p						 				{ font-size:14px; color:#eee; line-height:1.6em; margin-bottom:20px; }
#footer ul										{ margin:0px 0px 0px 17px; padding:0px; line-height: 140%; }
#footer ul li									{ padding:2px 0px; }
#footer .bdr-left								{ margin-left:0px; padding-left:0px; border-left:1px solid #495773; }
#footer .minheight								{ min-height:88px; }
#footer #footer-no-wysiwyg ul 					{ margin: 0px 0 0 17px !important; }
#footer .post-message							{ line-height:22px; }
#footer .post-message > a:hover					{ text-decoration:none; color:#fff!important; }
#footer .post-message:hover > a					{ text-decoration:none; color:#fff!important; }
#footer .post-message > a:link,
#footer .post-message > a:visited				{ color:#ccc; }
#footer .post-message > a:link strong,
#footer .post-message > a:visited strong		{ color:#aaa; font-weight:500; }
#footer-menu 									{ background: none; margin-top: 30px; padding-bottom: 60px; }
#footer .legalstuff                             { border-top: 1px solid #555; margin-top:20px; }
#footer .legalstuff p                           { margin-top: 20px; color: #777; font-size: 12px; }
#footer .legalstuff p a                         { color: #777; }
#footer .legalstuff p a:hover                   { color: #ccc; }
#footer .social                                 { text-align:right; }

@media screen and (max-width: 992px) {
    #footer .legalstuff p,
    #footer ul li,
    .ft_address                                 { text-align:center; }
    #footer ul                                  { margin-top: 30px;}
    #footer .social                             { text-align:center; margin-top:20px; }
}


.social-links.facebook 							{ background-image: url(../glyphs/glyphicons_social_30_facebook.png); }
.social-links.facebook:hover					{  }
.social-links.twitter 							{ background-image: url(../glyphs/glyphicons_social_31_twitter.png); }
.social-links.twitter:hover						{  }
.social-links.linkedin 							{ margin-right:0px; background-image: url(../glyphs/glyphicons_social_17_linked_in.png); }
.social-links.linkedin:hover					{  }
.social-links 									{ text-decoration:none; line-height:0px; font-size:0px; width:32px; height:32px; background-repeat: no-repeat; display: inline-block; margin: 0px 4px 0px 0px; padding: 0px; }
a.social-links:hover							{ text-decoration:none!important; }
.social-links 									{ -webkit-filter: invert(70%); }
a.social-links:hover							{ -webkit-filter: invert(100%); }


.ft_directions									{ background: url("../img/footer/ft_directions.png") no-repeat; padding:5px 0px 0px 50px; }
.ft_newsletter									{ background: url("../img/footer/ft_newsletter.png") no-repeat; padding:5px 0px 0px 50px; }
.ft_directions p a                              { line-height:28px; }
.ft_newsletter p a								{ line-height:35px; }


.ft_address										{ position:relative; padding:5px 0px 0px 0px; }
.ft_address	.icon								{ position:relative; padding:5px 0px 0px 0px; position: absolute; left: -50px; top: -5px; }
.twtr-scroll .twtr-timeline 					{ overflow-x: hidden!important; overflow-y: hidden!important; }
.twtr-hd										{ display:none!important; }
.twtr-widget .twtr-tweet 						{ border-bottom: 1px dotted #777!important; padding-bottom:8px!important; margin-bottom:8px!important; }
.twtr-ft										{ display:none;  }
.ft_twitter										{ background: url("../img/footer/ft_twitter.png") 0px 6px no-repeat; padding:5px 0px 0px 50px; }
.ft_credits										{ padding-top:40px; }
.ft_social_links								{ display:block; clear:both; }
.ft_nav											{ display:block; clear:both; padding-top:23px; }
.ft_accreditations								{ padding-top:50px; }

/* Content */
.ls_divider										{ border-bottom:1px solid #e0e0e0; padding-bottom: 20px; margin-bottom: 20px; }
.challenge 										{ color: #103073; font-size: 150%; font-style: italic; text-decoration: underline; font-weight: 700; }
.blue											{ color: #103073; }
#main a											{ /* color: #103073; */ }

/* Bulleted Lists */
ul.list-blue-ticks 								{ margin: 0.75em 0; padding: 0 1em; list-style: none; }
ul.list-blue-ticks li:before 					{ font-family: 'FontAwesome'; content: '\f14a'; margin:0 8px 0 -15px; color: #0666B0; }
ul.list-blue-ticks li 							{ padding-bottom: 10px; font-weight: 400;  }
ul.list-blue-ticks li a 						{ display:block; color: #000; padding: 3px 0px; font-size: 10px; text-transform: uppercase; }

ul.home-list 									{ margin: 0.75em 0; padding: 0 1em; list-style: none; }
ul.home-list li:before 							{ content: ""; border-color: transparent #111; border-style: solid; border-width: 0.35em 0 0.35em 0.45em; display: block;     height: 0;     width: 0;     left: -1em;     top: 0.9em;     position: relative; }
ul.home-list li 								{ width: 30%; display: inline-block; }
ul.home-list li a 								{ display:block; color: #000; padding: 3px 0px; font-size: 10px; text-transform: uppercase; }

ul.simple-list 									{ margin: 0.75em 0; padding: 0 1em; list-style: none; }
ul.simple-list li:before 						{ content: ""; border-color: transparent #111; border-style: solid; border-width: 0.35em 0 0.35em 0.45em; display: block;     height: 0;     width: 0;     left: -1em;     top: 0.9em;     position: relative; }
ul.simple-list li 								{  }
ul.simple-list li a 							{ display:block; color: #000; padding: 3px 0px; font-size: 10px; text-transform: uppercase; }

.navbar 										{ margin-bottom: 0px; }
.navbar-default 								{ background-color: transparent; border:none; }
.navbar-collapse                                { padding: 0px; }
.nav>li>a 										{ padding: 0.5em 1.95em; color:#fff; }
.nav-pills>li+li 								{ margin-left: 0px; }
.nav-stacked.nav>li>a 							{ padding: 10px 2em; color:#fff; }
.navbar-header									{ text-align: center; }
.navbar-toggle 									{ float: none; }

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}