@import url("/BootstrapTheme/Theme.BootstrapTheme.css?148");

/*
    How to generate a theme for your company:

        1 - Go to http://www.outsystems.com/goto/themegenerator
        2 - Copy the generated CSS
        3 - Paste it here

*/

/*------------------------*\
        $
\*------------------------*/

@import url(/RichWidgets/Theme.FontAwesome.css?1461);

/* greek */
@font-face{
    font-family: 'Fira Sans';
    src: url('fonts/eot/FiraSans-Hair.eot');
    src: url('fonts/eot/FiraSans-Hair.eot') format('embedded-opentype'),
         url('fonts/woff2/FiraSans-Hair.woff2') format('woff2'),
         url('fonts/woff/FiraSans-Hair.woff') format('woff'),
         url('fonts/ttf/FiraSans-Hair.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('fonts/eot/FiraSans-Light.eot');
    src: url('fonts/eot/FiraSans-Light.eot') format('embedded-opentype'),
         url('fonts/woff2/FiraSans-Light.woff2') format('woff2'),
         url('fonts/woff/FiraSans-Light.woff') format('woff'),
         url('fonts/ttf/FiraSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('fonts/eot/FiraSans-Regular.eot');
    src: url('fonts/eot/FiraSans-Regular.eot') format('embedded-opentype'),
         url('fonts/woff2/FiraSans-Regular.woff2') format('woff2'),
         url('fonts/woff/FiraSans-Regular.woff') format('woff'),
         url('fonts/ttf/FiraSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('fonts/eot/FiraSans-Italic.eot');
    src: url('fonts/eot/FiraSans-Italic.eot') format('embedded-opentype'),
         url('fonts/woff2/FiraSans-Italic.woff2') format('woff2'),
         url('fonts/woff/FiraSans-Italic.woff') format('woff'),
         url('fonts/ttf/FiraSans-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('fonts/eot/FiraSans-Medium.eot');
    src: url('fonts/eot/FiraSans-Medium.eot') format('embedded-opentype'),
         url('fonts/woff2/FiraSans-Medium.woff2') format('woff2'),
         url('fonts/woff/FiraSans-Medium.woff') format('woff'),
         url('fonts/ttf/FiraSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('fonts/eot/FiraSans-Bold.eot');
    src: url('fonts/eot/FiraSans-Bold.eot') format('embedded-opentype'),
         url('fonts/woff2/FiraSans-Bold.woff2') format('woff2'),
         url('fonts/woff/FiraSans-Bold.woff') format('woff'),
         url('fonts/ttf/FiraSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face{
    font-family: "Majesti Book";
    src:  url('fonts/Majesti-Banner-Book.woff') format('woff');
}
@font-face{
    font-family: "Majesti Bold";
     src: url('fonts/Majesti-Banner-Bold.woff') format('woff');
}
/*------------------------*\
        $HTML & BODY
\*------------------------*/
body{
    color: #20487b;
    padding-top: 90px;
    padding-bottom: 0;
    font-family: 'Fira Sans', sans-serif;
}
.row-no-padding div[class*="col-sm-"]{
    padding-left:0;
    padding-right:0;
}
.no-left-padding{
    padding-left: 0;
    padding-right: 0;
}
.container-fluid{
    margin: 0 auto;
    padding-right: 50px;
    padding-left: 50px;
}
.container{
    max-width: 1440px;
}
.container-fluid .row{
    
}
.row {
  margin-right: -10.9px;
  margin-left: -10.9px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 10.9px;
    padding-left: 10.9px;
}
a:focus {
    outline: none;
}
/*------------------------*\
        $NAV
\*------------------------*/
.Menu_TopMenu a, .Menu_TopMenu a:link, .Menu_TopMenu a:visited {
    display: block;
    text-decoration: none;
    padding: 18px 0 3px;
    font-size: 14px;
    line-height: 1.1;
    font-family: "Fira Sans", sans-serif;
    font-weight: 500;
    margin: 0 20px;
    /* height: 48px; */
    color: #20487b;

}
.Menu_TopMenu a:hover{
    border-bottom: solid 2px #1d8acb;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    padding: 0 20px;
    background-color: #fff;
}
.Menu_TopMenu.Menu_TopMenuActive a{
    border-bottom: 2px solid #1d8acb;
    padding-bottom: 3px;
}
.Menu_TopMenu a,
.Menu_TopMenu a:link,
.Menu_TopMenu a:visited {
    font-weight: 500;
    color: #20487b;
}
.Menu_TopMenu a:hover,
.Menu_TopMenuActive a,
.Menu_TopMenuActive a:link {
    background-color:#fff;
    color: #20487b;
}
.navbar .container{
    max-width: 100%;
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
}
.navbar{
    min-height: 90px;
    color: #20487b;
    background-color: #fff;
    box-shadow: 0px 2px 3px 0px rgba(4, 4, 5, 0.2);
}
.navbar-brand {
    padding: 14px 0px 16px;
    display: block;
}
.navbar-brand img{
    width: 140px;
    padding: 0;
    margin-top: -18%;
}
.navbar-right{
    padding-top: 20px;
}
.navbar-toggle{
    margin-top: 15px;
}
.navbar-toggle {
   border: none;
   background: transparent !important; 
}
.navbar-toggle:hover {
  background: transparent !important;
}
.navbar-toggle .icon-bar {
  width: 22px;
  transition: all 0.2s;
}
.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
}
.navbar-toggle{
    border: solid 1px #b2c1ce;
    z-index: 1;
    position: relative;
    margin-right: 0;
    border-radius: 0;
    padding:15px;
}
.navbar-toggle .icon-bar{
    left: 2px;
    position: relative;
}
.navbar-toggle.collapsed .icon-bar{
    left: 0px;
    position: relative;
}

/*------------------------*\
   $headings on background
\*------------------------*/
.hero-sub h1{
    font-weight: normal;
    font-family: "Majesti Bold";
    font-size: 72px;
    margin-top: 0;
    margin-bottom: 10px;
    color: #FFFFFF;
    text-align: center;
    letter-spacing: 0.4px;
}
.hero-sub{
    display: table;
    width: 100%;
    position: relative;
    background: transparent url("/SelfServePortal/img/heroourservices.jpg?549") no-repeat center / cover;
    padding: 0;
    margin: 0;
    text-align: center;
    color: #fff;
}
.hero-sub .container-fluid{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height:430px;
    padding: 0 10.9px;
}
.hero-home {
    height: 590px;
    width: 100%;
    /*background: transparent url("/SelfServePortal/img/herohomepage.jpg") no-repeat center / cover;*/
    padding: 0px;
    margin: 0;
    text-align: center;
    color: #fff;
    display: table;
    margin: 0 auto;
    position: relative;
}
.hero-home .container-fluid{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 590px;
    
}

.h1{
    font-weight: normal;
    font-family: "Majesti Bold";
    font-size: 72px;
    margin-bottom: 20px;
    color: #FFFFFF;
    text-align: center;
    letter-spacing: 0.4px;
}
.hero-home h1 {
    max-width: 1078px;
    margin: 0 auto;
    line-height: 72px;
    font-size: 60px;
    font-family: "Majesti Bold";
    color: #ffffff;
    text-shadow: 1px 0 3px rgba(20, 38, 60, 0.4);
    letter-spacing: normal;
}
.hero-logo img{
    width: 111px;
}
h2{
    font-family: "majesti Book";
    font-weight: normal;
    font-size: 36px;
    line-height: 1.3;
    letter-spacing: -0.4px;
    color: #00305c; 
}

.title-sub{
    max-width: 700px;
    margin: 0 auto;
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
    font-family: "fira sans", sans-serif;
}
.hero-home .btn.btn-primary{
    margin-top: 20px;
    text-align: center;
}
/*------------------------*\
        $Body
\*------------------------*/

.section:nth-child(odd){
    background-color: #f7f9fb;
}
.section-title{
    font-weight: normal;
    font-family: "Majesti Bold";
    font-size: 45px;
    line-height: 54px;
    margin-bottom: 40px;
    color: #20487b;
    text-align: center;
}

.section-sub{
    font-size: 18px;
    margin-bottom: 27px;
    max-width: 510px;
    margin: 0 auto 0px;
    font-weight: 300;
    text-align: center;
}
.section{
    padding-top: 114px;
    padding-bottom: 120px;
    margin: 0;
    min-height:100%;
    text-align: center;

}
.section-one{
    padding-top: 50px;
    padding-bottom: 60px;
    margin: 0;
    min-height:100%;
    text-align: center;

}
.section-Utilities{
    padding-top: 14px;
    padding-bottom: 20px;
    margin: 0;
    min-height:100%;
    text-align: center;
    font-size: 16px;

}
.lead-in{
    font-size: 36px;
    font-family: "Majesti Book";
    letter-spacing: -0.4;
    line-height: 50px;
    max-width: 900px;
}

.our-story{
    text-align: center;
    margin: 0 auto;
    font-size: 36px;
    font-family: "Majesti Book";
    letter-spacing: -0.4px;
    line-height: 45px;
    color: #00305c;
}
.summary{
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
}
.card-outer{
    padding: 80px 40px 0;
    text-align: left;
}
.card-title{
    font-weight: bold;
    font-size: 20px;
    line-height: 1.4;
    margin-top: 50px;
}
.card-subtitle{
    font-style: italic;
}
.card-body{
    text-align: left;
    font-size: 15px;
    line-height: 1.5;
    margin-top: 20px;
}
.card-link{
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    color: #20487b;

}

.related-container a {
    width: auto;
    font-size: 18px;
    text-decoration: none;
    
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .related-container a {
        width: auto;
        font-size: 18px;
        text-decoration: none;

        
    }
}

.related-container a :hover{
    border-bottom: solid 2px #1d8acb;
    text-decoration: none;
    cursor: pointer;
}


/*------------------------*\
        $Grid
\*------------------------*/
.col-center-block {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*------------------------*\
        $Buttons
\*------------------------*/
.view-more{
    font-size: 13px;
    font-family: "Fira Sans" sans-serif;
    font-weight: 700;
    letter-spacing: 1.9px;
    color: #00305c;
    padding-top: 20px;
    text-transform: uppercase;
    padding-right:  5px;
}
a.view-more:hover{
    padding-bottom: 1px;
    border-bottom: 1px solid #1d8acb;
    text-decoration: none;
}
.view-more:after{
    display: inline;
    content: "\f178";
    font-family: FontAwesome;
}
.btn {
    display: inline-block;
    position: relative;
    background-image: none;
    padding: 12px 70px 12px 51px;
    border-radius: 0px;
    -moz-user-select: none;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    color: #20487B;
    border: 1px solid #20487B;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 42px;
    font-size: 13px;
    font-family: 'Fira Sans', sans-serif;
    letter-spacing: 1.9px;
    color: #00305c;
    text-shadow:none;
}
.btn:after{
    position: absolute;
    display: inline-block;
    content: "\f178";
    font-family: FontAwesome;
    right: 30px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #20487b;
  text-decoration: none;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #fff;
  background-color: #00305c;
  border-color: #00305c;
}
.btn-default:focus,
.btn-default.focus {
  color: #20487b;
  background-color: #ffffff;
  border-color: rgba(32, 72, 123, 0.3);
}
.btn-default:hover {
  color: #20487b;
  background-color: #ffffff;
  border-color: rgba(32, 72, 123, 0.3);
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #20487b;
  background-color: #e6e6e6;
  border-color: #e0e0e0;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #20487b;
  background-color: #d4d4d4;
  border-color: #bfbfbf;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-default .badge {
  color: #ffffff;
  background-color: #20487b;
}
.btn-primary {
  color: #20487b;
  background-color: #ffffff;
  border-color: rgba(32, 72, 123, 0.3);
}
.btn-primary:focus,
.btn-primary.focus {
    ccolor: #fff;
    border-color: #00305c;
    background-color: #00305c;
}
.btn-primary:hover {
    color: #fff;
    border-color: #00305c;
    background-color: #00305c;
}
.btn-carousel:visited,
.btn-carousel:active,
.btn-carousel:focus
{
  background-color: #ffffff;
  border-color: rgba(32, 72, 123, 0.3);
  color: #20487b;
}
.btn-carousel:hover {
    color: #fff;
    border-color: #77B800;
    background-color: #77B800;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  border-color: #00305c;
  border-color: #00305c;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  border-color: #00305c;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #ffffff;
  border-color: #20487b;
}
.btn-primary .badge {
  color: #ffffff;
  background-color: #20487b;
}
.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #ffffff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #ffffff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #ffffff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #ffffff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #ffffff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.btn-link {
  color: #20487b;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #10243e;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 0;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
.thumb {
  position: relative;
  width: auto;
  height: 300px;
  overflow: hidden;
}
.thumb img {
    position: absolute;
    left: 50%;
    top: 20%;
    width: 120%;
    height: auto;
  -webkit-transform: translate(-50%,-20%);
      -ms-transform: translate(-50%,-20%);
          transform: translate(-50%,-20%);
}
.btn-submit{
    padding: 15px 35px;
    line-height: 1;
}
.btn-submit:after{
    display: none;
    content: "";
}
.thumb img.portrait {
  width: 100%;
  height: auto;
}
.projects{
    text-align: left;
    padding-top: 80px;
}


.project-body{
    padding-top: 20px;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.5px;
    font-family: "Fira Sans" sans-serif;
    font-weight: 500;
}
.card-project{
    padding-top: 15px;
    padding-left: 70px;

}
.project-title{
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    font-family: "fira sans", sans-serif;
    color: #00305c;
}
.view-project{
    font-size: 13px;
    font-family: "Fira Sans" sans-serif;
    font-weight: 700;
    letter-spacing: 1.9px;
    color: #00305c;
    padding-top: 20px;
    text-transform: uppercase;
}
.services .col-sm-6{
   /* */
}
.left{
    text-align: left;
}
.divider {
  height: 1px;
  padding: 60px 0 0;
  overflow: hidden;
  width: 50%;
  margin: 0 auto;
  /* linear gradient used to generate spaced dotted line*/
  background-image: linear-gradient(to right, rgba(0,48,92,0.5) 20%, rgba(255,255,255,0) 0%);
  background-position: bottom;
  background-size: 12px 2px;
  background-repeat: repeat-x;
}
/*------------------------*\
    #Validation
\*------------------------*/

.Mandatory.Not_Valid{
    border: 1px solid  #ea0000 !important;
}
span.ValidationMessage:after{
    position: relative;
    left: 100%;
    top: -55px;
    display: block;
    content: "\f00d";
    font-family: "FontAwesome";
    color:  #ea0000;
    margin-left: 10px;
    display: block !important;
}
.ValidationMessage{
   color:  #ea0000;
}
.contact .Mandatory.Not_Valid{
    border: none !important;
    border-bottom: 1px dashed  #ea0000 !important;
}
.contact span.ValidationMessage:after{
    color:  #ea0000;
    font-size: 16px;
}
.contact .ValidationMessage{
   color:  #ea0000;
   display: none;
}
/*------------------------*\
    $Services & Projects
\*------------------------*/
.float-right .card-outer{
    padding-left: 20px;
    padding-right: 0;
}
.float-left .card-outer{
    padding-right: 20px;
    padding-left: 0;
}
/*------------------------*\
     $People
\*------------------------*/
.team-right{
    float: right;
    text-align: left;
    padding-top: 55px;
    padding-left: 16px;
}
.team-card{
    text-align: left;
    width: 100%;
    float: left;
    margin: 0;
    padding-left: 10px;
    color: #00305c;
}
.team-name{
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0;
    float: left;
    width: 100%;
}
.team-title{
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
    width: 100%;

}
.team-image{
    float: left;
    margin:0 auto;
    margin-left: 0;
}
.team-image img{
    width: 100%;
}
.team-desc{
    margin-top: 25px;
    font-size: 15px;
    line-height: 1.6;
    margin-right: 65px;
    padding-left: 10px; /* small left padding added to give paragrahps visual balance*/
}
.col-team{
    padding-top: 100px;
}
/*------------------------*\
      $Footer
\*------------------------*/
.footer-links{
    float: right;
}
.footer-container{
    padding: 60px 60px 140px;
    background-color: #00305C;
    color: #fff;
}
.footer-container a{
    color: #fff;
    text-decoration: none;
    padding-bottom: 1px;
}
.footer-container a:hover, .footer-container a:focus, .footer-container a:active{
    border-bottom: 1px solid #fff;
    text-decoration: none;
    color: #fff;
}
.footer-container .location-title{
    margin-top: 0;
}
.footer-links li{
    text-align: right;
    list-style: none;
    font-size: 13px;
    font-family: "Fira Sans", sans-serif;
    font-weight: 700;
    letter-spacing: 0.7px;
    line-height: 32px;
    color: #ffffff;
    text-transform: uppercase;
}
.card-location .location-title, .card-location .card-address, .card-location .card-phone{
  font-size: 13px;
  font-family: "Fira Sans", sans-serif;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 24px;
  margin-top: 0px;
  
}
.card-location .location-title{
    font-weight: 700;
    text-transform: uppercase;
}
li.copyright{
    text-transform: none;
    font-weight: 300;
}
.footer-links{
    float: right;
}
.footer-links ul{
    padding-left: 0;
}
/*------------------------*\
      $Media Queries
\*------------------------*/

@media (max-width: 893px) {
    .Menu_TopMenus.OSInline {
        display: block;
    }
    .Menu_TopMenus .Menu_DropDownButton {
        width: 100%;
    }
    .hero-home{
        height: 40vw;
    }
    
}

/* Tablet Styles */
@media (max-width: 1024px){
    .section-one{
    padding-top: 20px;
    padding-bottom: 30px;
    margin: 0;
    min-height:100%;
    text-align: center;

    }
    .container-fluid{
        padding-right: 30px;
        padding-left: 20px;
    }
    .hero-logo img{
        width: 90px;
    }
  .service-tiles .col-lg-4.tile:nth-child(4){
        margin-left: 0;
    }
    .card-project{
        padding-left: 35px;
    }
    .footer-container{
        padding: 30px 0;
    }
    .footer-container ul{
        padding:0;
        padding-top: 20px;
        text-align: center;
    }
    .footer-links{
        width: 100%;
    }
    .footer-links li{
        text-align: left;
        float: left;
        margin: 0;
        text-align: left;
        width: 100%;
    }
    .footer-links li:first-child{
        margin-left: 0;
    }
    .footer-container li:last-child{
        width: 100%;
        text-align: left;
        margin: 0;
}
    .float-right .card-outer{
        padding-left: 0;
        padding-right: 0;
    }
    .float-left .card-outer{
        padding-right: 0;
        padding-left: 0;
    }
    .float-left .card-outer:last-of-type{
        /* padding-bottom: 0; kb*/
    }
    .team-image{
        width: 40%;
        margin: 60px auto 0;
        float: left;
    }
    .team-right{
        width: 60%;
        text-align: center;
        padding-left: 0;
        margin-left: 0;
        margin-bottom: 30px;
        margin: 60px auto 30px;
    }
    .team-card{
        width: 100%;
        margin: 0 auto;
        float: left;
        margin-top: 0px

    }
    .team-desc{
        margin-right:0;
    }
    h1.case-study{
        font-size: 50px;
        line-height: 60px;
        width: 80%;
     }
}

@media (min-width: 893px) and (max-width: 991px){
  .service-tiles .col-lg-4.tile{
        margin-left: 0;
        width: 49.5%;
    }
    .service-tiles .col-lg-4.tile:last-child{
        margin-left: 25%;
    }
    .float-right .card-outer{
        padding-left: 10px;
    }
    .float-left .card-outer{
        padding-right: 10px;
    }
}



/*  Mobile */
@media all and (max-width: 1024px) {
    .container > .navbar-collapse,.Menu_TopMenu a, .Menu_TopMenu a:link, .Menu_TopMenu a:visited, .Menu_TopMenu a:hover {
        background-color: #f4f4f4;
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: center;
        font-size: 16px
    }
    .container > .navbar-collapse{
        max-height: none;
        top: 0;
        width: 100%;
    }
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
    }   
    .navbar-collapse.collapse {
        display: none!important;
    }
}
@media all and (max-width: 893px) {
    .hero-home{
        height: 375px;
        background-position: 65% 0;
    }
    .hero-home .container-fluid{
        height: 375px;
    }
    .hero-sub .h1, .hero-sub h1{
        font-size: 50px;
        color: #ffffff;
        text-shadow: 1px 0 3px rgba(20, 38, 60, 0.5);
    }
    h1.case-study{
        font-size: 35px;
        line-height: 40px;
        width: 80%;
        margin-top:  80px;
     }
     h1.DB{
         font-size: 50px;
         line-height: 60px;
     }
    .lead-in{
        font-size: 24px;
        letter-spacing: -0.5px;
        line-height: 1.3;
    }
    .section.first{
        padding-top: 80px;
    }
    .container-fluid{
        margin: 0 20px;
    }
     .container-fluid {
       padding-right: 0;
       padding-left: 0;
    }
    .our-story.summary{
        font-size: 26px;
        line-height: 30px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .section-title{
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .section, .section.section-projects{
        padding-top: 45px;
        padding-bottom: 45px;
    }
    .btn.btn-section, .btn.btn-story{
        margin-top: 45px;
    }
    .summary{
        font-size: 18px;
        line-height: 22px;
    }
    .navbar-brand img{
        width: 120px !important;
    }
    .navbar .container{
        padding: 0 15px;
    }
    .navbar{
        height: 70px;
        min-height: 70px;
        margin-bottom: 0;
        text-align: center;
    }
    .navbar-right{
        padding-top: 0;
        margin-top: 0;
    }
    
    .container > .navbar-collapse,.Menu_TopMenu a, .Menu_TopMenu a:link, .Menu_TopMenu a:visited, .Menu_TopMenu a:hover {
        background-color: #f4f4f4;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .container > .navbar-collapse{
        max-height: none;
        position: absolute;
        top: 0;
        width: 100%;
    }
    body{
        margin: 0;
        padding: 70px 0 0;
    }
    .navbar{
        display: block;
    }
    .service-tile{
        padding-top: 35px;
    }
    .divider{
        padding-top: 35px;
    }
    .projects{
        padding-top: 45px;
    }
    .card-project, .card-image{
        padding-left: 0;
        padding-right: 0;
    }
    .project-image{
        width: 100%;
    }
    .project-title{
        font-size: 16px;
        line-height: 22px;
    }
    .project-body{
        font-size: 13px;
        line-height: 20px;
    }
    .btn{
        width: 100%;
        padding-top: 16px;
        padding-bottom: 16px;
        height: auto;
    }

    .footer-container .card-location{
        padding-bottom: 20px;
    }
    .col-sm-2.footer-links{
        text-align: left;
    }
    .footer-links ul{
        padding: 0;
    }
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-left: 0;
        padding-right: 0;
    }
    .row{
        margin: 0;
    }
    .contact-form{
        padding-right: 10.9px;
        padding-left: 10.9px;
    }
    .hero-logo{
        display: none;
    }
    .footer-container{
        padding: 30px O;
    }
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);  
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        /*test margin: 7.5px -15px;*/
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
    }   
     .team-image{
        width: 40%;
        margin: 60px auto 0;
        float: left;
    }
    .team-right{
        width: 60%;
        text-align: center;
        padding-left: 0;
        margin-left: 0;
        margin-bottom: 30px;
        margin: 60px auto 30px;
    }
    .team-card{
        width: 100%;
        margin: 0 auto;
        float: left;
        margin-top: 0px
    }
    
    .hero-home .btn.btn-primary{
        max-width: 220px;
    }
    
    .socialmediaicons {
        float: right;
        padding-bottom: 10px;
    }
    
    /* make the font size in the menu bigger */
    .Menu_TopMenu a, .Menu_TopMenu a:link, .Menu_TopMenu a:visited, .Menu_TopMenu a:hover {
        font-size: 16px;
    }
}

@media all and (max-width: 893px) {
       /* for making the option for the current page have a white background on mobile */
    .Menu_TopMenu.Menu_TopMenuActive a {
        border-bottom: 0px solid #1d8acb;
        background-color: #FFFFFF; /* background of a selected option is white-space: , this can be changed */
        margin-left: -100%; /* stretches the background all the way to the sides */
        margin-right: -100%;
    }
    
    .Menu_TopMenu .notDropdown:hover {
        border-bottom: solid 0px #1d8acb;
        margin-left: -100%; /* same for here */
        margin-right: -100%;
        background-color: #FFFFFF !important; 
    }
    
}
 
}
/*end navbar fix */