:root{
    font-size: 10px;
}

@media (min-width: 767px){
    :root{
        font-size: 12px;
    }
}

/* header */

body {background:#fff; font-family:"Open Sans", arial, helvetica, sans-serif;}
a{color:#003d83; text-decoration:underline;}
a:hover{color:#003d83; text-decoration:none;}
a:active{color:#003d83; text-decoration:underline;}
a:visited{color:inherit; text-decoration:underline;}

header{
    margin: 0;
    padding: 0;
    background: #2dbec1;
    background: -moz-linear-gradient(top, #2dbec1 0%, #27b4ba 100%, #22acb4 100%);
    background: -webkit-linear-gradient(top, #2dbec1 0%,#27b4ba 100%,#22acb4 100%);
    background: linear-gradient(to bottom, #2dbec1 0%,#27b4ba 100%,#22acb4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dbec1', endColorstr='#22acb4',GradientType=0 );
    position: fixed;
    width: 100%;
    z-index: 2;
    top: 0;
    left: 0;
}

.logo{display:block;margin-left: -30px;}
.logo img{display:block;}

/**/

.responsive-img{max-width:100%;}
.space-before-25p{padding-top:15px;}
.space-after-50p{padding-bottom:30px;}

@media screen and (min-width: 768px) {
    .space-before-25p{padding-top:25px;}
    .space-after-50p{padding-bottom:50px;}
}

/* typography */
@font-face {
    font-family: 'FlamaMedium';
    src:url('../_fonts/Flama-Medium.eot#') format('eot'),
    url('../_fonts/Flama-Medium.woff') format('woff'),
    url('../_fonts/Flama-Medium.ttf') format('truetype'),
    url('../_fonts/Flama-Medium.svg#webfontFHzvtkso') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FlamaLight';
    src:url('../_fonts/Flama-Light.eot#') format('eot'),
    url('../_fonts/Flama-Light.woff') format('woff'),
    url('../_fonts/Flama-Light.ttf') format('truetype'),
    url('../_fonts/Flama-Light.svg#webfontFHzvtkso') format('svg');
    font-weight: normal;
    font-style: normal;
}


h1 {
    font-family: FlamaMedium;
    line-height: 1.2em;
    color: #003d83;
    text-transform: uppercase;
    -webkit-animation-delay: .5s;
    padding: 0;
    display: block;
    width: 100%;
    margin: 0;
    letter-spacing: -1px;
    margin: -0.325em 0 0 0;
    font-size: 3.20em;
}

p.intro {
    font-family: FlamaLight;
    font-size: 1.85em;/*2.125em*/;
    line-height: 1.15em;
    color: #003d83;
    text-align: left;
    margin: 0;
}

@media (min-width: 992px) {
}
@media (min-width: 1600px) {
}

/* MainMenu */

ul.MainMenu{margin:0; padding:30px 0; list-style-type:none; text-align:right; font-size:1.25em; font-weight:bold;}
ul.MainMenu li{display:inline-block; margin-left:25px; vertical-align:middle; position:relative;}
ul.MainMenu li a{display:block; text-decoration:none; color:#fff;}
ul.MainMenu li a:hover{text-decoration:none; color:#000;}
ul.MainMenu li a.current-page,
ul.MainMenu li a.current-page:hover{display:block; text-decoration:none; color:#fff;}
#desk-menu ul.MainMenu>li:before{content:"";border-left:1px solid #fff; height:1em; position:absolute; top:50%; left:-14px; margin-top:-0.5em;}
#desk-menu ul.MainMenu>li:first-child:before {display:none;}

#mob-menu ul.MainMenu {background-color:#2dbec1; background-color:rgba(45,190,193,0.9); text-align:center; padding:10px 0; font-size: 1.5em; border-bottom:1px solid #fff; height:100vh;}
#mob-menu ul.MainMenu li{display:block; margin:15px 0;}

/* begin burger menu */
#mob-menu{display:none;}
#desk-menu{display:none;}
.burger-click-region{display:block}
.register-extra { 
    color: #767a7e;
    text-align: left;
    font-size: 1.25em;
    line-height: 1.7em; 
}
@media (min-width: 961px) {
    #mob-menu{display:none;}
    #desk-menu{display:block;}
    .logo{margin-left: 0;}
}
/* ----------------- */

.burger-menu {
    margin-top:10px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}


@media (min-width: 961px) {
    .burger-menu {display:none;}
}

.burger-click-region {
    width: 30px;
    height: 24px;
    cursor: pointer;
    position: relative;
    margin: 13px 0 0 0;
    padding: 0 13px;
    box-sizing: content-box;
}

.burger-menu-piece {
    display: block;
    position: absolute;
    width: 30px;
    border-top: 2px solid #ffffff;
    transform-origin: 50% 50%;
    transition: transform 400ms ease-out;
}
.burger-menu-piece:nth-child(1) {
    top: 4px;
}
.burger-menu-piece:nth-child(2) {
    top: 10px;
    opacity: 1;
    transition: transform 400ms ease-out, opacity 0ms linear 400ms / 2;
}
.burger-menu-piece:nth-child(3) {
    top: 16px;
}

.active .burger-menu-piece:nth-child(1) {
    animation: burger-open-top 400ms ease-out forwards;
}
.active .burger-menu-piece:nth-child(2) {
    opacity: 0;
    transition: transform 400ms ease-out, opacity 0ms linear 400ms / 2;
}
.active .burger-menu-piece:nth-child(3) {
    animation: burger-open-bot 400ms ease-out forwards;
}
.closing .burger-menu-piece:nth-child(1) {
    animation: burger-close-top 400ms ease-out forwards;
}
.closing .burger-menu-piece:nth-child(3) {
    animation: burger-close-bot 400ms ease-out forwards;
}

@keyframes burger-open-top {
    50% {
        transform: translate3d(0, 6px, 0);
    }
    100% {
        transform: translate3d(0, 6px, 0) rotate(45deg);
    }
}

@keyframes burger-open-bot {
    50% {
        transform: translate3d(0, -6px, 0);
    }
    100% {
        transform: translate3d(0, -6px, 0) rotate(-45deg);
    }
}

@keyframes burger-close-top {
    0% {
        transform: translate3d(0, 6px, 0) rotate(45deg);
    }
    50% {
        transform: translate3d(0, 6px, 0) rotate(0deg);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes burger-close-bot {
    0% {
        transform: translate3d(0, -6px, 0) rotate(-45deg);
    }
    50% {
        transform: translate3d(0, -6px, 0) rotate(0deg);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
/* end burger menu */

/* back to top */
.backTop {
    bottom: 90px;
    position: fixed;
    right: 15px;
    -webkit-transform: translateZ(0);
    z-index: 99;
    display: none;
}
.backTop a {
    background: #fff;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    display: block;
    font: 38px/46px FontAwesome;
    height: 51px;
    text-align: center;
    width: 51px;
    border: 2px solid #fff;
    box-shadow: 1px 2px 3px -1px #888888;
    color: #000;
}
.backTop a > span:before {
    content: "\f106";
}
.backTop a:hover {
    background: #fff;
    box-shadow: 2px 5px 8px -1px #888888;
    color: #000;
}

main {
    margin-top: 6em;
    padding: 0 !important; 
    background: #27bdbe;
    height: auto;
    overflow: hidden;
    /*height: 73em;*/
}
main .landing-top {
    position: relative;
    text-align: center;
    background: url(../_images/header.jpg) no-repeat center bottom;
    overflow: hidden;
    background-size: auto 100%;
    height: 60em;
}
main .description {
    border: 1.3em solid #fff;
    padding: 2em 7em 2em 2em;
    margin-top: 8em;
    text-align: left;
    color: #fff;
    position: relative;
    max-width: 50em;
}
main .description h1 { color: #fff; font-size: 5em; }

main p, main .landing-content .desc { line-height: 1em; font-size: 1em; }
main .landing-content { background: #fff; color: #003c83; font-size: 1.25em; padding-top: 5em; overflow: hidden; font-family: 'FlamaMedium',Arial;  }
main .landing-content .h2 { font-size: 2.125em; text-transform: uppercase; font-weight: bold; line-height: 1.15em; }
main .landing-content p { color: #003c83; font-weight: bold; }
main .landing-content .benefits { margin: 1em auto 4em auto; }
main .landing-content .benefit { margin-top: 3em; display: inline-block; float: none; width: 30%;}
main .landing-content .benefits .text { font-weight: bold; color: #003c83; line-height: 1.55em; }
main .landing-content .benefits .text span { display: block; font-size: 1.25em; font-weight: 800; text-transform: uppercase; margin: 0.65em 0 0.35em 0; }
main .landing-content .desc { font-weight: bold; font-size: 1.15em; max-width: 65em; }
main .landing-content .desc .buttons { margin: 3em auto; }
main .landing-content .benefit-button { display: inline-block; text-decoration: none; color: #0099b8; border: 1px solid; padding: 0.55em 1em; margin-top: 1em; }
main .landing-content .benefit-button.fill { background: #0099b8; color: #fff; border: 1px solid #0099b8; margin-top: 2em; padding: 11px 12px; transition: all .2s ease;
    -webkit-transition: all .2s ease; }
main .landing-content .benefit-button.fill:hover,
main .landing-content .benefit-button.fill:active {
    text-decoration: none;
    background: #2dbec1;
}

@media screen and (max-width: 768px) {
    main {  height: auto; margin-top: 8em; }
    main .landing-top .description { font-size: 1.55vw;  margin: 8em auto; }
    main .landing-top { background-size: 100% auto !important; height: 90vw; }
}

@media screen and (max-width: 992px) {
    main {  height: auto; margin-top: 5em; }
    main .landing-content .benefit { width: 48%; vertical-align: top; }
}


@media screen and (max-width: 540px) {
    main .landing-content .benefit { width: 100%; }
}

main .button {
    background: #e3699a;
    display: inline-block;
    margin: 0 auto;
    padding: 0.55em 1em;
    font-size: 2.35em;
    color: #fff;
    margin-bottom: 1.25em;
    cursor: pointer;
}

a.button2 {
    background: #003c83;
    display: inline-block;
    margin: 0 auto;
    padding: 0.55em 1em;
    font-size: 0.85em;
    color: #fff;
    margin-bottom: 1.25em;
    cursor: pointer;
    text-decoration: none;
    width: 100%;
    padding: 1.65em 6em;
    /*height: 5em;*/
    line-height: 1.15em;
    max-width: 26em;
}

a.button2.big {
    margin-top: 0.5em;
    font-size: 2.125em;
    height: auto;
    padding: 0.45em 2em;
    width: auto;
}

@media screen and (max-width:1440px) {
}

@media screen and (max-width: 992px) {
}

/* footer */
footer .bottom .container{
    padding-top: 0px;
    border-top: 1px solid #003c83;
    width: 80%;
    max-width: initial;
}
footer ul.second-links{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
footer ul.second-links li{
    color: #4a6270;
    font-size: 12px;
    line-height: 16px;
    padding-right: 10px;
    display: inline-block;
    font-weight: normal;
}

footer ul.second-links li a{
    color: #4a6270;
    text-decoration: none;
}
footer ul.second-links li a:hover{
    color: #003c83;
    text-decoration: none;
}

footer .bottom {
    color: #003c83;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 50px;
    font-weight: bold;
}

.ft-social-icon {
    font-size: 30px;
    vertical-align: middle;
    color: #003d83;
    display: inline-block;
}
.ft-social-icon:hover {
    color: #0099b8;
}

/* modals */
.html-modal-open{
    overflow: hidden;
    height: 100%;
    margin: 0;
}
.md-open {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    position: fixed;
}
.md-perspective,
.md-perspective body {
    height: 100%;
    overflow: hidden;
}
.md-perspective body {
    background: #222;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px;
}
.md-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.md-show {
    visibility: visible;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 2001;
}
.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.md-show ~ .md-overlay {
    opacity: 1;
    visibility: visible;
}
.md-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}
/* Content styles */
.md-trigger{
    cursor: pointer;
}
.md-content {
    color: #4a6270;
    background-color: #ffffff;
    position: relative;
    border-radius: 3px;
    margin: 0 auto;
    padding: 30px;
    max-width: 600px;
    min-width: 320px;
    text-align: center;
    overflow-y: hidden;
}
.md-content.large .map { margin-top: 75px; margin-bottom: 25px; }
.md-content.large { padding: 0; }
@media screen and (min-width:768px){
    .md-content {
        width: 600px;
        margin: 30px auto;
    }
    .md-content.large {
        width: 90%;
        max-width: 90%;
        padding: 3em;
        /*padding: 0;*/
    }
    .md-content.large .map {
        /*height: 100%;
        height: 100vh;*/
        margin: -3em;
        margin-right: 0;
    }
    .form-row {
        display: flex;
        align-items: stretch;
    }
}
.md-content > .modal-pin-wrapper {
    text-align: center;
    margin: 0;
}
.md-content button {
    display: block;
    margin: 0 auto;
    font-size: 0.8em;
}
p.modal-title{
    color: #003d83;
    font-family: FlamaMedium;
    font-size: 2rem;
    line-height: 2rem;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px;
    letter-spacing: -1px;
    display: block;
}
p.label-p{
    font-weight: bold;
    text-align: left;
    font-size: 1.25rem;
    line-height: 1.25rem;
    margin: 0.75em 0;
}
.md-container input{
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 1.25em;
    line-height: 1.25em;
    margin-bottom: 15px;
    border: 1px solid #bfbfbf;
}
.md-container select{
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 1.25em;
    line-height: 1.25em;
    margin-bottom: 15px;
    border: 1px solid #bfbfbf;
}
.md-container select option:first-child{
    color: #999;
}


label {
    display: block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    text-align: left;
    margin: 10px 0;
    font-size: 1.25rem;
    margin-bottom: 15px;
}
/* radio custom */
input[type=radio] {display: none;}
label.radio-label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 100%;
    vertical-align: middle;
}
input[type=radio]:checked + label:before {
    content: "";
    background-color: #949494;
    text-align: center;
}
/* checkbox custom */
.custom-checkbox { position: relative; }
input[type=checkbox] { position: absolute; left: 0; width: 1em; top: 0; opacity: 0; pointer-events: none; }
label.checkbox-label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #fff;
    border: 1px solid #bfbfbf;
    vertical-align: middle;
}
input[type=checkbox]:checked + label:before {
    content: "\2713";
    font-size: 15px;
    color: #4a6270;
    text-align: center;
    line-height: 15px;
    font-weight: bold;
}

/* type submit */
input[type=submit] {
    font-family: inherit;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    background-color: #003c83;
    padding: 11px 12px;
    border: 0;
    width: 100%;
    text-transform: uppercase;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    font-style: normal;
    cursor: pointer;
    margin-top: 15px;
}
input[type=submit]:hover {
    background-color: #0099b8;
}

input[type=submit].disabled {
    background-color: #E8EBEC;
}

.errors{background-color:#d00; color:#fff; padding: 1em;}
.notification{background-color:#E8EBEC; color:#003c83; padding: 1em;}
.notification#check_email_notification{font-size: 1.125em; padding: 0.5em;
    position:absolute; bottom:100%; left:15px; right:15px; height:auto; margin-bottom:-2em;}

/* modal-pin-wrapper */
@keyframes hover {
    50% {
        transform: translateY(-3px)
    }
    100% {
        transform: translateY(-6px)
    }
}
@keyframes hover-shadow {
    0% {
        transform: translateY(6px);
        opacity: .4
    }
    50% {
        transform: translateY(3px);
        opacity: 1
    }
    100% {
        transform: translateY(6px);
        opacity: .4
    }
}
.hover-shadow {
    display: inline-block;
    position: relative;
    transition-duration: .3s;
    transition-property: transform;
    -webkit-tap-highlight-color: transparent;
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;

    transform: translateY(-6px);
    animation-name: hover;
    animation-duration: 1.5s;
    animation-delay: .3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate
}
.hover-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
    transition-duration: .3s;
    transition-property: transform opacity;
    opacity: .4;
    transform: translateY(6px);
    animation-name: hover-shadow;
    animation-duration: 1.5s;
    animation-delay: .3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate
}


/* cancel modal */
a.cancel-modal, a.blue-modal{
    font-family: inherit;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    padding: 11px 12px;
    border: 0;
    width: 100%;
    text-transform: uppercase;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    font-style: normal;
    cursor: pointer;
    text-decoration: none;
    display: block;
    margin-top: 15px;
}
a.cancel-modal{
    color: #fff;
    background-color: #a5b1b8;
}
a.cancel-modal:hover{
    background-color: #bfbfbf;
    text-decoration: none;
}
a.blue-modal{
    color: #fff;
    background-color: #003c83;
}
a.blue-modal:hover{
    background-color: #0099b8;
    text-decoration: none;
}

/* arrow blue modal */
a.blue-arrow{
    position:relative;
    font-family: inherit;
    font-weight: 700;
    font-size: 1em;
    line-height: 18px;
    text-align: center;
    color: #fff;
    background-color: #003c83;
    padding: 0.7em 2em 0.7em 0.7em;
    border: 0;
    text-transform: uppercase;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    font-style: normal;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    margin-top: 15px;
}
a.blue-arrow:hover{
    background-color: #0099b8;
    text-decoration: none;
}
a.blue-arrow span.fa{
    display: block;
    position: absolute; right:0.7em; top:50%; margin-top: -0.5em; line-height:1em;
}

/* Modal Slide from the bottom */
.md-effect-3 .md-content {
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.md-show.md-effect-3 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

/* ------------- map ------------- */
.landing-map{
    position: relative;
    overflow: hidden;
    /*border-top: 8px solid #2ab8bd;*/
    height: 100%;
}
.pin-map{
    /*position: absolute;*/
    height: 100%;
    width: 100%;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.pin-map-tooltip-close{font-size: 1.5em; line-height: 1em; color:#fff; font-weight:normal;}
#map{
    width: 100%; height: 100%;
    margin: 0;
}
.touch #map {width:100%; height: 100%; margin:0;}
.landing-map { font-size: 0.606vw; }
.landing-top { font-size: 0.64vw; }
.modal-pin-wrapper { display: inline-block; }
@media screen and (max-width: 768px) {
    #map { height: 300px; }
    .landing-map {
        padding: 0;
        overflow: hidden;
        max-height: 300px;
        height: 300px;
    }
    .landing-top { font-size: 1em; }
    .modal-pin-wrapper { display: none; }
}
/* ------------- map ------------- */

.inputFieldStyled{
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 1.25em;
    line-height: 1.25em;
    margin-bottom: 15px;
    border: 1px solid #bfbfbf;
}

.moreBelow {
    font-size: 2em;
    /*position: absolute;*/
    bottom: 0.7em;
    left: 40%;
    width: 20%;
    cursor: pointer;
    text-align: center;

    position: relative;
    margin-top:1.5rem;
}

.scroll-down{position:relative;width:31px;height:90px;animation:nudgeMouse 5s ease-out infinite;margin:0 auto;display:none}
@media screen and (min-width:960px){
    .scroll-down{display:block;}
}
@keyframes nudgeMouse{0%,30%,60%,90%{transform:translateY(0)}20%,50%,80%{transform:translateY(8px)}}


.close-m{
    color: #fff!important;
    background-color: #e3699a!important;
    display: inline-block!important;
    position: absolute!important;
    top: 20px!important;
    right: 20px!important;
    margin: 0!important;
    width: 35px!important;
    height: 35px!important;
    line-height: 35px!important;
    padding: 0!important;
    border-radius: 100%;
    font-weight: bold!important;
}
.close-m:hover{
    background-color: #a9a9a9!important;
}

.bold {
    font-family: 'FlamaMedium',Arial !important;
}
.font-medium{
    font-family: 'FlamaMedium',Arial !important;
}
.font-light{
    font-family: 'FlamaLight',Arial;
}


.open-modal-link {font-weight:bold; color:#000; text-decoration:none; border-bottom:0.0675em dotted rgba(32, 19, 13, 0.40);}
.open-modal-link:hover, .open-modal-link:focus {text-decoration:none; color:#2bbbbf; text-shadow: 0px 1px 3px rgba(32, 19, 13, 0.90);}

.prod-name {
    font-family: 'FlamaMedium',Arial !important;
    color: #003c83;
	text-align:center;
	line-height:1;
	margin:1em 0 0 0;
}
.modal-prod-colors {clear:both;margin:0.5em 0 1em 0; text-align:center; position:relative;}
.modal-prod-colors .modal-color-holder {position:relative; display:inline-block; width: 8em; margin:0.25em 0.25em 0.25em 0.25em; text-align:center;}
.modal-prod-colors .modal-color-holder .prod-color-img {max-width:100%; display:block; margin: 0 auto; position:relative;}
.modal-prod-colors .modal-color-holder .color-name {color:#fff; text-shadow: 2px 2px 3px rgba(32, 19, 13, 0.80);
position:absolute; font-size:0.925em; line-height:1; font-family: 'FlamaMedium',Arial !important; text-transform:uppercase; left:2%; width:96%; top:50%; margin-top:-0.5em; text-align:center;}