/* ============================================================================ */
/* ============================================================================ */
/* GENERAL GENERAL GENERAL GENERAL GENERAL GENERAL GENERAL GENERAL GENERAL GENE */
/* ============================================================================ */
/* ============================================================================ */

body {
    font-family: 'Klinic Slab Book' !important;
    color:#00304b;
    font-size:18px;
}

label {
    font-weight: normal;
}
h2.title{
    color:#00304b;
    font-family: 'BELLABOO';
    margin-top: 5px !important;
    position:relative;
    font-size:45px;
    line-height:45px;
    margin-bottom:60px !important;;
    margin-top:25px;
}
h2.title:after{
    content: url('../img/arrow.png');
    position:absolute;
    left:0px;
    bottom: -40px;
}
#header {
    background-position:center right;
    margin-top: -16px;
    height: 450px;
    margin-bottom: 50px;
}
#sub-header {
    height:450px;
    padding: 20px 45px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    background-size: cover;
    height: 450px;
}
#sub-header h1{
    font-family: 'BELLABOO';
    position:relative;
    font-size:80px;
    margin: 20px 0px 20px 0px;
    line-height: initial;
}
#sub-header h1:after {
    content:none;
}
#sub-header h2{
    font-family: 'BELLABOO';
    font-size:40px;
    line-height: initial;
}
#sub-header ul {
    list-style-type:none;
    font-size:18px;
    padding-left: 0;
}
#sub-header ul li{
    position:relative;
    display:block;
    padding-top: 0px;
    padding-bottom: 0px;
}
#sub-header ul li:before{
    content : '>';
    color: #e4457d;
    position:absolute;
    left:-10px;
}
h2 {
    font-family: 'BELLABOO';
    text-transform: uppercase;
    text-align: left;
    font-size: 24px;
    margin-bottom: 15px !important;
    padding-bottom:10px !important;
    color:#11a88b;
}
h3 {
    font-family: 'BELLABOO';
    font-size:18px;
}
header{
    padding: 0px;
}
header .container{
    padding: 0;
}
footer {
    border-top: 4px solid;
}
input[type="text"], select, input[type="password"], input[type="email"], input[type="number"], textarea{
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    height:45px !important;
}
textarea{
    height:100px !important;
}
.block{
    background :#f4f4f4;
}
.block.margin-title{
    margin-top:0px;
    margin-bottom: 40px;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle {
    color: #e4457d;
    background-color: #fff;
    border : 2px solid #e4457d;
    padding : 13px;
}
.btn-primary, .btn-primary:hover{
    border-radius: 0px; text-transform: uppercase;
}
.btn-link, .btn-link:hover{
    font-size: 20px;
    font-weight:bold;
    text-decoration: underline;
    color: #00304b;
}
.bold {
    font-weight:bold;
}
footer{
    color:#fff;
    padding:0px;
    border:none;
    font-size:18px !important;
}
footer #main {
    background-image: url(../img/footer.png);
    background-size: cover;
    background-position:top;
    background-repeat: no-repeat;
    min-height: 425px;
}
footer #main #logo {
    margin-top:96px;
}
footer #main #quote {
    margin-left:55px;
}
footer #main p{
    line-height: 1.2;
    padding: 10px 0px 10px 55px;
}
footer #private h2 {
    margin-top:96px;
    margin-bottom:10px;
    color:#e4457d;
}
footer #private p {
    font-size:16px;
    margin:0px;
    padding:0px 5px;
    line-height:1;
    margin-bottom:22px;
}
footer #bottom {
    font-size:14px;
    padding : 15px 30px;
    background:#01456b;
}
footer ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
}
footer ul li img.img-fluid{
    height:16px;
}

footer ul li{
    display:inline-block;
    margin:2px;
    padding:0px;
    text-transform:uppercase;
}
footer ul.footer-makers {
    text-align: right;
}
footer p a, footer p a:hover {
    text-decoration: underline !important;
    font-weight:bold;
}
footer ul li a, footer ul li a:hover, footer a, footer a:hover{
    color:#fff;
}
footer ul li.separator {
    color:#e4457d;
}
footer ul li img {
    vertical-align:unset;
}

/* ============================================================================ */
/* ============================================================================ */
/* HELPER HELPER HELPER HELPER HELPER HELPER HELPER HELPER HELPER HELPER HELPER */
/* ============================================================================ */
/* ============================================================================ */

.no-padding{
    padding-right:13px;
    padding-left:13px;
}
.no-padding > [class*='col-'] {
    padding-right:2px;
    padding-left:2px;
}

/* ============================================================================ */
/* ============================================================================ */
/* PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE PAGE P */
/* ============================================================================ */
/* ============================================================================ */

/* ======================================= */
/* PROJET PROJET PROJET PROJET PROJET PROJ */
/* ======================================= */

/* ============================================================================ */
/* ============================================================================ */
/* FORMULAIRE FORMULAIRE FORMULAIRE FORMULAIRE FORMULAIRE FORMULAIRE FORMULAIRE */
/* ============================================================================ */
/* ============================================================================ */

/* ======================================= */
/* DON DON DON DON DON DON DON DON DON DON */
/* ======================================= */

.block {
    padding: 16px 20px;
    margin-bottom: 20px;
}
.block h2 {
    margin-top:0px;
}
.block.selected h2{
    color:#e4457d;
}
.amount-box{
    font-family: 'Klinic Slab';
    min-height: 45px;
    border-radius: 50px;
    background:#fff;
    font-size:14px;
    font-weight:bold;
}
.amount-box::-webkit-input-placeholder{
    font-family: 'Klinic Slab';
    font-weight:bold;
    font-size:18px;
    color:#00304b;
}
.amount-box::-moz-placeholder{
    font-family: 'Klinic Slab';
    font-weight:bold;
    font-size:18px;
    color:#00304b;
}
.amount-box:-ms-input-placeholder{
    font-family: 'Klinic Slab';
    font-weight:bold;
    font-size:18px;
    color:#00304b;
}
.custom-amount span.currency {
    font-family: 'Klinic Slab';
    font-weight:bold;
    font-size:18px;
    color:#00304b;
}
.amount-box.selected {
    background:#e4457d;
    color:#fff;
}
.custom-amount {
    margin-top: 15px;
}
.custom-amount.selected  span.currency{
    color:#fff;
}

.custom-amount.selected .amount-box::-webkit-input-placeholder{
    color:#fff;
}
.custom-amount.selected .amount-box::-moz-placeholder{
    color:#fff;
}
.custom-amount.selected .amount-box:-ms-input-placeholder{
    color:#fff;
}
.custom-amount .amount-box{
    font-size:18px;
    height: 45px;
    border-radius: 50px !important;
}
.custom-amount.amount-box-container .amount-box{
    font-size:18px;
    height: 45px;
    border-radius: 50px !important;
}
.custom-amount span.currency {
    top: 10px;
}
.ong {
    background:#f4f4f4;
    padding:0px;
}
#tabs {
    background-image: url(../img/deduction.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 72px;
}
#tabs h3 {
    line-height: 55px;
    font-weight:bold;
}
#tabs  #is-tab.tab {
    width:100%;
    color:#1ba3b4;
    text-decoration:none;
}
#tabs  #ir-tab.tab {
    color:#00304b;
    width:100%;
    text-decoration:none;
}
#tabs  #ir-tab.tab.selected, #tabs  #is-tab.tab.selected  {
    color:#fff;
}
#content {
    background:#f4f4f4;
    padding:38px 44px 24px 44px;
    margin-bottom:20px;
}
#content h2 {
    margin-top:0px;
    padding:0px;
    margin-bottom: 5px;
}
#content .pink {
    color:#e4457d;
    font-weight:bold;
}
#orga-checkbox{
    padding-top:25px;
    margin-bottom: 25px;
}
#orga-checkbox label {
    font-size: 18px;
    margin-left: 18px;
}
#grpd-checkbox  {
    padding-top:20px;
    margin-bottom: 40px;
}
#grpd-checkbox label {
    margin-left:18px;
}
.input-group{
    border-radius:50px;
    margin-bottom:20px;
}
.input-group > .form-label {
    font-size: 22px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    text-transform:uppercase;
    font-family: 'BELLABOO';
    padding : 5px 15px 5px 30px;
    border-color:#f4f4f4;
    background:#f4f4f4;
    color:#11a88b;
    height: 45px !important;
}
.input-group>.iti {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
.input-group>.form-control,
.input-group>.form-select,
.input-group>.custom-file,
.input-group>.iti>.form-control{
    border-radius: 0px 50px 50px 0px !important;
    border-color:#f4f4f4;
    background:#f4f4f4;
    font-family: 'Klinic Slab';
    color: #00304b;
}
.btn-primary, .btn-primary:hover{
    font-size: 20px !important;
    font-weight:normal !important;
    border-radius:50px !important;
    color:#fff !important;
    background:#e4457d !important;
    text-transform:uppercase !important;
    font-family: 'BELLABOO' !important;
}
span.notice {
    font-size:16px;
    display:block;
    margin:20px 0px;
}
.form-check-label {
    font-size:16px;
}
#sidebar h2 {
    margin-left:10px;
}
#sidebar .block.margin-title h2 {
    text-align:center;
    color:#00304b;
    margin-left:0px;
    font-size: 32px;
    margin-top: 8px;
}
#sidebar .block.margin-title .item {
    text-align:center;
    padding:20px 12px;
    margin: 5px 0px;
}
#sidebar .block.margin-title .item img{
    margin:auto;
    display:block;
}
#sidebar .block.margin-title .item .amount{
    font-family: 'BELLABOO';
    color:#e4457d;
    font-size:44px;
    margin:15px 0px;
}
#sidebar .description{
    padding:0px 20px;
    line-height:1;
    font-size: 16px;
    line-height: 1.2;
}
#sidebar .description .bold {
    display:block;
    margin : 20px 0px;
}
#sidebar .block.margin-title .item .description {
    padding:0px;
    margin-top: 5px;
}
#sidebar .block.margin-title .item .description, #sidebar .description{
    font-size:16px;
}

.form-control.country {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/dropdown.png) 95% 12px no-repeat #F4F4F4;
}

/* CAUTION: IE hackery ahead */
.form-control.country::-ms-expand {
    display: none; /* remove default arrow on ie10 and ie11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    .form-control.country {
        background:none\9;
        padding: 5px\9;
    }
}

/* ======================================= */
/* RESERVATION RESERVATION RESERVATION RES */
/* ======================================= */

.item .amount {
    line-height:45px;
}


/* ============================================================================ */
/* ============================================================================ */
/* SHOP SHOP SHOP SHOP SHOP SHOP SHOP SHOP SHOP SHOP SHOP SHOP SHOP SHOP SHOP S */
/* ============================================================================ */
/* ============================================================================ */

/* ============================================================================ */
/* CATEGORIES CATEGORIES CATEGORIES CATEGORIES CATEGORIES CATEGORIES CATEGORIES */
/* ============================================================================ */

/* ============================================================================ */
/* CAROUSEL CAROUSEL CAROUSEL CAROUSEL CAROUSEL CAROUSEL CAROUSEL CAROUSEL CARO */
/* ============================================================================ */

.carousel.slide.block .carousel-indicators .active {

}
.carousel.slide.block .carousel-indicators li {

}
.carousel-inner .item a{
    color:#fff;
}

/* ============================================================================ */
/* PRODUCT PRODUCT PRODUCT PRODUCT PRODUCT PRODUCT PRODUCT PRODUCT PRODUCT PROD */
/* ============================================================================ */

.product .btn-group > .btn-group:last-child > .btn:first-child {
    border-radius: 0px;
}
.product-description, .tab-content.gallery-content, .nav.nav-tabs.gallery-tabs {
    margin-top:10px;
}

/* ============================================================================ */
/* PAGINATION PAGINATION PAGINATION PAGINATION PAGINATION PAGINATION PAGINATION */
/* ============================================================================ */

/* ============================================================================ */
/* GALERY GALERY GALERY GALERY GALERY GALERY GALERY GALERY GALERY GALERY GALERY */
/* ============================================================================ */

/* ============================================================================ */
/* CART CART CART CART CART CART CART CART CART CART CART CART CART CART CART C */
/* ============================================================================ */
.panel-group .panel {
    border-radius:0px;
}
.table .item .text-right {

}

/* ============================================================================ */
/* ============================================================================ */
/* PLUGIN PLUGIN PLUGIN PLUGIN PLUGIN PLUGIN PLUGIN PLUGIN PLUGIN PLUGIN PLUGIN */
/* ============================================================================ */
/* ============================================================================ */

/* ======================================= */
/* PROGRESSDIS PROGRESSDIS PROGRESSDIS PRO */
/* ======================================= */

/* ======================================= */
/* PROGRESSBAR PROGRESSBAR PROGRESSBAR PRO */
/* ======================================= */

/* ======================================= */
/* REDFISC REDFISC REDFISC REDFISC REDFISC */
/* ======================================= */

/* ======================================= */
/* MENU MENU MENU MENU MENU MENU MENU MENU */
/* ======================================= */

/* ============================================================================ */
/* ============================================================================ */
/* RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE */
/* ============================================================================ */
/* ============================================================================ */
@media (min-width: 1500px){
    .container {
        max-width: 1456px;
    }
    #main-content {
        max-width:1140px;
        margin:auto;
    }
}

@media (min-width: 992px) and (max-width: 1499px){
    body {
        font-size:16px;
    }
    h2.title,#sidebar .block.margin-title .item .amount{
        font-size: 36px;
    }
    #sub-header {
        height:auto;
        padding: 20px;
    }
    #sub-header h1{
        font-size:60px;
    }
    #sub-header h2{
        font-size:30px;
    }
    h2{
        font-size: 20px;
    }
    #sidebar .block.margin-title h2 {
        font-size:24px;
    }
    #tabs {
        height: 62px;
    }
    #tabs h3 {
        line-height: 42px;
    }
    footer #main p {
        font-size:16px;
    }
    footer #private p, #sidebar .description{
        font-size:14px;
    }
    footer ul li, footer ul li a, footer ul li a:hover, footer a, footer a:hover  {
        font-size:12px;
    }
}
@media (max-width: 992px){
    .container-sm, .container {
        max-width: 720px;
    }
    #sub-header {
        height:auto;
        padding: 20px;
    }
    #sub-header h2{
        font-size:25px;
    }
    #sub-header h1{
        font-size:40px;
        margin-bottom:20px;
    }
    #sub-header p, #sub-header ul{
        font-size:16px;
    }
    #tabs {
        height: 70px;
    }
}
@media (max-width: 768px) {
    body, footer, footer #private p{
        font-size:14px;
    }
    h2.title{
        font-size: 34px;
    }
    #sub-header h1{
        font-size:34px;
    }
    #sub-header h2{
        font-size:22px;
    }
    #sub-header p, #sub-header ul{
        font-size:12px;
    }
    h2{
        font-size: 22px;
    }
    h3{
        font-size: 18px;
    }
    #header {
        background-position:center left;
        background-size: cover;
        height: 355px;
    }
    footer #bottom {
        font-size:12px;
        padding: 10px 15px;
    }
    #tabs {
        height: 30px;
    }
    #tabs h3 {
        margin: 0px;
        line-height: normal;
        font-size: 14px;
    }
    #tabs #ir-tab.tab, #tabs #is-tab.tab {
        margin: 0px;
        line-height: 24px;
    }
    footer #main p {
        margin-left:0px;
        padding-left:0px;
    }
    footer #main #quote {
        margin:auto;
    }
}
