@charset "utf-8";

* {padding: 0; margin: 0;}
body {-webkit-text-size-adjust: 100%;}


h1 {font-family: 'Roboto', sans-serif; -webkit-font-smoothing: antialiased; font-weight:600; color:#333333; font-size:42px;}
h2 {font-family: 'Roboto', sans-serif; color:#530200; font-size:27px;}
.u770 h2 {font-size:24px;}
.u480 h2 {font-size: 18px;}
h3 {font-family: 'Roboto', sans-serif; color:#FFFFFF; font-size:24px;}
.u770 h3 {font-size:21px;}
.u480 h3 {font-size: 17px;}
h4 {font-family: 'Roboto', sans-serif; color:#FFFFFF; font-size:24px;}
.u770 h4 {font-size:18px;}
.u480 h4 {font-size: 17px;}
p, li {font-family: 'Roboto', sans-serif; color: #333333; margin:15px 0; font-size:24px;}
.u1280 p, .u1280 li {font-size:19px;}
.u770 p, .u770 li {font-size:16px; line-height: 18px; margin:10px 0;}
.u480 p, .u480 li {font-size: 16px; line-height: 18px;}
p.smaller {font-size:15px; margin-top: -10px;}
.u770 p.smaller {font-size:13px;}
.u480 p.smaller {font-size:10px;}
p a {color: #9c8679; font-weight: 600;}
.content ul {margin-left: 35px;}
.u770 .content ul {margin-left: 45px;}
.u480 .content ul {margin-left: 45px;}
.u480 ul.ticks {margin-top: -25px;}
ul.ticks li {list-style-image: url(/images/icons/tick.png); padding-left: 10px;}
ul.ticks li strong {font-weight:600; color:#333333;}
.no-bg {background: none!important;}

#logo {padding: 5px 0 15px 0; width: 200px; display: block; float: left;}
.u1280 #logo {width: 180px;}
.u960 #logo {width: 180px;}
.u770 #logo {width: 170px; margin: 5px 0 0 0;}
.u480 #logo {width: 120px; margin: 5px 0 0 10px;}

body {background:#ffffff; margin:0;	padding:0;}

.outer {position:absolute; top:0; left:0; width:100%; height:80%;}
.outer .container {height:100%; width:100%; display:table;}
.outer .container .cell {vertical-align:middle; height:100%; display:table-cell; text-align: center;}	
.cell .logo {margin: 0 20px -60px -130px; width:150px; border-radius: 100%; box-shadow: 0 0 40px #011e4e; background: #0a51a1;}
.u1280 .cell .logo {margin: 0 20px -44px -75px; width:110px;}
.u960 .cell .logo {margin: 0 20px -44px -75px; width:110px;}
.u770 .cell .logo {margin: 0 5px -33px -5px; width: 80px;}
.u480 .cell .logo {margin: 0 5px -33px -5px; width: 80px;}
.cell h1 {color:#ffffff; font-weight: 600; font-size: 45px; text-shadow: 0 0 40px #011e4e;}
.u1280 .cell h1 {font-size: 34px;}
.u960 .cell h1 {font-size: 34px;}
.u770 .cell h1 {font-size: 24px;}
.u480 .cell h1 {font-size: 22px;}

.white-tri {width: 0; height: 0; border-left: 1200px solid transparent; border-right: 1200px solid transparent; border-bottom: 100px solid white; position: absolute; bottom: 0; right: -50%; margin-right: 50%;}
.blue-tri {width: 0; height: 0; border-left: 1200px solid transparent; border-right: 1200px solid transparent; border-bottom: 100px solid #41599c; position: absolute; bottom: 0; right: -50%; margin-right: 50%;}

header {width: 100%; height: 100%;}
header #hero {position: fixed; z-index: -1; top:0; width:100%; height: 100%; -webkit-box-shadow: inset 0 150px 150px 0 rgba(000,000,000,0.5); box-shadow: inset 0 150px 150px 0 rgba(000,000,000,0.5); background-size:auto 110%!important;}
.u770 header #hero {background-size:auto 110%!important;}
header #hero #fixed {width: 100%; height:100%;}
header #hero-text {clear: both; padding: 10px 0 0 0; text-align: center; width: 62%; margin: 0 auto;}
.u1280 header #hero-text {width: 75%; padding: 28px 0 0 0;}
.u960 header #hero-text {width: 75%; padding: 28px 0 0 0;}
.u770 header #hero-text {width: 75%; padding: 35px 0 0 0;}
.u480 header #hero-text {width: 85%; padding: 25px 0 0 0;}
header #hero-text h1 {font-size: 60px; color: #ffffff; font-weight: 500; text-shadow: 0 0 20px #333;}
.u1280 header #hero-text h1 {font-size: 45px;}
.u960 header #hero-text h1 {font-size: 45px;}
.u770 header #hero-text h1 {font-size: 45px; line-height: 50px;}
.u480 header #hero-text h1 {font-size: 34px; line-height: 38px;}
header #hero-text p {font-size: 24px; line-height: 30px; color: #ffffff; font-weight: 500; text-shadow: 0 0 20px #333;}
.u1280 header #hero-text p {font-size: 20px; line-height: 28px;}
.u960 header #hero-text p {font-size: 20px; line-height: 28px;}
.u770 header #hero-text p {font-size: 18px; line-height: 22px;}
.u480 header #hero-text p {font-size: 16px; line-height: 20px;}
header #hero-text p.phone {margin: 30px 0; font-size: 28px;}
.u1280 header #hero-text p.phone {font-size: 24px;}
.u960 header #hero-text p.phone {font-size: 24px;}
.u770 header #hero-text p.phone {font-size: 22px;}
.u480 header #hero-text p.phone {font-size: 20px;}
header #hero-text p.phone a {color:#ffffff; text-decoration: none;}

.btn {display: inline-block; padding: 10px 30px; font-size: 23px; text-shadow: 0 0 20px #333; text-decoration: none; color: #ffffff; font-family: 'Roboto', sans-serif; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s;}
.btn:hover {color: #cccccc; opacity:0.8;}
.u1280 .btn {font-size:19px; padding: 8px 20px;}
.u960 .btn {font-size:19px; padding: 8px 20px;}
.u770 .btn {font-size:19px; padding: 8px 20px;}
.u480 .btn {font-size: 17px; padding: 7px 18px;}
.blue.btn {background:#0a51a1;}
.orange.btn {background:#ea923e;}
.center {text-align: center;}
.u480 .center-mob {text-align: center;}
.center-btns {text-align: center; clear: both; padding-top: 20px;}
.center-btns .btn {margin: 0 10px;}

.content-width {width:1150px; margin: 0 auto;}
.u1280 .content-width {width:96%;}
.u960 .content-width {width:96%;}
.u770 .content-width {width:88%;}
.u480 .content-width {width:90%;}



/*MOBILE ICON*/
#mob-nav {display:none; top: 10px; right: 10px; position: fixed; z-index: 9; background: rgba(10, 81, 161, 0.5); padding: 2%; border-radius: 100%;}
.u770 #mob-nav, .u480 #mob-nav {display:block;}
.mob-icon{background:transparent; display: block; position: relative; overflow: hidden; margin: 0; padding: 0; width: 35px; height: 35px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none;  appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s;}
.mob-icon:focus {outline: none;}
.mob-icon span {display: block; position: absolute; top: 15px; left: 0; right: 0; height: 4px; background: #fbfbfb; border-radius: 5px;}
.mob-icon span::before, .mob-icon span::after {position: absolute; display: block; left: 0; width: 100%; height: 4px; background-color: #fbfbfb; content: ""; border-radius: 5px;}
.mob-icon span::before {top: -10px;}
.mob-icon span::after {bottom: -10px;}
.mob-icon span {-webkit-transition: background 0s 0.3s; transition: background 0s 0.3s;}
.mob-icon span::before, .mob-icon span::after {-webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s;}
.mob-icon span::before { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform;}
.mob-icon span::after {-webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform;}
.mob-icon.is-active span {  background: none;}
.mob-icon.is-active span::before {  top: 0;  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);     transform: rotate(45deg);}
.mob-icon.is-active span::after { bottom: 0;  -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.mob-icon.is-active span::before, .mob-icon.is-active span::after {-webkit-transition-delay: 0s, 0.3s;          transition-delay: 0s, 0.3s;}

/*MOB NAV*/
#navigation {z-index: 9999; text-align: center; display: flex; display: -webkit-flex; width: 100%;}
.u770 #navigation, .u480 #navigation {display: none; padding-top: 30px; width: 100%; left:0; background: #0a51a1; z-index:8; position:fixed;}

.u770 #mob-nav, .u480 #mob-nav {display:block;}
#mob-nav #mob-logo {width:125px; margin:0 auto; display:inline-block;}
#mob-nav #mob-toggle {float:right; clear:right; width:25px; margin: 3% 4%; cursor:pointer;}
.u480 .dd_menu, .u770 .dd_menu {list-style-type:none; display:none; clear:both; background: url(/images/top-nav-bg.png);}
.u480 .dd_menu li, .u770 .dd_menu li {position: relative; float:none; border-right:none; border-bottom: solid 1px #cccccc; margin: 0;}
.u480 .dd_menu li:first-of-type, .u770 .dd_menu li:first-of-type {border-top: solid 1px #cccccc;}
.u480 .dd_menu li a, .u770 .dd_menu li a {padding:10px 0; font-size:20px; color:#ffffff; font-weight:300; font-family: 'Roboto', sans-serif; text-decoration:none; display:block; text-shadow: none;}
.u480 .dd_menu li a:hover, .u770 .dd_menu li a:hover {color:#cccccc;} 
.u480 .dd_menu li ul, .u770 .dd_menu li ul {margin:0; background:#EFEFEF; list-style-type:none;}
.u480 .dd_menu li ul li a, .u770 .dd_menu li ul li a {color:#666666;}
.u480 .dd_menu li ul li a img, .u770 .dd_menu li ul li a img {margin: 0 -35px 0 5px; width: 30px;}
.u480 .dd_menu .dd_menu_drop, .u770 .dd_menu .dd_menu_drop {left: 0; top: 0; padding: 0;}
.u480 .dd_menu  .dd_menu_drop span, .u770 .dd_menu .dd_menu_drop span {position: absolute; right: 0; top: 0; color: #CCCCCC;}
.u480 .drop span, .u770 .drop span {color: #ffffff; font-size: 22px; font-weight: 600; height: 100%; width: 50px; position: absolute; right: 0; z-index: 9; background: url(/images/down-chev.png) no-repeat center #3a2313; background-size: 16px!important; -webkit-transition: all 0.3s; transition: all 0.3s;}
.u480 .drop span.active, .u770 .drop span.active {background: url(/images/up-chev.png) no-repeat center #9c8679;}
.u480 .drop ul, .u770 .drop ul {display:none; opacity: 1; visibility: visible; position: inherit;}
.u480 .dd_menu li ul, .u770 .dd_menu li ul {background: #ffffff;}
.u480 .dd_menu li:hover ul, .u770 .dd_menu li:hover ul {background: #ffffff;}
.u480 .dd_menu li:hover ul li a, .u770 .dd_menu li:hover ul li a {color:#414237;}
.u480 .dd_menu li ul li a, .u770 .dd_menu li ul li a {padding: 18px 0; text-align: center; display:block; font-size:18px; color:#333333; text-decoration:none; border:none; width: 100%;}
.u480 .dd_menu li:hover ul li a, .u770 .dd_menu li:hover ul li a {padding: 18px 0; text-align: center; display:block; font-size:18px; color:#333333; text-decoration:none; border:none; width: 100%;}
.u480 .dd_menu li:hover, .u770 .dd_menu li:hover {background: inherit;}
.u480 .dd_menu_drop, .u480 li.dd_menu_drop:hover, .u770 li.dd_menu_drop, .u770 li.dd_menu_drop:hover {background:none;}

/*DESKTOP DROP DOWN*/
nav {position: fixed; width: 100%; z-index: 9; transition:all 0.3s;}
nav.switch {background: rgba(232, 136, 41, 0.9); box-shadow: 0 0 20px #747373;}
nav .logo {display:none; transition:all 0.3s;}
nav li.logo a {padding:0;}
nav li.logo:hover {background:inherit;}
nav .logo img {width: 80px; height: 80px; margin: 5px 0 -40px 0; border-radius: 100%; box-shadow: 0 0 40px #011e4e; background: #0a51a1;}
.u1280 nav .logo img {width: 60px; height: 60px; margin: 0 0 -30px 0;}
.u960 nav .logo img {width: 60px; height: 60px; margin: 0 0 -30px 0;}
nav li {transition:all 0.3s;}
.dd_menu {padding:0px; margin:0; list-style-type:none; height:100%; float: right; position: relative;}
.dd_menu_noline {padding:0px; margin:0; list-style-type:none; height:100%; border-right:none !important;}
.dd_menu li {flex-grow: 1; -webkit-flex-grow:1; margin: 0; transition: background 0.3s; position:relative;}
.dd_menu li:last-child {border-right: none;}
.dd_menu_drop li {flex-grow: 1; margin: 0; -webkit-transition: background 0.3s; transition: background 0.3s;}
.dd_menu li a {padding: 20px 35px; color: #ffffff; text-decoration: none; font-size: 15px; font-family: 'Roboto', sans-serif; text-shadow: 0 0 20px #333; font-weight: 600; display: block;}
.u1280 .dd_menu li a {font-size: 13px; padding:16px 20px;}
.u960 .dd_menu li a {font-size: 12px; padding:10px 15px;}
.dd_menu_drop {background: url(/images/drop.png) no-repeat; background-position: 90% 50%;}
.dd_menu li.dd_menu_drop:hover {background: url(/images/drop.png) no-repeat rgba(58, 35, 19, 0.2); background-position: 90% 50%;}
.dd_menu_drop li a {padding:9px 5px; display:block; color:#fff; text-decoration:none; font-size:15px; font-family: 'Roboto', sans-serif;}
.dd_menu_drop ul {opacity: 0; visibility: hidden; width: 100%; position: absolute; transition: opacity 0.6s; list-style-type:none;}
.dd_menu_drop:hover ul {opacity:1; visibility: visible;}
.dd_menu li:hover {background: rgba(58, 35, 19, 0.2);}
.u480 .dd_menu li:hover, .u770 .dd_menu li:hover {background:none;}
.dd_menu li ul {background: rgba(255, 255, 255, 0.99);}
.u1280 .dd_menu li ul {}
.dd_menu li ul li {border: none; margin: 0; text-align: center; float: none;}
.dd_menu li ul li a {padding: 20px 0; display: block; border-bottom: solid 1px #e9e6e4; font-size: 18px; line-height: 20px; color: #9c8679; text-decoration: none; width: 100%;    text-shadow: none; font-weight: 500; -webkit-transition: background 0.3s; transition: background 0.3s;}
.u1280 .dd_menu li ul li a {font-size:16px; padding: 15px 0;}
.u960 .dd_menu li ul li a {font-size:16px; padding: 15px 0;}
.dd_menu li ul li a:hover {background:#9c8679; color:#ffffff;}
.u480 .dd_menu li ul li a:hover, .u770 .dd_menu li:hover ul li a:hover {background:none;}
 

 
  /* tooltip styling */
.tooltip {display:none;	background:url(/images/facebook-tooltip-bg.png);  height:300px;  padding:40px 30px 10px 30px;   width:250px;   font-size:11px;   color:#fff;	z-index:99999999;}

/*CLEARFIX*/
.clearfix:after, .big-img-right:after, .big-img-left:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix, .big-img-right, .big-img-left {display: inline-block;}
* html .clearfix, * html .big-img-right, * html .big-img-left {height: 1%;}
.clearfix, .big-img-right, .big-img-left {display: block;}


/*CONTENT BLOCKS*/
.content {width:100%; height: 100%; padding: 8% 0; background:#ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.u1280 .content {padding: 9% 0;}
.u960 .content {padding: 10% 0;}
.u770 .content {padding: 3% 0;}
.u480 .content {padding: 6% 0;}
.u480 .content.np, .u770 .content.np {padding:0!important;}
.content.npp {padding:0!important;}
.content.greybg {background:url(/images/heroes/management-tool.jpg) no-repeat center; background-size: 100% 100%;}
.u770 .content.greybg, .u480 .content.greybg {background-size:auto;}
.content.blue {background:#41599c;}
.content.dark-blue {background:#273a71;}
.content h2 {font-size:40px; text-align: center; color: #0a51a1; font-weight: 600; text-transform: uppercase; letter-spacing: 5px;}
.content.blue h2 {color: #ffffff;}
.u1280 .content h2 {font-size:30px;}
.u960 .content h2 {font-size:30px;}
.u770 .content h2 {font-size:20px;}
.u480 .content h2 {font-size:19px;}
.content.mdpattern h2, .content.dkbrown h2, .content.mdbrown h2 {color: #ffffff;}
.content h2::after {content:''; height:6px; display:block; margin:30px auto; background: #d9d9d9; width:10%;}
.u1280 .content h2::after {height:5px; margin:20px auto;}
.u960 .content h2::after {height:5px; margin:20px auto;}
.u770 .content h2::after {height:4px; margin:10px auto;}
.u480 .content h2::after {height:4px; margin:10px auto;}
.content.blue h2::after {content:''; height:6px; display:block; margin:30px auto; background: #273a71; width:10%;}
.u1280 .content.blue h2::after {height:5px; margin:20px auto;}
.u960 .content.blue h2::after {height:5px; margin:20px auto;}
.u770 .content.blue h2::after {height:4px; margin:15px auto;}
.u480 .content.blue h2::after {height:4px; margin:15px auto;}
.content h3 {color: #0c51a1; font-size: 28px;}
.u1280 .content h3 {font-size: 24px;}
.u960 .content h3 {font-size: 22px;}
.u770 .content h3 {font-size: 20px;}
.u480 .content h3 {font-size: 19px;}
.content p, .content li {font-size:19px; line-height:30px; color: #333333; font-weight: 400;}
.u1280 .content p, .u1280 .content li {font-size: 17px; line-height: 23px;}
.u960 .content p, .u960 .content li {font-size: 15px; line-height: 20px;}
.u770 .content p, .u770 .content li {font-size: 12px; line-height: 17px;}
.u480 .content p, .u480 .content li {font-size: 12px; line-height: 16px;}
.content p strong {color: #0a51a1;}
.content p strong {color: #0a51a1;}
.content p.large {font-size: 30px; line-height: 40px; font-weight: 600;}
.u1280 .content p.large {font-size: 24px; line-height: 32px;}
.u960 .content p.large {font-size: 22px; line-height: 30px;}
.u770 .content p.large {font-size: 20px; line-height: 27px;}
.u480 .content p.large {font-size: 19px; line-height: 25px;}
.content .smaller {font-size:19px; line-height: 22px;}
.u1280 .content .smaller {font-size:16px; line-height: 20px;}
.u960 .content .smaller {font-size:16px; line-height: 20px;}
.u770 .content .smaller {font-size:15px; line-height: 19px;}
.u480 .content .smaller {font-size:13px; line-height: 17px;}
p.error, p.error strong {color:#ffec08!important;}
ul.error li {float:left; padding-right:50px;}
.content.blue p, .content.blue li {color: #ffffff;}
.content.blue li {list-style-type: circle;}
.content .date {background: url(/images/calendar-dk.png) no-repeat left; background-size: 25px; padding: 5px 0 0 36px;}
.col2 {float:left; width: 46%; padding: 2%;}
.u770 .col2 {width: 96%;}
.u480 .col2 {width: 96%;}
.col2 .feature {width: 100%;}
.col2-left {float:left; width: 44%; padding:3% 0;}
.u1280 .col2-left {padding:2% 0;}
.u960 .col2-left {padding:2% 0;}
.col2-right {float:right; width: 44%; padding: 3% 0;}
.u1280 .col2-right {padding: 2% 0;}
.u960 .col2-right {padding: 2% 0;}
.feature-quote {background:url(/images/quotes.png) no-repeat #faf9f7; width: 100%;}
.feature-quote img {float:right; padding: 1%; width:38%;}
.feature-quote p {float:left; font-style:italic; color:#3a2313; font-weight:400; font-size:20px; line-height:24px; margin: 20px 9%; width: 42%;}
.u1280 .feature-quote p {font-size: 16px; line-height: 21px; margin: 20px 4% 10px 9%; width: 47%;}
.u960 .feature-quote p {font-size: 16px; line-height: 21px; margin: 20px 4% 10px 9%; width: 47%;}
.u770 .feature-quote p {font-size: 16px; line-height: 21px; margin: 20px 4% 10px 9%; width: 47%;}
.u480 .feature-quote p {font-size: 16px; line-height: 21px; margin: 20px 4% 10px 9%; width: 47%;}
.feature-quote p.by {margin: 2% 0 2% 4%; width: 56%; font-size: 17px; line-height: 20px;}
.u1280 .feature-quote p.by {margin: 2% 4% 2% 4%; width: 92%; font-size: 16px; line-height: 20px;}
.u960 .feature-quote p.by {margin: 2% 4% 2% 4%; width: 92%; font-size: 16px; line-height: 20px;}
.content .more {text-align: right; display: block; color: #0c51a1; font-weight: 600; text-decoration: none; font-family: 'Roboto', sans-serif; font-size:19px; cursor: pointer;}
.u1280 .content .more {font-size:17px;}
.u960 .content .more {font-size:15px;}
.u770 .content .more {font-size:16px;}
.u480 .content .more {font-size:15px;}

.modal {display: none; position: fixed; z-index: 48; width: 90%; height: 80%; margin: 1%; background: #41599c; padding: 4%; top: 0; opacity: 0.98; box-shadow: 5px 5px 40px #666; border-radius: 10px;}
.u770 .modal {height:78%;}
.u480 .modal {padding: 6% 4%; height:88%;}
.modal .close {position: absolute; top:20px; right:20px; cursor: pointer; font-family: 'Roboto', sans-serif; color: #8e8e8e; font-size: 60px; line-height:30px; }
.modal .carousel {width: 80%; margin: 0 10%;}
.modal .carousel .block {float: left; width: 100%; }
.modal .carousel .block .inner {padding:4% 8%;}
.u770 .modal .carousel .block .inner {padding:0 8%;}
.modal h2 {font-size:40px; text-align: center; color: #ffffff; font-weight: 600; text-transform: uppercase; letter-spacing: 5px;}
.u1280 .modal h2 {font-size:30px;}
.u960 .modal h2 {font-size:30px;}
.u770 .modal h2 {font-size:24px;}
.u480 .modal h2 {font-size:22px;}
.modal h2::after {content:''; height:6px; display:block; margin:30px auto; background: #273a71; width:10%;}
.u1280 .modal h2::after {height:5px; margin:20px auto;}
.u960 .modal h2::after {height:5px; margin:20px auto;}
.u770 .modal h2::after {height:5px; margin:15px auto;}
.u480 .modal h2::after {height:4px; margin:15px auto;}
.modal p, .modal li {color: #ffffff;}
.u1280 .modal p, .u1280 .modal li {font-size:20px;}
.u960 .modal p, .u960 .modal li {font-size:19px;}
.modal p strong, .modal li strong {color: #ffa808;}
.modal .inner ul {margin-left:35px;}
.modal .inner ul li {list-style-type:none;}
.modal .inner ul li:before {color: #ffa808; float: left; margin: 0 0 0 -1em; width: 1em;  content: '\2022';}
.modal .inner a {color:#ffffff;}

/*CAROUSEL*/
.carousel.text .inner {padding: 2% 14%;}
.u1280 .slick-slider, .u960 .slick-slider, .u770 .slick-slider, .u480 .slick-slider {width: 92%; margin: 0 auto;}
.slick-list {width:100%;}
.slick-prev, .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 35px; height: 50px; margin-top: -10px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
.u770 .slick-prev, .slick-next {height: 30px;}
.u480 .slick-prev, .slick-next {height: 30px; width:20px;}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color: transparent; outline: none; background: transparent;}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: 1;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25;}
.slick-prev:before, .slick-next:before {font-size: 20px; line-height: 1;  opacity: .75; color: #8e8e8e;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-prev{left: -4%; z-index: 1;}
.slick-prev::before{content: '<'; font-size: 55px;  line-height: 0;   font-weight: 700;   font-family: monospace;}
.slick-next {right: -4%; z-index: 1;}
.slick-next::before {content: '>'; font-size: 55px; line-height: 0; font-weight: 700;  font-family: monospace;}
.u770 .slick-next::before, .u770 .slick-prev::before {font-size: 35px;}
.u480 .slick-next::before, .u480 .slick-prev::before {font-size: 35px;}
.slick-slider {margin-bottom: 30px;}
.slick-dots {bottom: -45px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; margin-left: 0!important;}
.slick-dots li {position: relative; display: inline-block; width: 20px; height: 20px; margin: 0; padding: 0; cursor: pointer;}
.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.slick-dots li button:hover, .slick-dots li button:focus {outline: none;}
.slick-dots li button:before {font-size: 26px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before {opacity: .75; color: #ededed;}
/*CONTENT CAROUSEL*/
.carouselcontent .feature {width: 82%; padding: 0 9%; border-radius: 100%;}
.carouselcontent .circle {width: 82%; margin: 0 9%; border-radius: 100%; background-size: 100%!important; cursor: pointer;}
.carouselcontent .circle .bg {height: 100%; justify-content: center; -webkit-justify-content: center; align-content: center; -webkit-align-content: center; flex-direction: column; -webkit-flex-direction: column; display: flex; display: -webkit-flex; background: rgba(12, 81, 161, 0.8); border-radius: 100%; text-align: center; font-size: 30px; color: #fff; font-family: 'Roboto', sans-serif; text-shadow: 0 0 21px #000; font-weight: bold; -webkit-transition: all 2s; transition: all 2s;}
.carouselcontent .circle .bg:hover {background: none; }
.u1280 .carouselcontent .circle .bg {font-size:20px;}
.u960 .carouselcontent .circle .bg {font-size:20px;}
.u770 .carouselcontent .circle .bg {font-size:14px;}
.u480 .carouselcontent .circle .bg {font-size:14px;}
.carouselcontent .circle .sm-bg a {color: #ffffff; text-decoration: none; border: none; outline: none;}
.carouselcontent .circle .sm-bg {background:rgba(232, 136, 41, 1); height: 90%; padding: 5%; justify-content: center; -webkit-justify-content: center; align-content: center; -webkit-align-content: center; flex-direction: column; -webkit-flex-direction: column; display: flex; display: -webkit-flex; border-radius: 100%; text-align: center; font-size: 18px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 400; -webkit-transition: all 0.3s; transition: all 0.3s;}
.u1280 .carouselcontent .circle .sm-bg {font-size:13px;}
.u960 .carouselcontent .circle .sm-bg {font-size:12px;}
.u770 .carouselcontent .circle .sm-bg {font-size:11px;}
.u480 .carouselcontent .circle .sm-bg {font-size:7px;}
.slick-list, .slick-slide {outline: none!important;}

.flipper .block {position: relative;  margin: 10px auto; z-index: 1;}
.flipper .block {perspective: 1000; -webkit-perspective: 1000; -moz-perspective: 1000px;}
.flipper .block .inner {width: 100%; height: 100%; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: translateZ(1000px); transition: all 0.3s linear; -webkit-transform: translate3d(0px, 0px, 0px); translateZ(1000px);}
.flipper .block.flip .inner {transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.flipper .block.flip .back {backface-visibility: visible; -webkit-backface-visibility:visible;}
.flipper .block.flip .inner.no-flip {transform:none!important;}
.flipper .block .inner.no-flip.curs .bg {cursor:initial;}
.flipper .block .inner.no-flip.curs .bg:hover {opacity:0;}
.face {position: absolute; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility:hidden;}
.face.back {display: block; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); text-align: center;border-radius: 100%; height: 100%;}


/*ANMIMATIONS*/
.hcenter {position:relative;}
.fadeit .infographic img, .hide.infographic img  {display:none;}
.infographic {width:100%;}
.fadeit .infographic img {width:100%;}
.u1280 .infographic {width:90%; margin-left:5%;}
.u960 .infographic {width:80%; margin-left:10%;}
.u770 .infographic {width:74%; margin:0% auto;}
.u480 .infographic {width:88%; margin:0% auto;}
.u480.landscape .infographic, .u770.landscape .infographic {width:55%;}
.fade {opacity: 0;}
.reveal {overflow:hidden; width:100%;}
.evidence {float:left;}
.evidence.one {margin-left:4%; width:21%;}
.evidence.two {width:70%;}
.hearings, .interventions {position:absolute; width:100%; left:0;}
.holder {position:relative;}

.body-worn.one {width:91%;}
.case-publishing {float:left;}
.case-publishing.one {width:25%;}
.case-publishing.two {width:74.9%;}
.specified-proceedings {float:left;}
.specified-proceedings.one {width:46%;}
.specified-proceedings.two {width:54%;}
 @-webkit-keyframes pulse {
        0% {-webkit-box-shadow: 0 0 10px 0 rgba(9, 81, 161, 0.8);}
        70% {-webkit-box-shadow: 0 0 10px 20px rgba(9, 81, 161, 0);}
        100% {-webkit-box-shadow: 0 0 10px 0 rgba(9, 81, 161, 0);}
    }
@keyframes pulse {
        0% {-moz-box-shadow: 0 0 10px 0 rgba(9, 81, 161, 0.8); box-shadow: 0 0 0 0 rgba(9, 81, 161, 0.8);}
        70% {-moz-box-shadow: 0 0 10px 20px rgba(9, 81, 161, 0); box-shadow: 0 0 0 40px rgba(9, 81, 161, 0);}
        100% {-moz-box-shadow: 0 0 10px 0 rgba(9, 81, 161, 0); box-shadow: 0 0 0 0 rgba(9, 81, 161, 0);}
    }

/*FORMS*/
.red {color: red;}
.form {text-align: center; width: 90%; margin: 0 5%;}
.form .input {width: 48%; margin: 1%; float: left; position: relative;}
.form .input.double {width: 98%;}
.form .input.hp {display:none!important;}
.form .input input[type=text], .form .input input[type=email] {padding:4%; width: 92%; font-size:18px; background: #273a71; border-radius: 5px; color:#ffffff; border: 0; font-family: 'Roboto', sans-serif;}
.u1280 .form .input input[type=text], .u1280 .form .input input[type=email] {padding:2% 4%; width: 92%; font-size:16px;}
.u960 .form .input input[type=text], .u960 .form .input input[type=email] {padding:2% 4%; width: 92%; font-size:16px;}
.u770 .form .input input[type=text], .u770 .form .input input[type=email] {padding:2% 4%; width: 92%; font-size:15px;}
.u480 .form .input input[type=text], .u480 .form .input input[type=email] {padding:2% 4%; width: 92%; font-size:14px;}
.form .input textarea {padding:2%; width: 96%; font-size:18px; background: #273a71; border-radius: 5px; color:#ffffff; border: 0; font-family: 'Roboto', sans-serif; resize: none; height:80px;}
.u1280 .form .input textarea {height:35px;}
.u960 .form .input textarea {height:35px;}
.u770 .form .input textarea {height:40px;}
.u480 .form .input textarea {height:60px;}
.form .input .holder {position: absolute; padding:4%; color: #ffffff; cursor: auto; font-family: 'Roboto', sans-serif; font-size: 18px; z-index: 1;}
.u1280 .form .input .holder {padding:2% 4%; font-size: 16px;}
.u960 .form .input .holder {padding:2% 4%; font-size: 16px;}
.u770 .form .input .holder {padding:2% 4%; font-size: 15px;}
.u480 .form .input .holder {padding:2% 4%; font-size: 14px;}
.form .input.double .holder {padding:2%;}
.form input[type=submit], .bbtn {border: 0; -webkit-appearance: none; color: #ffffff; font-family: 'Roboto', sans-serif; cursor: pointer; font-size: 18px; background: #30bae7; border-radius: 5px; border-bottom: solid 5px #299ec5; padding: 1.5% 5%; text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin: 1%; -webkit-transition: all 0.3s; transition: all 0.1s; text-decoration: none;}
.form input[type=submit]:hover, .bbtn:hover {opacity: 0.8; margin: 1.1% 1% 1.1% 1%; padding:1.4% 5% 1.4% 5%; box-shadow: 0 5px 25px #243870;}


/*Homepage NEWS*/
.news-blocks {}
.news-blocks .block .inner {width: 92%; margin: 0 4%; padding-bottom:1%; background:#0a51a1;}
.news-blocks .block .inner.promo {width: 72%; margin: 0 14%;}
.news-blocks .block .title img {width:100%;}
.news-blocks .block .title {position:relative;}
.news-blocks .block .info {margin: 0 4% 4% 4%; width: 92%;}
.news-blocks .block .title .fimg {min-height:180px; background: url(/images/heroes/main.jpg) bottom; cursor: pointer;}
.u1280 .news-blocks .block .title .fimg {min-height:140px;}
.u960 .news-blocks .block .title .fimg {min-height:100px;}
.u770 .news-blocks .block .title .fimg {min-height:90px;}
.u480 .news-blocks .block .title .fimg {background-size: auto 100%!important; min-height:130px;}
.news-blocks .block .title h3 {background: #0a51a1; position:absolute; bottom:0; left:0; padding: 2% 4%; width:70%; color:#ffffff; font-size: 34px; line-height: 40px; font-weight: 600;}
.u1280 .news-blocks .block .title h3 {font-size:26px; line-height: 30px;}
.u960 .news-blocks .block .title h3 {font-size:22px; line-height: 28px; width:80%;}
.u770 .news-blocks .block .title h3 {font-size:19px; line-height: 22px; width:84%;}
.u480 .news-blocks .block .title h3 {font-size:16px; line-height: 19px; width:76%;}
.news-blocks .block .title h3 a {color:#ffffff; text-decoration: none;}
.news-blocks .block .info .desc {min-height:55px;}
.news-blocks .block .info p {color: #ffffff; font-size:19px; font-weight: 400; line-height: 24px;}
.u1280 .news-blocks .block .info p {font-size:16px; line-height: 20px;}
.u960 .news-blocks .block .info p {font-size:14px; line-height: 18px;}
.u770 .news-blocks .block .info p {font-size:13px; line-height: 15px;}
.u480 .news-blocks .block .info p {font-size:15px; line-height: 18px;}
.news-blocks .block .info .date.ext {width:40%;}
.news-blocks .block .info .date {float:left; width: 20%; color:#ffffff; font-size:19px; font-weight: 400; line-height: 24px; background: url(/images/icons/calendar.png) no-repeat left;     background-size: auto; padding: 5px 0 0 36px;}
.u1280 .news-blocks .block .info .date {font-size:14px; line-height: 22px; width:30%; padding: 2px 0 0 25px; margin-top: 5px; background-size:18px;}
.u960 .news-blocks .block .info .date {font-size:14px; line-height: 22px; width:30%; padding: 2px 0 0 25px; margin-top: 5px; background-size:18px;}
.u770 .news-blocks .block .info .date {font-size:12px; line-height: 16px; width:40%; padding: 0 0 0 20px; margin-top: 5px; background-size:16px;}
.u480 .news-blocks .block .info .date {font-size:12px; line-height: 16px; width:40%; padding: 0 0 0 22px; margin-top: 5px; background-size: 16px!important; width: 95%;}
.news-blocks .block .info .category {float:left; width: 20%; color:#ffffff; font-size:19px; font-weight: 400; line-height: 24px; background: url(/images/icons/category.png) no-repeat left;     background-size: auto; padding: 5px 0 0 36px;}
.u1280 .news-blocks .block .info .category {font-size:17px; line-height: 24px; padding: 0 0 0 30px; margin-top: 5px;}
.u770 .news-blocks .block .info .category {font-size:15px; line-height: 24px; padding: 0 0 0 20px; margin-top: 5px;}
.u480 .news-blocks .block .info .category {font-size:15px; line-height: 20px; padding: 0 0 0 22px; margin-top: 5px; background-size: 19px!important; width: 95%;}
.news-blocks .block .info .btn {float:right; color:#ffffff; font-size:19px; font-weight: 400; line-height: 24px; border:solid 3px #ffffff;}
.u770 .news-blocks .block .info .btn {font-size: 14px; padding: 2px 14px;}
.u480 .news-blocks .block .info .btn {font-size: 14px; padding: 0 11px; margin: 0 0 5px 0;}
.news-blocks .block .info .btn:hover {background:#ea923e;}

/*FOOTER*/
footer {text-align: center; width: 100%;}
footer .content-width {padding:10px 0;}
footer .social {display: inline-block; margin: 0 100px;}
footer .social img {width: 45px;  margin-bottom: 15px;}
footer .logo {display: inline-block; margin: 30px 0 0 0;}
.u770 footer .logo {width:100%; margin:10px 0 0 0;}
.u480 footer .logo {width:100%; margin:10px 0 0 0;}
footer .logo img {width: 80px; height: 80px; margin: -25px 20px 0 0; border-radius: 100%; box-shadow: 0 0 40px #011e4e; background: #0a51a1; float:left;}
.u1280 footer .logo img {width: 60px; height: 60px; margin: -18px 20px 0 0; }
.u960 footer .logo img {width: 60px; height: 60px; margin: -18px 20px 0 0; }
.u770 footer .logo img {width: 40px; height: 40px; margin: 0 8px -14px 0; display: inline-block; float:none;}
.u480 footer .logo img {width: 40px; height: 40px; margin: 0 8px -14px 0; display: inline-block; float:none;}
footer .logo h4 {float:left;}
.u770 footer .logo h4,.u480 footer .logo h4 {float:none; display:inline-block;}
footer .logo h4 a {color:#ffffff; text-decoration: none;}
footer #footer-logos {text-align: center;}
footer #footer-logos img {display: inline-block; height: 70px; margin: 0 6% 2% 6%;}
.u1280 footer #footer-logos img {height: 60px; margin: 0 5% 2% 5%;}
.u960 footer #footer-logos img {height: 50px; margin: 0 5% 2% 5%;}
.u770 footer #footer-logos img {height: 35px; margin: 0 3% 2% 3%;}
.u480 footer #footer-logos img {height: 30px; margin: 0 3% 2% 3%;}

footer #social-logos {text-align: center;}
footer #social-logos img {display: inline-block; height: 40px; margin: 0 6%;}
.u1280 footer #social-logos img {height: 40px; margin: 0 5% 2% 5%;}
.u960 footer #social-logos img {height: 35px; margin: 0 5% 2% 5%;}
.u770 footer #social-logos img {height: 30px; margin: 0 3% 2% 3%;}
.u480 footer #social-logos img {height: 20px; margin: 0 3% 2% 3%;}

footer .footer-nav {float: right; margin: 90px 0 0 0; clear: both; font-size: 22px; color:#0a51a1;}
.u770 footer .footer-nav {width:100%; text-align: center;}
.u480 footer .footer-nav {width:100%; text-align: center;}
footer .footer-nav a {color:#b1b1b1; font-size: 22px; text-decoration: none; padding: 0 10px;}
.u1280 footer .footer-nav a {font-size: 18px;}
.u960 footer .footer-nav a {font-size: 18px;}
.u770 footer .footer-nav a {font-size: 18px;}
.u480 footer .footer-nav a {font-size: 15px;}
footer .content-width p.legal {color: #b1b1b1; font-size: 12px; padding: 2% 0 0 0; text-align: center; clear: both; font-weight: 400;}
.u1280 footer p.legal {font-size: 12px; padding:1% 0 0 0;}
.u960 footer p.legal {font-size: 12px; padding:1% 0 0 0;}
.u770 footer p.legal {font-size: 10px;}
.u480 footer p.legal {font-size: 10px;}
footer #footer-nav {text-align: center; display: flex; width: 80%; margin: 2% 10%;}
.u1280 footer #footer-nav {text-align: center; display: flex; width: 80%; margin: 1% 10%;}
.u960 footer #footer-nav {text-align: center; display: flex; width: 80%; margin: 1% 10%;}
.u770 footer #footer-nav {width: 92%; padding: 2% 0%; margin: 0 4%;}
.u480 footer #footer-nav {width: 92%; padding: 2% 0%; margin: 0 4%;}
footer #footer-nav li {flex-grow: 1; font-size: 16px; list-style-type: none; }
.u1280 footer #footer-nav li {flex-grow: 1; font-size: 14px; list-style-type: none; }
.u960 footer #footer-nav li {flex-grow: 1; font-size: 14px; list-style-type: none; }
.u770 footer #footer-nav li {font-size: 11px;}
.u480 footer #footer-nav li {font-size: 10px;}
footer #footer-nav li a {color: #b1b1b1; text-decoration: none; padding: 2% 4%; font-weight: 300; font-size: 16px; display: block; text-align: center;}
.u770 footer #footer-nav li a {font-size: 14px;}
.u480 footer #footer-nav li a {font-size: 12px;}

/*NEWS SECTION*/
#news section#header {height:600px; position:relative;}
.u960 #news section#header {height:500px;}
.u770 #news section#header {height:400px;}
.u480 #news section#header {height:400px;}
#news header, #news header #hero, #news .outer {height:600px;}
.u960 #news header, .u960 #news header #hero, .u960 #news .outer {height:500px;}
.u770 #news header, .u770 #news header #hero, .u770 #news .outer {height:400px;}
.u480 #news header, .u480 #news header #hero, .u480 #news .outer {height:400px;}
#news-feed.content, #news-article.content {padding:4% 0;}
#news-feed.news-blocks .block {margin:4% 0;}
#news-feed.news-blocks .block .info {margin: 0 4% 1% 4%;}
#news-feed.news-blocks .block .title .fimg {min-height:130px;}
#news-article p {margin: 40px 0;}
#news-article .article-img {float: right; margin: 0 0 2% 2%; width:45%;}
#news-article .date {background: url(/images/icons/calendar-dk.png) no-repeat left; background-size: 20px;  padding: 5px 0 0 36px;}

#filter {text-align: center; position: relative; margin: 40px 0 50px 0;}
#filter a {font-family: 'Roboto', sans-serif; padding: 1.5% 3%; background: #ececec; font-size: 22px; color: #666666; font-weight: 600; cursor:pointer; -webkit-transition: all 0.3s; transition: all 0.3s;}
.u480 #filter a {font-size: 18px;}
#filter a:hover {opacity:0.8;}
#filter a#filter-corp {color: #0a51a1;}
#filter a#filter-social {color: rgba(232, 136, 41, 1);}
#filter a#filter-clear {position: absolute; right: 0; font-size:20px; font-weight:400;}
.u480 #filter a#filter-clear {bottom: 38px; font-size: 14px;}
#loading {width:100%; margin-top:30px; text-align: center; display:none;}
#loading img {display:inline-block;}