@charset "UTF-8";
/*Global*/
@charset "UTF-8";

html,
body {
    /*height: 100%;*/
    height: calc(100vh + 50px);
    background-color:#333 !important;
    overflow-y: hidden;
    overflow-x: hidden;
}
.showControlBar{
    background-color:#333;
}
.dnnForm, .dnnLogin, .dnnTabsModule, .dnnLabel, .dnnSectionExpanded, .ssasContent {
    color: white !important;
}
#wrap {
    min-height: calc(100vh + 50px);
    height: calc(100vh + 50px);
}
.wrapClass{
   background-color: #333;
   min-height: calc(100vh + 50px);
   height: calc(100vh + 50px);
}
#main {
    overflow: auto;
}
#main {
    padding-bottom: 50px;
    /* this needs to be bigger than footer height*/
}
.footer {
    /* negative value of footer height */
    min-height: 25px;
    clear: both;
    padding-top: 5px;
    padding-bottom: 0px;
    color: #FFFFFF !important;
    text-align: center;
    /*font-weight:600;*/
    width: 100%;
    font-size: 0.8em;
    background-image: radial-gradient(#4B4B4A, #09090A);
}
.footer.transparent {
    background-image: none;
}
.footer.login {
    margin-top: -150px;
    /* negative value of footer height */
    min-height: 150px;
    clear: both;
    padding-top: 15px;
    padding-bottom: 15px;
}
/* Alignment */
@media (max-width: 767px) {
    .text-xs-left {
        text-align: left;
    }
    .text-xs-right {
        text-align: right;
    }
    .text-xs-center {
        text-align: center;
    }
    .text-xs-justify {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-sm-left {
        text-align: left;
    }
    .text-sm-right {
        text-align: right;
    }
    .text-sm-center {
        text-align: center;
    }
    .text-sm-justify {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-md-left {
        text-align: left;
    }
    .text-md-right {
        text-align: right;
    }
    .text-md-center {
        text-align: center;
    }
    .text-md-justify {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-lg-left {
        text-align: left;
    }
    .text-lg-right {
        text-align: right;
    }
    .text-lg-center {
        text-align: center;
    }
    .text-lg-justify {
        text-align: justify;
    }
}


/* Menu speed */
.collapsing {
    -webkit-transition: height .1s ease;
    -o-transition: height .1s ease;
    transition: height 0.1s ease;
}
a {
    color: red  /*#FFF*/;
    text-decoration: underline;
}
a:hover {
    color: blue  /*#CCC*/ ;
}
.navbar {
    margin-bottom: 0px;
}
.navbar.transparent {
    background-image: none;
    background-color: transparent !important;
    border-width: 0;
}
/*Subnav */
.navbar.transparent #navbar[aria-expanded=true] .nav {
    background-color: #333;
}
.navbar a {
    text-decoration: none;
}
.navbar-nav {
    margin: 0px;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: transparent;
}
.navbar-toggle {
    background-color: #333;
}
.navbar-inverse.transparent .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
    box-shadow: none;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
    background-color: rgba(0, 0, 0, 1);
    box-shadow: none;
}
#navbar[aria-expanded=true] ul.nav li.active a {
    background-color: #48A030;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .open > a {
    background-image: none;
}
.nav > li {
    padding-top: 10px;
}
.navbar-nav > li > a {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.navbar-brand {
    height: auto;
    padding: 10px 0px 10px 20px;
}
.navbar-nav > li > a {
    line-height: auto;
    min-width: 80px;
}
.nav > li > a > img {
    margin: 0 auto;
}


.sprite-ico-vehicle-transactions,
.sprite-logo-mix-black,
.sprite-logo-mix-white,
.sprite-ico-transaction-analysis,
.sprite-ico-vehicle-fuel-level-analysis,
.sprite-ico-site-reconciliations,
.sprite-ico-data-maintenance,
.sprite-ico-bulk-tank-gauging,
.sprite-ico-print,
.sprite-ico-print2,
.sprite-ico-tiff,
.sprite-ico-language,
.sprite-ico-home,
.sprite-ico-excel,
.sprite-ico-pdf,
.sprite-ico-email,
.sprite-ico-ie,
.sprite-ico-word,
.sprite-ico-register,
.sprite-ico-save,
.sprite-ico-arrow-down,
.sprite-ico-arrow-up,
.sprite-ico-search,
.sprite-ico-login,
.sprite-ico-first,
.sprite-ico-last,
.sprite-ico-next,
.sprite-ico-prev {
    max-width: 100%;
    background-size: 100%;
    background-image: url('Images/sprite.png');
}
.sprite-ico-vehicle-transactions {
    background-position: 0 0%;
    background-size: 100%;
}
.sprite-logo-mix-black {
    background-position: 0 9.608863%;
    background-size: 100.75%;
}
.sprite-logo-mix-white {
    background-position: 0 11.440199%;
    background-size: 100.75%;
}
.sprite-ico-transaction-analysis {
    background-position: 0 14.251032%;
    background-size: 104.675325%;
}
.sprite-ico-vehicle-fuel-level-analysis {
    background-position: 0 23.46126%;
    background-size: 111.325967%;
}
.sprite-ico-site-reconciliations {
    background-position: 0 32.112744%;
    background-size: 117.492711%;
}
.sprite-ico-data-maintenance {
    background-position: 0 40.441353%;
    background-size: 124.382716%;
}
.sprite-ico-bulk-tank-gauging {
    background-position: 0 49.280663%;
    background-size: 139.930556%;
}
.sprite-ico-print {
    background-position: 0 55.228982%;
    background-size: 359.821429%;
}
.sprite-ico-print2 {
    background-position: 0 58.153917%;
    background-size: 359.821429%;
}
.sprite-ico-tiff {
    background-position: 0 61.230558%;
    background-size: 395.098039%;
}
.sprite-ico-language {
    background-position: 0 63.928084%;
    background-size: 399.009901%;
}
.sprite-ico-home {
    background-position: 0 66.130494%;
    background-size: 403%;
}
.sprite-ico-excel {
    background-position: 0 68.824337%;
    background-size: 407.070707%;
}
.sprite-ico-pdf {
    background-position: 0 71.84355%;
    background-size: 415.463918%;
}
.sprite-ico-email {
    background-position: 0 74.862763%;
    background-size: 452.808989%;
}
.sprite-ico-ie {
    background-position: 0 77.881976%;
    background-size: 452.808989%;
}
.sprite-ico-word {
    background-position: 0 80.901189%;
    background-size: 452.808989%;
}
.sprite-ico-register {
    background-position: 0 83.405319%;
    background-size: 457.954545%;
}
.sprite-ico-save {
    background-position: 0 85.597641%;
    background-size: 474.117647%;
}
.sprite-ico-arrow-down {
    background-position: 0 87.633069%;
    background-size: 503.75%;
}
.sprite-ico-arrow-up {
    background-position: 0 89.648924%;
    background-size: 503.75%;
}
.sprite-ico-search {
    background-position: 0 91.664779%;
    background-size: 510.126582%;
}
.sprite-ico-login {
    background-position: 0 93.744334%;
    background-size: 639.68254%;
}
.sprite-ico-first {
    background-position: 0 95.332582%;
    background-size: 660.655738%;
}
.sprite-ico-last {
    background-position: 0 96.888388%;
    background-size: 660.655738%;
}
.sprite-ico-next {
    background-position: 0 98.444194%;
    background-size: 839.583333%;
}
.sprite-ico-prev {
    background-position: 0 100%;
    background-size: 839.583333%;
}
.logo {
    max-width: 200px;
}
.sprite-ico-home,
.sprite-ico-search,
.sprite-ico-login,
.sprite-ico-language,
.sprite-ico-register,
.sprite-ico-login-input,
.sprite-ico-login-password,
.sprite-ico-print,
.sprite-ico-print2,
.sprite-ico-email,
.sprite-ico-pdf,
.sprite-ico-word,
.sprite-ico-excel,
.sprite-ico-ie,
.sprite-ico-tiff,
.sprite-ico-arrow-up,
.sprite-ico-arrow-down,
.sprite-ico-save {
    max-height: 30px !important;
    max-width: 30px !important;
}
.sprite-ico-first,
.sprite-ico-prev,
.sprite-ico-next,
.sprite-ico-last {
    max-height: 15px !important;
    max-width: 15px !important;
    margin-top: 7px;
}

/*FMA CUSTOM TOOLBAR ICONS*/
    .sprite-mico-prev {
        background: url('Images/sprite.png') no-repeat 0 -4435px;
        width: 48px;
        height: 59px;
    }

    .sprite-mico-next {
        background: url('Images/sprite.png') no-repeat 0 -4366px;
        width: 48px;
        height: 59px;
    }

    .sprite-mico-last {
        background: url('Images/sprite.png') no-repeat 0 -4297px;
        width: 61px;
        height: 59px;
    }

    .sprite-mico-first {
        background: url('Images/sprite.png') no-repeat 0 -4228px;
        width: 61px;
        height: 59px;
    }

    .sprite-mico-email {
        background: url('Images/sprite.png') no-repeat 0 -3273px;
        width: 89px;
        height: 122px;
    }

    .sprite-mico-pdf {
        background: url('Images/sprite.png') no-repeat 0 -3141px;
        width: 97px;
        height: 122px;
    }

    .sprite-mico-word {
        background: url('Images/sprite.png') no-repeat 0 -3537px;
        width: 89px;
        height: 122px;
    }

    .sprite-mico-save {
        background: url('Images/sprite.png') no-repeat 0 -3774px;
        width: 85px;
        height: 85px;
    }

    .sprite-mico-ie {
        background: url('Images/sprite.png') no-repeat 0 -3405px;
        width: 89px;
        height: 122px;
    }

    .sprite-mico-excel {
        background: url('Images/sprite.png') no-repeat 0 -3009px;
        width: 99px;
        height: 122px;
    }

    .sprite-mico-tiff {
        background: url('Images/sprite.png') no-repeat 0 -2677px;
        width: 102px;
        height: 122px;
    }

    .sprite-mico-print {
        background: url('Images/sprite.png') no-repeat 0 -2539px;
        width: 112px;
        height: 128px;
    }

    .sprite-mico-print2 {
        background: url('Images/sprite.png') no-repeat 0 -2424px;
        width: 112px;
        height: 105px;
    }

    .sprite-mico-first, .sprite-mico-prev, .sprite-mico-next, .sprite-mico-last {
        overflow: hidden;
        zoom: 0.35;
        -moz-transform: scale(0.35);
        -moz-transform-origin: 0 0;
        padding-top: 15px;
    }

    .sprite-mico-save {
        overflow: hidden;
        zoom: 0.3;
        -moz-transform: scale(0.3);
        -moz-transform-origin: 0 0;
         padding-top: 10px;
    }

    .sprite-mico-email, .sprite-mico-pdf,
    .sprite-mico-word, .sprite-mico-excel, .sprite-mico-ie, .sprite-mico-tiff, .sprite-mico-print, .sprite-mico-print2 {
        overflow: hidden;
        zoom: 0.25;
        -moz-transform: scale(0.25);
        -moz-transform-origin: 0 0;
        padding-top: 10px;
    }


/*FMA CUSTOM TOOLBAR ICONS*/
img[class^="sprite-"] {
}
img[class^="sprite-"]:hover {
    opacity: 0.8;
}
.text-shadow {
    text-shadow: 0px 0px 15px rgba(0, 0, 0, 1);
}
.Page59 { 
background-image: url('~/portals/0/images/bg_login.jpg'); 
background-color: red;
} 

.TitleH3{
    color: white;
}


#main select {
    /* styling */
    background-color: white;
    border: thin solid gray;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    /* reset */
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #48A030 50%), linear-gradient(135deg, #48A030 50%, transparent 50%), linear-gradient(to right, #CCC, #CCC);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}
#main input.rounded,
#main select.rounded {
    border-radius: 10px;
    padding: 1.5% 3%;
    margin: 2.5% 0;
    border: 0;
}
#main input[type=submit],
#main button,
a.button {
    background: #48A030;
    color: #FFF !important;
    padding: 8px 10px !important;
    min-width: 100px;
    border-radius: 20px;
    border: 0;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}
#main input[type=submit].small,
#main button.small,
a.button.small {
    font-size: 12px;
    padding: 0.5% 1% !important;
    min-width: 90px !important;
}
#main input[type=submit]:hover,
#main button:hover,
a.button:hover {
    opacity: 0.9;
}
.border {
    border: 2px solid #FFF !important;
}
.icon_holder {
    margin: 5px 10px;
    float: left;
}
.box-shadow {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}
label {
    font-weight: normal;
}
.green {
    color: #48A030;
}
.white {
    color: #FFF;
}
ul.submenu {
    margin: 0;
    padding: 0;
}
ul.submenu li {
    float: left;
    list-style-type: none;
    background-color: #DDDEDE;
}
li.submenu_item_gray {
    background-image: url('Images/subnav_cap_gray.png');
    width: 30px;
    height: 40px;
}
li.submenu_item_white {
    background-image: url('Images/subnav_cap_white.png');
    width: 30px;
    height: 40px;
    background-color: #FFF;
}
ul.submenu li a {
    padding: 0 10px;
    line-height: 40px;
    height: 40px;
}
.submenu_holder {
    background-image: url('Images/subnav_bg_gray.png');
}
ul.submenu li a {
    color: #000;
    text-decoration: none;
    display: inline-block;
}
.submenu_holder {
    background-color: #DDDEDE;
}
/* Internet Explorer 10 & 11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    ul.submenu li a {
        font-size: 13px;
    }
}
@media (max-width: 767px) {
    .submenu_holder {
        background-image: url('Images/subnav_bg_gray_xs.png');
    }
    ul.submenu li {
        height: 20px;
    }
    ul.submenu li:not(:last-child):after {
        height: 20px;
    }
    ul.submenu li a {
        padding: 0px;
        font-size: 10px;
        line-height: 20px;
        height: 20px;
    }
    ul.submenu li:last-child a {
        padding-right: 20px;
    }
}
/*End Global*/
em,
small {
    letter-spacing: 0;
}
body,
li,
p {
    line-height: 1.5em;
}
.DNNEmptyPane {
    display: none !important;
}
.paneOutline {
    border: 1px dashed #CCC;
}
a,
a img,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
time,
tt,
u,
ul,
var,
video {
    border: 0;
}
.TB_Wrapper,
.TB_Wrapper *,
.dnnActionMenu,
.dnnActionMenu *,
.dnnActionMenu:after,
.dnnActionMenu:before,
.dnn_mact,
.dnn_mact *,
.dnn_mact:after,
.dnn_mact:before,
[id*=ControlPanel],
[id*=ControlPanel] *,
[id*=ControlPanel]:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
[class*=RadAjaxPanel] *,
[class*=Digital] * {
    font-size: 12px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
html,
li,
p {
    font-size: 16px;
}
ol.list-unstyled,
ol.list-unstyled > li,
ul.list-unstyled,
ul.list-unstyled > li {
    list-style: none;
    margin: 0;
}
ul.row {
    margin-left: -15px;
    margin-right: -15px;
}
ol,
ul {
    list-style: none;
}
ul li {
    list-style-type: none;
}
ul li li {
    list-style-type: none;
}
ol li {
    list-style-type: decimal;
    list-style-position: inside;
}
.nav li {
    list-style: none !important;
}
a {
    outline: 0 !important;
}
ul#myTab {
    padding: 0;
    margin: 0;
}
.popover {
    z-index: 999;
}
.mark,
mark {
    padding: 0;
    background-color: transparent;
}
.bs-callout-danger,
.bs-callout-info,
.bs-callout-primary,
.bs-callout-success,
.bs-callout-warning {
    display: block;
    padding: 15px 30px 15px 15px;
}
body {
    background: #F0F0F0;
    color: #333;
    font-size: 13px;
}
.CommandButton,
.Head,
.Normal,
.NormalBold,
.NormalDisabled,
.NormalRed,
.NormalTextBox,
.SubHead,
.SubSubHead,
a:hover,
a:link,
a:visited,
body,
h1,
h2,
h3,
h4,
h5,
h6,
input,
table,
td,
th {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
.SubHead {
    color: #000;
}
body #Form {
    height: 100%;
}
embed,
img,
object {
    max-width: 100%;
}
[class*=map] img,
[class*=Map] img,
[id*=map] img,
[id*=Map] img,
table img {
    max-width: none !important;
}
img {
    height: auto;
}
em {
    font-style: italic;
}
strong {
    color: #333;
    font-weight: 700;
}
small {
    font-size: 12px;
}
a:active,
a:link,
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
p {
    margin: 0 0 20px;
}
ol li > ol li {
    list-style-type: lower-latin;
}
.bs-callout-primary {
    margin: 20px 0;
    border-left: 5px solid #337AB7;
    background-color: #DBE9F5;
}
.bs-callout-primary h1,
.bs-callout-primary h2,
.bs-callout-primary h3,
.bs-callout-primary h4,
.bs-callout-primary h5,
.bs-callout-primary h6 {
    margin-top: 0;
    color: #337AB7;
}
.bs-callout-primary p:last-child {
    margin-bottom: 0;
}
.bs-callout-primary .highlight,
.bs-callout-primary code {
    background-color: #FFF;
}
.bs-callout-danger {
    margin: 20px 0;
    border-left: 5px solid #D9534F;
    background-color: #F4CECD;
}
.bs-callout-danger h1,
.bs-callout-danger h2,
.bs-callout-danger h3,
.bs-callout-danger h4,
.bs-callout-danger h5,
.bs-callout-danger h6 {
    margin-top: 0;
    color: #D9534F;
}
.bs-callout-danger p:last-child {
    margin-bottom: 0;
}
.bs-callout-danger .highlight,
.bs-callout-danger code {
    background-color: #FFF;
}
.bs-callout-warning {
    margin: 20px 0;
    border-left: 5px solid #F0AD4E;
    background-color: #FCEEDB;
}
.bs-callout-warning h1,
.bs-callout-warning h2,
.bs-callout-warning h3,
.bs-callout-warning h4,
.bs-callout-warning h5,
.bs-callout-warning h6 {
    margin-top: 0;
    color: #F0AD4E;
}
.bs-callout-warning p:last-child {
    margin-bottom: 0;
}
.bs-callout-warning .highlight,
.bs-callout-warning code {
    background-color: #FFF;
}
.bs-callout-info {
    margin: 20px 0;
    border-left: 5px solid #5BC0DE;
    background-color: #DAF1F8;
}
.bs-callout-info h1,
.bs-callout-info h2,
.bs-callout-info h3,
.bs-callout-info h4,
.bs-callout-info h5,
.bs-callout-info h6 {
    margin-top: 0;
    color: #5BC0DE;
}
.bs-callout-info p:last-child {
    margin-bottom: 0;
}
.bs-callout-info .highlight,
.bs-callout-info code {
    background-color: #FFF;
}
.bs-callout-success {
    margin: 20px 0;
    border-left: 5px solid #5CB85C;
    background-color: #C7E6C7;
}
.bs-callout-success h1,
.bs-callout-success h2,
.bs-callout-success h3,
.bs-callout-success h4,
.bs-callout-success h5,
.bs-callout-success h6 {
    margin-top: 0;
    color: #5CB85C;
}
.bs-callout-success p:last-child {
    margin-bottom: 0;
}
.bs-callout-success .highlight,
.bs-callout-success code {
    background-color: #FFF;
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #020202;
    line-height: 1.3em;
    margin: 0 0 10px;
}
h1 {
    font-size: 2rem;
}
h2 {
    font-size: 1.5rem;
    color:#333 !important;
    display: block;
}
h3 {
    font-size: 1.375rem;
}
h4 {
    font-size: 1.25rem;
}
h5 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    height: auto;
    text-align: center;
    white-space: nowrap;
    width: auto;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 50% 50%;
    transform-origin: 50% 50%;
    border: 0px none rgb(255, 255, 255);
    font: normal normal normal normal 18px / 19.8px "Century Gothic", Arial;
    margin: 20px 0px 10px;
    outline: rgb(255, 255, 255) none 0px;
    padding-top: 16px;
    padding-left: 100px;
}
h6 {
    color: rgb(255, 255, 255);
    font-size: 18px;
    color: white;
    padding-top: 16px;
    padding-left: 30px;
    white-space: nowrap;
    font: normal normal normal normal 18px / 19.8px "Century Gothic", Arial;
}
@media screen and (min-width: 500px) {
    html {
        font-size: 14px;
    }
}
@media screen and (min-width: 570px) {
    html {
        font-size: 15px;
    }
}
@media screen and (min-width: 620px) {
    html {
        font-size: 16px;
    }
}
@media screen and (min-width: 680px) {
    html {
        font-size: 17px;
    }
}
@media screen and (min-width: 720px) {
    html {
        font-size: 18px;
    }
}
@media screen and (min-width: 800px) {
    html {
        font-size: 19px;
    }
}
@media screen and (min-width: 860px) {
    html {
        font-size: 20px;
    }
}
@media screen and (min-width: 920px) {
    html {
        font-size: 21px;
    }
}
@media screen and (min-width: 1000px) {
    html {
        font-size: 22px;
    }
}
.buttons-wrapper {
    text-align: center;
}
a.cta-button-primary,
button.cta-button-primary {
    background: #EDEDED;
    border: 1px solid #EDEDED;
    color: #FFF;
    transition: background-color 300ms ease-out 0s;
}
a.cta-button,
a.cta-button-primary,
button.cta-button,
button.cta-button-primary {
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    position: relative;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    margin: 0 5px 5px 0;
    min-width: 200px;
    padding: 10px 0;
    -webkit-transition: background-color 300ms ease-out 0s;
    -o-transition: background-color 300ms ease-out 0s;
}
a.cta-button-primary:hover,
button.cta-button-primary:hover {
    background: #91AFCA;
    border-color: #91AFCA;
}
a.cta-button,
button.cta-button {
    background: 0 0;
    border: 1px solid #EDEDED;
    color: #EDEDED;
    transition: background-color 300ms ease-out 0s;
}
a.cta-button:hover,
button.cta-button:hover {
    color: black;
    background: #EDEDED;
    border-color: #91AFCA;
}
.search {
    position: relative;
    min-width: 35px;
    width: 0;
    height: 34px;
    float: right;
    overflow: hidden;
    -webkit-transition: width .5s;
    -o-transition: width .5s;
    transition: width 0.5s;
}
.search.search-open {
    width: 25%;
}
.search.small-screens.search-open {
    width: 100%;
}
.search.small-screens.search-open .searchInputContainer input {
    padding: 0 124px 0 20px;
}
.searchInputContainer {
    display: block !important;
    padding-top: 0px;
}
.searchInputContainer input {
    top: 0;
    right: 0;
    border: 0;
    outline: 0;
    background: #DCDDD8;
    width: auto;
    height: 34px;
    margin: 0;
    padding: 0 52px 0 20px;
    font-size: 15px;
}
.searchInputContainer input::-webkit-input-placeholder {
    color: #818181;
}
.searchInputContainer input:-moz-placeholder {
    color: #818181;
}
.searchInputContainer input::-moz-placeholder {
    color: #818181;
}
.searchInputContainer input:-ms-input-placeholder {
    color: #818181;
}
.searchInputContainer a.dnnSearchBoxClearText {
    right: 45px !important;
}
.searchInputContainer a.dnnSearchBoxClearText.dnnShow {
    bottom: 2px;
}
#search-action,
.SearchButton,
.search-toggle-icon {
    /* background: url(images/search.png) center center no-repeat #c3c1c1; */
    background: url(Images/sprite.png);
    background-position: 0 91.664779%;
    background-size: 510.126582%;
    background-color: #222;
    width: 35px;
    height: 34px;
    display: inline-block;
    position: absolute;
    top: 0px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 22px;
    right: 0;
    padding: 0;
    padding-top: 15px !important;
    margin: 0;
    outline: 0;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    color: #DCDDD8;
    text-indent: -9999px;
}
#search-top {
    clear: both;
    width: 100%;
    background: #EDEDED;
    padding: 0;
    margin: 0;
    height: 0;
    overflow: hidden;
    transition: all 0.1s ease-in-out;
}
#search-top.active {
    height: auto;
    padding: 15px 0;
}
#search-top span {
    display: inline !important;
}
#search-top input {
    background: #FFF;
    border: none;
    font-size: 1.2em;
    height: 46px;
    margin: 0 0 0 15px;
    width: 100px;
}
#search-top a.SearchButton {
    /*background: url(images/search.png) center center no-repeat #e0dfdf;*/
    background: url(Images/sprite.png);
    background-position: 0 91.664779%;
    background-size: 510.126582%;
    background-color: #222;
    height: 46px;
    position: relative;
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    padding: 0;
    padding-top: 15px !important;
    top: 0px;
}
#search-action {
    display: none;
    float: right;
    height: 34px;
    margin: 0;
    padding: 6px 12px;
}
#login {
    padding-right: 10px;
}
@media only screen and (max-width: 768px) {
    #search-action {
        display: block;
    }
    #login {
        padding-right: 21px;
    }
}
#login .loginGroup,
#login .loginGroup *,
#login .registerGroup,
#login .registerGroup * {
    display: block;
}
#login .loginGroup,
#login .registerGroup {
    float: right;
    padding: 0;
    margin: 0;
}
#login .loginGroup a,
#login .registerGroup a {
    display: block;
    position: relative;
    height: 34px;
    min-width: 12px;
    padding: 7px 15px 0;
    color: #FFF;
    font-size: 11px;
    vertical-align: middle;
}
#login .loginGroup a:hover,
#login .registerGroup a:hover {
    background: #D7D7D7;
    color: #333;
    text-decoration: none;
}
#login .loginGroup a:active,
#login .registerGroup a:active {
    color: #333;
}
#login .loginGroup a strong,
#login .registerGroup a strong {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    font-size: 11px;
    text-indent: -9999px;
}
#login .registerGroup li {
    float: left;
    line-height: 1.2em;
}
#login .registerGroup li:first-child:hover {
    border-left: #222;
}
#login .registerGroup .buttonGroup {
    margin-right: 0;
}
#login .registerGroup .userProfileImg a {
    min-width: 25px;
    min-height: 32px;
    padding: 0;
    background: 0 0;
}
#login .registerGroup a span {
    display: inline-block;
    position: absolute;
    right: 2px;
    top: -9px;
    min-width: 7px;
    margin-right: 3px;
    background: #3B96B6;
    text-align: center;
    font-size: 11px;
    color: #FFF;
    -webkit-text-shadow: 0 1px 0 #333;
    text-shadow: 0 1px 0 #333;
}
#login .registerGroup a img {
    height: 32px;
    width: 32px;
    background: #333;
}
#login .userNotifications {
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
}
#login .userNotifications strong {
    height: 100%;
    background: url(images/notification_icon.png) center center no-repeat;
}
#login .userHome {
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
}
#login .userHome strong {
    height: 100%;
    background: url(images/notification_icon.png) center center no-repeat;
}
#login .userMessages strong {
    height: 100%;
    background: url(images/message_icon.png) center center no-repeat;
}
#login .userMessages a,
#login .userNotifications a {
    padding: 0 18px;
}
#login .userMessages a span,
#login .userNotifications a span {
    display: inline-block;
    margin-top: 9px;
    margin-right: 0;
    background-color: transparent;
    font-size: 10px;
}
/*FMA*/
#login a.LoginBtn {
    background: url(Images/sprite.png);
    background-position: 0 93.744334%;
    background-size: 639.68254%;
    background-color: #222;
    height: 35px;
    position: relative;
    display: inline-block;
    text-indent: -9999px;
    width: 35px;
    padding: 0;
    top: 10px;
}
#login a.LoginRegister {
    background: url(Images/sprite.png);
    background-position: 0 83.405319%;
    background-size: 457.954545%;
    background-color: #222;
    height: 35px;
    position: relative;
    display: inline-block;
    text-indent: -9999px;
    width: 35px;
    padding: 0;
    top: 0px;
}
#login a.LogonLanguage {
    background: url(Images/sprite.png);
    background-position: 0 83.405319%;
    background-size: 457.954545%;
    background-color: #222;
    height: 35px;
    position: relative;
    display: inline-block;
    text-indent: -9999px;
    width: 35px;
    padding: 0;
    top: 0px;
}
/*button hover*/
#login .login_control {
    background: url(Images/sprite.png);
    background-position: 0 93.744334%;
    background-size: 639.68254%;
    background-color: #222;
    height: 35px;
    position: absolute;
    display: inline-block;
    text-indent: -9999px;
    width: 26px;
    padding: 0 0px 0 0;
    top: 10px;
    margin: 0;
}
a.login_control:hover {
    background-position: left top;
    color: #FFF;
    text-decoration: none;
}
a.user_control:active,
a.user_control:visited,
a.user_control:link,
.user_control {
    color: #777;
    font-size: 13px;
    background-image: url("images/reg_sprite.gif");
    background-position: left bottom;
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0px 20px 0px 0px;
    padding: 0px 0px 0px 35px;
    height: 30px;
    display: block;
    float: left;
    line-height: 30px;
}
a.user_control:hover {
    background-position: left top;
    color: #FFF;
    text-decoration: none;
}
#topHeader {
    background: #222;
    -moz-box-shadow: 1px 50px 100px 0 #cacaca;
    -webkit-box-shadow: 1px 50px 100px 0 #cacaca;
    box-shadow: 1px 50px 100px 0 #CACACA;
    min-width: 25px;
    min-height: 50px;
    padding: 10px;
    top: -50px;
}
header {
    background: #FFF;
    border-bottom: 1px solid #91AFCA;
}
#mainHeader-inner {
    padding: 30px 0;
}
#mainHeader-border {
    background: #8FB299;
    height: 5px;
}
#logo {
    padding-left: 15px;
}
.navbar .brand {
    float: left;
    padding: 0 !important;
    max-width: 120px;
}
@media only screen and (max-width: 768px) {
    .main-navigation {
        height: auto;
        width: 100%;
    }
    nav {
        display: none;
    }
    a.mobile-nav-btn {
        display: block;
        float: right;
        width: 50px;
        height: 46px;
        margin-top: 15px;
        text-align: center;
        color: #383838;
    }
    a.mobile-nav-btn:hover {
        text-decoration: none;
    }
    #navbar-top-wrapper {
        clear: both;
        position: relative;
    }
    #navbar {
        float: none !important;
    }
}
@media only screen and (min-width: 767px) {
    #navbar {
        float: right;
    }
}
#breadcrumb {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px dashed;
    border-color: #CCC;
    background-color: transparent;
    padding: 5px 0;
    margin: 0;
    display: block;
}
#breadcrumb a {
    margin-left: 10px;
    font-weight: 600;
    font-size: 11px;
    color: #626262;
}
#breadcrumb a:first-child {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 11px !important;
    font-weight: 400;
    color: #7B7D82;
    margin: 0;
}
#breadcrumb img,
#breadcrumb span {
    margin-left: 10px;
}
main {
    background: #FFF;
    border: 1px solid #ECECEC;
    border-top: none;
    margin-bottom: 15px;
    min-height: 350px;
}
main.no-bg {
    background: 0 0;
}
#mainContent-inner {
    padding: 10px;
}
.dnnpane > [class*=col-md],
.dnnpane > [class^=col-md] {
    padding: 0 15px;
}
.image-wrapper {
    position: relative;
}
.image-wrapper img {
    display: block;
    max-width: 100%;
}
.image-wrapper .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #FFF;
    text-align: center;
}
.grid,
.grid figure,
.grid figure img {
    position: relative;
}
.image-wrapper .overlay h2 {
    color: #FFF;
    font-weight: 700;
    margin-top: 8%;
    -webkit-text-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
}
.content-intro {
    padding-top: 30px;
    font-size: 26px;
    line-height: 30px;
}
.content-intro p {
    font-size: 22px;
}
.grid {
    clear: both;
    margin: 0 auto;
    max-width: 1000px;
    list-style: none;
    text-align: center;
}
.grid figure {
    float: left;
    overflow: hidden;
    margin: 10px 0;
    max-height: 360px;
    width: 100%;
    height: auto;
    background: #3085A3;
    text-align: center;
    cursor: pointer;
}
.grid figure img {
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
    width: 100%;
}
.grid figure figcaption {
    padding: 2em;
    color: #FFF;
    text-transform: uppercase;
    font-size: 1.25em;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.grid figure figcaption .grid figure figcaption::after,
.grid figure figcaption::before {
    pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
figure.hover-effect {
    background: #333;
}
figure.hover-effect h2,
figure.hover-effect img {
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
figure.hover-effect img {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
figure.hover-effect h2 {
    font-size: 30px;
    color: #EDEDED;
    -webkit-text-shadow: 0 2px 2px rgba(0, 0, 0, .4);
    -moz-text-shadow: 0 2px 2px rgba(0, 0, 0, .4);
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
figure.hover-effect h2 > span {
    color: #FFF;
    font-weight: 700;
}
figure.hover-effect h2,
figure.hover-effect p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px;
    text-align: center;
    width: 100%;
}
figure.hover-effect p {
    text-transform: none;
    font-size: 24px;
    opacity: 0;
    padding: 15px;
    -moz-transition: opacity .35s, -webkit-transform .35s;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    -o-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
}
figure.hover-effect:hover h2,
figure.hover-effect:hover img {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
}
figure.hover-effect:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.content-block-news,
.content-block-reg {
    margin-bottom: 20px;
}
.content-block-news .article-layout .item {
    display: block;
    float: left;
    position: relative;
}
.content-block-news .article-layout .item .item-image {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    background: -webkit-linear-gradient(bottom right, #C55F1E 0, #66D6FF 100%);
    background: -o-linear-gradient(bottom right, #C55F1E 0, #66D6FF 100%);
    background: linear-gradient(to top left, #C55F1E 0, #66D6FF 100%);
}
.content-block-news .article-layout .item .item-image img {
    max-width: 100%;
    width: 100%;
    height: auto;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all 0.2s;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.content-block-news .article-layout .item .item-image .item-header {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    color: #FFF;
    background: rgba(0, 0, 0, 0.1);
    -webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
    -moz-text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all 0.2s;
}
.content-block-news .article-layout .item .item-image .item-header strong {
    color: #FFF;
    display: block;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    font-size: 16px;
    line-height: 130%;
    font-weight: 500;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all 0.2s;
}
.content-block-news .article-layout .item .item-image .item-header .item-meta {
    display: block;
    color: #FFF;
    padding: 10px 0 17px;
    font-size: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: -40px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all 0.2s;
}
.content-block-news .article-layout .item .item-image .item-header .item-meta i.fa {
    padding-right: 7px;
}
.content-block-news .article-layout .item .item-image .item-header .item-meta span {
    display: block;
    color: #FFF;
}
.content-block-news .article-layout .item .item-image .item-header .item-category {
    display: block;
    font-size: 18px;
    font-weight: lighter;
    left: 15px;
    position: absolute;
    right: 15px;
    text-transform: none;
    top: 15px;
}
.content-block-news .article-layout .item .item-image .item-header .item-category span {
    border: 1px solid #FFF;
    color: #000;
    font-size: 24px;
    display: inline-block;
    padding: 6px 10px 5px;
    line-height: 100%;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all 0.2s;
}
.content-block-news .article-layout .item .item-content {
    display: block;
    background: #F4F4F4;
    width: 100%;
    font-size: 14px;
    line-height: 150%;
    color: #737373;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all 0.2s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.content-block-news .article-layout .item .item-content .item-text {
    display: block;
    padding: 15px;
}
.content-block-news .article-layout .item .item-content .item-footer-more {
    display: block;
    padding: 15px 0;
    margin: 0 15px;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    letter-spacing: 0.3px;
    color: #737373;
}
.content-block-news .article-layout .item:hover .item-header .item-meta {
    bottom: 0;
    opacity: 1;
}
.content-block-news .article-layout .item:hover .item-header .item-category span {
    background: #EDEDED;
    border-color: transparent !important;
    color: #FFF;
}
.content-block-news .article-layout .item:hover .item-image img {
    opacity: 1;
}
.content-block-news .article-layout .item:hover .item-image .item-header {
    background: rgba(81, 81, 81, 0.7);
}
.content-block-news .article-layout .item:hover .item-image .item-header strong {
    bottom: 50px;
}
.content-block-news .article-layout .item:hover .item-content {
    background: #FFF;
    -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, .03);
    -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.03);
}
.content-block-news .article-layout .item:hover .item-content .item-footer-more {
    color: inherit;
    font-weight: 700;
    letter-spacing: 0;
    padding-right: 1px;
}
.content-block-news .item a:hover .item-content {
    background: rgba(37, 38, 41, 0.8);
}
.content-block-news .article-layout:after {
    display: block;
    clear: both;
    content: '';
}
.contact-form .form-control {
    border: 1px solid #E3E3E3;
    border-radius: 0;
    -webkit-box-shadow: initial;
    -moz-box-shadow: initial;
    box-shadow: initial;
    height: 50px;
    padding: 12px 15px 15px;
}
.contact-form::-webkit-input-placeholder {
    color: #E3E3E3;
}
.contact-form:-moz-placeholder {
    color: #E3E3E3;
}
.contact-form::-moz-placeholder {
    color: #E3E3E3;
}
.contact-form:-ms-input-placeholder {
    color: #E3E3E3;
}
footer .footer-above {
    background-color: #292929;
    padding-top: 25px;
    border-top: 25px solid #EDEDED;
}
footer .footer-above h2,
footer .footer-above p {
    color: #FFF;
}
footer .footer-below,
footer .terms-priv a:link,
footer .terms-priv a:visited {
    color: #D2D2D2;
    font-size: 12px;
}
footer .footer-col {
    margin-bottom: 25px;
}
footer .footer-below {
    background-color: #383838;
    padding: 15px 0;
}
footer .copyright {
    float: left;
}
footer .terms-priv {
    float: right;
}
footer .copyright,
footer .terms-priv {
    padding-left: 15px;
    padding-right: 15px;
}
footer .links-list ul li {
    float: left;
    width: 100%;
    font-size: 15px;
    line-height: 1.5em;
}
footer .links-list ul li a:active,
footer .links-list ul li a:link,
footer .links-list ul li a:visited {
    color: #FFF;
}
footer .links-list ul li a:hover {
    color: #F0F0F0;
}
footer .links-list ul li a:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #383838;
    position: relative;
    bottom: 1px;
    padding-right: 9px;
}
.latest-articles {
    display: block;
}
.latest-articles .item {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.latest-articles .item-header {
    display: block;
    float: left;
    width: 60px;
}
.latest-articles .item-header a {
    position: relative;
    display: block;
}
.latest-articles .item-header span {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
}
.latest-articles .item-header img {
    border: 2px solid #FFF;
}
.latest-articles .item-content {
    display: block;
    margin-left: 85px;
}
.latest-articles .item-content p {
    font-size: 15px;
    margin-bottom: 15px;
}
.latest-articles .item-content > strong {
    display: block;
    font-weight: 600;
    line-height: 11px;
    margin-bottom: 5px;
}
.latest-articles .item-content a {
    color: #D3D3D3;
    font-weight: 700;
    font-size: 14px;
}
.latest-articles .publish-date {
    color: #D3D3D3;
    font-weight: 400;
}
.latest-articles .publish-date span {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}
.contactus ul {
    margin-left: 0;
}
.contactus ul li {
    color: #FFF;
    font-size: 15px;
    font-weight: 100;
    margin-bottom: 5px;
    list-style: none;
}
.contactus ul li img {
    margin-right: 5px;
}
.contactus a:link {
    color: #FFF;
    text-decoration: none;
}
.contactus a:active,
.contactus a:hover {
    text-decoration: underline;
}
.btn-social {
    background: url(~/Portals/0/Images/social-sprite.png);
    display: inline-block;
    height: 34px;
    width: 34px;
}
.btn-social.facebook {
    background-position: 0;
}
.btn-social.twitter {
    background-position: -40px;
}
.btn-social.googleplus {
    background-position: -80px;
}
.btn-social.linkedin {
    background-position: -120px;
}
.container-content {
    padding: 10px 15px 15px;
}
.heading_wrapper {
    padding-left: 0;
    padding-right: 0;
}
.DNNContainer_Title_h2 h2 .TitleH2,
.DNNContainer_Title_h3 h3 .TitleH3,
.DNNContainer_Title_h4 h4 .TitleH4 {
    display: block;
    margin-bottom: 5px;
}
.DNNContainer_Title_h2 h2 .TitleH2.centered,
.DNNContainer_Title_h3 h3 .TitleH3.centered,
.DNNContainer_Title_h4 h4 .TitleH4.centered {
    text-align: center;
}
.DNNContainer_Boxed h2 .TitleBoxed {
    display: block;
    margin-bottom: 5px;
    padding: 5px;
    border: 1px solid #7B7878;
}
.lms_heading_1,
.lms_heading_2,
.lms_heading_3,
.lms_heading_4,
.lms_heading_5,
.lms_heading_6 {
    text-align: center;
}
.lms_heading_1 .lms_heading_title,
.lms_heading_2 .lms_heading_title,
.lms_heading_3 .lms_heading_title,
.lms_heading_5 .lms_heading_title,
.lms_heading_6 .lms_heading_title {
    border-bottom: 1px solid #7B7878;
    font-weight: 400;
    margin-bottom: 17px;
    margin-top: 17px;
    padding: 0 32px 28px;
    position: relative;
}
.lms_heading_1 .lms_heading_title:after {
    content: "";
    position: absolute;
    top: 100%;
    margin: -10px 0 0 -5px;
    left: 50%;
    width: 10px;
    height: 20px;
    background: #FFF;
    border-left: 2px solid #7B7878;
    border-right: 2px solid #7B7878;
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
}
.lms_heading_4 .lms_heading_title {
    margin-bottom: 17px;
    margin-top: 17px;
    padding: 0 30px 10px;
}
.subtle-line {
    display: block;
    border: none;
    color: #FFF;
    height: 1px;
    width: 100%;
    background: -webkit-radial-gradient(#7B7878 1%, #BBB 30%, #CCC 40%, #FFF 70%);
    background: -o-radial-gradient(#7B7878 1%, #BBB 30%, #CCC 40%, #FFF 70%);
    background: -moz-radial-gradient(#7B7878 1%, #BBB 30%, #CCC 40%, #FFF 70%);
    background: radial-gradient(#7B7878 1%, #BBB 30%, #CCC 40%, #FFF 70%);
    margin-bottom: 32px;
}
.hexagon {
    background-color: #FFF;
    border-left: 3px solid #7B7878;
    border-right: 3px solid #7B7878;
    height: 20px;
    margin: 10.39px auto;
    position: relative;
    top: -27px;
    width: 36px;
    z-index: 10;
}
.hexagon::after,
.hexagon::before {
    background-color: inherit;
    content: "";
    height: 25.46px;
    left: 2.27px;
    position: absolute;
    -webkit-transform: scaleY(.5774) rotate(-45deg);
    -moz-transform: scaleY(.5774) rotate(-45deg);
    -ms-transform: scaleY(.5774) rotate(-45deg);
    -o-transform: scaleY(.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    width: 25.46px;
    z-index: 1;
}
.open_rectangle,
.rectangle {
    margin: 10px auto;
    z-index: 10;
}
.dots-wrapper,
.open_rectangle,
.rectangle {
    position: relative;
    background-color: #FFF;
    width: 36px;
}
.hexagon::before {
    border-right: 4.24px solid #7B7878;
    border-top: 4.24px solid #7B7878;
    top: -12.73px;
}
.hexagon::after {
    border-bottom: 4.24px solid #7B7878;
    border-left: 4.24px solid #7B7878;
    bottom: -12.73px;
}
.open_rectangle {
    border-left: 2px solid #7B7878;
    border-right: 2px solid #7B7878;
    height: 20px;
    top: -27px;
}
.rectangle {
    border: 2px solid #7B7878;
    height: 13px;
    top: -24px;
    border-radius: 10px;
}
.dots-wrapper {
    height: 10px;
    margin: 10.39px auto;
    top: -23px;
}
.dots {
    width: 10px;
    height: 10px;
    border-radius: 50px;
    line-height: 100px;
    background: #7B7878;
    float: left;
    margin: 0 2px 0 0;
}
.valid-404 h1 {
    font-size: 10em;
    -webkit-text-shadow: 0 0 7px rgba(0, 0, 0, .75);
    text-shadow: 0 0 7px rgba(0, 0, 0, 0.75);
}
.valid-404 h2 {
    font-size: 33px;
}
.valid-404 h1,
.valid-404 h2,
.valid-404 p {
    text-align: center;
}
.bs-example-modal .modal {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 1;
    display: block;
}

         .container-fluid
        {
            height: 35px;
             background-color: Silver;
            background-image: url('Images/subnav_bg_gray.png');
        }
        .main_menu .navbar .navbar-nav
        {
            display: inline-block;
            float: none;
            vertical-align: top;
        }
        .main_menu .navbar-nav li
        {
            background-color: silver;
            transform: skew(-20deg); /* SKEW */
            background-image: url('Images/subnav_bg_gray.png');
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            position: relative;
            z-index: 99;
            font: normal normal normal normal 14px /20px "Helvetica Neue" , Helvetica, Arial, sans-serif;
            border-color: rgba(176,176,176, 0.8);
            border-width: 2px;
            border-bottom: 0px;
            border-top: 0px;
            border-style: solid;
        }
        .main_menu .navbar-nav li a
        {
            transform: skew(20deg);
            font-family: "Helvetica Neue" ,Helvetica,Arial,sans-serif;
            font-size: 14px;
            color: #333;
            font-family: 'Open Sans' , sans-serif;
            padding: 7px 12px;
        }
        .main_menu .dropdown-menu
        {
            transform: skew(20deg);
        }
        .main_menu .dropdown-menu li
        {
            transform: skew(0.01deg);
            /*color: red;*/
            font-family: 'Open Sans' , sans-serif;
            padding: 2px 2px;
            background-image: url('Images/white.png');
            border-left: 0px;
            border-right: 0px;
            
        }
        .main_menu .dropdown-menu li a
        {
            transform: skew(-0.01deg);
            font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
            display: block;
            font-size: 12px;
            line-height: 25px;
            padding: 3px 3px;
            font-weight: 400;

        }
        
        #box
        {
            background: #CCC;
            -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
            -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
            box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
            font: bold 18px/1.2em sans-serif;
            height: 30px;
            top: 0px;
            text-align: center;
            width: 100%;
        }
        
        .main_menu .navbar-nav .active, .main_menu .navbar-nav li:hover, .main_menu .nav > li:focus
        {
            background-color: #fff; /* #067bbe; */
            background-image: url('Images/subnav_bg_white.png');
            color:black;
        }
        .main_menu .navbar-nav .dropdown-menu .active, .main_menu .navbar-nav .dropdown-menu li:hover, .main_menu .dropdown-menu  > li:focus 
        {
            background-color: white; /* #067bbe; */
            background-image: url('Images/white.png');
            color:black;
        }
        
        .main_menu .navbar-nav li:hover:after, .main_menu .navbar-nav li:hover + li:after
        {
            content: '';
        }
        .main_menu .nav > li > a:hover, .main_menu .nav > li > a:focus
        {
            background-color: transparent;
            color:black;
        }
        .main_menu .navbar .navbar-collapse
        {
            text-align: center
        }
        /*.dropdown:hover {padding-bottom:20px;}
.dropdown-menu {top:auto;}*/