/* ----------------- GLOBAL
Theme-Name: MOLECO GmbH
Author: MOLECO GmbH
Author URI: http://www.moleco.de
Description: MOLECO Theme
Version: 1.0
*/

/*
Colors
*/
:root{
    --prime:    #051c2c;
    --sec:      #333f48;
    --acc:      #d60d3d;
    --acc-hover:#FF2559;
    --black:    #4D4D4D;
    --grey:     #939596;
    --white:    #ffffff;
    --bg:       #F5F5F5;
}

#BorlabsCookieBox ._brlbs-box-advanced ul li::before{display: none;}

/*
Main Style
*/
body,html,*{font-size: 16px;font-family: 'Isidora Sans';font-weight: 400;color: var(--prime);line-height: 1.6;}
html{scroll-behavior: smooth;overflow-x: hidden!important;}
/* .wrapper{overflow-x: hidden;} */
.container{max-width: 1600px;}
.container.small{max-width: 1400px;}
.container-fluid{max-width: 100%;}

a, a strong{color: var(--prime);text-decoration: none;font-size: 100%;transition: all .3s ease;}
a:hover, a:hover strong{text-decoration: none;color: var(--acc-hover);transition: all .3s ease;}
a:focus{border:none;outline: none;}
*:focus-visible{outline: none;}
*:focus{box-shadow: none!important;}

ul{padding-left: 0;}
ul li{list-style: none;position: relative;padding-left:30px;margin:5px 0;}
/* ul li:before{content:'';display:block;width:20px;height:20px;background:url('src/media/icons/li_before.svg');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:5px;left:0;} */

.editor ul li, .content ul li{list-style: none;padding-bottom: 5px;}

img{max-width: 100%;height: auto;}

.headline{font-weight: 700;display: block;color: var(--prime);line-height: 1.1;}
h1{line-height: 1.1;margin:0px 0 30px;}
h2{position: relative;padding-bottom: 30px;margin:0px 0;}
.topline{display: block;position: relative;font-size: 100%;color: var(--grey);font-weight: 600;line-height: 1;margin-bottom: 10px;}

.agb h2,
.datenschutzerklaerung h2,
.impressum h2{padding-bottom: 20px;padding-top: 40px;}

.agb .flx_textblock,
.datenschutzerklaerung .flx_textblock,
.impressum .flx_textblock{margin-top: 200px;}

.agb p,
.datenschutzerklaerung p,
.impressum p{line-height: 1.8;}

.swiper-pagination-bullet{width: 15px!important;height: 15px!important;background-color: var(--grey)!important;background: var(--grey)!important;}
.swiper-pagination-bullet-active{background-color: var(--acc)!important;}

.buttons{padding: 15px;}
.btn{position: relative;font-weight: 600;background-color: var(--acc);color: var(--white);border-radius: 30px;padding: 10px 30px 15px;transition: all .3s ease;line-height: 1;text-align: center;margin-top: 20px;border: none;}
.btn:hover{background: var(--acc-hover);transition: all .3s ease;color: var(--white);}
.btn.secondary{background: var(--white);color: var(--prime);}
.btn.secondary:hover{background: var(--acc-hover);color: var(--white);}

.btn.trans{position: relative;padding: 0 20px 0 40px;transition: all .3s ease;background-color: transparent;width: max-content;}
.btn.trans::after{content: '';background-color: var(--acc);width: 30px;height: 30px;border-radius: 50px;position: absolute;left: 0;top: 0;transition: all .3s ease;opacity: 0.5;}
.btn.trans:hover::after{width: 100%;border-radius: 50px;transition: all .3s ease;}
.btn.trans::before{content: '+';background-color: var(--acc);color: var(--white);width: 30px;height: 30px;border-radius: 50px;position: absolute;left: 0;top: 0;transition: all 1s ease;opacity: 1;display: flex;justify-content: center;padding-top: 4px;z-index: 5;}
.btn.trans:hover::before{border-radius: 50px;transition: all 1s ease;transform: rotate(360deg);}
.btn.trans span{z-index: 9;font-weight: 700;color: var(--prime);position: relative;transition: all .3s ease;}
.btn.trans:hover span{color: var(--white);transition: all .3s ease;}

strong{font-weight: 600;font-size: 100%;}
input{cursor: auto;}
input, 
textarea, 
select{padding: 7px 20px 10px;border: none;background-color: var(--white);margin: 5px 0;}
label{padding: 0 15px;}
.uacf7-row{width: 100%;margin: 0 auto;}
#send.btn{width: max-content!important;float: right;padding: 10px 45px 13px 45px!important;color: var(--white);}
.wpcf7-not-valid{margin-bottom: 0!important;}
.wpcf7-not-valid-tip{line-height: 1;margin: 0 0 15px;color: var(--acc)!important;}
.wpcf7-form-control{margin-bottom: 5px;}
.wpcf7-acceptance{margin-top: 15px;display: block;}
.wpcf7-list-item{margin-left: 0;}
.wpcf7-not-valid{margin-bottom: 0!important;}
.wpcf7-form-control{margin-bottom: 5px;}
.wpcf7-acceptance{margin-top: 15px;display: block;}
.wpcf7-list-item-label a{color: var(--acc);}
.uacf7-uacf7style-245 input[type="text"],
.uacf7-uacf7style-245 input[type="tel"],
.uacf7-uacf7style-245 input[type="email"]{margin-bottom: 10px;}
.uacf7-uacf7style-245 label{padding: 0;}

.uacf7-uacf7style-1487 input[type="submit"]{border: solid 1px #d60d3d;}
.uacf7-uacf7style-1487 input[type="submit"]:hover{border: solid 1px #d60d3d;color: #d60d3d;}

/* .flx_kachelblock .swiper-android .swiper-slide,
.flx_kachelblock .swiper-ios .swiper-slide,
.flx_kachelblock .swiper-wrapper{overflow-x: hidden;} */
 

div[class^="flx_"], div[class*="flx_"]{margin-bottom: 100px;position: relative;top: 0;}

.shadow{position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.backgroundbox{background-image: linear-gradient(to top, #00000077 0%, transparent 50%);z-index: 9;}

/*Icons für Kontakt*/
.kontakt a{margin-bottom: 5px;}
a.tel{position: relative;left: 30px;}
a.tel::before{content:'';width:30px;height:30px;display:block;background:url('src/media/icons/phone.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:-5px;left:-30px;transition: all ease .3s;}
a.whats{position: relative;left: 30px;}
a.whats::before{content:'';width:30px;height:30px;display:block;background:url('src/media/icons/whatsapp.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:-5px;left:-30px;transition: all ease .3s;}
a.mail{position: relative;left: 30px;}
a.mail::before{content:'';width:30px;height:30px;display:block;background:url('src/media/icons/mail.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:-5px;left:-30px;transition: all ease .3s;}

.datenschutzerklaerung .inhaltsbloecke,
.impressum .inhaltsbloecke{margin-top: 200px;}

/*
--------------------------Kontaktbadge--------------------------
*/
#call{position: fixed;z-index: 1001;}
#call .btn-primary{width: 50px;height: 50px;background-color: transparent;padding: 0;margin: 0;}
#call .btn-primary::before{content: '';background-image: url('src/media/icons/Telefon-Icon-Schattiert.svg');background-repeat: no-repeat;background-size: 100%;background-position: center;position: absolute;bottom: 0;right: 0;height: 50px;width: 50px;transform: scale(1);transition: all ease .3s;}
#call:hover .btn-primary::before{transform: scale(1.1);transition: all ease .3s;}

.modal-content{background-color: #f2f3f6;}
.modal-backdrop{z-index: 9;}
.modal-dialog-centered{min-height: calc(100% - 0px)!important;}
.modal-header{border-bottom: none;align-items: flex-start;}
.modal-title{line-height: 1.2;font-weight: 700;}

#contactbadge .modal-body{padding-top: 0;padding-bottom: 0;}
#contactbadge .modal-body ul{display: flex;justify-content: flex-start;gap: 20px;margin: 0;}
#contactbadge .modal-body ul li{padding: 0;margin: 0;}
#contactbadge .modal-body ul li::before{display: none;}
#contactbadge .modal-body ul li.whatsapp{content:'';display:block;background:url('src/media/icons/whatsapp.svg');background-repeat:no-repeat;background-size:contain;background-position:left;/*padding-left: 35px;*/}
#contactbadge .modal-body ul li.telefon{content:'';display:block;background:url('src/media/icons/phone.svg');background-repeat:no-repeat;background-size:contain;background-position:left;/*padding-left: 35px;*/}
#contactbadge .modal-body ul li.mail{content:'';display:block;background:url('src/media/icons/mail.svg');background-repeat:no-repeat;background-size:contain;background-position:left;/*padding-left: 35px;*/}
#call a.tel,#call a.whats,#call a.mail{left: 0;}
#call a.tel::before,#call a.whats::before,#call a.mail::before{display: none;}

.modal-footer{border-top: unset;}
.modal-footer .wpcf7-form-control.wpcf7-checkbox{display: grid;align-items: center;border: none;margin: 20px 0;}
.modal-footer .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item{display: flex;cursor: pointer;border-radius: 10px;width: 100%;margin: 0;align-items: center;position: relative;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.modal-footer .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label{padding: 0;width: 100%;}
.modal-footer .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label{font-weight: 700;width: 100%;display: block;}
.modal-footer .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label input{position: absolute;top: 15px;right: 15px;width: 20px;height: 20px;margin: 0;cursor: pointer;}
.modal-footer .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label{cursor: pointer;}
.modal-footer .wpcf7-textarea{height: 45px;}
.current-step-title{display:none;}


/*----Multistep von Contact form seven im Modul----*/
.modal .wpcf7-form .steps-form .steps-row .steps-step .btn-circle{padding: 0px;}
.modal-footer #wpcf7-f2345-o1{width: 100%;margin: 0;background-color: var(--white);border-radius: 10px;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.modal .uacf7-step.step-content button{border: none;transition: all ease .3s;}
.modal .wpcf7-spinner{margin: 0;float: right;}
.modal form.sent .progressbar-style-4{display: none;}
.modal .wpcf7 form.sent .wpcf7-response-output{border: 0;color: #46b450;font-weight: 700;font-size: 120%;margin: 0;background-color: #46b45022;border-radius: 10px;}
/*----Multistep von Contact form seven im Modul----*/

/*
--------------------------Header--------------------------
*/
#page-header{position: absolute;top: 0;right: 0;left: 0;z-index: 2;background-color: var(--prime);transition: all ease .3s;padding: 20px 0;}

#page-header .row{display: flex;}
#page-header .logo{flex: 0 0 30%;}
#page-header .logo .bild{opacity: 1;transition: all ease .3s;display: block;}
#page-header.bottom .logo .bild{opacity: 0;transition: all ease .3s;display: none;}
#page-header .logo .bildres{opacity: 0;transition: all ease .3s;display: none;height: 50px;}
#page-header.bottom .logo .bildres{opacity: 1;transition: all ease .3s;display: block;}

#page-header .nav{flex: 0 0 70%;display: flex;justify-content: end;align-items: center;}
#page-header .navigation .menu{margin-bottom: 0;align-items: center;gap: 100px;}
#page-header .navigation .menu li{margin: 0;padding: 0;}
#page-header .navigation .menu li:before{display:none;}
#page-header .navigation .menu li a:not(.bildcontainer){padding: 0;color: var(--white);font-weight: 600;}
#page-header .navigation .menu li:first-child a:not(.bildcontainer){padding: 0;}
#page-header .navigation .menu li a:hover{color: var(--acc);}
#page-header .navigation .menu li.current > a::before{content: '';background-color: var(--acc);width: 5px;height: 5px;border-radius: 50%;position: absolute;bottom: -10px;left: 50%;transform: translate(-50%, -50%);}
#page-header .navigation .menu li.current:hover > a{color: var(--acc-hover);}
#page-header .navigation .menu > li:last-child.current_page_item::after{display: none;}
#page-header .navigation .menu > li:last-child{padding-left: 0;}
#menu-modal button{background-color: var(--acc);color: var(--white);font-weight: 600;border-radius: 30px;padding: 10px 25px 15px;margin: 0;cursor: pointer;list-style: none;transition: all ease .3s;}
#menu-modal button:hover{background-color: var(--acc-hover);transition: all ease .3s;}

#page-header .navigation .menu li:first-child.menu-item-has-children{cursor: context-menu;}
#page-header .navigation .menu li:first-child.menu-item-has-children:hover .sub-menu{position: absolute;width:max-content;transition: all ease .3s;display: flex;padding: 0;}
#page-header .navigation .menu li.menu-item-has-children:hover .sub-menu{position: absolute;width:max-content;transition: all ease .3s;display: flex;padding: 10px;}
#page-header .navigation .menu .sub-menu{display: none;transition: all ease .3s;/* From https://css.glass */
    background: rgba(81, 81, 81, 0.35);
    border-radius: 16px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(17.3px);
    -webkit-backdrop-filter: blur(17.3px);}
#page-header.bottom .navigation .menu .sub-menu{background-color: var(--prime);border-top-left-radius: 0;border-top-right-radius: 0;}
#page-header .navigation .menu .sub-menu .items{display: flex;flex-direction: column;}
#page-header .navigation .menu .sub-menu .submenubild{transition: all ease .3s;width: 300px;height: 300px;object-fit: cover;}
#page-header .navigation .menu .sub-menu li{display: flex;align-items: center;transition: all ease .3s;position:relative;padding: 10px;margin:0px 20px;padding: 5px 0;border-bottom: 1px solid var(--white);}
#page-header .navigation .menu .sub-menu li a{font-weight: 500;padding: 10px 0!important;width: fit-content;width: 200px;}
#page-header .navigation .menu .sub-menu li.current > a{font-weight: 700;}
#page-header .navigation .menu .sub-menu li.current:hover > a{color: var(--acc-hover);}

#page-header .navigation .menu .sub-menu li:hover a{color: var(--acc);}
#page-header .navigation .menu .sub-menu li:last-child{border-bottom: none;}
#page-header .navigation .menu .sub-menu li:last-child a{background-color: transparent;border-radius: 30px;padding: 10px 0;border-bottom: none;}

#page-header .menu-mobile .menu li.menu-item-has-children.active .sub-menu{display: block;top: 32.5px;left: 20px;transition: all ease .3s;}
#page-header .menu-mobile .menu li.current_page_item a{color: var(--acc);font-weight: 700;}
#page-header .menu-mobile .menu li a{font-weight: 600;}
#page-header .menu-mobile .menu .sub-menu{display: none;padding: 0 20px;background-color: var(--prime);transition: all ease .3s;width: 100%;}
#page-header .menu-mobile .menu .sub-menu li{display: block;transition: all ease .3s;position:relative;margin: 0;padding-left: 0;}
#page-header .menu-mobile .menu .sub-menu li.current_page_item a{color: var(--acc);}
#page-header .menu-mobile .menu .sub-menu li a{padding: 5px 0;width: 100%;display: block;margin: 0;color: var(--grey);}
#page-header .menu-mobile .menu .sub-menu li:hover a{color: var(--acc);}

#page-header .menu-mobile .menu li{position: relative;}
#page-header .menu-mobile .menu li.menu-item-has-children::before{content: '';background: url('src/media/icons/arrow-right.svg')no-repeat;background-size: auto;background-size: 100%;display: block;width: 9px;height: 20px;position: absolute;left: 0;top: 12px;cursor: pointer;transition: 0.3s;}
#page-header .menu-mobile li.menu-item-has-children.active::before{transform: rotate(90deg);transition: 0.3s;}
#page-header .menu-mobile.active li.menu-item-has-children.active .sub-menu{display: block;margin: 10px 0;padding: 0;}
#page-header .menu-mobile .menu-menu-container{margin-bottom: 40px;}
#page-header .menu-mobile .menu-menu-container #menu-modal{text-align: center!important;}
#page-header .menu-mobile .menu-menu-container #menu-modal button{margin: 0;width: max-content;}

#page-header .menuburgerbutton{width: 45px;height: 40px;cursor: pointer;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;z-index: 100;position: relative;}
#page-header .menuburgerbutton li{padding-left: 0;}
#page-header .menuburgerbutton li::before{display: none!important;}
#page-header .menuburgerbutton span{margin: 4px;height: 7px;border-radius: 7px;width: 7px;background: var(--sec);opacity: 1;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#page-header .menuburgerbutton div:nth-child(1) span:nth-child(3){background: var(--acc);}
#page-header .menuburgerbutton.active div span{background: var(--acc);}
#page-header .menuburgerbutton.active div:nth-child(1) span:nth-child(2){background: var(--sec);}
#page-header .menuburgerbutton.active div:nth-child(3) span:nth-child(2){background: var(--sec);}
#page-header .menuburgerbutton.active div:nth-child(2) span:nth-child(odd){background: var(--sec);}

/*----------------------WPML Switcher-------------------------*/

#page-header .language{/*display: flex;*/display: none;justify-content: end;position: relative;}
#page-header.bottom .language{display: none;}

#page-header .language span{color: var(--white);font-weight: 700;line-height: 0.7;}
.switch{position: absolute;width: 35px;height: 15px;margin: 0 10px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.switch label{position: absolute;top: 0;left: 0;width: 36px;height: 16px;border-radius: 50px;background: linear-gradient(to bottom,#0A142722, #4C5058);cursor: auto;transition: all 0.3s ease;padding: 0;}
.switch label:after{content: '';position: absolute;top: 1px;left: 1px;width: 14px;height: 14px;border-radius: 50%;background-color: var(--acc);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);transition: all 0.3s ease;}
.switch.active label:after{content: '';position: absolute;top: 1px;left: 19px;width: 14px;height: 14px;border-radius: 50%;background-color: var(--acc);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);transition: all 0.3s ease;}

.wpml-ls-legacy-list-horizontal .wpml-ls-item{margin-left: 55px;}
.wpml-ls-legacy-list-horizontal > ul li a{padding: 10px;}
.wpml-ls-legacy-list-horizontal > ul li::before{display: none;}
.wpml-ls-legacy-list-horizontal > ul li:first-child a::after{content: 'DE';position: absolute;left: 0;top: 0;color: var(--white);}
.wpml-ls-legacy-list-horizontal > ul li:last-child a::after{content: 'EN';position: absolute;left: 0;top: 0;color: var(--white);}
.wpml-ls-legacy-list-horizontal > ul li.wpml-ls-current-language a::after{font-weight: 700;}
.wpml-ls-legacy-list-horizontal > ul li img{display: none!important;}

#page-header .menu-mobile .menu{margin-top:100px;}

#page-header.bottom{box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.3);transition: all ease .3s;padding: 10px 0;}
#page-header.bottom .wpml-ls-legacy-list-horizontal{display: none;}


@keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-moz-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-webkit-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-ms-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}

/*################################################*/

#page-header.bottom{position:fixed;top:0;left:0;right:0;z-index: 1000;
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
    -webkit-box-shadow: 0px 3px 11px -6px rgba(0,0,0,0.3);-moz-box-shadow: 0px 3px 11px -6px rgba(0,0,0,0.3);box-shadow: 0px 3px 11px -6px rgba(0,0,0,0.3);
}   
@keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-moz-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-webkit-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-ms-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}  

/*
--------------------------Pagefooter--------------------------
*/

#page-footer{background: var(--bg);padding: 50px 0 10px;position: relative;}
#page-footer span strong{font-weight: 700;}

#page-footer .footerheadline{display: block;font-size: 120%;font-weight: 600;margin-bottom: 10px;}

#page-footer ul{padding-left: 30px;}

#page-footer .adresse{position: relative;margin: 0 0 20px 0;}
#page-footer .adresse::before{content: '';background: url('src/media/icons/location.png')no-repeat;background-size: 100%;width: 20px;height: 20px;position: absolute;left: -25px;top: 5px;}

#page-footer .mail{position: relative;}
#page-footer .mail::before{content: '';background: url('src/media/icons/email.png')no-repeat;background-size: 100%;width: 17px;height: 17px;position: absolute;left: -25px;top: 6px;}

#page-footer .tel{position: relative;}
#page-footer .tel::before{content: '';background: url('src/media/icons/telephone.png')no-repeat;background-size: 100%;width: 17px;height: 17px;position: absolute;left: -25px;top: 6px;}

#page-footer .instagram::before{content: '';background: url('src/media/icons/instagram.svg')no-repeat;background-size: 100%;width: 20px;height: 20px;position: absolute;left: -30px;top: 5px;}
#page-footer .facebook::before{content: '';background: url('src/media/icons/facebook.svg')no-repeat;background-size: 100%;width: 20px;height: 20px;position: absolute;left: -30px;top: 5px;}
#page-footer .linkedin::before{content: '';background: url('src/media/icons/linkedin.svg')no-repeat;background-size: 100%;width: 20px;height: 20px;position: absolute;left: -30px;top: 2px;}

#page-footer a:hover{color: var(--acc);}

#page-footer ul li{list-style: none;padding-left: 0;}
/* #page-footer ul li:before{display:none;} */

#page-footer .menu{margin-bottom: 30px;}
#page-footer .social ul{padding-left: 0;}
#page-footer .follow .strich{border: 1px solid var(--black);height: 40px;width: 0;margin: 15px auto 0;}
#page-footer .follow a{display: block;text-align: center;}
#page-footer .follow .rotate{transform: rotate(-90deg);}
#page-footer .follow .rotate span{font-weight: bold;position: relative;font-size: 90%;}

#page-footer .unten{margin-top: 70px;}
#page-footer .footer-menu ul{padding-left: 0;display: flex;}
.rechtliches{font-size: 80%!important;font-weight: 300;}
#page-footer .footer-menu ul li a{color: var(--prime);font-size: 80%;}
#page-footer .footer-menu ul li a:hover{color: var(--acc);}
#page-footer .footer-menu ul li:first-child a{padding-left: 0;}
#page-footer .footer-menu ul li:last-child a{padding-right: 0;border-right: none;}

#page-footer #backtotop{transform: rotate(-90deg);display: block;color: var(--grey);font-weight: 700;left: 63%;top:40px;position: relative;max-width: 100px;}