Gestionnaire de fichiers - Editer - /home/kridsana/webapp.cm.in.th/673190902/u67319090018/Portfolio/assets/mobirise/css/mbr-additional.css
Arrière
.btn { border-width: 2px; } body { font-family: Jost; } .display-1 { font-family: 'Jost', sans-serif; font-size: 4rem; line-height: 1.1; } .display-1 > .mbr-iconfont { font-size: 5rem; } .display-2 { font-family: 'Jost', sans-serif; font-size: 3rem; line-height: 1.1; } .display-2 > .mbr-iconfont { font-size: 3.75rem; } .display-4 { font-family: 'Jost', sans-serif; font-size: 1.1rem; line-height: 1.5; } .display-4 > .mbr-iconfont { font-size: 1.375rem; } .display-5 { font-family: 'Jost', sans-serif; font-size: 2rem; line-height: 1.5; } .display-5 > .mbr-iconfont { font-size: 2.5rem; } .display-7 { font-family: 'Jost', sans-serif; font-size: 1.2rem; line-height: 1.5; } .display-7 > .mbr-iconfont { font-size: 1.5rem; } /* ---- Fluid typography for mobile devices ---- */ /* 1.4 - font scale ratio ( bootstrap == 1.42857 ) */ /* 100vw - current viewport width */ /* (48 - 20) 48 == 48rem == 768px, 20 == 20rem == 320px(minimal supported viewport) */ /* 0.65 - min scale variable, may vary */ @media (max-width: 992px) { .display-1 { font-size: 3.2rem; } } @media (max-width: 768px) { .display-1 { font-size: 2.8rem; font-size: calc( 2.05rem + (4 - 2.05) * ((100vw - 20rem) / (48 - 20))); line-height: calc( 1.1 * (2.05rem + (4 - 2.05) * ((100vw - 20rem) / (48 - 20)))); } .display-2 { font-size: 2.4rem; font-size: calc( 1.7rem + (3 - 1.7) * ((100vw - 20rem) / (48 - 20))); line-height: calc( 1.3 * (1.7rem + (3 - 1.7) * ((100vw - 20rem) / (48 - 20)))); } .display-4 { font-size: 0.88rem; font-size: calc( 1.0350000000000001rem + (1.1 - 1.0350000000000001) * ((100vw - 20rem) / (48 - 20))); line-height: calc( 1.4 * (1.0350000000000001rem + (1.1 - 1.0350000000000001) * ((100vw - 20rem) / (48 - 20)))); } .display-5 { font-size: 1.6rem; font-size: calc( 1.35rem + (2 - 1.35) * ((100vw - 20rem) / (48 - 20))); line-height: calc( 1.4 * (1.35rem + (2 - 1.35) * ((100vw - 20rem) / (48 - 20)))); } .display-7 { font-size: 0.96rem; font-size: calc( 1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20))); line-height: calc( 1.4 * (1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20)))); } } /* Buttons */ .btn { padding: 0.6rem 1.2rem; border-radius: 4px; } .btn-sm { padding: 0.6rem 1.2rem; border-radius: 4px; } .btn-md { padding: 0.6rem 1.2rem; border-radius: 4px; } .btn-lg { padding: 1rem 2.6rem; border-radius: 4px; } .bg-primary { background-color: #6592e6 !important; } .bg-success { background-color: #40b0bf !important; } .bg-info { background-color: #47b5ed !important; } .bg-warning { background-color: #ffe161 !important; } .bg-danger { background-color: #ff9966 !important; } .btn-primary, .btn-primary:active { background-color: #6592e6 !important; border-color: #6592e6 !important; color: #ffffff !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary.active { color: #ffffff !important; background-color: #2260d2 !important; border-color: #2260d2 !important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); } .btn-primary.disabled, .btn-primary:disabled { color: #ffffff !important; background-color: #2260d2 !important; border-color: #2260d2 !important; } .btn-secondary, .btn-secondary:active { background-color: #ff6666 !important; border-color: #ff6666 !important; color: #ffffff !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary.active { color: #ffffff !important; background-color: #ff0f0f !important; border-color: #ff0f0f !important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); } .btn-secondary.disabled, .btn-secondary:disabled { color: #ffffff !important; background-color: #ff0f0f !important; border-color: #ff0f0f !important; } .btn-info, .btn-info:active { background-color: #47b5ed !important; border-color: #47b5ed !important; color: #ffffff !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info.active { color: #ffffff !important; background-color: #148cca !important; border-color: #148cca !important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); } .btn-info.disabled, .btn-info:disabled { color: #ffffff !important; background-color: #148cca !important; border-color: #148cca !important; } .btn-success, .btn-success:active { background-color: #40b0bf !important; border-color: #40b0bf !important; color: #ffffff !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success.active { color: #ffffff !important; background-color: #2a747e !important; border-color: #2a747e !important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); } .btn-success.disabled, .btn-success:disabled { color: #ffffff !important; background-color: #2a747e !important; border-color: #2a747e !important; } .btn-warning, .btn-warning:active { background-color: #ffe161 !important; border-color: #ffe161 !important; color: #614f00 !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } .btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning.active { color: #0a0800 !important; background-color: #ffd10a !important; border-color: #ffd10a !important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); } .btn-warning.disabled, .btn-warning:disabled { color: #614f00 !important; background-color: #ffd10a !important; border-color: #ffd10a !important; } .btn-danger, .btn-danger:active { background-color: #ff9966 !important; border-color: #ff9966 !important; color: #ffffff !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } .btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger.active { color: #ffffff !important; background-color: #ff5f0f !important; border-color: #ff5f0f !important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); } .btn-danger.disabled, .btn-danger:disabled { color: #ffffff !important; background-color: #ff5f0f !important; border-color: #ff5f0f !important; } .btn-white, .btn-white:active { background-color: #fafafa !important; border-color: #fafafa !important; color: #7a7a7a !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } .btn-white:hover, .btn-white:focus, .btn-white.focus, .btn-white.active { color: #4f4f4f !important; background-color: #cfcfcf !important; border-color: #cfcfcf !important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); } .btn-white.disabled, .btn-white:disabled { color: #7a7a7a !important; background-color: #cfcfcf !important; border-color: #cfcfcf !important; } .btn-black, .btn-black:active { background-color: #232323 !important; border-color: #232323 !important; color: #ffffff !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } .btn-black:hover, .btn-black:focus, .btn-black.focus, .btn-black.active { color: #ffffff !important; background-color: #000000 !important; border-color: #000000 !important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); } .btn-black.disabled, .btn-black:disabled { color: #ffffff !important; background-color: #000000 !important; border-color: #000000 !important; } .btn-primary-outline, .btn-primary-outline:active { background-color: transparent !important; border-color: #6592e6; color: #6592e6; } .btn-primary-outline:hover, .btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline.active { color: #2260d2 !important; background-color: transparent!important; border-color: #2260d2 !important; box-shadow: none!important; } .btn-primary-outline.disabled, .btn-primary-outline:disabled { color: #ffffff !important; background-color: #6592e6 !important; border-color: #6592e6 !important; } .btn-secondary-outline, .btn-secondary-outline:active { background-color: transparent !important; border-color: #ff6666; color: #ff6666; } .btn-secondary-outline:hover, .btn-secondary-outline:focus, .btn-secondary-outline.focus, .btn-secondary-outline.active { color: #ff0f0f !important; background-color: transparent!important; border-color: #ff0f0f !important; box-shadow: none!important; } .btn-secondary-outline.disabled, .btn-secondary-outline:disabled { color: #ffffff !important; background-color: #ff6666 !important; border-color: #ff6666 !important; } .btn-info-outline, .btn-info-outline:active { background-color: transparent !important; border-color: #47b5ed; color: #47b5ed; } .btn-info-outline:hover, .btn-info-outline:focus, .btn-info-outline.focus, .btn-info-outline.active { color: #148cca !important; background-color: transparent!important; border-color: #148cca !important; box-shadow: none!important; } .btn-info-outline.disabled, .btn-info-outline:disabled { color: #ffffff !important; background-color: #47b5ed !important; border-color: #47b5ed !important; } .btn-success-outline, .btn-success-outline:active { background-color: transparent !important; border-color: #40b0bf; color: #40b0bf; } .btn-success-outline:hover, .btn-success-outline:focus, .btn-success-outline.focus, .btn-success-outline.active { color: #2a747e !important; background-color: transparent!important; border-color: #2a747e !important; box-shadow: none!important; } .btn-success-outline.disabled, .btn-success-outline:disabled { color: #ffffff !important; background-color: #40b0bf !important; border-color: #40b0bf !important; } .btn-warning-outline, .btn-warning-outline:active { background-color: transparent !important; border-color: #ffe161; color: #ffe161; } .btn-warning-outline:hover, .btn-warning-outline:focus, .btn-warning-outline.focus, .btn-warning-outline.active { color: #ffd10a !important; background-color: transparent!important; border-color: #ffd10a !important; box-shadow: none!important; } .btn-warning-outline.disabled, .btn-warning-outline:disabled { color: #614f00 !important; background-color: #ffe161 !important; border-color: #ffe161 !important; } .btn-danger-outline, .btn-danger-outline:active { background-color: transparent !important; border-color: #ff9966; color: #ff9966; } .btn-danger-outline:hover, .btn-danger-outline:focus, .btn-danger-outline.focus, .btn-danger-outline.active { color: #ff5f0f !important; background-color: transparent!important; border-color: #ff5f0f !important; box-shadow: none!important; } .btn-danger-outline.disabled, .btn-danger-outline:disabled { color: #ffffff !important; background-color: #ff9966 !important; border-color: #ff9966 !important; } .btn-black-outline, .btn-black-outline:active { background-color: transparent !important; border-color: #232323; color: #232323; } .btn-black-outline:hover, .btn-black-outline:focus, .btn-black-outline.focus, .btn-black-outline.active { color: #000000 !important; background-color: transparent!important; border-color: #000000 !important; box-shadow: none!important; } .btn-black-outline.disabled, .btn-black-outline:disabled { color: #ffffff !important; background-color: #232323 !important; border-color: #232323 !important; } .btn-white-outline, .btn-white-outline:active { background-color: transparent !important; border-color: #fafafa; color: #fafafa; } .btn-white-outline:hover, .btn-white-outline:focus, .btn-white-outline.focus, .btn-white-outline.active { color: #cfcfcf !important; background-color: transparent!important; border-color: #cfcfcf !important; box-shadow: none!important; } .btn-white-outline.disabled, .btn-white-outline:disabled { color: #7a7a7a !important; background-color: #fafafa !important; border-color: #fafafa !important; } .text-primary { color: #6592e6 !important; } .text-secondary { color: #ff6666 !important; } .text-success { color: #40b0bf !important; } .text-info { color: #47b5ed !important; } .text-warning { color: #ffe161 !important; } .text-danger { color: #ff9966 !important; } .text-white { color: #fafafa !important; } .text-black { color: #232323 !important; } a.text-primary:hover, a.text-primary:focus, a.text-primary.active { color: #205ac5 !important; } a.text-secondary:hover, a.text-secondary:focus, a.text-secondary.active { color: #ff0000 !important; } a.text-success:hover, a.text-success:focus, a.text-success.active { color: #266a73 !important; } a.text-info:hover, a.text-info:focus, a.text-info.active { color: #1283bc !important; } a.text-warning:hover, a.text-warning:focus, a.text-warning.active { color: #facb00 !important; } a.text-danger:hover, a.text-danger:focus, a.text-danger.active { color: #ff5500 !important; } a.text-white:hover, a.text-white:focus, a.text-white.active { color: #c7c7c7 !important; } a.text-black:hover, a.text-black:focus, a.text-black.active { color: #000000 !important; } a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption) { position: relative; background-image: transparent; background-size: 10000px 2px; background-repeat: no-repeat; background-position: 0px 1.2em; background-position: -10000px 1.2em; } a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption):hover { transition: background-position 2s ease-in-out; background-image: linear-gradient(currentColor 50%, currentColor 50%); background-position: 0px 1.2em; } .nav-tabs .nav-link.active { color: #6592e6; } .nav-tabs .nav-link:not(.active) { color: #232323; } .alert-success { background-color: #70c770; } .alert-info { background-color: #47b5ed; } .alert-warning { background-color: #ffe161; } .alert-danger { background-color: #ff9966; } .mbr-gallery-filter li.active .btn { background-color: #6592e6; border-color: #6592e6; color: #ffffff; } .mbr-gallery-filter li.active .btn:focus { box-shadow: none; } a, a:hover { color: #6592e6; } .mbr-plan-header.bg-primary .mbr-plan-subtitle, .mbr-plan-header.bg-primary .mbr-plan-price-desc { color: #ffffff; } .mbr-plan-header.bg-success .mbr-plan-subtitle, .mbr-plan-header.bg-success .mbr-plan-price-desc { color: #a0d8df; } .mbr-plan-header.bg-info .mbr-plan-subtitle, .mbr-plan-header.bg-info .mbr-plan-price-desc { color: #ffffff; } .mbr-plan-header.bg-warning .mbr-plan-subtitle, .mbr-plan-header.bg-warning .mbr-plan-price-desc { color: #ffffff; } .mbr-plan-header.bg-danger .mbr-plan-subtitle, .mbr-plan-header.bg-danger .mbr-plan-price-desc { color: #ffffff; } /* Scroll to top button*/ .scrollToTop_wraper { display: none; } .form-control { font-family: 'Jost', sans-serif; font-size: 1.1rem; line-height: 1.5; font-weight: 400; } .form-control > .mbr-iconfont { font-size: 1.375rem; } .form-control:hover, .form-control:focus { box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px 0px, rgba(0, 0, 0, 0.07) 0px 1px 3px 0px, rgba(0, 0, 0, 0.03) 0px 0px 0px 1px; border-color: #6592e6 !important; } .form-control:-webkit-input-placeholder { font-family: 'Jost', sans-serif; font-size: 1.1rem; line-height: 1.5; font-weight: 400; } .form-control:-webkit-input-placeholder > .mbr-iconfont { font-size: 1.375rem; } blockquote { border-color: #6592e6; } /* Forms */ .jq-selectbox li:hover, .jq-selectbox li.selected { background-color: #6592e6; color: #ffffff; } .jq-number__spin { transition: 0.25s ease; } .jq-number__spin:hover { border-color: #6592e6; } .jq-selectbox .jq-selectbox__trigger-arrow, .jq-number__spin.minus:after, .jq-number__spin.plus:after { transition: 0.4s; border-top-color: #353535; border-bottom-color: #353535; } .jq-selectbox:hover .jq-selectbox__trigger-arrow, .jq-number__spin.minus:hover:after, .jq-number__spin.plus:hover:after { border-top-color: #6592e6; border-bottom-color: #6592e6; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { color: #ffffff !important; background-color: #6592e6 !important; box-shadow: none !important; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #000000 !important; background: #ff6666 !important; box-shadow: none !important; } .lazy-bg { background-image: none !important; } .lazy-placeholder:not(section), .lazy-none { display: block; position: relative; padding-bottom: 56.25%; width: 100%; height: auto; } iframe.lazy-placeholder, .lazy-placeholder:after { content: ''; position: absolute; width: 200px; height: 200px; background: transparent no-repeat center; background-size: contain; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' stroke='%236592e6' %3e%3cg fill='none' fill-rule='evenodd'%3e%3cg transform='translate(16 16)' stroke-width='2'%3e%3ccircle stroke-opacity='.5' cx='16' cy='16' r='16'/%3e%3cpath d='M32 16c0-9.94-8.06-16-16-16'%3e%3canimateTransform attributeName='transform' type='rotate' from='0 16 16' to='360 16 16' dur='1s' repeatCount='indefinite'/%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e"); } section.lazy-placeholder:after { opacity: 0.5; } body { overflow-x: hidden; } a { transition: color 0.6s; } .cid-sFzxmVl7J6 { padding-top: 10rem; padding-bottom: 10rem; background-color: #ffffff; } .cid-sFzxmVl7J6 .row { flex-direction: row-reverse; } @media (max-width: 991px) { .cid-sFzxmVl7J6 .image-wrapper { margin-bottom: 2rem; } } .cid-sFzxmVl7J6 .image-wrapper img { width: 100%; object-fit: cover; } @media (min-width: 992px) { .cid-sFzxmVl7J6 .text-wrapper { padding: 0 2rem; } } @media (max-width: 768px) { .cid-sFzxmVl7J6 .text-wrapper { margin-bottom: 2rem; } } .cid-sFzxmVl7J6 .mbr-text, .cid-sFzxmVl7J6 .mbr-section-btn { color: #353535; } .cid-sFzyUE9AaP { padding-top: 8rem; padding-bottom: 9rem; background-color: #fafafa; } @media (min-width: 1500px) { .cid-sFzyUE9AaP .container { max-width: 1400px; } } .cid-sFzyUE9AaP .mbr-iconfont { display: block; font-size: 5rem; color: #4479d9; margin-bottom: 2rem; } .cid-sFzyUE9AaP .card-wrapper { margin-top: 3rem; } .cid-sFzyUE9AaP .row { justify-content: center; } .cid-sFzyUE9AaP .card-title, .cid-sFzyUE9AaP .iconfont-wrapper { color: #000000; } .cid-sFzyUE9AaP .card-text { color: #000000; } .cid-sFzyUE9AaP .mbr-section-title { color: #000000; } .cid-sFzz5E692j { padding-top: 8rem; padding-bottom: 8rem; background-color: #ffffff; } @media (max-width: 991px) { .cid-sFzz5E692j .image-wrapper { margin-bottom: 2rem; } } .cid-sFzz5E692j .image-wrapper img { width: 100%; object-fit: cover; } @media (min-width: 992px) { .cid-sFzz5E692j .text-wrapper { padding: 0 2rem; } } @media (max-width: 768px) { .cid-sFzz5E692j .text-wrapper { margin-bottom: 2rem; } } .cid-sFzFvgBfc0 { padding-top: 6rem; padding-bottom: 4rem; background-color: #fafafa; } .cid-sFzFvgBfc0 img, .cid-sFzFvgBfc0 .item-img { width: 100%; } .cid-sFzFvgBfc0 .item:focus, .cid-sFzFvgBfc0 span:focus { outline: none; } .cid-sFzFvgBfc0 .item { cursor: pointer; margin-bottom: 2rem; } .cid-sFzFvgBfc0 .item-wrapper { position: relative; border-radius: 4px; background: #ffffff; height: 100%; display: flex; flex-flow: column nowrap; } @media (min-width: 992px) { .cid-sFzFvgBfc0 .item-wrapper .item-content { padding: 2rem 2rem 0; } .cid-sFzFvgBfc0 .item-wrapper .item-footer { padding: 0 2rem 2rem; } } @media (max-width: 991px) { .cid-sFzFvgBfc0 .item-wrapper .item-content { padding: 1rem 1rem 0; } .cid-sFzFvgBfc0 .item-wrapper .item-footer { padding: 0 1rem 1rem; } } .cid-sFzFvgBfc0 .mbr-section-btn { margin-top: auto !important; } .cid-sFzFvgBfc0 .mbr-section-title { color: #000000; } .cid-sFzFvgBfc0 .mbr-text, .cid-sFzFvgBfc0 .mbr-section-btn { text-align: left; } .cid-sFzFvgBfc0 .item-title { text-align: left; } .cid-sFzFvgBfc0 .item-subtitle { text-align: left; } .cid-sFAZRnJnnI { padding-top: 7rem; padding-bottom: 7rem; background-color: #ffffff; } .cid-sFzIdnt1ra { padding-top: 8rem; padding-bottom: 1rem; background-color: #fafafa; } .cid-sFzDdjoEIw { padding-top: 0rem; padding-bottom: 10rem; background: #fafafa; } .cid-sFzDdjoEIw .list-group-item { background-color: transparent; padding: .5rem 3.25rem; } .cid-sFzDdjoEIw .plan-body { padding-bottom: 2rem; } .cid-sFzDdjoEIw .plan-header { padding-top: 2rem; padding-left: 1rem; padding-right: 1rem; } .cid-sFzDdjoEIw .price { color: #4479d9; } .cid-sFzDdjoEIw .plan { word-break: break-word; background-color: #ffffff; } .cid-sFzDdjoEIw .plan .list-group-item { position: relative; justify-content: center; border: 0; } .cid-sFzDdjoEIw .plan .list-group-item::after { position: absolute; bottom: 1px; left: 25%; width: 50%; height: 1px; content: ""; background-color: rgba(0, 0, 0, 0.1); } .cid-sFzDdjoEIw .plan .list-group-item:last-child::after { display: none; } @media (max-width: 991px) { .cid-sFzDdjoEIw .plan { margin-bottom: 2rem; } } .cid-sFzErVWEaH { padding-top: 6rem; padding-bottom: 8rem; background: #ffffff; } .cid-sFzErVWEaH .team-card { margin-bottom: 2rem; transition: all 0.3s; } .cid-sFzErVWEaH .team-card:hover { transform: translateY(-10px); } .cid-sFzErVWEaH .card-wrap { background: #fafafa; border-radius: 4px; } @media (max-width: 991px) { .cid-sFzErVWEaH .card-wrap { margin-bottom: 2rem; } } .cid-sFzErVWEaH .card-wrap .image-wrap img { width: 100%; } @media (min-width: 768px) { .cid-sFzErVWEaH .card-wrap .content-wrap { padding: 2rem; } } @media (max-width: 767px) { .cid-sFzErVWEaH .card-wrap .content-wrap { padding: 1rem; } } .cid-sFzErVWEaH .social-row { text-align: center; } .cid-sFzErVWEaH .social-row .soc-item { display: inline-block; text-align: center; border-radius: 50%; margin-right: 0.6rem; margin-bottom: 1rem; padding: 0.5rem; border: 2px solid #6592e6; transition: all 0.3s; } .cid-sFzErVWEaH .social-row .soc-item .mbr-iconfont { transition: all 0.3s; display: flex; justify-content: center; align-content: center; color: #6592e6; font-size: 1.5rem; } .cid-sFzErVWEaH .social-row .soc-item:hover { background-color: #6592e6; } .cid-sFzErVWEaH .social-row .soc-item:hover .mbr-iconfont { color: #ffffff; } .cid-sFzErVWEaH .mbr-section-title { color: #000000; } .cid-sFzErVWEaH .mbr-section-title1 { color: #000000; } .cid-sFAw7z51L3 { padding-top: 10rem; padding-bottom: 10rem; background-color: #fafafa; } .cid-sFAw7z51L3 img { width: 120px; margin: auto; } .cid-sFAw7z51L3 .card { transition: all 0.3s; height: fit-content; padding: 1rem 0; opacity: 0.7; margin-bottom: 1rem; } @media (min-width: 992px) { .cid-sFAw7z51L3 .card { max-width: 12.5%; } } .cid-sFAw7z51L3 .mbr-section-subtitle { color: #353535; } .cid-sFAyMcKwph { padding-top: 120px; padding-bottom: 120px; background-color: #ffffff; } .cid-sFAyMcKwph .media-container-row { justify-content: space-between; } .cid-sFAyMcKwph .text-content { max-width: 50%; } @media (max-width: 768px) { .cid-sFAyMcKwph .text-content { max-width: none; } } .cid-sFAyMcKwph .mbr-iconfont-social { margin: 0.5rem; font-size: 32px; display: flex; border-radius: 50%; text-align: center; color: #4479d9; border: 2px solid #4479d9; justify-content: center; align-content: center; transition: all 0.3s; } .cid-sFAyMcKwph .mbr-iconfont-social:before { padding: 0.6rem; } .cid-sFAyMcKwph .mbr-iconfont-social:hover { background-color: #4479d9; color: #ffffff; } @media (max-width: 768px) { .cid-sFAyMcKwph .icons { justify-content: center !important; } .cid-sFAyMcKwph .text-content * { text-align: center; } } .cid-sFAyMcKwph .mbr-section-title { color: #353535; } .cid-sFAyMcKwph P { color: #000000; } .cid-sFAyHxWQ1N { padding-top: 9rem; padding-bottom: 9rem; background-color: #fafafa; } .cid-sFAyHxWQ1N .item { display: flex; align-items: center; flex-direction: column; } .cid-sFAyHxWQ1N .item .icon-wrap { text-align: center; } .cid-sFAyHxWQ1N .item span { font-size: 2rem; color: #ffffff; line-height: 60px; } .cid-sFAyHxWQ1N .item::before { content: "\e96b"; font-family: Moririse2 !important; position: absolute; font-size: 32px; left: -15px; top: 12%; color: #4479d9; } .cid-sFAyHxWQ1N .item.first:before { display: none; } .cid-sFAyHxWQ1N .item.five:before { display: none; } .cid-sFAyHxWQ1N .icon-box { background: #4479d9; width: 60px; min-width: 60px; height: 60px; border-radius: 50%; text-align: center; display: inline-block; } .cid-sFAyHxWQ1N .text-box { margin-top: 1rem; text-align: center; } .cid-sFAyHxWQ1N .mbr-iconfont { color: #6592e6 !important; position: absolute; top: 50%; left: 100%; } @media (max-width: 991px) { .cid-sFAyHxWQ1N .item:before { display: none; } .cid-sFAyHxWQ1N .card-wrapper { margin-bottom: 2rem; } } .cid-sFzDs3t9EG { padding-top: 8rem; padding-bottom: 8rem; background-color: #ffffff; } .cid-sFzDs3t9EG .mbr-overlay { background-color: #ffffff; opacity: 0.4; } .cid-sFzDs3t9EG form .mbr-section-btn { text-align: center; width: 100%; } .cid-sFzDs3t9EG form .mbr-section-btn .btn { display: inline-flex; } @media (max-width: 991px) { .cid-sFzDs3t9EG form .mbr-section-btn .btn { width: 100%; } } .cid-sFzDs3t9EG .mbr-section-title { color: #000000; } .cid-sFzDs3t9EG .mbr-section-subtitle { color: #000000; } .cid-sFzIA7KGYz { padding-top: 5rem; padding-bottom: 5rem; background-color: #fafafa; } .cid-sFzIA7KGYz .image-wrapper { display: flex; align-items: center; } .cid-sFzIA7KGYz .card-wrapper { margin-bottom: 2rem; display: flex; border-radius: 4px; background: #ffffff; } @media (max-width: 991px) { .cid-sFzIA7KGYz .card-wrapper { padding: 1rem 2rem; } } @media (min-width: 992px) { .cid-sFzIA7KGYz .card-wrapper { padding: 2rem 4rem; } } .cid-sFzIA7KGYz .mbr-iconfont { font-size: 2rem; padding-right: 1.5rem; color: #6592e6; } .cid-sFAxp7Y5iM { padding-top: 0rem; padding-bottom: 0rem; background: #ffffff; } .cid-sFAxp7Y5iM .google-map { height: 30rem; position: relative; } .cid-sFAxp7Y5iM .google-map iframe { height: 100%; width: 100%; } .cid-sFAxp7Y5iM .google-map [data-state-details] { color: #6b6763; height: 1.5em; margin-top: -0.75em; padding-left: 1.25rem; padding-right: 1.25rem; position: absolute; text-align: center; top: 50%; width: 100%; } .cid-sFAxp7Y5iM .google-map[data-state] { background: #e9e5dc; } .cid-sFAxp7Y5iM .google-map[data-state="loading"] [data-state-details] { display: none; } .cid-sFCygHrmNf { padding-top: 2rem; padding-bottom: 2rem; background-color: #232323; } .cid-sFCygHrmNf .row-links { width: 100%; justify-content: center; } .cid-sFCygHrmNf .social-row { width: 100%; justify-content: center; } .cid-sFCygHrmNf .row { flex-direction: column; justify-content: center; align-items: center; } .cid-sFCygHrmNf .row .foot-menu { list-style: none; display: flex; justify-content: center; flex-wrap: wrap; padding: 0; margin-bottom: 0; } .cid-sFCygHrmNf .row .foot-menu li { padding: 0 1rem 1rem 1rem; } .cid-sFCygHrmNf .row .foot-menu li p { margin: 0; } .cid-sFCygHrmNf .row .social-list { width: auto; padding-left: 0; margin-bottom: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: flex-end; } .cid-sFCygHrmNf .row .social-list .mbr-iconfont-social { font-size: 1.5rem; color: #ffffff; } .cid-sFCygHrmNf .row .social-list .soc-item { margin: 0 .5rem; } .cid-sFCygHrmNf .row .social-list a { margin: 0; opacity: .5; transition: .2s linear; } .cid-sFCygHrmNf .row .social-list a:hover { opacity: 1; } @media (max-width: 767px) { .cid-sFCygHrmNf .row .social-list { -webkit-justify-content: center; justify-content: center; } } .cid-sFCygHrmNf .row .row-copirayt { word-break: break-word; width: 100%; } .cid-sFCygHrmNf .row .row-copirayt p { width: 100%; } .cid-sFF0SGinka { padding-top: 5rem; padding-bottom: 5rem; background-color: #eae7dc; } .cid-sFF0SGinka .row { align-items: center; } @media (max-width: 991px) { .cid-sFF0SGinka .image-wrapper { padding: 1rem; } } @media (min-width: 992px) { .cid-sFF0SGinka .text-wrapper { padding: 0 2rem; } } .cid-sFF0SGinka .mbr-section-title { color: #e85a4f; } .cid-sFF0SGinka .mbr-text, .cid-sFF0SGinka .mbr-section-btn { color: #8e8d8a; } .cid-sFF75ZhH2d { padding-top: 6rem; padding-bottom: 6rem; background-color: #ffffff; } @media (max-width: 991px) { .cid-sFF75ZhH2d .image-wrapper { margin-bottom: 1rem; } } .cid-sFF75ZhH2d img { width: 100%; } @media (min-width: 992px) { .cid-sFF75ZhH2d .text-wrapper { padding: 2rem; } } .cid-sFF75ZhH2d .mbr-section-title { color: #e43f3f; } .cid-sFF75ZhH2d .mbr-text { color: #8e8d8a; } .cid-sFF3eJNZDT { padding-top: 6rem; padding-bottom: 4rem; background-color: #ffffff; } .cid-sFF3eJNZDT .item { display: flex; align-items: center; margin-bottom: 2rem; } .cid-sFF3eJNZDT .icon-box { background: #e85a4f; width: 60px; min-width: 60px; height: 60px; border-radius: 50%; margin-right: 1rem; display: flex; justify-content: center; align-items: center; } .cid-sFF3eJNZDT .mbr-iconfont { font-size: 2rem; color: #ffffff; } @media (max-width: 991px) { .cid-sFF3eJNZDT .card { margin-bottom: 2rem; } .cid-sFF3eJNZDT .card-wrapper { margin-bottom: 2rem; } } .cid-sFF3eJNZDT .card-title, .cid-sFF3eJNZDT .card-box { color: #000000; } .cid-sFF3eJNZDT .icon-text { color: #8e8d8a; } .cid-sFF3kfZheU { padding-top: 8rem; padding-bottom: 8rem; background-color: #eae7dc; } .cid-sFF3kfZheU .item { padding-bottom: 2rem; } .cid-sFF3kfZheU .item-wrapper { position: relative; } .cid-sFF3kfZheU .item-wrapper .icon-wrapper { pointer-events: none; position: absolute; width: 60px; height: 60px; font-size: 22px; left: 50%; top: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid #ffffff; border-radius: 50%; opacity: 0; color: #ffffff; transform: translateX(-50%) translateY(-50%); background-color: #1b1b1b; transition: 0.2s; } .cid-sFF3kfZheU .item-wrapper:hover .icon-wrapper { opacity: 0.7; } .cid-sFF3kfZheU .carousel-control, .cid-sFF3kfZheU .close { background: #1b1b1b; } .cid-sFF3kfZheU .carousel-control-prev { margin-left: 2.5rem; } .cid-sFF3kfZheU .carousel-control-prev span { margin-right: 5px; } .cid-sFF3kfZheU .carousel-control-next { margin-right: 2.5rem; } .cid-sFF3kfZheU .carousel-control-next span { margin-left: 5px; } .cid-sFF3kfZheU .close { position: fixed; opacity: 0.5; font-size: 22px; font-weight: 300; width: 60px; height: 60px; border-radius: 50%; color: #fff; top: 2.5rem; right: 2.5rem; border: 2px solid #fff; text-shadow: none; z-index: 5; transition: opacity 0.3s ease; font-family: 'Moririse2'; align-items: center; justify-content: center; display: flex; } .cid-sFF3kfZheU .close::before { content: '\e91a'; } .cid-sFF3kfZheU .close:hover { opacity: 1; background: #000; color: #fff; } .cid-sFF3kfZheU .carousel-control { display: flex; top: 50%; width: 60px; height: 60px; margin-top: -1.5rem; font-size: 22px; background-color: rgba(0, 0, 0, 0.5); border: 2px solid #fff; border-radius: 50%; transition: all 0.3s; } .cid-sFF3kfZheU .carousel-control.carousel-control-prev { left: 0; margin-left: 2.5rem; } .cid-sFF3kfZheU .carousel-control.carousel-control-next { right: 0; margin-right: 2.5rem; } @media (max-width: 767px) { .cid-sFF3kfZheU .carousel-control { top: auto; bottom: 1rem; } } .cid-sFF3kfZheU .carousel-indicators { position: absolute; bottom: 0; margin-bottom: 3px; } .cid-sFF3kfZheU .carousel-indicators li { max-width: 15px; height: 15px; width: 15px; max-height: 15px; margin: 3px; background-color: rgba(0, 0, 0, 0.5); border: 2px solid #fff; border-radius: 50%; opacity: 0.5; transition: all 0.3s; } .cid-sFF3kfZheU .carousel-indicators li.active, .cid-sFF3kfZheU .carousel-indicators li:hover { opacity: 0.9; } .cid-sFF3kfZheU .carousel-indicators li::after, .cid-sFF3kfZheU .carousel-indicators li::before { content: none; } .cid-sFF3kfZheU .carousel-indicators.ie-fix { left: 50%; display: block; width: 60%; margin-left: -30%; text-align: center; } @media (max-width: 768px) { .cid-sFF3kfZheU .carousel-indicators { display: none !important; } } @media (max-width: 991px) { .cid-sFF3kfZheU .carousel-indicators { margin-bottom: 3.625rem !important; padding-left: 2.5rem; padding-right: 2.5rem; } } @media (max-width: 767px) { .cid-sFF3kfZheU .carousel-indicators { display: none; } } .cid-sFF3kfZheU .carousel-inner { display: flex; align-items: center; } .cid-sFF3kfZheU .carousel-inner > .active { display: block; } .cid-sFF3kfZheU .carousel-control.left { left: 0; margin-left: 2.5rem; } .cid-sFF3kfZheU .carousel-control.right { right: 0; margin-right: 2.5rem; } .cid-sFF3kfZheU .carousel-control:hover { background: #1b1b1b; color: #fff; opacity: 1; } @media (max-width: 768px) { .cid-sFF3kfZheU .carousel-control, .cid-sFF3kfZheU .carousel-indicators, .cid-sFF3kfZheU .modal .close { position: fixed; } } @media (max-width: 767px) { .cid-sFF3kfZheU .mbr-slider .carousel-control { top: auto; bottom: 20px; } .cid-sFF3kfZheU .mbr-slider > .container .carousel-control { margin-bottom: 0; } } .cid-sFF3kfZheU .carousel-indicators .active, .cid-sFF3kfZheU .carousel-indicators li { width: 7px; height: 7px; margin: 3px; background: #000000; opacity: 0.5; border: 4px solid #000000; } .cid-sFF3kfZheU .carousel-indicators .active { background: #fff; } .cid-sFF3kfZheU .carousel-indicators li { max-width: 15px; max-height: 15px; border-radius: 50%; } .cid-sFF3kfZheU .modal { padding-left: 0 !important; position: fixed; overflow: hidden; padding-right: 0 !important; } .cid-sFF3kfZheU .modal-dialog { margin: 0 auto; max-width: 100%; padding-left: 1rem; padding-right: 1rem; } .cid-sFF3kfZheU .modal-content { border-radius: 0; border: none; background: transparent; } .cid-sFF3kfZheU .modal-body { padding: 0; display: flex; align-items: center; } .cid-sFF3kfZheU .modal-body img { width: 100%; object-fit: contain; max-height: calc(100vh - 1.75rem); } .cid-sFF3kfZheU .carousel { width: 100%; } .cid-sFF3kfZheU .modal-backdrop.in { opacity: 0.8; } .cid-sFF3kfZheU .modal.fade .modal-dialog { transition: margin-top 0.3s ease-out; } .cid-sFF3kfZheU .modal.fade .modal-dialog, .cid-sFF3kfZheU .modal.in .modal-dialog { transform: none; } .cid-sFF3kfZheU .mbr-gallery .item-wrapper { cursor: pointer; } .cid-sFF3kfZheU H6 { text-align: center; } .cid-sFF3kfZheU H4 { color: #8e8d8a; } .cid-sFF3kfZheU H3 { color: #e85a4f; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Génération de la page: 0.12 |
proxy
|
phpinfo
|
Réglages