/*!
Theme Name: emmanuel
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: emmanuel
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

emmanuel is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
    - Normalize7
    - Box sizing7
# Base
    - Typography
    - Elements
    - Links
    - Forms
## Layouts
# Components
    - Navigation
    - Posts and pages
    - Comments
    - Widgets
    - Media
    - Captions
    - Galleries
# plugins
    - Jetpack infinite scroll
# Utilities
    - Accessibility
    - Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
     ========================================================================== */

 



 * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
  font-family: "circularstd-book";
    font-size: 16px;
    color: #000000; 
    height: 2000px;
    background-repeat: no-repeat;
    background-position: top center;
    font-weight: normal;
  /*  background-image: url(../Home1.jpg);*/
}

@font-face {
    font-family: Aquire;
    src: url("assets/fonts/Aquire-BW0ox.otf") format("opentype");
}

@font-face {
    font-family: Aquirebold;
    src: url("assets/fonts/AquireBold-8Ma60.otf") format("opentype");
}

@font-face {
    font-family: circularstd-book;
    src: url("assets/fonts/circularstd-book.otf") format("opentype");
}




li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #000000;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* close commented backslash hack */

.container {
    max-width: 1350px;
    padding: 0 18px;
    width: 100%;
     margin:0 auto;
}

h1,h2,h3,h4{  font-family: Aquire;}



/*Turbinado Pro Regular

font-family: turbinado-pro, sans-serif;

font-weight: 400;

font-style: normal;


Turbinado Bold Pro Bold

font-family: turbinado-pro, sans-serif;

font-weight: 700;

font-style: normal;
font-family: montserrat, sans-serif;
*/



/* Header */
header {
    padding: 55px 0 21px;/*
    box-shadow: 0 3px 22px rgba(0,0,0,8%);
    background-color: rgba(255,255,255,0.85);*/
    z-index: 9999;
}

header {
    position: fixed;
    width: 100%;
    top: 0
}

.pull-left {
    width: 218px;
    float: left; 
}

 
 
.pull-right {
    width: 229px;
    float: right;
    padding-top: 0;
}
 

.socal-profile a {
    margin: 0 5px;
    display: inline-block;
}

.socal-profile a {
    margin-right: 24px;
}
.socal-profile {
    padding-left: unset;
    padding-top: unset;
}

svg.svg-inline--fa.fa-facebook-f.fa-w-10 {
    width: 11px;
}
.socal-profile svg {
    width: 17px;
}
.socal-profile path {
    fill: #fff;
}

 .socal-profile a path:hover {
    fill: #060c17;
}

.hero_banner {
    background-image: url(assets/images/hero.png);
    height: 769px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
        margin-bottom: 95px;
     position: relative;
    overflow: hidden;
}


.hero_banner h1 {
    width: fit-content;
    padding: 16.9% 0;
    color: #fff;
    font-size: 120px;
    letter-spacing: 29px;
    margin: 0 auto;
}

.hero_banner h1 span {
    display: block;
    font-size: 40px;
    text-align: right;
    padding-top: 5px;
    letter-spacing: 0;
    letter-spacing: 8px;
}

img.man-image {
    position: absolute;
    bottom: 0;
    width: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
}

.container_2 {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 34px;
}

.col-6 {
    width: 50%;
    float: left;
}

.smart-box h3, footer h3 {
    font-size: 14px;
    letter-spacing: 14px;
    line-height: 24px;
    color: #060c17;
    margin-bottom: 6px;
    margin-top: 4px;
}
.smart-box h2, footer h2 {
    font-size: 48px;
    line-height: 37px;
    color: #060c17;
    margin-bottom: 27px;
}
.smart-box p {
  font-size: 16px;
line-height: 26px;
color: #50565f;
    margin-bottom: 27px;
    font-family: "circularstd-book";
}


.smart-box_1 img.smart-image {
    text-align: center;
    display: block;
    margin: 85px auto 0 29px;
}

a.link-image {
    display: block;
    text-align: right;
    margin-top: -30px;
}



.smart-box.smart-box_2 {
    margin-top: 115px;
}


.smart-box_2 h3 {
    margin-top: 24px;
}

.col-6.left_content {
    padding-left: 13px;
}

.smart-box.smart-box_2 h2 {
    font-weight: normal;
    letter-spacing: 0px;
    font-size: 46px;
    margin-bottom: 20px;
}




.qt {
    position: relative;
    margin-top: 132px;
    overflow: hidden;
}
.qt_content {
    width: 40%;
    float: left;
    padding-right: 15px;
}
 

.qt_content p {
    font-size: 30px;
    line-height: 48px;
    color: #50565f;
}

.qt_content:after {
    content: "”";
    font-family: Footlight MT Light;
    font-size: 159px;
    float: right;
    line-height: 124px;
    margin-right: 28px;
}

.qt_content:before {
    content: "”";
    font-family: Footlight MT Light;
    font-size: 159px;
    transform: rotate(174deg);
    display: inline-block;
    line-height: 0;
    margin: -6px;
    padding: 27px 0px 1px 3px;
}

.qt_image {
    width: 50%;
    position: absolute;
    right: 0;
    top: 56px;
}

img.qt_1 {
    position: absolute;
    left: -105px;
    z-index: 9;
}

img.qt_2 {
    position: absolute;
    top: -89px;
    left: 237px;
}
img.qt_3 {
    position: absolute;
    top: 152px;
    left: 298px;
}


.event_post {
    margin-top: 74px;
}
.col-5 {
    width: 42%;
    float: left;
}

.col-7 {
    width: 59%;
    float: right;
    margin-right: -23px;
}

img.event-image {
    margin-left: -81px;
}


.event_post h2 {
    font-size: 48px;
    font-weight: normal;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 42px;
}
.event-time {
    width: 26%;
    float: left;
    padding-left: 23px;
    padding-top: 19px;
    font-size: 22px;
}
.event-content {
    width: 71%;
    float: left;
}

.event_item_wapper li {
    overflow: hidden;
    height: 105px;
    margin-bottom: 20px;
    border: 5px solid #babbbf;
    padding: 17px;
      font-family: "circularstd-book";
      color: #50565f;
      background-color: #fff;
    width: 98%;
}

.event_item_wapper li:hover {
    background: #3e5f9c;
    border-color: #3e5f9c;
    color: #fff
}

.event_item_wapper li:hover h3, .event_item_wapper li:hover p, .event_item_wapper li:hover .event-time { 
    color: #fff
}


.event-content h3 {
    font-size: 30px;
    color: #060c17;
    font-family: "circularstd-book";
    font-weight: 900;
    letter-spacing: 2px;
    margin-bottom: 4px;
}

.event_item_wapper ul {
    height: 100%;
    overflow: scroll;
}


.event_item_wapper {
    height: 481px;
    overflow: hidden;
    position: relative;
}


.event_item_wapper:after {
    background-image: linear-gradient(0deg, #ffffff 0%, rgba(255,255,255,0) 100%);
    height: 100px;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    content: "";
}




.event_item_wapper ul::-webkit-scrollbar {
  width: 8px;
   border-radius: 15px
}

/* Track */
.event_item_wapper ul::-webkit-scrollbar-track {
  background: #eeeeee; 
   border-radius: 15px
}
 
/* Handle */
.event_item_wapper ul::-webkit-scrollbar-thumb {
  background: #486eb5; 
  border-radius: 15px
}

/* Handle on hover */
.event_item_wapper ul::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.event_item_wapper ul {
    height: 100%;
    overflow: scroll;
}



.video {
    margin-top: 139px;
}
.video h2 {
    text-align: center;
    font-size: 46px;
    margin-bottom: 132px;
    font-weight: normal;
}

.video-item {
    height: 318px; 
    overflow: hidden;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}
.video-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    border-radius: 12px;
}


 

.slick-slide img {
    display: inline-block;
}

button.slick-next.slick-arrow {
    background-image: url(assets/images/next-arrow.png);
    width: 58px;
    background-repeat: no-repeat;
    height: 27px;
    right: -72px;
}
button.slick-next.slick-arrow:hover{ background-image: url(assets/images/next-arrow_c.png);}

.slick-prev:before, .slick-next:before{ display: none; }

button.slick-prev.slick-arrow {
    background-image: url(assets/images/pev-arrow.png);
    width: 58px;
    background-repeat: no-repeat;
    height: 27px;
    left: -72px;
}


button.slick-prev.slick-arrow:hover {   background-image: url(assets/images/pev-arrow_c.png);}


.video-item a {
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.43);
    text-align: center;
    padding-top: 91px;
}


.video .container_2.clearfix {
    padding: 0 16px;
}

ul.slick-dots {
    top: -77px;
    bottom: initial;
}

.slick-dots li button:before {
 
    font-size: 11px;}


    .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #3d5f9c;
}
.slick-dots li { 
    margin: 0;}


    .slick-dots li button:before { 
    opacity: 1;
    color: #7f7f7f;}



    .video.gallery {
    margin-top: 101px;
}

.video.gallery h2 { 
    margin-bottom: 58px;
}


.video.gallery .video-item {
    border: none;
    height: 251px;
}

.video.gallery .video-image {
   border-radius: 0px;

}


.video.gallery  .video-item a { padding: 0;
    background-color: transparent;}


.video.gallery .container_2.clearfix {
    padding: 0 30px;
}


.brand-section {
    text-align: center;
    padding: 95px 0;
    background: #fff;
}



.brand-section>div {
    display: flex;
    justify-content: center;
}


.brand-img {
    margin: 0 38px;
}



footer {
    color: #fff;
    padding-top: 38px;
    background: #3f5f9c;
    position: relative; 
        padding-bottom: 30px;
}
.contect-info {
    padding-top: 107px;
    padding-left: 77px;
        position: relative;
}


.contect-info p {
    margin-bottom: 62px;
}
.contect-info a {
    display: block;
    font-size: 20px;
    color: #fff;
    margin-bottom: 33px;
}


.col-6.aliment-right {
    text-align: right;
    padding-right: 86px;
}

.contect-info h3, .contect-info h2 {
    color: #fff;
}


.contect-info a img {
    float: left;
    margin-right: 21px;
}


p.coppy-right {
    margin-top: 130px;
}


footer .socal-profile {
    margin-top: 26px;
}


.overlay {
    width: 35%;
    height: 474px;
    background: #486eb5;
    position: absolute;
    top: 55px;
}
.popup_sec{ display: none; }


.popup_sec {
    max-width: 800px;
    width: 100%;
}



@media(max-width: 1500px){

    .wow {
    -webkit-animation-name: unset;
    animation-name: unset;
    visibility: visible;
}


.fancybox-slide {
    padding: 5px !important;
}

    .hero_banner { 
    height: 767px;}

element.style {
    visibility: visible;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-name: fadeInUp;
}
img.man-image { 
    width: 27%;
}

.sec {
    overflow: hidden;
}

}




@media(max-width: 1200px){
.hero_banner {
    height: 601px;
}
img.smart-image.wow.fadeInRight {
    width: 100%;
    margin: 86px 0 0px 22px;
}
.smart-box.smart-box_2 img {
    width: 93%;
}
.qt {
    overflow: hidden;
}
img.event-image {
    margin-left: 0;
    width: 94%;
    margin-top: 120px;
}

.hero_banner h1 {  
    font-size: 78px;
    letter-spacing: 10px; 
}

    }




@media(max-width: 992px){
.qt_content {
    width: 100%;
    float: none;
    padding-right: 0;
}
img.qt_1 {
    position: relative;
    left: 0px;
    z-index: 9;
    margin-top: 60px;
    z-index: 9
}
.col-5, .col-7 {
    width: 100%;
    float: none;
}
img.qt_2 {
    top: 59px;
    left: inherit;
}

img.qt_3 {
    top: 184px;
    left: inherit;
}
img.event-image {
    margin-left: 0;
    width: 100%;
    margin-top: 0;
}


.qt_image {
    width: 100%;
    top: 0;
    position: relative;
}

}
@media(min-width: 768px){
.mobile_img {
    display: none !important;
}
.smart-box.smart-box_2 h2 { 
    font-size: 35px;}
   .gallery  ul.slick-dots {
    top: -36px;
    bottom: initial;
}
}
@media(max-width: 767px){

button.slick-prev.slick-arrow {
    top: -36px;
    left: 0;
}
ul.slick-dots {
    width: 71%;
    margin: 0 auto;
    left: 0;
    right: 0;
}
button.slick-next.slick-arrow {
    top: -36px;
    right: 0;
}
    footer.sec {
    text-align: center;
}
a.link-image {
   text-align: center;
}
.contect-info a img {
    float: none;}
.dec_image {
    display: none !important;
}
    .brand-logo img, .pull-left {
    width: 164px;
}

.qt_content p {
    font-size: 22px;
    line-height: 36px;
}

.qt_content:before {
    content: "”"; 
    font-size: 93px; 
    padding: 11px 0px 1px 3px;
}
.qt_content:after { 
    font-size: 90px; 
    line-height: 36px;
    margin-right: 28px;
}


.smart-box.smart-box_2.sec img.smart-image.mobile_img {
    margin: 18px 0;
}

.hero_banner h1 { 
    padding-top: 200px;
    color: #fff;
    font-size: 40px;
    letter-spacing: 11px;
    margin: 0 auto;
}

.hero_banner h1 span { 
    font-size: 24px;}

header {
    padding: 19px 0 21px;}
    .socal-profile {
    padding-left: 0px;
    padding-top: 0;
}
.pull-right {
    width: 110px;
    float: right;
    padding-top: 9px;
}

.socal-profile a {
    margin-right: 3px;
}
.hero_banner {
    height: 509px;
        margin-bottom: 38px;
}
img.man-image {
    width: 52%;
}
.col-6 {
    width: 100%;
    float: none;
}
.smart-box h2, footer h2 {
    font-size: 35px !important; text-align:center;}
    .smart-box h3, footer h3 { 
    letter-spacing: 4px;
    line-height: 11px;
    text-align:center;
}
.contect-info p {
    margin-bottom: 32px;
}
p.coppy-right {
    margin-top: 27px;
}

.video.gallery, .smart-box.smart-box_2 {
    margin-top: 16px;
}
a.link-image img {
    width: 143px;
    margin-top: 20px;
}


.container_2 { 
    padding: 0 15px;
}
img.smart-image.wow.fadeInRight {
    width: 100%;
    margin: 25px 0;
}
.qt_image {
    width: 100%;
    position: static;}

    .qt { 
    margin-top: 28px;
}
.qt_content {
    width: 100%;
    float: none;
    padding-right: 0;
}
img.qt_1 {
    position: relative;     width: 100%; z-index: 99; left: 0;
}

img.qt_2 {
    position: relative;
    top: -6px;
    left: 0;
    width: 50%;
    height: 125px;
    object-fit: cover;
    float: left;
}
img.qt_3 {
    position: relative;
    top: -7px;
    left: 0;
    width: 50%;
    height: 126px;
    float: left;
}

.event_post {
    margin-top: 30px;
}
.col-5, .col-7 {
    width: 100%;
    float: none;
    margin-top: 0;
}
img.event-image { 
    margin-top: 0;
}
.event_post h2 {
    font-size: 35px;}
    .event-time {
    width: 100%;
    float: none;
    padding-left: 0;
    padding-top: 0;
    font-size: 18px;
}
.event-content {
    width: 100%;
    float: none;
}
.event-content h3 {
    font-size: 25px; 
    font-weight: 900;
    letter-spacing: 0;
    margin-bottom: -1px;
}

.event_item_wapper li {
    overflow: hidden;
    height: auto;
    margin-bottom: 20px;
    border: 2px solid #babbbf;
    padding: 10px;}
    .video {
    margin-top: 30px;
}
.brand-img {
    margin: 0;
}
.brand-section>div {
    display: block;}
    .brand-img {
    width: 100%;
    margin-bottom: 20px;
}
.brand-section { 
    padding: 61px 0 0;}

    .contect-info {
    padding-top: 0px;
    padding-left: 0;}
    .contect-info a { 
    font-size: 17px; 
    margin-bottom: 25px;
}
.contect-info a img { 
    margin-right: 11px;
    width: 21px;
}

.overlay {
    width: 100%;
    height: 348px;
    top: 0;
}

    .col-6.aliment-right {
    text-align: center;
    padding-right: 0;
}
.video-item {
    border: 0;
}
.video h2 { 
    margin-bottom: 77px;
        font-size: 35px;
}
ul.slick-dots {
    top: -49px;}
    .video.gallery .container_2.clearfix {
    padding: 0 15px;
}
}


header.fixed {
    background: #3e5f9c;
    padding-top: 12px;
    padding-bottom: 8px;
    box-shadow: 0px 0px 12px rgba(0,0,0,0.5);
}



svg.svg-inline--fa.fa-youtube.fa-w-18 {
    width: 24px;
}



.no-event {
    text-align: center;
    padding-top: 5%;
}

.no-event h4 { 
    padding-top: 3%;
     padding-bottom:  3%;
}