@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600|DM+Serif+Display');
@font-face {
    font-family: 'icons';
    src: url('icons.ttf') format('truetype')
}

*{margin:0;box-sizing: border-box}
body,form input,form select,form textarea{font-family: 'Raleway', sans-serif}

header{z-index: 9000;position: relative;padding: 0 50px;}

.flex{display: flex;justify-content: space-between}
.flex-start{display: flex;justify-content: flex-start}
.flex-center{display: flex;justify-content: center}
.ai-center{align-items: center;}
.c,.cc{margin: 0 auto;width:1200px}


.head{text-align: center;}
.logo{height: 60px; margin-top: 20px;}

header nav .c{position: relative}
header nav ul{display: flex;justify-content: flex-start;position: relative;padding: 0}
header nav ul li a{color: #000;padding: 20px 20px 25px;display: inline-block;text-transform: uppercase;font-weight: 400;font-size: .8em}
header nav ul li a .icon{font-size: .8em;transform: rotate(90deg);display: inline-block}
header nav ul ul{position: absolute;top: 100%;padding: 15px;display: none;min-width: 200px;}
header nav ul ul a{padding: 8px 25px;}
header nav ul li:hover ul{display: block}
header nav .card{position: absolute;right: 0;top: 13px;font-size: .8em;text-transform: uppercase;}
header nav .card:after{display: block;content: "";height: 1px;}

header form{padding: 10px;position: absolute;top: 140%;background-color: #fff;left: 20%;right: 20%;display: none;}
.search .srch{display: block;}
header form input{padding: 10px 5px;border: none;background-color: transparent;}
header form input[type=submit]{margin-right: 0!important;font-size: 1.4em;cursor: pointer;}
header .inputSearch{width: 95%}
header .act{margin-right: 18px;position: relative;}
header .act .icon{font-size: 1.4em!important;}

.c{margin: 0 auto;width:1200px}

.caroussel{height: 700px;overflow: hidden;z-index: 2000;position: relative}
.caroussel .slider{transition: 0.4s ease;display: flex}
.caroussel .child{position:relative;display: flex;justify-content:center;flex-wrap: wrap}
.caroussel .child img{position:absolute;width:100%;height:100%;object-fit: cover}
.caroussel .child div{position:relative;margin: 100px auto;width: 70%;color: #fff;}
.caroussel .child span{font-size: 3.8em;font-weight:bold;text-shadow: 0 0 3px rgba(0,0,0,0.2), 1px 1px 2px rgba(0,0,0,0.2);margin-bottom: 20px;display: block}
.caroussel .child p{display:block;font-size: 1.2em;font-weight:bold;text-shadow: 0 0 3px rgba(0,0,0,0.2), 1px 1px 2px rgba(0,0,0,0.2)}
.caroussel .child a{display: inline-block;padding: 20px 30px;position: relative;top: 30px;}

.masq{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}

.caroussel .btn#nx,.caroussel .btn#pv{display:none;position: absolute;top: 45%;cursor: pointer;transition: 0.3s ease;padding: 10px;box-shadow: none;background-color: transparent;text-align: center;color: #fff;font-size: 1.5em}
.caroussel:hover .btn#nx,.caroussel:hover .btn#pv{display: block}
.caroussel .btn#nx{right: 20px}
.caroussel .btn#pv{transform: rotate(180deg);left: 20px}

.btn{padding: 15px 30px;display: inline-block; border: 1px solid #FFF}
.btn2{padding: 25px 40px!important;display: inline-block}

.h1{font-size: 2.8em;display:block}
.h{font-size: 2em;display:block}
.h,.h1,.single h1,h2,h3,h4,h5,h6{font-family: 'DM Serif Display', cursive}

.c-infos{background-size: cover;background-position: center;background-repeat: no-repeat;}
.c-infos .g-mask{opacity:.9;padding: 80px 0;background-color: rgba(3, 4, 94,.5);}
.c-infos h1,.c-infos p{color:#fff;margin: 20px auto;text-align: center}

.c1{background-color: #F4F4F4}
.article2{transition: 0.3s ease;height: auto!important;}
.article2 img{width: 100%;height: 350px!important;object-fit: cover;}
.article2 .cnt{padding: 20px;font-weight: 600;transition: 0.3s ease;}

.article{height: 700px;align-items: center;}
.article:nth-child(2n){background-color: #fff;}
.article img{height: 700px;}
.article .cnt span{display: block;}
.article .cnt p{font-size: 1.3em!important}

.c2 span{display: block;margin-top: 20px;font-size: 1.5em;}

.c3{position: relative!important;height: 700px;margin-bottom: 120px;}
.c3 div{position: absolute}
.c3 .back{height: 850px;}
.c3 .img{height: 600px;left: 15%;overflow: hidden;}
.c3 .img img{object-fit: cover;height: 600px}
.c3 .box{right:50px}

.c4{background-attachment: fixed;}
.c4 .div{background-color: rgba(236, 161, 158,.3);}

.content .back{height: 350px;}

.tag{border-radius: 5px;}

.categorie .h{display:initial}
.single .cont .h{margin: 20px 0}
.single p{margin-bottom: 15px;}
.single .photos img{width: 100%;height: 100%;cursor: pointer;}
.single .photos .first{grid-column-start: 1;grid-column-end: 4;grid-row-start: 1;grid-row-end: 4;}

.single .photos .img-zm:hover{transform: scale(1.3);transition: 1.3s ease;}
.single .photos img:not(.first):hover{transform: translate();}
.single .divider{margin-top: -200px;z-index: 2000;}
.single .c{margin-top: -150px;}
.single .cnt table{border-collapse: collapse;width: 80%!important;}
.single .cnt table td{padding: 8px;text-align: left;border-bottom: 1px solid #ddd;}

.single .char{margin-top: -80px;}
.single .char .icon{padding: 8px; font-size: 1.5em;border-radius: 3px;margin-right: 5px;}

.cnt h1,h2,h3,h4,h5,h6{margin:20px 0}
.cnt p{margin-bottom: 10px}
.cnt ul li::marker{font-family: 'icons' !important;line-height: 1;vertical-align: middle;content: "|";font-size: .8em}
.cnt ul li{margin-bottom: 5px}

.single .a-info{margin-bottom: 60px}
.single .h{margin-bottom: 30px;display: block}

.contact .c{margin-top: -250px;}
.contact iframe{width:100%; height:100%;min-height: 300px;border:0;background-color: rgba(0,0,0,.2)}
.contact .gla-form{margin-top: 20px}
.contact .char{display:flex;justify-content: center}

.page .cont .box{padding: 40px}

footer{font-size: 0.9em;}

footer .c{padding: 50px 0;display: grid;grid-gap: 50px;grid-template-columns: 25% 25% 50%}

footer .child.cnt img{width: 200px}
footer .t{display: block;margin-bottom: 20px;font-size: 1.2em;}
footer .child ul{padding: 0}
footer .child ul ul{display: none}
footer .child ul li{margin-bottom: 10px}
footer .child a{display: block;margin-bottom: 10px;font-size: 0.9em;text-transform: capitalize}
footer .child img{width: 300px}
footer .child.cnt li{margin-bottom: 10px;}

footer .foot-b{font-size: 0.8em;text-align: center;border-top: 1px solid rgba(255,255,255,.1);padding-top: 20px}
footer .foot-b a{display: block;}


.gla-pagination a,.gla-pagination .btn{padding: 10px 15px;margin-right: 5px;border-radius: 50px;width: 36px;display: inline-block;height: 36px;font-size: .8em;}
.gla-pagination{text-align: right}

.more-articles{position: relative;}
.more-articles .article{margin-right: 10px;width: 100%;}
.more-articles h2{margin: 30px 0 15px 0}

.car-slide{overflow: hidden;margin: 40px 0;position: relative;}
.car-slide .slide{display: flex;justify-content: flex-start;transition: 0.1s linear;padding: 0 20px;}
.car-slide .article{margin-right: 20px}
.btn.sld{position: absolute;top: 50%;padding:12px 15px;text-align: center;}
.btn.sld#nx{right: 0;cursor: pointer}
.btn.sld#pr{transform: rotate(180deg)}

.single .gla-comment input[type=email]{margin-left: 10px}

form input, form textarea, form select,button{font-family: 'Spartan', sans-serif}

.gla-cptch span{margin-right: 20px;}
.gla-cptch input[type=text]{width: 40px;text-align: center}
.gla-comment h3{margin: 15px 0}

.gla-com{margin-bottom: 60px;display: flex;align-items: center;padding: 15px;}
.gla-com>div{width:100%;}
.gla-com img{width: 90px;height: 90px;margin-right:10px;border-radius: 45px}
.gla-com span{font-size: 1.3em;font-weight: bold;display: inline-block;margin-bottom: 10px;}
.gla-com span.gla-com-time{font-size: 0.8em;float: right}
.gla-com p{display: block;padding: 10px;}

.gla-form input,.gla-form textarea,.gla-form select{padding: 20px;}
.gla-form input[type=text],.gla-form input[type=email], .gla-form textarea,.gla-form select{margin-bottom: 20px;box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.06), 0 10px 10px -5px rgba(0, 0, 0, 0.02);border:1px solid #F7FAFC;}
.gla-form input[type=submit]{width: 100%;margin-top: 15px;cursor: pointer;padding: 10px;}
.gla-form textarea{height: 130px}
.gla-cptch input{width: 60px !important;}

.single_form input[type="text"], .single_form select{border: 1px solid #999}

.fw5{font-weight: bold;}
.zi_8000{z-index: 8000;position: relative;}

.gla-form label{margin: 10px 20px;font-weight: bold;display: block}

.mask{position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.4);display: flex;align-items: center;justify-content: center;padding:20px;z-index: 9999}
.mask img{max-width: 100%;max-height: 100%;background: rgba(255,255,255,0.5);border-radius:3px;box-shadow: 0 0 6px #444;transition: 0.14s linear}
.mask .exit, .mask .btn{position: absolute;text-align: center;line-height: 40px;font-size: 2em;cursor: pointer;opacity: 0.7;padding: 10px 20px}
.mask .exit{right: 10px;top: 10px !important;}
.mask .btn{top: 48%;transition: 0.14s linear;background: transparent;vertical-align: middle}
.mask .btn:hover{color: #000}
.mask .btn-next{right: 20px;}
.mask .btn-prev{left: 20px;transform: rotate(180deg)}
.mask .btn-next:hover,.mask .btn-prev:hover,.mask .exit:hover{opacity: 1}

.news_box{margin-top: 40px}
.news{padding: 10px !important;display: flex;align-items: center;margin-bottom: 20px;box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);border: 1px solid #F7FAFC;border-radius: 8px;}
.news > div{width:100%;}
.news p{margin-bottom: 8px}
.news img{min-width: 400px;max-height: 400px;width:240px;object-fit: contain;margin-right: 20px;}
.news .time{display: block;margin-top: 20px;font-size: 0.8em;color:#666}

.news .comments{display:block;width:100%;background: rgba(0,0,0,0.07);padding: 10px !important;margin-top: 20px;}
.news .comments div{padding: 0}

.news .comment-list{margin-top: 80px;}
.news .comment-list .comment{margin-bottom: 10px;border-bottom: 1px solid #999}
.news .comment-list .comment:last-child{border-bottom: none}

.succes, .error{display:block;margin: 20px 0;padding:10px;}
.succes{background: rgba(0,255,0,0.2);color: rgba(0,200,0,0.9)}
.error{background: rgba(255,0,0,0.3);color: rgba(255,0,0,0.9)}

.rem{font-size: 0.9em !important;color: #666;font-style: italic}
a{text-decoration: none;}
footer li,header li,.contact li{list-style: none;margin-left: 0}
.flex_no{display: block !important}

.menu-res{display:none}
.icon{font-family: 'icons' !important;line-height: 1;vertical-align: middle}
header .head .icon{font-size: 1.3em;margin-right: 3px}