/*! * Bootstrap Grid v4.3.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /* ============================ BOOTSTRAP ============================ */ .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px} .no-gutters{margin-right:0;margin-left:0} .no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0} .col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px} .col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%} .col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .order-first{-ms-flex-order:-1;order:-1} .order-last{-ms-flex-order:13;order:13} .order-0{-ms-flex-order:0;order:0} .order-1{-ms-flex-order:1;order:1} .order-2{-ms-flex-order:2;order:2} .order-3{-ms-flex-order:3;order:3} .order-4{-ms-flex-order:4;order:4} .order-5{-ms-flex-order:5;order:5} .order-6{-ms-flex-order:6;order:6} .order-7{-ms-flex-order:7;order:7} .order-8{-ms-flex-order:8;order:8} .order-9{-ms-flex-order:9;order:9} .order-10{-ms-flex-order:10;order:10} .order-11{-ms-flex-order:11;order:11} .order-12{-ms-flex-order:12;order:12} .offset-1{margin-left:8.333333%} .offset-2{margin-left:16.666667%} .offset-3{margin-left:25%} .offset-4{margin-left:33.333333%} .offset-5{margin-left:41.666667%} .offset-6{margin-left:50%} .offset-7{margin-left:58.333333%} .offset-8{margin-left:66.666667%} .offset-9{margin-left:75%} .offset-10{margin-left:83.333333%} .offset-11{margin-left:91.666667%} @media (min-width:576px){ .col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%} .col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .order-sm-first{-ms-flex-order:-1;order:-1} .order-sm-last{-ms-flex-order:13;order:13} .order-sm-0{-ms-flex-order:0;order:0} .order-sm-1{-ms-flex-order:1;order:1} .order-sm-2{-ms-flex-order:2;order:2} .order-sm-3{-ms-flex-order:3;order:3} .order-sm-4{-ms-flex-order:4;order:4} .order-sm-5{-ms-flex-order:5;order:5} .order-sm-6{-ms-flex-order:6;order:6} .order-sm-7{-ms-flex-order:7;order:7} .order-sm-8{-ms-flex-order:8;order:8} .order-sm-9{-ms-flex-order:9;order:9} .order-sm-10{-ms-flex-order:10;order:10} .order-sm-11{-ms-flex-order:11;order:11} .order-sm-12{-ms-flex-order:12;order:12} .offset-sm-0{margin-left:0} .offset-sm-1{margin-left:8.333333%} .offset-sm-2{margin-left:16.666667%} .offset-sm-3{margin-left:25%} .offset-sm-4{margin-left:33.333333%} .offset-sm-5{margin-left:41.666667%} .offset-sm-6{margin-left:50%} .offset-sm-7{margin-left:58.333333%} .offset-sm-8{margin-left:66.666667%} .offset-sm-9{margin-left:75%} .offset-sm-10{margin-left:83.333333%} .offset-sm-11{margin-left:91.666667%} } @media (min-width:768px){ .col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%} .col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .order-md-first{-ms-flex-order:-1;order:-1} .order-md-last{-ms-flex-order:13;order:13} .order-md-0{-ms-flex-order:0;order:0} .order-md-1{-ms-flex-order:1;order:1} .order-md-2{-ms-flex-order:2;order:2} .order-md-3{-ms-flex-order:3;order:3} .order-md-4{-ms-flex-order:4;order:4} .order-md-5{-ms-flex-order:5;order:5} .order-md-6{-ms-flex-order:6;order:6} .order-md-7{-ms-flex-order:7;order:7} .order-md-8{-ms-flex-order:8;order:8} .order-md-9{-ms-flex-order:9;order:9} .order-md-10{-ms-flex-order:10;order:10} .order-md-11{-ms-flex-order:11;order:11} .order-md-12{-ms-flex-order:12;order:12} .offset-md-0{margin-left:0} .offset-md-1{margin-left:8.333333%} .offset-md-2{margin-left:16.666667%} .offset-md-3{margin-left:25%} .offset-md-4{margin-left:33.333333%} .offset-md-5{margin-left:41.666667%} .offset-md-6{margin-left:50%} .offset-md-7{margin-left:58.333333%} .offset-md-8{margin-left:66.666667%} .offset-md-9{margin-left:75%} .offset-md-10{margin-left:83.333333%} .offset-md-11{margin-left:91.666667%} } @media (min-width:992px){ .col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%} .col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .order-lg-first{-ms-flex-order:-1;order:-1} .order-lg-last{-ms-flex-order:13;order:13} .order-lg-0{-ms-flex-order:0;order:0} .order-lg-1{-ms-flex-order:1;order:1} .order-lg-2{-ms-flex-order:2;order:2} .order-lg-3{-ms-flex-order:3;order:3} .order-lg-4{-ms-flex-order:4;order:4} .order-lg-5{-ms-flex-order:5;order:5} .order-lg-6{-ms-flex-order:6;order:6} .order-lg-7{-ms-flex-order:7;order:7} .order-lg-8{-ms-flex-order:8;order:8} .order-lg-9{-ms-flex-order:9;order:9} .order-lg-10{-ms-flex-order:10;order:10} .order-lg-11{-ms-flex-order:11;order:11} .order-lg-12{-ms-flex-order:12;order:12} .offset-lg-0{margin-left:0} .offset-lg-1{margin-left:8.333333%} .offset-lg-2{margin-left:16.666667%} .offset-lg-3{margin-left:25%} .offset-lg-4{margin-left:33.333333%} .offset-lg-5{margin-left:41.666667%} .offset-lg-6{margin-left:50%} .offset-lg-7{margin-left:58.333333%} .offset-lg-8{margin-left:66.666667%} .offset-lg-9{margin-left:75%} .offset-lg-10{margin-left:83.333333%} .offset-lg-11{margin-left:91.666667%} } @media (min-width:1200px){ .col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%} .col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .order-xl-first{-ms-flex-order:-1;order:-1} .order-xl-last{-ms-flex-order:13;order:13} .order-xl-0{-ms-flex-order:0;order:0} .order-xl-1{-ms-flex-order:1;order:1} .order-xl-2{-ms-flex-order:2;order:2} .order-xl-3{-ms-flex-order:3;order:3} .order-xl-4{-ms-flex-order:4;order:4} .order-xl-5{-ms-flex-order:5;order:5} .order-xl-6{-ms-flex-order:6;order:6} .order-xl-7{-ms-flex-order:7;order:7} .order-xl-8{-ms-flex-order:8;order:8} .order-xl-9{-ms-flex-order:9;order:9} .order-xl-10{-ms-flex-order:10;order:10} .order-xl-11{-ms-flex-order:11;order:11} .order-xl-12{-ms-flex-order:12;order:12} .offset-xl-0{margin-left:0} .offset-xl-1{margin-left:8.333333%} .offset-xl-2{margin-left:16.666667%} .offset-xl-3{margin-left:25%} .offset-xl-4{margin-left:33.333333%} .offset-xl-5{margin-left:41.666667%} .offset-xl-6{margin-left:50%} .offset-xl-7{margin-left:58.333333%} .offset-xl-8{margin-left:66.666667%} .offset-xl-9{margin-left:75%} .offset-xl-10{margin-left:83.333333%} .offset-xl-11{margin-left:91.666667%} .block-value{text-align: center} } .d-none{display:none!important} .d-inline{display:inline!important} .d-inline-block{display:inline-block!important} .d-block{display:block!important} .d-table{display:table!important} .d-table-row{display:table-row!important} .d-table-cell{display:table-cell!important} .d-flex{display:-ms-flexbox!important;display:flex!important} .d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important} @media (min-width:576px){ .d-sm-none{display:none!important} .d-sm-inline{display:inline!important} .d-sm-inline-block{display:inline-block!important} .d-sm-block{display:block!important} .d-sm-table{display:table!important} .d-sm-table-row{display:table-row!important} .d-sm-table-cell{display:table-cell!important} .d-sm-flex{display:-ms-flexbox!important;display:flex!important} .d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important} } @media (min-width:768px){ .d-md-none{display:none!important} .d-md-inline{display:inline!important} .d-md-inline-block{display:inline-block!important} .d-md-block{display:block!important} .d-md-table{display:table!important} .d-md-table-row{display:table-row!important} .d-md-table-cell{display:table-cell!important} .d-md-flex{display:-ms-flexbox!important;display:flex!important} .d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important} } @media (min-width:992px){ .d-lg-none{display:none!important} .d-lg-inline{display:inline!important} .d-lg-inline-block{display:inline-block!important} .d-lg-block{display:block!important} .d-lg-table{display:table!important} .d-lg-table-row{display:table-row!important} .d-lg-table-cell{display:table-cell!important} .d-lg-flex{display:-ms-flexbox!important;display:flex!important} .d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important} } @media (min-width:1200px){ .d-xl-none{display:none!important} .d-xl-inline{display:inline!important} .d-xl-inline-block{display:inline-block!important} .d-xl-block{display:block!important} .d-xl-table{display:table!important} .d-xl-table-row{display:table-row!important} .d-xl-table-cell{display:table-cell!important} .d-xl-flex{display:-ms-flexbox!important;display:flex!important} .d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important} } @media print{ .d-print-none{display:none!important} .d-print-inline{display:inline!important} .d-print-inline-block{display:inline-block!important} .d-print-block{display:block!important} .d-print-table{display:table!important} .d-print-table-row{display:table-row!important} .d-print-table-cell{display:table-cell!important} .d-print-flex{display:-ms-flexbox!important;display:flex!important} .d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important} } .flex-row{-ms-flex-direction:row!important;flex-direction:row!important} .flex-column{-ms-flex-direction:column!important;flex-direction:column!important} .flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important} .flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important} .flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important} .flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important} .flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important} .flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important} .flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important} .flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important} .flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important} .flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important} .justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important} .justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important} .justify-content-center{-ms-flex-pack:center!important;justify-content:center!important} .justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important} .align-items-start{-ms-flex-align:start!important;align-items:flex-start!important} .align-items-end{-ms-flex-align:end!important;align-items:flex-end!important} .align-items-center{-ms-flex-align:center!important;align-items:center!important} .align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important} .align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important} .align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important} .align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important} .align-content-center{-ms-flex-line-pack:center!important;align-content:center!important} .align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important} .align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important} .align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important} .align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important} .align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important} .align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important} .align-self-center{-ms-flex-item-align:center!important;align-self:center!important} .align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important} .align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important} @media (min-width:576px){ .flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important} .flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important} .flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important} .flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important} .flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important} .flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important} .flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important} .flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important} .flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important} .flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important} .flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important} .flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important} .justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important} .justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important} .justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important} .justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important} .align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important} .align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important} .align-items-sm-center{-ms-flex-align:center!important;align-items:center!important} .align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important} .align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important} .align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important} .align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important} .align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important} .align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important} .align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important} .align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important} .align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important} .align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important} .align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important} .align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important} .align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important} .align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important} } @media (min-width:768px){ .flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important} .flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important} .flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important} .flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important} .flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important} .flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important} .flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important} .flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important} .flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important} .flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important} .flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important} .flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important} .justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important} .justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important} .justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important} .justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important} .align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important} .align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important} .align-items-md-center{-ms-flex-align:center!important;align-items:center!important} .align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important} .align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important} .align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important} .align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important} .align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important} .align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important} .align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important} .align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important} .align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important} .align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important} .align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important} .align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important} .align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important} .align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important} } @media (min-width:992px){ .flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important} .flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important} .flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important} .flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important} .flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important} .flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important} .flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important} .flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important} .flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important} .flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important} .flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important} .flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important} .justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important} .justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important} .justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important} .justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important} .align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important} .align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important} .align-items-lg-center{-ms-flex-align:center!important;align-items:center!important} .align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important} .align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important} .align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important} .align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important} .align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important} .align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important} .align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important} .align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important} .align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important} .align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important} .align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important} .align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important} .align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important} .align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important} } @media (min-width:1200px){ .flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important} .flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important} .flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important} .flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important} .flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important} .flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important} .flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important} .flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important} .flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important} .flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important} .flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important} .flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important} .justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important} .justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important} .justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important} .justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important} .align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important} .align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important} .align-items-xl-center{-ms-flex-align:center!important;align-items:center!important} .align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important} .align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important} .align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important} .align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important} .align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important} .align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important} .align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important} .align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important} .align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important} .align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important} .align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important} .align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important} .align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important} .align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important} } .m-0{margin:0!important} .mt-0,.my-0{margin-top:0!important} .mr-0,.mx-0{margin-right:0!important} .mb-0,.my-0{margin-bottom:0!important} .ml-0,.mx-0{margin-left:0!important} .m-1{margin:.25rem!important} .mt-1,.my-1{margin-top:.25rem!important} .mr-1,.mx-1{margin-right:.25rem!important} .mb-1,.my-1{margin-bottom:.25rem!important} .ml-1,.mx-1{margin-left:.25rem!important} .m-2{margin:.5rem!important} .mt-2,.my-2{margin-top:.5rem!important} .mr-2,.mx-2{margin-right:.5rem!important} .mb-2,.my-2{margin-bottom:.5rem!important} .ml-2,.mx-2{margin-left:.5rem!important} .m-3{margin:1rem!important} .mt-3,.my-3{margin-top:1rem!important} .mr-3,.mx-3{margin-right:1rem!important} .mb-3,.my-3{margin-bottom:1rem!important} .ml-3,.mx-3{margin-left:1rem!important} .m-4{margin:1.5rem!important} .mt-4,.my-4{margin-top:1.5rem!important} .mr-4,.mx-4{margin-right:1.5rem!important} .mb-4,.my-4{margin-bottom:1.5rem!important} .ml-4,.mx-4{margin-left:1.5rem!important} .m-5{margin:3rem!important} .mt-5,.my-5{margin-top:3rem!important} .mr-5,.mx-5{margin-right:3rem!important} .mb-5,.my-5{margin-bottom:3rem!important} .ml-5,.mx-5{margin-left:3rem!important} .p-0{padding:0!important} .pt-0,.py-0{padding-top:0!important} .pr-0,.px-0{padding-right:0!important} .pb-0,.py-0{padding-bottom:0!important} .pl-0,.px-0{padding-left:0!important} .p-1{padding:.25rem!important} .pt-1,.py-1{padding-top:.25rem!important} .pr-1,.px-1{padding-right:.25rem!important} .pb-1,.py-1{padding-bottom:.25rem!important} .pl-1,.px-1{padding-left:.25rem!important} .p-2{padding:.5rem!important} .pt-2,.py-2{padding-top:.5rem!important} .pr-2,.px-2{padding-right:.5rem!important} .pb-2,.py-2{padding-bottom:.5rem!important} .pl-2,.px-2{padding-left:.5rem!important} .p-3{padding:1rem!important} .pt-3,.py-3{padding-top:1rem!important} .pr-3,.px-3{padding-right:1rem!important} .pb-3,.py-3{padding-bottom:1rem!important} .pl-3,.px-3{padding-left:1rem!important} .p-4{padding:1.5rem!important} .pt-4,.py-4{padding-top:1.5rem!important} .pr-4,.px-4{padding-right:1.5rem!important} .pb-4,.py-4{padding-bottom:1.5rem!important} .pl-4,.px-4{padding-left:1.5rem!important} .p-5{padding:3rem!important} .pt-5,.py-5{padding-top:3rem!important} .pr-5,.px-5{padding-right:3rem!important} .pb-5,.py-5{padding-bottom:3rem!important} .pl-5,.px-5{padding-left:3rem!important} .m-n1{margin:-.25rem!important} .mt-n1,.my-n1{margin-top:-.25rem!important} .mr-n1,.mx-n1{margin-right:-.25rem!important} .mb-n1,.my-n1{margin-bottom:-.25rem!important} .ml-n1,.mx-n1{margin-left:-.25rem!important} .m-n2{margin:-.5rem!important} .mt-n2,.my-n2{margin-top:-.5rem!important} .mr-n2,.mx-n2{margin-right:-.5rem!important} .mb-n2,.my-n2{margin-bottom:-.5rem!important} .ml-n2,.mx-n2{margin-left:-.5rem!important} .m-n3{margin:-1rem!important} .mt-n3,.my-n3{margin-top:-1rem!important} .mr-n3,.mx-n3{margin-right:-1rem!important} .mb-n3,.my-n3{margin-bottom:-1rem!important} .ml-n3,.mx-n3{margin-left:-1rem!important} .m-n4{margin:-1.5rem!important} .mt-n4,.my-n4{margin-top:-1.5rem!important} .mr-n4,.mx-n4{margin-right:-1.5rem!important} .mb-n4,.my-n4{margin-bottom:-1.5rem!important} .ml-n4,.mx-n4{margin-left:-1.5rem!important} .m-n5{margin:-3rem!important} .mt-n5,.my-n5{margin-top:-3rem!important} .mr-n5,.mx-n5{margin-right:-3rem!important} .mb-n5,.my-n5{margin-bottom:-3rem!important} .ml-n5,.mx-n5{margin-left:-3rem!important} .m-auto{margin:auto!important} .mt-auto,.my-auto{margin-top:auto!important} .mr-auto,.mx-auto{margin-right:auto!important} .mb-auto,.my-auto{margin-bottom:auto!important} .ml-auto,.mx-auto{margin-left:auto!important} @media (min-width:576px){ .m-sm-0{margin:0!important} .mt-sm-0,.my-sm-0{margin-top:0!important} .mr-sm-0,.mx-sm-0{margin-right:0!important} .mb-sm-0,.my-sm-0{margin-bottom:0!important} .ml-sm-0,.mx-sm-0{margin-left:0!important} .m-sm-1{margin:.25rem!important} .mt-sm-1,.my-sm-1{margin-top:.25rem!important} .mr-sm-1,.mx-sm-1{margin-right:.25rem!important} .mb-sm-1,.my-sm-1{margin-bottom:.25rem!important} .ml-sm-1,.mx-sm-1{margin-left:.25rem!important} .m-sm-2{margin:.5rem!important} .mt-sm-2,.my-sm-2{margin-top:.5rem!important} .mr-sm-2,.mx-sm-2{margin-right:.5rem!important} .mb-sm-2,.my-sm-2{margin-bottom:.5rem!important} .ml-sm-2,.mx-sm-2{margin-left:.5rem!important} .m-sm-3{margin:1rem!important} .mt-sm-3,.my-sm-3{margin-top:1rem!important} .mr-sm-3,.mx-sm-3{margin-right:1rem!important} .mb-sm-3,.my-sm-3{margin-bottom:1rem!important} .ml-sm-3,.mx-sm-3{margin-left:1rem!important} .m-sm-4{margin:1.5rem!important} .mt-sm-4,.my-sm-4{margin-top:1.5rem!important} .mr-sm-4,.mx-sm-4{margin-right:1.5rem!important} .mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important} .ml-sm-4,.mx-sm-4{margin-left:1.5rem!important} .m-sm-5{margin:3rem!important} .mt-sm-5,.my-sm-5{margin-top:3rem!important} .mr-sm-5,.mx-sm-5{margin-right:3rem!important} .mb-sm-5,.my-sm-5{margin-bottom:3rem!important} .ml-sm-5,.mx-sm-5{margin-left:3rem!important} .p-sm-0{padding:0!important} .pt-sm-0,.py-sm-0{padding-top:0!important} .pr-sm-0,.px-sm-0{padding-right:0!important} .pb-sm-0,.py-sm-0{padding-bottom:0!important} .pl-sm-0,.px-sm-0{padding-left:0!important} .p-sm-1{padding:.25rem!important} .pt-sm-1,.py-sm-1{padding-top:.25rem!important} .pr-sm-1,.px-sm-1{padding-right:.25rem!important} .pb-sm-1,.py-sm-1{padding-bottom:.25rem!important} .pl-sm-1,.px-sm-1{padding-left:.25rem!important} .p-sm-2{padding:.5rem!important} .pt-sm-2,.py-sm-2{padding-top:.5rem!important} .pr-sm-2,.px-sm-2{padding-right:.5rem!important} .pb-sm-2,.py-sm-2{padding-bottom:.5rem!important} .pl-sm-2,.px-sm-2{padding-left:.5rem!important} .p-sm-3{padding:1rem!important} .pt-sm-3,.py-sm-3{padding-top:1rem!important} .pr-sm-3,.px-sm-3{padding-right:1rem!important} .pb-sm-3,.py-sm-3{padding-bottom:1rem!important} .pl-sm-3,.px-sm-3{padding-left:1rem!important} .p-sm-4{padding:1.5rem!important} .pt-sm-4,.py-sm-4{padding-top:1.5rem!important} .pr-sm-4,.px-sm-4{padding-right:1.5rem!important} .pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important} .pl-sm-4,.px-sm-4{padding-left:1.5rem!important} .p-sm-5{padding:3rem!important} .pt-sm-5,.py-sm-5{padding-top:3rem!important} .pr-sm-5,.px-sm-5{padding-right:3rem!important} .pb-sm-5,.py-sm-5{padding-bottom:3rem!important} .pl-sm-5,.px-sm-5{padding-left:3rem!important} .m-sm-n1{margin:-.25rem!important} .mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important} .mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important} .mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important} .ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important} .m-sm-n2{margin:-.5rem!important} .mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important} .mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important} .mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important} .ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important} .m-sm-n3{margin:-1rem!important} .mt-sm-n3,.my-sm-n3{margin-top:-1rem!important} .mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important} .mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important} .ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important} .m-sm-n4{margin:-1.5rem!important} .mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important} .mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important} .mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important} .ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important} .m-sm-n5{margin:-3rem!important} .mt-sm-n5,.my-sm-n5{margin-top:-3rem!important} .mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important} .mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important} .ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important} .m-sm-auto{margin:auto!important} .mt-sm-auto,.my-sm-auto{margin-top:auto!important} .mr-sm-auto,.mx-sm-auto{margin-right:auto!important} .mb-sm-auto,.my-sm-auto{margin-bottom:auto!important} .ml-sm-auto,.mx-sm-auto{margin-left:auto!important} } @media (min-width:768px){ .m-md-0{margin:0!important} .mt-md-0,.my-md-0{margin-top:0!important} .mr-md-0,.mx-md-0{margin-right:0!important} .mb-md-0,.my-md-0{margin-bottom:0!important} .ml-md-0,.mx-md-0{margin-left:0!important} .m-md-1{margin:.25rem!important} .mt-md-1,.my-md-1{margin-top:.25rem!important} .mr-md-1,.mx-md-1{margin-right:.25rem!important} .mb-md-1,.my-md-1{margin-bottom:.25rem!important} .ml-md-1,.mx-md-1{margin-left:.25rem!important} .m-md-2{margin:.5rem!important} .mt-md-2,.my-md-2{margin-top:.5rem!important} .mr-md-2,.mx-md-2{margin-right:.5rem!important} .mb-md-2,.my-md-2{margin-bottom:.5rem!important} .ml-md-2,.mx-md-2{margin-left:.5rem!important} .m-md-3{margin:1rem!important} .mt-md-3,.my-md-3{margin-top:1rem!important} .mr-md-3,.mx-md-3{margin-right:1rem!important} .mb-md-3,.my-md-3{margin-bottom:1rem!important} .ml-md-3,.mx-md-3{margin-left:1rem!important} .m-md-4{margin:1.5rem!important} .mt-md-4,.my-md-4{margin-top:1.5rem!important} .mr-md-4,.mx-md-4{margin-right:1.5rem!important} .mb-md-4,.my-md-4{margin-bottom:1.5rem!important} .ml-md-4,.mx-md-4{margin-left:1.5rem!important} .m-md-5{margin:3rem!important} .mt-md-5,.my-md-5{margin-top:3rem!important} .mr-md-5,.mx-md-5{margin-right:3rem!important} .mb-md-5,.my-md-5{margin-bottom:3rem!important} .ml-md-5,.mx-md-5{margin-left:3rem!important} .p-md-0{padding:0!important} .pt-md-0,.py-md-0{padding-top:0!important} .pr-md-0,.px-md-0{padding-right:0!important} .pb-md-0,.py-md-0{padding-bottom:0!important} .pl-md-0,.px-md-0{padding-left:0!important} .p-md-1{padding:.25rem!important} .pt-md-1,.py-md-1{padding-top:.25rem!important} .pr-md-1,.px-md-1{padding-right:.25rem!important} .pb-md-1,.py-md-1{padding-bottom:.25rem!important} .pl-md-1,.px-md-1{padding-left:.25rem!important} .p-md-2{padding:.5rem!important} .pt-md-2,.py-md-2{padding-top:.5rem!important} .pr-md-2,.px-md-2{padding-right:.5rem!important} .pb-md-2,.py-md-2{padding-bottom:.5rem!important} .pl-md-2,.px-md-2{padding-left:.5rem!important} .p-md-3{padding:1rem!important} .pt-md-3,.py-md-3{padding-top:1rem!important} .pr-md-3,.px-md-3{padding-right:1rem!important} .pb-md-3,.py-md-3{padding-bottom:1rem!important} .pl-md-3,.px-md-3{padding-left:1rem!important} .p-md-4{padding:1.5rem!important} .pt-md-4,.py-md-4{padding-top:1.5rem!important} .pr-md-4,.px-md-4{padding-right:1.5rem!important} .pb-md-4,.py-md-4{padding-bottom:1.5rem!important} .pl-md-4,.px-md-4{padding-left:1.5rem!important} .p-md-5{padding:3rem!important} .pt-md-5,.py-md-5{padding-top:3rem!important} .pr-md-5,.px-md-5{padding-right:3rem!important} .pb-md-5,.py-md-5{padding-bottom:3rem!important} .pl-md-5,.px-md-5{padding-left:3rem!important} .m-md-n1{margin:-.25rem!important} .mt-md-n1,.my-md-n1{margin-top:-.25rem!important} .mr-md-n1,.mx-md-n1{margin-right:-.25rem!important} .mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important} .ml-md-n1,.mx-md-n1{margin-left:-.25rem!important} .m-md-n2{margin:-.5rem!important} .mt-md-n2,.my-md-n2{margin-top:-.5rem!important} .mr-md-n2,.mx-md-n2{margin-right:-.5rem!important} .mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important} .ml-md-n2,.mx-md-n2{margin-left:-.5rem!important} .m-md-n3{margin:-1rem!important} .mt-md-n3,.my-md-n3{margin-top:-1rem!important} .mr-md-n3,.mx-md-n3{margin-right:-1rem!important} .mb-md-n3,.my-md-n3{margin-bottom:-1rem!important} .ml-md-n3,.mx-md-n3{margin-left:-1rem!important} .m-md-n4{margin:-1.5rem!important} .mt-md-n4,.my-md-n4{margin-top:-1.5rem!important} .mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important} .mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important} .ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important} .m-md-n5{margin:-3rem!important} .mt-md-n5,.my-md-n5{margin-top:-3rem!important} .mr-md-n5,.mx-md-n5{margin-right:-3rem!important} .mb-md-n5,.my-md-n5{margin-bottom:-3rem!important} .ml-md-n5,.mx-md-n5{margin-left:-3rem!important} .m-md-auto{margin:auto!important} .mt-md-auto,.my-md-auto{margin-top:auto!important} .mr-md-auto,.mx-md-auto{margin-right:auto!important} .mb-md-auto,.my-md-auto{margin-bottom:auto!important} .ml-md-auto,.mx-md-auto{margin-left:auto!important} } @media (min-width:992px){ .m-lg-0{margin:0!important} .mt-lg-0,.my-lg-0{margin-top:0!important} .mr-lg-0,.mx-lg-0{margin-right:0!important} .mb-lg-0,.my-lg-0{margin-bottom:0!important} .ml-lg-0,.mx-lg-0{margin-left:0!important} .m-lg-1{margin:.25rem!important} .mt-lg-1,.my-lg-1{margin-top:.25rem!important} .mr-lg-1,.mx-lg-1{margin-right:.25rem!important} .mb-lg-1,.my-lg-1{margin-bottom:.25rem!important} .ml-lg-1,.mx-lg-1{margin-left:.25rem!important} .m-lg-2{margin:.5rem!important} .mt-lg-2,.my-lg-2{margin-top:.5rem!important} .mr-lg-2,.mx-lg-2{margin-right:.5rem!important} .mb-lg-2,.my-lg-2{margin-bottom:.5rem!important} .ml-lg-2,.mx-lg-2{margin-left:.5rem!important} .m-lg-3{margin:1rem!important} .mt-lg-3,.my-lg-3{margin-top:1rem!important} .mr-lg-3,.mx-lg-3{margin-right:1rem!important} .mb-lg-3,.my-lg-3{margin-bottom:1rem!important} .ml-lg-3,.mx-lg-3{margin-left:1rem!important} .m-lg-4{margin:1.5rem!important} .mt-lg-4,.my-lg-4{margin-top:1.5rem!important} .mr-lg-4,.mx-lg-4{margin-right:1.5rem!important} .mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important} .ml-lg-4,.mx-lg-4{margin-left:1.5rem!important} .m-lg-5{margin:3rem!important} .mt-lg-5,.my-lg-5{margin-top:3rem!important} .mr-lg-5,.mx-lg-5{margin-right:3rem!important} .mb-lg-5,.my-lg-5{margin-bottom:3rem!important} .ml-lg-5,.mx-lg-5{margin-left:3rem!important} .p-lg-0{padding:0!important} .pt-lg-0,.py-lg-0{padding-top:0!important} .pr-lg-0,.px-lg-0{padding-right:0!important} .pb-lg-0,.py-lg-0{padding-bottom:0!important} .pl-lg-0,.px-lg-0{padding-left:0!important} .p-lg-1{padding:.25rem!important} .pt-lg-1,.py-lg-1{padding-top:.25rem!important} .pr-lg-1,.px-lg-1{padding-right:.25rem!important} .pb-lg-1,.py-lg-1{padding-bottom:.25rem!important} .pl-lg-1,.px-lg-1{padding-left:.25rem!important} .p-lg-2{padding:.5rem!important} .pt-lg-2,.py-lg-2{padding-top:.5rem!important} .pr-lg-2,.px-lg-2{padding-right:.5rem!important} .pb-lg-2,.py-lg-2{padding-bottom:.5rem!important} .pl-lg-2,.px-lg-2{padding-left:.5rem!important} .p-lg-3{padding:1rem!important} .pt-lg-3,.py-lg-3{padding-top:1rem!important} .pr-lg-3,.px-lg-3{padding-right:1rem!important} .pb-lg-3,.py-lg-3{padding-bottom:1rem!important} .pl-lg-3,.px-lg-3{padding-left:1rem!important} .p-lg-4{padding:1.5rem!important} .pt-lg-4,.py-lg-4{padding-top:1.5rem!important} .pr-lg-4,.px-lg-4{padding-right:1.5rem!important} .pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important} .pl-lg-4,.px-lg-4{padding-left:1.5rem!important} .p-lg-5{padding:3rem!important} .pt-lg-5,.py-lg-5{padding-top:3rem!important} .pr-lg-5,.px-lg-5{padding-right:3rem!important} .pb-lg-5,.py-lg-5{padding-bottom:3rem!important} .pl-lg-5,.px-lg-5{padding-left:3rem!important} .m-lg-n1{margin:-.25rem!important} .mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important} .mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important} .mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important} .ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important} .m-lg-n2{margin:-.5rem!important} .mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important} .mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important} .mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important} .ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important} .m-lg-n3{margin:-1rem!important} .mt-lg-n3,.my-lg-n3{margin-top:-1rem!important} .mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important} .mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important} .ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important} .m-lg-n4{margin:-1.5rem!important} .mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important} .mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important} .mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important} .ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important} .m-lg-n5{margin:-3rem!important} .mt-lg-n5,.my-lg-n5{margin-top:-3rem!important} .mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important} .mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important} .ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important} .m-lg-auto{margin:auto!important} .mt-lg-auto,.my-lg-auto{margin-top:auto!important} .mr-lg-auto,.mx-lg-auto{margin-right:auto!important} .mb-lg-auto,.my-lg-auto{margin-bottom:auto!important} .ml-lg-auto,.mx-lg-auto{margin-left:auto!important} } @media (min-width:1200px){ .m-xl-0{margin:0!important} .mt-xl-0,.my-xl-0{margin-top:0!important} .mr-xl-0,.mx-xl-0{margin-right:0!important} .mb-xl-0,.my-xl-0{margin-bottom:0!important} .ml-xl-0,.mx-xl-0{margin-left:0!important} .m-xl-1{margin:.25rem!important} .mt-xl-1,.my-xl-1{margin-top:.25rem!important} .mr-xl-1,.mx-xl-1{margin-right:.25rem!important} .mb-xl-1,.my-xl-1{margin-bottom:.25rem!important} .ml-xl-1,.mx-xl-1{margin-left:.25rem!important} .m-xl-2{margin:.5rem!important} .mt-xl-2,.my-xl-2{margin-top:.5rem!important} .mr-xl-2,.mx-xl-2{margin-right:.5rem!important} .mb-xl-2,.my-xl-2{margin-bottom:.5rem!important} .ml-xl-2,.mx-xl-2{margin-left:.5rem!important} .m-xl-3{margin:1rem!important} .mt-xl-3,.my-xl-3{margin-top:1rem!important} .mr-xl-3,.mx-xl-3{margin-right:1rem!important} .mb-xl-3,.my-xl-3{margin-bottom:1rem!important} .ml-xl-3,.mx-xl-3{margin-left:1rem!important} .m-xl-4{margin:1.5rem!important} .mt-xl-4,.my-xl-4{margin-top:1.5rem!important} .mr-xl-4,.mx-xl-4{margin-right:1.5rem!important} .mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important} .ml-xl-4,.mx-xl-4{margin-left:1.5rem!important} .m-xl-5{margin:3rem!important} .mt-xl-5,.my-xl-5{margin-top:3rem!important} .mr-xl-5,.mx-xl-5{margin-right:3rem!important} .mb-xl-5,.my-xl-5{margin-bottom:3rem!important} .ml-xl-5,.mx-xl-5{margin-left:3rem!important} .p-xl-0{padding:0!important} .pt-xl-0,.py-xl-0{padding-top:0!important} .pr-xl-0,.px-xl-0{padding-right:0!important} .pb-xl-0,.py-xl-0{padding-bottom:0!important} .pl-xl-0,.px-xl-0{padding-left:0!important} .p-xl-1{padding:.25rem!important} .pt-xl-1,.py-xl-1{padding-top:.25rem!important} .pr-xl-1,.px-xl-1{padding-right:.25rem!important} .pb-xl-1,.py-xl-1{padding-bottom:.25rem!important} .pl-xl-1,.px-xl-1{padding-left:.25rem!important} .p-xl-2{padding:.5rem!important} .pt-xl-2,.py-xl-2{padding-top:.5rem!important} .pr-xl-2,.px-xl-2{padding-right:.5rem!important} .pb-xl-2,.py-xl-2{padding-bottom:.5rem!important} .pl-xl-2,.px-xl-2{padding-left:.5rem!important} .p-xl-3{padding:1rem!important} .pt-xl-3,.py-xl-3{padding-top:1rem!important} .pr-xl-3,.px-xl-3{padding-right:1rem!important} .pb-xl-3,.py-xl-3{padding-bottom:1rem!important} .pl-xl-3,.px-xl-3{padding-left:1rem!important} .p-xl-4{padding:1.5rem!important} .pt-xl-4,.py-xl-4{padding-top:1.5rem!important} .pr-xl-4,.px-xl-4{padding-right:1.5rem!important} .pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important} .pl-xl-4,.px-xl-4{padding-left:1.5rem!important} .p-xl-5{padding:3rem!important} .pt-xl-5,.py-xl-5{padding-top:3rem!important} .pr-xl-5,.px-xl-5{padding-right:3rem!important} .pb-xl-5,.py-xl-5{padding-bottom:3rem!important} .pl-xl-5,.px-xl-5{padding-left:3rem!important} .m-xl-n1{margin:-.25rem!important} .mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important} .mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important} .mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important} .ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important} .m-xl-n2{margin:-.5rem!important} .mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important} .mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important} .mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important} .ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important} .m-xl-n3{margin:-1rem!important} .mt-xl-n3,.my-xl-n3{margin-top:-1rem!important} .mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important} .mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important} .ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important} .m-xl-n4{margin:-1.5rem!important} .mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important} .mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important} .mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important} .ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important} .m-xl-n5{margin:-3rem!important} .mt-xl-n5,.my-xl-n5{margin-top:-3rem!important} .mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important} .mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important} .ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important} .m-xl-auto{margin:auto!important} .mt-xl-auto,.my-xl-auto{margin-top:auto!important} .mr-xl-auto,.mx-xl-auto{margin-right:auto!important} .mb-xl-auto,.my-xl-auto{margin-bottom:auto!important} .ml-xl-auto,.mx-xl-auto{margin-left:auto!important} } /* ============================ POLICES ============================ */ @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal} @font-face{font-family:calibre;src:url(/wp-content/themes/animalpensant/assets/fonts/CalibreRegular.woff2) format("woff2"),url(/wp-content/themes/animalpensant/assets/fonts/CalibreRegular.woff) format("woff");font-weight:400;font-style:normal;font-stretch:normal} @font-face{font-family:calibre;src:url(/wp-content/themes/animalpensant/assets/fonts/CalibreBold.woff2) format("woff2"),url(/wp-content/themes/animalpensant/assets/fonts/CalibreBold.woff) format("woff");font-weight:700;font-style:normal;font-stretch:normal} @font-face{font-family:lato;src:url(/wp-content/themes/animalpensant/assets/fonts/Lato-Light.woff2) format("woff2"),url(/wp-content/themes/animalpensant/assets/fonts/Lato-Light.woff) format("woff");font-weight:100;font-style:normal;font-stretch:normal} @font-face{font-family:lato;src:url(/wp-content/themes/animalpensant/assets/fonts/Lato-Regular.woff2) format("woff2"),url(/wp-content/themes/animalpensant/assets/fonts/Lato-Regular.woff) format("woff");font-weight:400;font-style:normal;font-stretch:normal} @font-face{font-family:lato;src:url(/wp-content/themes/animalpensant/assets/fonts/Lato-Medium.woff2) format("woff2"),url(/wp-content/themes/animalpensant/assets/fonts/Lato-Medium.woff) format("woff");font-weight:600;font-style:normal;font-stretch:normal} @font-face{font-family:lato-italic;src:url(/wp-content/themes/animalpensant/assets/fonts/Lato-LightItalic.woff2) format("woff2"),url(/wp-content/themes/animalpensant/assets/fonts/Lato-LightItalic.woff) format("woff");font-weight:100;font-style:normal;font-stretch:normal} @font-face{font-family:lato-italic;src:url(/wp-content/themes/animalpensant/assets/fonts/Lato-MediumItalic.woff2) format("woff2"),url(/wp-content/themes/animalpensant/assets/fonts/Lato-MediumItalic.woff) format("woff");font-weight:600;font-style:normal;font-stretch:normal} @font-face{font-family:optima;src:url(/wp-content/themes/animalpensant/assets/fonts/Optima-Regular.woff2) format("woff2"),url(/wp-content/themes/animalpensant/assets/fonts/Optima-Regular.woff) format("woff");font-weight:400;font-style:normal;font-stretch:normal} @font-face{font-family:optima;src:url(/wp-content/themes/animalpensant/assets/fonts/Optima-Bold.woff2) format("woff2"),url(/wp-content/themes/animalpensant/assets/fonts/Optima-Bold.woff) format("woff");font-weight:700;font-style:normal;font-stretch:normal} /* ============================ STYLES GENERAUX ============================ */ html{font-size:62.5%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} body{margin:0;font-size:1em;line-height:1.4} *,:after,:before{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} ::-moz-selection{background:#241a17;color:#fff;text-shadow:none} ::selection{background:#241a17;color:#fff;text-shadow:none} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block} audio,canvas,video{display:inline-block;*display:inline;*zoom:1} [hidden],audio:not([controls]){display:none} h1,h2,h3,h4,h5,h6{margin:0;display:inherit;font-size:inherit;font-weight:inherit} a{color:#1d1d1b;cursor:pointer;text-decoration:none} a:active,a:focus,a:hover{color:#1d1d1b;outline:none} bbr[title]{border-bottom:1px dotted} b,strong{font-weight:700} blockquote{margin:1em 40px} dfn{font-style:italic} hr{display:block;height:1px;border:0;border-top:1px solid #cbc1b3;margin:1.5em 0;padding:0} ins{background:#ff9;text-decoration:none} ins,mark{color:#000} mark{background:#ff0;font-style:italic;font-weight:700} code,kbd,pre,samp{font-family:monospace,serif;_font-family:courier new,monospace;font-size:1em} pre{white-space:pre-wrap;word-wrap:break-word} q{quotes:none} q:after,q:before{content:""} small{font-size:85%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-.5em} sub{bottom:-.25em} ol,ul{list-style:none;margin:0;padding:0} dd{margin:0 0 0 40px} img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle} svg:not(:root){overflow:hidden} figure{margin:0} table{border-collapse:collapse;border-spacing:0} td{vertical-align:top} form:not(#loginform){margin:0} fieldset{border:0;margin:0;padding:0} label{cursor:pointer} legend{border:0;*margin-left:-7px;padding:0;white-space:normal} button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;outline:none} button,input{line-height:normal} button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;*overflow:visible} button[disabled],input[disabled]{cursor:default} input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0} input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box} input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} textarea{overflow:auto;vertical-align:top;resize:vertical} input:invalid,textarea:invalid{background-color:#f0dddd} p{margin:0} .alignnone{margin:5px 20px 20px 0} .aligncenter,div.aligncenter{display:block;margin:40px auto 80px} .alignright{float:right;margin:5px 0 20px 20px} .alignleft{float:left;margin:5px 20px 20px 0} a img.alignright{float:right;margin:5px 0 20px 20px} a img.alignleft,a img.alignnone{margin:5px 20px 20px 0} a img.alignleft{float:left} a img.aligncenter{display:block;margin-left:auto;margin-right:auto} .wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center} .wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0} .wp-caption.alignright{margin:5px 0 20px 20px} .wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto} .wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px} .screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden} .screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000} /* ============================ IMPRESSION FICHE PROJET ============================ */ @media print{ *{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important} a,a:visited{text-decoration:underline} a[href]:after{content:" (" attr(href) ")"} abbr[title]:after{content:" (" attr(title) ")"} .ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""} blockquote,pre{border:1px solid #999;page-break-inside:avoid} thead{display:table-header-group} img,tr{page-break-inside:avoid} img{max-width:100%!important} @page{margin:.5cm} h2,h3,p{orphans:3;widows:3} h2,h3{page-break-after:avoid} } /* ============================ ERROR 404 ============================ */ .section.error404{padding:0 21px 50px;text-align:center} @media (min-width:768px){ .section.error404{padding:0 0 50px} } @media (min-width:992px){ .section.btn-container .btn-container{float:right} } /* ============================ CONSENTEMENT VIDEOS ============================ */ html body .cmplz-placeholder-1.cmplz-blocked-content-container, .cmplz-placeholder-2.cmplz-blocked-content-container, .cmplz-placeholder-3.cmplz-blocked-content-container, .cmplz-placeholder-4.cmplz-blocked-content-container, .cmplz-placeholder-5.cmplz-blocked-content-container, .cmplz-placeholder-6.cmplz-blocked-content-container { background-image: url('https://www.animalpensant.com/wp-content/uploads/2025/04/fond-transparent.webp') !important; background-size: 100% !important; background-position: top !important; opacity: 0.01; } .swiper-container .swiper-wrapper .swiper-slide a:not(.block-infos), .swiper-container .swiper-wrapper .swiper-slide button { background-color:transparent!important;background-size:cover!important } .cmplz-blocked-content-container .cmplz-blocked-content-notice, .cmplz-wp-video .cmplz-blocked-content-notice { max-width: 100%!important;color: transparent!important } .texte-cookies-video{ background-image: url('https://www.animalpensant.com/wp-content/uploads/2025/04/fond-fleche-transp-16-9.webp'); background-repeat: no-repeat; background-position: top; background-size: 100%; z-index: 2; display: block; position: absolute; margin-left: auto; margin-right: auto; width: 100%; pointer-events: none; width:100%; aspect-ratio:16/9; } #custom-slide-background { width:100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background-size: cover; background-position: center; background-repeat: no-repeat; pointer-events: none; aspect-ratio:16/9; } .slider-bottom { position: relative; /* Pour que le fond s’aligne correctement */ z-index: 1; } /* ============================ MAIN TITLE ============================ */ .section.hero.home .main-title, .section.guide h2 { max-width:650px; } .main-title,.section.guide h2{ font-family:Optima,sans-serif; font-size:3.9rem; font-weight:400; line-height:3.8rem; letter-spacing:.32px; margin:0 0 14px} @media (min-width:992px){ .main-title,.section.guide h2{ font-size:5rem; line-height:4.9rem} } /* ============================ TITLE ============================ */ .title{font-family:Optima,sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin:0 0 10px} .title,p{line-height:2rem} p{font-family:Lato,sans-serif;font-weight:100;font-size:1.5rem} /*============================ MAIN SUBTITLE ============================ */ .main-subtitle,.section.guide p{font-family:Optima,sans-serif;font-size:1.5rem;font-weight:400;line-height:2.1rem;margin:0 0 60px!important} @media (min-width:768px){ .main-subtitle,.section.guide p{margin:0!important} } @media (min-width:992px){ .main-subtitle,.section.guide p{ font-size:1.8rem; line-height:2.2rem; letter-spacing:.32px} } .main-subtitle span,.section.guide p span{font-family:Lato,sans-serif;font-size:1.2rem;font-weight:600;line-height:2rem;letter-spacing:1px;text-transform:uppercase;display:block;margin:0 0 20px} /* ============================ CONTAINER ============================ */ html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,:after,:before{box-sizing:inherit} .container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} .text-container{font-family: Lato, sans-serif; font-size: 14px; } @media (min-width:992px){ .container{max-width:960px} } @media (min-width:1200px){ .container{max-width:1140px} } /* ============================ TEXT CONTAINER ============================ */ .text-container{position:relative} .text-container>.label{font-family:Lato,sans-serif;font-size:1.3rem;font-weight:400;line-height:1;letter-spacing:.5px;color:#c90;white-space:nowrap;position:absolute;top:-6px;left:65px} @media (min-width:992px){ .text-container>.label{font-size:1.4rem;line-height:1.3rem;left:122px} } @media (min-width:1921px){ .text-container>.label{top:-8px} } .text-container.corner{padding:20px 0 0} @media (min-width:992px){ .text-container.corner{padding:25px 0 0 30px} } .text-container.corner.top:before{content:"";width:55px;height:.6px;position:absolute;top:0;left:0;background:url(/wp-content/themes/animalpensant/assets/img/corner-top.svg) 0 0/110px 110px no-repeat;overflow:hidden;pointer-events:none} @media (min-width:992px){ .text-container.corner.top:before{width:110px;height:110px} } .text-container.corner.bottom:before{content:"";width:30px;height:30px;position:absolute;bottom:0;right:0;background:url(/wp-content/themes/animalpensant/assets/img/corner-bottom.svg) 100% 100%/110px 110px no-repeat;overflow:hidden;pointer-events:none} .text-container.line{padding-top:23px} @media (min-width:992px){ .text-container.line{padding-top:33px} } .text-container.line:before{content:"";width:65px;height:1px;position:absolute;top:0;left:0;background:url(/wp-content/themes/animalpensant/assets/img/line.svg) 0 0/2000px 10px no-repeat;overflow:hidden;pointer-events:none} .text-container.line>.label{left:75px} .pl0{padding-left:0} .pull-right{float:right} .pull-left{float:left} /* ============================ Section QUOTE ============================ */ .section.quote{padding:43px 21px 70px; margin-top:20px} blockquote {font-family:Lato-italic,sans-serif;font-size:1.6rem;font-weight:600;line-height:2rem;letter-spacing:.36px} @media (min-width:768px){ .section.quote{margin:0 0 0px;padding:70px 0} } .section.quote blockquote{position:relative;margin:32px 0px 0px 0px;padding:0 0 0 95px} .section.quote blockquote:before{content:"";width:68px;height:58px;position:absolute;top:0;left:0;background:url(/wp-content/themes/animalpensant/assets/img/icon-guillemet.svg) 50%/100% auto no-repeat} @media (min-width:768px){ .section.quote blockquote:before{position:absolute;top:50%;transform:translateY(-50%)} } .section.quote blockquote p{font-family:Lato-italic,sans-serif;font-size:1.6rem;font-weight:600;line-height:2rem;letter-spacing:.36px} @media (min-width:768px){ .section.quote blockquote p{color:#c90} } .section.quote blockquote footer{font-family:Lato,sans-serif;font-size:1.2rem;font-weight:100;line-height:2rem;letter-spacing:.36px;margin:2px 0 0} @media (min-width:768px){ .single-realisations .section.quote{padding:0 0 20px} } /* ============================ BOUTONS ============================ */ button{border:0;padding:0} .link{background:none} .link.cta{padding:11px 0 5px;border:1px solid #c90;text-align:center;text-transform:uppercase;display:block;position:relative} .btn{background:none} .btn.open-popin{font-family:Lato,sans-serif;font-size:1.2rem;font-weight:100;line-height:2rem;width:100%;display:block;padding:5px 8px;text-align:left;border:.6px solid #c90} .btn.btn-doc,.btn.btn-file,.btn.btn-selected-files{border:.6px solid #c90;position:relative;margin:25px 0 45px} .btn.btn-doc .icon,.btn.btn-file .icon,.btn.btn-selected-files .icon{width:86px;height:50px;background-color:#fff;position:absolute;left:50%;transform:translateX(-50%);top:-25px;z-index:1;pointer-events:none} .btn.btn-doc .icon svg,.btn.btn-file .icon svg,.btn.btn-selected-files .icon svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} .btn-doc .btn.btn-doc .icon svg,.btn-doc .btn.btn-file .icon svg,.btn-doc .btn.btn-selected-files .icon svg{width:40px} .btn-file .btn.btn-doc .icon svg,.btn-file .btn.btn-file .icon svg,.btn-file .btn.btn-selected-files .icon svg{width:32px} .btn-selected-files .btn.btn-doc .icon svg,.btn-selected-files .btn.btn-file .icon svg,.btn-selected-files .btn.btn-selected-files .icon svg{width:40px} .btn.btn-doc .error-msg,.btn.btn-file .error-msg,.btn.btn-selected-files .error-msg{position:absolute;top:100%;text-align:left;white-space:nowrap;left:0} .btn.btn-doc .files-container,.btn.btn-file .files-container,.btn.btn-selected-files .files-container{display:inline-flex;flex-direction:column} .btn.btn-doc .msg,.btn.btn-file .msg,.btn.btn-selected-files .msg{display:none;font-family:Lato,sans-serif;font-size:1.2rem;font-weight:100;line-height:1.8rem;text-align:center;position:relative;margin:0 0 10px;padding:0 30px 0 20px;word-break:break-all} .btn.btn-doc .msg button,.btn.btn-file .msg button,.btn.btn-selected-files .msg button{width:8px;height:8px;position:absolute;top:6px;right:6px;background:url(/wp-content/themes/animalpensant/assets/img/icon-close.svg) 50%/100% auto no-repeat} .btn.btn-doc .message,.btn.btn-file .message,.btn.btn-selected-files .message{font-family:Lato,sans-serif;font-size:1.2rem;font-weight:400;line-height:1.8rem;color:red;width:80%;margin:0 auto;display:none} .btn.btn-doc.error .message,.btn.btn-file.error .message,.btn.btn-selected-files.error .message{display:block} .btn.btn-doc.active .msg,.btn.btn-file.active .msg,.btn.btn-selected-files.active .msg{display:inline-block} .btn.btn-selected-files{display:none;margin:40px 0 0} .btn.btn-selected-files.show{display:block} .btn.file{width:100%;font-family:Calibre,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.8rem;text-transform:uppercase;padding:24px 10px 13px} .btn.file span{position:relative} .btn.file span:before{content:"";width:7px;height:6px;position:absolute;top:0;left:-20px;background:url(/wp-content/themes/animalpensant/assets/img/icon-arrow-right-more.svg) 50%/100% auto no-repeat;opacity:0;transition:opacity .2s ease;will-change:opacity} .btn.file:active span:before,.btn.file:focus span:before,.btn.file:hover span:before{opacity:1;animation:moveBtnFileArrow .5s linear infinite alternate} .btn-doc .btn.file{padding:57px 10px 42px} .btn.selected-files{width:100%;font-family:Calibre,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.8rem;text-transform:uppercase;padding:35px 10px 13px;display:inline-block} .btn.close{width:20px;height:20px;position:absolute;top:7px;right:7px;display:none;background:url(/wp-content/themes/animalpensant/assets/img/icon-close.svg) 50%/20px 20px no-repeat} .btn.menu-close{width:80px;height:80px;position:absolute;top:9px;right:9px;z-index:1;background:url(/wp-content/themes/animalpensant/assets/img/icon-close.svg) 50%/24px 24px no-repeat} @media (min-width:992px){ .btn.menu-close{display:none} } .btn.link{width:100%;font-family:Calibre,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.8rem;text-transform:uppercase;border:.6px solid #c90;margin:25px 0 40px;padding:24px 10px 13px;position:relative;letter-spacing:.36px;display:block;text-align:center} @media (min-width:992px){ .btn.link{margin:25px 0 45px} } .btn.link .icon{width:86px;height:50px;background-color:#fff;position:absolute;left:50%;transform:translateX(-50%);top:-25px;z-index:1;pointer-events:none} .btn.link .icon svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} .btn.link:active,.btn.link:focus,.btn.link:hover{color:#c90} .btn.link:active .icon svg,.btn.link:focus .icon svg,.btn.link:hover .icon svg{fill:#c90} .btn.menu-mobile{width:24px;height:16px;position:relative;border:0;margin:10px 0 0;float:right;background-color:transparent} @media (min-width:768px){ .btn.menu-mobile{margin:25px 0 0} } @media (min-width:992px){ .btn.menu-mobile{display:none} } .btn.menu-mobile .burger{width:24px;height:2px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;pointer-events:none} .btn.menu-mobile .burger:after,.btn.menu-mobile .burger:before{content:"";width:24px;height:2px;display:block;background-color:#000;position:absolute;left:0} .btn.menu-mobile .burger:before{top:-7px} .btn.menu-mobile .burger:after{bottom:-7px} .btn.filters{width:100%;font-family:Lato,sans-serif;font-size:1.9rem;font-weight:100;line-height:1rem;padding:17px 0 19px;text-align:left;position:relative} @media (min-width:992px){ .btn.filters{display:none} } .btn.filters:before{content:"";width:26px;height:13px;position:absolute;top:16px;right:0;pointer-events:none;background:url(/wp-content/themes/animalpensant/assets/img/icon-arrow-down.svg) 50%/100% auto no-repeat;transition:transform .2s ease;will-change:transform} .btn.filters.open:before{transform:rotate(180deg)} .btn.pagination-control{width:50px;height:50px;border-radius:0;display:inline-block;position:relative;background:50%/20px auto no-repeat} .btn.pagination-control.prev{margin:0 26px 0 0;background-image:url(/wp-content/themes/animalpensant/assets/img/icon-slider-left.svg)} .btn.pagination-control.next{margin:0 0 0 26px;background-image:url(/wp-content/themes/animalpensant/assets/img/icon-slider-right.svg)} .btn.pagination-control[disabled]{opacity:.3} .link.cancel:before{content:"X";font-weight:400;width:7px;height:6px;position:absolute;top:13px;left:0} .link.archive,.link.cancel:before{font-family:Calibre,sans-serif;font-size:1rem;line-height:1} .link.archive{font-weight:700;letter-spacing:1.5px;text-transform:uppercase;border:.7px solid #c90;padding:9px 26px 3px 9px;transition:color .3s ease;will-change:color;position:relative;display:inline-block} .link.archive:before{content:"";width:16px;height:12px;position:absolute;top:50%;transform:translateY(-50%);right:8px;background:url(/wp-content/themes/animalpensant/assets/img/icon-arrow-loop.svg) 50%/100% auto no-repeat} .link.archive:active,.link.archive:focus,.link.archive:hover{color:#c90} .link.archive.mobile{margin:0 0 50px} @media (min-width:768px){ .link.archive.mobile{margin:0;display:none} } .link.archive.desktop{display:none} @media (min-width:768px){ .link.archive.desktop{display:inline-block} } /* ============================ LINK CTA ============================ */ @media (min-width:992px){ .link.cta{border:.6px solid #c90} } .link.cta:before{content:"";position:absolute;top:0;right:100%;bottom:0;left:0;background-color:#c90;z-index:-1;transition:right .3s ease;will-change:right} .link.cta span{font-family:Calibre,sans-serif;font-size:1rem;font-weight:400;line-height:1;letter-spacing:1.05px;position:relative;transition:color .3s ease;will-change:color} @media (min-width:992px){ .link.cta span{letter-spacing:0} } @media (min-width:1200px){ .link.cta span{letter-spacing:1.05px} } .link.cta span:before{content:attr(data-text);white-space:nowrap;color:#fff;width:0;position:absolute;top:0;bottom:0;left:0;overflow:hidden;transition:width .3s ease;will-change:width} @media (min-width:1367px){ .link.cta:hover:before{right:0} .link.cta:hover span{color:#c90} .link.cta:hover span:before{width:100%} } .link.underline{position:relative} .link.underline:before{content:"";width:0;height:.8px;position:absolute;bottom:0;left:0;opacity:.5;background-color:#000;transition:width .3s ease;will-change:width} .link.underline:active:before,.link.underline:focus:before,.link.underline:hover:before{width:100%} .link.cancel,.link.more{ font-family:Calibre,sans-serif; font-size:1.4rem; font-weight:600; line-height:1; letter-spacing:1.5px; text-transform:uppercase; padding:13px 0 7px 13px; display:flex; position:relative; margin-left: 50%;; } .link.more:before{ content:""; width:7px; height:6px; position:absolute; top:13px; left:0; background:url(/wp-content/themes/animalpensant/assets/img/icon-arrow-right-more.svg) 50%/100% auto no-repeat; } .link.more:active:before,.link.more:focus:before,.link.more:hover:before{ animation:moveLinkMoreArrow .5s linear infinite alternate } .news-archive .link.more{ padding:23px 0 7px 13px; } .news-archive .link.more:before{ padding-top:28px; } /* ============================ POPINS ============================ */ .popin{display:none} .popin.is-open{display:block} .popin .popin-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9002;background:hsla(0,0%,80%,.9);display:flex;justify-content:center;align-items:center} .popin .popin-container{width:100%;height:100vh;padding:70px 36px 60px;background-color:#fff;position:relative;display:flex;flex-direction:column;justify-content:center} @media (min-width:992px){ .popin .popin-container{max-width:610px;height:auto;padding:70px 0 60px;display:block;align-items:center;flex-direction:row;justify-content:normal} } @media (min-width:1200px){ .popin .popin-container{max-width:730px} } .popin .popin-container .popin-close{width:80px;height:80px;position:absolute;top:59px;right:9px;z-index:1;background:url(/wp-content/themes/animalpensant/assets/img/icon-close.svg) 50%/24px 24px no-repeat} @media (min-width:768px){ .popin .popin-container .popin-close{top:0;right:0} } .popin .popin-container .form-login,.popin .popin-container .form-login-error{transition:opacity .2s ease;will-change:opacity} .popin .popin-container .form-login-error{text-align:center} .popin .popin-container .title{text-align:center;margin:0} .popin .popin-container p{font-family:Lato,sans-serif;font-size:1.2rem;font-weight:600;line-height:2rem;text-align:center;margin:20px 0 0} .popin .popin-container form:after{display:block;clear:both;content:""} .popin .popin-container form.login input[type=email]{margin:44px 0 50px} .popin .popin-container form.forgot-password input[type=email]{margin:44px 0 0} .popin .popin-container form.reset-password input[type=password]:first-child{margin:44px 0 50px} .popin .popin-container a{font-family:Lato,sans-serif;font-size:.9rem;font-weight:100;line-height:2rem;margin:10px 0 0} .popin .popin-container .input-container{text-align:center;margin:60px 0 0} .popin#popin-login.login .form-login{opacity:1;visibility:visible;display:block} .popin#popin-login.error .form-login,.popin#popin-login.login .form-login-error{opacity:0;visibility:hidden;display:none} .popin#popin-login.error .form-login-error{opacity:1;visibility:visible;display:block} .popin#popin-login.loading .form-login,.popin#popin-login.loading .form-login-error{opacity:.2;pointer-events:none} .popin#popin-forgot-password.forgot .form-forgot-password{opacity:1;visibility:visible;display:block} .popin#popin-forgot-password.forgot .form-forgot-password-ko,.popin#popin-forgot-password.forgot .form-forgot-password-ok,.popin#popin-forgot-password.ok .form-forgot-password,.popin#popin-forgot-password.ok .form-forgot-password-ko{opacity:0;visibility:hidden;display:none} .popin#popin-forgot-password.ok .form-forgot-password-ok{opacity:1;visibility:visible;display:block} .popin#popin-forgot-password.ko .form-forgot-password,.popin#popin-forgot-password.ko .form-forgot-password-ok{opacity:0;visibility:hidden;display:none} .popin#popin-forgot-password.ko .form-forgot-password-ko{opacity:1;visibility:visible;display:block} .popin#popin-forgot-password.loading .form-forgot-password,.popin#popin-forgot-password.loading .form-forgot-password-ko,.popin#popin-forgot-password.loading .form-forgot-password-ok{opacity:.2;pointer-events:none} .popin#popin-reset-password.reset .form-reset-password{opacity:1;visibility:visible;display:block} .popin#popin-reset-password.ok .form-reset-password,.popin#popin-reset-password.reset .form-reset-password-ok{opacity:0;visibility:hidden;display:none} .popin#popin-reset-password.ok .form-reset-password-ok{opacity:1;visibility:visible;display:block} .popin#popin-files .popin-container{text-align:center} .popin#popin-files .popin-container .btn-file{margin-bottom:0} .popin#popin-files .popin-container .link.cancel,.popin#popin-files .popin-container .link.more{display:none} .popin#popin-files .popin-container .link.cancel.show,.popin#popin-files .popin-container .link.more.show{display:inline-block} .popin#popin-files .popin-container .link.cancel{margin:0 20px 0 0} /* ============================ IFRAMES ============================ */ iframe{width:100%;aspect-ratio: 16/10;position:absolute;top:0;left:0} .micromodal-slide .popin-overlay{will-change:opacity} .micromodal-slide .popin-container{will-change:transform} .micromodal-slide[aria-hidden=false] .popin-overlay{animation:mmfadeIn .3s cubic-bezier(0,0,.2,1)} .micromodal-slide[aria-hidden=false] .popin-container{animation:mmslideIn .3s cubic-bezier(0,0,.2,1)} .micromodal-slide[aria-hidden=true] .popin-overlay{animation:mmfadeOut .3s cubic-bezier(0,0,.2,1)} .micromodal-slide[aria-hidden=true] .popin-container{animation:mmslideOut .3s cubic-bezier(0,0,.2,1)} iframe.airtable-embed.airtable-dynamic-height { position:relative; overflow:visible; aspect-ratio:unset; } /* ============================ KEYFRAMES ============================ */ @keyframes mmfadeIn{0%{opacity:0} to{opacity:1} } @keyframes mmfadeOut{0%{opacity:1} to{opacity:0} } @keyframes mmslideIn{0%{transform:translateY(15%)} to{transform:translateY(0)} } @keyframes mmslideOut{0%{transform:translateY(0)} to{transform:translateY(-10%)} } @keyframes moveLinkMoreArrow{0%{left:0} to{left:4px} } @keyframes moveBtnFileArrow{0%{left:-20px} to{left:-16px} } @keyframes swiper-preloader-spin{to{transform:rotate(1turn)}} @keyframes moveBlockInfosArrow{0%{right:22px} to{right:14px} } /* ============================ BLOCK FILTERS ============================ */ .block-filters-container{padding:0 21px} @media (min-width:768px){ .block-filters-container{padding:0} } .block-filters{border-top:.6px solid #c90;border-bottom:.6px solid #c90;margin:0 0 50px} @media (min-width:992px){ .block-filters{border-top:0;border-bottom:0;margin:0} } .block-filters.expand .block-side,.block-filters.expand .customers-categories{display:block} .block-filters .text-container{padding-top:0} @media (min-width:992px){ .block-filters .text-container{padding-top:34px} } .block-filters .text-container .label,.block-filters .text-container:before{display:none} @media (min-width:992px){ .block-filters .text-container .label,.block-filters .text-container:before{display:block} } /* ============================ FORMS ============================ */ input[type=email],input[type=password],input[type=tel],input[type=text],textarea{width:100%;font-family:Lato,sans-serif;font-size:1.2rem;font-weight:100;line-height:1.8rem;border:0;background:none;border-bottom:.6px solid;transition:border-bottom-color .2s ease,color .2s ease;will-change:border-bottom-color,color} input[type=email] ::-webkit-input-placeholder,input[type=password] ::-webkit-input-placeholder,input[type=tel] ::-webkit-input-placeholder,input[type=text] ::-webkit-input-placeholder,textarea ::-webkit-input-placeholder{color:#000} input[type=email] ::-moz-placeholder,input[type=password] ::-moz-placeholder,input[type=tel] ::-moz-placeholder,input[type=text] ::-moz-placeholder,textarea ::-moz-placeholder{color:#000} input[type=email] :-ms-input-placeholder,input[type=password] :-ms-input-placeholder,input[type=tel] :-ms-input-placeholder,input[type=text] :-ms-input-placeholder,textarea :-ms-input-placeholder{color:#000} input[type=email] :-moz-placeholder,input[type=password] :-moz-placeholder,input[type=tel] :-moz-placeholder,input[type=text] :-moz-placeholder,textarea :-moz-placeholder{color:#000} input[type=email].unset,input[type=password].unset,input[type=tel].unset,input[type=text].unset,textarea.unset{border-bottom-color:#b4b4b4} input[type=email].set,input[type=password].set,input[type=tel].set,input[type=text].set,textarea.set{border-bottom-color:#c90} input[type=email].error,input[type=password].error,input[type=tel].error,input[type=text].error,textarea.error{border-bottom-color:red} input[type=email].error ::-webkit-input-placeholder,input[type=password].error ::-webkit-input-placeholder,input[type=tel].error ::-webkit-input-placeholder,input[type=text].error ::-webkit-input-placeholder,textarea.error ::-webkit-input-placeholder{color:red} input[type=email].error ::-moz-placeholder,input[type=password].error ::-moz-placeholder,input[type=tel].error ::-moz-placeholder,input[type=text].error ::-moz-placeholder,textarea.error ::-moz-placeholder{color:red} input[type=email].error :-ms-input-placeholder,input[type=password].error :-ms-input-placeholder,input[type=tel].error :-ms-input-placeholder,input[type=text].error :-ms-input-placeholder,textarea.error :-ms-input-placeholder{color:red} input[type=email].error :-moz-placeholder,input[type=password].error :-moz-placeholder,input[type=tel].error :-moz-placeholder,input[type=text].error :-moz-placeholder,textarea.error :-moz-placeholder{color:red} input[type=file]{display:none} input[type=submit]{font-family:Calibre,sans-serif;font-size:1rem;font-weight:700;line-height:1;letter-spacing:1.5px;text-transform:uppercase;border:0;border-radius:0;padding:0;background:none} textarea{resize:none;height:138px} textarea[required]{background:none} text{font-family: Lato, sans-serif;} /* ============================ LOADING ============================ */ .loading{position:relative} .loading-please-wait{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;display:none} .loading .loading-please-wait{display:block} @media (max-width:767px){ .hidden-xs{display:none!important} } @media (min-width:768px) and (max-width:991px){ .hidden-sm{display:none!important} } @media (min-width:992px) and (max-width:1199px){ .hidden-md{display:none!important} } @media (min-width:1200px){ .hidden-lg{display:none!important} } @media (min-width:768px){ .section.form-contact{padding:60px 0 0} } .section.form-contact.loading .loading-please-wait{display:block} .section.form-contact.loading .form-contact-error,.section.form-contact.loading .form-contact-ko,.section.form-contact.loading .form-contact-ok{opacity:0;visibility:hidden;display:none} .section.form-contact.loading .form-contact-form{opacity:.3;visibility:visible;display:block;pointer-events:none} .section.form-contact.form .form-contact-error,.section.form-contact.form .form-contact-ko,.section.form-contact.form .form-contact-ok{opacity:0;visibility:hidden;display:none} .section.form-contact.form .form-contact-form,.section.form-contact.success .form-contact-ok{opacity:1;visibility:visible;display:block} .section.form-contact.ko .form-contact-error,.section.form-contact.ko .form-contact-form,.section.form-contact.ko .form-contact-ok,.section.form-contact.success .form-contact-error,.section.form-contact.success .form-contact-form,.section.form-contact.success .form-contact-ko{opacity:0;visibility:hidden;display:none} .section.form-contact.ko .form-contact-ko{opacity:1;visibility:visible;display:block} .section.form-contact .form-contact-error,.section.form-contact .form-contact-ko,.section.form-contact .form-contact-ok{padding:0 0 130px;text-align:center;transition:opacity .2s ease;will-change:opacity} .section.form-contact .form-contact-error p,.section.form-contact .form-contact-ko p,.section.form-contact .form-contact-ok p{margin:0 0 50px} .section.form-contact .form-contact-error{padding:0} .section.form-contact .form-contact-error p{color:red} .section.form-contact .form-contact-error.show{opacity:1;visibility:visible;display:block} .section.form-contact .form-contact-form{padding:0 0 55px;transition:opacity .2s ease;will-change:opacity} .section.form-contact .form-contact-form .input-container{position:relative} .section.form-contact .form-contact-form .input-container.mb40{margin-bottom:40px} .section.form-contact .form-contact-form .input-container.mb50{margin-bottom:30px} @media (min-width:768px){ .section.form-contact .form-contact-form .input-container.mb50{margin-bottom:50px} } .section.form-contact .form-contact-form .input-container .message{font-family:Lato,sans-serif;font-size:1.2rem;font-weight:400;line-height:1.8rem;color:red;position:absolute;top:20px;left:0} .section.form-contact .form-contact-form .input-container .btn.open-popin{margin-top:20px} @media (min-width:768px){ .section.form-contact .form-contact-form .input-container .btn.open-popin{margin-top:-11px} } .section.form-contact .form-contact-form .input-container.error .message{display:block} .section.form-contact .form-contact-form .input-container.submit{margin:40px 0 0} @media (min-width:768px){ .section.form-contact .form-contact-form .input-container.submit{margin:10px 0 0} } @media (min-width:992px){ .section.form-contact .form-contact-form .input-container.submit{margin:0} } .section.form-contact .form-contact-form .input-container.submit .link.more{padding-top:8px;padding-bottom:2px} @media (min-width:768px){ .section.form-contact .form-contact-form .input-container.submit .link.more{margin:10px 0 0} } @media (min-width:992px){ .section.form-contact .form-contact-form .input-container.submit .link.more{margin:0;float:right} } .section.form-contact .form-contact-form .input-container.submit .link.more:before{top:8px} .section.form-contact .form-contact-form .captcha-container{position:relative;text-align:center} @media (min-width:768px){ .section.form-contact .form-contact-form .captcha-container{text-align:left} } .section.form-contact .form-contact-form .captcha-container p{font-family:Lato,sans-serif;font-size:1.2rem;font-weight:100;line-height:2rem;display:inline-block} .section.form-contact .form-contact-form .captcha-container p.mandatory{font-size:.9rem} .section.form-contact .form-contact-form .captcha-container .captcha{width:42px;height:10px;display:block;position:relative;margin:13px auto 0} @media (min-width:768px){ .section.form-contact .form-contact-form .captcha-container .captcha{display:inline-block;vertical-align:middle;margin:0} } .section.form-contact .form-contact-form .captcha-container .captcha:before{content:"";width:9px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(/wp-content/themes/animalpensant/assets/img/icon-arrow-right-gold.svg) 50%/100% auto no-repeat} .section.form-contact .form-contact-form .captcha-container .captcha span{width:10px;height:10px;border:.6px solid #c90;display:inline-block;position:absolute;top:50%;transform:translateY(-50%)} .section.form-contact .form-contact-form .captcha-container .captcha span.circle{border-radius:10px;left:0} .section.form-contact .form-contact-form .captcha-container .captcha span.square{right:0} .section.form-contact .form-contact-form .captcha-container .captcha span.square .circle{width:8px;height:8px;border-radius:8px} .section.form-contact .form-contact-form .captcha-container .captcha span.over{border-style:dashed} .section.form-contact .form-contact-form .captcha-container img{height:20px;display:inline-block;vertical-align:middle} .section.form-contact .form-contact-form .captcha-container input{-webkit-appearance:none;font-size:1.2rem;line-height:2rem;width:50px;padding:0;border-radius:0;display:block;border:1px solid #c90;text-align:center;margin:0 auto} @media (min-width:768px){ .section.form-contact .form-contact-form .captcha-container input{display:inline-block;vertical-align:middle} } @media (min-width:1921px){ .section.form-contact .form-contact-form .captcha-container input{border:.6px solid #c90} } .section.form-contact .form-contact-form .captcha-container .message{font-family:Lato,sans-serif;font-size:1.2rem;font-weight:400;line-height:1.8rem;color:red;position:absolute;top:calc(100% + 10px);left:0;display:none} @media (min-width:768px){ .section.form-contact .form-contact-form .captcha-container .message{top:100%} } .section.form-contact .form-contact-form .captcha-container.error .message{display:block} .section.form-join{padding:0 21px 70px} @media (min-width:768px){ .section.form-join{padding:0 0 70px} } .section.form-join .offer{margin:0 0 50px} .section.form-join .jobs-list-title{font-size:1.6rem;line-height:1.8rem;letter-spacing:.36px} .section.form-join .jobs-list{margin:21px 0 0;border-top:.6px solid #c90} @media (min-width:768px){ .section.form-join .jobs-list{border-top:.6px solid #b4b4b4} } .section.form-join .jobs-list .job{font-family:Lato,sans-serif;font-size:1.2rem;font-weight:100;line-height:1.8rem;color:#1d1d1b;position:relative;border-bottom:.6px solid #c90} @media (min-width:768px){ .section.form-join .jobs-list .job{border-bottom:.6px solid #b4b4b4;transition:border-color .2s ease,background-color .2s ease;will-change:border-color,background-color} } .section.form-join .jobs-list .job:active,.section.form-join .jobs-list .job:focus,.section.form-join .jobs-list .job:hover{border-color:#c90} .section.form-join .jobs-list .job a{display:block;padding:15px 0 13px;transition:color .2s ease,opacity .2s ease;will-change:color,opacity} .section.form-join .jobs-list .job a:active,.section.form-join .jobs-list .job a:focus,.section.form-join .jobs-list .job a:hover{font-weight:600;color:#c90} .section.form-join .jobs-list .job span{position:absolute;top:50%;transform:translateY(-50%);right:0;left:0;display:block;opacity:0;transition:opacity .2s ease;will-change:opacity} .section.form-join .jobs-list .job.closed:active,.section.form-join .jobs-list .job.closed:focus,.section.form-join .jobs-list .job.closed:hover{background-color:#f7f7f7} .section.form-join .jobs-list .job.closed:active a,.section.form-join .jobs-list .job.closed:focus a,.section.form-join .jobs-list .job.closed:hover a{opacity:0} .section.form-join .jobs-list .job.closed:active span,.section.form-join .jobs-list .job.closed:focus span,.section.form-join .jobs-list .job.closed:hover span{opacity:1;cursor:not-allowed} .section.form-join .text-container{margin:12px 0 0} @media (min-width:768px){ .section.form-join .text-container{margin:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end} } .section.form-join .text-container p{font-family:Lato-italic,sans-serif;font-size:1rem;font-weight:100;line-height:1.6rem;letter-spacing:.36px} .section.form-join .text-container p:not(:last-child){margin:0 0 5px} /* ============================ FORM NEWSLETTER ============================ */ .form-newsletter label{font-family:Calibre,sans-serif;font-size:1rem;font-weight:400;line-height:1;letter-spacing:.75px;text-transform:uppercase;margin:0 0 10px;white-space:nowrap} .form-newsletter .input-container{max-width:190px;position:relative;margin:0 auto 8px} @media (min-width:992px){ .form-newsletter .input-container{margin:0 0 8px} } .form-newsletter .input-container input[type=email]{padding:0 10px 0 0} .form-newsletter .input-container input[type=submit]{width:10px;height:7px;position:absolute;top:14px;right:0;z-index:1;background:url(/wp-content/themes/animalpensant/assets/img/icon-arrow-right.svg) 50%/100% auto no-repeat} /* ============================ SLIDERS ============================ */ :root{--swiper-theme-color:#000000!important;} .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1} .swiper-container-vertical>.swiper-wrapper{flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)} .swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap} .swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column} .swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto} .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform} .swiper-slide-invisible-blank{visibility:hidden} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto} .swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height} .swiper-container-3d{perspective:1200px} .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d} .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10} .swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)} .swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)} .swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)} .swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)} .swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none} .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none} .swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start} .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory} .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory} :root{--swiper-navigation-size:44px} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none} .swiper-button-lock{display:none} .swiper-pagination.swiper-pagination-hidden{opacity:0} .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)} .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%} button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer} .swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s} .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s} .swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top} .swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0} .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0} .swiper-pagination-white{--swiper-pagination-color:#fff} .swiper-pagination-black{--swiper-pagination-color:#000} .swiper-pagination-lock{display:none} .swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center} .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain} .swiper-slide-zoomed{cursor:move} .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s linear infinite;box-sizing:border-box;border-radius:50%;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top:4px solid transparent} .swiper-lazy-preloader-white{--swiper-preloader-color:#fff} .swiper-lazy-preloader-black{--swiper-preloader-color:#000} .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000} .swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out} .swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity} .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-cube{overflow:hidden} .swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%} .swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible} .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0} .swiper-container-flip{overflow:visible} .swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1} .swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .section.slider .btn-container.big-slider-extras{margin:0 0 30px} .swiper-button-next,.swiper-button-prev{width:14px;height:28px;cursor:pointer;background:50%/100% auto no-repeat} .swiper-button-prev{background-image:url(/wp-content/themes/animalpensant/assets/img/icon-slider-arrow-left.svg)} .swiper-button-next{background-image:url(/wp-content/themes/animalpensant/assets/img/icon-slider-arrow-right.svg)} .swiper-container.work-single .swiper-pagination{position:absolute;bottom:-28px;right:36px} .swiper-container .swiper-wrapper .swiper-slide{ position:relative; } .swiper-container .swiper-wrapper .swiper-slide a:not(.block-infos),.swiper-container .swiper-wrapper .swiper-slide button{ width:100%; height:250px; display:block; transition:opacity .3s ease; will-change:opacity} .swiper-container .swiper-wrapper .swiper-slide a:not(.block-infos):active,.swiper-container .swiper-wrapper .swiper-slide a:not(.block-infos):focus,.swiper-container .swiper-wrapper .swiper-slide a:not(.block-infos):hover,.swiper-container .swiper-wrapper .swiper-slide button:active,.swiper-container .swiper-wrapper .swiper-slide button:focus,.swiper-container .swiper-wrapper .swiper-slide button:hover{ opacity:.6 } .swiper-container .swiper-wrapper .swiper-slide button{ background-color:#1d1d1b } .swiper-container .swiper-wrapper .swiper-slide button img{ opacity:1; height:100%; pointer-events:none } .swiper-container .swiper-wrapper .swiper-slide img,.swiper-container .swiper-wrapper .swiper-slide video{ width:100%; } .swiper-container .swiper-pagination{margin:16px 0 0;float:left} .swiper-container .swiper-pagination .swiper-pagination-bullet{float:left;border:.6px solid #c90;background-color:#c90;transition:background-color .3s ease;will-change:background-color} .swiper-container .swiper-pagination .swiper-pagination-bullet:not(:last-child){margin:0 6px 0 0} .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff} .swiper-container.work-single .link.archive{margin:16px 0 0} .swiper-container.home .swiper-pagination{position:absolute;top:-44px;right:36px} @media (max-width:768px){ .single-realisations .swiper-wrapper{height:400px} .single-realisations .swiper-container{height:400px} .single-realisations .swiper-slide{height:400px} } @media (min-width:768px){ .section.slider .btn-container.big-slider-extras{margin:0} .swiper-container.home .swiper-pagination{float:right;position:static;top:auto;right:auto} } @media (min-width:992px){ .swiper-container.work-single .swiper-pagination{position:static;top:auto;right:auto} .swiper-container.work-single.mobile{display:none} .swiper-container.work-single.desktop{display:block} } .swiper-container.blocks-infos .swiper-slide{ height:118px; position:relative } .swiper-container.blocks-infos .swiper-slide:before{ content:""; width:28px; height:56px; position:absolute; top:50%; right:22px; transform:translateY(-50%); background:url(/wp-content/themes/animalpensant/assets/img/icon-chevron-right.svg) 50%/100% auto no-repeat; transition:right .3s ease; will-change:right } .swiper-container.blocks-infos .block-infos{ height:100%; width:100%; display:flex!important; justify-content:center; flex-direction:column; align-items:flex-start; color:#fff; padding:0 72px 0 22px;background-color:transparent!important; position:absolute; top:50%; transform:translateY(-50%); transition:none; will-change:auto; text-align:left; } .swiper-container.blocks-infos .block-infos .date{ font-family:Lato,sans-serif;font-size:1.2rem;font-weight:600;line-height:1.8rem;text-transform:uppercase; } .swiper-container.blocks-infos .block-infos p{ font-family:Lato,sans-serif;font-size:1.2rem;font-weight:600;line-height:1.8rem;letter-spacing:1px;padding-right: 118px; } .swiper-container.blocks-infos .block-infos:active,.swiper-container.blocks-infos .block-infos:focus,.swiper-container.blocks-infos .block-infos:hover{ opacity:1!important } .swiper-container.blocks-infos .block-infos:active:before,.swiper-container.blocks-infos .block-infos:focus:before,.swiper-container.blocks-infos .block-infos:hover:before{animation:moveBlockInfosArrow .5s linear infinite alternate} .section.slider{padding:0 0 50px} @media (min-width:992px){ .section.slider{padding:0 0 30px} } @media (min-width:992px){ .section.slider .container.fluid{padding-right:15px;padding-left:15px} } .section.slider .container.fluid .row{margin-right:0;margin-left:0} @media (min-width:992px){ .section.slider .container.fluid .row{margin-right:-15px;margin-left:-15px} } .section.slider .container.fluid .row .col-md-12{padding-right:0;padding-left:0} @media (min-width:992px){ .section.slider .container.fluid .row .col-md-12{padding-right:15px;padding-left:15px} } .section.slider .btn-container{text-align:center} .section.slider .btn-container.big-slider-extras,.section.slider .btn-container.small-slider-extras{display:flex;flex-direction:row;justify-content:space-evenly} /* === STRUCTURE SWIPER GÉNÉRIQUE === */ .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-wrapper { position: relative; width: 100%; display: flex; transition-property: transform; box-sizing: content-box; z-index: 1; } .swiper-slide { flex-shrink: 0; width: 100%; aspect-ratio: 16/10; position: relative; transition-property: transform; } .swiper-container .swiper-wrapper .swiper-slide img, .swiper-container .swiper-wrapper .swiper-slide video { width: 100%; object-fit:cover; aspect-ratio: 16 / 10; } .miniatures .swiper-container .swiper-wrapper .swiper-slide img, .miniatures .swiper-container .swiper-wrapper .swiper-slide video { aspect-ratio:16/9; object-fit:cover; } /* === PAGINATION SWIPER GÉNÉRIQUE === */ .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-bullets-dynamic { font-size: 14px; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-container .swiper-pagination { margin: 16px 0 0; float: left; } .swiper-container .swiper-pagination .swiper-pagination-bullet { float: left; border: .6px solid #c90; background-color: #c90; transition: background-color .3s ease; } .swiper-container .swiper-pagination .swiper-pagination-bullet:not(:last-child) { margin-right: 6px; } .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff; } /* === SLIDER WORK SINGLE === */ .swiper-container.work-single .swiper-pagination { position: absolute; bottom: -28px; right: 36px; } @media (min-width: 992px) { .swiper-container.work-single .swiper-pagination { position: static; top: auto; right: auto; } } /* ============================ MAIN HEADER ============================ */ .main-header{padding:34px 21px 30px;position:fixed;top:0;right:0;left:0;background-color:#fff;z-index:9001} @media (min-width:992px){ .main-header{padding:42px 0 30px} } @media (min-width:1024px){ .main-header .hidden-lg{display:none} } .main-header .main-logo{width:166px;display:block} @media (min-width:768px){ .main-header .main-logo{width:auto} } .main-header .main-logo img{width:100%} /* ============================ MENU ============================ */ .main-header .menu{padding:145px 36px 46px;display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;background-color:#fff;transform:translateX(-100%);transition:transform .2s ease;will-change:transform} @media (min-width:992px){ .main-header .menu{padding:0;display:initial;position:static;top:auto;right:auto;bottom:auto;left:auto;background:none;text-align:initial;transform:none} } .main-header .menu.open{transform:translateX(0)} @media (min-width:992px){ .main-header .menu .menu-header-container{position:relative} .main-header .menu .menu-header-container:after{display:block;clear:both;content:""} .main-header .menu .menu-header-container:before{content:"";width:100%;height:10px;position:absolute;left:0;right:0;bottom:-10px;background:url(/wp-content/themes/animalpensant/assets/img/line.svg) 0 0/2000px 10px no-repeat;overflow:hidden;pointer-events:none} } @media (min-width:992px){ .main-header .menu .menu-header-container .menu-header{float:right} .main-header .menu .menu-header-container .menu-header:after{display:block;clear:both;content:""} } @media (min-width:1200px){ .main-header .menu .menu-header-container .menu-header{padding:0 0 6px} } .main-header .menu .menu-header-container .menu-header .menu-item{display:block} @media (min-width:992px){ .main-header .menu .menu-header-container .menu-header .menu-item{float:left} } @media (min-width:992px){ .main-header .menu .menu-header-container .menu-header .menu-item:not(:last-child){margin:0 8px 0 0} } .main-header .menu .menu-header-container .menu-header .menu-item a{font-family:Calibre,sans-serif;font-size:2.5rem;font-weight:400;line-height:1;color:#1d1d1b;letter-spacing:.3px;display:inline-block;padding:10px 0;position:relative} @media (min-width:992px){ .main-header .menu .menu-header-container .menu-header .menu-item a{font-size:1.2rem;letter-spacing:1.5px;text-transform:uppercase;padding:12px 0 8px;display:block} .main-header .menu .menu-header-container .menu-header .menu-item a:active,.main-header .menu .menu-header-container .menu-header .menu-item a:focus,.main-header .menu .menu-header-container .menu-header .menu-item a:hover{font-weight:700} } .main-header .menu .menu-header-container .menu-header .menu-item a.icon-person{position:relative} @media (min-width:992px){ .main-header .menu .menu-header-container .menu-header .menu-item a.icon-person{position:static;height:32px;padding:8px 0 12px} .main-header .menu .menu-header-container .menu-header .menu-item a.icon-person:active svg path,.main-header .menu .menu-header-container .menu-header .menu-item a.icon-person:focus svg path,.main-header .menu .menu-header-container .menu-header .menu-item a.icon-person:hover svg path{fill:#c90} } .main-header .menu .menu-header-container .menu-header .menu-item a.icon-person svg{width:12px;height:15px;display:inline-block;position:absolute;top:11px;left:-22px} @media (min-width:992px){ .main-header .menu .menu-header-container .menu-header .menu-item a.icon-person svg{width:9px;height:12px;display:block;position:static;top:auto;left:auto} } @media (min-width:992px){ .main-header .menu .menu-header-container .menu-header .menu-item a.icon-person span{display:none} } .main-header .menu .menu-header-container .menu-header .menu-item.current-menu-item a{font-weight:700} .main-header .menu .menu-header-container .menu-header .menu-item.account-link,.main-header .menu .menu-header-container .menu-header .menu-item.logout-link{display:none} @media (min-width:992px){ .main-header .menu .menu-header-container .menu-header .menu-item.account-link,.main-header .menu .menu-header-container .menu-header .menu-item.logout-link{display:block} } .main-header .menu .menu-mobile-social-network{margin:auto 0 34px} @media (min-width:992px){ .main-header .menu .menu-mobile-social-network{display:none} } .main-header .menu .menu-mobile-social-network .menu-item{display:inline-block} .main-header .menu .menu-mobile-social-network .menu-item:not(:last-child){margin:0 15px 0 0} .main-header .menu .menu-mobile-social-network .menu-item a{height:21px;display:block} .main-header .menu .menu-mobile-social-network .menu-item a svg{width:auto;height:21px} .main-header .menu .form-newsletter{margin:0 0 10px} @media (min-width:992px){ .main-header .menu .form-newsletter{display:none} } .main-header .menu .form-newsletter .input-container{margin:0 auto 8px} .main-header .menu .link{font-family:Calibre,sans-serif;font-size:1rem;font-weight:400;line-height:1} @media (min-width:992px){ .main-header .menu .link{display:none} } .menu-logo{width:32px;display:block;position:absolute;top:75px;left:36px} .menu-logo img{width:100%} @media (min-width:992px){ .menu-logo{display:none} } /* ======================== PAGE D'ACCUEIL ========================= */ .section.hero{padding:110px 21px 0;overflow:hidden;position:relative;z-index:1} @media (min-width:768px){ .section.hero{padding:155px 0 50px;overflow:visible} } .section.hero .text-container.corner.top p{margin:20px 0 50px} @media (min-width:768px){ .section.hero .text-container.corner.top p{margin:20px 0 0} } .section.hero.home{padding-bottom:62px} .section.hero.home,.section.hero.home .container{padding-right:0;padding-left:0} @media (min-width:768px){ .section.hero.home .container{padding-right:15px;padding-left:15px} } .section.hero.home .container .row{margin-right:0;margin-left:0} @media (min-width:768px){ .section.hero.home .container .row{margin-right:-15px;margin-left:-15px} } .section.hero.home .container .row .col{padding-right:36px;padding-left:36px} @media (min-width:768px){ .section.hero.home .container .row .col{padding-right:15px;padding-left:15px} } .section.hero.home .container .row .col .swiper-container.home{margin-right:0px;margin-left:0px;overflow:hidden} @media (min-width:768px){ .section.hero.home .container .row .col .swiper-container.home{margin-right:0;margin-left:0;overflow:hidden} } @media (min-width:768px){ .section.hero.home .text-container.corner.top{padding-bottom:60px} } @media (min-width:992px){ .section.hero.home .text-container.corner.top{padding-bottom:0} } /* ============================ SECTION VALUES ============================ */ .section.values{padding:6px 0px 40px} @media (min-width:768px){ .section.values{padding:50px 0 66px} } @media (min-width:992px){ .section.values{padding:0 0 66px} } .section.values .container{position:relative} .section.values .link.more{margin:0 auto} @media (min-width:768px){ .section.values .link.more{margin:0;position:absolute;bottom:15px;right:15px} } @media (min-width:992px){ .section.values .link.more{bottom:-25px} } .main-title, .section.guide h2 { line-height: 5.1rem; width: 100%; } .section.hero.home .text-container.corner.top{margin-bottom:32px;} .center { display: flex; justify-content: center; align-items: center; margin-bottom: 20px; } .home-center { font-family: Optima, sans-serif; font-size: 3.5rem; line-height: 4.5rem; font-weight: 500; letter-spacing: .6px; text-align: center; margin: 0 0 10px; } .adn-bloc { margin-left: 10%; margin-right: 20%; margin-bottom: 0; } .chapo-adn { font-family: Optima, sans-serif; font-size: 2rem; line-height: 2.5rem; font-weight: 500; letter-spacing: .6px; margin: 0 0 10px; } .ADN-text p { line-height: 2rem; margin-bottom: 10px; } .home .section.quote{ padding-bottom:70px; padding-top:20px; } @media (min-width:992px){ .main-header .menu { display:initial; position:relative; top: -77%; right:auto; bottom:auto; left:35%; background:none; text-align:initial;transform:none; } } @media (min-width:1024px){ .main-header .menu{padding:0; display:initial; position:static; top:auto; right:auto; bottom:auto; left:auto; background:none; text-align:initial;transform:none; } } @media (max-width: 1200px){ .section.hero.home .illus-right img { margin-left: -20%; } } @media (max-width: 992px){ .section.hero.home .illus-right{display:none;} } @media (max-width: 768px) { .center { margin-top: 20px; } .home-center { font-size: 3rem; line-height: 4rem; } .adn-bloc { margin-left: 8.333333%; margin-right: 8.333333%; margin-bottom: -40px; } .illus-right { display: none; } } /* ======================== SLIDER HOME ========================= */ .section.hero.home .swiper-container.home { width: 94%; aspect-ratio: 16 / 8; position: relative; overflow: hidden; } .home .text-container.line::before { content: ''; position: absolute; top: 0; right: 0; width: 110px; /* Ajustez selon la taille de votre SVG */ height: 110px; background: url('/wp-content/themes/animalpensant/assets/img/corner-top.svg') no-repeat; background-size: contain; pointer-events: none; z-index: 1; } .home .text-container.line>.label { left:125px; } @media(max-width:992px){ .home .text-container.line::before { background: url(/wp-content/themes/animalpensant/assets/img/line.svg) 0 0 / 2000px 10px no-repeat; width:65px; } .text-container>.label { left:75px!important; } } /*.section.hero.home .container .col-lg-2.col-md-2::before { content: ''; position: absolute; top: 0; right: 0; width: 110px; /* Ajustez selon la taille de votre SVG */ /* height: 110px; background: url('/wp-content/themes/animalpensant/assets/img/corner-top.svg') no-repeat; background-size: contain; transform: rotate(90deg); pointer-events: none; z-index: 1; }*/ @media(max-width:992px){ .section.hero.home .container .col-lg-2.col-md-2::before { display:none; } } /*.section.hero.home .container .row .col.col-lg-12.col-xl-12::after { content: ''; position: absolute; bottom: -60px; right: 0; width: 110px; height: 110px; background: url('/wp-content/themes/animalpensant/assets/img/corner-top.svg') no-repeat; background-size: contain; transform: rotate(180deg); pointer-events: none; z-index: 1; }*/ @media(max-width:1200px){ .section.hero.home .container .row .col.col-lg-12.col-xl-12::after { display:none; } .home .illus-right{ display:none; } } .home .offset-md-1{ position:relative; } /*.home .offset-md-1::after { content: ''; position: absolute; ; right: 180px; bottom:-20px; width: 110px; /* Ajustez selon la taille réelle du SVG */ /* height: 110px; /* Ajustez selon besoin */ /* background: url('/wp-content/themes/animalpensant/assets/img/corner-top.svg') no-repeat; background-size: contain; transform: rotate(180deg); pointer-events: none; z-index: 1; }*/ @media(max-width:1200px){ .home .offset-md-1::after { display:none; } } /*.home .section.values .col-md-12::before { content: ''; position: absolute; top: -110px; right: 0; width: 110px; height: 110px; background: url('/wp-content/themes/animalpensant/assets/img/corner-top.svg') no-repeat; background-size: contain; transform: rotate(180deg); pointer-events: none; z-index: 1; }*/ @media(max-width:1200px){ .home .section.values .col-md-12::before { display:none; } } .section.hero.home .swiper-container.home .swiper-wrapper { width: 100%; aspect-ratio: 16/10; } .section.hero.home .swiper-container.home .swiper-slide { width: 100%; aspect-ratio: 16/10; } .section.hero.home .swiper-container .swiper-wrapper .swiper-slide img, .section.hero.home .swiper-container .swiper-wrapper .swiper-slide video { width: 100%; aspect-ratio:unset; position: absolute; top: -27.5%; } /* Pagination en bas à gauche */ .section.hero.home .swiper-pagination { position: absolute; bottom: 20px; left: 20px; z-index: 10; } /* Slider secondaire en bas à droite avec décalage */ .section.hero.home .swiper-container.blocks-infos { position: absolute; bottom: 20%; right: -23%; width: 300px; height: 120px; z-index: 10; background: #c90; left:50%; transform:translateX(-0%); top:calc(30% - 90px); background-color:#c90; } .section.hero.home.swiper-container.blocks-infos .blocks-infos { height: 100%; width: 100%; display: flex !important; justify-content: center; flex-direction: column; align-items: flex-start; color: #fff; padding: 0 72px 0 22px; background-color: transparent !important; position: absolute; top: 50%; transform: translateY(-50%); transition: none; will-change: auto; text-align: left; } .section.hero.home .swiper-container.blocks-infos .swiper-wrapper { display: flex; } .section.hero.home .swiper-container.blocks-infos .swiper-slide { width: 100%; aspect-ratio: 16/10; } .section.hero.home .text-container.line { position: relative; width: 100%; } @media (max-width:1200px){ .section.hero.home .swiper-container.home { width: 93%; aspect-ratio: 16 / 10; position: relative; overflow: hidden; } .section.hero.home .swiper-container.blocks-infos .swiper-slide { width:100%; aspect-ratio: 16/10; } /* Pagination en bas à gauche */ .section.hero.home .swiper-pagination { position: absolute; bottom: 20px; left: 20px; z-index: 10; } /* Slider secondaire en bas à droite avec décalage */ .section.hero.home .swiper-container.blocks-infos { position: absolute; bottom: 20%; right: -18%; width: 300px; height: 120px; z-index: 10; background: #c90; left: 50%; transform: translateX(-0%); top: calc(100% - 90px); background-color: #c90; } } @media (max-width:992px){ .section.hero.home .swiper-container.blocks-infos{right: -12%; } } @media (max-width:768px){ .main-title, .section.guide h2 { line-height: 4.1rem; width: 100%; } .section.hero.home .container .row .col { padding-right: 0.1px; padding-left: 0.1px; } .section.hero.home .swiper-container.home { width: 100%; aspect-ratio: 16 / 10; position: relative; overflow: hidden; } .section.hero.home .swiper-container.blocks-infos { position: absolute; bottom: 20%; right: 0%; width: 280px; height: 90px; z-index: 10; background: #c90; left:0%; transform:translateX(-0%); top:calc(100% - 50px); } .section.hero.home.swiper-container.blocks-infos .blocks-infos { height: 100%; width: 100%; display: flex !important; justify-content: center; flex-direction: column; align-items: flex-start; color: #fff; padding: 0 62px 0 22px; background-color: transparent !important; position: absolute; top: 50%; transform: translateY(-50%); transition: none; will-change: auto; text-align: left; } .swiper-container.blocks-infos .block-infos p { font-family: Lato, sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.2rem; letter-spacing: 1px; } } /* ============================ Block VALUE ============================ */ .block-value{margin:0 6.333333% 20px} @media (min-width:992px){ .block-value{margin:0} } .block-value.separator{position:relative} @media (min-width:992px){ .block-value.separator:after,.block-value.separator:before{content:"";width:130px;height:10px;position:absolute;top:50%;transform:translateY(-50%) rotate(-90deg);background:url(/wp-content/themes/animalpensant/assets/img/line-black.svg) 0 0/2000px 10px no-repeat;overflow:hidden;pointer-events:none} } @media (min-width:992px){ .values .block-value.separator:before{left:-125px} .values .block-value.separator:after{right:-135px} } .valuation .block-value{padding:0 30px} .valuation .block-value.separator:before{left:-75px} .valuation .block-value.separator:after{right:-85px} /* ======================== PAGE EXPERTISE ========================= */ .expertise { overflow: visible; } .section.hero.expertise .row { overflow: visible; } .section.hero.expertise .container { overflow: visible; } .engagements { margin-top: 60px; } .engagements h3 { margin-top: 20px; } .illus-right { opacity: 0.15; overflow: visible; z-index: 1; position: relative; margin-bottom: 0px; } .illus-right img { position:relative; height: 231px; display: block; top:-50px; margin-left: -85%; margin-right: auto; margin-bottom:-45px; } @media(min-width:1200px){ .section.hero.expertise .col-md-2::after { content: ''; position: absolute; right:0px; bottom:-50px; width: 110px; /* Ajustez selon la taille réelle du SVG */ height: 110px; /* Ajustez selon besoin */ background: url('/wp-content/themes/animalpensant/assets/img/corner-top.svg') no-repeat; background-size: contain; transform: rotate(180deg); pointer-events: none; z-index: 1; /* Ajustez selon les couches visuelles */ } .section.know-how .col-md-12::after { content: ''; position: absolute; right:0px; bottom:-170px; width: 110px; /* Ajustez selon la taille réelle du SVG */ height: 110px; /* Ajustez selon besoin */ background: url('/wp-content/themes/animalpensant/assets/img/corner-top.svg') no-repeat; background-size: contain; transform: rotate(90deg); pointer-events: none; z-index: 1; /* Ajustez selon les couches visuelles */ } } @media(max-width:1199.99px){ .section.know-how .col-md-12::after { display:none; } } /* ============================ SECTION VALUATION ============================ */ .section.valuation{padding:0 21px} @media (min-width:768px){ .section.valuation{position:relative;padding:20px 0 0} } .section.valuation .background{display:none} @media (min-width:992px){ .section.valuation .background{display:block;width:486px;height:600px;position:absolute;right:0;bottom:-36px} } .section.valuation .text-container{padding-bottom:25px;border-bottom:.6px solid #c90} @media (min-width:768px){ .section.valuation .text-container{padding-top:60px;border-bottom:0} } /* ============================ SECTION KNOW HOW ============================ */ .section.know-how{padding:0 21px} @media (min-width:768px){ .section.know-how{padding:0} .section.know-how .container .row:not(:last-child){margin-bottom:50px} } .section.know-how .block-know-how{text-align:center;margin:0 0 30px;padding:0 40px} @media (min-width:768px){ .section.know-how .block-know-how{margin:0;padding:0} } .section.know-how .block-know-how.separator .text-container{position:relative} @media (min-width:768px){ .section.know-how .block-know-how.separator .text-container:after,.section.know-how .block-know-how.separator .text-container:before{content:"";width:130px;height:10px;position:absolute;top:50%;transform:translateY(-50%) rotate(-90deg);background:url(/wp-content/themes/animalpensant/assets/img/line-black.svg) 0 0/2000px 10px no-repeat;overflow:hidden;pointer-events:none} .section.know-how .block-know-how.separator .text-container:before{left:-75px} .section.know-how .block-know-how.separator .text-container:after{right:-85px} } @media (min-width:992px){ .section.know-how .block-know-how.separator .text-container:before{left:-115px} .section.know-how .block-know-how.separator .text-container:after{right:-125px} } @media (min-width:1200px){ .section.know-how .block-know-how.separator .text-container:before{left:-125px} .section.know-how .block-know-how.separator .text-container:after{right:-135px} } .section.know-how .block-know-how .img-container{height:96px;margin:0 0 16px;background:bottom/auto 100% no-repeat} /* ============================ REALISATIONS - SECTION WORKS ============================ */ @media (min-width:992px){ .section.works-filters{padding:20px 0 0} } .section.works-filters .works-list{margin:0 -15px} @media (min-width:768px){ .section.works-filters .works-list{min-height:768px;margin:0} } .section.works-filters .works-list .block-work{width:100%} @media (min-width:768px){ .section.works-filters .works-list .block-work{width:calc((100% - 30px)/2)} } @media (min-width:992px){ .section.works-filters .works-list .block-work{width:calc((100% - 60px)/3)} } .block-side{display:none;border-top:.6px solid #ccc} @media (min-width:992px){ .block-side{display:block;border-top:0;margin:0 0 25px} } .block-side .block-side-title{font-family:Lato,sans-serif;font-size:1.9rem;font-weight:100;line-height:1;padding:15px 0 18px;display:block;text-align:center} @media (min-width:992px){ .block-side .block-side-title{font-family:Calibre,sans-serif;font-size:1.2rem;font-weight:700;line-height:2rem;letter-spacing:1.5px;text-align:initial;text-transform:uppercase;margin:0 0 5px;padding:0} } .block-side .side-list{display:none;margin:0 0 20px} @media (min-width:992px){ .block-side .side-list{display:block;margin:0} } .block-side .side-list.expand{display:block} .block-side .side-list .side-item{padding:0 0 0 15px} .block-side .side-list .side-item:not(:last-child){margin:0 0 10px} .block-side .side-list .side-item input[type=checkbox]:checked+label:before{background-color:#c90} .block-side .side-list .side-item label{font-family:Lato,sans-serif;font-size:1.6rem;font-weight:100;line-height:1rem;letter-spacing:.36px;position:relative;transition:color .3s ease;will-change:color} @media (min-width:992px){ .block-side .side-list .side-item label:active,.block-side .side-list .side-item label:focus,.block-side .side-list .side-item label:hover{color:#c90} } .block-side .side-list .side-item label:before{content:"";width:8px;height:8px;border-radius:8px;border:.6px solid #c90;position:absolute;top:7px;left:-15px;transition:background-color .3s ease;will-change:background-color} @media (min-width:1367px){ .block-side .side-list .side-item label:before{top:5px} } .block-side .side-list .side-item a{font-family:Lato,sans-serif;font-size:1.6rem;font-weight:100;line-height:2rem;letter-spacing:.36px} .section.hero.work-single{padding-bottom:70px} @media (min-width:768px){ .section.guide .section.hero.work-single p,.section.hero.work-single .main-subtitle,.section.hero.work-single .section.guide p{margin-bottom:60px!important} } .section.btn-container{margin:0 0 52px;text-align:center} /* ============================ Block WORKS ============================ */ .block-work{margin:0 0 50px} @media (min-width:768px){ .block-work{margin:0 0 30px} } @media (min-width:768px){ .works .block-work{margin:0 0 70px} } @media (min-width:768px){ .works-list .block-work{margin:0 0 50px} } .works-list .block-work .img-container{height:250px} @media (min-width:992px){ .works-list .block-work .img-container{height:146px} } .block-work .img-container{height:200px} @media (min-width:768px){ .block-work .text-container{height:150px} } /* ====================================== PAGE liste? REALISATION ====================================== */ @media (min-width:768px){ .section.works .container{padding-left:15px;padding-right:15px} } .section.works .container.fluid{padding:0} @media (min-width:768px){ .section.works .container.fluid{padding-left:15px;padding-right:15px} } .section.works .container.fluid .row{margin:0} @media (min-width:768px){ .section.works .container.fluid .row{margin-left:-15px;margin-right:-15px} } .section.works .container.fluid .row .col-md-4{padding:0} @media (min-width:768px){ .section.works .container.fluid .row .col-md-4{padding-left:15px;padding-right:15px} } .section.works .btn-container{text-align:center} /* ============================ Section THREE BLOCKS ============================ */ .section.three-blocks{padding:50px 0 0} .section.three-blocks .container{padding-right:0;padding-left:0} @media (min-width:768px){ .section.three-blocks .container{padding-right:15px;padding-left:15px} } .section.three-blocks .container .row{margin-right:0;margin-left:0} @media (min-width:768px){ .section.three-blocks .container .row{margin-right:-15px;margin-left:-15px} } .section.three-blocks .container .row .col{padding-right:0;padding-left:0} @media (min-width:768px){ .section.three-blocks .container .row .col{padding-right:15px;padding-left:15px} } .section.three-blocks .text-container.line:before{left:36px} @media (min-width:768px){ .section.three-blocks .text-container.line:before{left:0} } .section.three-blocks .text-container.line>.label{left:111px} @media (min-width:768px){ .section.three-blocks .text-container.line>.label{left:75px} } .section.three-blocks .block-news,.section.three-blocks .block-work{margin:0 0 70px} .section.three-blocks.no-realisation{padding-bottom:70px} .section.three-blocks.more{padding:60px 0 0} .section.three-blocks.more .block-news,.section.three-blocks.more .block-work{margin:0 0 50px} @media (min-width:768px){ .section.three-blocks.more .block-news,.section.three-blocks.more .block-work{margin:0} } .section.three-blocks.more .block-news .block-title,.section.three-blocks.more .block-work .block-title{font-size:2.5rem;line-height:2.8rem} .section.three-blocks.more .btn-container{margin:60px auto 40px;text-align:center} @media (min-width:768px){ .section.three-blocks.more .btn-container{margin:50px 0 20px;text-align:initial;float:right} } .section.three-blocks .btn-container{margin:0 0 58px;text-align:center} @media (min-width:768px){ .section.three-blocks .btn-container{margin:0;text-align:initial} } @media (min-width:768px){ .section.three-blocks .link.archive{position:absolute;top:-12px;right:0} } .single-realisations .section.three-blocks{margin:70px 0 0} /* ====================================== PAGE SINGLE REALISATION ====================================== */ /* ============================ Block KEY INFOS ============================ */ .block-infos-work-single:not(:last-child){margin:0 0 30px} .block-infos-work-single ul li{font-family:Lato,sans-serif;font-size:1.5rem;font-weight:100;line-height:2rem;letter-spacing:.36px;padding:0 0 0 10px;position:relative} .block-infos-work-single ul li:before{content:"•";position:absolute;top:0;left:0} .block-infos-work-single a{text-decoration:underline} .block-key-infos{border-top:.6px solid #c90;border-bottom:.6px solid #c90;margin:42px 0 32px 0;padding:20px 0} @media (min-width:768px){ .block-key-infos{border:.6px solid #c90;padding:20px} } .block-key-infos .title{margin:0 0 22px} .block-key-infos ul li{font-family:Lato,sans-serif;font-size:1.5rem;font-weight:100;line-height:2rem;letter-spacing:.36px;padding:0 0 0 25px;position:relative} .block-key-infos ul li:not(:last-child){margin:0 0 20px} .block-key-infos ul li:before{content:"";width:15px;height:15px;position:absolute;top:3px;left:0;background:50%/100% auto no-repeat} .block-key-infos ul li.industry:before{background-image:url(/wp-content/themes/animalpensant/assets/img/icon-industry.svg)} .block-key-infos ul li.theme:before{background-image:url(/wp-content/themes/animalpensant/assets/img/icon-theme.svg)} .block-key-infos ul li.service:before{background-image:url(/wp-content/themes/animalpensant/assets/img/icon-service.svg)} .block-key-infos ul li.customer:before{background-image:url(/wp-content/themes/animalpensant/assets/img/icon-customer.svg)} .block-key-infos ul li a{text-decoration:underline} /*-------------------------------- SLIDER SINGLE REALISATION --------------------------------*/ /*! Slider page single réalisation */ /* Structure générale */ .swiper-container.work-single.desktop { height: auto; display: flex; } .slider-bottom .swiper-container.work-single .swiper-wrapper .swiper-slide { width:100%; aspect-ratio: 16/9; } .slider-bottom .swiper-container.work-single.desktop { width:100%; aspect-ratio: 16/9; } .video-container { aspect-ratio:16/9; } .slider-thumbs-galerie { margin-top: 20px; margin-bottom: 62px; } .slider-thumbs-galerie .swiper-slide { filter: grayscale(100%); opacity: 0.5; cursor: pointer !important; transition: opacity 0.3s ease; } .slider-thumbs-galerie .swiper-slide-thumb-active { filter: grayscale(0%); opacity: 1; } .slider-thumbs-galerie .swiper-slide:hover { filter: grayscale(0%); transform: scale(1.1); opacity: 1; } .slider-thumbs-galerie .swiper-slide img { width: auto; width: 100%; object-fit: contain; display: block; aspect-ratio:16/10; } .realisation-thumbnail img { width: 100%; height: auto; display: block; } .calameo-container { aspect-ratio: 16 / 10; } .actions-wrapper.align-right { display: flex; flex-direction: column; align-items: flex-end; margin-bottom: 32px; } .swiper-slide.youtube.swiper-slide-active{ aspect-ratio:16/9; } .miniatures .swiper-container-horizontal{ height:190px; } .miniatures .slider-thumbs-galerie .swiper-slide img { width:100%; aspect-ratio: 16 / 9; } .miniatures .swiper-container .swiper-wrapper .swiper-slide { position: relative; width:100%; aspect-ratio: 16 / 9; height:auto!important; } .video-container iframe { max-width: 100%; aspect-ratio: 16 / 9; } #custom-slide-background { aspect-ratio: 16 / 9; pointer-events: none; } /* ============================= Responsive - Mobile ============================= */ @media (max-width: 992px) { .slider-bottom .swiper-container.work-single .swiper-wrapper .swiper-slide { width:100%; aspect-ratio: 16 / 10; } .slider-bottom .swiper-container.work-single.desktop { width:100%; aspect-ratio: 16 / 10; } .slider-bottom { overflow: hidden; } .slider-bottom .video-container { width:100%; aspect-ratio: 16 / 10; } #custom-slide-background { aspect-ratio: 16 / 10; pointer-events: none; } .texte-cookies-video { background-size: cover; width:100%; aspect-ratio: 16 / 10; padding-top: 0; pointer-events: none; } .slider-bottom .video-container iframe { max-width: 100%; aspect-ratio:16/10; } .slider-thumbs-galerie { margin-top: 20px; margin-bottom: 20px; } .slider-bottom .calameo-container { width:100%; aspect-ratio: 16 / 10; padding-bottom: 60px; } .slider-bottom .calameo-container iframe { margin-bottom: 60px; } .miniatures .swiper-wrapper { width:100%; aspect-ratio: 16 / 10; } .miniatures .swiper-slide { width:100%; aspect-ratio: 16 / 10; } .miniatures .slider-thumbs-galerie .swiper-slide img { width:100%; aspect-ratio: 16 / 10; } .slider-bottom .swiper-container.work-single { margin-left: 0; margin-right: 0; margin-bottom: 0; } .text-container.corner.top .swiper-container.work-single.mobile .realisation-thumbnail { display: block; margin-bottom:32px; } .swiper-container.work-single.desktop .realisation-thumbnail { display: none; } } /* ============================= Responsive - Petits écrans (max 768px) ============================= */ @media (max-width: 767.99px) { .block-infos-work-single { margin: 0; } .actions-wrapper.align-right { margin-left: auto; margin-right: 0; margin-bottom: 62px; } .miniatures .swiper-container-horizontal{ height:120px; } .miniatures .swiper-container .swiper-wrapper .swiper-slide img, .miniatures .swiper-container .swiper-wrapper .swiper-slide video { aspect-ratio: 16 / 10; margin-left:-10px; width:120% } .swiper-container.blocks-infos .block-infos { top:38% } .swiper-container.blocks-infos .swiper-slide:before { top:40%; } .section.hero.home .swiper-container .swiper-wrapper .swiper-slide img, .section.hero.home .swiper-container .swiper-wrapper .swiper-slide video { top: -10.5%; } .section.hero.home .swiper-container.blocks-infos { top: calc(100% - 45px); } } .work-single .realisation-thumbnail { width: 100%; } /* ============================= Slider horizontal (de 768px à 991.99px) ============================= */ @media(max-width:991.99px){ .miniatures .swiper-container-horizontal{ height:120px; } .miniatures .swiper-container .swiper-wrapper .swiper-slide img, .miniatures .swiper-container .swiper-wrapper .swiper-slide video { aspect-ratio: 16 / 10; margin-left:-10px; width:120% } .miniatures .swiper-container-horizontal{ height:190px; } } /* ============================= Slider vertical (de 992px à 1919.99px) ============================= */ @media (min-width: 992px) and (max-width: 1919.99px) { .work-single .col-lg-6 .swiper-container.work-single.desktop{ width:450px; } .work-single .swiper-container.work-single.desktop .realisation-thumbnail { width:100%; } .texte-cookies-video { background-image: url('https://www.animalpensant.com/wp-content/uploads/2025/04/fond-fleche-transp.webp'); width: 730px; aspect-ratio:16/10; } .slider-bottom .swiper-container.work-single.desktop { position: relative; right: 0; width: 730px; margin-left:0px; } .swiper-container.work-single.desktop { display: flex; width: 730px; } .swiper-container.work-single.desktop .realisation-thumbnail { width: 730px; aspect-ratio:16/10; } .video-container { aspect-ratio:16/10; position: relative; right: 0; } .cmplz-placeholder-1 { aspect-ratio:16/10; width:730px; } #custom-slide-background { width: 730px; pointer-events: none; aspect-ratio:16/10; } .work-single .miniatures { width:180px; } .miniatures { display: flex; flex-direction: column; margin-right: 0; margin-left: auto; height:455px; } .swiper-container .swiper-wrapper .swiper-slide{ position:relative; aspect-ratio: 16/10; display:flex; } .miniatures .slider-thumbs-galerie.swiper-container-vertical { margin-bottom: 0; margin-top: 0; width:180px; aspect-ratio:16/10; height:455px; } .slider-bottom .video-container iframe { max-width: 100%; aspect-ratio: 16 / 10; } .slider-bottom { display: flex; flex-direction: row; align-items: flex-start; overflow: hidden; position: relative; margin-bottom: 20px; } .slider-bottom .swiper-container.work-single.desktop { position: relative; right: 0; aspect-ratio:16/10; } .video-container { position: relative; right: 0; } .miniatures .slider-thumbs-galerie.swiper-container-vertical { margin-bottom: 0; margin-top: 0; width:180px; aspect-ratio:16/10; height:455px; } .slider-bottom .video-container iframe { max-width: 100%; aspect-ratio: 16 / 10; } } /* ============================= Slider actualité ============================= */ section.hero.news-single .swiper-container.work-single.desktop { display: block; } /* ============================= Slider vertical (1200px à 1920px) ============================= */ @media (min-width: 1200px) and (max-width: 1919.99px) { .work-single .col-lg-6 .swiper-container.work-single.desktop{ width:540px; } .work-single .swiper-container.work-single.desktop .realisation-thumbnail { width:100%; } .texte-cookies-video { background-image: url('https://www.animalpensant.com/wp-content/uploads/2025/04/fond-fleche-transp.webp'); width: 880px; aspect-ratio:16/10; } .slider-bottom .swiper-container.work-single.desktop { position: relative; right: 0; width: 880px; margin-left:0px; } .swiper-container.work-single.desktop { display: flex; width: 880px; } .swiper-container.work-single.desktop .realisation-thumbnail { width: 880px; aspect-ratio:16/10; } .video-container { aspect-ratio:16/10; position: relative; right: 0; } .cmplz-placeholder-1 { aspect-ratio:16/10; width: 880px; } #custom-slide-background { width: 880px; pointer-events: none; aspect-ratio:16/10; } .work-single .miniatures { width:200px; } .miniatures { display: flex; flex-direction: column; margin-right: 0; margin-left: auto; height:550px; } .swiper-container .swiper-wrapper .swiper-slide{ position:relative; aspect-ratio: 16/10; display:flex; } .miniatures .slider-thumbs-galerie.swiper-container-vertical { margin-bottom: 0; margin-top: 0; width:220px; aspect-ratio:16/10; height:550px; } .slider-bottom .video-container iframe { max-width: 100%; aspect-ratio: 16 / 10; } } @media (min-width:1920px){ .swiper-container .swiper-wrapper .swiper-slide{ position:relative; aspect-ratio: 16/10; display:flex; } } /* === SLIDER GALERIE SINGLE REALISATION === */ @media (min-width: 768px) { .swiper-container-multirow-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: row; } .customers-single .section.slider .swiper-container.big-slider .swiper-wrapper { height: 822px; width:100%; } .work-single .section.slider .swiper-container.big-slider .swiper-wrapper { height: 822px; width:100%; } .swiper-container.big-slider.swiper-container-multirow.swiper-container-multirow-column.swiper-container-initialized.swiper-container-horizontal.swiper-container-android .swiper-wrapper{ width:100%!important; margin-top:30px!important; height:882px; } .work-single .swiper-slide-next{ margin-top:30px!important; } .section.slider .swiper-container.big-slider .swiper-wrapper .swiper-slide { height:400px; margin-top:30px; } } /* ============================ CUSTOMERS SINGLE ============================ */ .single-clients .section.works{padding-top:50px} .single-clients .section.works .link.archive.desktop{margin:-45px 0 0} .section.works .container{padding:0 36px} .single-clients .section.slider .block-news .img-container,.single-clients .section.works .block-news .img-container,.single .section.works .block-news .img-container{height:200px} .single-clients .section.slider .block-news .text-container,.single-clients .section.works .block-news .text-container,.single .section.works .block-news .text-container{height:150px} /*-------------------------------- SLIDER Galerie --------------------------------*/ .small-slider>.swiper-wrapper { flex-wrap: wrap; flex-direction: row; width:110%; } .single-clients .swiper-slide { height:400px; margin-top:30px; } /* ---------------------------- SECTION HERO CUSTOMERS ---------------------------- */ @media (min-width:768px){ .section.hero.customers-single{padding-bottom:20px} } .section.hero.customers-single .block-customer{width:100%;height:100%;border-top:.6px solid #c90;border-bottom:.6px solid #c90;padding:10px 0} .section.hero.customers-single .block-customer:before{content:none} @media (min-width:576px){ .section.hero.customers-single .block-customer{padding:0} } @media (min-width:768px){ .section.hero.customers-single .block-customer{justify-content:flex-end;border-top:0;border-bottom:0} } .section.hero.customers-single .block-customer img{width:224px} @media(min-width:1200px){ .section.customers .offset-xl-1.col-xl-10{ margin-top:60px; } .section.customers .offset-xl-1.col-xl-10::before { content: ''; position: absolute; top:-40px; right:-80px; width: 110px; /* Ajustez selon la taille réelle du SVG */ height: 110px; /* Ajustez selon besoin */ background: url('/wp-content/themes/animalpensant/assets/img/corner-top.svg') no-repeat; background-size: contain; transform: rotate(90deg); pointer-events: none; z-index: 1; /* Ajustez selon les couches visuelles */ } } /* ============================ PAGE liste CLIENT - SECTION CUSTOMERS ============================ */ .single-clients .section.slider{padding-top:50px} .single-clients .section.slider .link.archive.desktop{margin:-45px 0 0} .section.slider .container.fluid{padding-right:0;padding-left:0} .section.customers{padding:0 21px} .section.customers .customers-categories{text-align:center;font-size:0;display:none} .section.customers .customers-categories .customer-category{display:block;text-align:center} .section.customers .customers-categories .customer-category:first-child{border-top:.6px solid #ccc} .section.customers .customers-categories .customer-category:not(:last-child){position:relative;border-bottom:.6px solid #ccc} .section.customers .customers-categories .customer-category .customer-category-filter.active-filter{color:#c90} .section.customers .customers-categories .customer-category .customer-category-filter{font-family:Lato,sans-serif;font-size:1.9rem;font-weight:100;line-height:1;position:relative;padding:15px 0 18px;display:block;transition:color .2s ease;will-change:color} @media (min-width:768px){ .section.customers .customers-categories .customer-category:first-child{border-top:0} } @media (min-width:992px){ .section.customers{padding:0 0 50px} .section.customers .customers-categories{display:block;margin:0 0 20px} .section.customers .customers-categories .customer-category{display:inline-block;text-align:initial} .section.customers .customers-categories .customer-category:not(:last-child){padding:0 30px 0 0;border-bottom:0} .section.customers .customers-categories .customer-category:not(:last-child):before{content:"|";font-family:Lato,sans-serif;font-size:2.2rem;font-weight:100;line-height:3.4rem;position:absolute;top:50%;transform:translateY(-50%);right:15px} .section.customers .customers-categories .customer-category .customer-category-filter{font-size:2.2rem;line-height:3.4rem;padding:0;display:initial} .section.customers .customers-categories .customer-category .customer-category-filter:before{content:"";width:0;height:.6px;position:absolute;bottom:-4px;left:0;background-color:#C90;transition:width .3s ease;will-change:width} .section.customers .customers-categories .customer-category .customer-category-filter:active:before,.section.customers .customers-categories .customer-category .customer-category-filter:focus:before,.section.customers .customers-categories .customer-category .customer-category-filter:hover:before{width:100%} .section.customers .customers-categories .customer-category .customer-category-filter.active-filter:before{width:100%} } .customers-list{min-height:220px;} .customers-list:after{display:block;clear:both;content:""} .block-customer{width:100%;height:180px;display:flex;flex-direction:row;align-items:center;justify-content:center;overflow:hidden;position:relative} .block-customer:before{content:"";width:100%;height:10px;position:absolute;bottom:-9px;left:0;background:url(/wp-content/themes/animalpensant/assets/img/line.svg) 0 0/2000px 10px no-repeat;overflow:hidden;pointer-events:none} .customers-list .block-customer img,.customers-list .block-customer svg{filter:grayscale(1);transition:filter .3s ease;will-change:filter} @media (min-width:768px){ .block-customer{width:calc(40% - 38px);height:220px} } @media (min-width:992px){ .block-customer{width:256px;height:220px} .block-customer:active img,.block-customer:active svg,.block-customer:focus img,.block-customer:focus svg,.block-customer:hover img,.block-customer:hover svg{filter:grayscale(0)} } .block-customer img{width:80%;height:80%;object-fit:contain} .block-customer h3{position:absolute;top:-9999px;left:-9999px} /* ============================ SECTION TEAM ============================ */ .section.team{padding:50px 21px 0} @media (min-width:992px){ .section.team{padding:70px 0 0} } .section.team .text-container{margin:0 0 50px} .section.team .block-teammate{text-align:center;padding:0 30px;margin:0 0 70px} .section.team .block-teammate .img-container{width:140px;height:140px;border-radius:140px;display:block;margin:0 auto 30px;overflow:hidden} .section.team .block-teammate .img-container img{width:100%;height:100%;object-fit:cover} .section.team .block-teammate .title{margin:0 0 4px} .section.team .block-teammate .teammate-job{font-family:Lato,sans-serif;font-size:1.2rem;font-weight:400;line-height:1;color:#c90;letter-spacing:1px;margin:0 0 10px} .section.team .block-teammate .teammate-link{width:18px;height:18px;display:inline-block;margin:10px 0 0} .section.team .block-teammate .teammate-link svg{width:100%;height:100%} .section.team .block-teammate .teammate-link svg path{fill:#b4b4b4;transition:fill .3s ease;will-change:fill} @media (min-width:768px){ .section.team .block-teammate .teammate-link:active svg path,.section.team .block-teammate .teammate-link:focus svg path,.section.team .block-teammate .teammate-link:hover svg path{fill:#c90} } .section.team .block-how-we-work{text-align:center} @media (min-width:768px){ .section.team .block-how-we-work{text-align:initial} .page-template-page-team .main-title::after { content: ''; position: absolute; top:220px; right:-280px; width: 110px; /* Ajustez selon la taille réelle du SVG */ height: 110px; /* Ajustez selon besoin */ background: url('/wp-content/themes/animalpensant/assets/img/corner-top.svg') no-repeat; background-size: contain; transform: rotate(90deg); pointer-events: none; z-index: 1; /* Ajustez selon les couches visuelles */ } } .section.team .block-how-we-work p{margin:0 0 25px} /* ======================== PAGE DE LISTE ACTUALITES ========================= */ .news-single .swiper-wrapper { width:540px; position: relative; aspect-ratio: unset; height:auto; } .news-single .swiper-container.work-single.desktop{ width:540px; } .news-single .swiper-container, .news-single .swiper-wrapper, .news-single .swiper-slide { width:540px; position: relative; aspect-ratio: unset; height:auto; } .news-single .swiper-container .swiper-wrapper .swiper-slide img, .news-single .swiper-container .swiper-wrapper .swiper-slide video { width: 100%; aspect-ratio: unset; } /* ============================ Block NEWS ============================ */ .block-news .pre-title, .block-work .pre-title{ font-family:Lato,sans-serif; font-size:1.2rem; font-weight:400; line-height:1.2rem; letter-spacing:0.5px; text-transform:uppercase; margin:0 0 12px; color:#c90; transition:color .2s ease; will-change:color; } .works-list .block-news .text-container .block-title.block-work-title, .works-list .block-work .text-container .block-title.block-work-title { font-family: Optima, sans-serif; font-size: 1.5rem; line-height: 2rem; font-weight: 100; } .block-news,.block-work{ display:block; position:relative; margin:0 0 57px; } .block-news .img-container,.block-work .img-container{ background:#fff 50%/cover no-repeat; transition:opacity .3s ease; will-change:opacity; } .block-news .text-container,.block-work .text-container{ width:82%; margin:-32px auto 0; padding:20px 22px 18px; background-color:#fff } .block-news.highlight .img-container,.block-work.highlight .img-container{ height:250px; background:50%/cover no-repeat } .block-news.highlight .text-container,.block-work.highlight .text-container{ width:82%; margin:-80px auto 0; background-color:#fff; border:.6px solid #c90; position:absolute; top:50%; transform:translateY(-50%); bottom:auto; padding:30px 50px 30px 30px; } .news-archive .block-news.highlight .text-container{ top:50%; bottom:-20%; } .block-news.highlight .text-container .block-news-title,.block-work.highlight .text-container .block-news-title{ font-size:2.8rem;line-height:3.1rem;letter-spacing:.32px;color:#c90 } .block-news.effect,.block-work.effect{ transform:translateY(0);opacity:1;transition:transform .4s ease,opacity .2s ease;will-change:transform,opacity } .block-news.effect.off,.block-work.effect.off{ transform:translateY(20px);opacity:0 } .block-news{ margin:0 0 50px } .block-news .text-container .block-title.block-news-title,.block-work .text-container .block-title.block-news-title{ font-family: Optima, sans-serif; font-size: 3.0rem; } .block-news .img-container{height:200px} .block-news .text-container{height:180px} @media (max-width:767.99px){ .block-news .text-container .block-title.block-work-title,.block-work .text-container .block-title.block-work-title{ font-family: Optima, sans-serif; font-size: 3.0rem; line-height: 3.4rem; } } @media (min-width:768px){ .block-news:active .img-container,.block-news:focus .img-container,.block-news:hover .img-container,.block-work:active .img-container,.block-work:focus .img-container,.block-work:hover .img-container{ opacity:.6; } .block-news:active .block-title,.block-news:active .pre-title,.block-news:focus .block-title,.block-news:focus .pre-title,.block-news:hover .block-title,.block-news:hover .pre-title,.block-work:active .block-title,.block-work:active .pre-title,.block-work:focus .block-title,.block-work:focus .pre-title,.block-work:hover .block-title,.block-work:hover .pre-title{ color:#c90; } .block-news .text-container,.block-work .text-container{ margin:-44px auto 0 } .block-news .text-container .block-title,.block-work .text-container .block-title{ letter-spacing:.32px; transition:color .2s ease; will-change:color } .block-news .text-container .block-title.block-work-title,.block-work .text-container .block-title.block-work-title{ font-family: Optima, sans-serif; font-size: 3.0rem; line-height: 3.4rem; } .block-news .text-container .block-title.block-news-title,.block-work .text-container .block-title.block-news-title{ font-family: Optima, sans-serif; font-size: 3.0rem; line-height: 3.4rem; } .block-news.small .img-container,.block-work.small .img-container{height:146px} .block-news.small .text-container,.block-work.small .text-container{padding:15px 15px 32px} .block-news.small .text-container .pre-title,.block-work.small .text-container .pre-title{font-family:Lato,sans-serif;font-size:.9rem;font-weight:600;line-height:1.2rem;margin:0 0 14px} .block-news.highlight,.block-work.highlight{margin:0} .block-news.highlight .img-container,.block-work.highlight .img-container{height:360px} } @media (min-width:992px){ .block-news.highlight:active .link.more:before,.block-news.highlight:focus .link.more:before,.block-news.highlight:hover .link.more:before,.block-work.highlight:active .link.more:before,.block-work.highlight:focus .link.more:before,.block-work.highlight:hover .link.more:before{animation:moveLinkMoreArrow .5s linear infinite alternate} .block-news.highlight .img-container,.block-work.highlight .img-container{width:calc(75% - 15px)} .block-news.highlight .text-container,.block-work.highlight .text-container{ width:calc(33.33333% - 30px); height:auto; position:absolute; top:0; right:0px; bottom:0; margin:0 } .block-news{margin:0 0 70px} } @media (min-width:1200px){ .block-news.highlight .img-container,.block-work.highlight .img-container{height:470px} .news-archive .block-news.highlight .img-container{ aspect-ratio:16/8; width:916px; height:auto; } } /* ============================ NEWS ============================ */ .section.hero.news-archive{padding:110px 0 50px} @media (min-width:768px){ .section.hero.news-archive{padding:155px 0 70px} } .section.hero.news-archive .container.fluid{padding-right:0;padding-left:0} @media (min-width:768px){ .section.hero.news-archive .container.fluid{padding-right:15px;padding-left:15px} } .section.hero.news-archive .container.fluid .row{margin-right:0;margin-left:0} @media (min-width:768px){ .section.hero.news-archive .container.fluid .row{margin-right:-15px;margin-left:-15px} } .section.hero.news-archive .container.fluid .row .col-md-12{padding-right:0;padding-left:0} @media (min-width:768px){ .section.hero.news-archive .container.fluid .row .col-md-12{padding-right:15px;padding-left:15px} } .section.hero.no-highlight{padding-bottom:0} .section.hero.no-highlight .block-news.highlight{display:none} .section.news-list{padding:0 0 30px} .section.news-list .ajax-content{min-height:406px} .section.news-list .ajax-content .col-md-4{padding-right:0;padding-left:0} @media (min-width:768px){ .section.news-list .ajax-content .col-md-4{padding-right:15px;padding-left:15px} } .section.news-list .btn-container{display:flex;flex-direction:row;justify-content:space-evenly} .section.news-list .btn-container.controls{height:32px;text-align:center} .section.news-list .block-pagination{text-align:center;margin:0 0 50px} .section.news-list .block-pagination .pagination-content{flex:1 1 100%} .section.news-list .block-pagination .pagination-content .pagination-top{display:flex;flex-direction:column;align-items:center} .section.news-list .block-pagination .pagination-content .pagination-top .pagination-title{font-family:Calibre,sans-serif;font-size:1.4rem;font-weight:400;line-height:1;margin:0 0 13px} .section.news-list .block-pagination .pagination-content .pagination-top .pagination-title .news-read,.section.news-list .block-pagination .pagination-content .pagination-top .pagination-title .steps-read-count{font-weight:900;font-size:2.1rem;color:#c90} .section.news-list .block-pagination .pagination-content .pagination-bottom{display:flex;flex-direction:row;justify-content:center;align-items:center} .section.news-list .block-pagination .pagination-content .pagination-bottom .folios{display:flex;flex-direction:row;justify-content:center} .section.news-list .block-pagination .pagination-content .pagination-bottom .folios .folio{width:26px;height:26px;border-radius:26px} .section.news-list .block-pagination .pagination-content .pagination-bottom .folios .folio button,.section.news-list .block-pagination .pagination-content .pagination-bottom .folios .folio span{width:100%;font-family:Calibre,sans-serif;font-size:1.4rem;font-weight:400;line-height:3rem;color:#1d1d1b;background-color:transparent} .section.news-list .block-pagination .pagination-content .pagination-bottom .folios .folio.current-folio{background-color:#c90} .section.news-list .block-pagination .pagination-content .pagination-bottom .folios .folio.current-folio button,.section.news-list .block-pagination .pagination-content .pagination-bottom .folios .folio.current-folio span{font-weight:700;color:#fff} @media (min-width:768px){ .section.hero.news-single{padding-bottom:30px} } .section.guide .section.hero.news-single h2,.section.hero.news-single .main-title,.section.hero.news-single .section.guide h2{margin-bottom:44px} @media (min-width:768px){ .section.guide .section.hero.news-single h2,.section.hero.news-single .main-title,.section.hero.news-single .section.guide h2{margin-bottom:30px} } .section.hero.news-single .chapeau .chapeau-title{font-family:Lato,sans-serif;font-size:1.2rem;font-weight:600;line-height:2rem;letter-spacing:1px;text-transform:uppercase;margin:0 0 5px;display:block} .section.hero.news-single .chapeau p{letter-spacing:.36px} .section.hero.news-single .chapeau p:not(:last-child){margin:0 0 5px} .section.hero.news-single .chapeau p a{text-decoration:underline} .section.hero.news-single .chapeau .btn-container{text-align:center;margin:40px 0 0} .section.key-info-highlight .container.fluid{padding-right:0;padding-left:0} @media (min-width:768px){ .section.key-info-highlight .container.fluid{padding-right:15px;padding-left:15px} } .section.key-info-highlight .container.fluid .row{margin-right:0;margin-left:0} @media (min-width:768px){ .section.key-info-highlight .container.fluid .row{margin-right:-15px;margin-left:-15px} } .section.key-info-highlight .container.fluid .row .col-md-12{padding-right:0;padding-left:0} @media (min-width:768px){ .section.key-info-highlight .container.fluid .row .col-md-12{padding-right:15px;padding-left:15px} } .section.key-info-highlight .img-container{height:255px;background:50%/cover no-repeat} @media (min-width:768px){ .section.key-info-highlight .img-container{height:600px} } .section.key-info-highlight .offset{height:46px;position:absolute;bottom:0;right:21px;left:21px;background-color:#fff} @media (min-width:768px){ .section.key-info-highlight .offset{width:100%;height:70px;right:15px;left:15px} } .section.key-info.highlight{margin:-23px 0 0} @media (min-width:768px){ .section.key-info.highlight{margin:0} } .section.key-info.highlight .block-side{margin-top:44px} .key-info-content{padding:0 21px 20px} .key-info-content:after{display:block;clear:both;content:""} @media (min-width:768px){ .key-info-content{padding:0 0 20px} } .key-info-content .title:not(:first-child){margin-top:45px} .key-info-content a{position:relative} .key-info-content a:before{content:"";width:100%;height:.6px;position:absolute;bottom:0;left:0;opacity:.5;background-color:#000} .key-info-content p{margin:0 0 13px} .key-info-content blockquote{margin:24px 0;padding:0 0 0 15px;border-left:.6px solid #c90} @media (min-width:768px){ .key-info-content blockquote{padding:0 95px 0 15px} } .key-info-content blockquote p{font-family:Lato-italic,sans-serif;font-size:1.6rem;font-weight:600;line-height:2rem;letter-spacing:.36px} .key-info-content ul{margin:0 0 13px;font-family:Lato,sans-serif;font-size:1.2rem;font-weight:100;line-height:2rem} .key-info-content ul li{position:relative} .key-info-content ul li:not(:last-child){margin:0 0 5px} .key-info-content ul li:before{content:"•";margin:0 2px 0 0} .block-highlight{margin:24px 0 22px;padding:16px 0;border-top:.6px solid #c90;border-bottom:.6px solid #c90;position:relative} .block-highlight:after{display:block;clear:both;content:""} @media (min-width:768px){ .block-highlight{width:350px;margin:10px -95px 10px 30px;float:right} } .block-highlight .img-container{width:40%;height:175px;position:relative;overflow:hidden;float:left} .block-highlight .img-container img{min-width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} .block-highlight .text-container{width:60%;height:175px;float:right;padding:0 10px;position:relative} .block-highlight .text-container .text{width:100%;font-family:Lato,sans-serif;font-size:1.2rem;font-weight:100;line-height:1.7rem;letter-spacing:.36px;text-transform:uppercase;text-align:center;position:absolute;top:50%;transform:translateY(-50%)} .block-highlight .text-container .text .block-highlight-title{font-weight:600;margin:0 0 9px} .block-highlight .text-container .text .block-highlight-text{margin:0 0 13px} .block-image{margin:0 0 20px;padding:11px 0 0} .block-image img{width:100%;margin:0 0 6px} .block-image .legend{font-family:Lato-italic,sans-serif;font-size:.9rem;font-weight:100;line-height:1.1rem} .section.form-contact{padding:0 21px;position:relative} /* ============================ MAIN FOOTER ============================ */ /*============================ FOOTER ============================ */ .footer-title{font-size:1.2rem} .footer-title{font-family:Calibre,sans-serif;font-weight:700;line-height:1;letter-spacing:1.5px;text-transform:uppercase;margin:49px 0 14px} @media (min-width:992px){ .footer-title{margin:0 0 11px} } @media (min-width:992px){ .footer-title.align-right{text-align:right} } .main-footer{font-family:Calibre,sans-serif;font-size:1rem;font-weight:400;line-height:1;text-align:center;padding:0 21px} @media (min-width:992px){ .main-footer{text-align:initial;padding:0} } @media (min-width:992px){ .main-footer .separator:before{content:"";width:70px;height:10px;position:absolute;top:50%;transform:translateY(-50%) rotate(-90deg);background:url(/wp-content/themes/animalpensant/assets/img/line.svg) 0 0/2000px 10px no-repeat;overflow:hidden;pointer-events:none} .main-footer .separator.separator-1:before{left:-15px} .main-footer .separator.separator-2:before{right:-85px} } .main-footer .footer-content{padding:0 0 22px;position:relative} @media (min-width:992px){ .main-footer .footer-content{padding:49px 0 22px} } .main-footer .footer-content:before{content:"";width:100%;height:10px;position:absolute;top:0;left:0;right:0;background:url(/wp-content/themes/animalpensant/assets/img/line.svg) 0 0/2000px 10px no-repeat;overflow:hidden;pointer-events:none} @media (min-width:992px){ .main-footer .footer-content{padding:22px 0} } .main-footer .footer-content .menu-footer-social-network{margin:53px 0 46px} @media (min-width:992px){ .main-footer .footer-content .menu-footer-social-network{margin:0 0 10px} .main-footer .footer-content .menu-footer-social-network:after{display:block;clear:both;content:""} } .main-footer .footer-content .menu-footer-social-network .menu-item{display:inline-block} @media (min-width:992px){ .main-footer .footer-content .menu-footer-social-network .menu-item{float:left} } .main-footer .footer-content .menu-footer-social-network .menu-item:not(:last-child){margin:0 15px 0 0} .main-footer .footer-content .menu-footer-social-network .menu-item a{height:21px;display:block} @media (min-width:992px){ .main-footer .footer-content .menu-footer-social-network .menu-item a{height:14px} } .main-footer .footer-content .menu-footer-social-network .menu-item a svg{width:auto;height:21px} @media (min-width:992px){ .main-footer .footer-content .menu-footer-social-network .menu-item a svg{height:14px} .main-footer .footer-content .menu-footer-social-network .menu-item a svg:active path,.main-footer .footer-content .menu-footer-social-network .menu-item a svg:focus path,.main-footer .footer-content .menu-footer-social-network .menu-item a svg:hover path{fill:#c90} } @media (min-width:992px){ .main-footer .footer-content .menu-footer-social-network .menu-item a svg path{transition:fill .3s ease;will-change:fill} } .main-footer .footer-content address{line-height:1.5;letter-spacing:.75px;text-transform:uppercase;font-style:normal;margin:0 0 13px} @media (min-width:992px){ .main-footer .footer-content address{text-align:right;margin:0} } .main-footer .footer-content .links.btns{margin:0 auto} @media (min-width:576px){ .main-footer .footer-content .links.btns{width:190px} } @media (min-width:992px){ .main-footer .footer-content .links.btns{width:auto;margin:0} } .main-footer .footer-content .links.btns li:not(:last-child){margin:0 0 8px} .main-footer .footer-content .links.link li .link{letter-spacing:1.05px;font-size:1.2rem;white-space:nowrap} /* ======================== SECTION ACCOUNT LINKS ========================= */ .section.account-links{padding:0 21px} @media (min-width:992px){ .section.account-links{padding:0 0 44px} } /* ======================== SECTION GUIDE ========================= */ .section.guide{padding:155px 0 50px} .section.guide p{margin-bottom:50px!important} pre{display:block;z-index:9999;position:fixed;color:red} /* ============================ Section Gallery ============================ */ .copyright{ margin-left:30px; margin-top:10px; } .envira-gallery-item-inner { border:none!important; } .envirabox-caption{ color:#fff; font-family: Lato, sans-serif; font-size: 22px; font-weight: 300; position:fixed; bottom:50px; left: 50%; transform: translateX(-50%); }