@import "animation.css";
@import "fontello.css";

.map-container{font-family:Roboto,sans-serif;}

.map-container .section {
    position:relative;
    z-index:2;
    overflow:hidden;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover
}
.map-container .section--map {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:end;
    justify-content:flex-end
}

.section--map .map {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin-bottom:0;
    margin-left:0;
    margin-right:0
}

.section--map .map-key {
    position:relative;
    z-index:2;
    width:245px;
    transform:translateX(206px);
    margin-top:48px;
    margin-bottom:96px;
    padding:24px 42px 30px 18px;
    background-color:#fff;
    border-radius:10px 0 0 10px;
    box-shadow:0 0 19px rgba(0,0,0,.22);
    color:#363636;
    text-shadow:none;
    transition:transform .2s ease-in-out
}

.section--map .map-key:before {
    content:'\e800';
    position:absolute;
    top:50%;
    right:0;
    transform:translate(-218px,-50%) rotate(0deg);
    opacity:.6;
    filter:alpha(opacity=60);
    color:#bbb;
    font-family:Fontello;
    font-size:20px;
    /*font-size:1.25rem;*/
    transition:opacity .2s ease-in-out
}

.section--map .map-key:hover {transform:translateX(0);}
.section--map .map-key:hover:before {opacity:0;filter:alpha(opacity=0);}
.section--map .map-key:hover ul {transform:translateX(0);}
.section--map .map-key ul {transform:translateX(24px);margin-bottom:0;font-size:18px;line-height:18px;/*font-size:1.125rem;line-height:1.125rem;*/}
.section--map .map-key li {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;}
.section--map .map-key li:not(:first-child) {margin-top:18px;}
.section--map .map-key figure {width:41px;margin-bottom:0 !important;margin-right:15px !important;text-align:center;}

.map-key ul:not(.rdCommands):not(.k-editor-toolbar):not(.pagination):not(.rtbUL):not(.dropdown-menu) {
    list-style:none;
    padding-left:18px;
    margin: 0;
}
.map-key ul:not(.rdCommands):not(.k-editor-toolbar):not(.pagination):not(.rtbUL):not(.dropdown-menu) li {
    position:relative;
    margin-top:6px;
}

.section--white select {
    -webkit-appearance:none;
    -moz-appearance:none;
    text-indent:.01px;
    text-overflow:'';
}

.section--white .container-fluid, .section--light .container-fluid {
    min-width:320px;
    margin-left:auto;
    margin-right:auto;
    padding-left:18px;
    padding-right:18px;
}
.row {
    position:relative;
    margin-right:-12px;
    margin-left:-12px;
}
.section--white [class^=col-], .section--light [class^=col-] {
    padding-right:12px;
    padding-left:12px;
}

.row--divide>[class^=col-]+[class^=col-] {
    margin-top:36px;
}
.row--divide>[class^=col-]+[class^=col-]:before {
    content:'';
    position:absolute;
    top:-18px;
    left:-48px;
    right:-48px;
    height:1px;
    background-color:#ededed;
}

.section--white fieldset>:last-child {
    margin-bottom:0;
}
.section--white .form-group {
    position:relative;
    margin-bottom:12px;
}

.section--white select.form-control {
    background-image:url(../images/select.png);
    background-repeat:no-repeat;
    background-position:100% center;
    background-size:38px 12px;
    padding-right:54px!important;
}
.section--white button.btn {
    padding-left:18px;
    padding-right:18px;
}

.section--white .btn-primary {
    background-color:#4cc4d8;
    border-color:#4cc4d8;
}
.section--white .btn-primary:active,.section--white .btn-primary:active:hover,.section--white .btn-primary:focus,.section--white .btn-primary:hover {
    background-color:#048ea5;
    border-color:#048ea5;
    transform:translateY(-2px);
    box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
}

.section--white .form-control {
    width:100%;
    max-width:100%;
    height:51px;
    padding:16px 12px 14px;
    color:#fff;
    background-color:rgba(244,244,244,.4);
    border:1px solid transparent;
    border-radius:5px;
    font-size:17px;
    line-height:17px;
    /*font-size:1.0625rem;
    line-height:1.0625rem;*/
    text-shadow:none;
    box-shadow:0 0 60px rgba(0,0,0,.1);
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.section--text--dark .form-control,.section--white .form-control {
    height:35px;
    padding:4px 8px 3px;
    background-color:#f4f4f4;
    box-shadow:inset 0 0 9px 4px rgba(237,237,237,.7);
    color:#363636;
}

.section--white {margin-bottom:54px;background-color:#fff;box-shadow:0 0 40px rgba(0,0,0,.22);}
.section--white[class*="--noshadow"]{box-shadow:none;}
.section--white .section__footer--primary {
    position:relative;
    display:block;
    margin-bottom:-1px;
    padding:15px 30px 15px;
    background-color:#4cc4d8;
    color:#fff;
    font-size:18px;
    line-height:20px;
    /*font-size:1.125rem;
    line-height:1.25rem;*/
    text-align:center;
    font-weight:300;
    text-shadow:none;
}
.section--white .section__footer--primary:hover {text-decoration:none;}
.section--white .section__footer--primary:hover:after {background-color:#048ea5;}
.section--white .section__footer--primary:after {
    content:'';
    position:absolute;
    z-index:1;
    top:0;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    width:100vw;
    background-color:#4cc4d8;
    transition:background-color .2s ease-in-out;
}
.section--white .section__footer--primary [class^=col-] {position:relative;z-index:2;}
.section--white .section__footer--secondary {
    position:relative;
    display:block;
    margin-bottom:-1px;
    padding:15px 30px 15px;
    background-color:#7e599b;
    color:#fff;
    font-size:18px;
    line-height:20px;
    /*font-size:1.125rem;
    line-height:1.25rem;*/
    text-align:center;
    font-weight:300;
    text-shadow:none;
}
.section--white .section__footer--secondary:hover {text-decoration:none;}
.section--white .section__footer--secondary:hover:after {background-color:#7a5f8f;}
.section--white .section__footer--secondary:after{content:'';position:absolute;z-index:1;top:0;bottom:0;left:50%;transform:translateX(-50%);width:100vw;background-color:#7e599b;transition:background-color .2s ease-in-out}
.section--white .section__footer--secondary [class^=col-]{position:relative;z-index:2}
.section--white+.bg-text{margin-top:-54px}
.section--white.no-bg{margin-bottom:0;background-color:transparent;box-shadow:none}

.bg-text{position:relative;z-index:1;overflow:hidden;background-color:#e9eff2}

.section--light{background-color:#e9eff2}
.section--light #loc-table-data, .section--light .table-container table {
    color: #4b4b4b !important;
}

.section--light h1, .section--light h2, .section--light h3, .section--light h4, .section--light h5, .section--light h6 {margin-top: 0;margin-bottom: 12px;color: inherit;letter-spacing: .02em;}
.section--light h2 {font-size: 26px;line-height: 30px;/*font-size: 1.625rem;line-height: 1.875rem;*/font-weight: 700;}

.section__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1;margin-top:24px;margin-bottom:24px}

.section .container-fluid{display:-ms-flexbox;display:flex;/*height:100%;*/-ms-flex-direction:column;flex-direction:column}
.section--lesspadding .section__content{margin-top:24px;margin-bottom:24px}

.section--light .table-container{margin-bottom:24px;background-color:#fff;border:12px solid #fff;border-radius:6px;box-shadow:0 0 40px rgba(0,0,0,.22)}
.section--light .table{margin-bottom:24px;background-color:#fff;font-size:18px;line-height:19px;/*font-size:1.125rem;line-height:1.1875rem*/}
.section--light .table-container .table{margin-bottom:0;border: none !important;}
.section--light .table>thead>tr>th{padding:12px;border:0;font-weight:400}
.section--light .table>tbody>tr>td{padding:12px;border:0;font-weight:300;vertical-align:middle}

@media (min-width:992px){
    .row--divide>[class^=col-]+[class^=col-]{margin-top:0;padding-left:30px}
    .row--divide>[class^=col-]+[class^=col-]:before{top:-48px;bottom:-48px;left:0;right:auto;width:1px;height:auto}
    .row--divide>[class^=col-]{padding-right:30px}
}

@media (min-width:768px){
    .section--light h2 {font-size: 30px;line-height: 32px;/*font-size: 1.875rem;line-height: 2rem;*/}
    .section--white .form-group{margin-bottom:24px}
    .section--white .form-control{font-size:19px;line-height:19px;/*font-size:1.1875rem;line-height:1.1875rem*/}

    .section--white .container-fluid,.section--light .container-fluid {padding-left:48px;padding-right:48px}

    .section--white .section__footer--primary{font-size:30px;line-height:32px;/*font-size:1.875rem;line-height:2rem*/}
    .section--white .section__footer--secondary{font-size:30px;line-height:32px;/*font-size:1.875rem;line-height:2rem*/}
    .section__content{margin-top:48px;margin-bottom:48px}

    .section--map .map-key:before{display:none}
    .section--map .map-key{transform:none}
    .section--map .map-key ul{transform:none}
}
