/* Theme Name:Base BSM Author:Bienvenue Sur Mars Author URI:https://www.bienvenue-sur-mars.fr/ Description:Styles de base Version:2.0 */ /* ### Helpers */ em {font-style:italic} code {font-family:monospace} .centrer{float:none;margin-left:auto;margin-right:auto} .mg0 {margin:0px!important} .mg5 {margin:5px!important} .mg10 {margin:10px!important} .mg15 {margin:15px!important} .mg20 {margin:20px!important} .mg25 {margin:25px!important} .mg30 {margin:30px!important} .mg35 {margin:35px!important} .mg40 {margin:40px!important} .mg50 {margin:50px!important} .mt0 {margin-top:0!important} .mt5 {margin-top:5px!important} .mt10 {margin-top:10px!important} .mt15 {margin-top:15px!important} .mt20 {margin-top:20px!important} .mt25 {margin-top:25px!important} .mt30 {margin-top:30px!important} .mt40 {margin-top:40px!important} .mt50 {margin-top:50px!important} .mt60 {margin-top:60px!important} .mt70 {margin-top:70px!important} .mt80 {margin-top:80px!important} .mt90 {margin-top:90px!important} .mt100 {margin-top:100px!important} .mt120 {margin-top:120px!important} .mb0 {margin-bottom:0!important} .mb5 {margin-bottom:5px!important} .mb10 {margin-bottom:10px!important} .mb15 {margin-bottom:15px!important} .mb20 {margin-bottom:20px!important} .mb25 {margin-bottom:25px!important} .mb30 {margin-bottom:30px!important} .mb40 {margin-bottom:40px!important} .mb50 {margin-bottom:50px!important} .mb60 {margin-bottom:60px!important} .mb70 {margin-bottom:70px!important} .mb80 {margin-bottom:80px!important} .mb90 {margin-bottom:90px!important} .mb100 {margin-bottom:100px!important} .mb120 {margin-bottom:120px!important} .mr0 {margin-right:0!important} .mr5 {margin-right:5px!important} .mr10 {margin-right:10px!important} .mr15 {margin-right:15px!important} .mr20 {margin-right:20px!important} .mr25 {margin-right:25px!important} .mr30 {margin-right:30px!important} .mr40 {margin-right:40px!important} .mr50 {margin-right:50px!important} .mr60 {margin-right:60px!important} .mr80 {margin-right:80px!important} .ml0 {margin-left:0!important} .ml5 {margin-left:5px!important} .ml10 {margin-left:10px!important} .ml15 {margin-left:15px!important} .ml20 {margin-left:20px!important} .ml25 {margin-left:25px!important} .ml30 {margin-left:30px!important} .ml40 {margin-left:40px!important} .ml50 {margin-left:50px!important} .ml60 {margin-left:60px!important} .ml80 {margin-left:80px!important} .pd0 {padding:0px!important} .pd5 {padding:5px!important} .pd10 {padding:10px!important} .pd15 {padding:15px!important} .pd20 {padding:20px!important} .pd25 {padding:25px!important} .pd30 {padding:30px!important} .pd35 {padding:35px!important} .pd40 {padding:40px!important} .pd50 {padding:50px!important} .pt0 {padding-top:0!important} .pt5 {padding-top:5px!important} .pt10 {padding-top:10px!important} .pt15 {padding-top:15px!important} .pt20 {padding-top:20px!important} .pt25 {padding-top:25px!important} .pt30 {padding-top:30px!important} .pt40 {padding-top:40px!important} .pt50 {padding-top:50px!important} .pt60 {padding-top:60px!important} .pt70 {padding-top:70px!important} .pt80 {padding-top:80px!important} .pt90 {padding-top:90px!important} .pt100 {padding-top:100px!important} .pb0 {padding-bottom:0!important} .pb5 {padding-bottom:5px!important} .pb10 {padding-bottom:10px!important} .pb15 {padding-bottom:15px!important} .pb20 {padding-bottom:20px!important} .pb25 {padding-bottom:25px!important} .pb30 {padding-bottom:30px!important} .pb40 {padding-bottom:40px!important} .pb50 {padding-bottom:50px!important} .pb60 {padding-bottom:60px!important} .pb70 {padding-bottom:70px!important} .pb80 {padding-bottom:80px!important} .pb90 {padding-bottom:90px!important} .pb100 {padding-bottom:100px!important} .pl0 {padding-left:0!important} .pl5 {padding-left:5px!important} .pl10 {padding-left:10px!important} .pl15 {padding-left:15px!important} .pl20 {padding-left:20px!important} .pl25 {padding-left:25px!important} .pl30 {padding-left:30px!important} .pl35 {padding-left:35px!important} .pl40 {padding-left:40px!important} .pr0 {padding-right:0!important} .pr5 {padding-right:5px!important} .pr10 {padding-right:10px!important} .pr15 {padding-right:15px!important} .pr20 {padding-right:20px!important} .pr25 {padding-right:25px!important} .pr30 {padding-right:30px!important} .pr35 {padding-right:35px!important} .pr40 {padding-right:40px!important} .pr50 {padding-right:50px!important} .ph0 {padding-left:0px;padding-right:0px!important} .ph5 {padding-left:5px;padding-right:5px!important} .ph10 {padding-left:10px;padding-right:10px!important} .ph15 {padding-left:15px;padding-right:15px!important} .ph20 {padding-left:20px;padding-right:20px!important} .ph25 {padding-left:25px;padding-right:25px!important} .ph30 {padding-left:30px;padding-right:30px!important} .ph35 {padding-left:35px;padding-right:35px!important} .ph40 {padding-left:40px;padding-right:40px!important} .ph50 {padding-left:50px;padding-right:50px!important} .pv0 {padding-top:0px;padding-bottom:0px!important} .pv5 {padding-top:5px;padding-bottom:5px!important} .pv10 {padding-top:10px;padding-bottom:10px!important} .pv15 {padding-top:15px;padding-bottom:15px!important} .pv20 {padding-top:20px;padding-bottom:20px!important} .pv25 {padding-top:25px;padding-bottom:25px!important} .pv30 {padding-top:30px;padding-bottom:30px!important} .pv35 {padding-top:35px;padding-bottom:35px!important} .pv40 {padding-top:40px;padding-bottom:40px!important} .pv50 {padding-top:50px;padding-bottom:50px!important} .nomarge {padding:0important;margin:0!important} .expand {padding-right:0;padding-left:0;width:100%} .divcentrecentre{position:relative} .centrecentre {position:absolute;top:50% !important;transform:translateY(-50%)} /* ==couleurs fontes et fonds */ .ft10 {font-size:10px!important} .ft12 {font-size:12px!important} .ft13 {font-size:13px!important} .ft14 {font-size:14px!important} .ft15 {font-size:15px!important} .ft16 {font-size:16px!important} .ft18 {font-size:18px!important} .ft20 {font-size:20px!important} .ft-thin {font-weight:200} .ft-light {font-weight:300} .ft-normal {font-weight:400} .ft-semibold {font-weight:500} .ft-strong {font-weight:700} .ft-bold {font-weight:700} .ft-black {font-weight:900} .ft-ultra {font-weight:900} .ft-blanc {color:#fff!important} .ft-marine {color:#40435d!important} .ft-ciel {color:#2980b9!important} .ft-bleu {color:#00a2db!important} .ft-encre {color:#19202c!important} .ft-gris {color:#e0e0e0!important} .ft-jaune {color:#fcb731!important} .ft-noir {color:#222!important} .ft-orange {color:#f38230!important} .ft-orangef {color:#ef5b2f!important} .ft-petrole {color:#0080a2!important} .ft-prune {color:#671844!important} .ft-rouge {color:#a52138!important} .ft-toggle {color:#546067!important} .ft-vert {color:#5a9e32!important} .ft-violet {color:#703058!important} .ft-marker{background-color:#ffff66;color:#66C} .fd-beige {background-color:#c2b49c!important} .fd-blanc {background-color:#ffffff!important} .fd-ciel {background-color:#00a2db!important} .fd-bleu {background-color:#0c509f!important} .fd-turquoise {background:#13A7C7!important} .fd-encre {background-color:#19202c!important} .fd-ciment {background-color:#75695a!important} .fd-gris {background-color:#fbfbfb!important} .fd-jaune {background-color:#fcb731!important} .fd-marine {background-color:#2980b9!important} .fd-noir {background-color:#000!important} .fd-olive {background:#2DAEBF!important} .fd-orange {background-color:#ef5b2f!important} .fd-orangef {background-color:#ef5b2f!important} .fd-petrole {background-color:#0080a2!important} .fd-prune {background-color:#671844!important} .fd-rouge {background-color:#a52138!important} .fd-toggle {background-color:#f2f2f2!important} .fd-vert {background-color:#82c14a!important} .fd-violet {background-color:#873892!important} .op50 {filter:alpha(opacity=50);opacity:0.5} .op60 {filter:alpha(opacity=60);opacity:0.6} .op65 {filter:alpha(opacity=65);opacity:0.65} .op70 {filter:alpha(opacity=70);opacity:0.7} .op80 {filter:alpha(opacity=80);opacity:0.8} .op85 {filter:alpha(opacity=85);opacity:0.85} .op90 {filter:alpha(opacity=90);opacity:0.9} .ttu {text-transform:uppercase} .tac {text-align:center} .tar {text-align:right} .tal {text-align:left} .middle:before {content:"";display:inline-block;height:100%;vertical-align:middle} .middle-content {display:inline-block;vertical-align:middle} .val {position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} .fll {float:left} .flr {float:right} .left {float:left!important} .right {float:right!important} .pr {position:relative} .posr{position:relative} .dib{display:inline-block} .dflex {display:-webkit-box;display:-ms-flexbox;display:flex} .iframes{position:relative;} .iframe iframe {position:absolute;top:0;left:0;width:100%;height:100%;} li {list-style:none} .cesure{-moz-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto} .nocesure{-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none} /* ==Patch FontAwesome */ .hi-icon-facebook:before {content:"\f09a"} .hi-icon-flickr:before {content:"\f16e"} .hi-icon-twitter:before {content:"\f099"} .hi-icon-mail:before {content:"\f0e0"} .hi-icon-search:before {font-weight:900!important;content:"\f002"} /* ### boutons */ .bg-1 {background:#ECEFF1;color:#37474f} .bg-2 {background:#7986cb;color:#ECEFF1} .bg-3 {background:#37474f;color:#fff} /* Text color adjustments (we could stick to the "inherit" but that does not work well in Safari) */ .bg-1 .button {color:#37474f;border-color:#37474f} .bg-2 .button {color:#ECEFF1;border-color:#ECEFF1} .bg-3 .button {color:#fff;border-color:#fff} /* Icone Scroll-down */ .scroll-down{width:150px;height:43px;margin-left:-75px;line-height:43px;white-space:nowrap;position:absolute;bottom:30px;left:50%;font-size:11px;font-weight:700;letter-spacing:3px;text-decoration:none;text-align:center;text-transform:uppercase;color:rgba(255,255,255,.5)!important;-webkit-transition:all 500ms cubic-bezier(0.250,0.460,0.450,0.940);-moz-transition:all 500ms cubic-bezier(0.250,0.460,0.450,0.940);-o-transition:all 500ms cubic-bezier(0.250,0.460,0.450,0.940);transition:all 500ms cubic-bezier(0.250,0.460,0.450,0.940)} .scroll-down:hover,.scroll-down:focus{text-decoration:none;letter-spacing:6px;color:rgba(255,255,255,0)!important} .scroll-down.static,.scroll-down.static{color:rgba(255,255,255,.4)!important} .scroll-down.static:hover,.scroll-down.static:focus{letter-spacing:3px;color:rgba(255,255,255,.85)!important} .scroll-down-icon{width:26px;height:100%;margin-left:-13px;position:absolute;top:0;left:50%;border:2px solid rgba(255,255,255,.35);-moz-border-radius:13px;-webkit-border-radius:13px;border-radius:13px;-webkit-transition:all 500ms cubic-bezier(0.250,0.460,0.450,0.940);-moz-transition:all 500ms cubic-bezier(0.250,0.460,0.450,0.940);-o-transition:all 500ms cubic-bezier(0.250,0.460,0.450,0.940);transition:all 500ms cubic-bezier(0.250,0.460,0.450,0.940);-webkit-animation:scroll-down-anim 1s infinite;-moz-animation:scroll-down-anim 1s infinite;-o-animation:scroll-down-anim 1s infinite;animation:scroll-down-anim 1s infinite} .scroll-down-icon:after{content:" ";width:2px;height:12px;position:absolute;top:0;left:50%;margin-left:-1px;background:rgba(255,255,255,.35);-webkit-transition:all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);-moz-transition:all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);-o-transition:all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);-ms-transition:all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);transition:all 0.27s cubic-bezier(0.000,0.000,0.580,1.000)} .scroll-down:hover .scroll-down-icon{background:rgba(255,255,255,.7)} .scroll-down:hover .scroll-down-icon:after{background:rgba(0,0,0,.5)} .scroll-down.light:hover .scroll-down-icon:after,.bg-color .scroll-down:hover .scroll-down-icon:after,.bg-color-alfa .scroll-down:hover .scroll-down-icon:after,.bg-color-alfa-30 .scroll-down:hover .scroll-down-icon:after,.bg-color-alfa-50 .scroll-down:hover .scroll-down-icon:after,.bg-color-alfa-70 .scroll-down:hover .scroll-down-icon:after,.bg-color-alfa-90 .scroll-down:hover .scroll-down-icon:after{background:rgba(255,255,255,.15)} @-webkit-keyframes scroll-down-anim {0%{top:-7px}50%{top:3px}100%{top:-7px}} @-moz-keyframes scroll-down-anim {0%{top:-7px}50%{top:3px}100%{top:-7px}} @-o-keyframes scroll-down-anim {0%{top:-7px}50%{top:3px}100%{top:-7px}} @keyframes scroll-down-anim {0%{top:-7px}50%{top:3px}100%{top:-7px}} section.bg-light .scroll-down {color:rgba(0,0,0,0.65)!important} section.bg-light .scroll-down-icon {border:2px solid rgba(0,0,0,0.55)} section.bg-light .scroll-down-icon:after {background:rgba(0,0,0,0.55)} /* ### BLOCK-GRID */ [class*="block-grid-"]{display:block;padding:0;margin:0 -0.625rem} [class*="block-grid-"]:before,[class*="block-grid-"]:after {content:" ";display:table} [class*="block-grid-"]:after {clear:both} [class*="block-grid-"]>li{display:block;float:left;height:auto;padding:0 0.625rem 1.25rem} .block-nospace li {padding:0;margin:0} @media only screen { .small-block-grid-1 > li {list-style:none;width:100%}.small-block-grid-1 > li:nth-of-type(1n) {clear:none}.small-block-grid-1 > li:nth-of-type(1n+1) {clear:both} .small-block-grid-2 > li {list-style:none;width:50%}.small-block-grid-2 > li:nth-of-type(1n) {clear:none}.small-block-grid-2 > li:nth-of-type(2n+1) {clear:both} .small-block-grid-3 > li {list-style:none;width:33.33333%}.small-block-grid-3 > li:nth-of-type(1n) {clear:none}.small-block-grid-3 > li:nth-of-type(3n+1) {clear:both} .small-block-grid-4 > li {list-style:none;width:25%}.small-block-grid-4 > li:nth-of-type(1n) {clear:none}.small-block-grid-4 > li:nth-of-type(4n+1) {clear:both} .small-block-grid-5 > li {list-style:none;width:20%}.small-block-grid-5 > li:nth-of-type(1n) {clear:none}.small-block-grid-5 > li:nth-of-type(5n+1) {clear:both} .small-block-grid-6 > li {list-style:none;width:16.66667%}.small-block-grid-6 > li:nth-of-type(1n) {clear:none}.small-block-grid-6 > li:nth-of-type(6n+1) {clear:both} .small-block-grid-7 > li {list-style:none;width:14.28571%}.small-block-grid-7 > li:nth-of-type(1n) {clear:none}.small-block-grid-7 > li:nth-of-type(7n+1) {clear:both} .small-block-grid-8 > li {list-style:none;width:12.5%}.small-block-grid-8 > li:nth-of-type(1n) {clear:none}.small-block-grid-8 > li:nth-of-type(8n+1) {clear:both} .small-block-grid-9 > li {list-style:none;width:11.11111%}.small-block-grid-9 > li:nth-of-type(1n) {clear:none}.small-block-grid-9 > li:nth-of-type(9n+1) {clear:both} .small-block-grid-10 > li {list-style:none;width:10%}.small-block-grid-10 > li:nth-of-type(1n) {clear:none}.small-block-grid-10 > li:nth-of-type(10n+1) {clear:both} .small-block-grid-11 > li {list-style:none;width:9.09091%}.small-block-grid-11 > li:nth-of-type(1n) {clear:none}.small-block-grid-11 > li:nth-of-type(11n+1) {clear:both} .small-block-grid-12 > li {list-style:none;width:8.33333%}.small-block-grid-12 > li:nth-of-type(1n) {clear:none}.small-block-grid-12 > li:nth-of-type(12n+1) {clear:both}} @media only screen and (min-width:40.0625em) { .medium-block-grid-1 > li {list-style:none;width:100%}.medium-block-grid-1 > li:nth-of-type(1n) {clear:none}.medium-block-grid-1 > li:nth-of-type(1n+1) {clear:both} .medium-block-grid-2 > li {list-style:none;width:50%}.medium-block-grid-2 > li:nth-of-type(1n) {clear:none}.medium-block-grid-2 > li:nth-of-type(2n+1) {clear:both} .medium-block-grid-3 > li {list-style:none;width:33.33333%}.medium-block-grid-3 > li:nth-of-type(1n) {clear:none}.medium-block-grid-3 > li:nth-of-type(3n+1) {clear:both} .medium-block-grid-4 > li {list-style:none;width:25%}.medium-block-grid-4 > li:nth-of-type(1n) {clear:none}.medium-block-grid-4 > li:nth-of-type(4n+1) {clear:both} .medium-block-grid-5 > li {list-style:none;width:20%}.medium-block-grid-5 > li:nth-of-type(1n) {clear:none}.medium-block-grid-5 > li:nth-of-type(5n+1) {clear:both} .medium-block-grid-6 > li {list-style:none;width:16.66667%}.medium-block-grid-6 > li:nth-of-type(1n) {clear:none}.medium-block-grid-6 > li:nth-of-type(6n+1) {clear:both} .medium-block-grid-7 > li {list-style:none;width:14.28571%}.medium-block-grid-7 > li:nth-of-type(1n) {clear:none}.medium-block-grid-7 > li:nth-of-type(7n+1) {clear:both} .medium-block-grid-8 > li {list-style:none;width:12.5%}.medium-block-grid-8 > li:nth-of-type(1n) {clear:none}.medium-block-grid-8 > li:nth-of-type(8n+1) {clear:both} .medium-block-grid-9 > li {list-style:none;width:11.11111%}.medium-block-grid-9 > li:nth-of-type(1n) {clear:none}.medium-block-grid-9 > li:nth-of-type(9n+1) {clear:both} .medium-block-grid-10 > li {list-style:none;width:10%}.medium-block-grid-10 > li:nth-of-type(1n) {clear:none}.medium-block-grid-10 > li:nth-of-type(10n+1) {clear:both} .medium-block-grid-11 > li {list-style:none;width:9.09091%}.medium-block-grid-11 > li:nth-of-type(1n) {clear:none}.medium-block-grid-11 > li:nth-of-type(11n+1) {clear:both} .medium-block-grid-12 > li {list-style:none;width:8.33333%}.medium-block-grid-12 > li:nth-of-type(1n) {clear:none}.medium-block-grid-12 > li:nth-of-type(12n+1) {clear:both}} @media only screen and (min-width:64.0625em) { .large-block-grid-1 > li {list-style:none;width:100%}.large-block-grid-1 > li:nth-of-type(1n) {clear:none}.large-block-grid-1 > li:nth-of-type(1n+1) {clear:both} .large-block-grid-2 > li {list-style:none;width:50%}.large-block-grid-2 > li:nth-of-type(1n) {clear:none}.large-block-grid-2 > li:nth-of-type(2n+1) {clear:both} .large-block-grid-3 > li {list-style:none;width:33.33333%}.large-block-grid-3 > li:nth-of-type(1n) {clear:none}.large-block-grid-3 > li:nth-of-type(3n+1) {clear:both} .large-block-grid-4 > li {list-style:none;width:25%}.large-block-grid-4 > li:nth-of-type(1n) {clear:none}.large-block-grid-4 > li:nth-of-type(4n+1) {clear:both} .large-block-grid-5 > li {list-style:none;width:20%}.large-block-grid-5 > li:nth-of-type(1n) {clear:none}.large-block-grid-5 > li:nth-of-type(5n+1) {clear:both} .large-block-grid-6 > li {list-style:none;width:16.66667%}.large-block-grid-6 > li:nth-of-type(1n) {clear:none}.large-block-grid-6 > li:nth-of-type(6n+1) {clear:both} .large-block-grid-7 > li {list-style:none;width:14.28571%}.large-block-grid-7 > li:nth-of-type(1n) {clear:none}.large-block-grid-7 > li:nth-of-type(7n+1) {clear:both} .large-block-grid-8 > li {list-style:none;width:12.5%}.large-block-grid-8 > li:nth-of-type(1n) {clear:none}.large-block-grid-8 > li:nth-of-type(8n+1) {clear:both} .large-block-grid-9 > li {list-style:none;width:11.11111%}.large-block-grid-9 > li:nth-of-type(1n) {clear:none}.large-block-grid-9 > li:nth-of-type(9n+1) {clear:both} .large-block-grid-10 > li {list-style:none;width:10%}.large-block-grid-10 > li:nth-of-type(1n) {clear:none}.large-block-grid-10 > li:nth-of-type(10n+1) {clear:both} .large-block-grid-11 > li {list-style:none;width:9.09091%}.large-block-grid-11 > li:nth-of-type(1n) {clear:none}.large-block-grid-11 > li:nth-of-type(11n+1) {clear:both} .large-block-grid-12 > li {list-style:none;width:8.33333%}.large-block-grid-12 > li:nth-of-type(1n) {clear:none}.large-block-grid-12 > li:nth-of-type(12n+1) {clear:both}} /* ### hide show for … */ .show-for-small,.show-for-medium-down,.show-for-large-down {display:inherit!important} .show-for-medium,.show-for-medium-up,.show-for-large,.show-for-large-up,.show-for-xlarge {display:none!important} .hide-for-medium,.hide-for-medium-up,.hide-for-large,.hide-for-large-up,.hide-for-xlarge {display:inherit!important} .hide-for-small,.hide-for-medium-down,.hide-for-large-down {display:none!important} table.show-for-small,table.show-for-medium-down,table.show-for-large-down,table.hide-for-medium,table.hide-for-medium-up,table.hide-for-large,table.hide-for-large-up,table.hide-for-xlarge {display:table} thead.show-for-small,thead.show-for-medium-down,thead.show-for-large-down,thead.hide-for-medium,thead.hide-for-medium-up,thead.hide-for-large,thead.hide-for-large-up,thead.hide-for-xlarge {display:table-header-group!important} tbody.show-for-small,tbody.show-for-medium-down,tbody.show-for-large-down,tbody.hide-for-medium,tbody.hide-for-medium-up,tbody.hide-for-large,tbody.hide-for-large-up,tbody.hide-for-xlarge {display:table-row-group!important} tr.show-for-small,tr.show-for-medium-down,tr.show-for-large-down,tr.hide-for-medium,tr.hide-for-medium-up,tr.hide-for-large,tr.hide-for-large-up,tr.hide-for-xlarge {display:table-row!important} td.show-for-small,td.show-for-medium-down,td.show-for-large-down,td.hide-for-medium,td.hide-for-medium-up,td.hide-for-large,td.hide-for-large-up,td.hide-for-xlarge,th.show-for-small,th.show-for-medium-down,th.show-for-large-down,th.hide-for-medium,th.hide-for-medium-up,th.hide-for-large,th.hide-for-large-up,th.hide-for-xlarge {display:table-cell!important} /* ### À DÉPLACER */ /* Brochures et Mentions */ .cd-tabs {position:relative;width:100%x;margin:2em auto} .cd-tabs ul {list-style-type:none;margin:0;padding:0} .cd-tabs:after {content:"";display:table;clear:both} .cd-tabs::after {position:absolute;top:0;right:0;height:60px;width:50px;z-index:1;pointer-events:none;background:-webkit-linear-gradient(right ,#f8f7ee,rgba(248,247,238,0));background:linear-gradient(to left,#f8f7ee,rgba(248,247,238,0));visibility:visible;opacity:1;-webkit-transition:opacity .3s 0s,visibility 0s 0s;-moz-transition:opacity .3s 0s,visibility 0s 0s;transition:opacity .3s 0s,visibility 0s 0s} .no-cssgradients .cd-tabs::after {display:none} .cd-tabs.is-ended::after {visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0s,visibility 0s .3s;-moz-transition:opacity .3s 0s,visibility 0s .3s;transition:opacity .3s 0s,visibility 0s .3s} .cd-tabs nav {overflow:auto;-webkit-overflow-scrolling:touch;box-shadow:inset 0 -2px 3px rgba(203,196,130,0.06)} @media only screen and (min-width:768px) {/*.cd-tabs::after {display:none}*/.cd-tabs nav{position:absolute;top:0;left:0;height:100%;box-shadow:inset -2px 0 3px rgba(203,196,130,0.06);z-index:1}} @media only screen and (min-width:960px) {.cd-tabs nav {position:relative;float:none;background:transparent;box-shadow:none}} .cd-tabs-navigation {width:360px;font-size:16px} .cd-tabs-navigation li {float:left} .cd-tabs-navigation a {position:relative;display:block;height:60px;width:120px;text-align:center;padding-top:17px;color:#fff;background-color:#468cc8} .no-touch .cd-tabs-navigation a:hover {color:#FFF;background-color:#07477d} .no-touch .cd-tabs-navigation a:active {color:#FFF;background-color:#ea7125} .cd-tabs-navigation a.selected,.cd-tabs-navigation a.selected:hover {background-color:#ffffff!important;box-shadow:inset 0 2px 0 #07477d;color:#07477d} @media only screen and (min-width:768px) {.cd-tabs-navigation {width:80px;float:left} .cd-tabs-navigation a {height:80px;width:80px;padding-top:28px;color:#fff} .cd-tabs-navigation a.selected {box-shadow:inset 2px 0 0 #07477d}} @media only screen and (min-width:960px) {.cd-tabs-navigation {width:auto;color:#fff;background-color:#468cc8;box-shadow:inset 0 -2px 3px rgba(203,196,130,0.06)} .cd-tabs-navigation a {height:60px;line-height:60px;width:auto;text-align:left;font-size:14px;font-size:0.875em;padding:0 2.8em 0 /*4.6em*/ 2.3em} .cd-tabs-navigation a.selected {box-shadow:inset 0 2px 0 #07477d}} .cd-tabs-content {background:#ffffff} .cd-tabs-content li {display:none;padding:1.4em} .cd-tabs-content li.selected {display:block;-webkit-animation:cd-fade-in 0.5s;-moz-animation:cd-fade-in 0.5s;animation:cd-fade-in 0.5s} .cd-tabs-content li p {font-size:14px;font-size:0.875rem;line-height:1.6;color:#787878;margin-bottom:2em} @media only screen and (min-width:768px) {.cd-tabs-content {min-height:480px}.cd-tabs-content li {padding:2em 2em 2em 7em}} @media only screen and (min-width:960px) {.cd-tabs-content {min-height:0}.cd-tabs-content li {padding:3em}.cd-tabs-content li p {font-size:16px;font-size:1rem}} @-webkit-keyframes cd-fade-in {0% {opacity:0}100% {opacity:1}} @-moz-keyframes cd-fade-in {0% {opacity:0}100% {opacity:1}} @keyframes cd-fade-in {0% {opacity:0}100% {opacity:1}}