﻿html,
body {
    background-color: #e5e5e5;
    font-family: 'Open Sans', sans-serif;
    height: 100%;
    min-height: 1.4em;
    font-size: 14px;
}



a {
    -webkit-transition: all .3s ease-in 0s;
       -moz-transition: all .3s ease-in 0s;
        -ms-transition: all .3s ease-in 0s;
         -o-transition: all .3s ease-in 0s;
            transition: all .3s ease-in 0s;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    line-height: 1.1;
}
h2{
    margin-top:10px;
}

/*---Main Layout---*/
.Wrapper{
    min-height:100%;
    position:relative;
}
header, .Header{
    min-height:94px;
    background-color:transparent;
}
.body-content{
    margin-top:-120px;
    padding:0;    
}
footer, .Footer {
    background-color: #506d89;
    height: 350px;
    /*position:absolute;*/
    bottom: 0;
    width: 100%;
}


/*--- Header---*/
.apps-ddown{
    padding:10px;
    background-color:#FFF; 
    min-height:100px; 
    min-width:300px;
    border-radius:5px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 1px 3px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 1px 3px 0px rgba(50, 50, 50, 0.75);
}
.apps-ddown::after{
    clear:both;
    content:"";
    display:block;
}
.apps-ddown-indv{
    text-align:center;
    display:block;
    padding:5px;
    min-width:105px;
    margin-bottom:6px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.apps-ddown-indv:hover{
    background-color:#EFEFEF;
    border-radius:5px;
}
    .apps-ddown-indv a{
        text-decoration:none;
    }
    .apps-ddown-indv h3 {
        padding-top: 10px;
        margin: 0;
        font-weight: normal;
        font-size: 10pt;
        color: #555;
        text-decoration: none;
    }

/*---header---*/
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border:0;
}
.navbar-inverse {
    background-color:#000;
    border-color:rgba(255,255,255,0.2);
}
.navbar-fixed-top, .navbar-fixed-bottom {
    border-width:0;
}
.navbar {
    min-height: 70px;
    box-shadow: 0 6px 7px -7px #404040;
}
.navbar-nav > li > a {
    padding:25px 20px;
}

.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #0a537f;
    background-color: #ebecf2;
}
.navbar-inverse .navbar-nav > .activeout > a,
.navbar-inverse .navbar-nav > .activeout > a:hover,
.navbar-inverse .navbar-nav > .activeout > a:focus {
    color: #FFF;
}
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:hover, 
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #222;
}

.navbar-brand {
    width: 165px;
    min-height: 45px;
    padding: 13px 25px;
}
.navbar-brand span{
    border-left:1px #FFF dotted;
    color:#FFF;
    display:block;
    margin:0 0 0 65px;
    min-height:30px;
    text-transform:uppercase;
    padding:7px 0 0 20px;
}
.navbar-inverse .navbar-nav > li > a {
    color:rgba(255,255,255,0.5);
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
     color:#FFF;
}
.navbar-inverse .navbar-nav > .dropdown > a .caret {
  border-top-color: rgba(255,255,255,0.5);
  border-bottom-color: rgba(255,255,255,0.5);
}
.FirstLevNav{
    font-family:Montserrat, 'Open Sans', Arial;
    font-size:15px;
}
/*--- Account Sections---*/
.AccSections {
    margin-top: 20px;
    margin-bottom: 5px;
}
.AccSections .ASecIndv{
    border-right:1px #a3a3a3 dotted;
    margin-bottom:10px;
}
.AccSections .ASecIndv:last-child{
    border-right:0;
}
.AccSections .ASecIndv a{
    text-decoration:none;
    display:block;
    padding:10px;
}
.AccSections .ASecIndv a:hover{
    background-color:rgba(255,255,255,0.9);
    border-radius:10px;
}

.AccSections::after{
    clear:both;
    content:"";
    display:block;
}
.ASecIndv{
    min-height:110px;
}
.ASecIndv-Icon{
    min-height:70px;
    text-align:center;
}
.ASecIndv h3{
    text-align:center;
    font-size:12pt;
    font-weight:normal;
    margin:0;
    padding:0;
}
.ASecIndv h3.bluehead{
    color:#0762aa;
}
.ASecIndv h3.purplehead{
    color:#6c54b9;
}
.ASecIndv h3.greenhead{
    color:#009893;
}
.ASecIndv h3.orangehead{
    color:#e66f26;
}
.ASecIndv h3.brownhead{
    color:#8a6c61;
}
.ASecIndv h3.pinkhead{
    color:#bb2295;
}

.AccSections-Mini{
    height:60px;
    margin:20px 0;
}
.AccSections-Mini .ASecIndv{
    min-height:60px;
    border-right:1px #a3a3a3 dotted;
    margin-bottom:10px;
}
.AccSections-Mini .ASecIndv:last-child{
    border-right:0;
}
.AccSections-Mini .ASecIndv-Icon{
    min-height:60px;
    text-align:center;
}
.AccSections-Mini .ASecIndv h3{
    text-align:center;
    font-family:'Open Sans', Arial;
    font-size:10pt;
    font-weight:normal;
    margin:0;
    padding:0;
}
.AccSections-Mini .ASecIndv a:hover{
    background-color:rgba(255,255,255,0.9);
    border-radius:10px;
}
.col-sm-1{
    position:relative;
    min-height:100px;
}
.btn-poss{
    position:absolute;
    left:0;
    bottom:0;
}
.btn-more-AccSec{
    background:#e2e3e9;
    border:0;
    box-shadow: 0 1px 1px rgba(159,177,200,0.9);
    margin-top:20px;
    min-height:100px;
    min-width:30px;
    padding:5px;
    float:right;
}
.btn-more-AccSec i{
    margin-top:35px;
}

/*--- Header Image Blocks---*/
.head-welcome {
    min-height:200px;
    background: #CCC url(../images/header-welcome.jpg) no-repeat center center;
    background-size: cover;
}
.head-login{
    min-height:200px;
    background:#CCC url(../images/Header-Loging.jpg) no-repeat center center;
    background-size:cover;
}
.head-account{
    min-height:200px;
    background:#CCC url(../images/Header-Account.jpg) no-repeat center center;
    background-size:cover;
}
.head-welcome .container,
.head-login .container,
.head-account .container{
    position:relative;
}
.head-welcome .container h2,
.head-login .container h2,
.head-account .container h2{
    color:#FFF;
    font-family:'Open Sans',Arial;
    font-weight:200;
    font-size:26pt;
    margin:0;
    padding:0;
    position:absolute;
    top:130px;
    left:30px;
    width:100%;
}

/*--- Header Note---*/
.Admin-HeaderNote,
.HeaderNote{
    margin:20px 5px;
}
.HeaderNote{
    text-align:left;
}
.Admin-HeaderNote h2,
.HeaderNote h2{
    font-size:22pt;
    border-bottom:1px #a4a5a9 solid;
    padding-bottom:20px;
    margin-bottom:20px;
    color:#222;
}
.Admin-HeaderNote h2 span,
.HeaderNote h2 span{
    font-weight:bold;
}

.Admin-HeaderNote p,
.HeaderNote p{
    font-size:13pt;
    border-left:4px #0a537f solid;
    padding:0 0 0 20px;
    margin-left:15px;
}

/*--- Info Blocks---*/
.InfoBlocks{
    margin:40px;
    display: flex;
}
.IBlock-Indv{
    flex: 1;
    margin:10px;
    padding:25px;
}
.IBlock-Indv-devider{
    border-right:1px #78787b solid;
}
.IBlock-Indv p{
    padding:0 10px 10px 10px;
}
.IBlock-Indv ul{
    margin:0;
    padding:0;
}
.IBlock-Indv ul li{
    list-style-type:none;
    margin-bottom:5px;
}
.IBlock-Indv h3 {
    color: #168bc2;
    margin: 0;
    padding: 20px;
    margin: -25px -25px 15px -25px;
    font-weight: normal;
    font-size: 16pt;
}
.IBlock-Indv span.icon{
    display:inline-block;
    height:28px;
    width:33px;
    margin-right:10px;
    color:#1084cc;
    text-align:center;
}
.IBlock-Indv span.ital{
    display:inline-block;
    height:28px;
    font-size:14pt;
    font-style:italic;
    font-weight:200;
}

.form-horizontal .form-group {
     margin-right: 0; 
     margin-left: 0; 
}
.form-input-ghost{
    border:1px #78787b solid;
    background-color:transparent;
    min-height:40px;
}

.btn-ghost-blue{
    background-color:transparent;
    border:2px #168bc2 solid;
    border-radius:0;
    color:#168bc2;
    padding:10px 25px;
    font-size:12pt;
}
.btn-ghost-blue:hover,
.btn-ghost-blue:focus{
    background-color:#1084cc;
    border:2px #168bc2 solid;
    color:#FFF;
}
btn-lg {
    border-radius:7px!important;
}
/*--- Social Links---*/
.soclinks button{
    border-radius:0;
    border:0;
    color:#FFF;
    display:block;
    min-height:45px;
    line-height:45px;
    margin-bottom:10px;
    padding:0 10px;
    text-decoration:none;
}
.soclinks i{
    margin-right:15px;
    font-size:14pt;
}
.sl-facebook button{
    background-color:#3b5998;
}
.sl-facebook a:hover,
.sl-facebook a:focus{
    background-color:#294280
}
.sl-twitter button{
    background-color:#4da8f1
}
.sl-twitter button:hover,
.sl-twitter button:focus{
    background-color:#328bea
}
.sl-google button{
    background-color:#df4a32
}
.sl-google button:hover,
.sl-google button:focus{
    background-color:#d12f1e
}
.work-microsoft button{
    background-color:#1052af
}
.work-microsoft button:hover,
.work-microsoft button:focus{
    background-color:#1140a4
}
 .glow {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.glow:hover, .glow:focus, .glow:active {
  box-shadow: 0 1px 1px rgba(159,177,200,0.9);
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.carousel .item-Develop {
    height: 595px;
    background: #777 url('../images/Car-Development.jpg');
}

.carousel .item-Hacker {
    height: 595px;
    background: #777 url('../images/Car-Hacker.jpg');
}

.carousel .item-Devices {
    height: 595px;
    background: #777 url('../images/Car-Devices.jpg');
}


.car-info-row{
    display:flex;
}
.car-info-col{
    flex:1;
    min-height:425px;
}
.car-info{
    padding:90px 70px 0 0;
}
.car-img-login{
    padding-top:30px;
}
.car-img-soc{
    padding-top:30px;
}

.carousel {
    height: 595px;
    margin-bottom: 0;
    margin-top: -25px;
}
.carousel-caption {
    right: 15%;
    bottom:50px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 0;
    color: #ffffff;
    text-align: right;
    text-shadow: none;
}
.carousel-caption .car-descrip-copy {
     padding-top:50px;
}
.carousel-caption .car-descrip-img{
    text-align:center;    
}
.carousel .item {
    height: 595px;
    background-color: #CCC;
    background-size: cover;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 450px;
}
.carousel-caption h1{
    font-family:Montserrat, 'Open Sans', Arial;
    font-weight:400;
    font-size:26pt;
}
.carousel-caption h2{
    font-family:'Open Sans', Arial;
    font-weight:200;
    font-size:18pt;
    line-height:1.4em;
}
.carousel-caption h3 {
    color: rgba(255,255,255,0.8);
    font-family: 'Open Sans', Arial;
    font-weight: 200;
    font-size: 12pt;
    line-height: 1.4em;
    margin-bottom: 25px;
}
.carousel-caption .btn-toolbar {
    float:right;
}
.btn-car-red,
.btn-car-white,
.btn-car-white-ghost {
    border-radius: 25px;
    padding: 10px 25px;
    min-width: 150px;
}
.btn-car-red {
    background-color: transparent;
    border: 2px #ee3023 solid;
    color: #ee3023;
}
    .btn-car-red:hover,
    .btn-car-red:focus {
        background-color: #d92316;
        color: #FFF;
    }
.btn-car-white-ghost {
    background-color: transparent;
    border: 2px #FFF solid;
    color: #FFF;
}
    .btn-car-white-ghost:hover,
    .btn-car-white-ghost:focus {
        background-color:rgba(255,255,255,0.3);
        color: #FFF;
    }
    /*--- Admin Styling---*/
    .AdminBodySetup {
        padding: 10px 20px 20px 20px;
    }
.Admin-HeaderNote{
    text-align:left;
}
.Admin-Name{
    font-family:Gotham;
    font-size:16pt;
    font-weight:200;
}
  
/*--- Footer---*/
.FooterSetup {
    padding: 50px 0;
    color: #FFF;
    position: relative;
    height: 350px;
    display: flex;
}
.Foot-Indv{
    flex:1;
    /*border-right:1px #0a537f dotted;*/   
    margin-right:20px;
}
.Foot-Indv:last-child{
    border-right:0;
}
.Foot-Indv .col-sm-6{
    padding-left: 0;
    padding-right: 0;
}
.FooterSetup h3{
    font-weight:500;
    margin:0;
    padding:0 0 10px 0;
    font-size:14pt;
}
.FooterSetup ul{
    margin:0;
    padding:0;    
}
.FooterSetup ul li{
    list-style-type:none;
}
    .FooterSetup ul li a {
        color: rgba(255,255,255,0.6);
        display: block;
        padding: 2px 0;
        font-size: 11pt;
    }



.table-condensed thead > tr > th,
.table-condensed tbody > tr > th,
.table-condensed tfoot > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > td {
  font-weight: 600;
}

.table-bordered thead tr,
.table-bordered tfoot tr {
  background-color: #eee;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f9f9f9), to(#eeeeee));
  background-image: -webkit-linear-gradient(top, #f9f9f9, 0%, #eeeeee, 100%);
  background-image: -moz-linear-gradient(top, #f9f9f9 0%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#ffeeeeee', GradientType=0);
}
.table-bordered thead tr th,
.table-bordered tfoot tr th {
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  background-color: transparent;
  border-bottom-width: 1px;
  vertical-align: middle;
}
.table-bordered.table-highlight {
  border-top-color: #111;
}
.table-bordered.table-highlight thead tr:first-child {
  background-color: #444;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#555555), to(#444444));
  background-image: -webkit-linear-gradient(top, #555555, 0%, #444444, 100%);
  background-image: -moz-linear-gradient(top, #555555 0%, #444444 100%);
  background-image: linear-gradient(to bottom, #555555 0%, #444444 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff444444', GradientType=0);
}
.table-bordered.table-highlight thead tr:first-child th {
  color: #fff;
  font-weight: 600;
  border: 1px solid #3a3a3a;
}


.icheckbox_minimal-blue,
.iradio_minimal-blue {
  display: inline-block;
}
.form-group .icheckbox_minimal-blue,
.form-group .iradio_minimal-blue {
  display: inline-block;
  top: 4px;
  margin-right: .5em;
  margin-left: -20px;
}
.checkbox-inline,
.radio-inline {
  margin-right: 20px;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-left: 0;
}
.datatable-columnfilter {
  width: 100% !important;
}
.datatable-hidesearch .dataTables_filter {
  display: none;
}
.dataTables_wrapper .row {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.dataTables_wrapper .dt-rt > div {
  margin-bottom: 1em !important;
}
.dataTables_wrapper .dt-rt > div:empty {
  margin-bottom: 0 !important;
}
.dataTables_wrapper .dt-rb > div {
  margin-top: 1em !important;
}
.dataTables_wrapper .dt-rb > div:empty {
  margin-top: 0 !important;
}
.dataTables_wrapper .dataTable {
  margin-bottom: .5em;
}
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
  vertical-align: middle;
  font-size: 12px;
  height: 30px;
  padding: 6px 8px;
  border: 1px solid #ccc;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.dataTables_wrapper .dataTables_filter input:focus,
.dataTables_wrapper .dataTables_length select:focus {
  outline: none;
  border-color: #66afe9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.dataTables_wrapper .dataTables_length select {
  height: auto;
}
.dataTables_info {
  padding-top: 6px;
}
div.dataTables_length label {
  float: left;
  text-align: left;
  font-weight: 600;
}
div.dataTables_length select {
  width: 70px;
  margin-right: .65em;
}
div.dataTables_filter label {
  float: right;
  font-weight: 600;
}
div.dataTables_filter label input {
  width: 215px;
  margin-left: .65em;
}
div.dataTables_paginate {
  text-align: right;
  margin: 0;
}
div.dataTables_paginate .pagination {
  margin-top: 0;
  margin-bottom: 0;
}
.dataTable input::-ms-clear {
  display: none !important;
}
table.table thead .sorting,
table.table thead .sorting_asc,
table.table thead .sorting_desc,
table.table thead .sorting_asc_disabled,
table.table thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
}
table.table thead .sorting {
  background: url('../js/plugins/datatables/img/sort_both.png') no-repeat center right;
}
table.table thead .sorting_asc {
  background: url('../js/plugins/datatables/img/sort_asc.png') no-repeat center right;
}
table.table thead .sorting_desc {
  background: url('../js/plugins/datatables/img/sort_desc.png') no-repeat center right;
}
table.table thead .sorting_asc_disabled {
  background: url('../js/plugins/datatables/img/sort_asc_disabled.png') no-repeat center right;
}
table.table thead .sorting_desc_disabled {
  background: url('../js/plugins/datatables/img/sort_desc_disabled.png') no-repeat center right;
}
table.dataTable th:active {
  outline: none;
}

/*--- Single SignOn Section Public: homepage---*/

.sso-section {
    padding: 80px 0;
    position:relative;
}
.sso-sec-white {
    background-color: #FFF;
}

.sso-section h2 {
    color: #506d89;
    margin: 0;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    padding-bottom: 20px;
    text-align: center;
}
    .sso-section h2.alignH3left {
        text-align: left;
    }

.sso-section h3 {
    color: #2991d6;
    line-height: 1.3em;
    padding: 5px 45px 20px 45px;
    margin: 0 auto;
    text-align: center;
    font-weight: normal;
    font-size: 22px;
}
hr.sso-section-hr-left,
hr.sso-section-hr {
    border-color: #333;
    border-width: 1px;
    max-width: 150px;
    margin-top: 5px;
    margin-bottom: 25px;
}
hr.sso-section-hr-left {
    text-align:left;
}

.sso-article {
    line-height: 1.5em;
}
.sso-article ul {
    margin: 0;
    padding: 0;
    }
.sso-article ul li {
    list-style-type: none;
}
.sso-article ul li i {
    color: #fc3923;
    padding: 3px 15px;
    float: left;
    min-height: 23px;
}

.li-descriptor {
    font-size: 14px;
    display: block;
    margin: 5px 15px 10px 45px;
}

.specnote {
    padding: 10px 0;
}
.sso-section .col-sm-7 h3,
.sso-section .col-sm-6 h3,
.sso-section .col-sm-5 h3 {
    width: unset;
    text-align: left;
    padding-left: 0;
}

.rb-grey-a {
    background-image: url(/images/imgBendGreyRight.svg), url(/images/imgRBendSmartPhone.jpg);
    background-position: left top, left top;
    background-repeat: no-repeat;
    background-color: #e5e5e5;
    background-size: auto, cover;
    margin: -80px 0;
}

.lb-white-b {
    background-image: url(/images/imgBendWhiteLeft.svg), url(/images/imgLBendTablet.jpg);
    background-position: right top, left top;
    background-repeat: no-repeat;
    background-color: #e5e5e5;
    background-size: auto, cover;
    margin: -80px 0;
}

.sso-section {
    display: flex;
}

.sso-section-6Ten {
    flex: 1;
    width: 60%;
}

.sso-section-5Ten {
    width: 50%;
}

.sso-section-4Ten {
    width: 40%;
}

.sso-section-3Ten {
    width: 30%;
}

.sso-section-2Ten {
    width: 20%;
}

.sso-section-1Ten {
    width: 10%;
}
.sso-twofactor{
    margin:20px 0;
}

@media only screen and (max-width:767px) {
    .carousel {
      height: 380px;
    }
    .carousel .item {
      height: 380px;
    }
    .carousel-inner > .item > img {
      height: 380px;
    }
    .carousel-caption {
       text-align: center; 
    }
        .carousel-caption h1 {
            font-size: 22pt;
        }
        .carousel-caption h3 {
            font-size: 11pt;
            line-height: 1.4em;
            margin-bottom: 15px;
        }
        .carousel-caption .btn-toolbar {
            float: none;
            width:315px;
            margin:0 auto;
        }
    .car-info-row{
        display:block;
    }
    .car-info-col{
        flex:none;
        min-height:350px;
    }
    .car-info{
        padding:10px 0 0 0;
        text-align:center;
    }
    .car-img{
        display:none;
    }
    .car-info h1 {
        font-weight: 400;
        font-size: 24pt;
    }
    .car-info h3 {
        font-weight: 100;
        font-size: 11pt;
    }
    .navbar-nav .open .apps-ddown{
        padding:15px;
        margin:15px;
        background-color:#FFF; 
        min-height:120px; 
        min-width:350px;
        border-radius:5px;
        -webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow:    0px 1px 3px 0px rgba(50, 50, 50, 0.75);
        box-shadow:         0px 1px 3px 0px rgba(50, 50, 50, 0.75);
    }
    .apps-ddown .col-sm-4{
        float:left;
    }
    .navbar-nav > li > a {
        padding: 10px 20px;
    }
    .apps-ddown-indv {
        min-width: 85px;
    }

    .FooterSetup{
        padding:25px 0;
        display:block;
    }
    .Foot-Indv {
        flex: 1;
        border-right: 0;
        border-bottom: 1px rgba(255,255,255,0.4) dotted;
        margin:0 15px 15px 15px;
        padding:0 0 15px 0;
    }
    footer, .Footer{
        height:720px;
    }
    .InfoBlocks{
        margin:40px 0;
        display:block;
    }
    .IBlock-Indv{
        flex: 1;
        margin:5px;
        padding:15px 0;
    }
    .IBlock-Indv-devider{
        border-right:0;
        border-bottom:1px #78787b solid;
    }
    .head-login {
        min-height: 100px;
        background: #CCC url(../images/Header-Loging.jpg) no-repeat center center;
        background-size: cover;
    }
    .head-welcome .container h2, .head-login .container h2, .head-account .container h2 {
        color: #FFF;
        font-family: 'Open Sans',Arial;
        font-weight: 200;
        font-size: 26pt;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 30px;
        left: 30px;
        width: 100%;
    }
    .carousel-caption .car-descrip-img {
        display:none;
    }
/*--- Single Sign on public home page---*/

        .sso-section h2 {
            color: #506d89;
            margin: 0;
            text-transform: uppercase;
            font-family: 'Montserrat', sans-serif;
            font-weight: 700;
            padding-bottom: 20px;
            padding-top:40px;
            text-align: center;
            font-size:26px;
        }
            .sso-section h2.alignH3left{
                text-align: center;
            }
        .sso-section h3 {
            padding: 5px 0 15px 0;
            text-align: left;
            font-size: 20px;
        }
    .sso-section {
        display: flex;
        flex-direction:column;
        padding:10px 0;
    }
    .sso-section-3Ten,
    .sso-section-4Ten,
    .sso-section-5Ten,
    .sso-section-6Ten {
        flex: 1;
        width:unset;
        padding:15px;
    }

    .rb-grey-a,
    .lb-white-b {
        background-position: left top;
        background-repeat: no-repeat;
        background-color: #e5e5e5;
        margin: 0;
        min-height: 250px;
    }
    .rb-grey-a {
        background-image: url(/images/imgRBendSmartPhone768.jpg);
        background-size: cover;
    }
    .lb-white-b {
        background-image: url(/images/imgLBendTablet768.jpg);
        background-size: cover;
        position: absolute;
        bottom: 0;
        width: 100%;
        margin-top: 250px;
    }
    .lb-white-b-6Ten{
        padding-bottom:260px;
    }

}
@media only screen and (max-width:480px) {
    .car-info{
        padding:10px 0 0 0;
        text-align:center;
    }
    .car-info-col{
        min-height:380px;
    }
    .car-info h1 {
            font-weight: 400;
            font-size: 18pt;
        }
    .carousel-caption {
        right: 5%;
        left: 5%;
    }
    .btn-car-blue,
    .btn-car-green{
        display: block;
        padding:10px 0;
        width: 100%;
        margin:5px;
    }
    .sso-section h3 {
        text-align: left;
        font-size: 20px;
    }

}