/*
Theme Name: Quart Child
Theme URI: http://quart.mikado-themes.com
Description: A child theme of Quart Theme
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.0.0
Text Domain: quart
Template: quart
*/
/*-------------------------------*/
/* KI NOUS FER - REMOVE SPACE COL */
/*-------------------------------*/

.ki-nou-fer .vc_column_container>.vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}
.mkdf-position-right .mkdf-icon-widget-holder .mkdf-icon-text {
    float: left;
    padding: 3px 10px !important;
}

.mkdf-side-menu .widget.widget_nav_menu li.social-fb a::before {
    display: inline-block;
    font-family: "Ionicons";
    content: "\f231";
    padding: 0 15px 0 0;
}
/*-------------------------------*/
/* CONTACT US FORM */
/*-------------------------------*/
.contact-us-wrapper ul.gfield_radio li label, 
.contact-us-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    font-family: 'Roboto',sans-serif;
    font-size: 15px;
    font-style: italic;
    font-weight: 300;
    padding-bottom: 0;
}
.contact-us-wrapper .top_label .gfield_label{
    font-family: 'Roboto',sans-serif;
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    padding-bottom: 0;
}
.contact-us-wrapper ul.gfield_radio li input[type=radio]:checked+label{
     font-weight: 500 !important;
}
.gform_wrapper ul.gfield_radio li {
    margin: 0px 8px 0 0;
    overflow: inherit !important;
}
.contact-us-wrapper .gform_footer.top_label input#gform_submit_button_1 {
    color: #000;
    background-color: transparent;
    border: 1px solid #000;
    font-size: 12px;
    font-weight: 400!important;
    line-height: 2em;
    letter-spacing: .2em;
    font-family: Heebo,sans-serif;
    text-transform: uppercase;
    padding: 16px 62px 16px 53px;
}
.contact-us-wrapper li#field_1_1 label.gfield_label.gfield_label_before_complex {
    display: none !important;
}
.contact-us-wrapper .gform_footer.top_label:hover input#gform_submit_button_1,
.contact-us-wrapper .gform_footer.top_label:focus input#gform_submit_button_1 {
    color: #FFFFFF;
    background-color: #000;
}
.contact-us-wrapper .gform_footer.top_label span:after {
    content: '\26';
    font-family: ElegantIcons;
    z-index: 100;
    margin-left: -70px;
    font-weight: 300;
    font-size: 13px;
    display: inline-block;
    transition: transform .3s cubic-bezier(0,.95,.77,1);
}
.contact-us-wrapper .gform_footer.top_label:hover  span:after,
.contact-us-wrapper .gform_footer.top_label:focus  span:after{
    color: #FFFFFF;
}
#mkdf-back-to-top.on{
     display :none;
}
/*-------------------------------*/
/* ABONN TOI FORM */
/*-------------------------------*/
.abonn-toi_wrapper .gform_footer.top_label input#gform_submit_button_2{
    color: #ffffff;
    background-color: #000;
    border: 1px solid #000;
     font-size: 0;
    font-weight: 400!important;
    line-height: 2em;
    letter-spacing: .2em;
    font-family: Heebo,sans-serif;
    text-transform: uppercase;
    padding: 29px 32px;
}

.abonn-toi_wrapper .gform_footer.top_label:hover input#gform_submit_button_2,
.abonn-toi_wrapper .gform_footer.top_label:focus input#gform_submit_button_2 {
    color: #FFFFFF;
    background-color: #000;
}
.abonn-toi_wrapper .gform_footer.top_label span:after {
    content: '\26';
    font-family: ElegantIcons;
    z-index: 100;
    margin-left: -11px;
    font-weight: 400;
    font-size: 13px;
    display: inline-block;
    transition: transform .3s cubic-bezier(0,.95,.77,1);
    position: absolute;
    top: 24px;
    color: white;
    left: 39px;
}
.abonn-toi_wrapper .gform_footer.top_label:hover  span:after,
.abonn-toi_wrapper .gform_footer.top_label:focus  span:after{
    color: #FFFFFF;
    transform: translate3d(3px,-3px,0);
}
.gform_wrapper.abonn-toi_wrapper  form.gf_simple_horizontal div.gform_body{
     width: 83%;
}
.gform_wrapper.abonn-toi_wrapper input#input_2_1 {
    border: 0;
    font-size: 15px;
    font-family: Roboto;
    line-height: 20px;
    font-style: italic;
    font-weight: 300;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom:5px
}
.abonn-toi_wrapper .ginput_container.ginput_container_email {
    border: 1px solid;
    padding: 15px 16px;
}
.nou-savwar-fer-section p{
    font-weight: 400 !important;
}

/*-------------------------------*/
/* PARALLAX BANNER IMAGE */
/*-------------------------------*/
a.click-img {
    text-decoration: none !important;
}
.two_image-section {
    min-height: 215px;
    background-attachment: fixed;
    background-position: 50% 147px;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.text-content {
    margin-left: 150px;
}
.text-content p.title {
    font-size: 45px;
    font-weight: 400;
    font-family: Heebo,sans-serif;
    line-height: 1.156em;
    color: #ffffff;
    text-align: left;
}

.text-content button.readmore {
    position: relative;
    width: auto;
    margin: 0;
    font-size: 12px;
    line-height: 2em;
    letter-spacing: .2em;
    font-family: Heebo,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 15px 28px;
    background-color: transparent;
    border: 1px solid #FFFFFF;
    cursor: pointer;
    transition: 0.3s ease-in;
    margin-top: 50px;
}

.click-img:hover .text-content button.readmore {
    color: #FFFFFF;
    background-color: #000000;
    border-color: #000000;
}
.text-content button.readmore:focus {
    outline: 0;

}
.readmore span.mkdf-icon-font-elegant.arrow_right-up {
    margin-left: 15px;
}
.click-img:hover .text-content button.readmore span.read{
    text-decoration: underline !important;
}

/*-------------------------------*/
/* FOOTER */
/*-------------------------------*/
.footer-row {
    background-color: #000000;
    padding: 50px 0 0;
}
.general-enquiries-content p, 
.general-enquiries-content a, 
.menu-footer li > a {
    color: #FFFFFF;
    font-family: Heebo,sans-serif;
    font-weight: 400;
    line-height: 32px;
    text-transform: uppercase;
}
.general-enquiries-content a.email {
    text-transform: lowercase;
}

.general-enquiries-content p.title {
    font-weight: 700;
    font-size: 18px;
    padding-top: 15px;
    display: none;
}
.footer-row  .main-footer > [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
}
.footer-row .main-footer{
     display:table;
     min-height: 215px;
}
.general-enquiries-content a:hover  {
    color: #fffFFF;
    text-decoration: underline;
}
.general-enquiries-content a.email:before {
    content: '\e010';
    font-family: 'ElegantIcons';
    margin-right: 15px;
}
.general-enquiries-content a.tel:before {
    content: '\e090';
    font-family: 'ElegantIcons';
    margin-right: 15px;
}
.general-enquiries-content a:hover::before{
    text-decoration: none  !important;
}
.footer-row  .row-social-copyright,
.footer-row  .row-social-copyright a {
    color: #FFFF;
    font-size: 12px;
    font-family: 'Heebo',sans-serif;
    font-weight: 300;
}
.row-social-copyright .col-md-4 {
    vertical-align: middle;
    display: table-cell;
}

.row.row-social-copyright  > [class*="col-"] {
    display: table-cell;
    vertical-align: bottom;
}
.footer-row  .row-social-copyright p{
    margin: 0;
}
.col-md-4.copyright-section p {
    float: right;
}

.terms-legals {
    display: table;
}

.terms-legals  {
    display: table-cell;
    position: relative;
    padding: 0 15px;
}


.logo-footer img {
    height: 60px;
}
.social-copyright {
    background-color: #262626;
    padding: 15px 0;
}
.col-md-4.copyright-section p {
    margin-left: 30px;
}
ul#menu-footer-menu {
    margin-top: 0 !important;
}

/*-------------------------------*/
/* NOUS SAVOIR FER */
/*-------------------------------*/
.sf-savoir-faire-holder .mkdf-black-back:hover,
.la-savoir-faire-holder .mkdf-black-back:hover,
.nf-savoir-faire-holder .mkdf-black-back:hover,
.savoir-faire-holder .mkdf-black-back:hover,
.nb-savoir-faire-holder .mkdf-black-back:hover{
    color: #FFFFFF !important;
}
/*-------------------------------*/
/* PORTFOLIO */
/*-------------------------------*/
.mkdf-portfolio-single-holder.mkdf-ps-huge-images-layout .mkdf-ps-image-holder .mkdf-ps-image {
    margin: 0 !important;
}
/*-------------------------------*/
/* LEKIP */
/*-------------------------------*/
.archive-lekip-container {
    padding-bottom: 50px;
}
.archive-lekip-container > .container {
    padding: 0 150px;
    width: inherit;
}
.lekip-wrapper {
    margin-bottom: 45px;
}
.lekip-wrapper a {
    text-decoration: none !important;
}
.lekip-featured-image img {
    transition: all .8s ease-in-out;
    width: 100%;
    object-fit: cover;
}
.lekip-wrapper:hover img {
    filter: gray;
    filter: grayscale(1);
}
.lekip-job-title h6 {
    margin-bottom: 0 !important;
}
.lekip-name h3 {
    margin-top: 20px;
    font-size: 25px;
}
.lekip-social-holder ul li {
    display: inline-block;
    margin-right: 20px;
}
.instagram-icon i {
    font-weight: 600;
}
/*-------------------------------*/
/* SINGLE LEKIP */
/*-------------------------------*/
.single-lekip .mkdf-logo-wrapper a img.mkdf-light-logo {
    opacity: 1;
}
.single-lekip .mkdf-page-header .mkdf-menu-area {
    background-color: transparent !important;
}
.single-lekip .mkdf-main-menu>ul>li>a,
.single-lekip .mkdf-main-menu ul li a:hover {
    color: #fff !important;
}
.single-lekip .mkdf-main-menu>ul>li>a>span.item_outer:after {
    background: #fff !important;
}
.single-lekip  .mkdf-page-header .mkdf-fixed-wrapper.fixed .mkdf-menu-area {
    background: #000 !important
}
.single-lekip .mkdf-content {
    background: url(/wp-content/uploads/2020/07/fondKRAFT-Pattern-BN-scaled.jpg); 
}
.single-lekip-container {
    margin-top: -95px;
}
.single-lekip-container .container {
    padding-right: calc((100% - 1170px) / 5);
    width: inherit !important;
}
.single-lekip-container > .container > .row > .col-md-6 {
    padding: 0 !important;
}
.single-lekip-container * {
    color: #fff !important;
}
.single-lekip-page-title {
    padding-left: 15px;
    padding: 40px 0 15px 15px;
}
.lekip-image-wrapper {
    height: 100%;
}
.lekip-image-wrapper img {
    height: 100%;
    object-fit: cover;
}
.lekip-info-wrapper {
    height: 100vh;
    display: table;
    padding: 80px 35px 0 70px;
}
.single-lekip-container .col-md-7,
.single-lekip-container .col-md-5 {
    padding: 0 !important;
}
.valign {
    display: table-cell;
    vertical-align: middle;
}
.lekip-page-title, 
.lekip-description {
    max-width: 500px;
}
.lekip-page-title h2 {
    font-size: 35px;
}
.lekip-description h4 {
    font-size: 23px;
    margin-top: 0;
}
.lekip-description {
    padding: 5px 0 25px;
}
.lekip-details {
    margin-bottom: 40px;
}
.lekip-contact-info a {
    display: block;
}
.lekip-social-medias {
    padding: 35px 0;
}
.lekip-social-medias ul li {
    display: inline-block;
    margin-right: 30px;
}
.lekip-social-medias ul li a i {
    font-size: 25px;
}
.back-to-lekip {
    padding-top: 40px;
}
.back-to-lekip a {
    border: 1px solid #fff;
    padding: 13px;
    transition: 0.3s ease-in-out;
    text-decoration: none !important;
}
.back-to-lekip a:hover {
    background: #fff;
    color: #666 !important;
}
.back-to-lekip a i {
    padding-right: 15px;
    font-size: 20px;
    font-weight: 300;
    position: relative;
    top: 2px;
}
.back-to-lekip a:hover i {
    color: #666 !important;
}
.lekip-details-wrapper h1 {
    font-size: 25px;
    margin: 0 0 15px;
}
.lekip-details-wrapper h2 {
    font-size: 23px;
    margin: 0 0 15px;
}
.lekip-details-wrapper h3 {
    font-size: 20px;
    margin: 0 0 15px;
}
.lekip-details-wrapper h4 {
    font-size: 18px;
    margin: 0 0 15px;
}
.lekip-details-wrapper h5 {
    font-size: 16px;
    margin: 0 0 15px;
}
.lekip-details-wrapper h6 {
    font-size: 14px;
    margin: 0 0 15px;
}
.lekip-details p {
    margin: 0;
}
/*-------------------------------*/
/* KOLABORATER */
/*-------------------------------*/
.kolaborater-logo {
    max-width: 160px;
}
.kolaborater-container > .container {
    padding: 0;
}
.kolaborater-description {
    padding-bottom: 5px;
    border-bottom: 1px solid;
}
.kolaborater-social-media li {
    display: inline-block;
    margin-right: 20px;
}
.kolaborater-wrapper {
    margin-bottom: 50px;
}
/*-------------------------------*/
/* ASSOCIATION */
/*-------------------------------*/
.association-container {
    padding-top: 100px;
}
.association-container > .container {
    width: 950px;
}
.association-image,
.association-details-holder {
    height: 348px;
}
.association-image img {
    height: 100%;
    object-fit: cover;
}

/* Footer */
.col-md-3.logo-footer img {
    width: 189px;
    height: 53px;
}
.col-md-3.general-enquiries-content {
    left: 70px;
}
/* .col-md-4.copyright-section {
    right: 300px;
} */
.col-md-4.copyright-section p {
    float: inherit;
    text-align: center;
    width: 100%;
}

/*-------------------------------*/
/* P/SPAN CSS */
/*-------------------------------*/
p a:hover,
.mkdf-blog-slider-holder .mkdf-post-title a {
    text-decoration: none;

}
span.mkdf-black-back {
    line-height: 135px !important;
}


/*-------------------------------*/
/* HOMEPAGE ACCORDION SAVWAR FER */
/*-------------------------------*/
.savwar-fer-accordion {
    margin-right: 0px !important;
    margin-left: 0px !important;
    padding-top: 50px !important;
}
/* .savwarfer-accordion-row .panel.panel-default.col-md-4 {
    border: none;
    background-color: #FFFFFF;
}
.savwarfer-accordion-row  h4.panel-title {
    position: relative;
    cursor: pointer;
    margin: 15px 0 0 70px;
    box-sizing: border-box;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: color .2s ease-out,background-color .2s ease-out;
    -moz-transition: color .2s ease-out,background-color .2s ease-out;
    transition: color .2s ease-out,background-color .2s ease-out;
    border-bottom: 1px solid #000000;
    padding: 7px 0;
    counter-increment: accordion-counter;
    font-weight: 400;
    font-family: Heebo,sans-serif;
     font-size: 27px;
     height: 70px;
}
.savwarfer-accordion-row  h4.panel-title::before {
    background-color: #000000;
    color: #FFFFFF;
    padding: 15px;
    left: -80px;
    content: counter(accordion-counter,decimal-leading-zero);
    position: absolute;  
    top: 50%;
    transform: translateY(-50%);
    font-size: 27px;
}
.savwarfer-accordion-row  h4.panel-title span.title {
    width: 100%;
    position: fixed;
    bottom: 10px;
}
.savwarfer-accordion-row {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    counter-reset: accordion-counter;
}
.savwarfer-accordion-row  .panel-default > .panel-heading {
    background-color: #FFFFFF;
}
.savwarfer-accordion-row   .panel-collapse {
    font-weight: 400 !important;
}
.savwarfer-accordion-row  a {
    text-decoration: none !important;
}
.savwarfer-accordion-row .panel-body {
    margin: 0 0 0 70px;
    border-top: none !important;
}
.savwarfer-accordion-row h4.panel-title span::after {
    content: '';
    background-color: black;
    height: 2px;
    width: 16px;
    position: absolute;
    right: 15px;
    bottom: 26px;
}
.savwarfer-accordion-row a h4.panel-title span::before {
    content: '';
    background-color: black;
    height: 16px;
    width: 2px;
    position: absolute;
    right: 22px;
    bottom: 19px;
    transition: 0.3s ease-in-out;
}

.savwarfer-accordion-row a[aria-expanded='true'] > h4.panel-title span::before {
    display: none;
  }
  .savwarfer-accordion-row a:hover, .savwarfer-accordion-row a:focus{
       color: #000;
  } */
  .savwar-fer-accordion p {
    font-weight: 400;
}
.savwar-fer-accordion .second-accordion .mkdf-accordion-title:first-child::before{
    content: '04';
}
.savwar-fer-accordion .second-accordion .mkdf-accordion-title:nth-child(3)::before{
    content: '05';
}
.savwar-fer-accordion .second-accordion .mkdf-accordion-title:nth-child(5)::before{
    content: '06';
}

.savwar-fer-accordion .third-accordion .mkdf-accordion-title:first-child::before{
    content: '07';
}
.savwar-fer-accordion .third-accordion .mkdf-accordion-title:nth-child(3)::before{
    content: '08';
}
.savwar-fer-accordion .third-accordion .mkdf-accordion-title:nth-child(5)::before{
    content: '09';
}