/** * main style sheet * @author mac@zestedegenie.com * @creationDate 2015-03-05 * @editDate 2015-03-05 */ /** * #258a9f * #27a8b8 * #ffb718 * #ee7421 * #838386 * #666 * #ddd */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block;} body { line-height: 1;} ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} table { border-collapse: collapse; border-spacing: 0;} /* migth as well since inherit doesn't work for IE7 and below */ h1, h2, h3, h4, h5, h6 { font-weight: normal; } strong { font-weight: bold;} em { font-style: italic;} a, button { outline: none;} abbr { display: inline-block; border-bottom: 1px dotted #ccc; cursor: help; line-height: 1; text-decoration: none; } button::-moz-focus-inner { padding: 0; border: 0; } ::selection { background: #e9f3f5; color: #838386;} ::-moz-selection { background: #e9f3f5; color: #838386;} body { background: #fff; font-size: 14px; line-height: 1.3; color: #838386; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: left;} body { -webkit-text-size-adjust: none; } /* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 11, 2015 */ @font-face { font-family: 'evelethclean_regular'; src: url('fonts/eveleth-clean-regular-webfont.eot'); src: url('fonts/eveleth-clean-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/eveleth-clean-regular-webfont.woff2') format('woff2'), url('fonts/eveleth-clean-regular-webfont.woff') format('woff'), url('fonts/eveleth-clean-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'halis_grbold'; src: url('fonts/halisgr-bold-webfont.eot'); src: url('fonts/halisgr-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/halisgr-bold-webfont.woff2') format('woff2'), url('fonts/halisgr-bold-webfont.woff') format('woff'), url('fonts/halisgr-bold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'halis_grbook'; src: url('fonts/halisgr-book-webfont.eot'); src: url('fonts/halisgr-book-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/halisgr-book-webfont.woff2') format('woff2'), url('fonts/halisgr-book-webfont.woff') format('woff'), url('fonts/halisgr-book-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'halis_grthin'; src: url('fonts/halisgr-thin-webfont.eot'); src: url('fonts/halisgr-thin-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/halisgr-thin-webfont.woff2') format('woff2'), url('fonts/halisgr-thin-webfont.woff') format('woff'), url('fonts/halisgr-thin-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot'); src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2') format('woff2'), url('fonts/fontawesome-webfont.woff') format('woff'), url('fonts/fontawesome-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } /**fonts*/ body, #foot select, input[type=text], input[type=password], input[type=tel], input[type=email], select, textarea, .box3 em, .content .col-box h3, #menu .sm, .frm-add2cart thead span, .full-quote cite em, .prod-bar .bt { font-family: 'halis_grbook', 'Helvetica Neue', Helvetica, Arial, sans-serif;} .full-bt, .stats ul strong, .more-round { font-family: 'halis_grthin', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase;} .prod-bar .title, .content h1, .content .h1, .content h2, .content .h2 { text-transform: uppercase;} .slogan, #main .slogan h1, #main h1, .content .bloc-download h4 { font-family: 'evelethclean_regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase;} .quote p, #frm-news h3, #pop h3, #pop h4, .content h3, .full-quote cite, table th, strong, .warning, .prod-gal-more, .ls-orders .price, .msgbox .close, .alert .close, .prod-more-infos, .content h5, .alert b, .try .submit span, .free-tag, .total-bon, .cpen-try-banner h2, .prod-img .sale, .ls-products .sale, .tic-price, .wqc-features h2, table.boutique-produits h2, table.boutique-produits .prix, table.boutique-produits .compatibilites, table.boutique-produits .caracteristiques-titre, table.boutique-produits .caracteristiques-mobile, table.boutique-produits tr.caracteristiques td[data-produit], table.boutique-produits .caracteristiques-elem-titre, .content h4 { font-family: 'halis_grbold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal;} button:after, .bt:after, .pdf:after, .external:after, .bt.back:before, .full-bt a:after, .faqs > li h3 a:after, .select:after, .more-round a span:after, .quote .more span:after, .share i, .bt-nav-mobile, .pop-close, .license h3 a:before, .ls-imp li:before, .img-split .handle span:after, .promo-text:before, #menu .sm-prod > a span:after, .boite li:before, .pen-buy li:before, .si-fonc li:before, .ls-check li:before, .bloc-download .close:before, .bloc-download div .bt:after, .activation a:after, .edition a:after { font-family: 'FontAwesome'; font-weight: normal;} /** ******************************************************* * links */ a { color: #258a9f; text-decoration: none;} a:hover, a:active, a:focus { color: #27a8b8; text-decoration: none;} a.selected, .selected a, .disabled a, button[disabled=disabled] { cursor: default !important;} a.selected:hover, a.selected:active, a.selected:focus, .selected a:hover, .disabled a:hover { cursor: default!important;} a:visited {} /** ******************************************************* ** transitions */ #menu a, #first-menu a, .full-bt a, .logo img, .ls-products article img, .prod-gal img, #frm-news button, .video-bloc .vid a:after, .more-round a, a.round, a .round, .bt, button, .quote .more, .full-quote .cat, .ls-pag a, .edition a, .anim, .promo-banner img, .ls-vids article .img img:first-of-type, .vid-single img:first-of-type, .license h3 a, .license, .license h3, #men-licences a, .facil img, .facil a, #head .fa, #foot .fa, .ls-team .fa, .follow .fa { transition: all 0.2s linear; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .ls-products .round img, .demo-select .round, #cboxWrapper button { transition: none;} .logo:hover img, .logo:focus img, a.round:hover, a.round:focus, a:hover .round, a:focus .round, .prod-gal a:hover img, .prod-gal a:focus img, .ls-vids article a:hover .img img:first-of-type, .ls-vids article a:focus .img img:first-of-type, .vid-single a:hover img:first-of-type, .vid-single a:focus img:first-of-type, #foot .facil a:hover img, #foot .facil a:focus img, .ls-products article a:hover img, .ls-products article a:focus img { opacity: 0.5;} #pg-acc .logo:hover img, #pg-acc .logo:focus img { opacity: 1;} /* **************************** */ /** animations */ .slideLeft { -webkit-animation: slideLeft 1s ease-in-out forwards; animation: slideLeft 1s ease-in-out forwards; } .slideRight { -webkit-animation: slideRight 0.5s ease-in-out forwards; animation: slideRight 0.5s ease-in-out forwards; } @-webkit-keyframes slideLeft { 0% { right: -100%; visibility: hidden; } 100% { right: 0; visibility: visible; } } @keyframes slideLeft { 0% { right: -100%; visibility: hidden; } 100% { right: 0; visibility: visible; } } @-webkit-keyframes slideRight { 0% { right: 0; visibility: visible;} 100% { right: -100%; } } @keyframes slideRight { 0% { right: 0; visibility: visible;} 100% { right: -100%; } } /** ******************************************************* ** class gen */ .hide { position: absolute; margin-left: -9000px!important;} .hidden { visibility: hidden;} .none, .printonly { display: none!important;} .ir { display: block; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; text-indent: -9999px;} .clear { clear: both;} .clearer { display: block!important; width: 100%!important; clear: both!important; height: 0!important; line-height: 0!important; font-size: 1px!important; float: none!important; overflow: hidden; margin: 0!important; padding: 0!important; border: none!important} .selfclear { overflow: hidden;} .center, .container.center { text-align: center;} .left { text-align: left;} .right { text-align: right;} .fl { float: left;} .fl-r, .col2.fl-r, .col3.fl-r, .col2-3.fl-r { float: right;} .no-fl { float: none;} .no-space, .content .no-space { margin-bottom: 0;} .space-sml, .content .space-sml { margin-bottom: 5px;} .space, .content .space { margin-bottom: 10px;} .spaced, .content .spaced { margin-bottom: 15px;} .space-big, .content .space-big { margin-bottom: 30px;} .space-bigger, .content .space-bigger { margin-bottom: 45px;} .space-biggest, .content .space-biggest { margin-bottom: 60px;} .space-top-sml, .content .space-top-sml { margin-top: 5px;} .space-top, .content .space-top { margin-top: 15px;} .space-top-big, .content .space-top-big { margin-top: 30px;} .space-top-bigger, .content .space-top-bigger { margin-top: 45px;} /*.sup, sup { font-size: 0.75em; position: relative; top: -2px;}*/ em sup { padding-left: 2px; } .spinner { margin: 0!important; padding: 0!important;} /** * jquery-ui */ body #ui-datepicker-div { display: none;} body .ui-widget { font-size: 1em;} body .ui-dialog { text-align: left;} body .ui-dialog .ui-dialog-content { padding-top: 20px !important;} #cboxLoadedContent { text-align: left;} #tip { display: none; position: absolute; max-width: 300px; padding: 2px 10px; font-size: 11px; background: #222; color: #fff; white-space: nowrap; border-radius: 5px; box-shadow: 0 1px 5px #222; z-index: 9999;} .rgba #tip { background: rgba(0,0,0,.75);} #overlay { position:fixed; top: 0; left: 0; z-index:9999; width:100%; height:100%; background:url(images/overlay.png) repeat 0 0;} #pop { position: fixed; z-index: 10000; top: 50%; left: 50%; min-height: 50px; width: 570px; margin: -25px 0 0 -305px; padding: 20px; background: #fff; text-align: left;} #pop.absolute { position: absolute; z-index: 10000; top: 20px; margin-top: 0;} #pop.msg { width: 500px; margin-left: -250px; padding: 0; text-align: center; } #pop .text { margin-bottom: 0;} #pop h3 { margin-bottom: 20px; font-size: 24px;} #pop .submit { margin-bottom: 0;} .pop-close { position: absolute; top: -10px; right: -4px; font-size: 24px;} #pop .msgbox { margin: 0; font-size: 14px; } #pop .spaced { margin-bottom: 15px; } #pop select, #pop input { font-size: 14px; } /** ******************************************************* ** forms */ fieldset { margin-bottom: 20px;} form input, form select, form textarea, button { font-size: 1em;} .i-text, .i-select, .i-checkbox, .i-radio, .i-textarea, .form-group { margin-bottom: 15px;} input[type=text], input[type=password], input[type=tel], input[type=email], input[type=number], select, .select, .select select, textarea { width: 350px; max-width: 100%; height: 40px; padding: 0 10px 0; background: #fff; border: 1px solid #ccc; color: #838386; outline: none; box-sizing: border-box; border-radius: 0;} input[type=text]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=email]:focus, input[type=number]:focus, select:focus, textarea:focus { border-color: #999;} textarea { height: 163px; padding-top: 10px; overflow: auto; vertical-align: top;} textarea.sml { height: 50px;} input[type=file] { font-size: 12px;} input[type=number] { text-align: right; } select { padding: 0 10px; background: #f5f5f6; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; outline: none; } .select { display: block; position: relative; overflow: hidden; padding: 0; background-color: #fff; text-align: left;} .select:after { position: absolute; top: 50%; right: 10px; margin-top: -9.5px; z-index: 1; content: ' '; display: block;} .select select { position: relative; z-index: 2; width: calc(100% + 30px); max-width: none; background-color: transparent; border: none;} .select select::-ms-expand { display: none;} form .label-in { color: #999;} input.sml { width: 60px;} input.med { width: 125px;} input.i-date { width: 130px; background-image: url(../img/icn-cal.png); background-position: right center; background-repeat: no-repeat;} input.disabled { background-color: #eee;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aaa; } input:-moz-placeholder, textarea:-moz-placeholder { color: #aaa; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #aaa; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #fff inset;} .i-radio input { margin-right: 3px;} .i-multi {} .i-multi p, .i-multi span, .i-multi input[type=text], .i-multi input[type=password], .i-multi input[type=tel], .i-multi input[type=email], .i-multi select { display: inline-block; margin-right: 15px;} .i-multi .last { margin-right: 0;} .i-info { color: #999; font-size: 11px; line-height: 1.2;} .i-lg {} .i-lg label, .i-lg .label { float: left; width: 100px; margin: 4px 0 0; text-align: right; } .i-lg input[type=text], .i-lg input[type=password], .i-lg input[type=tel], .i-lg input[type=email], .i-lg input[type=file], .i-lg textarea, .i-lg select { float: left; margin-left: 10px;} .i-lg .submit, .inside { margin-left: 110px;} .i-lg .i-select label, .i-lg .i-file label { margin-top: 1px;} .i-lg textarea { width: 325px;} .i-lg .i-xtra { float: left; margin: 6px 0 0 5px;} .i-lg .i-select .i-xtra { margin-top: 3px;} .i-lg .i-checkbox.i-multi p, .i-lg .i-radio.i-multi p { float: left; margin-left: 10px; margin-bottom: 0;} .i-lg .i-checkbox .label, .i-lg .i-radio .label { margin-top: 0;} .i-lg .i-checkbox label, .i-lg .i-radio label { display: block; float: none; width: auto; margin: 0 0 0 20px; font-weight: normal; text-align: left;} .i-lg input[type=checkbox], .i-lg input[type=radio] { float: left; width: auto; margin: 0;} .i-hg {} .i-hg label, .i-hg .label { display: block; width: auto; margin-bottom: 5px; line-height: 1.2; float: none; text-align: left;} .i-hg input[type=text], .i-hg input[type=password], .i-hg input[type=tel], .i-hg input[type=email], .i-hg input[type=file], .i-hg input[type=number], .i-hg textarea, .i-hg select { margin-left: 0;} .i-hg .i-checkbox input, .i-hg .i-radio input { float: left; margin-top: 2px;} .i-hg .i-checkbox label, .i-hg .i-radio label { display: block; margin-left: 25px; font-weight: normal;} .i-hg .i-radio label { line-height: 1.4;} .i-hg textarea, .i-hg.full input[type=text], .i-hg.full input[type=password], .i-hg.full input[type=tel], .i-hg.full input[type=email], .i-hg.full .select, .mid .i-hg input[type=text], .mid .i-hg input[type=password], .mid .i-hg input[type=tel], .mid .i-hg input[type=email], .mid .i-hg .select, .i-hg .col2 input[type=text], .i-hg .col2 input[type=password], .i-hg .col2 input[type=tel], .i-hg .col2 input[type=email], .i-hg .col2 .select, .i-hg .col3 input[type=text], .i-hg .col3 input[type=password], .i-hg .col3 input[type=tel], .i-hg .col3 input[type=email], .i-hg .col3 .select { width: 100%; max-width: inherit;} .form-group.col2, .form-group.col3 { margin-right: 2%; margin-bottom: 15px;} .form-group.col2 { width: 49%;} .form-group.col3 { width: 32%;} .form-group.last { margin-right: 0;} .max { max-width: 800px; margin-left: auto; margin-right: auto; box-sizing: border-box;} .max.left { margin-left: 0;} .i-multi-radio label {} .i-multi-radio br { display: none; } .submit { margin: 20px 0 30px;} .submit button, .submit a { margin-right: 7px; margin-bottom: 5px; vertical-align: middle;} .submit button + a:not(.bt) { margin-left: 15px; } .submit a:last-of-type, .submit.right button:last-of-type { margin-right: 0;} button { display: inline; background: none; cursor: pointer;} button, .bt { display: inline-block; padding: 15px 33px; background: #258a9f; border: 1px solid #258a9f; color: #fff; text-align: center; border-radius: 25px; font-size: 16px; white-space: nowrap;} button:after, .bt:after { content: ' '; margin-left: 3px; color: #ffb718; line-height: 1;} .bt.back:after, button + .bt.back:before, .bt + .bt.back:before { content: ''; display: none;} .bt.back:before { content: ' '; margin-right: 3px; color: #ffb718; line-height: 1;} button:hover, button:focus, .bt:hover, .bt:focus { background: #27a8b8; color: #fff; border-color: #27a8b8;} button.close:after { display: none;} button.close:hover { background-color: transparent;} .cky-btn-revisit-wrapper button::after, .cky-consent-container button::after, .cky-modal button::after, .map button::after { display: none; } .inline button { vertical-align: bottom; margin-left: 10px; padding-top: 9px; padding-bottom: 8px;} .bt2, .bt.back { background-color: #fff; color: #258a9f; border: 1px solid #258a9f;} .bt2:after, .bt.back:before { color: #258a9f;} .bt2:hover, .bt2:focus, .bt.back:hover, .bt.back:focus { color: #fff; border-color: #258a9f; background-color: #258a9f;} .bt2:hover:after, .bt2:focus:after, .bt.back:hover:before, .bt.back:focus:before { color: #fff; } .bt.sml { padding: 5px 23px; font-size: 11px;} .bt.med { padding: 10px 33px; font-size: 14px;} .msgbox, .alert { position: relative; margin-bottom: 15px; padding: 0 30px 15px 20px; background-color: #ffedc5; color: #857755; line-height: 1.4; border: 1px solid #dbc9a2; font-size: 14px;} .msgbox.text { padding-top: 15px; } .msgbox.text p, .msgbox.text ul { padding-top: 0; } .msgbox p, .msgbox ul, .alert p, .alert ul, .text .alert p { display: block; margin-bottom: 0; padding: 15px 0 0;} .msgbox > :last-child { margin-bottom: 0; } .alert > ul > li, .alert > li { margin-top: 10px; } .alert > ul > li:first-of-type { margin-top: 0; } .msgbox ul { margin-left: 20px; list-style-type: disc;} .msgbox ul, .alert ul, .text .alert ul, .text .alert { margin-left: 0; list-style-type: none;} .msgbox label { display: block; float: none; margin: 0;} .alert b + ul { padding-top: 0;} .msgbox .close, .alert .close { position: absolute; top: 13px; right: 15px; padding: 0; background-color: transparent; border: 0; color: rgba(0,0,0,0.5); font-size: 20px; line-height: 1;} .msgbox .close:hover, .alert .close:hover { color: #000;} .msgbox.success, .alert-success, #frm-news input.success { background: #e1f1d3; border-color: #c6d9b6; color: #3c763d;} .msgbox.success a, .alert-success a { color: #1f3f1e; text-decoration: underline;} .msgbox.errors, .browsehappy, .alert-danger, #frm-news input.errors { background: #fad5d8; border-color: #d4adb1; color: #a94442;} .msgbox .bt { background-color: #ead7aa; border-color: #dbc9a2; color: #857755; } .msgbox .bt:after { color: #857755; } .msgbox .bt:hover, .msgbox .bt:focus { background-color: rgba(234, 215, 170, 0.5); } .msgbox.errors .bt { background-color: #eec2c7; border-color: #e0adb4; color: #a94442; } .msgbox.errors .bt:after { color: #a94442; } .msgbox.errors .bt:hover, .msgbox.errors .bt:focus { background-color: rgba(238, 194, 199, 0.5); } .browsehappy { padding: 10px; text-align: center;} .browsehappy a { color: #cb4343; text-decoration: underline;} .form-group .error { padding-top: 5px; color: #a94442; font-size: 12px;} .content .alert h4 { margin: 15px 0 -5px;} #card-element { padding: 8px 10px; border: 1px solid #ccc; } #card-errors { margin-top: 5px; color: #a94442; } /** ******************************************************* * bts */ .bt-connect:before, .bt-cart span, .bt-menu span:before, #cart-add:before { display: block; width: 18px; height: 18px; background: url(../img/icons.png) 0 0 no-repeat; text-indent: -9999px;} .bt-connect:before { background-position: -108px 0;} .bt-connect:hover:before { background-position: -108px -18px;} .bt-cart span { background-position: -126px 0;} .bt-cart:hover span { background-position: -126px -18px;} .bt-menu span:before { background-position: -72px 0;} .bt-menu:hover span:after { background-position: -72px -36px;} #cart-add:before { background-position: -108px -36px;} /* iphone 4 */ @media only screen and (-webkit-min-device-pixel-ratio: 2){ .bt-connect:before, .bt-cart span, .bt-menu span:before, #cart-add:before { background-image: url(../img/icons@2x.png); background-size: 234px 72px;} } /** * cols */ #wrapper { text-align: center;} .container, h1.full, .h1.full { position: relative; width: 960px; margin: 0 auto; padding: 0; text-align: left; box-sizing: border-box;} .container { max-width: 100%; } img { max-width: 100%; height: auto;} /** ******************************************************* ** header */ #head {} #head.sml { border-bottom: 5px solid #258a9f;} #head .logo { float: left; margin: 15px 0;} #head .logo img { display: block;} .men-sec { float: right; font-size: 14px;} .men-sec > ul, .men-sec .container > ul { float: left; padding: 5px 0 5px 10px; border-left: 1px dotted #258a9f;} .men-sec > ul:first-of-type, .men-sec .container > ul:first-of-type { padding-left: 0; border-left: 0;} .men-sec > ul > li, .men-sec .container > ul > li { float: left; position: relative;} .men-sec a { display: inline-block; color: #838286; line-height: 18px;} .men-sec a .fa-sort-desc { position: relative; top: -2px; margin-left: 3px;} .men-sec .hover > a, .men-sec a:hover, .men-sec a:focus, .men-sec .selected a, .men-sec .selected { color: #258a9f;} .men-sec .sm { display: none; position: absolute; top: 34px; right: 0; z-index: 10; width: 250px; padding: 0; font-size: 14px; background-color: #e9f3f5; box-shadow: 0 5px 5px rgba(0,0,0,0.25);} .men-sec .sm a { display: block; padding: 8px 30px; line-height: 1.2; text-align: left;} .men-sec .sm a:hover, .men-sec .sm a:focus, .men-sec .sm .selected a { background-color: #fff;} .men-sec .sm .last { border-top: 1px solid #ddd;} .men-sec .sm .last a { color: #aaa;} .men-sec .bt-cart.selected span { background-position: -126px -18px; } .bt-connect, .logged { margin-right: 10px;} .logged span { display: inline-block; max-width: 150px; text-transform: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: middle; } .bt-connect span { display: inline; vertical-align: middle; } .bt-connect:before, .bt-cart span, .bt-menu span:before { display: inline-block; width: 18px; height: 18px; line-height: 1; padding: 0; vertical-align: middle;} .bt-connect:before { content: ''; margin-right: 5px;} .bt-cart em { position: relative; top: -8px; display: inline-block; width: 15px; height: 15px; font-style: normal; font-size: 10px; line-height: 16px; background-color: #258a9f; color: #fff; text-align: center; border-radius: 100%;} #first-menu { float: right; max-width: 66%; margin-top: 50px; font-size: 14px;} #first-menu ul { text-align: right;} #first-menu li { display: inline; padding: 0 0 10px 15px;} #first-menu a { display: inline-block; color: #258a9f;} #first-menu .selected a, #first-menu a:hover, #first-menu a:focus { color: #838386;} #first-menu .men-store a { padding: 3px 12px; background-color: #ee7421; color: #fff; border: 1px solid #ee7421; border-radius: 25px; } #first-menu .men-store a:hover, #first-menu .men-store a:focus { background-color: transparent; color: #ee7421; } #first-menu .url-partner { color: #ee7421; } #menu { background-color: #258a9f; font-size: 15px;} #menu .container > li { position: relative; float: left; display: block; width: 20%; text-align: center;} #menu .container > li > a { position: relative; display: flex; align-items: center; height: 50px; color: #fff; border: 1px solid #28A8B8; margin-top:10px; margin-bottom:10px; padding: 0; border-radius: 60px; margin-right: 6px;} #menu .container > li > a span { flex: 0 1 auto; display: block; width: 100%; padding: 0 5px; line-height: 1.1; box-sizing: border-box;} #menu .selected, #menu a:hover, #menu a:focus, #menu .hover > a, #menu .sm-prod > .selected { background-color: #28A8B8;} #menu .sm-prod > .selected { cursor: pointer!important; } #menu i { display: block;} /*#menu .container > li:last-of-type > a { border-left: 1px solid rgba(255, 255, 255, 0.30); border-right: 1px solid rgba(255, 255, 255, 0.30); }*/ #menu .sm-prod > a span:after { content: '\f0d7'; margin-left: 5px; } #menu .sm { position: absolute; z-index: 10; display: none; left: 0; top: 80px; width: 230px; text-align: left; background-color: #27a8b8; box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3); border-right: 1px solid rgba(255, 255, 255, 0.30); border-left: 1px solid rgba(255, 255, 255, 0.30); } #menu .sm a { display: block; padding: 10px 25px; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.30); } #menu .sm a:hover, #menu .sm a:focus, #menu .sm .selected a { background-color: rgba(37, 138, 159, 0.5); } #nav-lang { position: absolute; right: 0; top: 11px; } #nav-lang a { color: #999; font-size: 11px; } #nav-lang a:hover, #nav-lang a:focus { color: #666; } .bt-nav-mobile, .nav-mobile { display: none;} /** ******************************************************* ** content */ .content { padding: 0 0 1px 0;} .frame .content { padding: 0; } .content h1, .content .h1 { margin-bottom: 15px; font-size: 36px; line-height: 1.2; color: #258a9f;} .content h2, .content .h2 { font-size: 30px; line-height: 1.2; color: #666;} .content h3 { margin-bottom: 15px; font-size: 24px; line-height: 1.1; color: #555;} .content h4, #pop h4 { margin-bottom: 15px; font-size: 18px; line-height: 1.1;} .content h5 { margin-bottom: 5px; font-size: 16px; line-height: 1.1; text-transform: uppercase;} .content p + h3, .content p + h4, .content ol + h3, .content ul + h3, .content ul + h4 { margin-top: 30px;} .content p + h5, .content ul + h5, .content ol + h5 { margin-top: 20px;} .content h3 + h4 { margin-top: -10px;} .content h3 small { font-size: 80%; color: #838386;} .alert:not([style*="display: none"]) + h3 { margin-top: 30px;} .content h2 + table { margin-top: 15px; } .text { margin-bottom: 30px;} .text.spaced { margin-bottom: 15px;} .text.space-bigger { margin-bottom: 45px;} .text.space-biggest { margin-bottom: 60px;} .text p, .text ul, .text ol, .text dl { margin-bottom: 15px; line-height: 1.4;} .text ul, .ls, .faqs ul { list-style-type: disc; margin-left: 25px; line-height: 1.4;} .text ul ul, .faqs ul ul, .faqs ol ul { margin-bottom: 0; list-style-type: circle;} .text ol, .faqs ol { list-style-type: decimal; margin-left: 25px;} .text ol[type=i] { list-style-type: lower-roman;} .text ol[type=a] { list-style-type: lower-alpha;} .text .no-ls { list-style-type: none; margin-left: 0;} .splitted > li { margin-bottom: 12px;} .text.no-space, .text .no-space, .text > :last-child, .text.pad { margin-bottom: 0;} .out { width: 1280px; margin-left: -160px; } .txt p { margin-bottom: 10px; padding-top: 0;} .col2, .col2-3, .col2-5, .col3, .col3-4, .col4, .col5 { float: left; margin-right: 3.8%;} .col2.last, .col2-3.last, .col2-5.last, .col3.last, .col3-4.last, .col4.last, .col5.last { margin-right: 0;} .col2 { width: 48%;} .col2-3 { width: 65.4%;} .col2-5 { width: 37.72%;} .col3 { width: 30.75%;} .col3-4 { width: 74.05%;} .col4 { width: 22.05%;} .col5 { width: 16.96%;} .bloc.col2, .bloc.col2-3, .bloc.col2-5, .bloc.col3, .bloc.col4, .bloc.col5 { box-sizing: border-box; margin-right: 0;} .bloc.col2 { width: 50%;} .bloc.col2-3 { width: 66.66%;} .bloc.col3 { width: 33.33%;} .bloc.col3-4 { width: 75%;} .bloc.col4 { width: 25%;} .bloc.col5 { width: 20%;} .cols2, .cols1-2, .cols2-1, .cols3, .cols4, .col2-set { display: -ms-grid; display: grid; -ms-grid-columns: (48%)[2]; grid-template-columns: repeat(2, 48%); column-gap: 3.8%; justify-content: start; align-items: start; } .cols1-2 { -ms-grid-columns: 30.75% 65.4%; grid-template-columns: 30.75% 65.4%; } .cols2-1 { -ms-grid-columns: 65.4% 30.75%; grid-template-columns: 65.4% 30.75%; } .cols3 { -ms-grid-columns: (30.75%)[3]; grid-template-columns: repeat(3, 30.75%); } .cols4 { -ms-grid-columns: (22.05%)[4]; grid-template-columns: repeat(4, 22.05%); } .mid { float: none;} .mid.center, .center > .mid { margin-left: auto; margin-right: auto;} .fa-facebook-square, .fa-facebook-square:hover, .fa-facebook-square:focus, .social .fa-facebook-square, .social .fa-facebook-square:hover, .social .fa-facebook-square:focus { color: #3b579d;} .fa-twitter-square, .fa-twitter-square:hover, .fa-twitter-square:focus, .social .fa-twitter-square, .social .fa-twitter-square:hover, .social .fa-twitter-square:focus { color: #5ea9dd;} .fa-youtube-square, .fa-youtube-square:hover, .fa-youtube-square:focus, .social .fa-youtube-square, .social .fa-youtube-square:hover, .social .fa-youtube-square:focus { color: #e12b26;} .social .fa-linkedin-square, .social .fa-linkedin-square:hover, .social .fa-linkedin-square:focus { color: #0077b5;} .stats, .fiche-desc { padding: 60px 0; background: #258a9f; color: #fff;} .stats.alt { background-color: #ee7421;} .stats .container:first-of-type { max-width: 780px; text-align: center;} .stats .container { text-align: center;} .stats h3 { margin-bottom: 30px; font-size: 28px; color: #fff;} .stats ul { margin-top: 30px; font-size: 22px; line-height: 1.2; color: #ffb718; text-transform: uppercase;} .stats ul strong { display: block; font-size: 60px; line-height: 1; color: #fff; text-transform: none;} .stats p { font-size: 20px; line-height: 1.1; color: #ffb718;} .stats .sml { font-size: 20px;} .stats .sml strong { font-size: 42px;} .stats.aidodys ul, .stats.aidodys p, .stats.calc ul, .stats.calc p, .stats.orth ul, .stats.orth p, .stats.inspiration ul, .stats.inspiration p, .stats.wordq ul, .stats.wordq p { color: rgba(255,255,255,0.75);} .full-bt { font-size: 28px; line-height: 1;} .full-bt a { display: block; padding: 30px 0; color: #fff; background: #ffb718;} .full-bt.type2 a { background-color: #ee7421; } .full-bt a:after { content: ' '; margin-left: 3px; color: #fff;} .full-bt a:hover, .full-bt a:focus { background-color: #ee7421;} .full-bt.type2 a:hover, .full-bt.type2 a:focus { background-color: #ffb718;} .box { background: #f0f0f0; font-size: 16px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;} .box .col2, .box .col3 { font-size: 14px;} .box.aidodys, .box.calc, .box.orth, .box.inspiration, .box.wordq { border-top: 0; color: rgba(255,255,255,0.75);} .box.aidodys h3, .box.calc h3, .box.orth h3, .box.inspiration h3, .box.wordq h3 { color: #fff;} .box2 { background: #258a9f; color: #fff; font-size: 16px;} .box2 .text { margin-bottom: 0;} .box2 h3 { color: #fff;} .box2 h4 { color: #ffb718; font-size: 20px;} .box2 .col2, .box2 .col3 { font-size: 14px;} .big.box2 .col2, .big.box2 .col3 { font-size: 16px;} .box2 a { color: #fff; text-decoration: underline;} .box2 .bt2 { color: #258a9f; text-decoration: none; border: none;} .box3 { background: #ee7421; color: #fff; font-size: 16px;} .box3 h3 { color: #fff;} .pad { padding: 60px 40px;} .pad.container { padding: 60px 0; } .pad.text > :last-child { margin-bottom: 0;} .pad-med { padding: 30px; } .big { font-size: 16px;} .split { border-bottom: 2px solid #ddd;} .text.big.split { padding-bottom: 30px;} .warning { color: #ee7421; } .grecaptcha-badge { display: none; } .ls-products .round, .demo-select .round, #prod-choice .round { display: block; } .round { display: table; position: relative; z-index: 1; overflow: hidden; max-width: 100%; width: 212px; height: 212px; border: 1px solid #ddd; background-color: #fff; border-radius: 100%;} .round p { display: table-cell; vertical-align: middle; text-align: center; } h1.full, .h1.full { margin-bottom: 0; padding: 40px 0 30px; color: #666;} h1.full small { display: block; font-size: 20px;} .prod-bar + h1.full { border-top: 1px solid #ddd;} h1.full + .pad, .h1.full + .pad, h1.full +.pad-content > div > .pad:first-child { padding-top: 0;} h1.full + .box, h1.full + .box2, h1.full + .box3 { padding-top: 40px; } #frm-testimonies { padding-top: 60px;} h2.full { padding: 40px; background-color: #258a9f; color: #fff; text-align: center;} h2.full.type2 { background-color: #27a8b8;} .more-round { position: relative; display: block; font-size: 18px; color: #fff;} .more-round p { display: block; height: 100%; } .more-round a { display: table; height: 100%; width: 212px; height: 212px; color: #fff; background-color: #258a9f; text-align: center; border-radius: 100%;} .more-round a:hover, .more-round a:focus { background-color: #27a8b8; color: #fff;} .more-round span { display: table-cell; padding: 0 10px; vertical-align: middle;} .more-round span:after { display: block; content: ' '; color: #ffb718;} .filters { font-size: 15px;} .filters p { float: left; width: 25%; margin-bottom: 5px;} .filters em { display: inline-block; margin-left: 5px; font-style: normal; color: rgba(255,255,255,0.5);} .filters em:before { content: '['; margin-right: 3px;} .filters em:after { content: ']'; margin-left: 3px;} .filters input[type=checkbox] { float: left; margin-right: 3px;} .filters label { display: block; margin-left: 25px; } .ls-pag { margin: 30px 0 40px; text-align: center;} .ls-pag li { display: inline;} .ls-pag a { display: inline-block; padding: 5px 11px; background-color: #258a9f; color: #fff;} .ls-pag a:hover, .ls-pag a:focus { background-color: #27a8b8;} .ls-pag .selected, .ls-pag .selected:hover, .ls-pag .selected:focus { background-color: #555;} .ls-pag i { font-weight: bold;} table { border-collapse: collapse; border: 1px solid #ddd;} table thead { background-color: #ee7421; color: #fff;} table tfoot { background-color: #27a8b8; color: #fff;} table tbody tr { background-color: rgba(233, 243, 245, 0.25);} table tbody tr:nth-child(odd) { background-color: #e9f3f5;} table th, table td { padding: 8px 15px; vertical-align: top;} .pdf:after { content: ''; margin-left: 10px;} .external:after { content: ''; margin-left: 5px; font-size: 75%;} .share { margin-bottom: 40px;} .share a { float: left; width: 49%; margin-right: 2%; padding: 10px 0; font-size: 14px; color: #666; border-color: #ddd; text-align: center; box-sizing: border-box;} .share a:hover, .share a:focus { background-color: #fff; border-color: #999; } .share a:last-child { margin-right: 0;} .share a:after { content: ''; display: none;} .share .fb { color: #3b579d;} .share .tw { color: #5ea9dd;} .share i { font-size: 18px; line-height: 1; margin-right: 5px; vertical-align: middle;} .share span { vertical-align: middle; } .ls-imp, .text .ls-imp { margin-left: 0; list-style-type: none; font-size: 18px; } .ls-imp li { position: relative; margin-bottom: 10px; padding-left: 20px; } .ls-imp li:last-of-type { margin-bottom: 0; } .ls-imp li:before { content: ''; position: absolute; left: 0; top: -2px; color: #ee7421; font-size: 24px; line-height: 1; } .free-tag { position: absolute; left: -30px; top: -13px; padding: 4px 7px 2px; background-color: #ee7421; color: #fff; text-transform: uppercase; font-size: 11px; } .en .free-tag { left: -20px; } .bloc-download { position: fixed; right: -100%; bottom: 0; z-index: 100; width: 520px; padding: 30px; border: 12px solid #ee7421; box-sizing: border-box; background-color: #fff; font-size: 13px; text-align: left; box-shadow: 0 0 25px rgba(0, 0, 0, 0.3); } .bloc-download h4 { margin-top: 15px; color: #ee7421; font-size: 15px; line-height: 1.2; } .bloc-download input { width: 100%; box-sizing: border-box; } .bloc-download .close span { display: none; } .bloc-download .close:before { content: '\f057'; position: absolute; top: 5px; right: 5px; font-size: 24px; line-height: 1; } .bloc-download img { float: left; } .bloc-download .bt { clear: left; margin-top: 15px; } .bloc-download form, .bloc-download > div { margin-left: 160px; } .bloc-download div .bt:after { content: '\f019'; margin-left: 10px; color: #fff; } /** ******************************************************* * sections */ #main { position: relative; min-height: 496px; background: center center no-repeat;} #main .container { min-height: 496px; } #frm-choice .container { min-height: inherit!important; height: auto!important; } #main h1 { font-size: 28px; line-height: 1.4;} #main.acc { min-height: inherit; height: 560px;} #main.acc .slogan { max-width: 600px; margin-left: auto; margin-right: auto; padding: 130px 0 0;} #main.acc .slogan h1 { padding: 30px; color: #fff; font-size: 32px; line-height: 1.3;} #main.main1 .slogan { padding-top: 330px;} #main.main3 .slogan { max-width: 735px; padding-top: 190px;} #main.main3 .slogan h1 { text-align: left;} #main.main2 .slogan { max-width: 735px;} #main.main2 .slogan h1 { text-align: center;} #main.acc form { position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; background-color: rgba(255,255,255,0.75);} #main.acc p { text-align: center; color: #258a9f; font-size: 28px;} #main.acc form label { vertical-align: middle; } #main.acc .select { display: inline-block; width: 400px; height: 45px; margin-left: 5px; font-size: 24px; color: #258a9f; border: 2px solid #258a9f; background-color: transparent; vertical-align: middle;} #main.acc .select:after { margin-top: -16.5px;} #main.main-aidodys { min-height: 496px; background: #2cabe0 url(../img/prod/aidodys/banner-aidodys.png) center center no-repeat;} #main.main-calc { min-height: 496px; background: #5e8a1b url(../img/prod/dyca/banner-calc.2.png) center center no-repeat;} #main.main-orth { min-height: 496px; background: #006383;} #main.main-orth img { position: absolute; z-index: 1; right: 0; top: 0; } #main.main-inspiration { min-height: 496px; background: #231f76 url(../img/prod/insp/banner-inspiration.png) center center no-repeat;} #main.main-wordq { min-height: 496px; background: #ca2128 url(../img/prod/wq/banner-wordq-2024.png) center center no-repeat;} #main.-wqc { min-height: 496px; background: #ca2128 url(../img/prod/wq/banner-wordqc.png) center center no-repeat;} #main.main-cpen { min-height: 496px; background: #ea5b0b; } #main.main-cpen img { position: absolute; z-index: 1; right: 30px; top: 37px; } #main.main-si { min-height: 496px; background: #33cb59; } #main.main-si img { position: absolute; z-index: 1; right: 15px; top: 88px; } #main.main-tic { min-height: 496px; background: #1f81d8; } #main.main-tic img { position: absolute; z-index: 1; right: 15px; top: 88px; } #main.main-orth .container:after, #main.main-cpen .container:after, #main.main-tic .container:after, #main.main-si .container:after { content: ''; position: absolute; top: 0; bottom: 0; right: 185px; width: 150px; background-color: #000; opacity: 0.1; transform: skewX(-25deg); } #main .txt { position: absolute; z-index: 2; left: 0; top: 60px; max-width: 400px; font-size: 18px; color: #fff;} #main h1, #main.-wqc h1 { font-size: 24px; color: #fff;} #main.main-wordq .txt { max-width: 300px;} #main.main-wordq h1 { font-size: 20px;} #main .bt { margin-top: 10px; background-color: transparent; border-color: #fff; color: #fff; } #main .bt:hover, #main .bt:focus { background-color: #fff; color: #258a9f; } #main .bt:after { color: #fff; } #main .bt:hover:after, #main .bt:focus:after { color: #258a9f; } .stats.aidodys, .box.aidodys { background: #2cabe0;} .stats.calc, .box.calc { background: #5e8a1b;} .box.calc{ border-bottom:none;} .stats.orth, .box.orth { background: #006383;} .stats.inspiration, .box.inspiration { background: #231f76;} .stats.wordq, .box.wordq { background: #ca2128;} .edition-content { background-color: #ccc; padding: 30px;} .edition {} .edition li { display: inline; margin: 0 5px;} .edition a { display: inline-block; padding: 10px 30px; text-align: center; color: #258a9f; background-color: rgba(255, 255, 255, 0.5); font-size: 18px; line-height: 1.2; box-sizing: border-box;} .edition a:hover, .edition a:focus { background-color: #fff; color: #258a9f;} .edition .selected, .edition .selected:hover, .edition .selected:focus { position: relative; top: 1px; background-color: #fff; color: #258a9f;} .edition-content > div:not(.banner) { max-width: 1220px; margin-left: auto; margin-right: auto; padding-bottom: 1px; background-color: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.2);} .edition-content > .banner { max-width: 970px; margin: 0 auto 30px;} .edition-content > .banner img { display: block; } .pad-content .full-bt, .edition-content .full-bt { margin-bottom: -1px;} .ls-products {} .full + .ls-products { margin-top: 45px; margin-bottom: 30px;} .full + #subventions { margin-top: 0; } .ls-products article { position: relative; margin-bottom: 3.8%; text-align: center; overflow: hidden;} .ls-products article a > div { margin-bottom: 10px; } .ls-products article a > div:after { content: ''; display: inline-block; width: 0; height: 214px; vertical-align: bottom; } .ls-products.cols article a > div:after { height: 150px; } .ls-products article img, .ls-products article .round { margin-bottom: 10px; margin-left: auto; margin-right: auto;} .ls-products article img { max-width: 96%; max-height: 214px; height: auto; margin-bottom: 0; vertical-align: bottom;} .ls-products article .round img { max-width: 100%; max-height: inherit; } .ls-products.cols article img { max-height: 150px;} .ls-products article h4 { margin-bottom: 5px;} .ls-products.cols { margin-top: 45px;} .ls-products.cols h4 { font-size: 16px;} .ls-products s, .frm-add2cart s, .w-shop-header-button s { margin-left: 5px; opacity: 0.5; font-style: italic; font-size: 75%; } .frm-add2cart s, .w-shop-header-button s { margin-left: 0; margin-right: 5px;} .w-shop-header-button s { font-size: 60%; } .ls-products .sale, .prod-img .sale { position: absolute; z-index: 2; top: 0; right: 15px; display: block; width: 60px; height: 60px; line-height: 60px; font-size: 12px; text-transform: uppercase; background-color: #dc3638; color: #fff; border-radius: 100%; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); } .ls-collab {} .ls-collab h3 { margin-bottom: -10px;} .ls-collab article { margin-top: 30px; font-size: 13px;} .ls-collab .img { height: 78px; margin-bottom: 15px; text-align:center;} .ls-collab .img:after { content: ''; display: inline-block; height: 100%; vertical-align: bottom;} .ls-collab .img img { vertical-align: bottom;} #home-partners {} #home-partners article .round, .more-round { margin-left: auto; margin-right: auto;} .partner-vids { display: flex; justify-content: space-between; margin-bottom: 30px; } .partner-vids > div { flex: 0 0 48%; } .partner-vids iframe { max-width: 100%; height: auto; } /* about */ .about { height: 500px; background: #25b1c2 url(../img/about.jpg) center center no-repeat;} .ls-team {} .ls-team .role { margin-top: -15px; margin-bottom: 20px; font-style: italic;} .ls-team .fa { margin-top: 15px; font-size: 24px;} .ls-team .fa:hover, .ls-team .fa:focus { opacity: 0.75} .ls-team .round { display: block; width: 200px; height: 200px;} /* products */ .prod-bar { position: relative; margin-bottom: -1px; padding: 10px 0; background-color: #e9f3f5;} .prod-bar.fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 100; box-shadow: 0 5px 15px rgba(0,0,0,0.2);} .prod-bar .title { float: left; padding: 6px 0 2px; color: #258a9f; font-size: 24px; line-height: 1;} .prod-bar p:last-of-type { float: right; margin-top: 1px;} .prod-bar p:first-of-type { float: left; margin-top: 0;} .prod-bar .bt { margin-left: 5px; padding: 5px 18px; font-size: 14px; background-color: transparent;} .prod-bar .bt:hover, .prod-bar .bt:focus { background-color: #258a9f; color: #fff; } .prod-bar .bt:after { display: none; } .prod-bar .buy { margin-left: 10px; font-size: 12px; } #prod-choice { margin-bottom: -1px; border-bottom: 1px solid #ddd;} .features { border-left: 1px solid #ddd;border-top: 1px solid #ddd} .features article { text-align: center; padding: 30px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;} .features .round { margin-bottom: 20px; margin-left: auto; margin-right: auto; width: 150px; height: 150px; color: #838286;} .features h4 { color: #666;} .features a h4 { color: #258a9f;} .features a:hover h4, .features a:focus h4 { color: #27a8b8;} .features h4, .features p { margin-left: auto; margin-right: auto; max-width: 280px;} .cats { padding: 40px 0 10px; border-bottom: 1px dotted #ddd;} .cats p { float: left; text-transform: uppercase;} .cats ul { float: left; margin-left: 30px; text-transform: uppercase;} .cats li { display: inline; margin-right: 15px;} .cats .selected { color: #000;} .ressources { margin-bottom: -1px;} .ressources .container { max-width: 550px; margin-left: auto; margin-right: auto; text-align: center;} .ressources .round { width: 200px; height: 200px;} .prod-more-infos { margin-bottom: 30px;} .prod-more-infos a { margin-right: 10px; border-bottom: 1px dotted #258a9f;} .prod-more-infos a:before { content: '+ ';} .prod-more-infos .open:before { content: '- ';} .prod-more-infos a:last-of-type { margin-right: 0;} .demo-select { margin-top: 30px;} .demo-select article { margin-bottom: 3.8%;} .demo-select a { display: block; text-align: center;} .demo-select i { display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; width: 100%;} .demo-select .flag-icon.flag-icon-squared { width: 105%; height: 105%; margin-left: -2.5%; margin-top: -2.5%;} .demo-select h4 { margin-top: 10px; text-align: center;} .video-bloc {} .video-bloc .vid { background: center center no-repeat; background-size: cover;} .video-bloc .vid a { display: block; height: 100%;} .video-bloc .vid a:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;} .video-bloc .vid a:hover:after, .video-bloc .vid a:focus:after { display: block; background-color: rgba(0,0,0,.5);} .video-bloc .vid a img { z-index: 2;} .video-bloc .desc { padding: 80px 30px; text-align: left; font-size: 16px; color: #fff; background: #27a8b8;} .video-bloc .desc h3 { font-size: 28px; color: #fff;} .video-bloc .desc h3, .video-bloc .desc p { max-width: 370px;} #aido-action {} .img-split { position: relative; overflow: hidden; margin-bottom: 15px; border: 1px solid #ddd; } .img-split img { max-width: 100%; height: auto; } .img-split:after { content: ''; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0.25; } .img-split .before { display: block; } .img-split .after { position: absolute; z-index: 3; top: 0; left: 0; bottom: 0; background-color: #fff; } .img-split .handle { position: absolute; z-index: 4; top: 0; left: 0; bottom: 0; width: 44px; cursor: ew-resize;} .img-split .handle span { position: absolute; top: 50%; left: 0; display: block; width: 44px; height: 44px; background-color: #27a8b8; border-radius: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .img-split .handle span:after { content: '\f0dc'; position: relative; z-index: 2; display: block; width: 44px; font-size: 24px; line-height: 44px; color: #fff; text-align: center; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .img-split .handle:before { content: ''; position: absolute; top: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); width: 4px; height: 381px; background-color: #27a8b8; } .try {} .try h3 { margin-top: 60px;} .try h4 { margin-bottom: 30px;} .try .submit a { margin-bottom: 10px; } .try .submit span { display: block; margin: 15px 0 10px; font-size: 18px; } .screen { position: relative; display: block;} .screen img:first-of-type { max-width: 100%; height: auto; } .screen img:last-of-type { position: absolute; top: 14px; left: 15px;} .try .screen img:last-of-type { left: 15px;} .col3 .screen img:last-of-type { top: 11px; left: 12px; max-width: 272px; height: auto; } .demo-cols .screen { width: 381px; margin-left: auto; margin-right: auto;} .demo-cols .screen + .banner { margin-top: 15px; } .demo-cols .banner { max-width: 350px; margin: 0 auto; } .demo-orth .i-radio .text { padding-bottom: 15px; font-size: 14px; border-bottom: 2px solid #ddd; } /* wqc */ .wqc-features { background-color: #e9f3f5; } .wqc-features h2 { margin-bottom: 45px; text-align: center; } .wqc-features .action { margin-top: 45px; text-align: center; } .ls-feat { display: grid; grid-template-columns: repeat(3, 30.75%); column-gap: 3.8%; row-gap: 30px; font-size: 14px; } .ls-feat h3 { margin-bottom: 10px; font-size: 16px; text-transform: uppercase; } .ls-feat img { display: block; margin-bottom: 15px; } .faqs.-sml {} .faqs.-sml > li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ddd; } .faqs.-sml > li:last-child { padding-bottom: 0; border-bottom: none; } .faqs.-sml > li:nth-child(2n) { background-color: transparent; } .faqs.-sml > li h3 { font-size: 16px; } .faqs.-sml > li h3 a { padding: 0; color: #666; } .faqs.-sml .text { margin-top: 10px; } .faqs.-sml h3 a:hover { color: #258a9f; } .wqc-outro { position: relative; display: flex; justify-content: space-between; align-items: center; } .wqc-outro:after { content: ''; position: absolute; top: 30px; bottom: 30px; left: 50%; width: 1px; background-color: #ddd; } .wqc-outro > * { flex: 0 0 48%; } .wqc-outro > *:nth-child(2) h3 { margin-bottom: 10px; } .wqc-outro .submit { margin-bottom: 0; } #i-wqc-nb { max-width: 150px; } .wqc-code { font-size: 24px; color: #258a9f; font-weight: bold; } /* dyor */ .fiche-desc { background-color: #27a8b8; } .fiche-desc .container { text-align: center; } .fiche-desc h3 { font-size: 24px; color: #fff; } .fiche-desc p { font-size: 16px; } .dybuster-how { overflow: hidden; } .brain { float: right; width: 350px; height: 283px; margin: 0 0 -50px 30px; } .ls-vids { margin-bottom: -30px; } .ls-vids article { margin-bottom: 30px; } .ls-vids h4 { margin-bottom: 10px; } .ls-vids .img, .vid-single a { position: relative; display: block; margin-bottom: 5px; } .ls-vids .play, .vid-single .play, .vid .play { position: absolute; z-index: 2; top: 50%; left: 50%; margin: -24.5px 0 0 -24.5px; } .vid-single .play { position: absolute; top: 50%; left: 50%; margin: -49px 0 0 -49px; } .vid .play { margin: 0; transform: translate(-50%, -50%); } .vid-single img:first-of-type { max-width: 100%; height: auto; } .ls-chars { margin-bottom: -30px; } .ls-chars h3 { margin-bottom: 30px; } .ls-chars article { margin-bottom: 30px; text-align: center;} .ls-chars .img { margin: 0 auto 10px; height: 55px; text-align: center; } .ls-chars .img:after, .license .img:after { content: ''; display: inline-block; height: 100%; vertical-align: bottom; } .ls-chars .img img, .license .img img { max-height: 100%; vertical-align: bottom; } .ls-chars h4 { margin-bottom: 10px; color: #555; } .ls-chars p { color: #999; } .ls-chars .characs { clear: both; margin: 15px 0 30px; } .license { padding: 20px 0; background-color: #27A8B8; color: #fff; } .license article { margin-bottom: 30px; text-align: center; } .license h3 { margin-bottom: 30px; text-align: left; } .license.closed h3 { margin-bottom: 0; } .license h3 a { display: block; color: #fff; } .license h3 a:hover { opacity: 0.5; } .license h3 a:before { content: ''; margin-right: 10px; } .license.closed h3 a:before { content: ''; } .license .img { margin-bottom: 10px; height: 70px; text-align: center; } .license img { display: inline-block;} .license .full-bt { clear: both; margin: 0 0 -20px; } .license .full-bt a { padding: 15px; font-size: 18px; background-color: #005270; } .license .full-bt a:hover { background-color: #042E42; } .buy-or-try { background: url(/img/prod/dyor/dyor-footer-fr.2.png) right -20px center no-repeat; background-size: 400px 282px; } .en .buy-or-try { background-image: url(/img/prod/dyor/dyor-footer-en.2.png); } .buy-or-try h3 { margin-bottom: 30px; } .buy-or-try .bloc { text-align: center; padding: 0 25px; } .buy-or-try .bloc .bloc { padding: 0 10px; } .buy-or-try .bloc:first-of-type:not(.last) { border-right: 1px solid #ccc; } .buy-or-try .bloc strong { display: block; font-size: 16px; color: #258a9f; } .buy-or-try em { display: block; margin-bottom: 3px; font-size: 12px; line-height: 1.2; } .buy-or-try .bloc .bt { position: relative; margin-top: 30px; } .dyor-demo-box { background: url(/img/prod/dyor/dyor-demo-fr.2.png) right -20px center no-repeat; background-size: 400px 282px;} .en .dyor-demo-box { background-image: url(/img/prod/dyor/dyor-demo-en.2.png);} /* cpen */ #cpen-vid { background: url(/img/prod/cpen/bg-video.jpg) center center no-repeat; background-size: cover; } .prod-vid .vid { position: relative; max-width: 640px; margin-left: auto; margin-right: auto; } .prod-vid .img { position: relative; } .prod-vid .img:after { content: ''; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.2; } .prod-vid .vid img { display: block; } .boite { position: absolute; top: -55px; bottom: -55px; right: 0; width: 31%; padding: 30px; background-color: #ea5b0b; color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); box-sizing: border-box; } .boite > div { display: table; height: 100%; } .boite > div > div { display: table-cell; vertical-align: middle; } .boite h3 { color: #fff; font-size: 18px; } .boite ul { margin-left: 0; list-style-type: none; color: rgba(255, 255, 255, 0.7); } .boite li { position: relative; padding: 3px 0 3px 30px; } .boite li:before { content: '\f00c'; position: absolute; top: 0; left: 0; font-size: 18px; color: #fff; } .ls-ecoles { margin: 30px 0 0; } .ls-ecoles article { display: table; height: 190px; margin-bottom: 30px; text-align: center; } .ls-ecoles article span { display: table-cell; height: 100%; border: 1px solid #ddd; vertical-align: middle; } .pen-quote { position: relative; float: left; width: 58%; padding-top: 60px;} .pen-quote:before { content: '“'; position: absolute; top: 0; left: 50%; transform: translateX(-50%); color: #ddd; font-size: 111px; line-height: 1; } .pen-quote p { font-size: 26px; font-style: italic; color: #555; } .pen-quote cite { display: block; margin-top: 20px; font-size: 16px; } .pen-awards { float: right; width: 40%; margin-top: 50px; } .pen-awards div { float: left; display: table; width: 180px; height: 180px; text-align: center; border-radius: 100%; box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.3); } .pen-awards div:last-of-type { margin-left: 0; } .pen-awards span { display: table-cell; vertical-align: middle; } .pen-ecole { background-color: #27a8b8; color: #fff; } .pen-ecole h3, .pen-ecole a:not(.bt) { color: #fff; } .pen-ecole .essai p:last-of-type { display: block; margin-top: 15px; } .pen-ecole .essai a {} .pen-ecole .buy h4, .pen-ecole .essai h4 { margin-bottom: 5px; } .pen-ecole .buy p, .pen-ecole .essai h4 + p { color: rgba(255, 255, 255, 0.7); font-style: italic; line-height: 1.2; } .pen-ecole .buy strong { margin-left: 3px; font-style: normal; font-size: 18px; line-height: 1; color: #fff; } .pen-ecole .buy .bt { margin-top: 15px; font-style: normal; } .pen-ecole .bundle { position: relative; } .pen-ecole .bundle > img { position: absolute; top: 115px; } .pen-ecole .bundle div { display: table; width: 225px; height: 225px; margin-left: 30px; margin-bottom: 10px; background-color: #fff; border: 1px solid #ddd; border-radius: 100%; overflow: hidden; text-align: center; } .pen-ecole .bundle div span { display: table-cell; vertical-align: middle; } .pen-ecole .bundle p { width: 225px; margin-left: 30px; font-size: 12px; text-align: center; color: rgba(255, 255, 255, 0.7); } .pen-buy-img { height: 230px; background: url(/img/prod/cpen/bg-buy.jpg) 50% 50% no-repeat; background-size: cover; } .pen-buy {} .pen-buy img { float: left; margin-top: -150px; } .pen-buy .bloc { margin: -75px 200px 0 360px; overflow: hidden; } .pen-buy header { margin-bottom: 30px; padding: 25px 10px; background-color: #003a6e; color: rgba(255, 255, 255, 0.7); text-align: center; border-radius: 5px; } .pen-buy header h3 { font-size: 18px; color: #fff; } .pen-buy strong { color: #fff; font-size: 24px; } .pen-buy ul { margin: 0 10px 30px; } .pen-buy li { position: relative; margin-bottom: 5px; padding-top: 1px; padding-left: 25px; } .pen-buy li:before { content: '\f058'; position: absolute; left: 0; top: 0; color: #003a6e; font-size: 18px; line-height: 1;} .pen-buy .bloc p { text-align: center; } .eur .pen-buy .bloc header { background-color: #ea5b0b; } .eur .pen-buy li:before { color: #ea5b0b; } .pen-buy .inactive { text-decoration: line-through; color: #ccc; } .pen-buy .inactive:before, .pen-buy .last .inactive:before { content: '\f057'; color: #ddd; } .cpen-try-banner { position: relative; height: 260px; margin-bottom: 45px; background: url(/img/prod/cpen/bg-essai.jpg) 50% 50% no-repeat; background-size: cover; } .cpen-try-banner:before { content: ''; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0.5; } .cpen-try-banner h2 { position: relative; z-index: 2; display: table; max-width: 640px; width: 100%; height: 100%; margin: 0 auto; color: #fff; text-transform: none; } .cpen-try-banner h2 span { display: table-cell; vertical-align: middle; } .cpen-try-img { position: relative; z-index: 3; margin-top: -95px; } /* syntaxe interactive */ #si-vid { background: url(/img/prod/si/bg-video.jpg) center center no-repeat; background-size: cover; } #si-vid h3 { color: #fff; } .si-fonc { font-size: 16px; } .si-fonc ul { float: left; width: 66%; } .si-fonc li { position: relative; margin-bottom: 10px; padding-left: 30px; } .si-fonc li:last-of-type { margin-bottom: 0; } .si-fonc li:before { content: '\f00c'; position: absolute; top: 0; left: 0; font-size: 20px; line-height: 1; color: #33cb59; } .si-fonc img { float: right; max-width: 30%; height: auto; } .si-qc {} .si-qc.last { margin-bottom: -1px; } .si-qc img { float: left; margin: -2px 0 0 0; } .si-qc span { display: block; margin-left: 60px; } .si .buy-or-try { margin-bottom: -1px; background: url(/img/prod/si/si-foot.png) right center no-repeat; background-size: 340px auto; } .si .buy-or-try h3 { margin-bottom: 10px; } .buy-desc { font-size: 16px; } .si .buy-or-try .bloc .bt { margin-top: 10px; } .i-numbers {} .i-numbers .form-group { overflow: hidden; } .i-numbers label { float: left; margin-top: 3px; width: calc(100% - 90px - 15px); } /*.pop .i-numbers label { margin-top: 0; }*/ /*.eur .pop .i-numbers label { margin-top: 12px; }*/ .i-numbers label span { display: block; } .i-numbers input { float: left; width: 90px; margin-right: 15px; } .total-bon { display: inline-block; margin: 20px 0 30px; padding: 5px 30px; color: #555; font-size: 36px; text-align: center; background: rgba(51, 203, 89, 0.25); } .total-bon + span { position: relative; top: -5px; display: inline-block; margin-left: 10px; color: #999; } #si-start { margin-bottom: 20px; } .si-resume { margin: 30px 0 10px; } .si-resume p:first-of-type { text-transform: uppercase; } .si-resume [data-content="cycle"]:after { content: ', '; } #si-edit { margin-top: 5px; } /* simpletic */ #tic-vid { background: url(/img/prod/tic/bg-video.2.jpg) center center no-repeat; background-size: cover; } #tic-vid h3 { color: #fff; } .tic.edition-content {} .tic.edition-content .ls-vids {max-width: 460px; margin-top: 5px; } .tic.edition-content .ls-vids .img:after { content: ''; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0.2; } .ls-check, .text .ls-check { margin-left: 0; list-style-type: none; } .ls-check li { position: relative; margin-bottom: 10px; padding-left: 30px; } .ls-check li:before { content: '\f00c'; position: absolute; top: 0; left: 0; font-size: 20px; line-height: 1; color: #838386; } .text .tic-price-desc { margin-bottom: 3px; font-style: italic; font-size: 12px; } .tic-price { display: inline-block; margin-bottom: 10px; font-size: 28px; line-height: 1; color: #258a9f; } .tic-price-solo, .tic-price-bundle { display: inline-block; width: 200px; margin: 30px 0 15px; } .tic-price-bundle { border-left: 1px solid #ccc; } .tic .buy-or-try { margin-bottom: -1px; background: url(/img/prod/tic/tic-foot.png) right center no-repeat; background-size: 340px auto; } .tic-prod-radio {} .tic-prod-radio .i-radio span { display: inline-block; width: 200px; } .tic-prod-radio .i-radio strong { display: inline-block; width: 75px; text-align: right; } #tic-bon-img { margin-top: -50px; margin-bottom: 30px; } .bon-online { width: 290px; margin-top: -5px; text-align: center; } .bon-online a { color: #666; text-decoration: underline; } .bon-online a:hover, .bon-online a:focus { color: #000; } #info-ecole .i-radio { margin-bottom: 24px; } #info-ecole .i-radio div { margin-bottom: 10px; } /* price list */ #men-licences { max-width: 640px; margin: 30px auto 45px; text-align: center; font-size: 12px; text-transform: uppercase; border-bottom: 1px solid #ddd; } #men-licences li { display: inline; } #men-licences a { display: inline-block; margin-bottom: -1px; padding: 5px 10px 3px; white-space: nowrap; border: 1px solid #fff; border-bottom-color: transparent; } #men-licences a:hover, #men-licences a:focus { color: #27a8b8; } #men-licences .selected { border: 1px solid #ddd; border-bottom-color: #fff; background-color: #fff;} .price-license { max-width: 480px; margin: 0 auto 0; } .price-license:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } #licences h2, .price-license h3, .price-license h4 { text-align: center; } #licences .banner { max-width: 350px; margin: 30px auto 0; } .price-license .tbl-wrap { margin-bottom: 15px; } .price-license .i-info { font-size: 12px; } .tbl-price { width: 100%; } .tbl-price thead { background-color: #258a9f; } .tbl-price th { vertical-align: middle; } .th-nb { width: 130px; } .tbl-price .sml { font-size: 11px; } /* demo frame */ #full-frame { margin-bottom: -5px; } .content #head .logo img { width: 200px; height: auto; } .content #head .bt { float: right; margin-top: 18px; } /* ortho */ .service { height: 500px; background: url(../img/service.jpg) center center no-repeat;} .how { padding-bottom: 40px; border-bottom: 1px solid #ddd;} .how h3 { font-size: 20px;} .how i { position: absolute; left: -28%; font-size: 150px; color: rgba(255,255,255,0.15);} .how .container div { position: relative; width: 26.66%; margin-right: 10%; text-align: center;} .how .container div.last { margin-right: 0;} /* partenariat */ .partner-head, .partner-outro { max-width: 1280px; margin-left: auto; margin-right: auto; } .partner-head { position: relative; padding: 60px 0; background: url(../img/partners/bg-head.jpg) 100% 0/auto 100% no-repeat; } .partner-head:before, .partner-outro:before { content: ''; position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%), linear-gradient(to left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 20%); } .partner-head .back { display: inline-block; margin-bottom: 30px; padding: 0; border: none; border-radius: 0; text-transform: uppercase; color: #5d657e; font-size: 14px; } .partner-head .back:before { color: #5d657e; } .partner-head .back:hover, .partner-head .back:focus { color: #333; background-color: transparent; } .partner-head .back:hover:before, .partner-head .back:focus:before { color: #333; } .partner-head .text, .activation { max-width: 320px; } .partner-head h1 { margin-top: 30px; font-size: 32px; color: #ed7b24; line-height: 1.1; } .partner-head .btn.-top { position: absolute; top: -30px; right: 0; } .partner-head .btn, .partner-cta .btn { display: inline-block; padding: 10px 25px; background: #ed7b24; color: #fff; text-align: center; border: 1px solid #fff; border-radius: 25px; } .partner-head .btn:hover, .partner-head .btn:focus, .partner-cta .btn:hover, .partner-cta .btn:focus { background-color: hsla(26.0, 84.8%, 43.5%, 1.0); } .activation { margin-top: 15px; padding: 15px; background-color: #fff; box-shadow: 0px 24px 56px rgba(0, 0, 0, 0.1); box-sizing: border-box; } .activation strong { display: block; color: #2c2c2c; } .activation a:after { content: '\f105'; margin-left: 5px; } .partner-content { font-size: 16px; background: url(../img/partners/bg-content.svg) 50% 100%/100% auto no-repeat; } .partner-content h2 { margin-bottom: 15px; font-size: 28px; color: #ed7b24;} .partner-content .text { margin-bottom: 45px; } .partner-content .ls-cols { columns: 2; } .partner-content .col-box { display: flex; justify-content: space-between; margin-bottom: 60px; } .partner-content .col-box > div { flex: 0 0 30.75%; padding: 30px; background-color: #fff; box-shadow: 0px 24px 56px rgba(0, 0, 0, 0.1); box-sizing: border-box; font-size: 14px; border-radius: 4px; } .partner-content .col-box img { display: block; margin-bottom: 10px; } .partner-content .col-box h3 { font-size: 18px; } .partner-vid { margin-left: 60px; border-radius: 4px; overflow: hidden; } .partner-vid iframe { border-radius: 4px; } .partner-content blockquote { position: relative; z-index: 2; margin: -20px 60px 0 0; padding: 60px 60px 60px 220px; background-color: #fff; box-shadow: 0px 24px 56px rgba(87, 61, 99, 0.24); font-size: 24px; border-radius: 4px; } .partner-content blockquote:before { content: ''; position: absolute; top: 50%; left: 60px; width: 97px; height: 72px; background: url(../img/partners/quote.svg) 0 0/100% auto no-repeat; transform: translateY(-50%); } .partner-content blockquote p { font-style: italic; color: #2c2c2c; } .partner-content blockquote cite { display: block; margin-top: 30px; color: #ed7b24; font-size: 16px; line-height: 1.2; } .partner-outro { position: relative; z-index: 1; margin-top: 45px; padding: 125px 0; background: url(../img/partners/bg-outro.jpg) 100% 0/60vw auto no-repeat; } .partner-outro h2 { margin-bottom: 15px; max-width: 50%; font-size: 44px; line-height: 1.1; color: #ed7b24; text-transform: none; } .partner-cta { padding: 60px 0; } .partner-cta .container { text-align: center; } .partner-cta p { max-width: 480px; margin: 0 auto 30px; font-size: 24px; color: #2c2c2c; } .partner-cta .btn {} /* ressources */ .faqs { margin-bottom: 30px; font-size: 16px;} .faqs > li h3 { margin-bottom: 0; font-size: 20px;} .faqs > li h3 a { display: block; padding: 20px 0;} .faqs > li h3 a:after { content: ' '; margin-left: 3px;} .faqs > .open h3 a:after { content: ' ';} .faqs > li:nth-child(2n) { background-color: #e9f3f5;} .faqs .container div { padding-bottom: 20px;} .faqs .text { margin-bottom: 0;} .faqs .text :last-child { margin-bottom: 0;} .punct { display: inline-block; width: 50px;} .faqs .text{display:none;} .faqs .open .text{display:block;} /* testimonies */ .full-quote {} .full-quote.alt { background-color: #e9f3f5;} .full-quote .container { padding: 40px;} .full-quote blockquote { font-size: 16px;} .full-quote .cat { display: inline-block; margin-bottom: 15px; padding: 2px 10px; background-color: #999; color: #fff; font-size: 12px; border-radius: 10px;} .full-quote .cat:hover, .full-quote .cat:focus { background-color: #ee7421;} .full-quote cite { display: block; margin-top: 15px; font-size: 16px; text-transform: uppercase; color: #666;} .full-quote cite em { font-style: normal;} .full-quote cite img { float: right;} .quote { position: relative; font-size: 24px; line-height: 1.2; color: #fff; background: center 0 no-repeat;} .quote .container { padding: 40px 30px 80px; text-align: center;} .quote img { margin-bottom: 30px;} .quote h3 { color: #fff;} .quote cite { display: block; margin-top: 30px; font-size: 20px;} .quote .more { position: absolute; bottom: 0; right: 0; left: 0; text-align: center;} .quote .more span { padding: 5px 10px; border: 0; font-size: 14px; background-color: #ee7421; border-radius: 0;} .quote .more span:after { content: ' '; margin-left: 3px;} .quote .more:hover span { background-color: #b94c16;} /* soumission */ .soumission img {box-shadow: 0 0 5px #ccc} /* contact */ .map { width: 100%; min-height: 300px; height: 100%;} #box-map1 { border-bottom: 1px solid #ddd;} .addr { line-height: 1.2;} .addr p { margin-top: 15px;} #contact .i-checkbox { overflow: hidden;} #contact .i-checkbox div { float: left; width: 50%;} .follow .fa { font-size: 36px; margin: 0 2px;} .social .fa:hover, .social .fa:focus { opacity: 0.75} /* store */ .frm-add2cart { margin-bottom: 30px;} .frm-add2cart table { width: 100%; margin-bottom: 5px;} .frm-add2cart thead { background-color: #ee7421;} .frm-add2cart tfoot td { padding: 0;} .frm-add2cart td input[type=radio] { float: left; } .frm-add2cart td label { display: block; margin: 2px 0 0 25px; } .frm-add2cart td small { display: block; font-size: 85%; } #cart-add { display: block; width: 100%; padding: 12px 0; border: 0; border-radius: 0;} #cart-add:after { content: '';} #cart-add:before { content: ''; display: inline-block; width: 36px; height: 36px; margin-right: 5px; vertical-align: middle;} .promo-box { margin-bottom: 20px; padding: 0 15px 10px; border-top: 2px solid #ee7421; border-bottom: 2px solid #ee7421; background-color: #fafafa; } .promo-box h4 { margin: -2px 0 5px; font-size: 14px; color: #ee7421; text-align: center; text-transform: uppercase; } .promo-box h4 span { display: inline-block; padding: 0 15px; background-color: #fafafa; } .promo-box h4 em { position: relative; top: -6px; font-style: normal; } .promo-box .promo-text { position: relative; margin-bottom: 10px; padding-left: 20px; padding-top: 3px; font-size: 14px; } .promo-box .promo-text:before { content: '\f055'; position: absolute; top: 0; left: 0; color: #ee7421; font-size: 16px; } .prod-img { position: relative; margin: 0 auto 40px; text-align: center; overflow: hidden;} .prod-img img { max-width: 100%; height: auto;} .prod-gal { margin: -25px 0 40px; padding-top: 15px; border-top: 1px solid #ddd;} .prod-gal li { margin-bottom: 3.8%;} .prod-gal img { border: 1px solid #ddd;} .prod-gal .selected img { border-color: #258a9f;} .prod-gal-more { display: block; width: 100%; height: 100%; max-height: 102px; background-color: #258a9f; color: #fff;} .prod-gal-more:hover, .prod-gal-more:focus { background-color: #27a8b8; color: #fff;} .prod-gal-more span { display: block; padding: 0 5px; text-align: center; font-size: 14px; text-transform: uppercase;} .tbl-cart { width: 100%; margin-bottom: 30px;} .bt-del { padding: 5px; font-size: 12px; color: #970006;} .bt-del:hover, .bt-del:focus { color: #FC000D;} tfoot .bt-del { color: #fff;} tfoot .bt-del:hover, tfoot .bt-del:focus { color: rgba(255,255,255,0.75);} .tbl-cart input { width: 40px; height: 30px; text-align: center;} .cart-img { width: 90px; padding: 8px; padding-right: 0;} .cart-img img { display: block; border: 1px solid #ddd; background-color: #fff;} .tbl-cart tfoot button { padding: 0; font-size: 14px; background-color: transparent; border: 0;} .tbl-cart tfoot button:hover, .tbl-cart tfoot button:focus { color: rgba(255,255,255,0.5);} .total, tfoot .alt { background-color: #258a9f;} .total td { vertical-align: middle;} .total .bt { display: block; max-width: 130px; text-align: center; border: 0; } .total .bt:hover, .total .bt:focus { background-color: #27a8b8; } .closer td { padding-top: 5px; padding-bottom: 5px;} .promo { margin: -15px 0 45px; text-align: right;} .promo input { width: 150px; vertical-align: middle;} .promo button { height: 40px; padding: 0 12px; font-size: 12px; vertical-align: middle; border-radius: 0;} .promo button:after { content: ''; display: none;} .promo-banner { margin: 30px auto 0; } .promo-banner a { display: inline-block; } .promo-banner img { display: block; margin: 0 auto; } .promo-banner a:hover img, .promo-banner a:focus img { opacity: 0.75; } .demo-cta { margin: 30px 0 15px;} .review-img { position: relative; z-index: 2; margin: 30px 0 -7px; margin-bottom: 15px; } .review-img img { display: block; margin: 0 auto; } .review { position: relative; z-index: 1; } .review h5 { margin: 0 80px 0 0; text-transform: none; } .review h5 + p, .review time { display: inline-block; margin-bottom: 10px; text-transform: uppercase; font-size: 11px; color: #999; } .review time { margin-left: 5px; padding-left: 10px; border-left: 1px solid #ccc; } .review .rating { position: absolute; top: 0; right: 0; color: #ccc; } .review .rating .val { position: absolute; left: 0; top: 0; color: #ffb718; } .review .text { font-size: 12px; } .review a { margin-top: 15px; } #sectionPayment input { width: 100%;} #sectionPayment textarea { height: 80px; } address { font-size: 16px; line-height: 1.2; word-wrap: break-word; overflow: hidden;} .card-exp {} .card-exp .select { float: left; width: 45%;} .card-exp span { float: left; width: 10%; margin: 10px 0 0; text-align: center;} #payment-form.stripe { max-width: 420px; } .ls-steps { padding-top: 40px;} .ls-steps li { display: inline;} .ls-steps a, .ls-steps span { float: left; display: block; width: 25%; padding-bottom: 10px; text-align: center; border-bottom: 5px solid #d1d3d4; box-sizing: border-box;} .ls-steps.steps3 a, .ls-steps.steps3 span { width: 33.33%;} .ls-steps .active a { border-bottom-color: #27a8b8} .saved { background-color: #ffedc5;} .collapse { display: none; visibility: hidden;} .collapse.in { display: block; visibility: visible;} .collapsing {position:relative;height:0;overflow:hidden;transition-timing-function:ease;transition-duration:.35s;transition-property:height,visibility} /* account */ .ls-addr { margin-bottom: 30px; border: 1px solid #ddd;} .ls-addr li { padding: 5px 10px;} .ls-addr li:nth-child(2n) { background-color: #e9f3f5;} .ls-addr a { display: block;} .ls-addr a i { float: left; margin-top: 1px;} .ls-addr a span { display: block; margin-left: 20px; color: #838386;} .ls-addr a:hover span, .ls-addr a:focus span { color: #27a8b8;} .ls-addr.full li { padding: 10px 15px;} .ls-addr.full a { margin-top: 5px;} .ls-orders { margin-bottom: 30px; border: 1px solid #ddd;} .ls-orders li { padding: 10px 15px;} .ls-orders li:nth-child(2n) { background-color: #e9f3f5;} .ls-orders .price { float: right; font-size: 18px; color: #258a9f;} .ls-orders p { margin: 5px 0;} .ls-orders time { display: inline-block; text-transform: uppercase; font-size: 12px; color: #999;} .ls-orders a:hover time, .ls-orders a:focus time { color: #27a8b8;} .ls-orders .fa-eye { padding-right: 5px;} .ls-orders .activate { margin-left: 15px; font-size: 12px;} .label.success, .label-error, .label-info, .ls-orders .label { display: inline-block; margin: 0 0; padding: 3px 7px; font-size: 12px; line-height: 1; background-color: #e1f1d3; border: 1px solid #c6d9b6; color: #3c763d; border-radius: 10px;} .ls-orders .label-error, .label-error { background: #fad5d8; border-color: #d4adb1; color: #a94442;} .ls-orders .label-info, .label-info { background-color: #ffedc5; border: 1px solid #dbc9a2; color: #857755;} .name { color: #333; font-style: normal;} .ls-jobs { margin-bottom: 40px; } .ls-jobs article { margin-bottom: 30px; } .ls-jobs h3 { margin-bottom: 5px; } .ls-jobs .type { text-transform: uppercase; letter-spacing: 1px; } /** ******************************************************* ** footer */ #frm-news { margin-top: -1px; margin-bottom: 30px; /*border-top: none;*/} #frm-news input, #frm-news button, #frm-news h3 { float: left; vertical-align: middle;} #frm-news h3 { display: inline-block; width: 18%; color: #fff; line-height: 40px; font-size: 32px; line-height: 40px;} #frm-news input { width: 66%; margin: 0 0 0 5%; height: 40px; font-size: 16px; background-color: #fff; border: none;} #frm-news button { width: 11%; height: 40px; padding: 0; color: #838386; border: none; background-color: #d1d3d4; border-radius: 0;} #frm-news button:after { color: #fff;} #frm-news button:hover, #frm-news button:focus { background-color: #2c2c2c; color: #fff;} #frm-news button:hover:after, #frm-news button:focus:after { color: #ffb718;} #foot { padding-bottom: 30px;} #foot .logo { float: right; margin-top: 5px;} #foot .menus { float: left; width: 70%; line-height: 1.4;} .menus nav { width: 26.2%; } .menus nav:last-of-type { width: 40%; } #foot .menus a { display: block;} #foot .social { position: relative; top: 27px; } #foot .menus .fa { display: inline-block; margin-right: 3px; font-size: 28px;} #foot form { margin: 5px 0;} #foot .select { width: 200px; height: 35px;} #foot select { height: 35px; background-color: transparent; color: #258a9f;} .cards { float: right; margin-top: 0; } .cards span { font-style: italic; font-size: 12px; color: #838386; margin-right: 10px; text-shadow: 1px 1px 0 #fff; vertical-align: bottom;} .cards .fa-lock { font-size: 24px; line-height: 1; vertical-align: middle; color: #838386; text-shadow: 1px 1px 0 #fff; } .cards .fa-check-circle { margin: 0 0 -2px -10px; padding: 1px 0 0 1px; color: green; vertical-align: bottom; background-color: #fff; border-radius: 100%; font-size: 14px; line-height: 13px; } .cards img { width: 35px; height: 24px; margin-right: 5px; vertical-align: bottom; } .cards img:last-of-type { margin-right: 0; } #sectionPayment .cards { float: none; margin-bottom: 15px; } .facil { display: flex; float: left; width: 360px; margin-top: -9px; margin-bottom: 30px; } .facil > img { flex: 0 0 auto; margin-right: 10px; } .facil a { flex: 1 1 auto; color: #838386; } .facil a:hover { color: #000; } .facil a img { float: left; } .facil div { margin-left: 150px; margin-top: 5px; font-size: 11px; line-height: 1; } .facil div span { display: block; margin-top: 2px; color: #ed1847; } #foot .copy { clear: both; margin-top: 0; font-size: 12px; color: #838386;} /** ******************************************************* ** responsive */ @media screen and (min-width: 1281px) { .edition-content, .pad-content { background-color: #ccc; padding: 30px;} .edition-content > div:not(.banner), .pad-content > div { max-width: 1220px; margin-left: auto; margin-right: auto; padding-bottom: 1px; background-color: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.2);} } @media screen and (max-width: 1279px) { .partner-head { background-position: 40vw 0; } } @media screen and (max-width: 1120px) { /*.pad.container { padding: 60px 40px; }*/ } /** 768 */ @media screen and (max-width: 1023px) { #wrapper { overflow-x: hidden;} .round img { max-width: 75%; max-height: 75%; } #prod-choice .round img { max-height: inherit; } .out { width: auto; margin-left: -30px; margin-right: -30px; } .out .container { padding-left: 30px!important; padding-right: 30px!important; } .container, h1.full, .h1.full, .pad.container { width: auto; padding-left: 30px; padding-right: 30px;} /* .pad .container, .pad.container { padding-left: 0; padding-right: 0;}*/ .pad .container { padding-left: 0; padding-right: 0;} #menu .container { padding: 0;} /* head */ #head .logo img { max-width: 169px;} #nav-lang { right: 30px; } /* pages */ .try .col2, .box .col3, #sommaire .col3, #sommaire .col2-3, .gen-con .col2-3, #sectionPayment, .order-fact { float: none; clear: left; width: auto; margin-right: 0;} #main .txt { font-size: inherit; } .ls-vids .col3 { float: left; clear: none; width: 30.75%; margin-right: 3.8%; } .ls-vids .col3.last { margin-right: 0; } .prod-gal img { max-width: 100%; height: auto;} .characs > .clearer, .stats .cols .clearer { height: 15px!important;} .col2-3.mid { width: auto;} .col2.mid { width: 66.66%;} .box .col3 { margin-top: 15px;} div[data-1023="0"] { display: none; } div[data-1023="1"], form[data-1023="1"] { float: none; width: auto; margin-right: 0; margin-bottom: 30px; } div[data-1023="1"]:last-of-type, form[data-1023="1"]:last-of-type { margin-bottom: 0; } .stats ul strong { font-size: 46px;} #home-partners article { margin-bottom: 20px;} .about, .service { height: 300px; background-size: auto 300px;} #box-map1 .bloc, #box-map2 .bloc { width: 50%;} .faqs > li h3 { font-size: 18px;} .filters p { width: 33.33%;} .video-bloc .bloc { width: 50%;} .prod-more-infos a { display: inline-block; margin-bottom: 10px;} .order-fact { margin-bottom: 30px;} .ls-steps a { height: 51px;} .steps3 a { height: auto;} #frm-choice label { font-size: 24px;} .quote { background-size: auto 420px; font-size: 22px;} #contact .i-checkbox div { float: none; width: auto;} .demo-orth .col3 { float: none; width: auto; margin-right: 0;} .boite { right: -30px; width: 38%; font-size: 14px; } .pen-quote, .pen-awards { float: none; width: auto; } .pen-awards { margin-top: 30px; } .pen-ecole .col2-3 { float: none; width: auto; margin-right: 0; } .pen-ecole .bundle { float: none; width: 260px; margin: 30px auto 0; } .pen-buy img { float: none; display: block; max-width: 300px; margin: -230px auto 30px; } .pen-buy .bloc { clear: left; margin: 0; } .ls-products {} .ls-products article a > div:after { height: 150px;} .ls-products.cols article a > div:after { height: 110px;} .ls-products article img { max-height: 150px; } .ls-products.cols article img { max-height: 110px; } .ls-products article .round img { height: auto;} .prod-gal-more { /*height: 76px;*/} .prod-gal-more span { font-size: 12px;} .cats {} .cats p { float: none; margin-bottom: 15px;} .cats ul { float: none; margin-left: 0;} .try {} .try .screen { display: none;} .try h3 { margin-top: 0;} .try .submit { margin-bottom: 0;} .promo-banner img { max-width: 100%; height: auto; } #main {} #main.acc, #main .container { height: 400px; min-height: inherit; background-size: auto 400px;} #main.acc .slogan { padding-top: 50px;} #main.main1 .slogan { padding-top: 188px;} #main.main-aidodys, #main.main-calc, #main.main-orth, #main.main-inspiration, #main.main-wordq, #main.main-cpen, #main.main-si, #main.main-tic { min-height: 400px; background-position: right center; background-size: auto 300px;} #main.main-aidodys { background-image: url(../img/prod/aidodys/banner-aidodys-sml.png);} #main.main-calc { background-image: url(../img/prod/dyca/banner-calc-sml.2.png);} #main.main-orth img { width: auto; height: 400px; right: -100px; } #main.main-inspiration { background-image: url(../img/prod/insp/banner-inspiration-sml.png);} #main.main-wordq { background-image: url(../img/prod/wq/banner-wordq-sml-2024.png);} #main.-wqc { background-image: url(../img/prod/wq/banner-wordqc-sml.png);} #main.main-cpen img { right: -20px; width: 350px; height: auto; } #main.main-si img, #main.main-tic img { right: -20px; width: 350px; height: auto; } #main.main-orth .container:after, #main.main-si .container:after, #main.main-tic .container:after, #main.main-cpen .container:after { right: 100px; } #main .txt { top: 30px; left: 30px;} .how {} .how .container div { float: none; width: auto; margin-right: 0; margin-bottom: 30px;} .how .container .last { margin-bottom: 0;} .how .col3 { font-size: 16px;} .how i { display: none;} .gen-con .col3.last { display: none; } .frm-add2cart {} .frm-add2cart table input { float: left;} .frm-add2cart table label { display: block; margin-left: 25px;} .ls-feat { grid-template-columns: repeat(2, 48%); } #aido-action article { margin-bottom: 30px; } #aido-action article:last-of-type { margin-bottom: 0; } .partner-head { background-position: 45vw 0; } .partner-head .btn.-top { right: 30px } .partner-content .col-box > div { padding: 20px; } .partner-content .col-box h3 { font-size: 14px; } .partner-content blockquote { padding-left: 160px; font-size: 20px; } .partner-content blockquote::before { top: 60px; width: 45px; height: 33px; transform: none; } .partner-outro { padding-top: 60px; padding-bottom: 60px; background-size: 55vw auto; } .partner-outro h2 { font-size: 40px; } /* foot */ #frm-news h3 { width: 25%;} #frm-news input { width: 59%;} #foot .menus { float: none; width: auto;} #foot .social { position: static; } #foot .logo img { display: none;} #foot .cards { float: none; clear: left; margin: 0 0 7px; } } @media screen and (max-width: 960px) { form[data-960="1"] { float: none; width: auto; margin-right: 0; margin-bottom: 30px; } .dyor-demo-box, .en .dyor-demo-box { background: transparent; } } @media screen and (max-width: 959px) { .buy-or-try > .bloc { width: 50%; } .buy-or-try, .en .buy-or-try, .si .buy-or-try, .tic .buy-or-try { background: transparent; } .brain { float: none; display: block; width: 350px; height: 283px; margin: 0 auto 30px; } } /** 640 */ @media screen and (max-width: 767px) { /* head */ #first-menu, #menu { display: none;} #head { border-bottom: 5px solid #258a9f;} .bt-nav-mobile { display: block; float: right; margin-top: 20px; font-size: 40px;} #head.sml .bt-nav-mobile, #nav-lang, .sm-prod { display: none;} .nav-mobile { position: absolute; left: 0; right: 0; top: 93px; z-index: 100; background-color: rgba(255,255,255,1); overflow: hidden; font-size: 18px; box-shadow: 0 5px 15px rgba(0,0,0,0.2);} .nav-mobile ul { float: left; width: 50%; border-right: 1px solid #ddd; box-sizing: border-box;} .nav-mobile ul:first-child { float: right; border-right: none;} .nav-mobile a { display: block; padding: 8px 15px; border-bottom: 1px solid #ddd;} .nav-mobile .selected a { background-color: #27a8b8; color: #fff;} .nav-mobile .sm li:last-child a { border-bottom: none;} .nav-mobile .sm-prod, .nav-mobile .sm-prod .sm { display: block!important; } .nav-mobile .sm-prod > a { display: none; } .nav-mobile .sm-prod .sm { float: none; width: auto; border-right: none; border-bottom: 1px solid #ddd; } .nav-mobile .sm-prod:nth-child(2) ul li:nth-child(1) { display: none; } .en .nav-mobile ul:nth-child(2) { border-left: none; border-right: none; } .en .nav-mobile ul:first-child { border-left: 1px solid #ddd; } /* pages */ img { max-width: 100%; } .content h1, .content .h1 { font-size: 32px;} .content h2, .content .h2 { font-size: 24px;} .content h3 { font-size: 20px;} h2.full { padding: 30px;} #main h1, .full-bt { font-size: 20px;} .col2.mid { width: auto;} .ls-feat h3 { font-size: 16px; } .about, .service { height: 250px; background-size: auto 250px;} .filters p { width: 50%;} .full-quote .container, .pad { padding: 30px;} .stats, .fiche-desc { padding: 30px 0; } h1.full + .box, h1.full + .box2, h1.full + .box3 { padding-top: 30px; } #frm-testimonies { padding-top: 30px;} .edition-content { padding: 30px 10px;} .demo-select i { font-size: 180px;} .login-choice .col2, .demo-cols .col2 { float: none; width: auto; margin-right: 0;} .ls-steps { font-size: 13px;} .ls-steps a { height: 45px;} .steps3 a { height: auto;} .multi-choice { margin-left: -0.5%; margin-right: -1%; overflow: hidden;} .multi-choice a { float: left; width: 32%; margin: 0 0.5%; padding-left: 0; padding-right: 0; text-align: center; box-sizing: border-box; font-size: 13px;} .quote { background-size: auto 400px;} .quote img { display: none;} .quote .container { padding-bottom: 60px;} #main {} #main.acc, #main .container { height: 350px; background-size: auto 350px;} #main.acc .select { width: 300px;} #main.acc .slogan { padding-top: 40px;} #main.acc .slogan h1 { font-size: 28px;} #main.main1 .slogan { padding-top: 150px;} #main.main-aidodys, #main.main-calc, #main.main-inspiration, #main.main-wordq { background-position: 120% center;} #main .txt { max-width: 350px; font-size: 16px;} #main.main-orth img { height: 400px; right: -160px; } #main.main-cpen img { width: 280px; } #main.main-si img, #main.main-tic img { width: 280px; } .stats h3 { font-size: 24px;} .stats ul strong { font-size: 40px;} .prod-info, .prod-buy { float: none; width: auto; margin-right: 0;} .prod-info { margin-bottom: 30px;} .prod-gal { width: 460px; margin-left: auto; margin-right: auto;} .ls-products.cols article img { height: 150px;} #cpen-tools {} #cpen-tools .col2-3 { float: none; width: auto; margin-right: 0; } .boite { position: static; width: auto; margin-top: 30px; } .cpen-try-banner { padding: 0 30px; } .pg-cpen-try .col2 { float: none; width: auto; margin-right: 0; } .pg-cpen-try .col2.fl-r img { display: block; margin: -90px auto 30px; } .si-fonc ul { float: none; width: auto; } .si-fonc img { float: none; display: block; margin: 15px auto 0; } .buy-desc { float: none; width: auto; display: block; } .si-fonc img { max-width: 200px; } .partner-vids { display: block; } .partner-vids > div { margin-bottom: 15px; } .partner-vids > div:last-of-type { margin-bottom: 0; } .partner-content .col-box { display: block; } .partner-content .col-box > div { font-size: 16px; } .partner-content .col-box > div + div { margin-top: 30px; } .partner-content .col-box h3 { font-size: 18px; } .partner-content blockquote { font-size: 18px; } .partner-outro h2 { font-size: 32px; } .wqc-outro { display: block; } .wqc-outro:after { display: none; } .wqc-outro > :nth-child(2) { margin-top: 30px; padding-top: 30px; border-top: 1px solid #ddd } .facil { margin-top: 15px; } .scroll-h-640 { overflow: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch;} .scroll-h-640::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 8px;} .scroll-h-640::-webkit-scrollbar-thumb { border-radius: 8px; border: none; background-color: rgba(0, 0, 0, .3);} .scroll-h-640 .in { width: 700px;} .scroll-h-640 article { float: left; width: 211px; margin-right: 15px; margin-bottom: 5px;} .scroll-h-640 article:last-of-type { margin-right: 0;} } @media screen and (max-width: 640px) { [data-640="1"] { float: none!important; width: auto; margin-right: 0; margin-bottom: 30px; } [data-640="1"]:last-of-type { margin-bottom: 0; } #tic-bon-img { margin-top: 0; } .tic.edition-content .ls-vids { margin-left: auto; margin-right: auto; } .col2.img-split { float: none; width: auto; border-right: none; } } /** 480 */ @media screen and (max-width: 639px) { /*#head .logo { margin: 15px 0 0; }*/ .nav-mobile { top: 93px; } /* pages */ h1.full, .h1.full { font-size: 28px;} h2.full { padding-top: 15px; padding-bottom: 15px;} .content h4, #pop h4 { font-size: 16px;} .how { padding-top: 30px;} .full-bt a { padding: 15px;} .about-txt .col2:last-child { margin-top: 30px;} .features article { padding: 15px;} .about-txt .col2, .stats .col3, .filters p, #box-map1 .bloc, #box-map2 .bloc, #contact, .bloc.col-social, .video-bloc .bloc, .stats .cols li, .characs > div, .box .col2, .frm-ship .col2 { float: none; width: auto; margin-right: 0;} .frm-ship .col2 { margin-bottom: 30px;} .big, .ls-imp, .big.box2 .col2, .big.box2 .col3, .box3 { font-size: 14px;} .ls-imp li:before { font-size: 20px; } .round { margin-left: auto; margin-right: auto;} .more-round { max-width: 90%;} .addr { height: auto!important;} .col-social { text-align: center;} .video-bloc .desc { padding-top: 30px; padding-bottom: 30px;} #home-partners .round img { max-width: 90%; height: auto;} .demo-select i { font-size: 120px;} .form-group.inline input[type=email] { width: 250px;} .demo-orth .col2 { float: none; width: auto; margin-right: 0;} .box .col2 { margin-bottom: 30px;} .box .col2:last-of-type { margin-bottom: 0;} .ls-vids .col2 { float: left; width: 48%; margin-right: 3.8%; } .ls-vids .col2.last { margin-right: 0; } .ls-vids .col2:last-of-type { margin-bottom: 30px; } .characs > div { margin-bottom: 15px;} .characs > .clearer { height: 0!important;} .tic-price-solo, .tic-price-bundle { width: 190px; } .buy-or-try > .bloc { float: none; width: auto; padding: 0; } .buy-or-try > .bloc:first-of-type { margin-bottom: 30px; padding-bottom: 30px; border-right: none; border-bottom: 1px solid #ccc; } .buy-or-try .bloc:first-of-type:not(.last) { border-right: none; } .prod-bar .title { font-size: 20px;} .prod-bar p:last-of-type { margin-top: 0;} .faqs { font-size: 14px;} .faqs .container { padding-left: 15px; padding-right: 15px;} .quote { background-size: auto 350px;} .quote, .quote cite { font-size: 18px;} .tbl-wrap { overflow: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; margin-bottom: 30px;} .tbl-wrap::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 8px;} .tbl-wrap::-webkit-scrollbar-thumb { border-radius: 8px; border: none; background-color: rgba(0, 0, 0, .3);} .tbl-wrap table { width: 640px; margin-bottom: 0;} .tbl-wrap .tbl-price { width: 460px; } #main {} #main.acc .slogan { padding-top: 20px;} #main.main1 .slogan { padding-top: 40px;} #main .container { height: inherit; } #main.main-aidodys, #main.main-calc, #main.main-orth, #main.main-inspiration, #main.main-wordq, #main.main-cpen, #main.main-si, #main.main-tic { min-height: inherit; background-image: none;} #main.main-wordq .txt { max-width: inherit; } #main .txt { position: static; max-width: 100%; padding-top: 30px; padding-bottom: 30px;} #main.main-orth img, #main.main-cpen img, #main.main-si img, #main.main-tic img, #main.main-orth .container:after, #main.main-cpen .container:after, #main.main-si .container:after, #main.main-tic .container:after { display: none; } #main.acc form { padding-left: 0; padding-right: 0;} #main.acc label { display: block; margin-bottom: 5px; line-height: 1;} #main.acc .select { width: 100%; margin-left: 0;} .stats {} .stats .col3 { margin-top: 23px;} .stats ul strong { font-size: 50px;} .stats .cols li { margin-bottom: 15px;} .stats .cols li:last-of-type { margin-bottom: 0;} .scroll-h-480 { overflow: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch;} .scroll-h-480::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 8px;} .scroll-h-480::-webkit-scrollbar-thumb { border-radius: 8px; border: none; background-color: rgba(0, 0, 0, .3);} .scroll-h-480 .in { width: 700px;} .scroll-h-480 article, .scroll-h-480 article.last { float: left; width: 280px; margin-right: 25px; margin-bottom: 5px;} .scroll-h-480 article:last-of-type { margin-right: 0;} .scroll-h-480 .clearer { display: none!important;} .multi-choice { margin-left: 0; margin-right: 0; overflow: hidden;} .multi-choice a { float: none; width: 100%; margin: 0 0 5px; font-size: 16px;} .multi-choice a:last-child { margin-bottom: 0;} .pen-quote p { font-size: 20px; } .pen-ecole .col2 { float: none; width: auto; } .pen-ecole .buy { margin-top: 30px; padding: 30px 0 0; border-left: none; border-top: 1px solid rgba(255, 255, 255, 0.3); } .pen-buy .col2 { float: none; width: auto; margin-right: 0; } .pen-buy .col2.last { margin-top: 45px; } .bloc-download { width: 320px; } .bloc-download img { display: none; } .bloc-download form, .bloc-download > div { margin-left: 0; } .prod-gal { width: auto;} .prod-gal-more { /*height: 94px;*/} .price-license { max-width: inherit; } #men-licences { overflow: hidden; border-bottom: none; } #men-licences a { float: left; width: 50%; margin-bottom: 0; padding: 10px 0 7px; box-sizing: border-box; border: none; border-bottom: 1px solid #ddd; } #men-licences .selected, #men-licences .selected:hover, #men-licences .selected:focus { border: none; border-bottom: 1px solid #258a9f; background-color: #258a9f; color: #fff; } .partner-head, .partner-outro, .partner-content { background: transparent; } .partner-head .text, .activation { max-width: inherit; } .partner-content .ls-cols { columns: 1; } .partner-vid { margin-left: 0; } .partner-content blockquote { margin-top: 45px; margin-right: 0; padding: 30px 30px 30px 75px; } .partner-content blockquote::before { left: 17px; top: 30px; } .partner-outro { margin-top: 0; } .partner-outro .container { text-align: center; } .partner-outro h2 { max-width: inherit; } .partner-cta { padding-top: 0; } /* foot */ #frm-news h3 { width: 100%; float: none; font-size: 28px;} #frm-news input { width: 75%; margin-left: 0;} #frm-news button { width: 25%;} .facil { margin-top: 10px; } .menus nav, .menus nav:last-of-type { width: 50%; margin-right: 0; margin-bottom: 15px;} .menus nav:last-of-type { width: 100%; } } @media screen and (max-width: 540px) { .prod-bar:not([data-nav="1"]) .title, .prod-bar:not([data-nav="1"]) p:last-of-type { float: none; } .prod-bar.fixed:not([data-nav="1"]) .title { display: none;} .prod-bar .bt:first-of-type { margin-left: 0;} } /** 320 */ @media screen and (max-width: 480px) { div[data-480="1"] { float: none; width: auto; margin-right: 0; margin-bottom: 30px; } div[data-480="1"]:last-of-type { margin-bottom: 0; } #cpen-vid { background-image: url(/img/prod/cpen/bg-video-mobile.jpg);} .pen-buy-img { background-image: url(/img/prod/cpen/bg-buy-mobile.jpg);} #si-vid { background: url(/img/prod/si/bg-video-mobile.jpg); } #tic-vid { background: url(/img/prod/tic/bg-video-mobile.jpg); } .pop .cols2 { grid-template-columns: 1fr; } .prod-bar .buy { margin-left: 0; } .prod-bar .bt { margin-left: 0; } } @media screen and (max-width: 479px) { .container, h1.full, .h1.full { width: auto; padding-left: 20px; padding-right: 20px;} .pad .container { padding-left: 0; padding-right: 0;} .pad, .full-quote .container { padding: 30px 20px;} [data-479="1"] { float: none; width: auto; margin-right: 0; } /* head */ .bt-nav-mobile { margin-top: 13px;} .nav-mobile { top: 81px; font-size: 13px;} .nav-mobile a { padding-left: 10px; padding-right: 10px; } #head .logo img { max-width: 134px;} .men-sec > ul { height: 25px; padding-top: 3px; padding-bottom: 0; box-sizing: border-box; } /* pages */ h1.full, .h1.full { padding-top: 30px;} .content h1, .content .h1 { font-size: 20px;} .content h2, .content .h2, .video-bloc .desc h3 { font-size: 20px;} .content h3, .stats p, .stats .sml { font-size: 18px;} .content h5 { font-size: 14px;} button, .bt { font-size: 14px;} h1.full small { font-size: 14px;} .box, .box2, .how .col3, .si-fonc, .buy-desc, .prod-desc p, #main .txt { font-size: 14px;} .about, .service { height: 150px; background-size: auto 150px;} .how { padding-top: 15px;} .full-bt { font-size: 16px;} .stats h3 { font-size: 20px;} .faqs > li h3 { font-size: 14px;} .demo-select i { font-size: 220px;} .edition-content { padding: 15px 5px;} .ls-pag a { margin-bottom: 4px;} .features article { height: auto!important;} .more-round a { margin-left: auto; margin-right: auto; } button, .bt { padding-left: 15px; padding-right: 15px;} .prod-gal-more span { font-size: 10px;} table th, table td { padding-left: 10px; padding-right: 10px;} .frm-add2cart { font-size: 12px;} .pwd { display: block; margin-top: 10px;} .form-group.inline input[type=email] { width: 100%;} .inline button, form .submit button, .full .bt, .submit .bt.back { width: 100%; margin-top: 10px; padding-left: 0; padding-right: 0; margin-left: 0; text-align: center;} .ls-steps { display: none;} .men-sec .sm { width: 252px; } .men-sec .sm a { padding-left: 20px; padding-right: 20px; } .men-sec .logged { max-width: 210px; overflow: hidden; text-overflow: ellipsis; font-size: 13px; white-space: nowrap;} .ls-orders .price { float: none; display: block;} .order-fact .col2 { float: none; width: auto; margin-right: 0;} input[type=text], input[type=password], input[type=tel], input[type=email], select, .select, textarea { width: 100%;} .map { min-height: 200px;} .promo input[type=text] { width: 150px;} .demo-cols .screen { display: none;} .review .rating { position: relative; } .cats li { margin-right: 0;} .cats a { display: block; padding: 5px 0;} .edition li { margin: 0 2px;} .edition a { font-size: 14px; padding-left: 15px; padding-right: 15px;} .quote, .quote cite { font-size: 14px;} .quote .container { padding: 15px 15px 40px;} .quote cite { margin-top: 15px;} .full-quote blockquote, .full-quote cite { font-size: 14px;} #main h1 { font-size: 18px;} #main.acc .slogan h1 { font-size: 18px;} #main.acc { height: 300px; background-size: auto 300px;} #main .container { height: auto; } #home-partners article { display: none;} #home-partners article:last-of-type { display: block;} .ls-products article { font-size: 12px; } .ls-products article h4 { font-size: 13px; } .ls-products article a > div:after { height: 100px; } .ls-products .sale, .prod-img .sale { width: 45px; height: 45px; line-height: 45px; font-size: 9px; } .scroll-h-640 article { width: 175px;} .i-numbers label { margin-top: 0; } .ls-vids p { font-size: 14px; } .content #head .logo { margin-bottom: 10px; } .content #head .logo img { width: 180px; } .content #head .bt { margin-top: 12px; } .ls-ecoles article img { max-width: 80%; } .pen-quote p { font-size: 16px; } .pen-awards div { width: 130px; height: 130px; } .pen-awards div img { max-width: 72%; height: auto; } .ls-feat { grid-template-columns: 1fr; } .pen-buy img { max-width: 100%; margin-top: -75px; } .si-qc img { margin-top: 5px; } .tic-price-solo, .tic-price-bundle { display: block; width: auto; margin: 0; text-align: center; } .tic-price-bundle { margin-top: 0; padding-top: 15px; border-left: none; border-top: 1px dotted #ddd; } .tic-prod-radio .i-radio strong { text-align: left; } .total-bon { font-size: 28px; padding-left: 15px; padding-right: 15px; } .total-bon + span { font-size: 12px; } .scroll-h-480 article, .scroll-h-480 article.last { width: 230px;} .scroll-h-480 article img { max-width: 100%; height: auto;} #men-licences { font-size: 12px; } #men-licences a { float: none; width: 100%; } .prod-bar a[data-event-name=WQSQ-trial] { display: none; } .prod-bar a[data-event-name=WQ-buy] { margin-left: 0; } .prod-bar .bt { padding-left: 16px; padding-right: 16px; } .logged span, .bt-connect span { display: none; } .logged:before { position: relative; top: 2px; margin-left: 1px; font-family: 'FontAwesome'; font-weight: normal; content: '\f007'; font-size: 18px; line-height: 1;} .men-sec a .fa-sort-desc { top: -4px; } .ls-vids .img img:first-of-type { width: 100%; } .partner-head .btn.-top { right: 20px; } .partner-cta p { font-size: 18px; } /* foot */ #frm-news { padding: 10px 20px 15px;} #frm-news h3 { font-size: 20px;} .menus nav, .menus nav:last-of-type { float: none; width: auto; display: none;} .menus nav:last-of-type { display: block;} #foot .copy { font-size: 11px; } } @media screen and (max-width: 414px) { .brain { width: 100%; height: auto; } } @media screen and (max-width: 413px) { .partner-content blockquote { font-size: 16px; } .partner-content, .partner-content .col-box > div, .partner-content blockquote cite { font-size: 14px } } @media screen and (max-width: 374px) { .facil { display: block; width: auto; } .facil a { display: block; } } /** ******************************************************* * clear */ .clearfix:after, .i-lg .i-text:after, .i-lg .i-textarea:after, .i-lg .i-select:after, .i-lg .i-file:after, .i-lg .i-checkbox:after, .i-lg .i-radio:after, .i-lg .i-multi:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} /** ******************************************************* * ColorBox Core Style */ #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /** * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-ms-transform:scale(-1, 1);-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-ms-transform:scale(1, -1);-webkit-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{-webkit-filter:none;filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"} /** * CSS for vector based country flags. See the * [demo](http://lipis.github.io/flag-icon-css/). */ .flag-icon,.flag-icon-background{background-repeat:no-repeat;background-size:contain;background-position:50%}.flag-icon{position:relative;display:inline-block;width:1.33333333em;line-height:1em}.flag-icon:before{content:"\00a0"}.flag-icon.flag-icon-squared{width:1em}.flag-icon-ad{background-image:url(../flags/4x3/ad.svg)}.flag-icon-ad.flag-icon-squared{background-image:url(../flags/1x1/ad.svg)}.flag-icon-ae{background-image:url(../flags/4x3/ae.svg)}.flag-icon-ae.flag-icon-squared{background-image:url(../flags/1x1/ae.svg)}.flag-icon-af{background-image:url(../flags/4x3/af.svg)}.flag-icon-af.flag-icon-squared{background-image:url(../flags/1x1/af.svg)}.flag-icon-ag{background-image:url(../flags/4x3/ag.svg)}.flag-icon-ag.flag-icon-squared{background-image:url(../flags/1x1/ag.svg)}.flag-icon-ai{background-image:url(../flags/4x3/ai.svg)}.flag-icon-ai.flag-icon-squared{background-image:url(../flags/1x1/ai.svg)}.flag-icon-al{background-image:url(../flags/4x3/al.svg)}.flag-icon-al.flag-icon-squared{background-image:url(../flags/1x1/al.svg)}.flag-icon-am{background-image:url(../flags/4x3/am.svg)}.flag-icon-am.flag-icon-squared{background-image:url(../flags/1x1/am.svg)}.flag-icon-ao{background-image:url(../flags/4x3/ao.svg)}.flag-icon-ao.flag-icon-squared{background-image:url(../flags/1x1/ao.svg)}.flag-icon-aq{background-image:url(../flags/4x3/aq.svg)}.flag-icon-aq.flag-icon-squared{background-image:url(../flags/1x1/aq.svg)}.flag-icon-ar{background-image:url(../flags/4x3/ar.svg)}.flag-icon-ar.flag-icon-squared{background-image:url(../flags/1x1/ar.svg)}.flag-icon-as{background-image:url(../flags/4x3/as.svg)}.flag-icon-as.flag-icon-squared{background-image:url(../flags/1x1/as.svg)}.flag-icon-at{background-image:url(../flags/4x3/at.svg)}.flag-icon-at.flag-icon-squared{background-image:url(../flags/1x1/at.svg)}.flag-icon-au{background-image:url(../flags/4x3/au.svg)}.flag-icon-au.flag-icon-squared{background-image:url(../flags/1x1/au.svg)}.flag-icon-aw{background-image:url(../flags/4x3/aw.svg)}.flag-icon-aw.flag-icon-squared{background-image:url(../flags/1x1/aw.svg)}.flag-icon-ax{background-image:url(../flags/4x3/ax.svg)}.flag-icon-ax.flag-icon-squared{background-image:url(../flags/1x1/ax.svg)}.flag-icon-az{background-image:url(../flags/4x3/az.svg)}.flag-icon-az.flag-icon-squared{background-image:url(../flags/1x1/az.svg)}.flag-icon-ba{background-image:url(../flags/4x3/ba.svg)}.flag-icon-ba.flag-icon-squared{background-image:url(../flags/1x1/ba.svg)}.flag-icon-bb{background-image:url(../flags/4x3/bb.svg)}.flag-icon-bb.flag-icon-squared{background-image:url(../flags/1x1/bb.svg)}.flag-icon-bd{background-image:url(../flags/4x3/bd.svg)}.flag-icon-bd.flag-icon-squared{background-image:url(../flags/1x1/bd.svg)}.flag-icon-be{background-image:url(../flags/4x3/be.svg)}.flag-icon-be.flag-icon-squared{background-image:url(../flags/1x1/be.svg)}.flag-icon-bf{background-image:url(../flags/4x3/bf.svg)}.flag-icon-bf.flag-icon-squared{background-image:url(../flags/1x1/bf.svg)}.flag-icon-bg{background-image:url(../flags/4x3/bg.svg)}.flag-icon-bg.flag-icon-squared{background-image:url(../flags/1x1/bg.svg)}.flag-icon-bh{background-image:url(../flags/4x3/bh.svg)}.flag-icon-bh.flag-icon-squared{background-image:url(../flags/1x1/bh.svg)}.flag-icon-bi{background-image:url(../flags/4x3/bi.svg)}.flag-icon-bi.flag-icon-squared{background-image:url(../flags/1x1/bi.svg)}.flag-icon-bj{background-image:url(../flags/4x3/bj.svg)}.flag-icon-bj.flag-icon-squared{background-image:url(../flags/1x1/bj.svg)}.flag-icon-bl{background-image:url(../flags/4x3/bl.svg)}.flag-icon-bl.flag-icon-squared{background-image:url(../flags/1x1/bl.svg)}.flag-icon-bm{background-image:url(../flags/4x3/bm.svg)}.flag-icon-bm.flag-icon-squared{background-image:url(../flags/1x1/bm.svg)}.flag-icon-bn{background-image:url(../flags/4x3/bn.svg)}.flag-icon-bn.flag-icon-squared{background-image:url(../flags/1x1/bn.svg)}.flag-icon-bo{background-image:url(../flags/4x3/bo.svg)}.flag-icon-bo.flag-icon-squared{background-image:url(../flags/1x1/bo.svg)}.flag-icon-bq{background-image:url(../flags/4x3/bq.svg)}.flag-icon-bq.flag-icon-squared{background-image:url(../flags/1x1/bq.svg)}.flag-icon-br{background-image:url(../flags/4x3/br.svg)}.flag-icon-br.flag-icon-squared{background-image:url(../flags/1x1/br.svg)}.flag-icon-bs{background-image:url(../flags/4x3/bs.svg)}.flag-icon-bs.flag-icon-squared{background-image:url(../flags/1x1/bs.svg)}.flag-icon-bt{background-image:url(../flags/4x3/bt.svg)}.flag-icon-bt.flag-icon-squared{background-image:url(../flags/1x1/bt.svg)}.flag-icon-bv{background-image:url(../flags/4x3/bv.svg)}.flag-icon-bv.flag-icon-squared{background-image:url(../flags/1x1/bv.svg)}.flag-icon-bw{background-image:url(../flags/4x3/bw.svg)}.flag-icon-bw.flag-icon-squared{background-image:url(../flags/1x1/bw.svg)}.flag-icon-by{background-image:url(../flags/4x3/by.svg)}.flag-icon-by.flag-icon-squared{background-image:url(../flags/1x1/by.svg)}.flag-icon-bz{background-image:url(../flags/4x3/bz.svg)}.flag-icon-bz.flag-icon-squared{background-image:url(../flags/1x1/bz.svg)}.flag-icon-ca{background-image:url(../flags/4x3/ca.svg)}.flag-icon-ca.flag-icon-squared{background-image:url(../flags/1x1/ca.svg)}.flag-icon-cc{background-image:url(../flags/4x3/cc.svg)}.flag-icon-cc.flag-icon-squared{background-image:url(../flags/1x1/cc.svg)}.flag-icon-cd{background-image:url(../flags/4x3/cd.svg)}.flag-icon-cd.flag-icon-squared{background-image:url(../flags/1x1/cd.svg)}.flag-icon-cf{background-image:url(../flags/4x3/cf.svg)}.flag-icon-cf.flag-icon-squared{background-image:url(../flags/1x1/cf.svg)}.flag-icon-cg{background-image:url(../flags/4x3/cg.svg)}.flag-icon-cg.flag-icon-squared{background-image:url(../flags/1x1/cg.svg)}.flag-icon-ch{background-image:url(../flags/4x3/ch.svg)}.flag-icon-ch.flag-icon-squared{background-image:url(../flags/1x1/ch.svg)}.flag-icon-ci{background-image:url(../flags/4x3/ci.svg)}.flag-icon-ci.flag-icon-squared{background-image:url(../flags/1x1/ci.svg)}.flag-icon-ck{background-image:url(../flags/4x3/ck.svg)}.flag-icon-ck.flag-icon-squared{background-image:url(../flags/1x1/ck.svg)}.flag-icon-cl{background-image:url(../flags/4x3/cl.svg)}.flag-icon-cl.flag-icon-squared{background-image:url(../flags/1x1/cl.svg)}.flag-icon-cm{background-image:url(../flags/4x3/cm.svg)}.flag-icon-cm.flag-icon-squared{background-image:url(../flags/1x1/cm.svg)}.flag-icon-cn{background-image:url(../flags/4x3/cn.svg)}.flag-icon-cn.flag-icon-squared{background-image:url(../flags/1x1/cn.svg)}.flag-icon-co{background-image:url(../flags/4x3/co.svg)}.flag-icon-co.flag-icon-squared{background-image:url(../flags/1x1/co.svg)}.flag-icon-cr{background-image:url(../flags/4x3/cr.svg)}.flag-icon-cr.flag-icon-squared{background-image:url(../flags/1x1/cr.svg)}.flag-icon-cu{background-image:url(../flags/4x3/cu.svg)}.flag-icon-cu.flag-icon-squared{background-image:url(../flags/1x1/cu.svg)}.flag-icon-cv{background-image:url(../flags/4x3/cv.svg)}.flag-icon-cv.flag-icon-squared{background-image:url(../flags/1x1/cv.svg)}.flag-icon-cw{background-image:url(../flags/4x3/cw.svg)}.flag-icon-cw.flag-icon-squared{background-image:url(../flags/1x1/cw.svg)}.flag-icon-cx{background-image:url(../flags/4x3/cx.svg)}.flag-icon-cx.flag-icon-squared{background-image:url(../flags/1x1/cx.svg)}.flag-icon-cy{background-image:url(../flags/4x3/cy.svg)}.flag-icon-cy.flag-icon-squared{background-image:url(../flags/1x1/cy.svg)}.flag-icon-cz{background-image:url(../flags/4x3/cz.svg)}.flag-icon-cz.flag-icon-squared{background-image:url(../flags/1x1/cz.svg)}.flag-icon-de{background-image:url(../flags/4x3/de.svg)}.flag-icon-de.flag-icon-squared{background-image:url(../flags/1x1/de.svg)}.flag-icon-dj{background-image:url(../flags/4x3/dj.svg)}.flag-icon-dj.flag-icon-squared{background-image:url(../flags/1x1/dj.svg)}.flag-icon-dk{background-image:url(../flags/4x3/dk.svg)}.flag-icon-dk.flag-icon-squared{background-image:url(../flags/1x1/dk.svg)}.flag-icon-dm{background-image:url(../flags/4x3/dm.svg)}.flag-icon-dm.flag-icon-squared{background-image:url(../flags/1x1/dm.svg)}.flag-icon-do{background-image:url(../flags/4x3/do.svg)}.flag-icon-do.flag-icon-squared{background-image:url(../flags/1x1/do.svg)}.flag-icon-dz{background-image:url(../flags/4x3/dz.svg)}.flag-icon-dz.flag-icon-squared{background-image:url(../flags/1x1/dz.svg)}.flag-icon-ec{background-image:url(../flags/4x3/ec.svg)}.flag-icon-ec.flag-icon-squared{background-image:url(../flags/1x1/ec.svg)}.flag-icon-ee{background-image:url(../flags/4x3/ee.svg)}.flag-icon-ee.flag-icon-squared{background-image:url(../flags/1x1/ee.svg)}.flag-icon-eg{background-image:url(../flags/4x3/eg.svg)}.flag-icon-eg.flag-icon-squared{background-image:url(../flags/1x1/eg.svg)}.flag-icon-eh{background-image:url(../flags/4x3/eh.svg)}.flag-icon-eh.flag-icon-squared{background-image:url(../flags/1x1/eh.svg)}.flag-icon-er{background-image:url(../flags/4x3/er.svg)}.flag-icon-er.flag-icon-squared{background-image:url(../flags/1x1/er.svg)}.flag-icon-es{background-image:url(../flags/4x3/es.svg)}.flag-icon-es.flag-icon-squared{background-image:url(../flags/1x1/es.svg)}.flag-icon-et{background-image:url(../flags/4x3/et.svg)}.flag-icon-et.flag-icon-squared{background-image:url(../flags/1x1/et.svg)}.flag-icon-fi{background-image:url(../flags/4x3/fi.svg)}.flag-icon-fi.flag-icon-squared{background-image:url(../flags/1x1/fi.svg)}.flag-icon-fj{background-image:url(../flags/4x3/fj.svg)}.flag-icon-fj.flag-icon-squared{background-image:url(../flags/1x1/fj.svg)}.flag-icon-fk{background-image:url(../flags/4x3/fk.svg)}.flag-icon-fk.flag-icon-squared{background-image:url(../flags/1x1/fk.svg)}.flag-icon-fm{background-image:url(../flags/4x3/fm.svg)}.flag-icon-fm.flag-icon-squared{background-image:url(../flags/1x1/fm.svg)}.flag-icon-fo{background-image:url(../flags/4x3/fo.svg)}.flag-icon-fo.flag-icon-squared{background-image:url(../flags/1x1/fo.svg)}.flag-icon-fr{background-image:url(../flags/4x3/fr.svg)}.flag-icon-fr.flag-icon-squared{background-image:url(../flags/1x1/fr.svg)}.flag-icon-ga{background-image:url(../flags/4x3/ga.svg)}.flag-icon-ga.flag-icon-squared{background-image:url(../flags/1x1/ga.svg)}.flag-icon-gb{background-image:url(../flags/4x3/gb.svg)}.flag-icon-gb.flag-icon-squared{background-image:url(../flags/1x1/gb.svg)}.flag-icon-gd{background-image:url(../flags/4x3/gd.svg)}.flag-icon-gd.flag-icon-squared{background-image:url(../flags/1x1/gd.svg)}.flag-icon-ge{background-image:url(../flags/4x3/ge.svg)}.flag-icon-ge.flag-icon-squared{background-image:url(../flags/1x1/ge.svg)}.flag-icon-gf{background-image:url(../flags/4x3/gf.svg)}.flag-icon-gf.flag-icon-squared{background-image:url(../flags/1x1/gf.svg)}.flag-icon-gg{background-image:url(../flags/4x3/gg.svg)}.flag-icon-gg.flag-icon-squared{background-image:url(../flags/1x1/gg.svg)}.flag-icon-gh{background-image:url(../flags/4x3/gh.svg)}.flag-icon-gh.flag-icon-squared{background-image:url(../flags/1x1/gh.svg)}.flag-icon-gi{background-image:url(../flags/4x3/gi.svg)}.flag-icon-gi.flag-icon-squared{background-image:url(../flags/1x1/gi.svg)}.flag-icon-gl{background-image:url(../flags/4x3/gl.svg)}.flag-icon-gl.flag-icon-squared{background-image:url(../flags/1x1/gl.svg)}.flag-icon-gm{background-image:url(../flags/4x3/gm.svg)}.flag-icon-gm.flag-icon-squared{background-image:url(../flags/1x1/gm.svg)}.flag-icon-gn{background-image:url(../flags/4x3/gn.svg)}.flag-icon-gn.flag-icon-squared{background-image:url(../flags/1x1/gn.svg)}.flag-icon-gp{background-image:url(../flags/4x3/gp.svg)}.flag-icon-gp.flag-icon-squared{background-image:url(../flags/1x1/gp.svg)}.flag-icon-gq{background-image:url(../flags/4x3/gq.svg)}.flag-icon-gq.flag-icon-squared{background-image:url(../flags/1x1/gq.svg)}.flag-icon-gr{background-image:url(../flags/4x3/gr.svg)}.flag-icon-gr.flag-icon-squared{background-image:url(../flags/1x1/gr.svg)}.flag-icon-gs{background-image:url(../flags/4x3/gs.svg)}.flag-icon-gs.flag-icon-squared{background-image:url(../flags/1x1/gs.svg)}.flag-icon-gt{background-image:url(../flags/4x3/gt.svg)}.flag-icon-gt.flag-icon-squared{background-image:url(../flags/1x1/gt.svg)}.flag-icon-gu{background-image:url(../flags/4x3/gu.svg)}.flag-icon-gu.flag-icon-squared{background-image:url(../flags/1x1/gu.svg)}.flag-icon-gw{background-image:url(../flags/4x3/gw.svg)}.flag-icon-gw.flag-icon-squared{background-image:url(../flags/1x1/gw.svg)}.flag-icon-gy{background-image:url(../flags/4x3/gy.svg)}.flag-icon-gy.flag-icon-squared{background-image:url(../flags/1x1/gy.svg)}.flag-icon-hk{background-image:url(../flags/4x3/hk.svg)}.flag-icon-hk.flag-icon-squared{background-image:url(../flags/1x1/hk.svg)}.flag-icon-hm{background-image:url(../flags/4x3/hm.svg)}.flag-icon-hm.flag-icon-squared{background-image:url(../flags/1x1/hm.svg)}.flag-icon-hn{background-image:url(../flags/4x3/hn.svg)}.flag-icon-hn.flag-icon-squared{background-image:url(../flags/1x1/hn.svg)}.flag-icon-hr{background-image:url(../flags/4x3/hr.svg)}.flag-icon-hr.flag-icon-squared{background-image:url(../flags/1x1/hr.svg)}.flag-icon-ht{background-image:url(../flags/4x3/ht.svg)}.flag-icon-ht.flag-icon-squared{background-image:url(../flags/1x1/ht.svg)}.flag-icon-hu{background-image:url(../flags/4x3/hu.svg)}.flag-icon-hu.flag-icon-squared{background-image:url(../flags/1x1/hu.svg)}.flag-icon-id{background-image:url(../flags/4x3/id.svg)}.flag-icon-id.flag-icon-squared{background-image:url(../flags/1x1/id.svg)}.flag-icon-ie{background-image:url(../flags/4x3/ie.svg)}.flag-icon-ie.flag-icon-squared{background-image:url(../flags/1x1/ie.svg)}.flag-icon-il{background-image:url(../flags/4x3/il.svg)}.flag-icon-il.flag-icon-squared{background-image:url(../flags/1x1/il.svg)}.flag-icon-im{background-image:url(../flags/4x3/im.svg)}.flag-icon-im.flag-icon-squared{background-image:url(../flags/1x1/im.svg)}.flag-icon-in{background-image:url(../flags/4x3/in.svg)}.flag-icon-in.flag-icon-squared{background-image:url(../flags/1x1/in.svg)}.flag-icon-io{background-image:url(../flags/4x3/io.svg)}.flag-icon-io.flag-icon-squared{background-image:url(../flags/1x1/io.svg)}.flag-icon-iq{background-image:url(../flags/4x3/iq.svg)}.flag-icon-iq.flag-icon-squared{background-image:url(../flags/1x1/iq.svg)}.flag-icon-ir{background-image:url(../flags/4x3/ir.svg)}.flag-icon-ir.flag-icon-squared{background-image:url(../flags/1x1/ir.svg)}.flag-icon-is{background-image:url(../flags/4x3/is.svg)}.flag-icon-is.flag-icon-squared{background-image:url(../flags/1x1/is.svg)}.flag-icon-it{background-image:url(../flags/4x3/it.svg)}.flag-icon-it.flag-icon-squared{background-image:url(../flags/1x1/it.svg)}.flag-icon-je{background-image:url(../flags/4x3/je.svg)}.flag-icon-je.flag-icon-squared{background-image:url(../flags/1x1/je.svg)}.flag-icon-jm{background-image:url(../flags/4x3/jm.svg)}.flag-icon-jm.flag-icon-squared{background-image:url(../flags/1x1/jm.svg)}.flag-icon-jo{background-image:url(../flags/4x3/jo.svg)}.flag-icon-jo.flag-icon-squared{background-image:url(../flags/1x1/jo.svg)}.flag-icon-jp{background-image:url(../flags/4x3/jp.svg)}.flag-icon-jp.flag-icon-squared{background-image:url(../flags/1x1/jp.svg)}.flag-icon-ke{background-image:url(../flags/4x3/ke.svg)}.flag-icon-ke.flag-icon-squared{background-image:url(../flags/1x1/ke.svg)}.flag-icon-kg{background-image:url(../flags/4x3/kg.svg)}.flag-icon-kg.flag-icon-squared{background-image:url(../flags/1x1/kg.svg)}.flag-icon-kh{background-image:url(../flags/4x3/kh.svg)}.flag-icon-kh.flag-icon-squared{background-image:url(../flags/1x1/kh.svg)}.flag-icon-ki{background-image:url(../flags/4x3/ki.svg)}.flag-icon-ki.flag-icon-squared{background-image:url(../flags/1x1/ki.svg)}.flag-icon-km{background-image:url(../flags/4x3/km.svg)}.flag-icon-km.flag-icon-squared{background-image:url(../flags/1x1/km.svg)}.flag-icon-kn{background-image:url(../flags/4x3/kn.svg)}.flag-icon-kn.flag-icon-squared{background-image:url(../flags/1x1/kn.svg)}.flag-icon-kp{background-image:url(../flags/4x3/kp.svg)}.flag-icon-kp.flag-icon-squared{background-image:url(../flags/1x1/kp.svg)}.flag-icon-kr{background-image:url(../flags/4x3/kr.svg)}.flag-icon-kr.flag-icon-squared{background-image:url(../flags/1x1/kr.svg)}.flag-icon-kw{background-image:url(../flags/4x3/kw.svg)}.flag-icon-kw.flag-icon-squared{background-image:url(../flags/1x1/kw.svg)}.flag-icon-ky{background-image:url(../flags/4x3/ky.svg)}.flag-icon-ky.flag-icon-squared{background-image:url(../flags/1x1/ky.svg)}.flag-icon-kz{background-image:url(../flags/4x3/kz.svg)}.flag-icon-kz.flag-icon-squared{background-image:url(../flags/1x1/kz.svg)}.flag-icon-la{background-image:url(../flags/4x3/la.svg)}.flag-icon-la.flag-icon-squared{background-image:url(../flags/1x1/la.svg)}.flag-icon-lb{background-image:url(../flags/4x3/lb.svg)}.flag-icon-lb.flag-icon-squared{background-image:url(../flags/1x1/lb.svg)}.flag-icon-lc{background-image:url(../flags/4x3/lc.svg)}.flag-icon-lc.flag-icon-squared{background-image:url(../flags/1x1/lc.svg)}.flag-icon-li{background-image:url(../flags/4x3/li.svg)}.flag-icon-li.flag-icon-squared{background-image:url(../flags/1x1/li.svg)}.flag-icon-lk{background-image:url(../flags/4x3/lk.svg)}.flag-icon-lk.flag-icon-squared{background-image:url(../flags/1x1/lk.svg)}.flag-icon-lr{background-image:url(../flags/4x3/lr.svg)}.flag-icon-lr.flag-icon-squared{background-image:url(../flags/1x1/lr.svg)}.flag-icon-ls{background-image:url(../flags/4x3/ls.svg)}.flag-icon-ls.flag-icon-squared{background-image:url(../flags/1x1/ls.svg)}.flag-icon-lt{background-image:url(../flags/4x3/lt.svg)}.flag-icon-lt.flag-icon-squared{background-image:url(../flags/1x1/lt.svg)}.flag-icon-lu{background-image:url(../flags/4x3/lu.svg)}.flag-icon-lu.flag-icon-squared{background-image:url(../flags/1x1/lu.svg)}.flag-icon-lv{background-image:url(../flags/4x3/lv.svg)}.flag-icon-lv.flag-icon-squared{background-image:url(../flags/1x1/lv.svg)}.flag-icon-ly{background-image:url(../flags/4x3/ly.svg)}.flag-icon-ly.flag-icon-squared{background-image:url(../flags/1x1/ly.svg)}.flag-icon-ma{background-image:url(../flags/4x3/ma.svg)}.flag-icon-ma.flag-icon-squared{background-image:url(../flags/1x1/ma.svg)}.flag-icon-mc{background-image:url(../flags/4x3/mc.svg)}.flag-icon-mc.flag-icon-squared{background-image:url(../flags/1x1/mc.svg)}.flag-icon-md{background-image:url(../flags/4x3/md.svg)}.flag-icon-md.flag-icon-squared{background-image:url(../flags/1x1/md.svg)}.flag-icon-me{background-image:url(../flags/4x3/me.svg)}.flag-icon-me.flag-icon-squared{background-image:url(../flags/1x1/me.svg)}.flag-icon-mf{background-image:url(../flags/4x3/mf.svg)}.flag-icon-mf.flag-icon-squared{background-image:url(../flags/1x1/mf.svg)}.flag-icon-mg{background-image:url(../flags/4x3/mg.svg)}.flag-icon-mg.flag-icon-squared{background-image:url(../flags/1x1/mg.svg)}.flag-icon-mh{background-image:url(../flags/4x3/mh.svg)}.flag-icon-mh.flag-icon-squared{background-image:url(../flags/1x1/mh.svg)}.flag-icon-mk{background-image:url(../flags/4x3/mk.svg)}.flag-icon-mk.flag-icon-squared{background-image:url(../flags/1x1/mk.svg)}.flag-icon-ml{background-image:url(../flags/4x3/ml.svg)}.flag-icon-ml.flag-icon-squared{background-image:url(../flags/1x1/ml.svg)}.flag-icon-mm{background-image:url(../flags/4x3/mm.svg)}.flag-icon-mm.flag-icon-squared{background-image:url(../flags/1x1/mm.svg)}.flag-icon-mn{background-image:url(../flags/4x3/mn.svg)}.flag-icon-mn.flag-icon-squared{background-image:url(../flags/1x1/mn.svg)}.flag-icon-mo{background-image:url(../flags/4x3/mo.svg)}.flag-icon-mo.flag-icon-squared{background-image:url(../flags/1x1/mo.svg)}.flag-icon-mp{background-image:url(../flags/4x3/mp.svg)}.flag-icon-mp.flag-icon-squared{background-image:url(../flags/1x1/mp.svg)}.flag-icon-mq{background-image:url(../flags/4x3/mq.svg)}.flag-icon-mq.flag-icon-squared{background-image:url(../flags/1x1/mq.svg)}.flag-icon-mr{background-image:url(../flags/4x3/mr.svg)}.flag-icon-mr.flag-icon-squared{background-image:url(../flags/1x1/mr.svg)}.flag-icon-ms{background-image:url(../flags/4x3/ms.svg)}.flag-icon-ms.flag-icon-squared{background-image:url(../flags/1x1/ms.svg)}.flag-icon-mt{background-image:url(../flags/4x3/mt.svg)}.flag-icon-mt.flag-icon-squared{background-image:url(../flags/1x1/mt.svg)}.flag-icon-mu{background-image:url(../flags/4x3/mu.svg)}.flag-icon-mu.flag-icon-squared{background-image:url(../flags/1x1/mu.svg)}.flag-icon-mv{background-image:url(../flags/4x3/mv.svg)}.flag-icon-mv.flag-icon-squared{background-image:url(../flags/1x1/mv.svg)}.flag-icon-mw{background-image:url(../flags/4x3/mw.svg)}.flag-icon-mw.flag-icon-squared{background-image:url(../flags/1x1/mw.svg)}.flag-icon-mx{background-image:url(../flags/4x3/mx.svg)}.flag-icon-mx.flag-icon-squared{background-image:url(../flags/1x1/mx.svg)}.flag-icon-my{background-image:url(../flags/4x3/my.svg)}.flag-icon-my.flag-icon-squared{background-image:url(../flags/1x1/my.svg)}.flag-icon-mz{background-image:url(../flags/4x3/mz.svg)}.flag-icon-mz.flag-icon-squared{background-image:url(../flags/1x1/mz.svg)}.flag-icon-na{background-image:url(../flags/4x3/na.svg)}.flag-icon-na.flag-icon-squared{background-image:url(../flags/1x1/na.svg)}.flag-icon-nc{background-image:url(../flags/4x3/nc.svg)}.flag-icon-nc.flag-icon-squared{background-image:url(../flags/1x1/nc.svg)}.flag-icon-ne{background-image:url(../flags/4x3/ne.svg)}.flag-icon-ne.flag-icon-squared{background-image:url(../flags/1x1/ne.svg)}.flag-icon-nf{background-image:url(../flags/4x3/nf.svg)}.flag-icon-nf.flag-icon-squared{background-image:url(../flags/1x1/nf.svg)}.flag-icon-ng{background-image:url(../flags/4x3/ng.svg)}.flag-icon-ng.flag-icon-squared{background-image:url(../flags/1x1/ng.svg)}.flag-icon-ni{background-image:url(../flags/4x3/ni.svg)}.flag-icon-ni.flag-icon-squared{background-image:url(../flags/1x1/ni.svg)}.flag-icon-nl{background-image:url(../flags/4x3/nl.svg)}.flag-icon-nl.flag-icon-squared{background-image:url(../flags/1x1/nl.svg)}.flag-icon-no{background-image:url(../flags/4x3/no.svg)}.flag-icon-no.flag-icon-squared{background-image:url(../flags/1x1/no.svg)}.flag-icon-np{background-image:url(../flags/4x3/np.svg)}.flag-icon-np.flag-icon-squared{background-image:url(../flags/1x1/np.svg)}.flag-icon-nr{background-image:url(../flags/4x3/nr.svg)}.flag-icon-nr.flag-icon-squared{background-image:url(../flags/1x1/nr.svg)}.flag-icon-nu{background-image:url(../flags/4x3/nu.svg)}.flag-icon-nu.flag-icon-squared{background-image:url(../flags/1x1/nu.svg)}.flag-icon-nz{background-image:url(../flags/4x3/nz.svg)}.flag-icon-nz.flag-icon-squared{background-image:url(../flags/1x1/nz.svg)}.flag-icon-om{background-image:url(../flags/4x3/om.svg)}.flag-icon-om.flag-icon-squared{background-image:url(../flags/1x1/om.svg)}.flag-icon-pa{background-image:url(../flags/4x3/pa.svg)}.flag-icon-pa.flag-icon-squared{background-image:url(../flags/1x1/pa.svg)}.flag-icon-pe{background-image:url(../flags/4x3/pe.svg)}.flag-icon-pe.flag-icon-squared{background-image:url(../flags/1x1/pe.svg)}.flag-icon-pf{background-image:url(../flags/4x3/pf.svg)}.flag-icon-pf.flag-icon-squared{background-image:url(../flags/1x1/pf.svg)}.flag-icon-pg{background-image:url(../flags/4x3/pg.svg)}.flag-icon-pg.flag-icon-squared{background-image:url(../flags/1x1/pg.svg)}.flag-icon-ph{background-image:url(../flags/4x3/ph.svg)}.flag-icon-ph.flag-icon-squared{background-image:url(../flags/1x1/ph.svg)}.flag-icon-pk{background-image:url(../flags/4x3/pk.svg)}.flag-icon-pk.flag-icon-squared{background-image:url(../flags/1x1/pk.svg)}.flag-icon-pl{background-image:url(../flags/4x3/pl.svg)}.flag-icon-pl.flag-icon-squared{background-image:url(../flags/1x1/pl.svg)}.flag-icon-pm{background-image:url(../flags/4x3/pm.svg)}.flag-icon-pm.flag-icon-squared{background-image:url(../flags/1x1/pm.svg)}.flag-icon-pn{background-image:url(../flags/4x3/pn.svg)}.flag-icon-pn.flag-icon-squared{background-image:url(../flags/1x1/pn.svg)}.flag-icon-pr{background-image:url(../flags/4x3/pr.svg)}.flag-icon-pr.flag-icon-squared{background-image:url(../flags/1x1/pr.svg)}.flag-icon-ps{background-image:url(../flags/4x3/ps.svg)}.flag-icon-ps.flag-icon-squared{background-image:url(../flags/1x1/ps.svg)}.flag-icon-pt{background-image:url(../flags/4x3/pt.svg)}.flag-icon-pt.flag-icon-squared{background-image:url(../flags/1x1/pt.svg)}.flag-icon-pw{background-image:url(../flags/4x3/pw.svg)}.flag-icon-pw.flag-icon-squared{background-image:url(../flags/1x1/pw.svg)}.flag-icon-py{background-image:url(../flags/4x3/py.svg)}.flag-icon-py.flag-icon-squared{background-image:url(../flags/1x1/py.svg)}.flag-icon-qa{background-image:url(../flags/4x3/qa.svg)}.flag-icon-qa.flag-icon-squared{background-image:url(../flags/1x1/qa.svg)}.flag-icon-re{background-image:url(../flags/4x3/re.svg)}.flag-icon-re.flag-icon-squared{background-image:url(../flags/1x1/re.svg)}.flag-icon-ro{background-image:url(../flags/4x3/ro.svg)}.flag-icon-ro.flag-icon-squared{background-image:url(../flags/1x1/ro.svg)}.flag-icon-rs{background-image:url(../flags/4x3/rs.svg)}.flag-icon-rs.flag-icon-squared{background-image:url(../flags/1x1/rs.svg)}.flag-icon-ru{background-image:url(../flags/4x3/ru.svg)}.flag-icon-ru.flag-icon-squared{background-image:url(../flags/1x1/ru.svg)}.flag-icon-rw{background-image:url(../flags/4x3/rw.svg)}.flag-icon-rw.flag-icon-squared{background-image:url(../flags/1x1/rw.svg)}.flag-icon-sa{background-image:url(../flags/4x3/sa.svg)}.flag-icon-sa.flag-icon-squared{background-image:url(../flags/1x1/sa.svg)}.flag-icon-sb{background-image:url(../flags/4x3/sb.svg)}.flag-icon-sb.flag-icon-squared{background-image:url(../flags/1x1/sb.svg)}.flag-icon-sc{background-image:url(../flags/4x3/sc.svg)}.flag-icon-sc.flag-icon-squared{background-image:url(../flags/1x1/sc.svg)}.flag-icon-sd{background-image:url(../flags/4x3/sd.svg)}.flag-icon-sd.flag-icon-squared{background-image:url(../flags/1x1/sd.svg)}.flag-icon-se{background-image:url(../flags/4x3/se.svg)}.flag-icon-se.flag-icon-squared{background-image:url(../flags/1x1/se.svg)}.flag-icon-sg{background-image:url(../flags/4x3/sg.svg)}.flag-icon-sg.flag-icon-squared{background-image:url(../flags/1x1/sg.svg)}.flag-icon-sh{background-image:url(../flags/4x3/sh.svg)}.flag-icon-sh.flag-icon-squared{background-image:url(../flags/1x1/sh.svg)}.flag-icon-si{background-image:url(../flags/4x3/si.svg)}.flag-icon-si.flag-icon-squared{background-image:url(../flags/1x1/si.svg)}.flag-icon-sj{background-image:url(../flags/4x3/sj.svg)}.flag-icon-sj.flag-icon-squared{background-image:url(../flags/1x1/sj.svg)}.flag-icon-sk{background-image:url(../flags/4x3/sk.svg)}.flag-icon-sk.flag-icon-squared{background-image:url(../flags/1x1/sk.svg)}.flag-icon-sl{background-image:url(../flags/4x3/sl.svg)}.flag-icon-sl.flag-icon-squared{background-image:url(../flags/1x1/sl.svg)}.flag-icon-sm{background-image:url(../flags/4x3/sm.svg)}.flag-icon-sm.flag-icon-squared{background-image:url(../flags/1x1/sm.svg)}.flag-icon-sn{background-image:url(../flags/4x3/sn.svg)}.flag-icon-sn.flag-icon-squared{background-image:url(../flags/1x1/sn.svg)}.flag-icon-so{background-image:url(../flags/4x3/so.svg)}.flag-icon-so.flag-icon-squared{background-image:url(../flags/1x1/so.svg)}.flag-icon-sr{background-image:url(../flags/4x3/sr.svg)}.flag-icon-sr.flag-icon-squared{background-image:url(../flags/1x1/sr.svg)}.flag-icon-ss{background-image:url(../flags/4x3/ss.svg)}.flag-icon-ss.flag-icon-squared{background-image:url(../flags/1x1/ss.svg)}.flag-icon-st{background-image:url(../flags/4x3/st.svg)}.flag-icon-st.flag-icon-squared{background-image:url(../flags/1x1/st.svg)}.flag-icon-sv{background-image:url(../flags/4x3/sv.svg)}.flag-icon-sv.flag-icon-squared{background-image:url(../flags/1x1/sv.svg)}.flag-icon-sx{background-image:url(../flags/4x3/sx.svg)}.flag-icon-sx.flag-icon-squared{background-image:url(../flags/1x1/sx.svg)}.flag-icon-sy{background-image:url(../flags/4x3/sy.svg)}.flag-icon-sy.flag-icon-squared{background-image:url(../flags/1x1/sy.svg)}.flag-icon-sz{background-image:url(../flags/4x3/sz.svg)}.flag-icon-sz.flag-icon-squared{background-image:url(../flags/1x1/sz.svg)}.flag-icon-tc{background-image:url(../flags/4x3/tc.svg)}.flag-icon-tc.flag-icon-squared{background-image:url(../flags/1x1/tc.svg)}.flag-icon-td{background-image:url(../flags/4x3/td.svg)}.flag-icon-td.flag-icon-squared{background-image:url(../flags/1x1/td.svg)}.flag-icon-tf{background-image:url(../flags/4x3/tf.svg)}.flag-icon-tf.flag-icon-squared{background-image:url(../flags/1x1/tf.svg)}.flag-icon-tg{background-image:url(../flags/4x3/tg.svg)}.flag-icon-tg.flag-icon-squared{background-image:url(../flags/1x1/tg.svg)}.flag-icon-th{background-image:url(../flags/4x3/th.svg)}.flag-icon-th.flag-icon-squared{background-image:url(../flags/1x1/th.svg)}.flag-icon-tj{background-image:url(../flags/4x3/tj.svg)}.flag-icon-tj.flag-icon-squared{background-image:url(../flags/1x1/tj.svg)}.flag-icon-tk{background-image:url(../flags/4x3/tk.svg)}.flag-icon-tk.flag-icon-squared{background-image:url(../flags/1x1/tk.svg)}.flag-icon-tl{background-image:url(../flags/4x3/tl.svg)}.flag-icon-tl.flag-icon-squared{background-image:url(../flags/1x1/tl.svg)}.flag-icon-tm{background-image:url(../flags/4x3/tm.svg)}.flag-icon-tm.flag-icon-squared{background-image:url(../flags/1x1/tm.svg)}.flag-icon-tn{background-image:url(../flags/4x3/tn.svg)}.flag-icon-tn.flag-icon-squared{background-image:url(../flags/1x1/tn.svg)}.flag-icon-to{background-image:url(../flags/4x3/to.svg)}.flag-icon-to.flag-icon-squared{background-image:url(../flags/1x1/to.svg)}.flag-icon-tr{background-image:url(../flags/4x3/tr.svg)}.flag-icon-tr.flag-icon-squared{background-image:url(../flags/1x1/tr.svg)}.flag-icon-tt{background-image:url(../flags/4x3/tt.svg)}.flag-icon-tt.flag-icon-squared{background-image:url(../flags/1x1/tt.svg)}.flag-icon-tv{background-image:url(../flags/4x3/tv.svg)}.flag-icon-tv.flag-icon-squared{background-image:url(../flags/1x1/tv.svg)}.flag-icon-tw{background-image:url(../flags/4x3/tw.svg)}.flag-icon-tw.flag-icon-squared{background-image:url(../flags/1x1/tw.svg)}.flag-icon-tz{background-image:url(../flags/4x3/tz.svg)}.flag-icon-tz.flag-icon-squared{background-image:url(../flags/1x1/tz.svg)}.flag-icon-ua{background-image:url(../flags/4x3/ua.svg)}.flag-icon-ua.flag-icon-squared{background-image:url(../flags/1x1/ua.svg)}.flag-icon-ug{background-image:url(../flags/4x3/ug.svg)}.flag-icon-ug.flag-icon-squared{background-image:url(../flags/1x1/ug.svg)}.flag-icon-um{background-image:url(../flags/4x3/um.svg)}.flag-icon-um.flag-icon-squared{background-image:url(../flags/1x1/um.svg)}.flag-icon-us{background-image:url(../flags/4x3/us.svg)}.flag-icon-us.flag-icon-squared{background-image:url(../flags/1x1/us.svg)}.flag-icon-uy{background-image:url(../flags/4x3/uy.svg)}.flag-icon-uy.flag-icon-squared{background-image:url(../flags/1x1/uy.svg)}.flag-icon-uz{background-image:url(../flags/4x3/uz.svg)}.flag-icon-uz.flag-icon-squared{background-image:url(../flags/1x1/uz.svg)}.flag-icon-va{background-image:url(../flags/4x3/va.svg)}.flag-icon-va.flag-icon-squared{background-image:url(../flags/1x1/va.svg)}.flag-icon-vc{background-image:url(../flags/4x3/vc.svg)}.flag-icon-vc.flag-icon-squared{background-image:url(../flags/1x1/vc.svg)}.flag-icon-ve{background-image:url(../flags/4x3/ve.svg)}.flag-icon-ve.flag-icon-squared{background-image:url(../flags/1x1/ve.svg)}.flag-icon-vg{background-image:url(../flags/4x3/vg.svg)}.flag-icon-vg.flag-icon-squared{background-image:url(../flags/1x1/vg.svg)}.flag-icon-vi{background-image:url(../flags/4x3/vi.svg)}.flag-icon-vi.flag-icon-squared{background-image:url(../flags/1x1/vi.svg)}.flag-icon-vn{background-image:url(../flags/4x3/vn.svg)}.flag-icon-vn.flag-icon-squared{background-image:url(../flags/1x1/vn.svg)}.flag-icon-vu{background-image:url(../flags/4x3/vu.svg)}.flag-icon-vu.flag-icon-squared{background-image:url(../flags/1x1/vu.svg)}.flag-icon-wf{background-image:url(../flags/4x3/wf.svg)}.flag-icon-wf.flag-icon-squared{background-image:url(../flags/1x1/wf.svg)}.flag-icon-ws{background-image:url(../flags/4x3/ws.svg)}.flag-icon-ws.flag-icon-squared{background-image:url(../flags/1x1/ws.svg)}.flag-icon-ye{background-image:url(../flags/4x3/ye.svg)}.flag-icon-ye.flag-icon-squared{background-image:url(../flags/1x1/ye.svg)}.flag-icon-yt{background-image:url(../flags/4x3/yt.svg)}.flag-icon-yt.flag-icon-squared{background-image:url(../flags/1x1/yt.svg)}.flag-icon-za{background-image:url(../flags/4x3/za.svg)}.flag-icon-za.flag-icon-squared{background-image:url(../flags/1x1/za.svg)}.flag-icon-zm{background-image:url(../flags/4x3/zm.svg)}.flag-icon-zm.flag-icon-squared{background-image:url(../flags/1x1/zm.svg)}.flag-icon-zw{background-image:url(../flags/4x3/zw.svg)}.flag-icon-zw.flag-icon-squared{background-image:url(../flags/1x1/zw.svg)} /* William's Code ##################################################################################### ##################################################################################### ##################################################################################### */ h3.hr{ box-shadow: inset 0 -11px 0 #fff, inset 0 -13px 0 #eee; } h3.hr a{ background:#fff; box-shadow:15px 0 0 #fff;} .hr_more{ float:right; background:#fff; box-shadow:-15px 0 0 #fff; font-size: 16px; margin-top:4px;} .w-fonctions{ background:#126384; color:white; border:none;} .w-fonctions h4{ color:inherit;} .w-fonctions img{margin-bottom:15px;} .w-fonctions h3{ margin-bottom: 0; padding-top: 40px; color: inherit;} .w-shop-header { height: 440px; max-width:960px; margin:0 auto; color: #fff; text-align:left; box-sizing: border-box; } .w-shop-header *{box-sizing: border-box;} .w-shop-header h3 {color: inherit;} .w-shop-header img { max-width: 100%; position: relative; top: 50%; max-height:100%; margin:0 auto; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);} .w-shop-header-block { position: relative; float: left; padding: 1em; color:#fff !important;} .w-shop-header-block1 { background: #258a9f; width: 40%; height: 100%; padding: 2em;} .w-shop-header-block2 { background: #ee7422; width: 60%; height: 45%;} .eur .w-shop-header-block2 { height: 50%; } .w-shop-header-block3 { position: relative; overflow: hidden; background: #838286; width: 30%; height: 55%;} /*.w-shop-header-block3 .w-shop-header-figure { text-align: center; }*/ /*.w-shop-header-block3 .w-shop-header-figure img { width: 160px; height: auto; margin: -30px auto 0; transform: none; }*/ /*.w-shop-header-block3.-ca .w-shop-header-figure img { margin: 15px auto 0; }*/ .w-shop-header-block4 { background: #fbb234; width: 30%; height: 55%; overflow: hidden;} .eur .w-shop-header-block4 { width: 60%; height: 50%; } .w-shop-header .half { width: 50%; float: left; height: 100%;} .w-shop-header-button { border: solid 2px #fff; display: inline-block; width: auto; padding: 0.2em 0.7em; color:inherit;} .w-shop-header-button-from, .w-shop-header-button-price { display: inline-block; vertical-align: middle;} .w-shop-header-button-from { font-size: 0.75em;} .w-shop-header-button-price { font-size: 1.2em;} .w-shop-header-button-price sup { font-size: 0.625em;} .w-shop-header-text { font-size: 13px; display: flex; flex-direction: column; justify-content: center; } .w-shop-header { overflow: hidden; position: relative;} .w-shop-header-banner { background: #dc3638; position: absolute; padding: 0.5em; width: 12em; text-align: center; -ms-transform: translate(-2.6em, 2.3em) rotate(-45deg); -webkit-transform: translate(-2.6em, 2.3em) rotate(-45deg); transform: translate(-2.6em, 2.3em) rotate(-45deg);} .w-shop-header-banner.sale { right: 0; text-transform: uppercase; -webkit-transform: translate(3.8em, 0) rotate(45deg); -ms-transform: translate(3.8em, 0) rotate(45deg); transform: translate(3.8em, 0) rotate(45deg);} .w-shop-header-block1 .w-shop-header-text { padding-top:5em} .w-shop-header-block1 .w-shop-header-figure { padding-top: 2em;} .w-shop-header-block1 .w-shop-header-figure img{ top:0; transform: translateY(0); max-width:200px;} .w-shop-header-block4 img { max-width: 80%; display: block; margin: 0 auto; } .w-shop-header .wqc { max-width: min(200px, 100%); display: block; margin: 0 auto; } @media (max-width: 960px) { .w-shop-header-block3 .w-shop-header-figure, body:not(.eur) .w-shop-header-block4 .w-shop-header-figure { display: none;} .w-shop-header-block3 .w-shop-header-text, body:not(.eur) .w-shop-header-block4 .w-shop-header-text { width: 100%; } .w-shop-header { height: 400px; } .w-shop-header-block1 .w-shop-header-figure { display:none; } .w-shop-header-block1 .w-shop-header-text{ padding-top:0; top:50%; position:relative; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);} .w-shop-header-block2,.w-shop-header-block3,.w-shop-header-block4{ height:50%; } } @media (max-width: 705px) { .w-shop-header-block1 .w-shop-header-figure{ display: none;} .w-shop-header-block1 .w-shop-header-text{ width: 100%;} .w-shop-header-block1{ padding:1em;} .w-shop-header-block1{ width:33.33%;} .w-shop-header-block2, .eur .w-shop-header-block4{ width:66.66%;} .w-shop-header-block3,.w-shop-header-block4{ width:33.33%;} .w-shop-header-block3 .w-shop-header-text { height: 100%; } } @media (max-width: 528px) { .w-shop-header-block1,.w-shop-header-block2,.w-shop-header-block3,.w-shop-header-block4{ width:50%;height:50%;} .w-shop-header-text { justify-content: flex-start; } .w-shop-header-block1 .w-shop-header-text { height: 100%; top: 0; transform: none; } .w-shop-header-block2 .w-shop-header-figure{ display: none;} .w-shop-header-block2 .w-shop-header-text{ width:100%;} .eur .w-shop-header-block4 { width: 100%; } .eur .w-shop-header-block4 .w-shop-header-text { justify-content: center; } .w-shop-header-banner{ display:none;} } @media screen and (max-width: 479px) { .hr_more { float: none; display: block; font-size: 12px; } .w-shop-header { font-size: 12px; } } .box.inspiration,.box.aidodys,.box.orth{border-bottom:none;} .orth+.w-fonctions{background:#27A8B8;}