@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600,900');
@font-face {
    font-family: 'icons';
    src: url('icons.ttf') format('truetype')
}

*{margin:0;box-sizing: border-box}
body{font-family: 'Poppins', sans-serif}

header{z-index: 9000;position: relative}

.flex{display: flex;justify-content: space-between}
.c{margin: 0 auto;width:1200px}

.head .c{padding: 20px 5px}
.head .char .icon{color:#454546;display: inline-block;font-size: 1.2em;}
.head .icon{margin-right: 5px}
.head p{font-weight: 600;border-right: 2px dashed #454546;color:#454546;padding: 0 20px;margin-right: 15px}

.logo{height: 50px}

header nav ul{display: flex;justify-content: start;position: relative;padding:0}
header nav ul li a{color: #fff;padding: 15px;display: inline-block;font-size: .9em}
header nav ul li a .icon2{font-size: .75em;transform: rotate(90deg);display: inline-block;font-weight: 900;margin-left: 5px}
header nav ul ul{position: absolute;top: 100%;padding: 15px 0;display: none}
header nav ul li:hover ul{display: block}

.caroussel{height: 600px;overflow: hidden;z-index: 6000;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{background-color: rgba(1,1,25,.5);position: absolute;width: 40%;top: 100px;left:200px}
.caroussel .masq h1{font-weight: 500}

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

.btn{padding: 15px 30px;display: inline-block;border-radius: 30px}
.btn:hover{box-shadow: 0 0 3px rgba(0,0,0,0.1)}

.h_bg > div{justify-content: flex-start}

.page{margin: 40px auto;}
.page .first{width: 100%;margin-bottom: 20px;max-height: 470px;object-fit: cover}

.more_services a{display: block;margin-top: 10px; font-size: 1.2em;}

td{padding: 4px;}

tbody  tr:first-child{background: #3333}

h1{margin-bottom: 20px;}

.c1{margin:60px 0}
.c1 .services{display: flex;flex-wrap: wrap;justify-content: space-around;margin-top: 20px}
.c1 .services .serv{display:block;text-align: center;margin-bottom: 40px;border-radius: 20px;overflow:hidden}
.c1 .services img{width: 100%;height: 250px;object-fit: cover;border: 1px solid #ccc;background-color:#ccc;margin-bottom: 10px;border-radius: 20px}
.c1 .services .serv:hover img{opacity: 0.8;}
.c1 .services .serv span{display: block;font-size: 0.9em}

.c2 img, .c4 img{height: 500px;object-fit: cover;border-radius: 20px}

.c3{background-size: cover;background-position: center;background-repeat: no-repeat}
.c3 .masque{background-color: rgba(1,1,25,.8)}
.c3 span{font-weight: 600;font-size: 1.5em;display: block}
.c3 p{font-size: 0.9em}

.c3 div img{width: 50px;height: 50px;object-fit: cover}

.page .service .first{border-radius: 20px;border:1px solid #ccc}
.page .aside{border-radius: 20px}

footer,footer a{color: #454546;}
footer ul{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0}
footer ul li{width: 48%;padding: 5px 0}
footer ul .bg3{background-color: transparent}
footer ul ul{display: block}
footer .cc a{display: block;margin-bottom: 10px;}
footer .char{margin-top: 20px;}
footer .char a{font-size: 1.4em;margin-right: 20px;}
footer .info p{font-size: 1em;margin-bottom: 10px;}

.contact p{margin-bottom: 10px;}

.gla-pagination a,.gla-pagination .btn{padding: 8px 15px;margin-right: 5px}
.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)}


.gla-form input,.gla-form textarea,.gla-form select{padding: 15px;}
.gla-form input[type=text],.gla-form input[type=email], .gla-form textarea,.gla-form select{width: 100%;margin-bottom: 20px;border:1px solid #ccc;border-radius: 10px}
.gla-form input[type=submit]{width: auto;border: none;float: right;margin-top: 15px;}
.gla-form textarea{height: 130px}
.gla-cptch input{width: 60px !important;}

.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;border-radius: 50px;}
.mask .btn{top: 48%;transition: 0.14s linear;background: transparent;color: #0a1d61;vertical-align: middle}
.mask .btn:hover, .mask .exit:hover{border: 1px solid #0a1d61}
.mask .btn-next{right: 20px;}
.mask .btn-prev{left: 20px}
.mask .btn-next:hover,.mask .btn-prev:hover,.mask .exit:hover{opacity: 1}

.more-img{display: flex;flex-wrap: wrap;justify-content: flex-start}
.more-img img{width: 20%;height: 140px;object-fit: cover;opacity: .8;cursor: pointer;border-radius: 20px;border: 1px solid #eeeeee;}
.more-img img:hover{opacity: 1;}

.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}

span.menu-res{display: none;width: 50px;height: 50px;font-size:2.2em;text-align:center;margin-right: 20px;margin-top: 35px;cursor: pointer}

.icon{font-family: 'icons' !important;line-height: 1;vertical-align: middle}