body{font-family: 'Raleway', sans-serif!important;}
button:focus{outline:none!important;}
.hamburger{left:inherit;}
.m-none{margin:0px;height: 600px !important;}
.top-left-img{background:url(https://docentpharma.com/wp-content/uploads/2020/10/1-3.jpg) no-repeat center top;background-size:cover;border-right:solid 4px #fff;}
.top-right-img{background:url(https://docentpharma.com/wp-content/uploads/2020/10/2-2.jpg) no-repeat center top;background-size:cover;}
.products-text{text-align:center;font-size:50px;color:#fff;font-weight:600;line-height:60px;padding:240px 0px;position: relative;width:250px;margin:0px auto;text-align:center;} .products-text a {
color: #fff;
}
.products-text a:hover {
text-decoration: none;
color: #fff;
}
.card-body {
padding-bottom: 50px !important;
}
.beforenone::before{display: none;}
.top-section{position: absolute;z-index: 99;width: 100%;}
.tabing-section{background-color:#fff8d7; }
.card,.card-header{background-color:transparent!important;border:0px!important;}
.tabing-section .nav-tabs .nav-item{border:solid 1px #638f85;border-radius: 5px;}
.tabing-section .nav-tabs .nav-item.show .nav-link, .tabing-section .nav-tabs .nav-link.active{border:0px!important;border-radius: 5px;background-color:#638f85!important;color:#fff; }
.tabing-section .nav-tabs .nav-item.show .nav-link, .tabing-section .nav-tabs .nav-link.active span{color:#fff;}
.tabing-section .nav-tabs .nav-link:focus, .tabing-section .nav-tabs .nav-link:hover{border:0px!important;border-radius: 5px;background-color:#638f85!important;color:#fff!important;}
.tabing-section .nav-tabs{border:0px!important;}
.page-header--home.headroom--not-top .logo--home {
background-color: transparent;
box-shadow: none;
background-size: 40%;
}
.tabing-section .nav-tabs .nav-link{
font-size:30px;
color: #58595b;
line-height:35px;
border: 0px!important;
text-align: center;
width: 212px;
padding:10px 5px 10px;
font-weight: 600;
}
.box-icon{width:95px;height:95px;margin:0px auto;background:url(//docentpharma.com/wp-content/themes/Avada-Child-Theme/new/images/sprite-tab-img.png) no-repeat;}
.overflow-hidden {
overflow: hidden;
}
.border-none{border-right:0px!important;}
.tabbable-responsive {
padding-top: 50px;
}
.first-icon{background-position: 23px 0px;}
.tabing-section .nav-tabs .nav-item.show .nav-link, .tabing-section .nav-tabs .nav-link.active .first-icon{background-position:22px -166px;}
.tabing-section .nav-tabs .nav-link:focus, .tabing-section .nav-tabs .nav-link:hover .first-icon{background-position:22px -166px;}
.second-icon{background-position: -182px 7px;}
.tabing-section .nav-tabs .nav-item.show .nav-link, .tabing-section .nav-tabs .nav-link.active .second-icon{background-position:-182px -166px;}
.tabing-section .nav-tabs .nav-link:focus, .tabing-section .nav-tabs .nav-link:hover .second-icon{background-position:-182px -166px;}
.third-icon{background-position: -385px 7px;}
.tabing-section .nav-tabs .nav-item.show .nav-link, .tabing-section .nav-tabs .nav-link.active .third-icon{background-position:-385px -166px;}
.tabing-section .nav-tabs .nav-link:focus, .tabing-section .nav-tabs .nav-link:hover .third-icon{background-position:-385px -166px;}
.forth-icon{background-position: -586px 7px;}
.tabing-section .nav-tabs .nav-item.show .nav-link, .tabing-section .nav-tabs .nav-link.active .forth-icon{background-position:-586px -166px;}
.tabing-section .nav-tabs .nav-link:focus, .tabing-section .nav-tabs .nav-link:hover .forth-icon{background-position:-586px -166px;}
.five-icon{background-position: -795px 7px;}
.tabing-section .nav-tabs .nav-item.show .nav-link, .tabing-section .nav-tabs .nav-link.active .five-icon{background-position:-795px -166px;}
.tabing-section .nav-tabs .nav-link:focus, .tabing-section .nav-tabs .nav-link:hover .five-icon{background-position:-795px -166px;}
.six-icon{background-position: -995px 7px;}
.tabing-section .nav-tabs .nav-item.show .nav-link, .tabing-section .nav-tabs .nav-link.active .six-icon{background-position:-995px -166px;}
.tabing-section .nav-tabs .nav-link:focus, .tabing-section .nav-tabs .nav-link:hover .six-icon{background-position:-995px -166px;}
.tabing-section .card-header{margin-bottom:35px;}
.tabing-section p{font-weight:500;font-size:20px;line-height:35px;color:#666666;padding:6px 0px;}
.readmore a{font-size:24px;font-weight:500;color:#638f85;text-transform: uppercase;border:solid 2px #58595b;padding:13px 28px;border-radius: 10px;}
.readmore a:hover{background-color:#638f85;color:#fff;text-decoration: none;}
.otc-details h2{font-size:36px;font-weight:600;color:#638f85;margin-bottom:0px;}
.otc-details{padding-left:35px;}
.globe-section{padding:75px 0px 0px 0px;background-color:#638f85;}
.globe-section h2{text-align:center;font-size:60px;line-height:65px;color:#fff;font-weight:700;}
.globe-img{text-align:center;padding:50px 0px}
.industries{background-color:#fff8d7;padding:75px 0px 25px 0px;position: relative;}
.industries h2{font-size:60px;font-weight:700;text-align:center;color:#638f85;margin-bottom:40px;}
.industries h2::before{width:184px;background-color:#638f85;height:16px;content: "";position: absolute;top:160px;left: 0px;right:0px;margin:0px auto;}
.industries p{font-size:30px;font-weight:500;text-align:center;padding-top:18px;padding-bottom:35px;}
.industries .title{font-weight:600;font-size:24px;text-align:center;color:#333333;margin-top:12px;}
.small-text{font-size:24px!important;}
.industries .title::before{width:112px;background-color:#178876;height:1px;content: "";position: absolute;top:141px;left: 0px;right:0px;margin:0px auto;}
.industries .col-md-4{margin-bottom:50px;}
.industries .border-right{border-right:solid 1px #178876!important;}
.offering{background:url(https://docentpharma.com/wp-content/uploads/2020/10/bg.jpg) no-repeat 0px 0px #638f85;height:577px;}
.offering h2{font-size:60px;font-weight:700;color:#fff;text-align:right;padding-top:120px;}
.who-we{background-color:#fff8d7;padding:75px 0px 25px 0px;position: relative;}
.who-we h2{font-size:60px;font-weight:500;text-align:center;color:#638f85;margin-bottom:40px;}
.who-we h2 span{font-weight:700;}
.who-we h2::before{width:184px;background-color:#638f85;height:16px;content: "";position: absolute;top:160px;left: 0px;right:0px;margin:0px auto;}
.who-we p{font-size:30px;font-weight:500;text-align:center;padding-top:18px;padding-bottom:35px;}
.different{background-color:#fff8d7;padding:75px 0px 25px 0px;position: relative;}
.different h2{font-size:60px;font-weight:700;text-align:center;color:#638f85;margin-bottom:100px;}
.different h2::before{width:184px;background-color:#638f85;height:16px;content: "";position: absolute;top:180px;left: 0px;right:0px;margin:0px auto;}
.round-icon{background-color:#fff;width:75px;height:75px;margin:0px auto;border-radius: 100%;text-align:center;padding-top:12px;-webkit-box-shadow: 0px 1px 9px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:   0px 1px 9px 0px rgba(50, 50, 50, 0.2);
box-shadow:        0px 1px 9px 0px rgba(50, 50, 50, 0.2);    position: absolute;
left: 0px;
right: 0px;}
.card-box{text-align:center;padding:60px 0px 18px 0px;font-size:22px;font-weight:600; -webkit-box-shadow: 0px 1px 9px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:   0px 1px 9px 0px rgba(50, 50, 50, 0.2);
box-shadow:       0px 1px 9px 0px rgba(50, 50, 50, 0.2);background-color:#fff;border-radius: 10px;margin-top:40px;}
.different .col-md-4{margin-bottom:40px;}
.timeline-bg{padding:75px 0px;position: relative;background:url(https://docentpharma.com/wp-content/uploads/2020/10/bg2.jpg) no-repeat center 0px;background-size: cover;}
.timeline-bg h2{font-size:60px;font-weight:500;text-align:center;margin-bottom:40px;color:#fff8d7;}
.timeline-bg h2::before{width:184px;background-color:#fff8d7;height:16px;content: "";position: absolute;top:160px;left: 0px;right:0px;margin:0px auto;}
.timeline-bg h2 span{font-weight:700;} .direction-l{background:url(//docentpharma.com/wp-content/themes/Avada-Child-Theme/new/images/left-time-line.png) no-repeat 0px 0px;}
.timeline .direction-l .tag-title{font-size: 26px;font-weight: 600;color: #fff;text-transform: uppercase;padding: 12px 0px 16px 0px;width:60%;text-align:center;}
.timeline .direction-l p{font-size: 22px;font-weight: 600;color: #00896f;width: 65%;margin: 0px 0px 0px 35px;line-height: 28px;padding-bottom: 18px;min-height:70px;}
.direction-r{background:url(//docentpharma.com/wp-content/themes/Avada-Child-Theme/new/images/right-time-line-img.png) no-repeat 0px 0px;text-align:right;}
.timeline .direction-r .tag-title{font-size: 26px;font-weight: 600;color: #fff;text-transform: uppercase;padding: 12px 0px 16px 0px;width:60%;text-align:center;float:right;}
.timeline .direction-r p{font-size: 22px;font-weight: 600;color: #00896f;width: 65%;margin: 0px 35px 0px 0px;float:right; line-height: 28px;padding-bottom: 18px;min-height:70px;}
img{max-width:100%;}
.timeline {
position: relative;
margin: 0 auto;
margin-top:90px;
padding: 1em 0;
list-style-type: none;
}
.timeline:before {
position: absolute;
left: 50%;
top: 0;
content: ' ';
display: block;
width:9px;
height: 100%;
margin-left: -3px;
background:#fff8d7;
z-index: 5;
border-radius: 10px;
}
.timeline li:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.direction-l {
position: relative;
width: 557px;
float: left;
text-align: left;
}
.direction-r {
position: relative;
width: 557px;
float: right;
}
.direction-l .flag:before,
.direction-r .flag:before {
position: absolute;
top: 38%;
right: -22px;
content: ' ';
display: block;
width: 46px;
height:46px;
margin-top: -10px;
background: #638f85;
border-radius: 100px;
border: 4px solid #fff;
z-index: 10;
}
.direction-r .flag:before {
left: -20px;
} .footer-section{background:url(https://docentpharma.com/wp-content/uploads/2020/10/footer-bg.png) repeat-x 0px 0px #638f85;padding:47px 0px 0px 0px;background-size: contain;}
.footer-section h2{color:#fff8d7;font-size:26px;font-weight:600;text-transform: uppercase;padding-top: 47px;}
.footer-section h2::before{width: 70px;background-color: #fff;height: 2px;content: "";position: absolute;top: 85px;left: 15px;}
.footer-section ul{margin:25px 0px 0px 0px;padding:0px;list-style-type: none;}
.footer-section ul li a{color:#fff;font-size:14px;text-transform: uppercase;}
.footer-section ul li a:hover{text-decoration: none;color:#fff1c1;}
.icon-flag{margin:10px 0px; text-align: center;}
.link-inquiry {text-align: center;}
.link-inquiry a{color:#fff;font-size:22px;font-weight:500;}
.link-inquiry a:hover{color:#fff;text-decoration: none;}
.Add {text-align: center;}
.footer-section p{font-size:18px;font-weight:500;color:#fff;padding-top:1px;}
.copy-right{border-top: solid 1px #42cdbb;margin: 18px 0px 0px 0px;padding: 14px 0px 0px 0px;display: inline-block;width: 100%;}
.left-copy{float:left;font-size:16px;color:#fff;}
.right-copy{float:right;font-size:16px;color:#fff;}
.cc_banner-wrapper {display:none;}
@media only screen and (max-width:1024px) {
.tabing-section .nav-tabs .nav-link{width:145px;font-size:25px;line-height: 26px;}
.tabing-section p{padding:26px 0px;font-size: 18px;line-height: 30px;}
.otc-details h2{font-size:30px;}
.industries .title{font-size:26px;}
.small-text {font-size: 20px!important;}
.timeline:before{display:none;}
h2{font-size:50px!important;}
.footer-section h2{font-size:26px!important;}
.industries p{font-size:24px;}
.who-we p{font-size:24px;}
.footer-section ul{margin-bottom:36px;}
.card-box{min-height:145px;}
}
@media only screen and (max-width:768px) {
.top-left-img{border:0px;}
.footer-section .col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
.tabing-section .nav-tabs .nav-link {
width: 107px;
font-size: 18px;
line-height: 20px;
}
.card-body .col-md-5{-webkit-box-flex: 0;
-ms-flex: 100%;
flex: 100%;
max-width: 100%;text-align:center;}
.card-body .col-md-7{-webkit-box-flex: 0;
-ms-flex: 100%;
flex: 100%;
max-width: 100%;}
.logo--home{width:235px;background-position: center 75%;}
.otc-details h2{text-align:center;}
.tabing-section p{text-align:center;}
.readmore{text-align:center;}
.page-header--home.headroom--not-top .logo--home{background-size:75%;}
.industries .title {font-size: 22px;line-height: 24px;}
.offering{background-size:cover;height:325px;}
.offering h2{font-size:35px!important;padding-top:30px;}
.who-we h2::before{top:146px;}
.right-copy{float:left;}
.card-box{font-size:19px;}
.timeline li{margin-bottom:30px;}
.timeline .direction-l p{min-height:65px;}
.footer-section ul li a{font-size:22px;}
.otc-details{padding-left:0px;}
}
@media only screen and (max-width:767px) {
.products-text{padding:150px 0px;}
.products-text::before{top:65%; !important}
.box-icon{display:none;}
.tabing-section .nav-tabs .nav-link{width:100%;}
.nav{display:inline-block!important;}
.border-none{border-right:solid 1px !important;}
.tabing-section .nav-tabs{width:100%;}
.tabing-section .nav-tabs .nav-link span br{display:none;}
.blank-space{display:none;}
.tabing-section .nav-tabs .nav-link{padding:12px 0px;}
.otc-details h2{font-size:32px!important;margin-top:25px;}
h2 {font-size: 44px!important;}
.industries h2::before{height:8px;top:125px;}
.industries .border-right{border:0px!important;}
.globe-section h2{line-height: 40px;}
}
@media only screen and (max-width:480px) {
h2 {
font-size: 35px!important;
}
.industries p, .who-we p{font-size:18px;}
.direction-l, .direction-r{background-color:#fff;background-image: none;width:100%;}
.timeline .direction-l .tag-title, .timeline .direction-r .tag-title{background-color:#00896f;width:100%;}
.direction-l .flag:before, .direction-r .flag:before{display:none;}
.timeline .direction-l p, .timeline .direction-r p{width: 100%;font-size: 18px;margin-left: 0px;margin-top: 12px;line-height: 24px;text-align:center!important;margin-right:0px;}
.timeline-bg h2::before{height:5px;top:133px;}
.timeline{margin-top:30px;}
}
.col-md-4.border-right:nth-child(3) {
border-right: none !important;
}
.col-md-4.border-right:nth-child(6) {
border-right: none !important;
}
.col-md-4.border-right:nth-child(9) {
border-right: none !important;
}
#mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item {
display: block !important;
}
@media only screen and (min-width:300px) and (max-width:480px) {
nav.main-nav.animate.z4.bg-color-02.slideInFromLeft ul {width: 360px !important;}
}
nav.main-nav.animate.z4.bg-color-02.slideInFromLeft ul {
border-bottom: .0625rem solid #ddd !important;
height: 100% !important; padding-left: 1.9375rem !important;
padding-right: .9375rem !important;
width: 471px ;
text-transform: uppercase;
margin-left:0px !important;
}
ul.sub-menu.no-list-style.main-nav-ul--level-2.small-left-space-2.small-bottom-space-2 li {
padding-top: 10px;
}
a.mega-menu-link {
width: 27.5rem !important;
padding-bottom: .875rem !important;
padding-top: .875rem !important;
font-size: 1.3125rem !important;
}
.col-md-4.service {
margin-top: 75px;
}
.col-md-4.docent {
display: block;
text-align: center;
}
.row.bottom {
padding-top: 30px;
}
#content {
float: none;
}@media print,
screen and (min-width:40em) {
.reveal,
.reveal.tiny,
.reveal.small,
.reveal.large {
right: auto;
left: auto;
margin: 0 auto
}
}
@media print,
screen and (min-width:40em) {
.row .row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
@media screen and (min-width:53.125em) {
.row .row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
@media print,
screen and (min-width:64em) {
.row .row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
@media screen and (min-width:80em) {
.row .row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
.row .row.collapse {
margin-right: 0;
margin-left: 0
}
.row.expanded {
max-width: none
}
.row.expanded .row {
margin-right: auto;
margin-left: auto
}
.row:not(.expanded) .row {
max-width: none
}
.row.collapse>.column,
.row.collapse>.columns {
padding-right: 0;
padding-left: 0
}
.row.is-collapse-child,
.row.collapse>.column>.row,
.row.collapse>.columns>.row {
margin-right: 0;
margin-left: 0
}
.column,
.columns {
flex: 1 1 0%;
padding-right: .9375rem;
padding-left: .9375rem;
min-width: 0
}
@media print,
screen and (min-width:64em) {
.column,
.columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
.column.row.row,
.row.row.columns {
float: none;
display: block
}
.row .column.row.row,
.row .row.row.columns {
margin-right: 0;
margin-left: 0;
padding-right: 0;
padding-left: 0
}
.small-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.small-offset-0 {
margin-left: 0%
}
.small-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.small-offset-1 {
margin-left: 8.33333%
}
.small-3 {
flex: 0 0 25%;
max-width: 25%
}
.small-offset-2 {
margin-left: 16.66667%
}
.small-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.small-offset-3 {
margin-left: 25%
}
.small-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.small-offset-4 {
margin-left: 33.33333%
}
.small-6 {
flex: 0 0 50%;
max-width: 50%
}
.small-offset-5 {
margin-left: 41.66667%
}
.small-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.small-offset-6 {
margin-left: 50%
}
.small-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.small-offset-7 {
margin-left: 58.33333%
}
.small-9 {
flex: 0 0 75%;
max-width: 75%
}
.small-offset-8 {
margin-left: 66.66667%
}
.small-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.small-offset-9 {
margin-left: 75%
}
.small-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.small-offset-10 {
margin-left: 83.33333%
}
.small-12 {
flex: 0 0 100%;
max-width: 100%
}
.small-offset-11 {
margin-left: 91.66667%
}
.small-up-1 {
flex-wrap: wrap
}
.small-up-1>.column,
.small-up-1>.columns {
flex: 0 0 100%;
max-width: 100%
}
.small-up-2 {
flex-wrap: wrap
}
.small-up-2>.column,
.small-up-2>.columns {
flex: 0 0 50%;
max-width: 50%
}
.small-up-3 {
flex-wrap: wrap
}
.small-up-3>.column,
.small-up-3>.columns {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.small-up-4 {
flex-wrap: wrap
}
.small-up-4>.column,
.small-up-4>.columns {
flex: 0 0 25%;
max-width: 25%
}
.small-up-5 {
flex-wrap: wrap
}
.small-up-5>.column,
.small-up-5>.columns {
flex: 0 0 20%;
max-width: 20%
}
.small-up-6 {
flex-wrap: wrap
}
.small-up-6>.column,
.small-up-6>.columns {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.small-up-7 {
flex-wrap: wrap
}
.small-up-7>.column,
.small-up-7>.columns {
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.small-up-8 {
flex-wrap: wrap
}
.small-up-8>.column,
.small-up-8>.columns {
flex: 0 0 12.5%;
max-width: 12.5%
}
.small-collapse>.column,
.small-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.small-uncollapse>.column,
.small-uncollapse>.columns {
padding-right: .9375rem;
padding-left: .9375rem
}
@media print,
screen and (min-width:40em) {
.medium-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.medium-offset-0 {
margin-left: 0%
}
.medium-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.medium-offset-1 {
margin-left: 8.33333%
}
.medium-3 {
flex: 0 0 25%;
max-width: 25%
}
.medium-offset-2 {
margin-left: 16.66667%
}
.medium-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.medium-offset-3 {
margin-left: 25%
}
.medium-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.medium-offset-4 {
margin-left: 33.33333%
}
.medium-6 {
flex: 0 0 50%;
max-width: 50%
}
.medium-offset-5 {
margin-left: 41.66667%
}
.medium-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.medium-offset-6 {
margin-left: 50%
}
.medium-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.medium-offset-7 {
margin-left: 58.33333%
}
.medium-9 {
flex: 0 0 75%;
max-width: 75%
}
.medium-offset-8 {
margin-left: 66.66667%
}
.medium-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.medium-offset-9 {
margin-left: 75%
}
.medium-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.medium-offset-10 {
margin-left: 83.33333%
}
.medium-12 {
flex: 0 0 100%;
max-width: 100%
}
.medium-offset-11 {
margin-left: 91.66667%
}
.medium-up-1 {
flex-wrap: wrap
}
.medium-up-1>.column,
.medium-up-1>.columns {
flex: 0 0 100%;
max-width: 100%
}
.medium-up-2 {
flex-wrap: wrap
}
.medium-up-2>.column,
.medium-up-2>.columns {
flex: 0 0 50%;
max-width: 50%
}
.medium-up-3 {
flex-wrap: wrap
}
.medium-up-3>.column,
.medium-up-3>.columns {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.medium-up-4 {
flex-wrap: wrap
}
.medium-up-4>.column,
.medium-up-4>.columns {
flex: 0 0 25%;
max-width: 25%
}
.medium-up-5 {
flex-wrap: wrap
}
.medium-up-5>.column,
.medium-up-5>.columns {
flex: 0 0 20%;
max-width: 20%
}
.medium-up-6 {
flex-wrap: wrap
}
.medium-up-6>.column,
.medium-up-6>.columns {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.medium-up-7 {
flex-wrap: wrap
}
.medium-up-7>.column,
.medium-up-7>.columns {
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.medium-up-8 {
flex-wrap: wrap
}
.medium-up-8>.column,
.medium-up-8>.columns {
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media print,
screen and (min-width:40em) and (min-width:40em) {
.medium-expand {
flex: 1 1 0%
}
}
.row.medium-unstack>.column,
.row.medium-unstack>.columns {
flex: 0 0 100%
}
@media print,
screen and (min-width:40em) {
.row.medium-unstack>.column,
.row.medium-unstack>.columns {
flex: 1 1 0%
}
}
@media print,
screen and (min-width:40em) {
.medium-collapse>.column,
.medium-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.medium-uncollapse>.column,
.medium-uncollapse>.columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
@media screen and (min-width:53.125em) {
.xmedium-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.xmedium-offset-0 {
margin-left: 0%
}
.xmedium-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.xmedium-offset-1 {
margin-left: 8.33333%
}
.xmedium-3 {
flex: 0 0 25%;
max-width: 25%
}
.xmedium-offset-2 {
margin-left: 16.66667%
}
.xmedium-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.xmedium-offset-3 {
margin-left: 25%
}
.xmedium-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.xmedium-offset-4 {
margin-left: 33.33333%
}
.xmedium-6 {
flex: 0 0 50%;
max-width: 50%
}
.xmedium-offset-5 {
margin-left: 41.66667%
}
.xmedium-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.xmedium-offset-6 {
margin-left: 50%
}
.xmedium-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.xmedium-offset-7 {
margin-left: 58.33333%
}
.xmedium-9 {
flex: 0 0 75%;
max-width: 75%
}
.xmedium-offset-8 {
margin-left: 66.66667%
}
.xmedium-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.xmedium-offset-9 {
margin-left: 75%
}
.xmedium-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.xmedium-offset-10 {
margin-left: 83.33333%
}
.xmedium-12 {
flex: 0 0 100%;
max-width: 100%
}
.xmedium-offset-11 {
margin-left: 91.66667%
}
.xmedium-up-1 {
flex-wrap: wrap
}
.xmedium-up-1>.column,
.xmedium-up-1>.columns {
flex: 0 0 100%;
max-width: 100%
}
.xmedium-up-2 {
flex-wrap: wrap
}
.xmedium-up-2>.column,
.xmedium-up-2>.columns {
flex: 0 0 50%;
max-width: 50%
}
.xmedium-up-3 {
flex-wrap: wrap
}
.xmedium-up-3>.column,
.xmedium-up-3>.columns {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.xmedium-up-4 {
flex-wrap: wrap
}
.xmedium-up-4>.column,
.xmedium-up-4>.columns {
flex: 0 0 25%;
max-width: 25%
}
.xmedium-up-5 {
flex-wrap: wrap
}
.xmedium-up-5>.column,
.xmedium-up-5>.columns {
flex: 0 0 20%;
max-width: 20%
}
.xmedium-up-6 {
flex-wrap: wrap
}
.xmedium-up-6>.column,
.xmedium-up-6>.columns {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.xmedium-up-7 {
flex-wrap: wrap
}
.xmedium-up-7>.column,
.xmedium-up-7>.columns {
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.xmedium-up-8 {
flex-wrap: wrap
}
.xmedium-up-8>.column,
.xmedium-up-8>.columns {
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media screen and (min-width:53.125em) and (min-width:53.125em) {
.xmedium-expand {
flex: 1 1 0%
}
}
.row.xmedium-unstack>.column,
.row.xmedium-unstack>.columns {
flex: 0 0 100%
}
@media screen and (min-width:53.125em) {
.row.xmedium-unstack>.column,
.row.xmedium-unstack>.columns {
flex: 1 1 0%
}
}
@media screen and (min-width:53.125em) {
.xmedium-collapse>.column,
.xmedium-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.xmedium-uncollapse>.column,
.xmedium-uncollapse>.columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
@media print,
screen and (min-width:64em) {
.large-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.large-offset-0 {
margin-left: 0%
}
.large-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.large-offset-1 {
margin-left: 8.33333%
}
.large-3 {
flex: 0 0 25%;
max-width: 25%
}
.large-offset-2 {
margin-left: 16.66667%
}
.large-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.large-offset-3 {
margin-left: 25%
}
.large-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.large-offset-4 {
margin-left: 33.33333%
}
.large-6 {
flex: 0 0 50%;
max-width: 50%
}
.large-offset-5 {
margin-left: 41.66667%
}
.large-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.large-offset-6 {
margin-left: 50%
}
.large-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.large-offset-7 {
margin-left: 58.33333%
}
.large-9 {
flex: 0 0 75%;
max-width: 75%
}
.large-offset-8 {
margin-left: 66.66667%
}
.large-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.large-offset-9 {
margin-left: 75%
}
.large-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.large-offset-10 {
margin-left: 83.33333%
}
.large-12 {
flex: 0 0 100%;
max-width: 100%
}
.large-offset-11 {
margin-left: 91.66667%
}
.large-up-1 {
flex-wrap: wrap
}
.large-up-1>.column,
.large-up-1>.columns {
flex: 0 0 100%;
max-width: 100%
}
.large-up-2 {
flex-wrap: wrap
}
.large-up-2>.column,
.large-up-2>.columns {
flex: 0 0 50%;
max-width: 50%
}
.large-up-3 {
flex-wrap: wrap
}
.large-up-3>.column,
.large-up-3>.columns {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.large-up-4 {
flex-wrap: wrap
}
.large-up-4>.column,
.large-up-4>.columns {
flex: 0 0 25%;
max-width: 25%
}
.large-up-5 {
flex-wrap: wrap
}
.large-up-5>.column,
.large-up-5>.columns {
flex: 0 0 20%;
max-width: 20%
}
.large-up-6 {
flex-wrap: wrap
}
.large-up-6>.column,
.large-up-6>.columns {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.large-up-7 {
flex-wrap: wrap
}
.large-up-7>.column,
.large-up-7>.columns {
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.large-up-8 {
flex-wrap: wrap
}
.large-up-8>.column,
.large-up-8>.columns {
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media print,
screen and (min-width:64em) and (min-width:64em) {
.large-expand {
flex: 1 1 0%
}
}
.row.large-unstack>.column,
.row.large-unstack>.columns {
flex: 0 0 100%
}
@media print,
screen and (min-width:64em) {
.row.large-unstack>.column,
.row.large-unstack>.columns {
flex: 1 1 0%
}
}
@media print,
screen and (min-width:64em) {
.large-collapse>.column,
.large-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.large-uncollapse>.column,
.large-uncollapse>.columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
@media screen and (min-width:80em) {
.xlarge-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.xlarge-offset-0 {
margin-left: 0%
}
.xlarge-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.xlarge-offset-1 {
margin-left: 8.33333%
}
.xlarge-3 {
flex: 0 0 25%;
max-width: 25%
}
.xlarge-offset-2 {
margin-left: 16.66667%
}
.xlarge-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.xlarge-offset-3 {
margin-left: 25%
}
.xlarge-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.xlarge-offset-4 {
margin-left: 33.33333%
}
.xlarge-6 {
flex: 0 0 50%;
max-width: 50%
}
.xlarge-offset-5 {
margin-left: 41.66667%
}
.xlarge-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.xlarge-offset-6 {
margin-left: 50%
}
.xlarge-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.xlarge-offset-7 {
margin-left: 58.33333%
}
.xlarge-9 {
flex: 0 0 75%;
max-width: 75%
}
.xlarge-offset-8 {
margin-left: 66.66667%
}
.xlarge-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.xlarge-offset-9 {
margin-left: 75%
}
.xlarge-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.xlarge-offset-10 {
margin-left: 83.33333%
}
.xlarge-12 {
flex: 0 0 100%;
max-width: 100%
}
.xlarge-offset-11 {
margin-left: 91.66667%
}
.xlarge-up-1 {
flex-wrap: wrap
}
.xlarge-up-1>.column,
.xlarge-up-1>.columns {
flex: 0 0 100%;
max-width: 100%
}
.xlarge-up-2 {
flex-wrap: wrap
}
.xlarge-up-2>.column,
.xlarge-up-2>.columns {
flex: 0 0 50%;
max-width: 50%
}
.xlarge-up-3 {
flex-wrap: wrap
}
.xlarge-up-3>.column,
.xlarge-up-3>.columns {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.xlarge-up-4 {
flex-wrap: wrap
}
.xlarge-up-4>.column,
.xlarge-up-4>.columns {
flex: 0 0 25%;
max-width: 25%
}
.xlarge-up-5 {
flex-wrap: wrap
}
.xlarge-up-5>.column,
.xlarge-up-5>.columns {
flex: 0 0 20%;
max-width: 20%
}
.xlarge-up-6 {
flex-wrap: wrap
}
.xlarge-up-6>.column,
.xlarge-up-6>.columns {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.xlarge-up-7 {
flex-wrap: wrap
}
.xlarge-up-7>.column,
.xlarge-up-7>.columns {
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.xlarge-up-8 {
flex-wrap: wrap
}
.xlarge-up-8>.column,
.xlarge-up-8>.columns {
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media screen and (min-width:80em) and (min-width:80em) {
.xlarge-expand {
flex: 1 1 0%
}
}
.row.xlarge-unstack>.column,
.row.xlarge-unstack>.columns {
flex: 0 0 100%
}
@media screen and (min-width:80em) {
.row.xlarge-unstack>.column,
.row.xlarge-unstack>.columns {
flex: 1 1 0%
}
}
@media screen and (min-width:80em) {
.xlarge-collapse>.column,
.xlarge-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.xlarge-uncollapse>.column,
.xlarge-uncollapse>.columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
.shrink {
flex: 0 0 auto;
max-width: 100%
}
.column-block {
margin-bottom: 1.875rem
}
.column-block>:last-child {
margin-bottom: 0
}
@media print,
screen and (min-width:64em) {
.column-block {
margin-bottom: 1.875rem
}
.column-block>:last-child {
margin-bottom: 0
}
}
.align-left {
justify-content: flex-start
}
.align-right {
justify-content: flex-end
}
.align-center {
justify-content: center
}
.align-justify {
justify-content: space-between
}
.align-spaced {
justify-content: space-around
}
.align-left.vertical.menu>li>a {
justify-content: flex-start
}
.align-right.vertical.menu>li>a {
justify-content: flex-end
}
.align-center.vertical.menu>li>a {
justify-content: center
}
.align-top {
align-items: flex-start
}
.align-self-top {
align-self: flex-start
}
.align-bottom {
align-items: flex-end
}
.align-self-bottom {
align-self: flex-end
}
.align-middle {
align-items: center
}
.align-self-middle {
align-self: center
}
.align-stretch {
align-items: stretch
}
.align-self-stretch {
align-self: stretch
}
.align-center-middle {
justify-content: center;
align-items: center;
align-content: center
}
.small-order-1 {
order: 1
}
.small-order-2 {
order: 2
}
.small-order-3 {
order: 3
}
.small-order-4 {
order: 4
}
.small-order-5 {
order: 5
}
.small-order-6 {
order: 6
}
@media print,
screen and (min-width:40em) {
.medium-order-1 {
order: 1
}
.medium-order-2 {
order: 2
}
.medium-order-3 {
order: 3
}
.medium-order-4 {
order: 4
}
.medium-order-5 {
order: 5
}
.medium-order-6 {
order: 6
}
}
@media screen and (min-width:53.125em) {
.xmedium-order-1 {
order: 1
}
.xmedium-order-2 {
order: 2
}
.xmedium-order-3 {
order: 3
}
.xmedium-order-4 {
order: 4
}
.xmedium-order-5 {
order: 5
}
.xmedium-order-6 {
order: 6
}
}
@media print,
screen and (min-width:64em) {
.large-order-1 {
order: 1
}
.large-order-2 {
order: 2
}
.large-order-3 {
order: 3
}
.large-order-4 {
order: 4
}
.large-order-5 {
order: 5
}
.large-order-6 {
order: 6
}
}
@media screen and (min-width:80em) {
.xlarge-order-1 {
order: 1
}
.xlarge-order-2 {
order: 2
}
.xlarge-order-3 {
order: 3
}
.xlarge-order-4 {
order: 4
}
.xlarge-order-5 {
order: 5
}
.xlarge-order-6 {
order: 6
}
}
.flex-container {
display: flex
}
.flex-child-auto {
flex: 1 1 auto
}
.flex-child-grow {
flex: 1 0 auto
}
.flex-child-shrink {
flex: 0 1 auto
}
.flex-dir-row {
flex-direction: row
}
.flex-dir-row-reverse {
flex-direction: row-reverse
}
.flex-dir-column {
flex-direction: column
}
.flex-dir-column-reverse {
flex-direction: column-reverse
}
@media print,
screen and (min-width:40em) {
.medium-flex-container {
display: flex
}
.medium-flex-child-auto {
flex: 1 1 auto
}
.medium-flex-child-grow {
flex: 1 0 auto
}
.medium-flex-child-shrink {
flex: 0 1 auto
}
.medium-flex-dir-row {
flex-direction: row
}
.medium-flex-dir-row-reverse {
flex-direction: row-reverse
}
.medium-flex-dir-column {
flex-direction: column
}
.medium-flex-dir-column-reverse {
flex-direction: column-reverse
}
}
@media screen and (min-width:53.125em) {
.xmedium-flex-container {
display: flex
}
.xmedium-flex-child-auto {
flex: 1 1 auto
}
.xmedium-flex-child-grow {
flex: 1 0 auto
}
.xmedium-flex-child-shrink {
flex: 0 1 auto
}
.xmedium-flex-dir-row {
flex-direction: row
}
.xmedium-flex-dir-row-reverse {
flex-direction: row-reverse
}
.xmedium-flex-dir-column {
flex-direction: column
}
.xmedium-flex-dir-column-reverse {
flex-direction: column-reverse
}
}
@media print,
screen and (min-width:64em) {
.large-flex-container {
display: flex
}
.large-flex-child-auto {
flex: 1 1 auto
}
.large-flex-child-grow {
flex: 1 0 auto
}
.large-flex-child-shrink {
flex: 0 1 auto
}
.large-flex-dir-row {
flex-direction: row
}
.large-flex-dir-row-reverse {
flex-direction: row-reverse
}
.large-flex-dir-column {
flex-direction: column
}
.large-flex-dir-column-reverse {
flex-direction: column-reverse
}
}
@media screen and (min-width:80em) {
.xlarge-flex-container {
display: flex
}
.xlarge-flex-child-auto {
flex: 1 1 auto
}
.xlarge-flex-child-grow {
flex: 1 0 auto
}
.xlarge-flex-child-shrink {
flex: 0 1 auto
}
.xlarge-flex-dir-row {
flex-direction: row
}
.xlarge-flex-dir-row-reverse {
flex-direction: row-reverse
}
.xlarge-flex-dir-column {
flex-direction: column
}
.xlarge-flex-dir-column-reverse {
flex-direction: column-reverse
}
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
h1 {
font-size: 2em;
margin: .67em 0
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
template {
display: none
}
[hidden] {
display: none
}
.foundation-mq {
font-family: "small=0em&medium=40em&xmedium=53.125em&large=64em&xlarge=80em"
}
html {
box-sizing: border-box;
font-size: 100%
}
*,
*::before,
*::after {
box-sizing: inherit
}
body {
margin: 0;
padding: 0;
background: #fefefe;
font-family: Roboto, Arial, sans-serif;
font-weight: 400;
line-height: 1.6;
color: #535353;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic
}
textarea {
height: auto;
min-height: 50px;
border-radius: 0
}
select {
box-sizing: border-box;
width: 100%;
border-radius: 0
}
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
max-width: none!important
}
button {
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-radius: 0;
background: transparent;
line-height: 1;
cursor: auto
}
[data-whatinput='mouse'] button {
outline: 0
}
pre {
overflow: auto
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit
}
.is-visible {
display: block!important
}
.is-hidden {
display: none!important
}
html.is-reveal-open {
position: fixed;
width: 100%;
overflow-y: hidden
}
html.is-reveal-open.zf-has-scroll {
overflow-y: scroll
}
html.is-reveal-open body {
overflow-y: hidden
}
.reveal-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1005;
display: none;
background-color: rgba(10, 10, 10, .45);
overflow-y: auto
}
.reveal {
z-index: 1006;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: none;
padding: 1rem;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fefefe;
position: relative;
top: 100px;
margin-right: auto;
margin-left: auto;
overflow-y: auto
}
[data-whatinput='mouse'] .reveal {
outline: 0
}
@media print,
screen and (min-width:40em) {
.reveal {
min-height: 0
}
}
.reveal .column,
.reveal .columns {
min-width: 0
}
.reveal>:last-child {
margin-bottom: 0
}
@media print,
screen and (min-width:40em) {
.reveal {
width: 600px;
max-width: 75rem
}
}
.reveal.collapse {
padding: 0
}
@media print,
screen and (min-width:40em) {
.reveal.tiny {
width: 30%;
max-width: 75rem
}
}
@media print,
screen and (min-width:40em) {
.reveal.small {
width: 50%;
max-width: 75rem
}
}
@media print,
screen and (min-width:40em) {
.reveal.large {
width: 90%;
max-width: 75rem
}
}
.reveal.full {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
margin-left: 0;
border: 0;
border-radius: 0
}
@media screen and (max-width:39.99875em) {
.reveal {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
margin-left: 0;
border: 0;
border-radius: 0
}
}
.reveal.without-overlay {
position: fixed
}
.hide {
display: none!important
}
.invisible {
visibility: hidden
}
@media screen and (max-width:39.99875em) {
.hide-for-small-only {
display: none!important
}
}
@media screen and (max-width:0em),
screen and (min-width:40em) {
.show-for-small-only {
display: none!important
}
}
@media print,
screen and (min-width:40em) {
.hide-for-medium {
display: none!important
}
}
@media screen and (max-width:39.99875em) {
.show-for-medium {
display: none!important
}
}
@media screen and (min-width:40em) and (max-width:53.12375em) {
.hide-for-medium-only {
display: none!important
}
}
@media screen and (max-width:39.99875em),
screen and (min-width:53.125em) {
.show-for-medium-only {
display: none!important
}
}
@media screen and (min-width:53.125em) {
.hide-for-xmedium {
display: none!important
}
}
@media screen and (max-width:53.12375em) {
.show-for-xmedium {
display: none!important
}
}
@media screen and (min-width:53.125em) and (max-width:63.99875em) {
.hide-for-xmedium-only {
display: none!important
}
}
@media screen and (max-width:53.12375em),
screen and (min-width:64em) {
.show-for-xmedium-only {
display: none!important
}
}
@media print,
screen and (min-width:64em) {
.hide-for-large {
display: none!important
}
}
@media screen and (max-width:63.99875em) {
.show-for-large {
display: none!important
}
}
@media screen and (min-width:64em) and (max-width:79.99875em) {
.hide-for-large-only {
display: none!important
}
}
@media screen and (max-width:63.99875em),
screen and (min-width:80em) {
.show-for-large-only {
display: none!important
}
}
@media screen and (min-width:80em) {
.hide-for-xlarge {
display: none!important
}
}
@media screen and (max-width:79.99875em) {
.show-for-xlarge {
display: none!important
}
}
@media screen and (min-width:80em) {
.hide-for-xlarge-only {
display: none!important
}
}
@media screen and (max-width:79.99875em) {
.show-for-xlarge-only {
display: none!important
}
}
.show-for-sr,
.show-on-focus {
position: absolute!important;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0
}
.show-on-focus:active,
.show-on-focus:focus {
position: static!important;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal
}
.show-for-landscape,
.hide-for-portrait {
display: block!important
}
@media screen and (orientation:landscape) {
.show-for-landscape,
.hide-for-portrait {
display: block!important
}
}
@media screen and (orientation:portrait) {
.show-for-landscape,
.hide-for-portrait {
display: none!important
}
}
.hide-for-landscape,
.show-for-portrait {
display: none!important
}
@media screen and (orientation:landscape) {
.hide-for-landscape,
.show-for-portrait {
display: none!important
}
}
@media screen and (orientation:portrait) {
.hide-for-landscape,
.show-for-portrait {
display: block!important
}
}
.small-space-1 {
padding: .625rem
}
.small-bottom-space-1 {
padding-bottom: .625rem
}
.small-bottom-margin-1 {
margin-bottom: .625rem
}
.small-top-space-1 {
padding-top: .625rem
}
.small-top-margin-1 {
margin-top: .625rem
}
.small-left-space-1 {
padding-left: .625rem
}
.small-right-space-1 {
padding-right: .625rem
}
.small-vertical-space-1 {
padding-bottom: .625rem;
padding-top: .625rem
}
.small-horizontal-space-1 {
padding-left: .625rem;
padding-right: .625rem
}
.small-space-2 {
padding: 1.25rem
}
.small-bottom-space-2 {
padding-bottom: 1.25rem
}
.small-bottom-margin-2 {
margin-bottom: 1.25rem
}
.small-top-space-2 {
padding-top: 1.25rem
}
.small-top-margin-2 {
margin-top: 1.25rem
}
.small-left-space-2 {
padding-left: 1.25rem
}
.small-right-space-2 {
padding-right: 1.25rem
}
.small-vertical-space-2 {
padding-bottom: 1.25rem;
padding-top: 1.25rem
}
.small-horizontal-space-2 {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.small-space-3 {
padding: 2.5rem
}
.small-bottom-space-3 {
padding-bottom: 2.5rem
}
.small-bottom-margin-3 {
margin-bottom: 2.5rem
}
.small-top-space-3 {
padding-top: 2.5rem
}
.small-top-margin-3 {
margin-top: 2.5rem
}
.small-left-space-3 {
padding-left: 2.5rem
}
.small-right-space-3 {
padding-right: 2.5rem
}
.small-vertical-space-3 {
padding-bottom: 2.5rem;
padding-top: 2.5rem
}
.small-horizontal-space-3 {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.small-space-4 {
padding: 3.125rem
}
.small-bottom-space-4 {
padding-bottom: 3.125rem
}
.small-bottom-margin-4 {
margin-bottom: 3.125rem
}
.small-top-space-4 {
padding-top: 3.125rem
}
.small-top-margin-4 {
margin-top: 3.125rem
}
.small-left-space-4 {
padding-left: 3.125rem
}
.small-right-space-4 {
padding-right: 3.125rem
}
.small-vertical-space-4 {
padding-bottom: 3.125rem;
padding-top: 3.125rem
}
.small-horizontal-space-4 {
padding-left: 3.125rem;
padding-right: 3.125rem
}
.small-space-5 {
padding: 4.375rem
}
.small-bottom-space-5 {
padding-bottom: 4.375rem
}
.small-bottom-margin-5 {
margin-bottom: 4.375rem
}
.small-top-space-5 {
padding-top: 4.375rem
}
.small-top-margin-5 {
margin-top: 4.375rem
}
.small-left-space-5 {
padding-left: 4.375rem
}
.small-right-space-5 {
padding-right: 4.375rem
}
.small-vertical-space-5 {
padding-bottom: 4.375rem;
padding-top: 4.375rem
}
.small-horizontal-space-5 {
padding-left: 4.375rem;
padding-right: 4.375rem
}
.small-space-6 {
padding: 5.75rem
}
.small-bottom-space-6 {
padding-bottom: 5.75rem
}
.small-bottom-margin-6 {
margin-bottom: 5.75rem
}
.small-top-space-6 {
padding-top: 5.75rem
}
.small-top-margin-6 {
margin-top: 5.75rem
}
.small-left-space-6 {
padding-left: 5.75rem
}
.small-right-space-6 {
padding-right: 5.75rem
}
.small-vertical-space-6 {
padding-bottom: 5.75rem;
padding-top: 5.75rem
}
.small-horizontal-space-6 {
padding-left: 5.75rem;
padding-right: 5.75rem
}
.small-space-7 {
padding: 6.25rem
}
.small-bottom-space-7 {
padding-bottom: 6.25rem
}
.small-bottom-margin-7 {
margin-bottom: 6.25rem
}
.small-top-space-7 {
padding-top: 6.25rem
}
.small-top-margin-7 {
margin-top: 6.25rem
}
.small-left-space-7 {
padding-left: 6.25rem
}
.small-right-space-7 {
padding-right: 6.25rem
}
.small-vertical-space-7 {
padding-bottom: 6.25rem;
padding-top: 6.25rem
}
.small-horizontal-space-7 {
padding-left: 6.25rem;
padding-right: 6.25rem
}
.small-space-8 {
padding: 6.8125rem
}
.small-bottom-space-8 {
padding-bottom: 6.8125rem
}
.small-bottom-margin-8 {
margin-bottom: 6.8125rem
}
.small-top-space-8 {
padding-top: 6.8125rem
}
.small-top-margin-8 {
margin-top: 6.8125rem
}
.small-left-space-8 {
padding-left: 6.8125rem
}
.small-right-space-8 {
padding-right: 6.8125rem
}
.small-vertical-space-8 {
padding-bottom: 6.8125rem;
padding-top: 6.8125rem
}
.small-horizontal-space-8 {
padding-left: 6.8125rem;
padding-right: 6.8125rem
}
.small-space-9 {
padding: 5rem
}
.small-bottom-space-9 {
padding-bottom: 5rem
}
.small-bottom-margin-9 {
margin-bottom: 5rem
}
.small-top-space-9 {
padding-top: 5rem
}
.small-top-margin-9 {
margin-top: 5rem
}
.small-left-space-9 {
padding-left: 5rem
}
.small-right-space-9 {
padding-right: 5rem
}
.small-vertical-space-9 {
padding-bottom: 5rem;
padding-top: 5rem
}
.small-horizontal-space-9 {
padding-left: 5rem;
padding-right: 5rem
}
.small-space-10 {
padding: 7.0625rem
}
.small-bottom-space-10 {
padding-bottom: 7.0625rem
}
.small-bottom-margin-10 {
margin-bottom: 7.0625rem
}
.small-top-space-10 {
padding-top: 7.0625rem
}
.small-top-margin-10 {
margin-top: 7.0625rem
}
.small-left-space-10 {
padding-left: 7.0625rem
}
.small-right-space-10 {
padding-right: 7.0625rem
}
.small-vertical-space-10 {
padding-bottom: 7.0625rem;
padding-top: 7.0625rem
}
.small-horizontal-space-10 {
padding-left: 7.0625rem;
padding-right: 7.0625rem
}
.small-space-11 {
padding: 8.0625rem
}
.small-bottom-space-11 {
padding-bottom: 8.0625rem
}
.small-bottom-margin-11 {
margin-bottom: 8.0625rem
}
.small-top-space-11 {
padding-top: 8.0625rem
}
.small-top-margin-11 {
margin-top: 8.0625rem
}
.small-left-space-11 {
padding-left: 8.0625rem
}
.small-right-space-11 {
padding-right: 8.0625rem
}
.small-vertical-space-11 {
padding-bottom: 8.0625rem;
padding-top: 8.0625rem
}
.small-horizontal-space-11 {
padding-left: 8.0625rem;
padding-right: 8.0625rem
}
.small-space-12 {
padding: 1rem
}
.small-bottom-space-12 {
padding-bottom: 1rem
}
.small-bottom-margin-12 {
margin-bottom: 1rem
}
.small-top-space-12 {
padding-top: 1rem
}
.small-top-margin-12 {
margin-top: 1rem
}
.small-left-space-12 {
padding-left: 1rem
}
.small-right-space-12 {
padding-right: 1rem
}
.small-vertical-space-12 {
padding-bottom: 1rem;
padding-top: 1rem
}
.small-horizontal-space-12 {
padding-left: 1rem;
padding-right: 1rem
}
.small-space-13 {
padding: .125rem
}
.small-bottom-space-13 {
padding-bottom: .125rem
}
.small-bottom-margin-13 {
margin-bottom: .125rem
}
.small-top-space-13 {
padding-top: .125rem
}
.small-top-margin-13 {
margin-top: .125rem
}
.small-left-space-13 {
padding-left: .125rem
}
.small-right-space-13 {
padding-right: .125rem
}
.small-vertical-space-13 {
padding-bottom: .125rem;
padding-top: .125rem
}
.small-horizontal-space-13 {
padding-left: .125rem;
padding-right: .125rem
}
@media screen and (max-width:39.99875em) {
.small-only-space-1 {
padding: .625rem
}
.small-only-bottom-space-1 {
padding-bottom: .625rem
}
.small-only-bottom-margin-1 {
margin-bottom: .625rem
}
.small-only-top-space-1 {
padding-top: .625rem
}
.small-only-top-margin-1 {
margin-top: .625rem
}
.small-only-left-space-1 {
padding-left: .625rem
}
.small-only-right-space-1 {
padding-right: .625rem
}
.small-only-vertical-space-1 {
padding-bottom: .625rem;
padding-top: .625rem
}
.small-only-horizontal-space-1 {
padding-left: .625rem;
padding-right: .625rem
}
.small-only-space-2 {
padding: 1.25rem
}
.small-only-bottom-space-2 {
padding-bottom: 1.25rem
}
.small-only-bottom-margin-2 {
margin-bottom: 1.25rem
}
.small-only-top-space-2 {
padding-top: 1.25rem
}
.small-only-top-margin-2 {
margin-top: 1.25rem
}
.small-only-left-space-2 {
padding-left: 1.25rem
}
.small-only-right-space-2 {
padding-right: 1.25rem
}
.small-only-vertical-space-2 {
padding-bottom: 1.25rem;
padding-top: 1.25rem
}
.small-only-horizontal-space-2 {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.small-only-space-3 {
padding: 2.5rem
}
.small-only-bottom-space-3 {
padding-bottom: 2.5rem
}
.small-only-bottom-margin-3 {
margin-bottom: 2.5rem
}
.small-only-top-space-3 {
padding-top: 2.5rem
}
.small-only-top-margin-3 {
margin-top: 2.5rem
}
.small-only-left-space-3 {
padding-left: 2.5rem
}
.small-only-right-space-3 {
padding-right: 2.5rem
}
.small-only-vertical-space-3 {
padding-bottom: 2.5rem;
padding-top: 2.5rem
}
.small-only-horizontal-space-3 {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.small-only-space-4 {
padding: 3.125rem
}
.small-only-bottom-space-4 {
padding-bottom: 3.125rem
}
.small-only-bottom-margin-4 {
margin-bottom: 3.125rem
}
.small-only-top-space-4 {
padding-top: 3.125rem
}
.small-only-top-margin-4 {
margin-top: 3.125rem
}
.small-only-left-space-4 {
padding-left: 3.125rem
}
.small-only-right-space-4 {
padding-right: 3.125rem
}
.small-only-vertical-space-4 {
padding-bottom: 3.125rem;
padding-top: 3.125rem
}
.small-only-horizontal-space-4 {
padding-left: 3.125rem;
padding-right: 3.125rem
}
.small-only-space-5 {
padding: 4.375rem
}
.small-only-bottom-space-5 {
padding-bottom: 4.375rem
}
.small-only-bottom-margin-5 {
margin-bottom: 4.375rem
}
.small-only-top-space-5 {
padding-top: 4.375rem
}
.small-only-top-margin-5 {
margin-top: 4.375rem
}
.small-only-left-space-5 {
padding-left: 4.375rem
}
.small-only-right-space-5 {
padding-right: 4.375rem
}
.small-only-vertical-space-5 {
padding-bottom: 4.375rem;
padding-top: 4.375rem
}
.small-only-horizontal-space-5 {
padding-left: 4.375rem;
padding-right: 4.375rem
}
.small-only-space-6 {
padding: 5.75rem
}
.small-only-bottom-space-6 {
padding-bottom: 5.75rem
}
.small-only-bottom-margin-6 {
margin-bottom: 5.75rem
}
.small-only-top-space-6 {
padding-top: 5.75rem
}
.small-only-top-margin-6 {
margin-top: 5.75rem
}
.small-only-left-space-6 {
padding-left: 5.75rem
}
.small-only-right-space-6 {
padding-right: 5.75rem
}
.small-only-vertical-space-6 {
padding-bottom: 5.75rem;
padding-top: 5.75rem
}
.small-only-horizontal-space-6 {
padding-left: 5.75rem;
padding-right: 5.75rem
}
.small-only-space-7 {
padding: 6.25rem
}
.small-only-bottom-space-7 {
padding-bottom: 6.25rem
}
.small-only-bottom-margin-7 {
margin-bottom: 6.25rem
}
.small-only-top-space-7 {
padding-top: 6.25rem
}
.small-only-top-margin-7 {
margin-top: 6.25rem
}
.small-only-left-space-7 {
padding-left: 6.25rem
}
.small-only-right-space-7 {
padding-right: 6.25rem
}
.small-only-vertical-space-7 {
padding-bottom: 6.25rem;
padding-top: 6.25rem
}
.small-only-horizontal-space-7 {
padding-left: 6.25rem;
padding-right: 6.25rem
}
.small-only-space-8 {
padding: 6.8125rem
}
.small-only-bottom-space-8 {
padding-bottom: 6.8125rem
}
.small-only-bottom-margin-8 {
margin-bottom: 6.8125rem
}
.small-only-top-space-8 {
padding-top: 6.8125rem
}
.small-only-top-margin-8 {
margin-top: 6.8125rem
}
.small-only-left-space-8 {
padding-left: 6.8125rem
}
.small-only-right-space-8 {
padding-right: 6.8125rem
}
.small-only-vertical-space-8 {
padding-bottom: 6.8125rem;
padding-top: 6.8125rem
}
.small-only-horizontal-space-8 {
padding-left: 6.8125rem;
padding-right: 6.8125rem
}
.small-only-space-9 {
padding: 5rem
}
.small-only-bottom-space-9 {
padding-bottom: 5rem
}
.small-only-bottom-margin-9 {
margin-bottom: 5rem
}
.small-only-top-space-9 {
padding-top: 5rem
}
.small-only-top-margin-9 {
margin-top: 5rem
}
.small-only-left-space-9 {
padding-left: 5rem
}
.small-only-right-space-9 {
padding-right: 5rem
}
.small-only-vertical-space-9 {
padding-bottom: 5rem;
padding-top: 5rem
}
.small-only-horizontal-space-9 {
padding-left: 5rem;
padding-right: 5rem
}
.small-only-space-10 {
padding: 7.0625rem
}
.small-only-bottom-space-10 {
padding-bottom: 7.0625rem
}
.small-only-bottom-margin-10 {
margin-bottom: 7.0625rem
}
.small-only-top-space-10 {
padding-top: 7.0625rem
}
.small-only-top-margin-10 {
margin-top: 7.0625rem
}
.small-only-left-space-10 {
padding-left: 7.0625rem
}
.small-only-right-space-10 {
padding-right: 7.0625rem
}
.small-only-vertical-space-10 {
padding-bottom: 7.0625rem;
padding-top: 7.0625rem
}
.small-only-horizontal-space-10 {
padding-left: 7.0625rem;
padding-right: 7.0625rem
}
.small-only-space-11 {
padding: 8.0625rem
}
.small-only-bottom-space-11 {
padding-bottom: 8.0625rem
}
.small-only-bottom-margin-11 {
margin-bottom: 8.0625rem
}
.small-only-top-space-11 {
padding-top: 8.0625rem
}
.small-only-top-margin-11 {
margin-top: 8.0625rem
}
.small-only-left-space-11 {
padding-left: 8.0625rem
}
.small-only-right-space-11 {
padding-right: 8.0625rem
}
.small-only-vertical-space-11 {
padding-bottom: 8.0625rem;
padding-top: 8.0625rem
}
.small-only-horizontal-space-11 {
padding-left: 8.0625rem;
padding-right: 8.0625rem
}
.small-only-space-12 {
padding: 1rem
}
.small-only-bottom-space-12 {
padding-bottom: 1rem
}
.small-only-bottom-margin-12 {
margin-bottom: 1rem
}
.small-only-top-space-12 {
padding-top: 1rem
}
.small-only-top-margin-12 {
margin-top: 1rem
}
.small-only-left-space-12 {
padding-left: 1rem
}
.small-only-right-space-12 {
padding-right: 1rem
}
.small-only-vertical-space-12 {
padding-bottom: 1rem;
padding-top: 1rem
}
.small-only-horizontal-space-12 {
padding-left: 1rem;
padding-right: 1rem
}
.small-only-space-13 {
padding: .125rem
}
.small-only-bottom-space-13 {
padding-bottom: .125rem
}
.small-only-bottom-margin-13 {
margin-bottom: .125rem
}
.small-only-top-space-13 {
padding-top: .125rem
}
.small-only-top-margin-13 {
margin-top: .125rem
}
.small-only-left-space-13 {
padding-left: .125rem
}
.small-only-right-space-13 {
padding-right: .125rem
}
.small-only-vertical-space-13 {
padding-bottom: .125rem;
padding-top: .125rem
}
.small-only-horizontal-space-13 {
padding-left: .125rem;
padding-right: .125rem
}
}
@media screen and (min-width:40em) {
.medium-space-1 {
padding: .625rem
}
.medium-bottom-space-1 {
padding-bottom: .625rem
}
.medium-bottom-margin-1 {
margin-bottom: .625rem
}
.medium-top-space-1 {
padding-top: .625rem
}
.medium-top-margin-1 {
margin-top: .625rem
}
.medium-left-space-1 {
padding-left: .625rem
}
.medium-right-space-1 {
padding-right: .625rem
}
.medium-vertical-space-1 {
padding-bottom: .625rem;
padding-top: .625rem
}
.medium-horizontal-space-1 {
padding-left: .625rem;
padding-right: .625rem
}
.medium-space-2 {
padding: 1.25rem
}
.medium-bottom-space-2 {
padding-bottom: 1.25rem
}
.medium-bottom-margin-2 {
margin-bottom: 1.25rem
}
.medium-top-space-2 {
padding-top: 1.25rem
}
.medium-top-margin-2 {
margin-top: 1.25rem
}
.medium-left-space-2 {
padding-left: 1.25rem
}
.medium-right-space-2 {
padding-right: 1.25rem
}
.medium-vertical-space-2 {
padding-bottom: 1.25rem;
padding-top: 1.25rem
}
.medium-horizontal-space-2 {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.medium-space-3 {
padding: 2.5rem
}
.medium-bottom-space-3 {
padding-bottom: 2.5rem
}
.medium-bottom-margin-3 {
margin-bottom: 2.5rem
}
.medium-top-space-3 {
padding-top: 2.5rem
}
.medium-top-margin-3 {
margin-top: 2.5rem
}
.medium-left-space-3 {
padding-left: 2.5rem
}
.medium-right-space-3 {
padding-right: 2.5rem
}
.medium-vertical-space-3 {
padding-bottom: 2.5rem;
padding-top: 2.5rem
}
.medium-horizontal-space-3 {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.medium-space-4 {
padding: 3.125rem
}
.medium-bottom-space-4 {
padding-bottom: 3.125rem
}
.medium-bottom-margin-4 {
margin-bottom: 3.125rem
}
.medium-top-space-4 {
padding-top: 3.125rem
}
.medium-top-margin-4 {
margin-top: 3.125rem
}
.medium-left-space-4 {
padding-left: 3.125rem
}
.medium-right-space-4 {
padding-right: 3.125rem
}
.medium-vertical-space-4 {
padding-bottom: 3.125rem;
padding-top: 3.125rem
}
.medium-horizontal-space-4 {
padding-left: 3.125rem;
padding-right: 3.125rem
}
.medium-space-5 {
padding: 4.375rem
}
.medium-bottom-space-5 {
padding-bottom: 4.375rem
}
.medium-bottom-margin-5 {
margin-bottom: 4.375rem
}
.medium-top-space-5 {
padding-top: 4.375rem
}
.medium-top-margin-5 {
margin-top: 4.375rem
}
.medium-left-space-5 {
padding-left: 4.375rem
}
.medium-right-space-5 {
padding-right: 4.375rem
}
.medium-vertical-space-5 {
padding-bottom: 4.375rem;
padding-top: 4.375rem
}
.medium-horizontal-space-5 {
padding-left: 4.375rem;
padding-right: 4.375rem
}
.medium-space-6 {
padding: 5.75rem
}
.medium-bottom-space-6 {
padding-bottom: 5.75rem
}
.medium-bottom-margin-6 {
margin-bottom: 5.75rem
}
.medium-top-space-6 {
padding-top: 5.75rem
}
.medium-top-margin-6 {
margin-top: 5.75rem
}
.medium-left-space-6 {
padding-left: 5.75rem
}
.medium-right-space-6 {
padding-right: 5.75rem
}
.medium-vertical-space-6 {
padding-bottom: 5.75rem;
padding-top: 5.75rem
}
.medium-horizontal-space-6 {
padding-left: 5.75rem;
padding-right: 5.75rem
}
.medium-space-7 {
padding: 6.25rem
}
.medium-bottom-space-7 {
padding-bottom: 6.25rem
}
.medium-bottom-margin-7 {
margin-bottom: 6.25rem
}
.medium-top-space-7 {
padding-top: 6.25rem
}
.medium-top-margin-7 {
margin-top: 6.25rem
}
.medium-left-space-7 {
padding-left: 6.25rem
}
.medium-right-space-7 {
padding-right: 6.25rem
}
.medium-vertical-space-7 {
padding-bottom: 6.25rem;
padding-top: 6.25rem
}
.medium-horizontal-space-7 {
padding-left: 6.25rem;
padding-right: 6.25rem
}
.medium-space-8 {
padding: 6.8125rem
}
.medium-bottom-space-8 {
padding-bottom: 6.8125rem
}
.medium-bottom-margin-8 {
margin-bottom: 6.8125rem
}
.medium-top-space-8 {
padding-top: 6.8125rem
}
.medium-top-margin-8 {
margin-top: 6.8125rem
}
.medium-left-space-8 {
padding-left: 6.8125rem
}
.medium-right-space-8 {
padding-right: 6.8125rem
}
.medium-vertical-space-8 {
padding-bottom: 6.8125rem;
padding-top: 6.8125rem
}
.medium-horizontal-space-8 {
padding-left: 6.8125rem;
padding-right: 6.8125rem
}
.medium-space-9 {
padding: 5rem
}
.medium-bottom-space-9 {
padding-bottom: 5rem
}
.medium-bottom-margin-9 {
margin-bottom: 5rem
}
.medium-top-space-9 {
padding-top: 5rem
}
.medium-top-margin-9 {
margin-top: 5rem
}
.medium-left-space-9 {
padding-left: 5rem
}
.medium-right-space-9 {
padding-right: 5rem
}
.medium-vertical-space-9 {
padding-bottom: 5rem;
padding-top: 5rem
}
.medium-horizontal-space-9 {
padding-left: 5rem;
padding-right: 5rem
}
.medium-space-10 {
padding: 7.0625rem
}
.medium-bottom-space-10 {
padding-bottom: 7.0625rem
}
.medium-bottom-margin-10 {
margin-bottom: 7.0625rem
}
.medium-top-space-10 {
padding-top: 7.0625rem
}
.medium-top-margin-10 {
margin-top: 7.0625rem
}
.medium-left-space-10 {
padding-left: 7.0625rem
}
.medium-right-space-10 {
padding-right: 7.0625rem
}
.medium-vertical-space-10 {
padding-bottom: 7.0625rem;
padding-top: 7.0625rem
}
.medium-horizontal-space-10 {
padding-left: 7.0625rem;
padding-right: 7.0625rem
}
.medium-space-11 {
padding: 8.0625rem
}
.medium-bottom-space-11 {
padding-bottom: 8.0625rem
}
.medium-bottom-margin-11 {
margin-bottom: 8.0625rem
}
.medium-top-space-11 {
padding-top: 8.0625rem
}
.medium-top-margin-11 {
margin-top: 8.0625rem
}
.medium-left-space-11 {
padding-left: 8.0625rem
}
.medium-right-space-11 {
padding-right: 8.0625rem
}
.medium-vertical-space-11 {
padding-bottom: 8.0625rem;
padding-top: 8.0625rem
}
.medium-horizontal-space-11 {
padding-left: 8.0625rem;
padding-right: 8.0625rem
}
.medium-space-12 {
padding: 1rem
}
.medium-bottom-space-12 {
padding-bottom: 1rem
}
.medium-bottom-margin-12 {
margin-bottom: 1rem
}
.medium-top-space-12 {
padding-top: 1rem
}
.medium-top-margin-12 {
margin-top: 1rem
}
.medium-left-space-12 {
padding-left: 1rem
}
.medium-right-space-12 {
padding-right: 1rem
}
.medium-vertical-space-12 {
padding-bottom: 1rem;
padding-top: 1rem
}
.medium-horizontal-space-12 {
padding-left: 1rem;
padding-right: 1rem
}
.medium-space-13 {
padding: .125rem
}
.medium-bottom-space-13 {
padding-bottom: .125rem
}
.medium-bottom-margin-13 {
margin-bottom: .125rem
}
.medium-top-space-13 {
padding-top: .125rem
}
.medium-top-margin-13 {
margin-top: .125rem
}
.medium-left-space-13 {
padding-left: .125rem
}
.medium-right-space-13 {
padding-right: .125rem
}
.medium-vertical-space-13 {
padding-bottom: .125rem;
padding-top: .125rem
}
.medium-horizontal-space-13 {
padding-left: .125rem;
padding-right: .125rem
}
}
@media screen and (max-width:53.12375em) {
.medium-down-space-1 {
padding: .625rem
}
.medium-down-bottom-space-1 {
padding-bottom: .625rem
}
.medium-down-bottom-margin-1 {
margin-bottom: .625rem
}
.medium-down-top-space-1 {
padding-top: .625rem
}
.medium-down-top-margin-1 {
margin-top: .625rem
}
.medium-down-left-space-1 {
padding-left: .625rem
}
.medium-down-right-space-1 {
padding-right: .625rem
}
.medium-down-vertical-space-1 {
padding-bottom: .625rem;
padding-top: .625rem
}
.medium-down-horizontal-space-1 {
padding-left: .625rem;
padding-right: .625rem
}
.medium-down-space-2 {
padding: 1.25rem
}
.medium-down-bottom-space-2 {
padding-bottom: 1.25rem
}
.medium-down-bottom-margin-2 {
margin-bottom: 1.25rem
}
.medium-down-top-space-2 {
padding-top: 1.25rem
}
.medium-down-top-margin-2 {
margin-top: 1.25rem
}
.medium-down-left-space-2 {
padding-left: 1.25rem
}
.medium-down-right-space-2 {
padding-right: 1.25rem
}
.medium-down-vertical-space-2 {
padding-bottom: 1.25rem;
padding-top: 1.25rem
}
.medium-down-horizontal-space-2 {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.medium-down-space-3 {
padding: 2.5rem
}
.medium-down-bottom-space-3 {
padding-bottom: 2.5rem
}
.medium-down-bottom-margin-3 {
margin-bottom: 2.5rem
}
.medium-down-top-space-3 {
padding-top: 2.5rem
}
.medium-down-top-margin-3 {
margin-top: 2.5rem
}
.medium-down-left-space-3 {
padding-left: 2.5rem
}
.medium-down-right-space-3 {
padding-right: 2.5rem
}
.medium-down-vertical-space-3 {
padding-bottom: 2.5rem;
padding-top: 2.5rem
}
.medium-down-horizontal-space-3 {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.medium-down-space-4 {
padding: 3.125rem
}
.medium-down-bottom-space-4 {
padding-bottom: 3.125rem
}
.medium-down-bottom-margin-4 {
margin-bottom: 3.125rem
}
.medium-down-top-space-4 {
padding-top: 3.125rem
}
.medium-down-top-margin-4 {
margin-top: 3.125rem
}
.medium-down-left-space-4 {
padding-left: 3.125rem
}
.medium-down-right-space-4 {
padding-right: 3.125rem
}
.medium-down-vertical-space-4 {
padding-bottom: 3.125rem;
padding-top: 3.125rem
}
.medium-down-horizontal-space-4 {
padding-left: 3.125rem;
padding-right: 3.125rem
}
.medium-down-space-5 {
padding: 4.375rem
}
.medium-down-bottom-space-5 {
padding-bottom: 4.375rem
}
.medium-down-bottom-margin-5 {
margin-bottom: 4.375rem
}
.medium-down-top-space-5 {
padding-top: 4.375rem
}
.medium-down-top-margin-5 {
margin-top: 4.375rem
}
.medium-down-left-space-5 {
padding-left: 4.375rem
}
.medium-down-right-space-5 {
padding-right: 4.375rem
}
.medium-down-vertical-space-5 {
padding-bottom: 4.375rem;
padding-top: 4.375rem
}
.medium-down-horizontal-space-5 {
padding-left: 4.375rem;
padding-right: 4.375rem
}
.medium-down-space-6 {
padding: 5.75rem
}
.medium-down-bottom-space-6 {
padding-bottom: 5.75rem
}
.medium-down-bottom-margin-6 {
margin-bottom: 5.75rem
}
.medium-down-top-space-6 {
padding-top: 5.75rem
}
.medium-down-top-margin-6 {
margin-top: 5.75rem
}
.medium-down-left-space-6 {
padding-left: 5.75rem
}
.medium-down-right-space-6 {
padding-right: 5.75rem
}
.medium-down-vertical-space-6 {
padding-bottom: 5.75rem;
padding-top: 5.75rem
}
.medium-down-horizontal-space-6 {
padding-left: 5.75rem;
padding-right: 5.75rem
}
.medium-down-space-7 {
padding: 6.25rem
}
.medium-down-bottom-space-7 {
padding-bottom: 6.25rem
}
.medium-down-bottom-margin-7 {
margin-bottom: 6.25rem
}
.medium-down-top-space-7 {
padding-top: 6.25rem
}
.medium-down-top-margin-7 {
margin-top: 6.25rem
}
.medium-down-left-space-7 {
padding-left: 6.25rem
}
.medium-down-right-space-7 {
padding-right: 6.25rem
}
.medium-down-vertical-space-7 {
padding-bottom: 6.25rem;
padding-top: 6.25rem
}
.medium-down-horizontal-space-7 {
padding-left: 6.25rem;
padding-right: 6.25rem
}
.medium-down-space-8 {
padding: 6.8125rem
}
.medium-down-bottom-space-8 {
padding-bottom: 6.8125rem
}
.medium-down-bottom-margin-8 {
margin-bottom: 6.8125rem
}
.medium-down-top-space-8 {
padding-top: 6.8125rem
}
.medium-down-top-margin-8 {
margin-top: 6.8125rem
}
.medium-down-left-space-8 {
padding-left: 6.8125rem
}
.medium-down-right-space-8 {
padding-right: 6.8125rem
}
.medium-down-vertical-space-8 {
padding-bottom: 6.8125rem;
padding-top: 6.8125rem
}
.medium-down-horizontal-space-8 {
padding-left: 6.8125rem;
padding-right: 6.8125rem
}
.medium-down-space-9 {
padding: 5rem
}
.medium-down-bottom-space-9 {
padding-bottom: 5rem
}
.medium-down-bottom-margin-9 {
margin-bottom: 5rem
}
.medium-down-top-space-9 {
padding-top: 5rem
}
.medium-down-top-margin-9 {
margin-top: 5rem
}
.medium-down-left-space-9 {
padding-left: 5rem
}
.medium-down-right-space-9 {
padding-right: 5rem
}
.medium-down-vertical-space-9 {
padding-bottom: 5rem;
padding-top: 5rem
}
.medium-down-horizontal-space-9 {
padding-left: 5rem;
padding-right: 5rem
}
.medium-down-space-10 {
padding: 7.0625rem
}
.medium-down-bottom-space-10 {
padding-bottom: 7.0625rem
}
.medium-down-bottom-margin-10 {
margin-bottom: 7.0625rem
}
.medium-down-top-space-10 {
padding-top: 7.0625rem
}
.medium-down-top-margin-10 {
margin-top: 7.0625rem
}
.medium-down-left-space-10 {
padding-left: 7.0625rem
}
.medium-down-right-space-10 {
padding-right: 7.0625rem
}
.medium-down-vertical-space-10 {
padding-bottom: 7.0625rem;
padding-top: 7.0625rem
}
.medium-down-horizontal-space-10 {
padding-left: 7.0625rem;
padding-right: 7.0625rem
}
.medium-down-space-11 {
padding: 8.0625rem
}
.medium-down-bottom-space-11 {
padding-bottom: 8.0625rem
}
.medium-down-bottom-margin-11 {
margin-bottom: 8.0625rem
}
.medium-down-top-space-11 {
padding-top: 8.0625rem
}
.medium-down-top-margin-11 {
margin-top: 8.0625rem
}
.medium-down-left-space-11 {
padding-left: 8.0625rem
}
.medium-down-right-space-11 {
padding-right: 8.0625rem
}
.medium-down-vertical-space-11 {
padding-bottom: 8.0625rem;
padding-top: 8.0625rem
}
.medium-down-horizontal-space-11 {
padding-left: 8.0625rem;
padding-right: 8.0625rem
}
.medium-down-space-12 {
padding: 1rem
}
.medium-down-bottom-space-12 {
padding-bottom: 1rem
}
.medium-down-bottom-margin-12 {
margin-bottom: 1rem
}
.medium-down-top-space-12 {
padding-top: 1rem
}
.medium-down-top-margin-12 {
margin-top: 1rem
}
.medium-down-left-space-12 {
padding-left: 1rem
}
.medium-down-right-space-12 {
padding-right: 1rem
}
.medium-down-vertical-space-12 {
padding-bottom: 1rem;
padding-top: 1rem
}
.medium-down-horizontal-space-12 {
padding-left: 1rem;
padding-right: 1rem
}
.medium-down-space-13 {
padding: .125rem
}
.medium-down-bottom-space-13 {
padding-bottom: .125rem
}
.medium-down-bottom-margin-13 {
margin-bottom: .125rem
}
.medium-down-top-space-13 {
padding-top: .125rem
}
.medium-down-top-margin-13 {
margin-top: .125rem
}
.medium-down-left-space-13 {
padding-left: .125rem
}
.medium-down-right-space-13 {
padding-right: .125rem
}
.medium-down-vertical-space-13 {
padding-bottom: .125rem;
padding-top: .125rem
}
.medium-down-horizontal-space-13 {
padding-left: .125rem;
padding-right: .125rem
}
}
@media screen and (min-width:53.125em) {
.xmedium-space-1 {
padding: .625rem
}
.xmedium-bottom-space-1 {
padding-bottom: .625rem
}
.xmedium-bottom-margin-1 {
margin-bottom: .625rem
}
.xmedium-top-space-1 {
padding-top: .625rem
}
.xmedium-top-margin-1 {
margin-top: .625rem
}
.xmedium-left-space-1 {
padding-left: .625rem
}
.xmedium-right-space-1 {
padding-right: .625rem
}
.xmedium-vertical-space-1 {
padding-bottom: .625rem;
padding-top: .625rem
}
.xmedium-horizontal-space-1 {
padding-left: .625rem;
padding-right: .625rem
}
.xmedium-space-2 {
padding: 1.25rem
}
.xmedium-bottom-space-2 {
padding-bottom: 1.25rem
}
.xmedium-bottom-margin-2 {
margin-bottom: 1.25rem
}
.xmedium-top-space-2 {
padding-top: 1.25rem
}
.xmedium-top-margin-2 {
margin-top: 1.25rem
}
.xmedium-left-space-2 {
padding-left: 1.25rem
}
.xmedium-right-space-2 {
padding-right: 1.25rem
}
.xmedium-vertical-space-2 {
padding-bottom: 1.25rem;
padding-top: 1.25rem
}
.xmedium-horizontal-space-2 {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.xmedium-space-3 {
padding: 2.5rem
}
.xmedium-bottom-space-3 {
padding-bottom: 2.5rem
}
.xmedium-bottom-margin-3 {
margin-bottom: 2.5rem
}
.xmedium-top-space-3 {
padding-top: 2.5rem
}
.xmedium-top-margin-3 {
margin-top: 2.5rem
}
.xmedium-left-space-3 {
padding-left: 2.5rem
}
.xmedium-right-space-3 {
padding-right: 2.5rem
}
.xmedium-vertical-space-3 {
padding-bottom: 2.5rem;
padding-top: 2.5rem
}
.xmedium-horizontal-space-3 {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.xmedium-space-4 {
padding: 3.125rem
}
.xmedium-bottom-space-4 {
padding-bottom: 3.125rem
}
.xmedium-bottom-margin-4 {
margin-bottom: 3.125rem
}
.xmedium-top-space-4 {
padding-top: 3.125rem
}
.xmedium-top-margin-4 {
margin-top: 3.125rem
}
.xmedium-left-space-4 {
padding-left: 3.125rem
}
.xmedium-right-space-4 {
padding-right: 3.125rem
}
.xmedium-vertical-space-4 {
padding-bottom: 3.125rem;
padding-top: 3.125rem
}
.xmedium-horizontal-space-4 {
padding-left: 3.125rem;
padding-right: 3.125rem
}
.xmedium-space-5 {
padding: 4.375rem
}
.xmedium-bottom-space-5 {
padding-bottom: 4.375rem
}
.xmedium-bottom-margin-5 {
margin-bottom: 4.375rem
}
.xmedium-top-space-5 {
padding-top: 4.375rem
}
.xmedium-top-margin-5 {
margin-top: 4.375rem
}
.xmedium-left-space-5 {
padding-left: 4.375rem
}
.xmedium-right-space-5 {
padding-right: 4.375rem
}
.xmedium-vertical-space-5 {
padding-bottom: 4.375rem;
padding-top: 4.375rem
}
.xmedium-horizontal-space-5 {
padding-left: 4.375rem;
padding-right: 4.375rem
}
.xmedium-space-6 {
padding: 5.75rem
}
.xmedium-bottom-space-6 {
padding-bottom: 5.75rem
}
.xmedium-bottom-margin-6 {
margin-bottom: 5.75rem
}
.xmedium-top-space-6 {
padding-top: 5.75rem
}
.xmedium-top-margin-6 {
margin-top: 5.75rem
}
.xmedium-left-space-6 {
padding-left: 5.75rem
}
.xmedium-right-space-6 {
padding-right: 5.75rem
}
.xmedium-vertical-space-6 {
padding-bottom: 5.75rem;
padding-top: 5.75rem
}
.xmedium-horizontal-space-6 {
padding-left: 5.75rem;
padding-right: 5.75rem
}
.xmedium-space-7 {
padding: 6.25rem
}
.xmedium-bottom-space-7 {
padding-bottom: 6.25rem
}
.xmedium-bottom-margin-7 {
margin-bottom: 6.25rem
}
.xmedium-top-space-7 {
padding-top: 6.25rem
}
.xmedium-top-margin-7 {
margin-top: 6.25rem
}
.xmedium-left-space-7 {
padding-left: 6.25rem
}
.xmedium-right-space-7 {
padding-right: 6.25rem
}
.xmedium-vertical-space-7 {
padding-bottom: 6.25rem;
padding-top: 6.25rem
}
.xmedium-horizontal-space-7 {
padding-left: 6.25rem;
padding-right: 6.25rem
}
.xmedium-space-8 {
padding: 6.8125rem
}
.xmedium-bottom-space-8 {
padding-bottom: 6.8125rem
}
.xmedium-bottom-margin-8 {
margin-bottom: 6.8125rem
}
.xmedium-top-space-8 {
padding-top: 6.8125rem
}
.xmedium-top-margin-8 {
margin-top: 6.8125rem
}
.xmedium-left-space-8 {
padding-left: 6.8125rem
}
.xmedium-right-space-8 {
padding-right: 6.8125rem
}
.xmedium-vertical-space-8 {
padding-bottom: 6.8125rem;
padding-top: 6.8125rem
}
.xmedium-horizontal-space-8 {
padding-left: 6.8125rem;
padding-right: 6.8125rem
}
.xmedium-space-9 {
padding: 5rem
}
.xmedium-bottom-space-9 {
padding-bottom: 5rem
}
.xmedium-bottom-margin-9 {
margin-bottom: 5rem
}
.xmedium-top-space-9 {
padding-top: 5rem
}
.xmedium-top-margin-9 {
margin-top: 5rem
}
.xmedium-left-space-9 {
padding-left: 5rem
}
.xmedium-right-space-9 {
padding-right: 5rem
}
.xmedium-vertical-space-9 {
padding-bottom: 5rem;
padding-top: 5rem
}
.xmedium-horizontal-space-9 {
padding-left: 5rem;
padding-right: 5rem
}
.xmedium-space-10 {
padding: 7.0625rem
}
.xmedium-bottom-space-10 {
padding-bottom: 7.0625rem
}
.xmedium-bottom-margin-10 {
margin-bottom: 7.0625rem
}
.xmedium-top-space-10 {
padding-top: 7.0625rem
}
.xmedium-top-margin-10 {
margin-top: 7.0625rem
}
.xmedium-left-space-10 {
padding-left: 7.0625rem
}
.xmedium-right-space-10 {
padding-right: 7.0625rem
}
.xmedium-vertical-space-10 {
padding-bottom: 7.0625rem;
padding-top: 7.0625rem
}
.xmedium-horizontal-space-10 {
padding-left: 7.0625rem;
padding-right: 7.0625rem
}
.xmedium-space-11 {
padding: 8.0625rem
}
.xmedium-bottom-space-11 {
padding-bottom: 8.0625rem
}
.xmedium-bottom-margin-11 {
margin-bottom: 8.0625rem
}
.xmedium-top-space-11 {
padding-top: 8.0625rem
}
.xmedium-top-margin-11 {
margin-top: 8.0625rem
}
.xmedium-left-space-11 {
padding-left: 8.0625rem
}
.xmedium-right-space-11 {
padding-right: 8.0625rem
}
.xmedium-vertical-space-11 {
padding-bottom: 8.0625rem;
padding-top: 8.0625rem
}
.xmedium-horizontal-space-11 {
padding-left: 8.0625rem;
padding-right: 8.0625rem
}
.xmedium-space-12 {
padding: 1rem
}
.xmedium-bottom-space-12 {
padding-bottom: 1rem
}
.xmedium-bottom-margin-12 {
margin-bottom: 1rem
}
.xmedium-top-space-12 {
padding-top: 1rem
}
.xmedium-top-margin-12 {
margin-top: 1rem
}
.xmedium-left-space-12 {
padding-left: 1rem
}
.xmedium-right-space-12 {
padding-right: 1rem
}
.xmedium-vertical-space-12 {
padding-bottom: 1rem;
padding-top: 1rem
}
.xmedium-horizontal-space-12 {
padding-left: 1rem;
padding-right: 1rem
}
.xmedium-space-13 {
padding: .125rem
}
.xmedium-bottom-space-13 {
padding-bottom: .125rem
}
.xmedium-bottom-margin-13 {
margin-bottom: .125rem
}
.xmedium-top-space-13 {
padding-top: .125rem
}
.xmedium-top-margin-13 {
margin-top: .125rem
}
.xmedium-left-space-13 {
padding-left: .125rem
}
.xmedium-right-space-13 {
padding-right: .125rem
}
.xmedium-vertical-space-13 {
padding-bottom: .125rem;
padding-top: .125rem
}
.xmedium-horizontal-space-13 {
padding-left: .125rem;
padding-right: .125rem
}
}
@media screen and (min-width:64em) {
.large-space-1 {
padding: .625rem
}
.large-bottom-space-1 {
padding-bottom: .625rem
}
.large-bottom-margin-1 {
margin-bottom: .625rem
}
.large-top-space-1 {
padding-top: .625rem
}
.large-top-margin-1 {
margin-top: .625rem
}
.large-left-space-1 {
padding-left: .625rem
}
.large-right-space-1 {
padding-right: .625rem
}
.large-vertical-space-1 {
padding-bottom: .625rem;
padding-top: .625rem
}
.large-horizontal-space-1 {
padding-left: .625rem;
padding-right: .625rem
}
.large-space-2 {
padding: 1.25rem
}
.large-bottom-space-2 {
padding-bottom: 1.25rem
}
.large-bottom-margin-2 {
margin-bottom: 1.25rem
}
.large-top-space-2 {
padding-top: 1.25rem
}
.large-top-margin-2 {
margin-top: 1.25rem
}
.large-left-space-2 {
padding-left: 1.25rem
}
.large-right-space-2 {
padding-right: 1.25rem
}
.large-vertical-space-2 {
padding-bottom: 1.25rem;
padding-top: 1.25rem
}
.large-horizontal-space-2 {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.large-space-3 {
padding: 2.5rem
}
.large-bottom-space-3 {
padding-bottom: 2.5rem
}
.large-bottom-margin-3 {
margin-bottom: 2.5rem
}
.large-top-space-3 {
padding-top: 2.5rem
}
.large-top-margin-3 {
margin-top: 2.5rem
}
.large-left-space-3 {
padding-left: 2.5rem
}
.large-right-space-3 {
padding-right: 2.5rem
}
.large-vertical-space-3 {
padding-bottom: 2.5rem;
padding-top: 2.5rem
}
.large-horizontal-space-3 {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.large-space-4 {
padding: 3.125rem
}
.large-bottom-space-4 {
padding-bottom: 3.125rem
}
.large-bottom-margin-4 {
margin-bottom: 3.125rem
}
.large-top-space-4 {
padding-top: 3.125rem
}
.large-top-margin-4 {
margin-top: 3.125rem
}
.large-left-space-4 {
padding-left: 3.125rem
}
.large-right-space-4 {
padding-right: 3.125rem
}
.large-vertical-space-4 {
padding-bottom: 3.125rem;
padding-top: 3.125rem
}
.large-horizontal-space-4 {
padding-left: 3.125rem;
padding-right: 3.125rem
}
.large-space-5 {
padding: 4.375rem
}
.large-bottom-space-5 {
padding-bottom: 4.375rem
}
.large-bottom-margin-5 {
margin-bottom: 4.375rem
}
.large-top-space-5 {
padding-top: 4.375rem
}
.large-top-margin-5 {
margin-top: 4.375rem
}
.large-left-space-5 {
padding-left: 4.375rem
}
.large-right-space-5 {
padding-right: 4.375rem
}
.large-vertical-space-5 {
padding-bottom: 4.375rem;
padding-top: 4.375rem
}
.large-horizontal-space-5 {
padding-left: 4.375rem;
padding-right: 4.375rem
}
.large-space-6 {
padding: 5.75rem
}
.large-bottom-space-6 {
padding-bottom: 5.75rem
}
.large-bottom-margin-6 {
margin-bottom: 5.75rem
}
.large-top-space-6 {
padding-top: 5.75rem
}
.large-top-margin-6 {
margin-top: 5.75rem
}
.large-left-space-6 {
padding-left: 5.75rem
}
.large-right-space-6 {
padding-right: 5.75rem
}
.large-vertical-space-6 {
padding-bottom: 5.75rem;
padding-top: 5.75rem
}
.large-horizontal-space-6 {
padding-left: 5.75rem;
padding-right: 5.75rem
}
.large-space-7 {
padding: 6.25rem
}
.large-bottom-space-7 {
padding-bottom: 6.25rem
}
.large-bottom-margin-7 {
margin-bottom: 6.25rem
}
.large-top-space-7 {
padding-top: 6.25rem
}
.large-top-margin-7 {
margin-top: 6.25rem
}
.large-left-space-7 {
padding-left: 6.25rem
}
.large-right-space-7 {
padding-right: 6.25rem
}
.large-vertical-space-7 {
padding-bottom: 6.25rem;
padding-top: 6.25rem
}
.large-horizontal-space-7 {
padding-left: 6.25rem;
padding-right: 6.25rem
}
.large-space-8 {
padding: 6.8125rem
}
.large-bottom-space-8 {
padding-bottom: 6.8125rem
}
.large-bottom-margin-8 {
margin-bottom: 6.8125rem
}
.large-top-space-8 {
padding-top: 6.8125rem
}
.large-top-margin-8 {
margin-top: 6.8125rem
}
.large-left-space-8 {
padding-left: 6.8125rem
}
.large-right-space-8 {
padding-right: 6.8125rem
}
.large-vertical-space-8 {
padding-bottom: 6.8125rem;
padding-top: 6.8125rem
}
.large-horizontal-space-8 {
padding-left: 6.8125rem;
padding-right: 6.8125rem
}
.large-space-9 {
padding: 5rem
}
.large-bottom-space-9 {
padding-bottom: 5rem
}
.large-bottom-margin-9 {
margin-bottom: 5rem
}
.large-top-space-9 {
padding-top: 5rem
}
.large-top-margin-9 {
margin-top: 5rem
}
.large-left-space-9 {
padding-left: 5rem
}
.large-right-space-9 {
padding-right: 5rem
}
.large-vertical-space-9 {
padding-bottom: 5rem;
padding-top: 5rem
}
.large-horizontal-space-9 {
padding-left: 5rem;
padding-right: 5rem
}
.large-space-10 {
padding: 7.0625rem
}
.large-bottom-space-10 {
padding-bottom: 7.0625rem
}
.large-bottom-margin-10 {
margin-bottom: 7.0625rem
}
.large-top-space-10 {
padding-top: 7.0625rem
}
.large-top-margin-10 {
margin-top: 7.0625rem
}
.large-left-space-10 {
padding-left: 7.0625rem
}
.large-right-space-10 {
padding-right: 7.0625rem
}
.large-vertical-space-10 {
padding-bottom: 7.0625rem;
padding-top: 7.0625rem
}
.large-horizontal-space-10 {
padding-left: 7.0625rem;
padding-right: 7.0625rem
}
.large-space-11 {
padding: 8.0625rem
}
.large-bottom-space-11 {
padding-bottom: 8.0625rem
}
.large-bottom-margin-11 {
margin-bottom: 8.0625rem
}
.large-top-space-11 {
padding-top: 8.0625rem
}
.large-top-margin-11 {
margin-top: 8.0625rem
}
.large-left-space-11 {
padding-left: 8.0625rem
}
.large-right-space-11 {
padding-right: 8.0625rem
}
.large-vertical-space-11 {
padding-bottom: 8.0625rem;
padding-top: 8.0625rem
}
.large-horizontal-space-11 {
padding-left: 8.0625rem;
padding-right: 8.0625rem
}
.large-space-12 {
padding: 1rem
}
.large-bottom-space-12 {
padding-bottom: 1rem
}
.large-bottom-margin-12 {
margin-bottom: 1rem
}
.large-top-space-12 {
padding-top: 1rem
}
.large-top-margin-12 {
margin-top: 1rem
}
.large-left-space-12 {
padding-left: 1rem
}
.large-right-space-12 {
padding-right: 1rem
}
.large-vertical-space-12 {
padding-bottom: 1rem;
padding-top: 1rem
}
.large-horizontal-space-12 {
padding-left: 1rem;
padding-right: 1rem
}
.large-space-13 {
padding: .125rem
}
.large-bottom-space-13 {
padding-bottom: .125rem
}
.large-bottom-margin-13 {
margin-bottom: .125rem
}
.large-top-space-13 {
padding-top: .125rem
}
.large-top-margin-13 {
margin-top: .125rem
}
.large-left-space-13 {
padding-left: .125rem
}
.large-right-space-13 {
padding-right: .125rem
}
.large-vertical-space-13 {
padding-bottom: .125rem;
padding-top: .125rem
}
.large-horizontal-space-13 {
padding-left: .125rem;
padding-right: .125rem
}
}
@media screen and (min-width:80em) {
.xlarge-space-1 {
padding: .625rem
}
.xlarge-bottom-space-1 {
padding-bottom: .625rem
}
.xlarge-bottom-margin-1 {
margin-bottom: .625rem
}
.xlarge-top-space-1 {
padding-top: .625rem
}
.xlarge-top-margin-1 {
margin-top: .625rem
}
.xlarge-left-space-1 {
padding-left: .625rem
}
.xlarge-right-space-1 {
padding-right: .625rem
}
.xlarge-vertical-space-1 {
padding-bottom: .625rem;
padding-top: .625rem
}
.xlarge-horizontal-space-1 {
padding-left: .625rem;
padding-right: .625rem
}
.xlarge-space-2 {
padding: 1.25rem
}
.xlarge-bottom-space-2 {
padding-bottom: 1.25rem
}
.xlarge-bottom-margin-2 {
margin-bottom: 1.25rem
}
.xlarge-top-space-2 {
padding-top: 1.25rem
}
.xlarge-top-margin-2 {
margin-top: 1.25rem
}
.xlarge-left-space-2 {
padding-left: 1.25rem
}
.xlarge-right-space-2 {
padding-right: 1.25rem
}
.xlarge-vertical-space-2 {
padding-bottom: 1.25rem;
padding-top: 1.25rem
}
.xlarge-horizontal-space-2 {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.xlarge-space-3 {
padding: 2.5rem
}
.xlarge-bottom-space-3 {
padding-bottom: 2.5rem
}
.xlarge-bottom-margin-3 {
margin-bottom: 2.5rem
}
.xlarge-top-space-3 {
padding-top: 2.5rem
}
.xlarge-top-margin-3 {
margin-top: 2.5rem
}
.xlarge-left-space-3 {
padding-left: 2.5rem
}
.xlarge-right-space-3 {
padding-right: 2.5rem
}
.xlarge-vertical-space-3 {
padding-bottom: 2.5rem;
padding-top: 2.5rem
}
.xlarge-horizontal-space-3 {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.xlarge-space-4 {
padding: 3.125rem
}
.xlarge-bottom-space-4 {
padding-bottom: 3.125rem
}
.xlarge-bottom-margin-4 {
margin-bottom: 3.125rem
}
.xlarge-top-space-4 {
padding-top: 3.125rem
}
.xlarge-top-margin-4 {
margin-top: 3.125rem
}
.xlarge-left-space-4 {
padding-left: 3.125rem
}
.xlarge-right-space-4 {
padding-right: 3.125rem
}
.xlarge-vertical-space-4 {
padding-bottom: 3.125rem;
padding-top: 3.125rem
}
.xlarge-horizontal-space-4 {
padding-left: 3.125rem;
padding-right: 3.125rem
}
.xlarge-space-5 {
padding: 4.375rem
}
.xlarge-bottom-space-5 {
padding-bottom: 4.375rem
}
.xlarge-bottom-margin-5 {
margin-bottom: 4.375rem
}
.xlarge-top-space-5 {
padding-top: 4.375rem
}
.xlarge-top-margin-5 {
margin-top: 4.375rem
}
.xlarge-left-space-5 {
padding-left: 4.375rem
}
.xlarge-right-space-5 {
padding-right: 4.375rem
}
.xlarge-vertical-space-5 {
padding-bottom: 4.375rem;
padding-top: 4.375rem
}
.xlarge-horizontal-space-5 {
padding-left: 4.375rem;
padding-right: 4.375rem
}
.xlarge-space-6 {
padding: 5.75rem
}
.xlarge-bottom-space-6 {
padding-bottom: 5.75rem
}
.xlarge-bottom-margin-6 {
margin-bottom: 5.75rem
}
.xlarge-top-space-6 {
padding-top: 5.75rem
}
.xlarge-top-margin-6 {
margin-top: 5.75rem
}
.xlarge-left-space-6 {
padding-left: 5.75rem
}
.xlarge-right-space-6 {
padding-right: 5.75rem
}
.xlarge-vertical-space-6 {
padding-bottom: 5.75rem;
padding-top: 5.75rem
}
.xlarge-horizontal-space-6 {
padding-left: 5.75rem;
padding-right: 5.75rem
}
.xlarge-space-7 {
padding: 6.25rem
}
.xlarge-bottom-space-7 {
padding-bottom: 6.25rem
}
.xlarge-bottom-margin-7 {
margin-bottom: 6.25rem
}
.xlarge-top-space-7 {
padding-top: 6.25rem
}
.xlarge-top-margin-7 {
margin-top: 6.25rem
}
.xlarge-left-space-7 {
padding-left: 6.25rem
}
.xlarge-right-space-7 {
padding-right: 6.25rem
}
.xlarge-vertical-space-7 {
padding-bottom: 6.25rem;
padding-top: 6.25rem
}
.xlarge-horizontal-space-7 {
padding-left: 6.25rem;
padding-right: 6.25rem
}
.xlarge-space-8 {
padding: 6.8125rem
}
.xlarge-bottom-space-8 {
padding-bottom: 6.8125rem
}
.xlarge-bottom-margin-8 {
margin-bottom: 6.8125rem
}
.xlarge-top-space-8 {
padding-top: 6.8125rem
}
.xlarge-top-margin-8 {
margin-top: 6.8125rem
}
.xlarge-left-space-8 {
padding-left: 6.8125rem
}
.xlarge-right-space-8 {
padding-right: 6.8125rem
}
.xlarge-vertical-space-8 {
padding-bottom: 6.8125rem;
padding-top: 6.8125rem
}
.xlarge-horizontal-space-8 {
padding-left: 6.8125rem;
padding-right: 6.8125rem
}
.xlarge-space-9 {
padding: 5rem
}
.xlarge-bottom-space-9 {
padding-bottom: 5rem
}
.xlarge-bottom-margin-9 {
margin-bottom: 5rem
}
.xlarge-top-space-9 {
padding-top: 5rem
}
.xlarge-top-margin-9 {
margin-top: 5rem
}
.xlarge-left-space-9 {
padding-left: 5rem
}
.xlarge-right-space-9 {
padding-right: 5rem
}
.xlarge-vertical-space-9 {
padding-bottom: 5rem;
padding-top: 5rem
}
.xlarge-horizontal-space-9 {
padding-left: 5rem;
padding-right: 5rem
}
.xlarge-space-10 {
padding: 7.0625rem
}
.xlarge-bottom-space-10 {
padding-bottom: 7.0625rem
}
.xlarge-bottom-margin-10 {
margin-bottom: 7.0625rem
}
.xlarge-top-space-10 {
padding-top: 7.0625rem
}
.xlarge-top-margin-10 {
margin-top: 7.0625rem
}
.xlarge-left-space-10 {
padding-left: 7.0625rem
}
.xlarge-right-space-10 {
padding-right: 7.0625rem
}
.xlarge-vertical-space-10 {
padding-bottom: 7.0625rem;
padding-top: 7.0625rem
}
.xlarge-horizontal-space-10 {
padding-left: 7.0625rem;
padding-right: 7.0625rem
}
.xlarge-space-11 {
padding: 8.0625rem
}
.xlarge-bottom-space-11 {
padding-bottom: 8.0625rem
}
.xlarge-bottom-margin-11 {
margin-bottom: 8.0625rem
}
.xlarge-top-space-11 {
padding-top: 8.0625rem
}
.xlarge-top-margin-11 {
margin-top: 8.0625rem
}
.xlarge-left-space-11 {
padding-left: 8.0625rem
}
.xlarge-right-space-11 {
padding-right: 8.0625rem
}
.xlarge-vertical-space-11 {
padding-bottom: 8.0625rem;
padding-top: 8.0625rem
}
.xlarge-horizontal-space-11 {
padding-left: 8.0625rem;
padding-right: 8.0625rem
}
.xlarge-space-12 {
padding: 1rem
}
.xlarge-bottom-space-12 {
padding-bottom: 1rem
}
.xlarge-bottom-margin-12 {
margin-bottom: 1rem
}
.xlarge-top-space-12 {
padding-top: 1rem
}
.xlarge-top-margin-12 {
margin-top: 1rem
}
.xlarge-left-space-12 {
padding-left: 1rem
}
.xlarge-right-space-12 {
padding-right: 1rem
}
.xlarge-vertical-space-12 {
padding-bottom: 1rem;
padding-top: 1rem
}
.xlarge-horizontal-space-12 {
padding-left: 1rem;
padding-right: 1rem
}
.xlarge-space-13 {
padding: .125rem
}
.xlarge-bottom-space-13 {
padding-bottom: .125rem
}
.xlarge-bottom-margin-13 {
margin-bottom: .125rem
}
.xlarge-top-space-13 {
padding-top: .125rem
}
.xlarge-top-margin-13 {
margin-top: .125rem
}
.xlarge-left-space-13 {
padding-left: .125rem
}
.xlarge-right-space-13 {
padding-right: .125rem
}
.xlarge-vertical-space-13 {
padding-bottom: .125rem;
padding-top: .125rem
}
.xlarge-horizontal-space-13 {
padding-left: .125rem;
padding-right: .125rem
}
}
.no-space {
margin: 0;
padding: 0
}
.no-margin {
margin: 0
}
.no-padding {
padding: 0
}
.no-right-padding {
padding-right: 0
}
.no-left-padding {
padding-left: 0
}
.no-top-margin {
margin-top: 0
}
.no-bottom-margin {
margin-bottom: 0!important
}
.no-bottom-padding {
padding-bottom: 0!important
}
.auto-margin {
margin-left: auto;
margin-right: auto
}
.double-left {
padding-left: 1.875rem
}
.right-margin-2 {
margin-right: 1.25rem
}
.tag-margin {
margin: 0 1.25rem 1.5625rem 0
}
@media screen and (max-width:39.99875em) {
.small-only-horizontal-space-3 {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.small-only-top-space-14 {
padding-top: 11.8125rem
}
.small-only-double-space {
padding-left: 1.5625rem;
padding-right: 1.5625rem
}
.small-only-no-horizontal-padding {
padding-left: 0;
padding-right: 0
}
}
.small-left-space-2 {
padding-left: 1.25rem
}
.small-bottom-space-2 {
padding-bottom: 1.25rem
}
.small-bottom-space-3 {
padding-bottom: 2.5rem
}
.small-right-margin-2 {
margin-right: 1.25rem
}
@media screen and (max-width:53.12375em) {
.medium-down-horizontal-space-3 {
padding-left: 2.5rem;
padding-right: 2.5rem
}
}
@media screen and (min-width:40em) and (max-width:53.12375em) {
.medium-only-horizontal-space-4 {
padding-left: 3.125rem;
padding-right: 3.125rem
}
.medium-only-double-space {
padding-left: 1rem;
padding-right: 1rem
}
.medium-only-double-left {
padding-left: 1.875rem
}
.medium-only-bottom-space-6 {
padding-bottom: 5.75rem
}
}
@media print,
screen and (min-width:40em) {
.medium-bottom-border-grey-4 {
border-bottom: 3.125rem solid #ededed
}
.medium-top-border-grey-4 {
border-top: 3.125rem solid #ededed
}
.medium-double-left {
padding-left: 1.875rem
}
.medium-no-right-padding {
padding-right: 0
}
.medium-no-left-padding {
padding-left: 0
}
}
@media screen and (max-width:63.99875em) {
.xmedium-down-bottom-margin-2 {
margin-bottom: 1.25rem
}
.xmedium-down-bottom-space-4 {
padding-bottom: 3.125rem
}
.xmedium-down-double-left {
padding-left: 1.875rem
}
}
@media screen and (min-width:53.125em) and (max-width:63.99875em) {
.xmedium-only-double-left {
padding-left: 1.875rem
}
.xmedium-only-bottom-space-6 {
padding-bottom: 5.75rem
}
}
@media screen and (min-width:53.125em) {
.xmedium-no-right-padding {
padding-right: 0
}
.xmedium-no-left-padding {
padding-left: 0
}
}
@media screen and (max-width:79.99875em) {
.large-down-bottom-space-4 {
padding-bottom: 3.125rem
}
}
@media screen and (min-width:64em) and (max-width:79.99875em) {
.large-only-bottom-space-6 {
padding-bottom: 5.75rem
}
}
@media print,
screen and (min-width:64em) {
.large-double-left {
padding-left: 1.875rem
}
}
body {
background-color: #fff;
margin: 0;
overflow-x: hidden;
padding: 0
}
body.template-1,
body.template-5,
body.template-8,
body.template-11,
body.template-14,
body.template-15 {
background-color: #ededed
}
@media screen and (max-width:39.99875em) {
body.template-1,
body.template-11,
body.template-14 {
padding-top: 18.75rem
}
body.template-5,
body.template-15 {
background-color: #fff;
padding-top: 4.75rem
}
body.template-5 .body-bg,
body.template-15 .body-bg {
display: none
}
body.template-8 {
padding-top: 4.75rem
}
body.template-8 .body-bg {
display: none
}
}
@media print,
screen and (min-width:40em) {
body.template-1 {
padding-top: 22rem
}
body.template-5,
body.template-8,
body.template-11 {
padding-top: 13.0625rem
}
}
@media screen and (min-width:80em) {
body.template-1,
body.template-14 {
padding-top: 30rem
}
}
body.body-class-livsane.template-1 {
padding-top: 0
}
@media screen and (max-width:39.99875em) {
body.body-class-livsane.template-4 {
padding-top: 4.75rem
}
}
@media print,
screen and (min-width:40em) {
body.body-class-livsane.template-2,
body.body-class-livsane.template-5 {
background-color: #e9f4cf
}
}
@media print,
screen and (min-width:40em) {
body.body-class-hu.template-14 {
padding-top: 22rem
}
}
body.body-class-hu.template-15 {
padding-top: 4.75rem
}
@media print,
screen and (min-width:40em) {
body.body-class-hu.template-15 {
padding-top: 13.0625rem
}
}
figure {
margin: 0;
padding: 0
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0
}
h1,
h2 {
color: #535353
}
.header-content-footer h1,
.header-content-footer h2,
.header-content-footer h3,
.header-content-footer h4,
.header-content-footer h5,
.header-content-footer h6 {
color: #a9a9a9;
margin-bottom: 1.125rem;
text-align: center
}
.body-class-livsane .text-image-element h1,
.body-class-livsane .text-image-element h2,
.body-class-livsane .text-image-element h3,
.body-class-livsane .text-image-element h4,
.body-class-livsane .text-image-element h5,
.body-class-livsane .text-image-element h6 {
color: #535353
}
.text p {
padding-bottom: 1.25rem
}
.text p:last-child {
padding-bottom: 0
}
.text p.important {
padding-bottom: .5rem
}
.text ol {
margin: -1.25rem 0 0 0;
padding: 0 0 1.25rem 1.1875rem
}
.text ul {
list-style-type: none;
margin: 0;
padding: 0 0 1.25rem 1.25rem
}
.text ul:last-child {
padding-bottom: 0
}
.text ul li {
position: relative
}
.text ul li::before {
border: .0625rem solid #92d400;
border-radius: 100%;
content: '';
display: block;
height: .5625rem;
position: absolute;
width: .5625rem
}
@media screen and (max-width:39.99875em) {
.text ul li::before {
left: -1.25rem;
top: .6875rem
}
}
@media screen and (min-width:40em) {
.text ul li::before {
left: -1.3125rem;
top: .8125rem
}
}
.text a {
color: #92d400;
text-decoration: none
}
.text a:hover {
text-decoration: underline
}
.text h3 {
color: #535353;
padding-bottom: 1.25rem;
padding-top: 1.6875rem
}
.columns {
min-width: 0
}
.block {
display: block
}
.inline-block {
display: inline-block
}
.inline {
display: inline
}
.flex {
display: flex
}
.absolute {
position: absolute
}
.relative {
position: relative
}
.fixed {
position: fixed
}
.static {
position: static
}
.align-center,
.text-center {
text-align: center
}
.text-right,
.align-right {
text-align: right
}
.text-left,
.align-left {
text-align: left
}
.float-left {
float: left
}
.float-right {
float: right
}
.centered,
.auto-marg {
margin-left: auto;
margin-right: auto
}
.center {
left: 50%;
top: 50%;
transform: translate3d(-50%, -50%, 0)
}
.vertical-center {
top: 50%;
transform: translateY(-50%)
}
.vertical-center-2 {
top: 50%;
transform: translateY(-55%)
}
.vertical-center-3 {
top: 50%;
transform: translateY(-65%)
}
.horizontal-center {
left: 50%;
transform: translateX(-50%)
}
.vertical-horizontal-center {
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
.overflow-hidden {
overflow: hidden
}
.overflow-x-auto {
overflow-x: auto
}
.uppercase {
text-transform: uppercase
}
.no-uppercase {
text-transform: none
}
.no-text-decoration {
text-decoration: none
}
.no-list-style {
list-style-type: none;
margin: 0;
padding: 0
}
.no-outline {
outline: none
}
.no-border {
border: 0
}
.no-max-width {
max-width: none
}
.pointer {
cursor: pointer
}
.no-pointer-events {
pointer-events: none
}
.contain {
background-size: contain
}
.cover {
background-size: cover
}
.bg-attachment-fixed {
background-attachment: fixed
}
.bg-center {
background-position: center center
}
.bg-no-repeat {
background-repeat: no-repeat
}
.body-bg {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
top: 0;
z-index: -1
}
@media screen and (max-width:39.99875em) {
.body-bg {
height: 20.5625rem
}
}
@media print,
screen and (min-width:40em) {
.body-bg {
height: 32.5rem
}
}
@media screen and (min-width:80em) {
.body-bg {
height: 46.3125rem
}
}
.width-50 {
width: 50%
}
.width-100 {
width: 100%
}
.max-width-320 {
max-width: 21.5rem
}
.maxw-416 {
max-width: 27rem
}
.maxw-575 {
max-width: 35.9375rem
}
.abs-width {
left: 0;
right: 0
}
.viewport-height {
height: 100vh
}
.viewport-height-45 {
height: 45vh
}
.resp-img {
height: auto;
width: 100%
}
.image-hover::before {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(170, 219, 30, .8);
content: '';
display: block;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity .5s;
width: 100%;
z-index: 999
}
.image-hover:hover::before {
opacity: 1
}
.image-big {
margin-top: -2.5625rem
}
.divider {
border-top: .125rem solid #009775;
margin: 2.5rem auto;
max-width: 50%
}
.hidden {
display: none
}
.z1 {
z-index: 1
}
.z2 {
z-index: 2
}
.z3 {
z-index: 3
}
.z4 {
z-index: 4
}
.z5 {
z-index: 5
}
.no-wrap {
white-space: nowrap
}
.hover-underline:hover {
text-decoration: underline
}
.h1-afterline::after {
border-bottom: .0625rem solid #535353;
bottom: 4.25rem;
content: '';
display: block;
left: 50%;
margin-left: -5rem;
position: absolute;
width: 10rem
}
@media screen and (max-width:39.99875em) {
.h1-afterline::after {
bottom: 2.875rem
}
}
.contact-headline {
border-bottom: .0625rem solid #535353;
margin-bottom: 1.1875rem;
padding: .5rem 3rem .1875rem 0
}
.intro-headlines {
bottom: 0
}
.intro-headlines::after {
border-right: .0625rem solid #535353;
bottom: -3.4375rem;
content: '';
height: 6.875rem;
left: 50%;
position: absolute;
z-index: 3
}
.intro-headlines .border-radius-special {
background: rgba(0, 151, 117, .9);
border-radius: 6.25rem 6.25rem 0 0
}
@media screen and (max-width:39.99875em) {
.intro-headlines .border-radius-special {
border-radius: 3.125rem 3.125rem 0 0
}
}
.body-class-livsane .intro-headlines::after {
display: none
}
.quote-afterline::after {
border-bottom: .0625rem solid #535353;
bottom: 1.375rem;
content: '';
display: block;
left: 0;
position: absolute;
width: 10rem
}
.quote-indent {
margin-left: 3.375rem
}
.quote-sign::before {
background: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/quote-02.svg) no-repeat 0 0;
background-size: contain;
content: '';
display: block;
height: 2rem;
left: -3.1875rem;
position: absolute;
top: .75rem;
width: 2.125rem
}
@media screen and (max-width:39.99875em) {
.quote-sign::before {
top: .375rem;
width: 1.875rem
}
}
.quote-image {
max-width: 10.625rem;
padding-top: 0
}
@media screen and (max-width:39.99875em) {
.quote-image {
margin: 0 auto
}
}
.quote-image--big {
max-width: 17.6875rem
}
@media screen and (max-width:39.99875em) {
.quote-image--big img {
max-width: 12.5rem
}
}
.ar-quote::before {
background: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/quote-02.svg) no-repeat 0 0;
background-size: contain;
content: '';
display: block;
height: 7.8125rem;
left: -2.1875rem;
opacity: .2;
position: absolute;
top: -.9375rem;
width: 7.8125rem;
z-index: -.0625rem
}
.bullet-list {
margin-bottom: 1.5625rem;
padding-left: 1.1875rem
}
.button {
border-radius: 3.125rem;
padding: 1.0625rem 1.5rem
}
@media print,
screen and (min-width:40em) {
.button {
padding: 1rem 3rem
}
}
.button:hover {
background-color: #009775
}
.button.button--bottom-teaser {
margin: .9375rem
}
.button.button--bottom-teaser:hover {
background-color: #fff;
color: #009775
}
.button.button--white-outline {
border: .0625rem solid #fff;
padding: 1rem 1.5rem
}
.button.button--white-outline:hover {
background-color: #fff;
border-color: #fff;
color: #009775
}
.button.button--green-outline {
border: .0625rem solid #009775;
padding: 1rem 1.5rem
}
.button.button--green-outline:hover {
background-color: #009775;
border-color: #009775;
color: #fff
}
.button.button--small {
border-color: #a9a9a9;
padding-bottom: .5rem;
padding-top: .5rem
}
.button.button--small:hover {
background-color: #009775;
border-color: #009775
}
.button.table-button {
background-color: #92d400;
border: .0625rem solid #92d400;
color: #fff;
padding: .3125rem 1.875rem;
text-decoration: none
}
.button.table-button:hover {
text-decoration: none
}
.button.button--disabled {
background-color: #ededed
}
.minw80 {
min-width: 80%;
text-align: center
}
a.button-benu {
cursor: pointer
}
a.button-benu:hover {
background-color: #00205c
}
.arrow-link {
color: #535353;
padding-left: 1rem
}
.arrow-link::before {
background: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/link-arrow-01.svg) no-repeat 0 0;
background-size: contain;
content: '';
display: block;
height: .6875rem;
left: 0;
position: absolute;
top: .5625rem;
width: .75rem
}
.arrow-link:hover {
color: #92d400;
text-decoration: underline
}
.arrow-link:hover::before {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/link-arrow-04.svg)
}
.arrow-link--white {
color: #fff!important
}
.arrow-link--white::before {
background: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/link-arrow-03.svg) no-repeat 0 0;
top: .75rem
}
.arrow-link--white:hover {
color: #fff
}
.arrow-link--white:hover::before {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/link-arrow-03.svg)
}
.arrow-link--green {
color: #92d400!important
}
.arrow-link--green::before {
background: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/link-arrow-04.svg) no-repeat 0 0;
top: .625rem
}
.arrow-link--green:hover {
color: #92d400
}
.arrow-link--green:hover::before {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/link-arrow-04.svg)
}
.arrow-link--black {
color: #535353!important
}
.arrow-link--black::before {
top: .75rem
}
.arrow-link--black:hover {
color: #535353
}
.arrow-link--black:hover::before {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/link-arrow-01.svg)
}
.map-zip .map-header .arrow-link::before,
#jobsearch .arrow-link::before {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/link-arrow-03.svg)
}
.map-zip .map-header .arrow-link:hover::before,
#jobsearch .arrow-link:hover::before {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/link-arrow-04.svg)
}
#jobsearch .arrow-link {
display: inline-block;
float: none;
margin-right: 0
}
@media screen and (max-width:53.12375em) {
.jobsearch-close {
margin-top: .6875rem
}
}
@media screen and (min-width:53.125em) {
.jobsearch-close {
margin-top: .375rem
}
}
.white-arrow::before {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/link-arrow-03.svg)
}
.white-arrow:hover {
color: #fff
}
.white-arrow:hover::before {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/link-arrow-03.svg)
}
.link-arrow-green,
.link-arrow-grey {
margin-bottom: .1875rem;
padding-left: .8125rem;
padding-right: .25rem
}
.link-arrow-green::before,
.link-arrow-grey::before {
background: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/link-arrow-04.svg) no-repeat 0 0;
background-size: contain;
content: '';
display: block;
height: .5625rem;
left: 0;
position: absolute;
top: .5625rem;
width: .625rem
}
.link-arrow-green:hover,
.link-arrow-grey:hover {
text-decoration: underline
}
.link-arrow-grey::before {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/link-arrow-04.svg)
}
.cancel-link {
left: 0
}
@media screen and (max-width:53.12375em) {
.cancel-link {
top: -.625rem
}
}
@media screen and (min-width:53.125em) {
.cancel-link {
top: 50%;
transform: translateY(-50%)
}
}
.phone-link {
background: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/icon-phone.svg) no-repeat .125rem .375rem;
background-size: .875rem auto;
padding-left: 1.75rem
}
.phone-link:hover {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/icon-phone-04.svg);
background-size: .875rem auto
}
.fax-link {
background: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/icon-fax.svg) no-repeat .125rem .375rem;
background-size: .875rem auto;
padding-left: 1.75rem
}
.fax-link:hover {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/icon-fax-04.svg);
background-size: .875rem auto
}
.link-list {
margin-top: 1rem
}
.link-list.link-list--tab-cycle {
margin-top: -.3125rem
}
.link-list .arrow-link {
background-position: 0 .9375rem
}
.link-list .arrow-link::before {
top: .9375rem
}
.icon-list {
margin-top: 1.875rem
}
.icon-link {
color: #535353;
min-height: 4.375rem;
padding: .75rem 0 0 4.375rem
}
.icon-link .icon-link--icon {
background-color: #92d400;
height: 3.125rem;
left: 0;
padding-top: .9375rem;
top: 0;
width: 3.125rem
}
@media {
.icon-link .icon-link--icon {
padding-top: .875rem
}
}
.icon-link:hover .icon-link--icon {
background-color: #009775
}
.icon-list--accordion li {
padding-bottom: 1.25rem
}
.icon-list--accordion .icon-link {
min-height: 3.125rem;
padding: .75rem 0 0 4.375rem
}
.icon-list--accordion .icon-link .icon-link--icon {
padding-top: .875rem
}
.newsletter-icon {
background: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/icon-message.svg) no-repeat 0 0;
background-size: 2.9375rem auto;
margin-top: -.25rem;
padding-left: 4.125rem;
padding-top: .5rem
}
.glance-icon-height {
height: 3.125rem;
width: auto
}
@media screen and (max-width:39.99875em) {
.is-collapse-child {
margin-left: 0;
margin-right: 0
}
}
@media print,
screen and (min-width:40em) {
.is-collapse-child {
margin-left: -.9375rem!important;
margin-right: -.9375rem!important
}
}
@media print,
screen and (min-width:40em) {
.product-header.detail-view .is-collapse-child {
margin-left: 0!important;
margin-right: 0!important
}
}
.border-style-07 {
border: .0625rem solid #ddd
}
.border-bottom-1 {
border-bottom: .0625rem solid #535353
}
.border-bottom-2 {
border-bottom: .0625rem solid #ededed
}
.border-bottom-3 {
border-bottom: .0625rem solid #fff
}
.border-top-1 {
border-top: .0625rem solid #535353
}
.border-top-3 {
border-top: .0625rem solid #fff
}
.border-top-9 {
border-top: .0625rem solid #a9a9a9
}
.border-left-1 {
border-left: .0625rem solid #ddd
}
.border-left-50 {
border-left: 3.125rem solid #ededed
}
.border-right-50 {
border-right: 3.125rem solid #ededed
}
.small-bottom-border-white-4 {
border-bottom: 3.125rem solid #fff
}
.small-bottom-border-white-5 {
border-bottom: 4.375rem solid #fff
}
.small-bottom-border-white-07,
.small-bottom-border-white-7 {
border-bottom: 6.25rem solid #fff
}
.small-bottom-border-white-11 {
border-bottom: 8.0625rem solid #fff
}
.small-bottom-border-grey-4 {
border-bottom: 3.125rem solid #ededed
}
.small-top-border-white-3 {
border-top: 2.5rem solid #fff
}
.small-top-border-grey-4 {
border-top: 3.125rem solid #ededed
}
.small-top-border-grey-7 {
border-top: 6.25rem solid #ededed
}
.text-color-11.border-bottom-3 {
border-bottom: .0625rem solid #535353
}
.inset-shadow-01 {
box-shadow: inset -.9375rem 0 0 0 #ededed, inset .9375rem 0 0 0 #ededed
}
.inset-shadow-02 {
box-shadow: inset -.9375rem 0 0 0 #fff, inset .9375rem 0 0 0 #fff
}
.inset-shadow-03 {
box-shadow: inset -.9375rem 0 0 0 #fff, inset .9375rem 0 0 0 #fff
}
@media print,
screen and (min-width:40em) {
.inset-shadow-03 {
box-shadow: inset -.9375rem 0 0 0 #ededed, inset .9375rem 0 0 0 #fff
}
}
.inset-shadow-04 {
box-shadow: inset -.9375rem 0 0 0 #fff, inset .9375rem 0 0 0 #fff
}
@media print,
screen and (min-width:40em) {
.inset-shadow-04 {
box-shadow: inset -.9375rem 0 0 0 #fff, inset .9375rem 0 0 0 #ededed
}
}
.gridHidden {
display: none;
opacity: 0
}
.circle {
border-radius: 100%
}
.circle-back-left::before,
.circle-back::before {
background-color: #e5f4f1;
border-radius: 100%;
content: '';
display: block;
position: absolute;
top: 0;
z-index: 1
}
@media screen and (max-width:39.99875em) {
.circle-back-left::before,
.circle-back::before {
height: 5.3125rem;
width: 5.3125rem
}
}
@media print,
screen and (min-width:40em) {
.circle-back-left::before,
.circle-back::before {
height: 6.875rem;
width: 6.875rem
}
}
@media print,
screen and (min-width:64em) {
.circle-back-left::before,
.circle-back::before {
height: 13.75rem;
width: 13.75rem
}
}
.circle-back::before {
right: 0
}
@media screen and (max-width:39.99875em) {
.circle-back-left::before {
left: 5.3125rem
}
}
@media print,
screen and (min-width:40em) {
.circle-back-left::before {
left: 6.875rem
}
}
@media print,
screen and (min-width:64em) {
.circle-back-left::before {
left: 13.75rem
}
}
@media screen and (max-width:39.99875em) {
.contact-img-circle {
max-width: 8.75rem!important
}
}
@media screen and (min-width:40em) and (max-width:53.12375em) {
.contact-img-circle {
max-width: 14.6875rem!important
}
}
.responsive-iframe {
height: 0;
padding-bottom: 56.3%
}
.responsive-iframe iframe {
height: 100%;
left: 0;
top: 0;
width: 100%
}
.responsive-object {
height: 90vh;
margin-top: -3rem
}
.responsive-object object {
height: 100%;
left: 0;
top: 0;
width: 100%
}
.intro-text-overlay {
background-color: transparent;
top: 0;
width: 100%
}
.intro-text-overlay::after {
background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, .6) 100%);
bottom: 0;
content: '';
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: 1
}
.intro-dark-overlay .intro-text-overlay::after {
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .3) 100%)
}
.intro-text-overlay-benu {
background-color: transparent;
top: 0;
width: 100%
}
.intro-text-overlay-benu::after {
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .55) 100%);
bottom: 0;
content: '';
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: 1
}
.infobox {
padding: 2.25rem 2.5rem 3.25rem 2.5rem
}
@media print,
screen and (min-width:40em) {
.infobox {
padding: 2.25rem 3.875rem 3.25rem 3.875rem
}
}
.infobox--tags {
padding-bottom: 1.5625rem
}
.close-btn {
background: #92d400 url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/icon-clear.svg) no-repeat center center;
height: 2.5rem;
width: 2.5rem
}
.close-btn:hover {
background-color: #009775
}
.bottom-teaser {
max-width: 50rem
}
@media screen and (max-width:39.99875em) {
.video-headline {
padding-left: .5625rem
}
}
@media print,
screen and (min-width:40em) {
.video-headline {
max-width: 80%
}
}
.intro-element+.header-content-footer-wrapper {
padding-top: 2rem
}
.divider-ppe {
border-top: .0625rem solid #535353;
margin: .625rem auto 1.25rem
}
@media screen and (max-width:39.99875em) {
.small-no-padding {
padding: 0
}
.small-only-text-center {
text-align: center
}
.small-auto-marg {
margin-left: auto!important;
margin-right: auto!important
}
.small-only-highlight-border {
border-bottom: 3.125rem solid #ededed;
border-top: 3.125rem solid #ededed
}
.small-intro-height {
height: 31.25rem
}
.small-resp-img {
height: auto;
width: 100%
}
.small-maxw-250 {
margin: 0 auto;
max-width: 15.625rem
}
.small-only-25-border {
border-bottom: 3.125rem solid #fff;
border-left: 1.5625rem solid #fff;
border-right: 1.5625rem solid #fff;
padding-left: 0;
padding-right: 0
}
.hide-for-small-only {
display: none
}
.row.small-only-is-collapse-child {
margin-left: 0;
margin-right: 0
}
.event .circle-back::before {
right: 0
}
}
@media screen and (max-width:53.12375em) {
.medium-down-text-center {
text-align: center
}
.hide-for-medium-down {
display: none
}
.row.medium-down-is-collapse-child {
margin-left: 0;
margin-right: 0
}
.medium-down-is-collapse-child--col {
padding-left: 0;
padding-right: 0
}
.medium-border-bottom-4 {
border-bottom: 3.125rem solid #fff
}
.medium-border-top-4 {
border-top: 3.125rem solid #fff
}
}
@media print,
screen and (min-width:40em) {
.medium-centered {
margin-left: auto;
margin-right: auto
}
.medium-text-center {
text-align: center
}
.medium-text-right {
text-align: right
}
.medium-intro-height {
height: 85vh
}
.medium-viewport-height {
height: 100vh
}
.medium-maxw-590 {
margin: 0 auto;
max-width: 36.875rem
}
.medium-float-left {
float: left
}
.medium-border-right-50 {
border-right: 3.125rem solid #ededed
}
.medium-border-left-50 {
border-left: 3.125rem solid #ededed
}
.icon-list2 {
margin-top: 1.875rem
}
}
@media screen and (max-width:63.99875em) {
.xmedium-down-align-center {
justify-content: center;
text-align: center
}
}
@media screen and (min-width:53.125em) {
.xmedium-text-right {
text-align: right
}
.xmedium-inset-shadow-02 {
box-shadow: inset -.9375rem 0 0 0 #fff, inset .9375rem 0 0 0 #fff
}
}
@media print,
screen and (min-width:64em) {
.large-align-left {
justify-content: flex-start;
text-align: left
}
.large-border-left-1 {
border-left: .0625rem solid #ddd
}
.teaserCycleSmall .circle-back::before {
height: 7.5rem;
right: -2.1875rem;
top: .625rem;
width: 7.5rem
}
.teaserCircle .circle-back::before {
height: 7.5rem;
right: 0;
top: .625rem;
width: 7.5rem
}
}
@media screen and (min-width:80em) {
.large-viewport-height {
height: 100vh
}
.xlarge-absolute {
position: absolute
}
.xlarge-align-center {
justify-content: center;
text-align: center
}
.xlarge-vertical-center {
top: 50%;
transform: translateY(-50%)
}
}
@media only screen and (min-width:53.125rem) and (max-width:84.375rem) {
.cut-img {
height: 100%;
max-width: none;
width: auto
}
}
#videoheader {
background: #009775;
height: 100%;
left: 50%;
min-height: 100%;
min-width: 100%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: auto
}
@media screen and (min-width:80em) {
#videoheader {
height: auto;
width: 100%
}
}
.color-white {
color: #fff
}
.color-black {
color: #535353
}
.color-brand {
color: #009775
}
.text-color-01 {
color: #535353
}
.text-color-02 {
color: #009775
}
.text-color-03 {
color: #fff
}
.text-color-04 {
color: #92d400
}
.text-color-05 {
color: #e5f4f1
}
.text-color-06 {
color: #e9f4cf
}
.text-color-07 {
color: #ddd
}
.text-color-08 {
color: #ededed
}
.text-color-09 {
color: #a9a9a9
}
.text-color-10 {
color: #e62d5d
}
.text-color-11 {
color: #002664
}
.text-color-22 {
color: #00205c
}
.hover-color-04:hover {
color: #92d400
}
.hover-color-20:hover {
color: #58a618
}
.bg-color-09-hover:hover {
background-color: #009775
}
.bg-color-white {
background-color: #fff
}
.bg-color-black {
background-color: #535353
}
.bg-color-brand {
background-color: #009775
}
.bg-color-01 {
background-color: #535353
}
.bg-color-02 {
background-color: #009775
}
.bg-color-02-alpha {
background-color: rgba(0, 153, 131, .8)
}
.bg-color-03 {
background-color: #fff
}
.bg-color-03-alpha {
background-color: rgba(255, 255, 255, .8)
}
.bg-color-03-alpha-90 {
background-color: rgba(255, 255, 255, .9)
}
.bg-color-04 {
background-color: #92d400
}
.bg-color-05 {
background-color: #e5f4f1
}
.bg-color-05-alpha {
background-color: rgba(229, 244, 241, .8)
}
.bg-color-06 {
background-color: #e9f4cf
}
.bg-color-07 {
background-color: #ddd
}
.bg-color-07-alpha {
background-color: rgba(170, 219, 30, .8)
}
.bg-color-08 {
background-color: #ededed
}
.bg-color-08a {
background-color: #f6f6f6
}
.bg-color-09 {
background-color: #a9a9a9
}
.bg-color-10 {
background-color: #e62d5d
}
.bg-color-11 {
background-color: #002664
}
.bg-color-12 {
background-color: #58a618
}
.bg-color-13 {
background-color: #e6f2dd
}
.bg-color-22 {
background-color: #00205c
}
.body-class-livsane.template-2 .template-bg-color,
.body-class-livsane.template-5 .template-bg-color {
background-color: #e9f4cf
}
.body-class-livsane.template-4 .template-bg-color {
background-color: #fff
}
@media screen and (max-width:39.99875em) {
.small-only-bg-color-03 {
background-color: #fff
}
.small-only-bg-color-08 {
background-color: #ededed
}
}
body {
letter-spacing: .03rem
}
b,
strong {
font-weight: 500
}
.header-content-footer h1,
.header-content-footer h2,
.header-content-footer h3,
.header-content-footer h4,
.header-content-footer h5,
.header-content-footer h6 {
font-weight: 300
}
.font-weight-light {
font-weight: 300
}
.font-weight-normal {
font-weight: 400
}
.font-weight-medium {
font-weight: 500
}
.font-size-1 {
font-size: .875rem
}
.font-size-2 {
font-size: .9375rem
}
.font-size-3 {
font-size: 1rem
}
.font-size-4 {
font-size: 1.0625rem
}
.font-size-5 {
font-size: 1.125rem
}
.font-size-6 {
font-size: 1.25rem
}
.font-size-7 {
font-size: 1.3125rem
}
.font-size-8 {
font-size: 1.375rem
}
.font-size-9 {
font-size: 1.5rem
}
.font-size-10 {
font-size: 1.5625rem
}
.font-size-11 {
font-size: 1.75rem
}
.font-size-12 {
font-size: 2.375rem
}
.font-size-13 {
font-size: 3rem
}
.font-size-14 {
font-size: 4.375rem
}
.font-size-15 {
font-size: 2rem
}
.font-size-16 {
font-size: 6.25rem
}
.line-height-1 {
line-height: 1rem
}
.line-height-2 {
line-height: 1.25rem
}
.line-height-3 {
line-height: 1.5rem
}
.line-height-4 {
line-height: 2rem
}
.line-height-5 {
line-height: 2.1875rem
}
.line-height-6 {
line-height: 2.5rem
}
.line-height-7 {
line-height: 2.625rem
}
.line-height-8 {
line-height: 3rem
}
.line-height-9 {
line-height: 3.625rem
}
.line-height-10 {
line-height: 3.75rem
}
.line-height-11 {
line-height: 1.875rem
}
.line-height-12 {
line-height: 2.375rem
}
.line-height-13 {
line-height: 7.625rem
}
.line-height-14 {
line-height: 5rem
}
.letter-spacing-1 {
letter-spacing: .03rem
}
.letter-spacing-2 {
letter-spacing: .17rem
}
.letter-spacing-3 {
letter-spacing: .15rem
}
.letter-spacing-4 {
letter-spacing: .025rem
}
.letter-spacing-5 {
letter-spacing: .05rem
}
.letter-spacing-6 {
letter-spacing: .2rem
}
.no-letter-spacing {
letter-spacing: 0
}
.breadcrumb-link {
font-size: .875rem;
line-height: 1.1875rem;
text-decoration: none
}
.breadcrumb-link:hover {
text-decoration: underline
}
.text a {
font-weight: 500
}
.text h3 {
font-size: 1.375rem;
font-weight: 500;
letter-spacing: .05rem;
line-height: 2rem
}
@media screen and (max-width:39.99875em) {
.text h3 {
font-size: 1.1875rem;
line-height: 1.875rem
}
}
.text h4 {
font-weight: 500;
letter-spacing: .05rem
}
.text p.important {
font-size: .875rem;
line-height: 1.25rem
}
@media screen and (max-width:39.99875em) {
.detail {
font-size: 1.1875rem
}
}
@media print,
screen and (min-width:40em) {
.detail {
font-size: 1.375rem;
line-height: 2.625rem
}
}
.button {
letter-spacing: .15rem
}
.button.button--small {
line-height: normal
}
.link-arrow-green {
line-height: 1.75rem
}
.icon-list--accordion .icon-link {
line-height: 1.5rem
}
.side-text {
letter-spacing: .15rem
}
.category-btn {
font-size: .875rem;
font-weight: 400
}
@media screen and (max-width:39.99875em) {
.product-header.detail-view .product-headline {
line-height: 2.5rem
}
}
.product-header .product-category-title {
font-size: 1.3125rem;
font-weight: 500;
letter-spacing: .03rem;
line-height: 2rem
}
.product-header .product-headline {
font-size: 1.75rem;
font-weight: 300;
letter-spacing: .03125rem;
line-height: 1.8rem
}
@media print,
screen and (min-width:40em) {
.product-header .product-headline {
font-size: 2.375rem;
line-height: 2rem
}
}
@media screen and (min-width:64em) {
.product-header .product-headline {
font-size: 3rem;
line-height: 3.5625rem
}
}
.product-header .product-intro {
font-size: 1.375rem;
font-weight: 300;
letter-spacing: .04063rem;
line-height: 2.625rem
}
.product-list-header p {
font-size: .875rem;
font-weight: 300;
letter-spacing: .02562rem;
line-height: 1em
}
@media screen and (min-width:40em) {
.product-list-header p {
line-height: 2rem
}
}
.filter-wrapper.is-stuck .product-list-header p {
line-height: 1em
}
.sub-filter .filter-button {
font-size: .875rem;
font-weight: 500
}
@media print,
screen and (min-width:40em) {
.sub-filter .filter-button {
font-size: 1.0625rem
}
}
.sub-filter ul li {
font-size: .9375rem;
list-style-type: none
}
.sub-filter ul li label {
font-weight: 400;
line-height: 1.4375rem
}
.filter-cloned {
font-size: .9375rem
}
@media screen and (max-width:39.99875em) {
.small-font-size-1 {
font-size: .875rem
}
.small-font-size-2 {
font-size: .9375rem
}
.small-font-size-3 {
font-size: 1rem
}
.small-font-size-4 {
font-size: 1.0625rem
}
.small-font-size-5 {
font-size: 1.125rem
}
.small-font-size-5i {
font-size: 1.1875rem
}
.small-font-size-6 {
font-size: 1.25rem
}
.small-font-size-7 {
font-size: 1.3125rem
}
.small-font-size-8 {
font-size: 1.375rem
}
.small-font-size-9 {
font-size: 1.5rem
}
.small-font-size-10 {
font-size: 1.5625rem
}
.small-font-size-11 {
font-size: 1.75rem
}
.small-font-size-12 {
font-size: 2.375rem
}
.small-font-size-13 {
font-size: 3rem
}
.small-font-size-14 {
font-size: 4.375rem
}
.small-font-size-15 {
font-size: 2rem
}
.small-line-height-1 {
line-height: 1rem
}
.small-line-height-2 {
line-height: 1.25rem
}
.small-line-height-3 {
line-height: 1.5rem
}
.small-line-height-4 {
line-height: 2rem
}
.small-line-height-5 {
line-height: 2.1875rem
}
.small-line-height-6 {
line-height: 2.5rem
}
.small-line-height-7 {
line-height: 2.625rem
}
.small-line-height-8 {
line-height: 3rem
}
.small-line-height-9 {
line-height: 3.625rem
}
.small-line-height-10 {
line-height: 3.75rem
}
.small-line-height-11 {
line-height: 1.875rem
}
.small-line-height-12 {
line-height: 2.375rem
}
.small-line-height-13 {
line-height: 7.625rem
}
.small-line-height-14 {
line-height: 5rem
}
}
@media print,
screen and (min-width:40em) {
.medium-font-size-1 {
font-size: .875rem
}
.medium-font-size-2 {
font-size: .9375rem
}
.medium-font-size-3 {
font-size: 1rem
}
.medium-font-size-4 {
font-size: 1.0625rem
}
.medium-font-size-5 {
font-size: 1.125rem
}
.medium-font-size-6 {
font-size: 1.25rem
}
.medium-font-size-7 {
font-size: 1.3125rem
}
.medium-font-size-8 {
font-size: 1.375rem
}
.medium-font-size-9 {
font-size: 1.5rem
}
.medium-font-size-10 {
font-size: 1.5625rem
}
.medium-font-size-11 {
font-size: 1.75rem
}
.medium-font-size-12 {
font-size: 2.375rem
}
.medium-font-size-13 {
font-size: 3rem
}
.medium-font-size-14 {
font-size: 4.375rem
}
.medium-font-size-15 {
font-size: 2rem
}
.medium-font-size-16 {
font-size: 6.25rem
}
.medium-line-height-1 {
line-height: 1rem
}
.medium-line-height-2 {
line-height: 1.25rem
}
.medium-line-height-3 {
line-height: 1.5rem
}
.medium-line-height-4 {
line-height: 2rem
}
.medium-line-height-5 {
line-height: 2.1875rem
}
.medium-line-height-6 {
line-height: 2.5rem
}
.medium-line-height-7 {
line-height: 2.625rem
}
.medium-line-height-8 {
line-height: 3rem
}
.medium-line-height-9 {
line-height: 3.625rem
}
.medium-line-height-10 {
line-height: 3.75rem
}
.medium-line-height-11 {
line-height: 1.875rem
}
.medium-line-height-12 {
line-height: 2.375rem
}
.medium-line-height-13 {
line-height: 7.625rem
}
.medium-line-height-14 {
line-height: 5rem
}
}
@media screen and (min-width:53.125em) {
.xmedium-font-size-1 {
font-size: .875rem
}
.xmedium-font-size-2 {
font-size: .9375rem
}
.xmedium-font-size-3 {
font-size: 1rem
}
.xmedium-font-size-4 {
font-size: 1.0625rem
}
.xmedium-font-size-5 {
font-size: 1.125rem
}
.xmedium-font-size-6 {
font-size: 1.25rem
}
.xmedium-font-size-7 {
font-size: 1.3125rem
}
.xmedium-font-size-8 {
font-size: 1.375rem
}
.xmedium-font-size-9 {
font-size: 1.5rem
}
.xmedium-font-size-10 {
font-size: 1.5625rem
}
.xmedium-font-size-11 {
font-size: 1.75rem
}
.xmedium-font-size-12 {
font-size: 2.375rem
}
.xmedium-font-size-13 {
font-size: 3rem
}
.xmedium-font-size-14 {
font-size: 4.375rem
}
.xmedium-font-size-15 {
font-size: 2rem
}
.xmedium-line-height-1 {
line-height: 1rem
}
.xmedium-line-height-2 {
line-height: 1.25rem
}
.xmedium-line-height-3 {
line-height: 1.5rem
}
.xmedium-line-height-4 {
line-height: 2rem
}
.xmedium-line-height-5 {
line-height: 2.1875rem
}
.xmedium-line-height-6 {
line-height: 2.5rem
}
.xmedium-line-height-7 {
line-height: 2.625rem
}
.xmedium-line-height-8 {
line-height: 3rem
}
.xmedium-line-height-9 {
line-height: 3.625rem
}
.xmedium-line-height-10 {
line-height: 3.75rem
}
.xmedium-line-height-11 {
line-height: 1.875rem
}
.xmedium-line-height-12 {
line-height: 2.375rem
}
}
@media print,
screen and (min-width:64em) {
.large-font-size-1 {
font-size: .875rem
}
.large-font-size-2 {
font-size: .9375rem
}
.large-font-size-3 {
font-size: 1rem
}
.large-font-size-4 {
font-size: 1.0625rem
}
.large-font-size-5 {
font-size: 1.125rem
}
.large-font-size-6 {
font-size: 1.25rem
}
.large-font-size-7 {
font-size: 1.3125rem
}
.large-font-size-8 {
font-size: 1.375rem
}
.large-font-size-9 {
font-size: 1.5rem
}
.large-font-size-10 {
font-size: 1.5625rem
}
.large-font-size-11 {
font-size: 1.75rem
}
.large-font-size-12 {
font-size: 2.375rem
}
.large-font-size-13 {
font-size: 3rem
}
.large-font-size-14 {
font-size: 4.375rem
}
.large-font-size-15 {
font-size: 2rem
}
.large-line-height-1 {
line-height: 1rem
}
.large-line-height-2 {
line-height: 1.25rem
}
.large-line-height-3 {
line-height: 1.5rem
}
.large-line-height-4 {
line-height: 2rem
}
.large-line-height-5 {
line-height: 2.1875rem
}
.large-line-height-6 {
line-height: 2.5rem
}
.large-line-height-7 {
line-height: 2.625rem
}
.large-line-height-8 {
line-height: 3rem
}
.large-line-height-9 {
line-height: 3.625rem
}
.large-line-height-10 {
line-height: 3.75rem
}
.large-line-height-11 {
line-height: 1.875rem
}
.large-line-height-12 {
line-height: 2.375rem
}
}
@media screen and (min-width:80em) {
.xlarge-font-size-1 {
font-size: .875rem
}
.xlarge-font-size-2 {
font-size: .9375rem
}
.xlarge-font-size-3 {
font-size: 1rem
}
.xlarge-font-size-4 {
font-size: 1.0625rem
}
.xlarge-font-size-5 {
font-size: 1.125rem
}
.xlarge-font-size-6 {
font-size: 1.25rem
}
.xlarge-font-size-7 {
font-size: 1.3125rem
}
.xlarge-font-size-8 {
font-size: 1.375rem
}
.xlarge-font-size-9 {
font-size: 1.5rem
}
.xlarge-font-size-10 {
font-size: 1.5625rem
}
.xlarge-font-size-11 {
font-size: 1.75rem
}
.xlarge-font-size-12 {
font-size: 2.375rem
}
.xlarge-font-size-13 {
font-size: 3rem
}
.xlarge-font-size-14 {
font-size: 4.375rem
}
.xlarge-font-size-15 {
font-size: 2rem
}
.xlarge-font-size-16 {
font-size: 6.25rem
}
.xlarge-line-height-1 {
line-height: 1rem
}
.xlarge-line-height-2 {
line-height: 1.25rem
}
.xlarge-line-height-3 {
line-height: 1.5rem
}
.xlarge-line-height-4 {
line-height: 2rem
}
.xlarge-line-height-5 {
line-height: 2.1875rem
}
.xlarge-line-height-6 {
line-height: 2.5rem
}
.xlarge-line-height-7 {
line-height: 2.625rem
}
.xlarge-line-height-8 {
line-height: 3rem
}
.xlarge-line-height-9 {
line-height: 3.625rem
}
.xlarge-line-height-10 {
line-height: 3.75rem
}
.xlarge-line-height-11 {
line-height: 1.875rem
}
.xlarge-line-height-12 {
line-height: 2.375rem
}
}
.language-select li {
font-size: .75rem;
font-weight: 500
}
.language-select li::after {
font-size: 1.375rem
}
.language-select em {
font-style: normal
}
.history-navigation-container #history-navigation a.active {
font-size: 1.0625rem;
font-weight: 500
}
.arrow-link-line-height {
line-height: 1.6875rem
}
@media screen and (max-width:63.99875em) {
.fact-circle-number {
font-size: 3rem;
line-height: 3.625rem
}
}
@media print,
screen and (min-width:64em) {
.fact-circle-number {
font-size: 2.5rem;
line-height: 3.125rem
}
}
@media screen and (min-width:80em) {
.fact-circle-number {
font-size: 3rem;
line-height: 3.625rem
}
}
.news-list-home .article h3 {
line-height: 2rem
}
.urgent-news .urgent-news--title {
letter-spacing: .15rem
}
.teaser-text--simple a {
font-weight: 500
}
.contenttable th {
font-size: .9375rem;
font-weight: 400;
line-height: 1.4375rem
}
.contenttable td {
font-size: .9375rem;
line-height: 1.4375rem
}
@media screen and (max-width:39.99875em) {
.mobile-block-table td:first-child {
font-weight: 500
}
}
.table-list td {
font-size: .9375rem;
line-height: 1.4375rem
}
#map *:not(.marker) {
font-weight: 300
}
[data-country]::after {
font-size: 1rem;
font-weight: 300
}
[data-country]::before {
line-height: 0
}
.bubble .excerpt-footer {
line-height: 1.25rem
}
.styled-select select {
font-size: 1.125rem;
font-weight: 500
}
#footer .styled-select select,
#jobsearch .styled-select select,
.form_fieldwrap .styled-select select,
.powermail_fieldwrap .styled-select select {
font-size: .9375rem
}
.form_fieldwrap.styled-select select,
.powermail_fieldwrap.styled-select select {
font-size: .9375rem
}
.ppe-select.styled-select select {
font-size: 1.0625rem;
font-weight: 300
}
input[type='radio']+label,
input[type='checkbox']+label {
line-height: 1.25rem
}
.checkbox-link a {
font-weight: 500
}
.form-dropdown {
font-size: 1.0625rem;
line-height: 2rem
}
.month-picker-year-table a {
font-family: Roboto, Arial, sans-serif;
font-size: 1rem!important;
font-weight: 300!important
}
.month-picker-year-table a:hover,
.month-picker-year-table a:focus {
font-family: Roboto, Arial, sans-serif;
font-size: 1rem!important;
font-weight: 300!important
}
.month-picker-year-table .ui-button {
font-size: 1.0625rem
}
.month-picker-year-table .month-picker-title .ui-button {
font-size: 1rem;
font-weight: 700
}
.month-picker-month-table .ui-button {
font-family: Roboto, Arial, sans-serif;
font-size: 1rem!important;
font-weight: 300!important
}
.slick-slider--whitebackground p a {
font-weight: 500
}
.slick-slider--banner .text {
font-size: 1.25rem
}
.slider-info-badge .price {
font-size: 2.375rem;
font-weight: 300;
line-height: 3rem
}
.slider-info-badge .uvp {
font-size: 1.25rem;
font-weight: 300;
line-height: 1.875rem
}
.social-share .accordion-item .social-share-headline {
line-height: 2.5rem
}
@media screen and (max-width:39.99875em) {
.social-share .accordion-item .social-share-headline {
line-height: 1.5625rem
}
}
.sitemap h2 a {
font-size: 1.5rem;
font-weight: 300
}
.sitemap .ce-menu a {
font-size: 1.0625rem;
font-weight: 300
}
#footer .footer-cols b {
font-size: .875rem;
letter-spacing: .15rem
}
#footer .footer-cols a {
font-weight: 500;
line-height: 1.25rem
}
.cc_container .cc_message {
font-size: .9375rem;
line-height: 1.5rem
}
.cc_container .cc_btn {
font-size: .9375rem;
font-weight: 500;
letter-spacing: .15rem
}
.forgot-pw-link a {
font-size: .875rem;
font-weight: 700
}
.fileupload input {
font-size: .75rem
}
.delete-filter,
.delete-download-filter,
.delete-service-filter {
font-size: .9375rem;
line-height: 2rem
}
.dashboard-box .dashboard-box-headline {
font-size: 1.3125rem;
font-weight: 400;
letter-spacing: .5px;
line-height: 2rem
}
@media screen and (max-width:39.99875em) {
.dashboard-box .dashboard-box-headline {
font-size: 1.125rem;
line-height: 1.5rem
}
}
.dashboard-box p {
font-size: 1rem;
letter-spacing: .5px;
line-height: 2rem
}
.ui-datepicker-month,
.ui-datepicker-year,
.ui-state-default {
font-family: Roboto, Arial, sans-serif;
font-size: rem-calcc(16);
font-weight: 300;
line-height: normal
}
.ui-datepicker th {
font-family: Roboto, Arial, sans-serif;
font-size: rem-calcc(16);
font-weight: 300;
line-height: normal
}
.top-login {
font-size: .875rem;
line-height: 1.1875rem
}
.page-header {
top: 0
}
.page-header--height {
height: 4.9375rem
}
@media print,
screen and (min-width:64em) {
.page-header--height {
height: 6.3125rem
}
}
.page-header--home.headroom--not-top {
background-color: rgba(255, 255, 255, .9);
border-bottom: .0625rem solid #ededed;
height: 4.9375rem
}
@media print,
screen and (min-width:64em) {
.page-header--home.headroom--not-top {
height: 6.3125rem
}
}
.page-header--home.headroom--not-top .logo--home {
background-color: transparent;
box-shadow: none
}
.page-header-column {
padding-bottom: .8125rem;
padding-top: 1.1875rem
}
.logo--default {
background: url(https://docentpharma.com/wp-content/uploads/2020/10/Logo-1.png) 0 0 no-repeat;
background-size: contain;
height: 2rem;
overflow: hidden;
text-indent: -125rem;
width: 8.75rem
}
@media print,
screen and (min-width:64em) {
.logo--default {
height: 2.8125rem;
margin-right: 3.4375rem;
width: 12.5rem
}
}
.logo--home {
background-image: url(//docentpharma.com/wp-content/themes/Avada-Child-Theme/new/images/logo-new.png);
background-position: center 7.1875rem;
background-repeat: no-repeat;
background-size: 8.75rem auto;
box-shadow: none;
height: 11.5625rem;
right: .9375rem;
top: -6rem;
width: 12.1875rem;
background-size: 60% !important;
}
@media print,
screen and (min-width:64em) {
.logo--home {
background-position: center 225px;
background-size: auto;
height: 21.4375rem;
right: 50px;
top: -12.6875rem;
width: 370px;
}
}
.logo--transmed {
background: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/transmed_logo.svg) 0 0 no-repeat;
background-size: contain;
overflow: hidden;
text-indent: -125rem
}
@media screen and (max-width:63.99875em) {
.logo--transmed {
height: 2.8125rem;
margin-top: -.1875rem;
width: 7.375rem
}
}
@media print,
screen and (min-width:64em) {
.logo--transmed {
height: 4rem;
margin-right: 3.4375rem;
margin-top: -.0625rem;
width: 10rem
}
}
.logo--elpharma {
background: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/logo-elpharma.svg) 0 0 no-repeat;
background-size: contain;
overflow: hidden;
text-indent: -125rem
}
@media screen and (max-width:63.99875em) {
.logo--elpharma {
height: 2.8125rem;
margin-top: -.1875rem;
width: 7.375rem
}
}
@media print,
screen and (min-width:64em) {
.logo--elpharma {
height: 4rem;
margin-right: 3.4375rem;
margin-top: -.0625rem;
width: 10rem
}
}
.logo--allinone {
background: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/allinone_logo.svg) 0 0 no-repeat;
background-size: contain;
overflow: hidden;
text-indent: -125rem
}
@media screen and (max-width:63.99875em) {
.logo--allinone {
height: 2.8125rem;
margin-top: -.1875rem;
width: 7.375rem
}
}
@media print,
screen and (min-width:64em) {
.logo--allinone {
height: 4rem;
margin-right: 3.4375rem;
margin-top: -.0625rem;
width: 10rem
}
}
.logo--allinone-startscreen {
background: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/allinone_logo.svg) center 78px no-repeat;
background-size: 56px auto;
box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .1);
float: right;
height: 7.8125rem;
margin-bottom: 1.875rem;
margin-top: -3.625rem;
overflow: hidden;
text-indent: -125rem;
width: 7.8125rem
}
@media print,
screen and (min-width:40em) {
.logo--allinone-startscreen {
background-position: center 121px;
background-size: 87px auto;
height: 12.125rem;
margin-bottom: 0;
margin-top: -5.625rem;
width: 12.125rem
}
}
@media print,
screen and (min-width:64em) {
.logo--allinone-startscreen {
background-position: center 208px;
background-size: 148px auto;
height: 20.25rem;
margin-bottom: 3.125rem;
margin-top: -10rem;
width: 20.25rem
}
}
.logo--benu {
background: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/benu_logo.svg) 0 0 no-repeat;
background-size: contain;
overflow: hidden;
text-indent: -125rem
}
@media screen and (max-width:63.99875em) {
.logo--benu {
height: 2rem;
width: 8.5625rem
}
}
@media print,
screen and (min-width:64em) {
.logo--benu {
height: 3rem;
margin-right: 1.25rem;
width: 11.25rem
}
}
.sticky-sub-fixed {
margin-top: 6.25rem
}
.sticky-sub-fixed.news {
margin-top: 0
}
.sticky-sub-fixed.news .bg-color-03 {
padding-top: 6.25rem
}
.language-select {
left: 3rem;
min-width: 100px;
right: 0;
top: 1.75rem
}
@media print,
screen and (min-width:40em) {
.language-select {
left: 5rem
}
}
@media print,
screen and (min-width:64em) {
.language-select {
top: 1.5rem
}
}
.language-select li {
display: inline-block;
padding: 0 .3125rem 0 1rem;
position: relative
}
.language-select li::after {
color: #535353;
content: '|';
display: block;
position: absolute;
right: -.6875rem;
top: -.3125rem
}
@media print,
screen and (min-width:64em) {
.language-select li::after {
top: -.0625rem
}
}
.language-select li:last-child::after {
display: none
}
.language-select a {
color: #535353;
font-size: 1.0625rem;
text-decoration: none
}
@media print,
screen and (min-width:64em) {
.language-select a {
font-size: 1.25rem
}
}
.language-select a:hover {
color: #92d400
}
.language-select .current a {
color: #92d400
}
.language-select .inactive a {
color: #ddd;
pointer-events: none
}
.language-select em {
color: #ddd
}
.body-class-virion .language-select {
left: -1rem
}
.main-nav {
display: block;
height: 100%;
left: 0;
position: fixed;
top: 0;
transform: translateX(-100%);
transition: transform 1s ease
}
.main-nav.slideInFromLeft {
transform: translateX(0)
}
.main-nav .main-nav-ul {
border-right: .0625rem solid #ddd;
border-top: 5.0625rem solid #fff;
height: 100%;
min-height: 100vh;
overflow-y: auto;
padding-left: 1.9375rem;
padding-right: .9375rem;
margin-left:0px !important;
}
@media print,
screen and (min-width:40em) {
.main-nav .main-nav-ul {
width: 27.5rem
}
}
.main-nav .toggle-subnav {
background-color: #92d400;
border-radius: 100%;
height: 1.9375rem;
right: .5rem;
top: .75rem;
width: 1.9375rem
}
@media print,
screen and (min-width:40em) {
.main-nav .toggle-subnav {
top: 1rem
}
}
.main-nav .toggle-subnav::after {
background: url(//docentpharma.com/wp-content/themes/Avada-Child-Theme/new/images/nav-arrow-down-white.svg) no-repeat 0 0;
background-size: contain;
content: '';
height: .6875rem;
left: .4375rem;
position: absolute;
top: .6875rem;
width: 1rem
}
.main-nav .toggle-subnav:hover {
background-color: #009775
}
.main-nav .toggle-subnav.toggle-subnav--active {
transform: rotate(180deg)
}
.main-nav .toggle-subnav-2 {
background: url(//docentpharma.com/wp-content/themes/Avada-Child-Theme/new/images/nav-arrow-down-02-small.svg) no-repeat 0 0;
background-size: contain;
height: .625rem;
right: -3.5rem;
top: 1.3125rem;
width: 1rem
}
.main-nav .toggle-subnav-2.toggle-subnav-2--active {
transform: rotate(180deg)
} .main-nav .level-1-li.level-1-li--active .main-nav-ul--level-2 {
display: block
}
.main-nav .level-1-a {
padding-bottom: .875rem;
padding-top: .875rem
}
.main-nav .level-1-a:hover,
.main-nav .level-1-a.level-1-a--active {
color: #92d400
}
.main-nav .main-nav-ul--level-2 {
display: none;
padding-bottom: 1.25rem;
padding-left: 1.25rem
}
.main-nav .level-2-li--active .main-nav-ul--level-3 {
display: block
}
.main-nav .level-2-a {
padding-bottom: .5rem;
padding-top: .5rem
}
.main-nav .level-2-a:hover,
.main-nav .level-2-a.level-2-a--active {
color: #92d400
}
.main-nav-ul--level-3 {
display: none;
padding-bottom: .25rem;
padding-left: 1.875rem
}
.main-nav-ul--level-3 .level-3-a {
padding-bottom: .25rem;
padding-top: .25rem
}
.main-nav-ul--level-3 .level-3-a:hover,
.main-nav-ul--level-3 .level-3-a.level-3-a--active {
color: #92d400
}
.body-class-hu .main-nav .main-nav-ul {
padding-top: .9375rem
}
.body-class-hu .level-1-li#n397 {
padding-top: 2.5rem
}
.body-class-transmed .main-nav-ul #uid465 {
padding-top: 3.125rem
}
.body-class-elpharma .main-nav-ul #uid465 {
padding-top: 3.125rem
}
.page-section-nav {
background-color: #92d400;
border-radius: 100%;
bottom: 3rem;
height: 1.9375rem;
right: 3%;
width: 1.9375rem
}
.page-section-nav::after {
background: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/nav-arrow-down-white.svg) no-repeat 0 0;
background-size: contain;
content: '';
height: .6875rem;
left: .4375rem;
position: absolute;
top: .6875rem;
width: 1rem
}
.page-section-nav:hover {
background-color: #009775
}
.page-section-nav.page-section-nav-up {
bottom: 6rem;
right: 3.1%;
transform: rotate(180deg)
}
#jobsearch.fixed {
left: 0;
position: fixed;
right: 0;
top: 0;
transition: transform 200ms ease;
width: 100%;
z-index: 2
}
#jobsearch.fixed.slidedown {
transform: translateY(79px);
transition: transform 500ms ease
}
@media screen and (min-width:64em) {
#jobsearch.fixed.slidedown {
transform: translateY(100px)
}
}
.history-navigation-section.fixed {
background-color: rgba(255, 255, 255, .9);
left: 0;
padding: 0;
position: fixed;
right: 0;
top: 0;
transition: transform 200ms ease;
z-index: 1
}
.history-navigation-section.fixed .history-navigation-container {
margin: 1.25rem 0;
position: static
}
.history-navigation-section.fixed .bg-color-03 {
background-color: transparent
}
.history-navigation-section.fixed.slidedown {
transform: translateY(79px);
transition: transform 900ms ease
}
@media print,
screen and (min-width:64em) {
.history-navigation-section.fixed.slidedown {
transform: translateY(100px)
}
}
.history-navigation-container {
height: 1.5625rem;
margin-bottom: 4.6875rem
}
.history-navigation-container #history-navigation {
height: 1.5625rem;
transition: transform 300ms ease
}
.history-navigation-container #history-navigation a {
margin: 0 .625rem
}
.history-navigation-container #history-navigation a.active {
color: #009775;
margin: 0 3.75rem
}
.history-navigation-container #history-navigation a.active .history-navigation-arrow-right,
.history-navigation-container #history-navigation a.active .history-navigation-arrow-left {
background: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/nav-arrow-down-grey.svg) no-repeat 0 0;
background-size: contain;
cursor: pointer;
height: .6875rem;
position: absolute;
width: 1rem;
z-index: 1
}
.history-navigation-container #history-navigation a.active .history-navigation-arrow-left {
left: -2.5rem;
top: .25rem;
transform: rotate(90deg)
}
.history-navigation-container #history-navigation a.active .history-navigation-arrow-right {
left: 3.5625rem;
top: .25rem;
transform: rotate(-90deg)
}
#footer {
border-top: .1875rem solid #009775;
margin-bottom: 5rem
}
#footer a {
display: inline-block
}
#footer .social-icon {
background-size: contain;
height: 2.5rem;
width: 2.5rem
}
@media screen and (max-width:39.99875em) {
#footer .social-icon {
margin-right: .625rem
}
}
@media print,
screen and (min-width:40em) {
#footer .social-icon {
margin-left: .625rem
}
}
#footer .social-icon--xing {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/icon-xing.svg)
}
#footer .social-icon--linkedin {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/icon-linkedin.svg)
}
#footer .social-icon--googleplus {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/icon-google-plus.svg)
}
#footer .social-icon--twitter {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/icon-twitter.svg)
}
#footer .social-icon--vimeo {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/icon-vimeo.svg)
}
#footer .social-icon--youtube {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/footer-youtube.svg)
}
#footer .footer-cols p {
padding-bottom: .625rem
}
#footer .footer-cols a {
color: #535353;
display: inline-block;
margin-bottom: .625rem;
padding-left: .75rem;
position: relative;
text-decoration: none
}
#footer .footer-cols a::before {
background: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/link-arrow-01.svg) no-repeat 0 0;
background-size: contain;
content: '';
display: block;
height: .5625rem;
left: 0;
position: absolute;
top: .375rem;
width: .625rem
}
#footer .footer-cols a:hover {
color: #92d400;
text-decoration: underline
}
#footer .footer-cols a:hover::before {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/link-arrow-04.svg)
}
@media print,
screen and (min-width:40em) {
.template-1 .footer-space,
.template-2 .footer-space,
.template-5 .footer-space,
.template-11 .footer-space,
.template-14 .footer-space,
.template-15 .footer-space {
border-top: 5rem solid #ededed
}
.template-1.body-class-livsane .footer-space,
.template-2.body-class-livsane .footer-space,
.template-5.body-class-livsane .footer-space,
.template-11.body-class-livsane .footer-space,
.template-14.body-class-livsane .footer-space,
.template-15.body-class-livsane .footer-space {
border-top: 5rem solid #e9f4cf
}
.template-1.body-class-livsane .footer-space {
display: none
}
}
#visual-footer-clip {
background-color: #009775;
bottom: 0;
height: 5rem;
left: 0;
position: fixed;
right: 0;
text-align: center;
z-index: -1
}
#visual-footer-clip.invert {
background-color: #fff
}
#visual-footer-clip.invert svg path,
#visual-footer-clip.invert svg text {
fill: #009775
}
#visual-footer-clip.gray {
background-color: #ededed
}
#visual-footer-clip.gray svg path,
#visual-footer-clip.gray svg text {
fill: #009775
}
#visual-footer-clip svg {
margin-top: 1.125rem
}
.template-16 #visual-footer-clip {
position: relative;
z-index: 1
}
.template-16 footer {
margin-bottom: 0!important
}
.branding-footer {
margin-top: -1.2%;
position: relative;
width: 100.1%
}
@media screen and (max-width:39.99875em) {
.branding-footer {
top: -1.5vw
}
}
.body-class-livsane .font-size-1 {
font-size: 1rem
}
.body-class-livsane #footer .footer-cols a::before {
top: .4375rem
}
.body-class-livsane #footer .footer-cols b {
font-size: 1rem
}
.cc_banner-wrapper {
position: absolute;
z-index: 9001
}
.cc_container {
background: #009775;
bottom: 0;
box-sizing: border-box;
left: 0;
overflow: hidden;
padding: 1.3125rem 1.5625rem;
position: fixed;
right: 0
}
@media print,
screen and (min-width:40em) {
.cc_container {
padding: 1.25rem 4.0625rem
}
}
.cc_container .cc_logo {
display: none
}
.cc_container .cc_message {
color: #fff;
display: block;
margin: 0;
padding: 0;
transition: font-size 200ms
}
@media screen and (max-width:53.12375em) {
.cc_container .cc_message {
padding-bottom: 1.125rem
}
}
.cc_container a {
color: #fff
}
.cc_container a:hover,
.cc_container a:active,
.cc_container a a:visited {
color: #fff
}
.cc_container .cc_btn {
background-color: #009775;
border: .0625rem solid #fff;
border-radius: 3.125rem;
color: #fff;
cursor: pointer;
display: inline-block;
float: right;
margin-left: .625rem;
margin-top: .1875rem;
padding: 1rem 2.5rem;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: background-color .4s ease;
transition: font-size 200ms;
white-space: nowrap
}
@media screen and (max-width:53.12375em) {
.cc_container .cc_btn {
margin-left: 2.5rem
}
}
.cc_container .cc_btn:hover,
.cc_container .cc_btn:active {
background-color: #fff;
border-color: #fff;
color: #009775
}
.cc_container .cc_btn a {
text-decoration: none
}
.cc_container .cc_btn_accept_yes {
background-color: #92d400;
border-color: #92d400
}
@media print {
.cc_banner-wrapper,
.cc_container {
display: none
}
}
@-webkit-keyframes slideUp {
0% {
transform: translateY(66px)
}
100% {
transform: translateY(0)
}
}
@keyframes slideUp {
0% {
transform: translateY(66px)
}
100% {
transform: translateY(0)
}
}
.cc_container,
.cc_message,
.cc_btn {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-name: slideUp;
animation-name: slideUp
}
.flipster {
display: block;
overflow: hidden;
position: relative
}
.flipster:focus {
outline: none
}
.flipster__container,
.flipster__item {
margin: 0;
padding: 0;
list-style-type: none;
position: relative
}
.flipster__container {
display: block;
white-space: nowrap;
word-spacing: -.25em;
transform-origin: 50% 50%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.flipster__item {
display: inline-block;
white-space: normal;
word-spacing: normal;
vertical-align: bottom
}
.flipster--click .flipster__item--past,
.flipster--click .flipster__item--future {
cursor: pointer
}
.flipster__item img {
max-width: 100%;
border-radius: 100%
}
.flipster__button {
position: absolute;
display: block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: none;
padding: 0;
z-index: 2;
cursor: pointer;
font-size: 15px;
transition: opacity 500ms ease;
width: 33px;
height: 33px;
outline: none;
background: #92d400 url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/nav-arrow-down-white.svg) no-repeat center center;
background-size: 12px auto;
transform: rotate(90deg);
border-radius: 100%
}
.flipster__button.flipster__button--next {
transform: rotate(-90deg)
}
.flipster__button svg {
display: none
}
.flipster__button:hover,
.flipster__button:focus {
background: #009775 url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/nav-arrow-down-white.svg) no-repeat center center;
background-size: 12px auto;
outline: none
}
.flipster__nav,
.flipster__nav__item {
list-style-type: none;
margin: 0;
padding: 0
}
.flipster__nav {
display: block;
margin: 0 0 4em;
text-align: center;
position: relative
}
.flipster__nav__item {
display: inline-block;
margin: 0 .25em
}
.flipster__nav__link {
display: block;
color: inherit;
padding: .5em 1em;
position: relative;
overflow: hidden;
transition: all 250ms ease-out;
transition-timing-function: cubic-bezier(.56, .12, .12, .98)
}
.flipster__nav__link::after {
content: '';
display: block;
background: #232221;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
transform: translateY(100%) translateY(-.25em);
transition: inherit
}
.flipster__nav__item--current>.flipster__nav__link,
.flipster__nav__link:hover,
.flipster__nav__link:focus {
color: #FFF
}
.flipster__nav__item--current>.flipster__nav__link::after,
.flipster__nav__link:hover::after,
.flipster__nav__link:focus::after {
transform: translateY(0)
}
.flipster__nav__child {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
margin-top: -1px;
padding: .5em;
background: #4e4441;
z-index: 1
}
.flipster__nav__child .flipster__nav__link {
color: #FFF
}
.flipster__nav__child .flipster__nav__link::after {
background: #FFF
}
.flipster__nav__child .flipster__nav__item--current>.flipster__nav__link,
.flipster__nav__child .flipster__nav__link:hover,
.flipster__nav__child .flipster__nav__link:focus {
color: #232221
}
.flipster__nav__item--current .flipster__nav__child {
display: block
}
.flipster--carousel .flipster__container,
.flipster--carousel .flipster__item,
.flipster--carousel .flipster__item__content {
transition: all 350ms ease-in-out;
transition-timing-function: cubic-bezier(.56, .12, .12, .98)
}
.flipster--carousel .flipster__item {
perspective: 800px
}
.flipster--carousel .flipster__item--past,
.flipster--carousel .flipster__item--future {
opacity: 0;
transition-delay: 115ms
}
.flipster--carousel .flipster__item--past-2,
.flipster--carousel .flipster__item--future-2 {
opacity: .2;
transition-delay: 90ms
}
.flipster--carousel .flipster__item--past-1,
.flipster--carousel .flipster__item--future-1 {
opacity: .6;
transition-delay: 60ms
}
.flipster--carousel .flipster__item--past .flipster__item__content {
transform: translateX(100%) rotateY(-20deg) scale(.5)
}
.flipster--carousel .flipster__item--past-2 .flipster__item__content {
transform: translateX(25%) rotateY(40deg) scale(.65)
}
.flipster--carousel .flipster__item--past-1 .flipster__item__content {
transform: rotateY(45deg) scale(.8)
}
.flipster--carousel .flipster__item--future .flipster__item__content {
transform: translateX(-100%) rotateY(20deg) scale(.5)
}
.flipster--carousel .flipster__item--future-2 .flipster__item__content {
transform: translateX(-25%) rotateY(-40deg) scale(.65)
}
.flipster--carousel .flipster__item--future-1 .flipster__item__content {
transform: rotateY(-45deg) scale(.8)
}
.flipster--carousel.no-rotate .flipster__item--past .flipster__item__content {
transform: translateX(175%) scale(.5)
}
.flipster--carousel.no-rotate .flipster__item--past-2 .flipster__item__content {
transform: translateX(25%) scale(.65)
}
.flipster--carousel.no-rotate .flipster__item--past-1 .flipster__item__content {
transform: translateX(0%) scale(.8)
}
.flipster--carousel.no-rotate .flipster__item--future .flipster__item__content {
transform: translateX(-175%) scale(.5)
}
.flipster--carousel.no-rotate .flipster__item--future-2 .flipster__item__content {
transform: translateX(-25%) scale(.65)
}
.flipster--carousel.no-rotate .flipster__item--future-1 .flipster__item__content {
transform: translateX(0%) scale(.8)
}
.flipster--carousel .flipster__item--current .flipster__item__content {
transform: translateX(0) rotateY(0deg) scale(1);
transition-delay: 60ms
}
.flipster--coverflow .flipster__container,
.flipster--coverflow .flipster__item,
.flipster--coverflow .flipster__item__content {
transition: all 350ms ease-in-out;
transition-timing-function: cubic-bezier(.56, .12, .12, .98)
}
.flipster--coverflow .flipster__item {
perspective: 800px
}
.flipster--coverflow .flipster__container {
padding-bottom: 5%
}
.flipster--coverflow .flipster__item__content {
transform-origin: 50% 100%;
box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(.05, rgba(255, 255, 255, .12)), color-stop(.2, transparent))
}
.flipster--coverflow .flipster__item__content img:only-child {
display: block
}
.flipster--coverflow .flipster__item--past .flipster__item__content {
transform-origin: 0% 50%;
transform: scale(.75) rotateY(55deg)
}
.flipster--coverflow .flipster__item--future .flipster__item__content {
transform-origin: 100% 50%;
transform: scale(.75) rotateY(-55deg)
}
.flipster--coverflow .flip-current .flipster__item__content {
transform: rotateY(0deg)
}
.flipster--flat .flipster__container,
.flipster--flat .flipster__item,
.flipster--flat .flipster__item__content {
transition: all 400ms ease-in-out
}
.flipster--flat .flipster__item--past,
.flipster--flat .flipster__item--future {
opacity: .5
}
.flipster--flat .flipster__item--past .flipster__item__content {
transform: scale(.75)
}
.flipster--flat .flipster__item--future .flipster__item__content {
transform: scale(.75)
}
.flipster--wheel {
overflow: hidden
}
.flipster--wheel .flipster__container,
.flipster--wheel .flipster__item__content {
transition: all 400ms ease-in-out;
transition-timing-function: cubic-bezier(.56, .12, .12, .98)
}
.flipster--wheel .flipster__container {
padding-bottom: 20%
}
.flipster--wheel .flipster__item__content {
transform-origin: 50% 100%
}
.flipster--wheel .flipster__item--past .flipster__item__content {
transform-origin: 100% 100%
}
.flipster--wheel .flipster__item--future .flipster__item__content {
transform-origin: 0% 100%
}
.flipster--wheel .flipster__item__content img:only-child {
display: block
}
.flipster--wheel .flipster__item--past .flipster__item__content {
opacity: 0;
transform: rotateZ(-80deg) translate(-170%, 110%)
}
.flipster--wheel .flipster__item--future .flipster__item__content {
opacity: 0;
transform: rotateZ(80deg) translate(170%, 110%)
}
.flipster--wheel .flipster__item--past-3 .flipster__item__content {
opacity: 1;
transform: rotateZ(-60deg) translate(-70%, 75%)
}
.flipster--wheel .flipster__item--future-3 .flipster__item__content {
opacity: 1;
transform: rotateZ(60deg) translate(70%, 75%)
}
.flipster--wheel .flipster__item--past-2 .flipster__item__content {
opacity: 1;
transform: rotateZ(-40deg) translate(-17%, 30%)
}
.flipster--wheel .flipster__item--future-2 .flipster__item__content {
opacity: 1;
transform: rotateZ(40deg) translate(17%, 30%)
}
.flipster--wheel .flipster__item--past-1 .flipster__item__content {
opacity: 1;
transform: rotateZ(-20deg)
}
.flipster--wheel .flipster__item--future-1 .flipster__item__content {
opacity: 1;
transform: rotateZ(20deg)
}
.flipster--wheel .flip-current .flipster__item__content {
transform: rotateX(0deg)
}
.flip-items .caption {
margin: 0 auto;
transition: all .2s ease;
opacity: 0
}
@media screen and (max-width:39.99875em) {
.flip-items .caption {
min-height: 292px
}
.flip-items .caption.aio-carousel {
min-width: 200px;
min-height: 100px
}
.flip-items .caption.ppe-carousel {
min-height: 350px
}
}
@media screen and (min-width:40em) {
.flip-items .caption {
min-height: 365px
}
.flip-items .caption.aio-carousel {
min-width: 300px;
min-height: 100px
}
.flip-items .caption.ppe-carousel {
min-height: 400px
}
}
@media screen and (min-width:64em) {
.flip-items .caption {
min-height: 215px
}
.flip-items .caption.aio-carousel {
min-width: 620px;
min-height: 100px
}
.flip-items .caption.ppe-carousel {
min-height: 200px
}
}
@media screen and (min-width:80em) {
.flip-items .caption {
min-height: 150px
}
}
.flipster__item--current .caption {
opacity: 1
}
@media screen and (max-width:53.12375em) {
.flipster__button--prev {
left: 1.5625rem
}
.flipster__button--next {
right: 1.5625rem
}
}
@media screen and (min-width:53.125em) {
.flipster__button--prev {
left: 4.125rem
}
.flipster__button--next {
right: 4.125rem
}
.info-carousel .flipster__button--prev {
left: 0
}
.info-carousel .flipster__button--next {
right: 0
}
}
@media screen and (max-width:63.99875em) {
.flipster__button {
top: 7.8125rem
}
.flip-items .caption {
max-width: 280px
}
.flip-items img {
max-width: 200px
}
}
@media screen and (min-width:64em) {
.flipster__button {
top: 10.3125rem
}
.flip-items .caption {
max-width: 420px
}
}
@media screen and (min-width:80em) {
.flip-items .caption {
max-width: 620px
}
}
.slick-slider {
box-sizing: border-box;
display: block;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.slick-slider .slick-track {
transform: translate3d(0, 0, 0)
}
.slick-list {
display: block;
margin: 0;
overflow: hidden;
padding: 0;
position: relative
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: hand
}
.slick-track {
display: block;
left: 0;
position: relative;
top: 0
}
.slick-track::before,
.slick-track::after {
content: '';
display: table
}
.slick-track::after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-slide {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: none;
float: left
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-slide img {
display: block;
height: auto;
margin: 0;
width: 100%
}
.slick-slider--default .slick-dots {
padding-top: 1.5rem
}
.slick-initialized .slick-slide {
display: block
}
.slick-vertical .slick-slide {
border: .0625rem solid transparent;
display: block;
height: auto
}
.slick-prev,
.slick-next {
background-color: #92d400;
border-radius: 100%;
display: block;
height: 3.125rem;
margin-top: -1.25rem;
outline: none;
overflow: hidden;
position: absolute;
text-indent: -125rem;
top: 50%;
transition: background-color .4s ease;
width: 3.125rem
}
@media screen and (max-width:53.12375em) {
.slick-prev,
.slick-next {
display: block
}
}
.slick-prev::after,
.slick-next::after {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/nav-arrow-down-white.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 1.5625rem auto;
content: '';
height: 3.125rem;
left: 0;
position: absolute;
top: 0;
width: 3.125rem
}
.slick-prev:hover,
.slick-next:hover {
background-color: #009775
}
.slick-prev:hover::after,
.slick-next:hover::after {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/nav-arrow-down-white.svg)
}
.slick-prev {
left: -5.625rem
}
.slick-prev::after {
transform: rotate(90deg)
}
.slick-next {
right: -5.625rem
}
.slick-next::after {
transform: rotate(-90deg)
}
.category-slider .slick-prev {
left: -5.625rem
}
.category-slider .slick-next {
right: -5.625rem
}
.slick-arrows-container {
opacity: .4;
top: 50%
}
.slick-arrows-container:hover {
opacity: 1
}
.slick-arrows-container .slick-prev {
left: 1.5625rem
}
.slick-arrows-container .slick-next {
right: 1.5625rem
}
.slick-dots-container {
bottom: 1.25rem
}
.slick-dots {
list-style-type: none;
margin: 0;
padding: 1.5rem 0 0 0;
text-align: center
}
.slick-dots li {
display: inline-block;
padding: 0 .5rem
}
.slick-dots li.slick-active button {
background-color: #92d400
}
.slick-dots li:hover button {
background-color: #009775
}
.slick-dots button {
background-color: #ddd;
border-radius: 100%;
height: .75rem;
outline: none;
overflow: hidden;
text-indent: -125rem;
width: .75rem
}
.slider-section::before {
background-color: #ededed;
content: '';
display: block;
height: 45%;
left: 0;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-57%);
z-index: 1
}
.body-class-livsane .slider-section::before {
display: none
}
.slick-4ercycle-info .slick-slide .circle-img,
.slick-3ercycle-info .slick-slide .circle-img,
.slick-3ercycle .slick-slide .circle-img {
margin: 0 auto
}
@media screen and (max-width:39.99875em) {
.slick-4ercycle-info .slick-slide .circle-img,
.slick-3ercycle-info .slick-slide .circle-img,
.slick-3ercycle .slick-slide .circle-img {
max-width: 15rem
}
}
@media print,
screen and (min-width:40em) {
.slick-4ercycle-info .slick-slide .circle-img,
.slick-3ercycle-info .slick-slide .circle-img,
.slick-3ercycle .slick-slide .circle-img {
max-width: 50%
}
}
.slick-4ercycle-info .slick-prev,
.slick-4ercycle-info .slick-next,
.slick-3ercycle-info .slick-prev,
.slick-3ercycle-info .slick-next,
.slick-3ercycle .slick-prev,
.slick-3ercycle .slick-next {
height: 2.5rem;
width: 2.5rem;
z-index: 1
}
.slick-4ercycle-info .slick-prev::after,
.slick-4ercycle-info .slick-next::after,
.slick-3ercycle-info .slick-prev::after,
.slick-3ercycle-info .slick-next::after,
.slick-3ercycle .slick-prev::after,
.slick-3ercycle .slick-next::after {
background-size: 1rem auto;
height: 2.5rem;
width: 2.5rem
}
.slick-4ercycle-info .circle-img {
margin: 30px
}
.slick-3ercycle-info .slick-prev {
left: .9375rem;
top: 4.875rem
}
.slick-3ercycle-info .slick-next {
right: .9375rem;
top: 4.875rem
}
.slick-3ercycle-info .slick--tabs .slick-prev,
.slick-3ercycle-info .slick--tabs .slick-next {
top: 6.875rem
}
.slick-3ercycle .slick-prev {
left: .9375rem
}
.slick-3ercycle .slick-next {
right: .9375rem
}
.slick--tabs .slick-prev,
.slick--tabs .slick-next {
margin-top: 0;
top: 6.25rem
}
.slick--tabs .slick-prev {
left: -1.25rem
}
.slick--tabs .slick-next {
right: -1.25rem
}
.slick--tabs .slick-dots {
background-color: #fff;
padding-top: 1.0625rem
}
.home-cycle .slick-prev,
.home-cycle .slick-next {
top: 8.8125rem
}
.info-cycle .slick-prev,
.info-cycle .slick-next {
top: 7.5rem
}
@media screen and (max-width:39.99875em) {
.ar-slider .slick-slide {
height: 58.4375rem
}
}
@media screen and (min-width:40em) {
.ar-slider .slick-slide {
height: 53.75rem
}
}
.ar-slider .slick-slide .slick-prev,
.ar-slider .slick-slide .slick-next {
bottom: 2.5rem;
height: 2.5rem;
top: auto;
width: 2.5rem
}
.ar-slider .slick-slide .slick-prev::after,
.ar-slider .slick-slide .slick-next::after {
background-size: 1.25rem auto;
height: 2.5rem;
width: 2.5rem
}
.ar-slider .slick-slide .slick-prev {
height: 2.5rem;
left: 50%;
margin-left: -6.25rem;
width: 2.5rem;
z-index: 3
}
.ar-slider .slick-slide .slick-next {
margin-right: -6.25rem;
right: 50%
}
@media screen and (max-width:39.99875em) {
.base-slider .slick-prev,
.base-slider .slick-next {
display: none!important
}
}
@media print,
screen and (min-width:40em) {
.slick-slider--greenbackground {
padding-left: 2.875rem;
padding-right: 2.875rem
}
}
.slick-slider--greenbackground .content-holder {
min-height: 21.875rem;
padding: 1.875rem
}
.slick-slider--greenbackground .image-col {
padding: 0 2.8125rem 0 .9375rem
}
@media print,
screen and (min-width:40em) {
.slick-slider--greenbackground .image-col {
float: left;
width: 30%
}
}
.slick-slider--greenbackground .image-col img {
border: 1.5rem solid #80ccc0
}
@media print,
screen and (min-width:40em) {
.slick-slider--greenbackground .text-col {
float: left;
width: 70%
}
}
.slick-slider--greenbackground .slick-dots {
margin-top: 1.25rem
}
.slick-slider--greenbackground .slick-prev,
.slick-slider--greenbackground .slick-next {
height: 1.5rem;
width: 1.5rem
}
@media screen and (max-width:39.99875em) {
.slick-slider--greenbackground .slick-prev,
.slick-slider--greenbackground .slick-next {
display: none!important
}
}
.slick-slider--greenbackground .slick-prev::after,
.slick-slider--greenbackground .slick-next::after {
background-size: .75rem auto;
height: 1.5rem;
width: 1.5rem
}
.slick-slider--greenbackground .slick-prev {
left: 0
}
.slick-slider--greenbackground .slick-next {
right: 0
}
@media print,
screen and (min-width:40em) {
.slick-slider--whitebackground {
padding-left: 4.1875rem;
padding-right: 4.1875rem
}
}
.slick-slider--whitebackground .content-holder {
min-height: 21.875rem;
padding: 1.875rem
}
.slick-slider--whitebackground .image-col {
padding: 0 2.8125rem 0 .9375rem
}
@media print,
screen and (min-width:40em) {
.slick-slider--whitebackground .image-col {
float: left;
width: 30%
}
}
.slick-slider--whitebackground .image-col img {
max-width: 15.8125rem
}
@media print,
screen and (min-width:40em) {
.slick-slider--whitebackground .text-col {
float: left;
width: 70%
}
}
.slick-slider--whitebackground p a {
color: #92d400;
text-decoration: none
}
.slick-slider--whitebackground p a:hover {
text-decoration: underline
}
.slick-slider--whitebackground .slick-prev,
.slick-slider--whitebackground .slick-next {
height: 3.125rem;
margin-top: -3.125rem;
width: 3.125rem
}
@media screen and (max-width:39.99875em) {
.slick-slider--whitebackground .slick-prev,
.slick-slider--whitebackground .slick-next {
display: none!important
}
}
.slick-slider--whitebackground .slick-prev::after,
.slick-slider--whitebackground .slick-next::after {
background-size: 1.5625rem auto;
height: 3.125rem;
width: 3.125rem
}
.slick-slider--whitebackground .slick-prev {
left: 0
}
.slick-slider--whitebackground .slick-next {
right: 0
}
.offcanvas-slider .slick-prev,
.offcanvas-slider .slick-next {
margin-top: 0;
transform: translateY(-50%)
}
.offcanvas-slider .slick-prev {
left: -5rem
}
.offcanvas-slider .slick-next {
right: -5rem
}
.template-1 .akkordeon-bg,
.template-5 .akkordeon-bg {
background-color: #ededed
}
.template-4 .akkordeon-bg {
background-color: #fff
}
.accordion-item {
margin-bottom: 1.25rem;
transition: background-color .4s ease
}
.accordion-item:last-child {
margin-bottom: .625rem
}
.accordion-item:last-child .accordion-content {
padding-bottom: 0
}
.accordion-item:hover .accordion-title {
background-color: #92d400;
color: #fff
}
.accordion-item.is-active .accordion-title {
background-color: #009775;
color: #fff
}
.accordion-item.is-active .accordion-title::after {
transform: rotate(180deg)
}
.accordion-item.is-active .accordion-title:hover::after {
background: #fff url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/nav-arrow-down-02.svg) no-repeat center center;
background-size: .9375rem auto
}
.accordion-item .arrow-link::before {
top: .6875rem
}
.accordion-item .phone-link {
background-position: .125rem .5625rem
}
.no-bottom .accordion-item:last-child {
margin-bottom: 0
}
.accordion-title {
padding: .75rem 4.3125rem .75rem 1.25rem;
transition: background-color ease .5s
}
.accordion-title::after {
background: #92d400 url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/nav-arrow-down-white.svg) center center no-repeat;
background-size: .9375rem auto;
border-radius: 100%;
content: '';
display: block;
height: 1.8125rem;
position: absolute;
right: 1.25rem;
top: .625rem;
transition: background-color .4s ease;
width: 1.8125rem
}
.accordion-title:hover::after {
background-color: #009775
}
.accordion-content {
display: none
}
@media screen and (max-width:39.99875em) {
.accordion-content {
max-width: 100%;
padding: .625rem 1.25rem
}
}
@media print,
screen and (min-width:40em) {
.accordion-content {
padding: 1.9375rem 1.25rem .625rem
}
}
@media print,
screen and (min-width:64em) {
.accordion-content {
max-width: 83.3333333333%
}
}
@media screen and (max-width:39.99875em) {
.accordion-content .top-headline {
padding-top: .9375rem
}
}
@media print,
screen and (min-width:40em) {
.accordion-content .top-headline {
padding-top: 2.5625rem
}
}
@media screen and (max-width:39.99875em) {
.accordion-content img {
margin: .9375rem 2.5rem .5625rem 0;
max-width: 17.625rem
}
}
@media print,
screen and (min-width:40em) {
.accordion-content img {
margin: .5rem 2.5rem .5625rem 0;
max-width: 17.625rem
}
}
.animate {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
@-webkit-keyframes fadeOut {
from {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fadeOut {
from {
opacity: 1
}
to {
opacity: 0
}
}
.fadeIn {
opacity: 0;
transition: opacity 1.5s
}
.fadeIn.animate {
opacity: 1
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
.color-transition {
transition: color .4s ease
}
.bg-color-transition {
transition: background-color .4s ease
}
.anim-slide-in-text,
.anim-slide-in-container-text {
opacity: 0;
transform: translateY(150px);
transition: transform .8s ease, opacity 1.5s ease
}
.anim-slide-in-text.animate,
.anim-slide-in-container-text.animate {
opacity: 1;
transform: translateY(0)
}
.anim-slide-in-image,
.anim-slide-in-container-image {
opacity: 0;
transform: translateY(300px);
transition: transform .8s ease, opacity 1.5s ease
}
@media screen and (max-width:39.99875em) {
.anim-slide-in-image,
.anim-slide-in-container-image {
transform: translateY(70px)
}
}
.anim-slide-in-image.animate,
.anim-slide-in-container-image.animate {
opacity: 1;
transform: translateY(0)
}
.anim-slide-in-container.animate .anim-slide-in-container-image {
opacity: 1;
transform: translateY(0)
}
.anim-slide-in-container.animate .anim-slide-in-container-text {
opacity: 1;
transform: translateY(0)
}
.pin {
width: 100%!important
}
.side-slide-in-out {
display: inline-block;
opacity: 0;
transform: translateX(400px);
transition: transform 1s ease, opacity 1s ease
}
.side-slide-in-out.animate {
opacity: 1;
transform: translateX(0);
transition: transform 1s ease, opacity 1s ease
}
.side-slide-in-out.animate.side-slide-out {
opacity: 0;
transform: translateX(-400px);
transition: transform 1s ease, opacity 1s ease
}
.circle-back::before {
opacity: 0;
transform: rotate(-90deg);
transform-origin: 0 100%;
transition: transform 1.5s, opacity 1.5s
}
.circle-back.animate::before {
opacity: 1;
transform: rotate(0deg);
transform-origin: 0 100%
}
.bubble-teaser .circle-back,
.bubble-teaser .circle-back-left {
opacity: .5;
transform: translate3d(0, 0, 0);
transition: transform .8s, opacity .8s
}
.bubble-teaser .circle-back.active,
.bubble-teaser .circle-back-left.active {
opacity: 1
}
.bubble-teaser .slide-in-left,
.bubble-teaser .slide-in-right {
opacity: 0;
transform: translateX(-150px);
transition: transform .7s ease, opacity 1s ease
}
.bubble-teaser .slide-in-left .ar-bubble-quote,
.bubble-teaser .slide-in-right .ar-bubble-quote {
opacity: 1;
transition: opacity 1s 4s ease
}
.bubble-teaser .slide-in-left.animate,
.bubble-teaser .slide-in-right.animate {
opacity: 1;
transform: translateX(0)
}
.bubble-teaser .slide-in-left.animate .ar-bubble-quote,
.bubble-teaser .slide-in-right.animate .ar-bubble-quote {
opacity: 0
}
.bubble-teaser .slide-in-left.animate .ar-bubble-quote:hover,
.bubble-teaser .slide-in-right.animate .ar-bubble-quote:hover {
opacity: 1;
transition: opacity .5s ease
}
.bubble-teaser .anim-slide-in-image .ar-bubble-quote {
opacity: 1;
transition: opacity 1s 4s ease
}
.bubble-teaser .anim-slide-in-image.animate .ar-bubble-quote {
opacity: 0
}
.bubble-teaser .anim-slide-in-image.animate .ar-bubble-quote:hover {
opacity: 1;
transition: opacity .5s ease
}
.bubble-teaser .slide-in-right {
transform: translateX(150px)
}
.circle-back-left::before {
opacity: 0;
transform: rotate(0deg);
transform-origin: 0 100%;
transition: opacity 1.5s, transform 1.5s;
z-index: -1
}
.circle-back-left.animate::before {
opacity: 1;
transform: rotate(-90deg);
transform-origin: 0 100%
}
.autocomplete-suggestions {
position: absolute
}
.autocomplete-suggestion {
cursor: pointer
}
.ar-bg-line {
border-bottom: 28.125rem solid #ededed;
bottom: 0;
left: 50%;
top: 0;
width: .0625rem;
z-index: -1
}
.ar-phoenix-logo {
height: auto!important;
margin: 0 auto!important;
max-width: none!important
}
@media screen and (max-width:39.99875em) {
.ar-phoenix-logo {
width: 10.625rem!important
}
}
@media print,
screen and (min-width:40em) {
.ar-phoenix-logo {
width: 15.3125rem!important
}
}
.ar-bubble-quote {
bottom: 0;
left: 0;
opacity: 0;
right: 0;
top: 0;
transition: opacity .5s
}
@media print,
screen and (min-width:40em) {
.ar-bubble-quote-headline::before {
background: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/quote-02-alpha.svg) no-repeat 0 0;
background-size: contain;
content: '';
display: block;
height: 3.125rem;
left: 50%;
position: absolute;
top: -.9375rem;
transform: translateX(-50%);
width: 3.125rem
}
}
.ar-bubble-quote-headline::after {
border-bottom: .0625rem solid #fff;
bottom: 1.25rem;
content: '';
display: block;
height: .0625rem;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 9.375rem
}
.ar-bubble-quote-text {
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%)
}
.ar-bubble-image:hover .ar-bubble-quote {
opacity: 1
}
#arFinancialReport {
margin-bottom: -1.1875rem;
width: 100%
}
.ar-brands {
height: auto!important;
margin: 0 auto 1.25rem!important
}
@media screen and (max-width:39.99875em) {
.ar-brands {
width: 2.25rem!important
}
}
@media print,
screen and (min-width:40em) {
.ar-brands {
width: 5.1875rem!important
}
}
.ar-trust {
height: auto!important;
margin: 0 auto 1.25rem!important
}
@media screen and (max-width:39.99875em) {
.ar-trust {
width: 5.1875rem!important
}
}
@media print,
screen and (min-width:40em) {
.ar-trust {
width: 8.4375rem!important
}
}
.ar-slider-circle {
z-index: 3
}
@media screen and (max-width:39.99875em) {
.ar-slider-circle {
height: 15.625rem;
width: 15.625rem
}
}
@media print,
screen and (min-width:40em) {
.ar-slider-circle {
height: 21.875rem;
width: 21.875rem
}
}
.ar-slider-circle-02,
.ar-slider-circle-03 {
z-index: 2
}
@media screen and (max-width:39.99875em) {
.ar-slider-circle-02,
.ar-slider-circle-03 {
height: 8.125rem;
top: 13.25rem;
width: 8.125rem
}
}
@media print,
screen and (min-width:40em) {
.ar-slider-circle-02,
.ar-slider-circle-03 {
height: 10.9375rem;
top: 10.9375rem;
width: 10.9375rem
}
}
@media print,
screen and (min-width:64em) {
.ar-slider-circle-02,
.ar-slider-circle-03 {
height: 12.5rem;
top: 9.75rem;
width: 12.5rem
}
}
@media screen and (max-width:39.99875em) {
.ar-slider-circle-02 {
left: 8%
}
}
@media print,
screen and (min-width:40em) {
.ar-slider-circle-02 {
left: 3%
}
.ar-slider-circle-02::before {
background-color: #fff;
content: '';
display: block;
height: .0625rem;
position: absolute;
right: -12.5rem;
top: 50%;
width: 12.5rem;
z-index: 1
}
}
@media print,
screen and (min-width:64em) {
.ar-slider-circle-02 {
left: 10%
}
}
@media screen and (min-width:80em) {
.ar-slider-circle-02 {
left: 20%
}
}
@media screen and (max-width:39.99875em) {
.ar-slider-circle-03 {
right: 8%
}
}
@media print,
screen and (min-width:40em) {
.ar-slider-circle-03 {
right: 3%
}
.ar-slider-circle-03::before {
background-color: #fff;
content: '';
display: block;
height: .0625rem;
left: -12.5rem;
position: absolute;
top: 50%;
width: 12.5rem;
z-index: 1
}
}
@media print,
screen and (min-width:64em) {
.ar-slider-circle-03 {
right: 10%
}
}
@media screen and (min-width:80em) {
.ar-slider-circle-03 {
right: 20%
}
}
.ar-slider-no {
bottom: 2.75rem;
left: 50%;
transform: translateX(-50%)
}
.ar-slider-helper::before {
background-color: #009775;
bottom: 0;
content: '';
display: block;
height: 1.875rem;
left: 50%;
position: absolute;
width: .0625rem;
z-index: 3
}
.ar-slider-helper::after {
background-color: #009775;
bottom: -3.125rem;
content: '';
display: block;
height: 3.125rem;
left: 50%;
position: absolute;
width: .0625rem;
z-index: 3
}
.ar-circle-slider::before {
background-color: rgba(255, 255, 255, .8);
border-radius: 100%;
content: '';
height: 37.5rem;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 37.5rem;
z-index: -1
}
.ar-slider .text-bg {
background-color: rgba(255, 255, 255, .8)
}
.ar-slider .align-to-bottom {
bottom: 0
}
.ar-slider .arrow-link::before {
top: .75rem
}
.ar-slider .slick-slide {
overflow: hidden
}
.ar2018-drop-pin {
opacity: 0;
transform: scale(.75) translate3d(0, 0, 0);
transition: transform 1s
}
.ar2018-drop-pin.animate {
opacity: 1;
transform: scale(1) translate3d(0, 0, 0)
}
@media print,
screen and (min-width:40em) {
.ar2018-drop-label-singeline {
padding-bottom: 3.8125rem
}
}
@media screen and (min-width:80em) {
.ar2018-drop-label-singeline {
padding-bottom: 2.5625rem
}
}
@media print,
screen and (min-width:40em) {
.ar2018-drops-border::after {
border-right: .0625rem solid #535353;
bottom: 0;
content: '';
position: absolute;
right: 0;
top: 0
}
}
.ar2018-quote {
border-bottom: 1.875rem solid #fff;
padding-bottom: 5.625rem;
padding-top: 3.75rem
}
.ar2018-quote-button {
bottom: -1.5rem;
left: 50%;
transform: translateX(-50%)
}
#locations-box {
height: 100vh;
width: 100vw
}
#locations-box::before,
#locations-box::after {
content: '';
display: block;
height: 20%;
left: 0;
position: absolute;
right: 0;
z-index: 1
}
#locations-box::before {
background: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
top: 0
}
#locations-box::after {
background: linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0) 100%);
bottom: 0
}
#locations,
.map-pin {
height: 100%;
left: 50%;
pointer-events: none;
top: 50%;
transform: translate(-50%, -50%);
width: 100%
}
.map-pin {
cursor: pointer;
opacity: 0;
transform: translate(-50%, calc(-50% - 1.8rem));
transition: opacity .5s ease-out, transform .5s ease-out
}
.map-pin.animated {
opacity: 1;
transform: translate(-50%, -50%)
}
:-ms-fullscreen,
:root .map-pin {
opacity: 1
}
[data-pin] {
pointer-events: all
}
.country {
fill: none;
opacity: 0;
stroke: #b2ded7;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: .0625rem;
transition: opacity .5s ease-out, stroke 1s ease-out .5s
}
.country.animated {
opacity: 1
}
.country.marked.animated {
stroke: #009775
}
_:-ms-fullscreen,
:root .country {
opacity: 1
}
.marked {
cursor: pointer;
stroke: #009775
}
.marker-item {
fill: #92d400;
stroke: #fff;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: .0625rem
}
.marker-cover {
fill: rgba(0, 0, 0, 0)
}
.picto {
opacity: 0;
transition: opacity .5s ease-out
}
.picto.animated {
opacity: 1
}
_:-ms-fullscreen,
:root .picto {
opacity: 1
}
.picto-item {
fill: #535353
}
.node {
height: 0;
overflow: visible;
position: absolute;
width: 0
}
.bubble {
background-color: #e5f4f1;
bottom: 0;
box-shadow: 0 .25rem 1rem 0 rgba(0, 0, 0, .2);
box-sizing: border-box;
margin: 0;
opacity: 0;
padding: 1.75rem 1.1875rem;
position: absolute;
text-align: center;
transform: translate(-50%, 1.8rem);
transition: visibility 0s ease-out .25s, opacity .25s ease-out, transform .25s ease-out;
visibility: hidden;
width: 15rem
}
@media print,
screen and (min-width:64em) {
.bubble {
text-align: left;
transform: translate(-4.0125rem, 1.8rem);
width: 24rem
}
}
.bubble .image {
border-radius: 50%;
display: block;
margin: 0 auto .5625rem
}
@media print,
screen and (min-width:64em) {
.bubble .image {
float: left;
margin-right: 1.5rem
}
}
.bubble .excerpt {
display: flex;
flex-direction: column-reverse;
flex-wrap: nowrap;
overflow: hidden
}
@media print,
screen and (min-width:64em) {
.bubble .excerpt {
flex-direction: column
}
}
.bubble .excerpt-footer {
display: block;
margin-bottom: 1.1875rem
}
@media print,
screen and (min-width:64em) {
.bubble .excerpt-footer {
margin-bottom: 0
}
.bubble .excerpt-footer::before {
background-color: currentColor;
content: '';
display: block;
height: .0625rem;
margin-bottom: .5625rem;
width: 4rem
}
}
.inflated .bubble {
opacity: 1;
transform: translate(-50%, 0);
transition-delay: 0s;
visibility: visible;
z-index: 1
}
@media print,
screen and (min-width:64em) {
.inflated .bubble {
transform: translate(-4.0125rem, 0)
}
}
.ar-wipe {
height: 100vh;
overflow: hidden;
width: 100%
}
.ar-wipe .wipe {
position: absolute;
height: 100%;
overflow: hidden;
width: 100%
}
.ar-wipe .wipe-img {
height: 100%;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: auto
}
.ar-wipe .wipe-img img {
height: 100%;
width: auto;
max-width: none
}
.ar-tab-cylce-teaser .teaser-arrow-link {
background-color: #92d400;
border-radius: 100%;
bottom: .625rem;
height: 1.5625rem;
right: .625rem;
transition: background-color .4s ease;
width: 1.5625rem;
cursor: pointer
}
.ar-tab-cylce-teaser .teaser-arrow-link:after {
background: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/nav-arrow-down-white.svg) no-repeat 0 0;
background-size: contain;
content: '';
height: .5625rem;
left: .5rem;
position: absolute;
top: .4375rem;
transform: rotate(-90deg);
width: .8125rem
}
.ar-tab-cylce-teaser .text-container {
min-height: 300px
}
.ar-tab-cylce-teaser .ar-tab-headline {
color: #009775
}
@media print,
screen and (min-width:40em) {
.ar-tab-cylce-teaser .ar-tab-headline {
color: #535353
}
}
.ar2019-managment-board .description-container {
top: -50px
}
.ar2019-managment-board .ar2019-button {
bottom: -1.5rem;
left: 50%;
transform: translateX(-50%)
}
@media print,
screen and (min-width:40em) {
.ar2019-managment-board .quote-sign:before {
top: 0rem
}
}
.back-to-top {
background-color: #fff;
border: .0625rem solid #f2f2f2;
border-radius: 50%;
bottom: 1.875rem;
box-shadow: 0 0 .375rem #a9a9a9;
display: block;
height: 2.5rem;
padding-top: .375rem;
position: fixed;
right: 2rem;
text-align: center;
transform: translateY(100px);
transition: transform .5s ease;
width: 2.5rem;
z-index: 3
}
.back-to-top.active {
transform: translateY(0)
}
.back-to-top path {
fill: #a9a9a9
}
.back-to-top:hover {
background-color: #a9a9a9;
border-color: #a9a9a9
}
.back-to-top:hover path {
fill: #fff
}
.banner-container {
border: .0625rem solid #ededed
}
.slick-slider--banner .backgroundImage {
background-repeat: no-repeat;
float: left;
height: 12.5rem;
width: 30%
}
.slick-slider--banner .simpleBackgroundImage {
background-repeat: no-repeat;
background-size: cover;
height: 12.5rem
}
.slick-slider--banner .slide-content {
background-color: #fff;
float: left;
height: 12.5rem;
position: relative;
width: 70%;
z-index: 4
}
.slick-slider--banner .slide-content::before {
background-color: #fff;
border-color: transparent;
border-radius: 18.75rem;
content: '';
display: inline-block;
height: 18.75rem;
left: -10%;
position: absolute;
top: -26%;
width: 18.75rem;
z-index: -2
}
.slick-slider--banner .title {
height: 100%;
padding: 2rem 0
}
.slick-slider--banner .title .headline-2 {
text-align: center;
text-transform: uppercase
}
.slick-slider--banner .text {
float: left;
padding: 1rem 0;
width: 75%
}
.slick-slider--banner .icon {
float: left;
height: 100%;
position: relative;
width: 25%
}
.slick-slider--banner .icon .resp-img {
left: 0;
padding: 1rem;
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.slick-slider--banner .button-container {
float: left;
height: 100%;
position: relative;
width: 50%
}
.slick-slider--banner .button-container .button.button--primary {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 19.125rem
}
.breadcrumb {
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2);
padding-bottom: 9px;
padding-top: 15px
}
.breadcrumb .breadcrumb-link {
color: #535353;
padding-left: 5px;
padding-right: 5px
}
.breadcrumb .breadcrumb-link:hover {
color: #92d400
}
.breadcrumb .breadcrumb-link:first-child {
padding-left: 0
}
.breadcrumb .breadcrumb-link:last-child,
.breadcrumb .breadcrumb-link.breadcrumb-link--active {
color: #92d400
}
.calendar-top {
margin-top: -1.9375rem
}
.date-circle {
height: 8.125rem;
width: 8.125rem
}
.finance-calendar-slider .finance-date {
height: 23.125rem;
margin-bottom: .9375rem
}
.fact-circle {
margin: 0 auto;
opacity: 0;
transform: scale(.75) translate3d(0, 0, 0);
transition: transform 1s
}
.fact-circle.animate {
opacity: 1;
transform: scale(1) translate3d(0, 0, 0)
}
.fact-circle.circle-style-1 {
border: 2px solid #009775
}
.fact-circle.circle-style-2 {
border: 2px solid #92d400
}
.fact-circle.circle-style-2 .circle-arrow-ascending {
background-image: url(//typo3conf/ext/torr_template/Resources/Public/img/arrow-asc-dark-green.svg);
background-size: contain
}
.fact-circle.circle-style-2 .circle-arrow-descending {
background-image: url(//typo3conf/ext/torr_template/Resources/Public/img/arrow-desc-dark-green.svg);
background-size: contain
}
.fact-circle.circle-style-2 .circle-arrow-consistent {
background-image: url(//typo3conf/ext/torr_template/Resources/Public/img/arrow-con-dark-green.svg)
}
@media screen and (max-width:63.99875em) {
.fact-circle {
height: 15.625rem;
width: 15.625rem
}
}
@media print,
screen and (min-width:64em) {
.fact-circle {
height: 12.5rem;
width: 12.5rem
}
}
@media screen and (min-width:80em) {
.fact-circle {
height: 15.625rem;
width: 15.625rem
}
}
.fact-circle-active {
color: #92d400
}
.fact-circle-number {
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
.fact-circle-trend {
height: 1.5rem;
left: 50%;
transform: translateX(-50%);
width: 1.5rem
}
@media screen and (max-width:63.99875em) {
.fact-circle-trend {
top: 11.125rem
}
}
@media print,
screen and (min-width:64em) {
.fact-circle-trend {
top: 8.625rem
}
}
@media screen and (min-width:80em) {
.fact-circle-trend {
top: 11.125rem
}
}
.circle-arrow-ascending {
background-image: url(//typo3conf/ext/torr_template/Resources/Public/img/arrow-asc.svg);
background-size: contain
}
.circle-arrow-descending {
background-image: url(//typo3conf/ext/torr_template/Resources/Public/img/arrow-desc.svg);
background-size: contain
}
.circle-arrow-consistent {
background-image: url(//typo3conf/ext/torr_template/Resources/Public/img/arrow-con.svg);
background-size: contain;
height: 2.125rem;
width: 2.125rem
}
fieldset {
border: 0;
margin: 0;
padding: 0
}
.button {
outline: none
}
.input__field--yoshiko {
margin-bottom: 2.1875rem
}
.textarea--yoshiko {
margin-bottom: 1.875rem
}
.textarea__field,
.input__field {
border: .0625rem solid #ededed;
padding: .9375rem 1.25rem 1.0625rem 1.25rem
}
.textarea__field:focus,
.input__field:focus {
background-color: #fff;
border-color: #92d400
}
.textarea__field:focus+.textarea__label,
.textarea__field:focus+.input__label,
.input__field:focus+.textarea__label,
.input__field:focus+.input__label {
color: #92d400;
transform: translate3d(0, -1px, 0)
}
.textarea__field:focus+ul+.input__label,
.input__field:focus+ul+.input__label {
color: #92d400;
transform: translate3d(0, -1px, 0)
}
.input__field {
height: 3.125rem
}
.textarea__field {
height: 9.375rem
}
.textarea__label,
.input__label {
bottom: 100%;
left: 1.25rem;
overflow: hidden;
pointer-events: none;
transform: translate3d(0, 36px, 0);
transition: transform .25s;
transition-timing-function: ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%
}
.textarea__label.form_type-SingleSelect,
.input__label.form_type-SingleSelect {
overflow: visible
}
.textarea-companies__label {
transform: translate3d(0, 0, 0)
}
.textarea--filled .textarea__label,
.textarea--filled .input__label,
.input--filled .textarea__label,
.input--filled .input__label,
.parsley-success .textarea__label,
.parsley-success .input__label {
transform: translate3d(0, -1px, 0)
}
.radio-div,
.checkbox-div {
padding: .75rem 0 0 1.25rem
}
.checkbox-div2 {
padding: .75rem 0 1.25rem 1.25rem
}
.radio-div--disabled label,
.checkbox-div--disabled label {
color: #ccc
}
.form_fieldwrap_type_radio,
.form_fieldwrap_type_checkbox {
margin-bottom: 2.5rem
}
.form_fieldwrap_type_radio .parsley-errors-list,
.form_fieldwrap_type_checkbox .parsley-errors-list {
margin-top: .125rem
}
.form_type-SingleSelect>span {
font-size: .875rem;
font-weight: 500;
padding: 0 0 .1875rem 0;
margin-top: -3.9375rem;
display: block;
position: relative
}
.radio-label,
.checkbox-label {
padding-left: 1.25rem;
padding-top: 1.6875rem
}
input[type='radio'],
input[type='checkbox'] {
cursor: pointer;
height: 1.6875rem;
opacity: 0;
position: absolute;
width: 1.875rem
}
input[type='radio']+label {
background: transparent url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/radio.svg) no-repeat 0 0;
background-size: 1.5rem auto;
padding: .1875rem .9375rem .375rem 2.25rem
}
input[type='checkbox']+label {
background: transparent url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/checkbox.svg) no-repeat 0 0;
background-size: 1.5rem auto;
padding: .1875rem .9375rem .375rem 2.25rem
}
.radio-div--disabled input[type='radio']+label {
background: transparent url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/radio-deactive.svg) no-repeat 0 0;
background-size: 1.5rem auto
}
.checkbox-div--disabled input[type='checkbox']+label {
background: transparent url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/checkbox-deactive.svg) no-repeat 0 0;
background-size: 1.5rem auto
}
input[type='radio']:checked+label,
input[type='radio'].checked+label {
background: transparent url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/radio-active.svg) no-repeat 0 0;
background-size: 1.5rem auto
}
input[type='checkbox']:checked+label,
input[type='checkbox'].checked+label {
background: transparent url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/checkbox-active.svg) no-repeat 0 0;
background-size: 1.5rem auto
}
.form_fieldwrap_type_select {
margin-bottom: 2.1875rem
}
.form_fieldwrap_type_file {
margin-bottom: 1.25rem
}
.form_fieldwrap_bewerbungabsenden {
margin-top: 1.875rem
}
.parsley-errors-list {
color: #e62d5d;
list-style-type: none;
margin: 0 0 2.5rem 1.25rem;
padding: 0
}
.parsley-error .input__field {
background-color: #fff;
border-color: #e62d5d
}
.parsley-error .input__label {
color: #e62d5d;
transform: translate3d(0, -1px, 0)
}
.parsley-error .textarea__field {
background-color: #fff;
border-color: #e62d5d
}
.parsley-error .textarea__label {
color: #e62d5d;
transform: translate3d(0, -1px, 0)
}
.map-search-address {
padding: 1.1875rem 2rem 1.125rem 1.5rem;
width: 100%
}
.reset-map {
background: transparent;
color: #fff;
cursor: pointer;
outline: none
}
.reset-map:hover {
color: #92d400
}
.search-map {
cursor: pointer
}
@media screen and (min-width:53.125em) {
.reset-map-column {
padding-top: .9375rem
}
}
.pw-checkbox-label {
display: inline
}
.checkbox-link a,
.form-check-label a {
position: relative
}
.styled-select {
position: relative
}
.styled-select select {
-webkit-appearance: none;
background: #92d400;
border: 0;
border-radius: 0;
color: #fff;
cursor: pointer;
outline: none;
overflow: hidden;
padding: 1rem 2rem 1.0625rem 1.5rem;
white-space: nowrap;
width: 100%
}
.styled-select select::-ms-expand {
display: none
}
.styled-select::after {
background: #fff url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/nav-arrow-down-green.svg) no-repeat center center;
background-size: .9375rem auto;
border-radius: 100%;
content: '';
display: block;
height: 1.875rem;
pointer-events: none;
position: absolute;
right: .875rem;
top: 1rem;
width: 1.875rem
}
.styled-select:hover::after {
background-color: #009775;
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/nav-arrow-down-white.svg)
}
#footer .styled-select select {
background: #fff;
border: 0;
color: #535353;
padding: .8125rem 2rem .75rem 1.5rem
}
#footer .styled-select::after {
background-color: #535353;
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/nav-arrow-down-white.svg);
background-size: .625rem auto;
height: 1.5rem;
top: .8125rem;
width: 1.5rem
}
#footer .styled-select:hover::after {
background-color: #009775
}
#jobsearch .styled-select select {
background: #fff;
color: #535353;
padding: .8125rem 2rem .75rem 1.5rem
}
#jobsearch .styled-select::after {
background-color: #a9a9a9;
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/nav-arrow-down-white.svg);
height: 1.625rem;
top: .8125rem;
width: 1.625rem
}
#jobsearch .styled-select:hover::after {
background-color: #009775
}
.form_fieldwrap.styled-select select,
.form_fieldwrap .styled-select select {
background: #ededed;
color: #535353;
padding: .8125rem 2rem .75rem 1.5rem
}
.form_fieldwrap.styled-select::after,
.form_fieldwrap .styled-select::after {
background-color: #a9a9a9;
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/nav-arrow-down-white.svg);
background-size: .625rem auto;
height: 1.5rem;
top: .8125rem;
width: 1.5rem
}
.form_fieldwrap.styled-select:hover::after,
.form_fieldwrap .styled-select:hover::after {
background-color: #009775
}
.pharmacyfinder-cont .styled-select select {
background: #fff
}
.pharmacyfinder-cont .styled-select::after {
background-color: #535353
}
.pharmacyfinder-cont .styled-select:hover::after {
background-color: #009775
}
.ppe-select.styled-select select {
background-color: #fff;
border: .0625rem solid #ededed;
border-bottom: 0;
color: #535353;
padding: .625rem 1.875rem .625rem 1.25rem
}
.ppe-select.styled-select::after {
background: #92d400 url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/nav-arrow-down-white.svg) no-repeat center center;
background-size: .625rem auto;
height: 1.5rem;
right: 1.875rem;
top: .75rem;
width: 1.5rem
}
.ppe-select-info {
padding-top: .9375rem
}
.fileupload input {
height: auto
}
.powermail_fieldwrap_type_radio,
.powermail_fieldwrap_type_checkbox {
margin-bottom: 2.5rem
}
.powermail_fieldwrap_type_radio .parsley-errors-list,
.powermail_fieldwrap_type_checkbox .parsley-errors-list {
margin-top: .125rem
}
.powermail_fieldwrap_selectlabel>div {
font-size: .875rem;
font-weight: 500;
padding: 0 0 .1875rem 1.25rem;
margin-top: -25px
}
.powermail_fieldwrap_type_select {
margin-bottom: 2.1875rem
}
.powermail_fieldwrap_type_file {
margin-bottom: 1.25rem
}
.powermail_fieldwrap_bewerbungabsenden {
margin-top: 1.875rem
}
.powermail_fieldwrap.styled-select select,
.powermail_fieldwrap .styled-select select {
background: #ededed;
color: #535353;
padding: .8125rem 2rem .75rem 1.5rem
}
.powermail_fieldwrap.styled-select::after,
.powermail_fieldwrap .styled-select::after {
background-color: #a9a9a9;
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/nav-arrow-down-white.svg);
background-size: .625rem auto;
height: 1.5rem;
top: .8125rem;
width: 1.5rem
}
.powermail_fieldwrap.styled-select:hover::after,
.powermail_fieldwrap .styled-select:hover::after {
background-color: #009775
}
form[id^='hu-irjonnekuenk-'] {
padding-bottom: 0
}
.g-recaptcha {
margin: 1.25rem 0 0 0
}
.parsley_form .input__field--yoshiko {
margin-bottom: 0
}
.parsley_form .parsley_form_group {
margin-bottom: 2.1875rem
}
.hamburger-container {
display: none
}
@media screen and (max-width:63.99875em) {
.hamburger-container {
top: 0
}
}
@media print,
screen and (min-width:64em) {
.hamburger-container {
top: .75rem
}
}
@media print,
screen and (min-width:64em) {
.body-class-hu .hamburger-container {
top: 1.9375rem
}
}
.hamburger {
background-color: #638f85;
border-radius: 100%;
cursor: pointer;
margin-top: .875rem;
outline: none;
width: 60px;
height: 60px;
padding-left: 4px;
padding-top: 4px;
overflow: visible;
box-shadow: 0 3px 38px #fff, 0 -7px 19px #fff !important;
text-transform: none;
transition-duration: .15s;
transition-property: opacity, -webkit-filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
transition-timing-function: linear
}
@media print,
screen and (min-width:64em) {
.hamburger {
margin-top: .8125rem
}
}
.hamburger:hover {
background-color: #009775
}
@media print,
screen and (min-width:40em) {
.body-class-ppe .hamburger {
margin-left: .9375rem
}
}
.hamburger-box {
height: 2.9375rem;
width: 2.375rem
}
.hamburger-inner {
background-color: #fff;
display: block;
height: 4px;
margin-top: 0;
position: absolute;
top: 50%;
transition-duration: .15s;
transition-property: transform;
transition-timing-function: ease;
width:35px;
}
.hamburger-inner::before,
.hamburger-inner::after {
background-color: #fff;
content: '';
display: block;
height: 4px;
position: absolute;
transition-duration: .15s;
transition-property: transform;
transition-timing-function: ease;
width:35px;
}
.hamburger-inner::before {
top: -.5375rem
}
.hamburger-inner::after {
bottom: -.5875rem
}
.hamburger--squeeze .hamburger-inner {
transition-duration: .1s;
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}
.hamburger--squeeze .hamburger-inner::before {
transition: top .1s .14s ease, opacity .1s ease
}
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: .14s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.hamburger--squeeze.is-active .hamburger-inner::before {
opacity: 0;
top: 0;
transition: top .1s ease, opacity .1s .14s ease
}
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(.215, .61, .355, 1)
}
.headroom {
position: fixed
}
#jobsearch.headroom--unpinned {
left: 0;
right: 0;
top: 0
}
#jobsearch.headroom--pinned {
left: 0;
right: 0;
top: 6.3125rem
}
#jobsearch.headroom--top {
position: relative;
top: 0
}
.info1-col {
padding-top: 3.6875rem
}
@media print,
screen and (min-width:64em) {
.info1-col:hover .info1-header {
height: 101%;
padding-top: 2.5rem
}
.info1-col:hover .info1-header span {
opacity: 1
}
}
@media screen and (min-width:80em) {
.info1-col:hover .info1-header {
padding-top: 4.375rem
}
}
@media print,
screen and (min-width:64em) {
.info1-col:hover .info1-header.info-header-space10 {
padding-top: .625rem
}
}
@media screen and (min-width:80em) {
.info1-col:hover .info1-header.info-header-space10 {
padding-top: .625rem
}
}
.info1-header {
height: 3.6875rem;
top: 0;
transition: height .5s ease, top .5s ease
}
.info1-header span {
opacity: 0
}
.info1triangle {
background: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/triangle_background.svg) no-repeat center top;
background-size: cover
}
@media screen and (max-width:39.99875em) {
.info1triangle {
margin-left: -.9375rem;
margin-right: -.9375rem;
padding-left: .9375rem;
padding-right: .9375rem
}
}
#map {
height: 50rem
}
#map::after {
background: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
content: '';
display: block;
height: 20%;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1
}
#map *:not(.marker) {
background-color: transparent!important;
color: #a9a9a9!important
}
.map-header {
top: 0
}
@media screen and (max-width:53.12375em) {
.map-zip .map-header {
left: 0;
right: 0
}
}
@media screen and (min-width:53.125em) {
.map-zip .map-header {
left: .9375rem;
right: .9375rem
}
}
.map-badge {
bottom: 0;
left: 0;
right: 0
}
.map-badge .row {
max-width: none
}
[data-country] {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
position: relative;
transition: all .2s ease
}
[data-country]::before,
[data-country]::after {
bottom: 100%;
display: block;
left: 50%;
opacity: 0;
outline: none;
pointer-events: none;
position: absolute;
transform: translate(-50%, -.8rem);
z-index: 999
}
[data-country]::before {
border-bottom: transparent;
border-left: .375rem solid transparent;
border-right: .375rem solid transparent;
border-top: .375rem solid #009775;
content: '';
height: 0;
overflow: hidden;
transition: all .4s ease 0s;
width: 0
}
[data-country]::after {
background-color: #009775;
color: #fff;
content: attr(data-country);
margin-bottom: .375rem;
padding: .375rem .75rem;
text-align: center;
transition: all .4s ease .2s;
white-space: nowrap
}
[data-country]:hover {
box-shadow: 0 0 0 .75rem rgba(170, 219, 30, .5), 0 0 0 3rem rgba(170, 219, 30, .25)
}
[data-country]:hover::before,
[data-country]:focus::before {
opacity: 1;
pointer-events: auto;
transform: translate(-50%, -.45rem);
transition: all .4s ease .3s
}
[data-country]:hover::after,
[data-country]:focus::after {
opacity: 1;
pointer-events: auto;
transform: translate(-50%, -.4rem)
}
[data-name]::after {
content: attr(data-name)
}
[data-jobslabel]::after {
content: attr(data-name) " \a" attr(data-jobslabel);
white-space: pre
}
@media screen and (max-width:39.99875em) {
.home-map {
padding-bottom: 16.875rem
}
.home-map.home-map--europe {
padding-bottom: 0
}
.home-map.home-map--international {
padding-bottom: 0
}
}
@media screen and (max-width:39.99875em) {
.company-map {
padding-bottom: 28.875rem
}
}
@media print,
screen and (min-width:40em) {
.company-map {
padding-bottom: 20.875rem
}
}
@media print,
screen and (min-width:64em) {
.company-map {
padding-bottom: 16.875rem
}
}
@media screen and (min-width:80em) {
.company-map {
padding-bottom: 9.1875rem
}
}
@media screen and (max-width:39.99875em) {
.company-map-img {
padding-top: 13.25rem
}
}
@media print,
screen and (min-width:40em) {
.company-map-img {
padding-top: 12.625rem
}
}
@media print,
screen and (min-width:64em) {
.company-map-img {
padding-top: 11.3125rem
}
}
@media screen and (min-width:80em) {
.company-map-img {
padding-top: 10.3125rem
}
}
.news-list-home {
margin-bottom: 4.375rem
}
.news-list-home .slick-next {
height: 2.5rem;
right: -3.4375rem;
width: 2.5rem
}
.news-list-home .slick-prev {
height: 2.5rem;
left: -3.4375rem;
width: 2.5rem
}
.news-list-home .slick-prev::after,
.news-list-home .slick-next::after {
background-size: 1rem;
height: 2.5rem;
width: 2.5rem
}
.news-list-home .article {
display: flex;
margin-bottom: 1.875rem;
min-height: 15.625rem
}
.news-list-home .article h3 {
margin-top: .8125rem;
min-height: 4rem
}
.news-list-home .article.topnews {
overflow: hidden
}
.news-list-home .article.topnews h3 {
margin-top: .0625rem
}
.news-list-home .article.topnews img {
left: 0;
position: absolute;
top: 0
}
.news-list-home .article.topnews .article-content .news-header {
background-color: rgba(0, 153, 131, .8);
bottom: 0;
color: #fff;
left: 0;
padding: 1.25rem 1.5625rem;
position: absolute;
right: 0
}
.news-list-home .article.topnews:hover .more {
background: #fff
}
.news-list-home .article.topnews:hover .more::after {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/nav-arrow-down-02.svg)
}
.news-list-home .article .article-content {
flex: 1 1 0%;
padding: 1.25rem 1.5625rem;
position: relative;
width: 100%
}
@media screen and (max-width:39.99875em) {
.news-list-home .article .article-content {
height: 17.125rem
}
}
.news-teaser-more {
background-color: #92d400;
border-radius: 100%;
bottom: .625rem;
height: 1.5625rem;
right: .625rem;
transition: background-color .4s ease;
width: 1.5625rem
}
.news-teaser-more::after {
background: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/nav-arrow-down-white.svg) no-repeat 0 0;
background-size: contain;
content: '';
height: .5625rem;
left: .5rem;
position: absolute;
top: .4375rem;
transform: rotate(-90deg);
width: .8125rem
}
.news-teaser-more:hover {
background-color: #009775
}
@media screen and (max-width:39.99875em) {
.news-list-3er .news-3er-img-wrap {
height: 11.4375rem
}
}
@media screen and (min-width:40em) {
.news-list-3er .news-3er-img-wrap {
height: 15.8125rem
}
}
.news-list-3er .news-header {
padding: 1.25rem 1.5625rem
}
.news-list-3er .news-teaser-more {
right: 1.5625rem
}
.news-list-preview-img-wrap {
background-position: center center;
background-repeat: no-repeat
}
@media screen and (max-width:39.99875em) {
.news-list-preview-img-wrap {
height: 11.625rem
}
}
@media screen and (min-width:40em) {
.news-list-preview-img-wrap {
height: 6.5rem
}
}
@media screen and (min-width:64em) {
.news-list-preview-img-wrap {
height: 9.375rem
}
}
@media screen and (min-width:80em) {
.news-list-preview-img-wrap {
height: 10.375rem
}
}
.news-list-preview-img-wrap img {
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
.news-download-headline {
margin-bottom: 1.9375rem
}
.news-single .news-detail-image img {
margin-top: -.0625rem;
padding-left: .9375rem;
padding-right: .9375rem
}
.news-single .news-detail-image .news-img-overlay {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(170, 219, 30, .8);
bottom: 0;
color: #fff;
display: block;
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
transition: opacity .5s;
z-index: 999
}
.news-single .news-detail-image:hover .news-img-overlay {
opacity: 1
}
.news-single .news-detail-image .news-download-icon {
background: #fff url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/download-arrow.svg) no-repeat center center;
background-size: 1.375rem auto;
height: 3.125rem;
transform: rotate(90deg);
width: 3.125rem
}
@media screen and (max-width:39.99875em) {
.news-single .news-detail-image--big {
height: 12.6875rem
}
}
@media screen and (min-width:40em) {
.news-single .news-detail-image--big {
height: 16.0625rem
}
}
@media screen and (min-width:53.125em) {
.news-single .news-detail-image--big {
height: 11.4375rem
}
}
@media screen and (min-width:64em) {
.news-single .news-detail-image--big {
height: 14.6875rem
}
}
@media screen and (min-width:80em) {
.news-single .news-detail-image--big {
height: 16.0625rem
}
}
.news-single .news-detail-image--small img {
max-width: none;
width: auto
}
@media screen and (max-width:39.99875em) {
.news-single .news-detail-image--small {
height: 13.5rem
}
.news-single .news-detail-image--small img {
height: 13.5rem
}
}
@media screen and (min-width:40em) {
.news-single .news-detail-image--small {
height: 10rem
}
.news-single .news-detail-image--small img {
height: 10rem
}
}
@media screen and (min-width:53.125em) {
.news-single .news-detail-image--small {
height: 5.125rem
}
.news-single .news-detail-image--small img {
height: 5.125rem
}
}
@media screen and (min-width:64em) {
.news-single .news-detail-image--small {
height: 10.375rem
}
.news-single .news-detail-image--small img {
height: 10.375rem
}
}
.urgent-news {
bottom: .625rem;
left: 0;
right: 0
}
.urgent-news .urgent-news--title {
padding: .75rem 3.6875rem .75rem 1.25rem;
right: .9375rem;
top: 0
}
.urgent-news .urgent-news--title::after {
background: #009775 url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/nav-arrow-down-white.svg) no-repeat center center;
background-size: .75rem auto;
border-radius: 100%;
content: '';
display: block;
height: 1.5rem;
position: absolute;
right: 1.25rem;
top: .75rem;
width: 1.5rem
}
.urgent-news .urgent-news--title.urgent-news--title--hidden {
background-color: #009775;
bottom: 0;
color: #fff;
top: auto
}
.urgent-news .urgent-news--title.urgent-news--title--hidden::after {
background: #fff url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/nav-arrow-down-02.svg) no-repeat center center;
background-size: .75rem auto;
transform: rotate(180deg)
}
.urgent-news .urgent-news--content {
border-left: 1.25rem solid #009775
}
@media screen and (max-width:39.99875em) {
.urgent-news .urgent-news--content {
padding: 3.125rem 1.25rem 1.25rem 1.25rem
}
}
@media screen and (min-width:40em) {
.urgent-news .urgent-news--content {
padding: 1.25rem
}
}
.urgent-news .news-list-date {
border-bottom: 0
}
.mediathek .news-img-overlay {
margin-left: 0!important;
margin-right: 0!important
}
.mediathek .news-detail-image img {
margin-top: 0;
padding-left: 0;
padding-right: 0
}
.teaser-text--simple a {
color: #92d400;
text-decoration: none
}
.teaser-text--simple a:hover {
text-decoration: underline
}
.tiles-content {
padding: 1.5625rem 1.875rem
}
.tiles-more {
bottom: 1.375rem;
right: 2.1875rem!important
}
.special-news .shadow-wrapper {
box-shadow: 0 0 .375rem #a9a9a9;
padding-top: 2.1875rem
}
.teaser-text--simple a {
color: #92d400;
font-weight: 500;
text-decoration: none
}
.teaser-text--simple a:hover {
text-decoration: underline
}
.body-class-hu .articletype-0 a {
color: #92d400;
font-weight: 500;
text-decoration: none
}
.body-class-hu .articletype-0 a:hover {
text-decoration: underline
}
#offcanvas,
#offcanvasLarge {
overflow-y: auto;
right: 0;
top: 0;
transform: translateX(100%);
transition: transform 1s ease;
width: 100%
}
@media print,
screen and (min-width:40em) {
#offcanvas,
#offcanvasLarge {
width: 80%
}
}
@media screen and (min-width:80em) {
#offcanvas,
#offcanvasLarge {
width: 50%
}
}
#offcanvas.animate,
#offcanvasLarge.animate {
transform: translateX(0)
}
@media print,
screen and (min-width:40em) {
#offcanvasLarge {
width: 91.6666666%
}
}
#offcanvasLarge .offcanvas-content {
padding-top: 0
}
.offcanvas-bg {
background-color: rgba(0, 153, 131, .8);
display: none;
opacity: 0;
top: 0
}
.offcanvas-bg.fadeIn {
display: block
}
.close-offcanvas {
display: none;
right: 2.375rem;
top: 1.3125rem
}
#jobsearch .close-offcanvas {
display: block
}
#jobsearch .close-offcanvas:hover {
background: #fff url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/icon-clear-04.svg) no-repeat center center
}
a[data-slide-in-content] {
text-decoration: none
}
.overlay-hot-news {
padding: 92px 25px;
position: relative;
transform: translateY(20%);
opacity: 0;
transition: all 1s
}
.overlay-hot-news.show {
transform: translateY(0);
opacity: 1
}
.overlay-hot-news .headline-2,
.overlay-hot-news .button-container {
text-align: center
}
.overlay-hot-news .close-button {
position: absolute;
top: 21px;
right: 38px;
display: inline-block;
cursor: pointer
}
.overlay-hot-news .button-container {
padding-top: 30px
}
@media print,
screen and (min-width:40em) {
.overlay-hot-news {
padding: 120px 110px 60px 110px
}
.overlay-hot-news .close-button {
top: 40px;
right: 50px
}
}
.social-share {
background-color: #fff;
margin: 1.875rem 0 0 0;
padding: 1.5625rem 0 1.125rem 0;
text-align: center
}
@media screen and (max-width:39.99875em) {
.social-share {
margin-top: 0;
padding-top: 0
}
}
.social-share .accordion-item:last-child {
margin-bottom: 0
}
.social-share .accordion-item:hover {
background-color: transparent
}
.social-share .accordion-item:hover .accordion-title {
background-color: transparent
}
.social-share .accordion-item .accordion-title {
display: block;
padding: 0
}
.social-share .accordion-item .accordion-title::after {
display: none
}
.social-share .accordion-item .accordion-title:hover .social-share-headline {
color: #009775
}
.social-share .accordion-item .accordion-title:hover .share-icon {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/share/share.svg)
}
.social-share .accordion-item .news-social-share-label {
display: block;
float: left
}
.social-share .accordion-item .social-share-headline {
color: #535353;
display: inline-block;
padding-bottom: 0;
position: relative
}
.social-share .accordion-item.is-active .social-share-headline {
color: #009775
}
.social-share .accordion-item.is-active .share-icon {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/share/share.svg)
}
.social-share .accordion-item.is-active .accordion-title {
background-color: transparent
}
.social-share .accordion-item.is-active .accordion-content {
padding-top: 1.75rem
}
.social-share .accordion-item .accordion-content {
max-width: 100%;
padding: 0
}
.social-share .accordion-item .share-icon {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/share/share-no-hover.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
float: left;
height: 2.5rem;
margin-right: .3125rem;
width: 2.5rem
}
@media screen and (max-width:39.99875em) {
.social-share .accordion-item .share-icon {
height: 1.5625rem;
width: 1.5625rem
}
}
.social-share .accordion-item .share-links {
display: inline-block
}
.social-share .accordion-item .facebook {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/share/facebook-no-hover.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 1.5625rem auto
}
.social-share .accordion-item .facebook:hover {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/share/facebook.svg)
}
.social-share .accordion-item .twitter {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/share/twitter-no-hover.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 1.5625rem auto
}
.social-share .accordion-item .twitter:hover {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/share/twitter.svg)
}
.social-share .accordion-item .googleplus {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/share/googleplus-no-hover.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 1.5625rem auto
}
.social-share .accordion-item .googleplus:hover {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/share/googleplus.svg)
}
.social-share .accordion-item .linkedin {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/share/linkedin-no-hover.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 1.5625rem auto
}
.social-share .accordion-item .linkedin:hover {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/share/linkedin.svg)
}
.social-share .accordion-item .mail {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/share/mail-no-hover.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 1.5625rem auto
}
.social-share .accordion-item .mail:hover {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/share/mail.svg)
}
.social-share .accordion-item .square {
background-color: #e5f4f1;
border-radius: 32.5px;
display: block;
height: 4.0625rem;
width: 4.0625rem
}
@media screen and (max-width:39.99875em) {
.social-share .accordion-item .square {
height: 2.5rem;
width: 2.5rem
}
}
.social-share .accordion-item .square:hover {
background-color: #009775
}
.social-share .accordion-item .facebook-link,
.social-share .accordion-item .twitter-link,
.social-share .accordion-item .googleplus-link,
.social-share .accordion-item .linkedin-link,
.social-share .accordion-item .mail-link {
border-radius: 32.5px;
cursor: pointer;
float: left;
margin-right: 2.5rem
}
@media screen and (max-width:39.99875em) {
.social-share .accordion-item .facebook-link,
.social-share .accordion-item .twitter-link,
.social-share .accordion-item .googleplus-link,
.social-share .accordion-item .linkedin-link,
.social-share .accordion-item .mail-link {
padding-right: .9375rem
}
}
.social-share .accordion-item .facebook-link:hover,
.social-share .accordion-item .twitter-link:hover,
.social-share .accordion-item .googleplus-link:hover,
.social-share .accordion-item .linkedin-link:hover,
.social-share .accordion-item .mail-link:hover {
background-color: #009775
}
.social-share .accordion-item .mail-link {
padding-right: 0
}
.reveal {
outline: none
}
.reveal .reveal-cta {
padding-top: 1rem;
text-align: center;
width: 100%
}
.reveal-label {
padding-bottom: 1rem;
padding-top: 2rem
}
@media screen and (max-width:39.99875em) {
.social-share .accordion-item .linkedin,
.social-share .accordion-item .facebook,
.social-share .accordion-item .googleplus,
.social-share .accordion-item .twitter,
.social-share .accordion-item .mail {
background-size: 15.5px auto
}
}
.side-text {
top: 12.7rem;
transform-origin: center;
width: 25rem
}
.side-text.side-text--left {
left: 0;
transform: translateX(-178px) rotate(-90deg)
}
.side-text.side-text--right {
right: 0;
transform: translateX(178px) rotate(-90deg)
}
.side-text.side-text--calendar {
top: 19.3rem
}
.side-text.side-text--map {
top: 24.05rem
}
.side-text.side-text--map-company {
top: 18.9rem
}
.side-text.side-text--video {
top: 16.45rem
}
.side-text.side-text--ataglance {
top: 16.45rem
}
.side-text.side-text--paralax {
top: 20.85rem
}
.side-text.side-text--teaser-text-image {
top: 18.9rem
}
.side-text.side-text--text {
top: 32.25rem
}
.side-text.side-text--akkordeon {
top: 17.15rem
}
.side-text.side-text--info1 {
top: 28.7rem
}
.side-text.side-text--news {
top: 19.3rem
}
.side-text.side-text--dtext {
top: 17.45rem
}
.side-text.side-text--ircontact {
top: 20.15rem
}
.side-text.side-text--iconlist {
top: 14.25rem
}
.side-text.side-text--tab-cycle {
top: 19.5rem
}
.side-text.side-text--bottom-teaser {
top: 11.45rem
}
.side-text.side-text--teaser-square {
top: 16.45rem
}
.sitemap h2 {
padding-bottom: 1.4375rem
}
.sitemap h2 a {
color: #535353;
text-decoration: none;
text-transform: uppercase
}
.sitemap .ce-menu {
list-style-type: none;
margin: 0;
padding: 0 0 4.5625rem 0
}
.sitemap .ce-menu ul {
list-style-type: none;
margin: 0;
padding: 0
}
.sitemap .ce-menu ul ul {
display: none
}
.sitemap .ce-menu ul a {
padding-left: 1.75rem
}
.sitemap .ce-menu ul a::before {
background: none;
border: .0625rem solid #92d400;
border-radius: 100%;
content: '';
display: block;
height: .5625rem;
left: .5625rem;
position: absolute;
top: .5625rem;
width: .5625rem
}
.sitemap .ce-menu ul a:hover::before {
background-image: none
}
.sitemap .ce-menu a {
color: #535353;
display: inline-block;
padding-bottom: .5rem;
padding-left: 1rem;
position: relative;
text-decoration: none
}
.sitemap .ce-menu a::before {
background: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/link-arrow-01.svg) no-repeat 0 0;
background-size: contain;
content: '';
display: block;
height: .6875rem;
left: 0;
position: absolute;
top: .5rem;
width: .75rem
}
.sitemap .ce-menu a:hover {
color: #92d400;
text-decoration: underline
}
.sitemap .ce-menu a:hover::before {
background-image: url(//docentpharma.com/typo3conf/ext/torr_template/Resources/Public/img/link-arrow-04.svg)
}
.sitemap .bg-color-06header-content-footer-wrapper {
background-color: #fff
}
.tabs-panel {
border-bottom: .0625rem solid #009775;
display: none
}
.tabs-panel.is-active {
display: block
}
.tabs-title--link {
outline: none;
padding-bottom: .75rem;
padding-top: .75rem
}
.tabs-title--link:hover {
background-color: #92d400;
color: #fff
}
.is-active .tabs-title--link {
background-color: #009775;
color: #fff
}
text h3.table-headline {
padding-top: .5rem
}
.contenttable {
border-bottom: .0625rem solid #535353;
margin-bottom: .625rem;
width: 100%
}
@media screen and (max-width:53.12375em) {
.contenttable {
display: flex;
overflow-x: auto;
overflow-y: hidden
}
.contenttable thead {
border-right: .0625rem solid #535353;
display: flex;
flex-shrink: 0;
min-width: -webkit-min-content;
min-width: -moz-min-content;
min-width: min-content
}
.contenttable tbody {
display: flex;
position: relative
}
.contenttable tfoot {
display: none
}
}
@media screen and (max-width:53.12375em) {
.contenttable tr {
display: flex;
flex-direction: column;
flex-shrink: 0;
min-width: -webkit-min-content;
min-width: -moz-min-content;
min-width: min-content
}
}
@media screen and (min-width:53.125em) {
.contenttable tr:last-child td {
border-bottom: 0
}
}
.contenttable th {
border-bottom: .0625rem solid #535353;
padding: .375rem .5rem
}
@media screen and (max-width:53.12375em) {
.contenttable th {
display: block;
white-space: nowrap
}
.contenttable th:last-child {
border-bottom: 0
}
}
.contenttable td {
border-bottom: .0625rem solid #ededed;
padding: .375rem .5rem
}
@media screen and (max-width:53.12375em) {
.contenttable td {
display: block;
white-space: nowrap
}
.contenttable td:last-child {
border-bottom: 0
}
}
@media screen and (max-width:53.12375em) {
.mobile-block-table td {
display: block
}
.mobile-block-table td:last-child {
padding-bottom: .625rem
}
}
.table-list {
width: 100%
}
.table-list tr {
border-bottom: .0625rem solid #ededed
}
@media screen and (max-width:53.12375em) {
.table-list th {
display: none
}
}
.table-list td {
vertical-align: top
}
@media screen and (max-width:53.12375em) {
.table-list td {
display: block
}
}
@media screen and (min-width:53.125em) {
.table-list td {
padding: .375rem 1rem .375rem 0
}
}
.table-list .tl-format-size {
text-align: right;
white-space: nowrap
}
@media screen and (max-width:53.12375em) {
.table-list .tl-hide-for-small {
display: none
}
.table-list .tl-date {
float: left
}
.table-list .tl-format-size {
float: right
}
}
@media screen and (min-width:53.125em) {
.table-list .tl-hide-for-xmedium-up {
display: none
}
}
.info-teaser-cycle-grid {
padding-bottom: 2.4375rem
}
.circle-link .circle-img {
border-radius: 100%;
overflow: hidden;
transition: transform 1s
}
@media print,
screen and (min-width:40em) {
.circle-link .circle-img {
transform: scale(.9) translate3d(0, 0, 0)
}
.circle-link .circle-img.animate {
transform: scale(1) translate3d(0, 0, 0)
}
.circle-link .circle-img.animate::after {
opacity: 0
}
.circle-link .circle-img::after {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 153, 131, .8);
border-radius: 100%;
content: '';
display: block;
height: 100%;
left: 0;
opacity: 1;
position: absolute;
top: 0;
transition: opacity 1s 1s;
width: 100%
}
}
.circle-link .circle-img img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.circle-link .circle-img::before {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(170, 219, 30, .8);
border-radius: 100%;
content: '';
display: block;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity .5s;
width: 100%;
z-index: 999
}
@media print,
screen and (min-width:40em) {
.circle-link:hover {
color: #92d400
}
.circle-link:hover .circle-img::before {
opacity: 1
}
}
@media screen and (max-width:39.99875em) {
.small-tab-cycle-ul {
margin: 1.3125rem .3125rem -.5rem .625rem!important;
padding: 0
}
}
@media screen and (min-width:40em) {
.tab-cycle-img:hover span {
color: #92d400
}
.tab-cycle-img.tab-cycle-img--active::after {
border-color: transparent transparent #ededed;
border-style: solid;
border-width: 0 .78125rem .9375rem .78125rem;
bottom: 0;
content: '';
display: block;
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0
}
.tab-cycle-img.tab-cycle-img--active span {
color: #009775
}
.page-56 .tab-cycle-img.tab-cycle-img--active::after,
.slick--after .tab-cycle-img.tab-cycle-img--active::after {
bottom: -.625rem
}
.tab-description {
display: none
}
.close-tab-cycle {
right: 1.25rem;
top: 1.25rem
}
.slideout-button--active {
position: relative
}
.slideout-button--active::after {
border-color: transparent transparent #ededed;
border-style: solid;
border-width: 0 .78125rem .9375rem .78125rem;
bottom: 0;
content: '';
display: block;
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0
}
.white-border-side {
border-color: #fff;
border-style: solid;
border-width: 0 .625rem 0 .625rem
}
}
.onlyLink .linkhelper {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
text-indent: -100vw;
top: 0
}
.onlyLink .onlyLink-link {
color: #535353
}
.teaser-paralax {
background-position: 0 0
}
@media screen and (max-width:39.99875em) {
.teaser-paralax {
min-height: 438px
}
}
@media print,
screen and (min-width:40em) {
.teaser-paralax {
min-height: 510px
}
}
@media screen and (min-width:80em) {
.teaser-paralax {
min-height: 640px
}
}
@media screen and (max-width:39.99875em) {
.teaser-paralax-column {
min-height: 438px
}
}
@media print,
screen and (min-width:40em) {
.teaser-paralax-column {
min-height: 510px
}
}
@media screen and (min-width:80em) {
.teaser-paralax-column {
min-height: 640px
}
}
@media screen and (max-width:39.99875em) {
.teaser-paralax-text {
min-height: 438px
}
}
.teaser-paralax-text::after {
background-color: rgba(255, 255, 255, .8);
border-radius: 100%;
content: '';
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
z-index: -1
}
@media screen and (max-width:39.99875em) {
.teaser-paralax-text::after {
height: 360px;
transform: translate(-50%, -49%);
width: 360px
}
}
@media print,
screen and (min-width:40em) {
.teaser-paralax-text::after {
height: 640px;
width: 640px
}
}
@media screen and (min-width:80em) {
.teaser-paralax-text::after {
height: 800px;
width: 800px
}
}
@media print,
screen and (min-width:40em) {
.teaser-paralax-text h2,
.teaser-paralax-text p {
padding-left: 3rem;
padding-right: 3rem
}
}
.paralax-line::after {
border-left: .0625rem solid #535353;
bottom: -3.4375rem;
content: '';
display: block;
height: 6.875rem;
left: 50%;
position: absolute;
transform: translatex(-50%);
z-index: 2
}
.template-4 .paralax-line::after {
bottom: 2.8125rem
}
.template-4.body-class-transmed .paralax-line::after {
bottom: -3.4375rem
}
.template-4.body-class-elpharma .paralax-line::after {
bottom: -3.4375rem
}
@media screen and (max-width:39.99875em) {
.intro-paralax.teaser-paralax {
min-height: 483px
}
}
@media print,
screen and (min-width:40em) {
.intro-paralax.teaser-paralax {
min-height: 589px
}
}
@media screen and (min-width:80em) {
.intro-paralax.teaser-paralax {
min-height: 740px
}
}
@media screen and (max-width:39.99875em) {
.intro-paralax .teaser-paralax-column {
min-height: 483px
}
}
@media print,
screen and (min-width:40em) {
.intro-paralax .teaser-paralax-column {
min-height: 589px
}
}
@media screen and (min-width:80em) {
.intro-paralax .teaser-paralax-column {
min-height: 740px
}
}
@media screen and (min-width:80em) {
.intro-paralax .teaser-paralax-text {
padding-top: 12.5rem
}
}
@media screen and (max-width:39.99875em) {
.intro-paralax .teaser-paralax-text::after {
transform: translate(-50%, -39%)
}
}
@media print,
screen and (min-width:40em) {
.intro-paralax .teaser-paralax-text::after {
height: 719px;
transform: translate(-50%, -44%);
width: 719px
}
}
@media screen and (min-width:80em) {
.intro-paralax .teaser-paralax-text::after {
height: 900px;
transform: translate(-50%, -40%);
width: 900px
}
}
@media screen and (max-width:39.99875em) {
.page-3 .teaser-paralax-column h2,
.page-5 .teaser-paralax-column h2 {
padding-top: 3.1875rem
}
}
@media print,
screen and (min-width:40em) {
.template-1 .teaser-paralax,
.template-14 .teaser-paralax {
margin-bottom: -5rem
}
}
@media print,
screen and (min-width:64em) {
.headline-ar2020 {
font-size: 2.375rem;
line-height: 3rem;
padding-bottom: 4.125rem;
padding-top: 7.875rem
}
}
.ar-btn-01 {
max-width: 80%
}
.introtext-ar2020 p {
color: #009775;
font-size: 1.5rem;
font-weight: 300;
line-height: 2rem;
padding-bottom: 2.5rem;
padding-top: 4.25rem;
text-align: center
}
@media print,
screen and (min-width:64em) {
.introtext-ar2020 p {
font-size: 2.375rem;
line-height: 3rem;
padding-top: 5.625rem
}
}
.template-16 .bg-color-08 {
background-color: #fff
}
.ar2020-button-container {
padding-bottom: 2.875rem;
padding-top: 2.5rem
}
.headline-2 {
padding-bottom: 1.875rem
}
.bg-color-08-ar2020 {
background-color: #ededed
}
@media screen and (max-width:39.99875em) {
.smallmw70 {
max-width: 70%
}
}
.ar2020-leporello {
padding-bottom: 2.5rem;
padding-top: 2.5rem
}
@media print,
screen and (min-width:40em) {
.ar2020-leporello {
padding-bottom: 5rem;
padding-top: 5rem
}
}
@media print,
screen and (min-width:64em) {
.ar2020-leporello {
padding-bottom: 6.25rem;
padding-top: 6.25rem
}
}
.ar2020-leporello.panel {
width: 100%
}
.leporello-subline {
font-size: .9375rem;
font-weight: 500;
letter-spacing: .4;
line-height: 1.25rem;
margin-bottom: 2.25rem;
margin-top: .9375rem
}
.leporello-headline {
color: #000;
font-size: 3.75rem;
font-weight: 700;
line-height: 3.75rem;
margin-bottom: 1.875rem
}
@media print,
screen and (min-width:40em) {
.leporello-headline {
font-size: 2.375rem;
line-height: 3rem
}
}
@media print,
screen and (min-width:64em) {
.leporello-headline {
font-size: 3.75rem;
line-height: 3.75rem
}
}
@media print,
screen and (min-width:40em) {
.leporello-text {
padding-left: 1.25rem
}
}
.leporello-text p {
color: #717271;
font-size: 1.375rem;
font-weight: 300;
letter-spacing: .5;
line-height: 2.625rem;
margin-bottom: 2.5rem
}
@media print,
screen and (min-width:40em) {
.leporello-text p {
font-size: 1.0625rem;
line-height: 2rem
}
}
@media print,
screen and (min-width:40em) {
.leporello-text p {
font-size: 1.375rem;
line-height: 2.625rem
}
}
@media print,
screen and (min-width:40em) {
.leporello-img {
margin-top: 5rem
}
}
@media print,
screen and (min-width:64em) {
.leporello-img {
margin-top: 7.5rem
}
}
.maxw1440 {
max-width: 90rem
}