*@font-face { font-family: 'icomoon'; src: url("../fonts/icomoon/icomoon.eot?srf3rx"); src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg"); font-weight: normal; font-style: normal; } /* ======================================================= * * Template Style * * ======================================================= */ body { font-family: "Poppins", Arial, sans-serif; font-weight: 300; font-size: 17px; line-height: 1.5; color: gray; background: #fff; } #page { position: relative; overflow-x: hidden; width: 100%; height: 100%; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .offcanvas #page { overflow: hidden; position: absolute; } .offcanvas #page:after { -webkit-transition: 2s; -o-transition: 2s; transition: 2s; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 101; background: rgba(0, 0, 0, 0.7); content: ""; } a { color: #19b5fe; } a:hover, a:active, a:focus { color: #19b5fe; outline: none; text-decoration: none; } .web_path { background-color: #ffffff59; padding: 5px 17px; color: black; border-radius: 25px; font-weight: normal; font-size: 15px; } @media (max-width: 576px) { .web_path { line-height: 37px; border-radius: 0; color: white; background-color: transparent; } } .web_path a:hover { text-decoration: underline; } table tr td:nth-child(1) { padding-left: 0; } figure.media { padding: 0; margin: 15px 0; } @media (min-width: 576px) { figure.media { flex: 0 0 100%; max-width: 100%; } } @media (min-width: 768px) { figure.media { flex: 0 0 83.333333%; max-width: 83.333333%; } } @media (min-width: 992px) { figure.media { flex: 0 0 58.333333%; max-width: 58.333333%; } } figure.media div { padding-bottom: 0; height: inherit; } figure.media div iframe { display: block; position: relative; width: 100%; height: 45vh; } .media { display: block !important; } p { margin-bottom: 1vh; } p a { text-decoration: underline; } p a:hover { color: #179ade; text-decoration: underline; } .image { margin: 15px 0; } .image img { vertical-align: middle; border-style: none; max-width: 100%; } .image.image-style-align-left, .image.image-style-align-center, .image.image-style-align-right { max-width: 50%; } .image.image-style-align-left { padding-right: 40px; float: left; clear: both; } .image.image-style-align-center { text-align: center; } .image.image-style-side, .image.image-style-align-right { padding-left: 40px; clear: both; float: right; } .col-centered { float: none; margin: 0 auto; } h1, h2, h3, h4, h5, h6 { color: #000; font-family: "Poppins", Arial, sans-serif; font-weight: 400; margin: 0 0 25px 0; line-height: 1.5; } ::-moz-selection { color: #fff; background: #19b5fe; } ::selection { color: #fff; background: #19b5fe; } .alert ul { margin-bottom: 0; padding-bottom: 0; } .trainer-img, .classes-img, .intro-img, .subs-img, .figure-img, .user-img, .blog-img, .about-img, .services-img { background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; } @media (max-width: 576px) and (min-width: 200px) { .nav .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } } .nav { margin: 0; position: absolute; top: 0; left: 0; right: 0; z-index: 9; margin: 0 auto; background: linear-gradient(#00080f78,rgba(0,0,0,0)); } @media screen and (max-width: 768px) { .nav { margin: 0; } } .nav .top-menu { padding: 40px 30px; } @media screen and (max-width: 768px) { .nav .top-menu { padding: 28px 1em; } } .nav #logo { font-size: 30px; margin: 0; padding: 0; text-transform: uppercase; font-weight: 900; } .nav #logo a { position: relative; color: #fff; } .nav #logo a img { transform: translateY(-25%); } @media screen and (max-width: 768px) { .nav .menu-1 { display: none; } } .nav ul { padding: 0; margin: 0; } .nav ul li { padding: 0; margin: 0; list-style: none; display: inline; } .nav ul li a { position: relative; font-size: 18px; font-weight: 400; padding: 30px 12px; color: rgba(255, 255, 255, 0.7); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .nav ul li a:hover { color: #19b5fe; } .nav ul li.has-dropdown { position: relative; } .nav ul li.has-dropdown .dropdown { width: 140px; -webkit-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75); box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75); z-index: 1002; visibility: hidden; opacity: 0; position: absolute; top: 40px; left: 0; text-align: left; background: #000; padding: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; } .nav ul li.has-dropdown .dropdown:before { bottom: 100%; left: 40px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #000; border-width: 8px; margin-left: -8px; } .nav ul li.has-dropdown .dropdown li { display: block; margin-bottom: 7px; } .nav ul li.has-dropdown .dropdown li:last-child { margin-bottom: 0; } .nav ul li.has-dropdown .dropdown li a { padding: 2px 0; display: block; color: #999999; line-height: 1.2; text-transform: none; font-size: 13px; letter-spacing: 0; } .nav ul li.has-dropdown .dropdown li a:hover { color: #fff; } .nav ul li.has-dropdown:hover a, .nav ul li.has-dropdown:focus a { color: #19b5fe; } .nav ul li.btn-cta a { padding: 30px 0px !important; color: #fff; } .nav ul li.btn-cta a span { background: #9870FC; /* Old browsers */ background: -moz-linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19b5fe', endColorstr='#9870FC',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ padding: 8px 15px; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; } .nav ul li.btn-cta a:hover span { -webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75); box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75); } .nav ul li.active > a { color: #19b5fe !important; position: relative; } .nav ul li.active > a:after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #slider { min-height: 500px; width: 100%; float: left; } #slider .btn { font-size: 24px; } #slider .btn.btn-primary { padding: 14px 30px !important; } #slider .flexslider { border: none; z-index: 1; margin-bottom: 0; } #slider .flexslider .slides { position: relative; overflow: hidden; } #slider .flexslider .slides li { background-repeat: no-repeat; background-size: cover; background-position: center center; min-height: 625px; position: relative; } #slider .flexslider .slides li .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: .3; background: #000; } #slider .flexslider .flex-control-nav { bottom: 7em; z-index: 1000; } #slider .flexslider .flex-control-nav li a { background: rgba(255, 255, 255, 0.2); box-shadow: none; cursor: pointer; } #slider .flexslider .flex-control-nav li a.flex-active { cursor: pointer; background: transparent; background: #19b5fe; } #slider .flexslider .flex-direction-nav { display: none; } #slider .flexslider .slider-text { display: table; opacity: 0; height: 500px; z-index: 9; } #slider .flexslider .slider-text > .slider-text-inner { display: table-cell; vertical-align: middle; height: 500px; padding: 2em; } @media screen and (max-width: 768px) { #slider .flexslider .slider-text > .slider-text-inner { text-align: center; } } #slider .flexslider .slider-text > .slider-text-inner span i { font-size: 24px; color: #F7AF1D; } #slider .flexslider .slider-text > .slider-text-inner h1, #slider .flexslider .slider-text > .slider-text-inner h2 { margin: 0; padding: 0; color: white; } #slider .flexslider .slider-text > .slider-text-inner h1 { margin-bottom: 20px; font-size: 30px; line-height: 1.3; font-weight: 700; text-transform: uppercase; opacity: .8; } @media screen and (max-width: 768px) { #slider .flexslider .slider-text > .slider-text-inner h1 { font-size: 28px; } } #slider .flexslider .slider-text > .slider-text-inner h2 { font-size: 18px; line-height: 1.5; margin-bottom: 20px; font-weight: 500; color: rgba(255, 255, 255, 0.7); } #slider .flexslider .slider-text > .slider-text-inner h2 a { color: #179ade; } #slider .flexslider .slider-text > .slider-text-inner .btn { font-size: 12px; text-transform: uppercase; letter-spacing: 2px; color: #fff; padding: 20px 30px !important; border: none; } #slider .flexslider .slider-text > .slider-text-inner .btn.btn-colored { color: #fff; background: #9870FC; /* Old browsers */ background: -moz-linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19b5fe', endColorstr='#9870FC',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #slider .flexslider .slider-text-absolute{ position: absolute; top: 40%; z-index: 10; margin-right: 40%; } #slider .flexslider .slider-text-absolute h1{font-size: 3vw; font-weight: 700; line-height: 1.3; color: white; } @media screen and (max-width: 480px) { #slider .flexslider .slider-text > .slider-text-inner .btn { width: 100%; } #slider .flexslider .slider-text-absolute{ position: absolute; top: 40%; z-index: 10; margin-right: 40%; } #slider .flexslider .slider-text-absolute h1{font-size: 3vw; font-weight: 700; line-height: 1.3; color: white; } #slider .flexslider ol { opacity: 0; } } .light-grey { background: #f5f6fa; } .catalogues { width: 100%; padding: 20px 0px; background: #f5f6fa; } .catalogues > ul > li { margin-bottom: 7px; padding-top: 7px; font-size: 18px; } .catalogues > ul > li ul { padding-left: 20px; } .catalogues > ul > li ul li { margin-top: 7px; margin-bottom: -7px; padding: 7px 0; font-size: 16px; } .catalogues > ul > li ul li li { font-size: 14px; } .catalogues ul { list-style: none; } .catalogues ul li { border-top: 2px solid white; overflow-wrap: break-word; } .catalogues ul li a { color: black; } .catalogues ul li a:hover { font-weight: bold; } #news, #events, #categories, #introduction, #contact, #societe, #offers, #promotion, #subscribe, #websites { padding: 4em 0; clear: both; } #websites .intro-wrap { margin-top: 0 !important; } #intro, #websites { clear: both; } #intro .intro-wrap, #websites .intro-wrap { margin-top: -5em; z-index: 1; } #intro .intro-wrap .intro-flex, #websites .intro-wrap .intro-flex { width: 100%; justify-content: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; } #intro .intro-wrap .intro-flex > div, #websites .intro-wrap .intro-flex > div { border: 1px solid white; padding: 2em 2em 4em 2em; position: relative; border: 2px ridge #e6ece8; border-radius: 22px; overflow: hidden; box-shadow: 5px 5px 12px #0f0e0e, -3px -3px 10px #3b3838; z-index: 0; margin: 3px; transition-duration: 0.3s; } @media screen and (max-width: 480px) { #intro .intro-wrap .intro-flex > div, #websites .intro-wrap .intro-flex > div { width: 100%; } } #intro .intro-wrap .intro-flex > div:after, #websites .intro-wrap .intro-flex > div:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; background: #000; opacity: .2; z-index: -1; } #intro .intro-wrap .intro-flex > div .desc, #websites .intro-wrap .intro-flex > div .desc { z-index: 1; } #intro .intro-wrap .intro-flex > div .desc h3, #websites .intro-wrap .intro-flex > div .desc h3 { font-weight: 700; text-transform: uppercase; color: #fff; font-size: 1.4rem; } #intro .intro-wrap .intro-flex > div .desc p, #websites .intro-wrap .intro-flex > div .desc p { color: rgba(255, 255, 255, 0.8); } #intro .intro-wrap .intro-flex > div .desc .see_more, #websites .intro-wrap .intro-flex > div .desc .see_more { display: block; position: absolute; bottom: -1em; right: 2em; font-size: 14px; background: #19b5fe; padding: 1.2em 1em 2em 1em; color: #fff; text-transform: uppercase; font-weight: 700; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; background: #9870FC; /* Old browsers */ background: -moz-linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19b5fe', endColorstr='#9870FC',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ border-bottom-left-radius: 0; border-bottom-right-radius: 0; transition-duration: 0.3s; } #intro .intro-wrap .intro-flex > div .desc .see_more:hover, #websites .intro-wrap .intro-flex > div .desc .see_more:hover { bottom: 0em; } #intro .intro-wrap .intro-flex > div .desc .see_more small, #websites .intro-wrap .intro-flex > div .desc .see_more small { color: rgba(255, 255, 255, 0.8); font-weight: 400; } #categories { clear: both; } #categories .table th { vertical-align: middle; } #categories .intro-wrap { z-index: 1; } #categories .intro-wrap .intro-flex { width: 100%; justify-content: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; } #categories .intro-wrap .intro-flex > div { border: 1px solid white; padding: 4em 2em; position: relative; overflow: hidden; z-index: 0; } @media screen and (max-width: 480px) { #categories .intro-wrap .intro-flex > div { width: 100%; } } #categories .intro-wrap .intro-flex > div:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; background: #000; opacity: .2; z-index: -1; } #categories .intro-wrap .intro-flex > div .desc { z-index: 1; } #categories .intro-wrap .intro-flex > div .desc h3 { font-weight: 700; text-transform: uppercase; color: #fff; font-size: 1.4rem; } #categories .intro-wrap .intro-flex > div .desc p { color: rgba(255, 255, 255, 0.8); } #categories .intro-wrap .intro-flex > div .desc .see_more { display: block; position: absolute; bottom: -1em; right: 2em; font-size: 14px; background: #19b5fe; padding: 1.2em 1em 2em 1em; color: #fff; text-transform: uppercase; font-weight: 700; transition-duration: 0.3s; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; background: #9870FC; /* Old browsers */ background: -moz-linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19b5fe', endColorstr='#9870FC',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #categories .intro-wrap .intro-flex > div .desc .see_more:hover { bottom: 0em; } #categories .intro-wrap .intro-flex > div .desc .see_more small { color: rgba(255, 255, 255, 0.8); font-weight: 400; } .bg-primary-color { background: whitesmoke; } .aside-stretch { background: #19b5fe; } .aside-stretch:after { position: absolute; top: 0; right: 100%; bottom: 0; content: ''; width: 360%; background: #19b5fe; } @media screen and (max-width: 768px) { .aside-stretch { background: transparent; } .aside-stretch:after { background: transparent; } } .no-gutters { margin-right: 0; margin-left: 0; } .news-entry, .events-entry, .offers-entry { padding: 1.3em; background: #fff; margin-bottom: 30px; } .news-entry.grey, .events-entry.grey, .offers-entry.grey { background: #f5f6fa; } .news-entry .desc, .events-entry .desc, .offers-entry .desc { border-bottom: 1px solid #e6e6e6; margin-bottom: 20px; padding-left: 75px; position: relative; } .news-entry .desc .startenddate, .events-entry .desc .startenddate, .offers-entry .desc .startenddate { font-size: 16px; margin-bottom: 10px; } .news-entry .desc .startenddate span:first-child, .events-entry .desc .startenddate span:first-child, .offers-entry .desc .startenddate span:first-child { font-weight: 700; color: #19b5fe; } .news-entry .desc .startenddate span:last-child, .events-entry .desc .startenddate span:last-child, .offers-entry .desc .startenddate span:last-child { color: #000; } .news-entry .desc .meta, .events-entry .desc .meta, .offers-entry .desc .meta { line-height: 1.3; text-transform: uppercase; position: absolute; top: 0; left: 0; } .news-entry .desc .meta span, .events-entry .desc .meta span, .offers-entry .desc .meta span { display: block; font-weight: 700; background: #9870FC; /* Old browsers */ background: -moz-linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19b5fe', endColorstr='#9870FC',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ -webkit-background-clip: text; -ms-background-clip: text; -o-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; -ms-text-fill-color: transparent; -o-text-fill-color: transparent; text-fill-color: transparent; } .news-entry .desc .meta .date-1, .events-entry .desc .meta .date-1, .offers-entry .desc .meta .date-1 { font-size: 36px; } .news-entry .desc .meta .date-2, .events-entry .desc .meta .date-2, .offers-entry .desc .meta .date-2 { font-size: 20px; font-weight: 600; } .news-entry .desc .meta .date-3, .events-entry .desc .meta .date-3, .offers-entry .desc .meta .date-3 { font-size: 23px; } .news-entry .desc .organizer span:last-child, .events-entry .desc .organizer span:last-child, .offers-entry .desc .organizer span:last-child { color: #000; } .news-entry .location, .events-entry .location, .offers-entry .location { position: relative; padding: 0 15px; } .news-entry .location .icon, .events-entry .location .icon, .offers-entry .location .icon { position: absolute; top: 0; left: 0; } .news-entry .location .icon i, .events-entry .location .icon i, .offers-entry .location .icon i { background: #9870FC; /* Old browsers */ background: -moz-linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19b5fe', endColorstr='#9870FC',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ -webkit-background-clip: text; -ms-background-clip: text; -o-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; -ms-text-fill-color: transparent; -o-text-fill-color: transparent; text-fill-color: transparent; } .news-entry h2, .events-entry h2, .offers-entry h2 { font-size: 1.3em; line-height: 1.4; color: #000; } .promotion-entry { box-shadow: 4px 4px 8px #868e9682; background: #f5f6fa; } .promotion-entry .promotion-img { height: 250px; display: block; position: relative; background-size: cover; box-shadow: inset 0px -20px 26px -30px #464a4e; } .promotion-entry .promotion-img .meta { line-height: 1.4; text-transform: uppercase; position: absolute; top: 0; left: 1em; text-align: center; } .promotion-entry .promotion-img .meta span { display: block; color: #000; font-weight: 700; } .promotion-entry .promotion-img .meta .date-1 { font-size: 24px; position: relative; padding: 5px 10px; color: #fff; background: #9870FC; /* Old browsers */ background: -moz-linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19b5fe', endColorstr='#9870FC',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .promotion-entry .promotion-img .meta .date-2 { font-size: 15px; font-weight: 500; padding: 5px 10px; color: #3a3a3a; background: #fff; } @media screen and (max-width: 768px) { .promotion-entry .promotion-img { height: 400px; } } @media screen and (max-width: 480px) { .promotion-entry .promotion-img { height: 270px; } } .promotion-entry .desc { padding: 1.0em; margin-bottom: 20px; position: relative; } .promotion-entry .desc h2 { font-size: 1.3em; } .promotion-entry .desc h2 a { color: #000; } .promotion-entry .desc .admin { margin-bottom: 20px; } .promotion-entry .desc .admin span:last-child { color: #000; } .heading-2 { font-size: 18px; text-transform: uppercase; font-weight: 500; margin-bottom: 2em; } .heading-2 { display: block; margin-bottom: 3em; } .heading-2 h2 { font-weight: 900; text-transform: uppercase; } .contact-info-wrap-flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; width: 100%; margin-bottom: 3em; } .contact-info-wrap-flex > div { padding: 0.5em; display: flex; } .contact-info-wrap-flex .con-info { width: 100%; padding: 0.8em; background: #fff; background: #f5f6fa; overflow-wrap: break-word; } .contact-info-wrap-flex .con-info:first-child { margin-left: 0; } @media screen and (max-width: 768px) { .contact-info-wrap-flex .con-info { width: 100%; } } .contact-info-wrap-flex .con-info a { text-decoration: none; } .contact-info-wrap-flex p { margin-bottom: 0; color: #000; } .contact-info-wrap-flex p span i { color: #19b5fe; } .contact-info-wrap-flex p a { color: #000; } .form-control { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; border: 1px solid #f0f0f0; font-size: 16px !important; font-weight: 300; background: #f5f6fa; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } .form-control:focus, .form-control:active { background: #f5f6fa; box-shadow: none; border: 1px solid #cccccc; } input[type="text"] { height: 50px; } .form-group { margin-bottom: 30px; } @media screen and (max-width: 768px) { .form-group #firstname_contact { margin-bottom: 30px; } } .form-group label { font-weight: 400; } .form-group .btn-modify { text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-size: 13px; padding: 10px 15px; } .social-icons { margin: 0; padding: 0; } .social-icons li { margin: 0; padding: 0; list-style: none; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .social-icons li a { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; padding-left: 10px; padding-right: 10px; } .social-icons li a i { font-size: 20px; background: #9870FC; /* Old browsers */ background: -moz-linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19b5fe', endColorstr='#9870FC',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ -webkit-background-clip: text; -ms-background-clip: text; -o-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; -ms-text-fill-color: transparent; -o-text-fill-color: transparent; text-fill-color: transparent; } .heading h2 { font-size: 30px; font-weight: 900; text-transform: uppercase; margin-bottom: 4vh; } @media screen and (max-width: 768px) { .heading h2 { font-size: 30px; } } .subs-img { background-attachment: fixed; } #newsletter { padding: 5em 0; position: relative; overflow: hidden; z-index: 0; } #newsletter:after { position: absolute; top: 0; right: 50%; content: ''; width: 100%; height: 800px; z-index: -1; background: #9870FC; /* Old browsers */ background: -moz-linear-gradient(0deg, #19b5fe 0%, #9870FC 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(0deg, #19b5fe 0%, #9870FC 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(0deg, #19b5fe 0%, #9870FC 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19b5fe', endColorstr='#9870FC',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ -webkit-transform: skewY(-60deg); -moz-transform: skewY(-60deg); -ms-transform: skewY(-60deg); -o-transform: skewY(-60deg); transform: skewY(-60deg); } #newsletter .heading { margin-bottom: 20px; } #newsletter .heading h2 { color: #fff; } #newsletter .heading p { font-size: 18px; color: white; } .qbstp-header-subscribe { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; width: 100%; padding: 0; } .qbstp-header-subscribe .col-three-forth { width: 70%; } .qbstp-header-subscribe .col-one-third { width: 30%; } .qbstp-header-subscribe .col-three-forth, .qbstp-header-subscribe .col-one-third { display: table; height: 50px; float: left; } @media screen and (max-width: 768px) { .qbstp-header-subscribe .col-three-forth, .qbstp-header-subscribe .col-one-third { width: 50%; } } .qbstp-header-subscribe .form-control { background: transparent; } .qbstp-header-subscribe .form-group { position: relative; width: 100%; display: table-cell; vertical-align: middle; } @media screen and (max-width: 480px) { .qbstp-header-subscribe .form-group { width: 100%; } } .qbstp-header-subscribe .form-group input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } .qbstp-header-subscribe #email { font-size: 14px; width: 100%; border: none; border-bottom: 1px solid white; color: white; } .qbstp-header-subscribe button { border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; color: #fff; border: none; padding: 10px 20px; text-transform: uppercase; height: 50px; width: 100%; display: block; background: #9870FC; /* Old browsers */ background: -moz-linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19b5fe', endColorstr='#9870FC',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #footer { padding-top: 6em; background: #25282a; color: rgba(255, 255, 255, 0.6) !important; } #footer p { font-size: 14px; line-height: 1.8; } #footer .f-blog { position: relative; padding-left: 80px; margin-bottom: 40px; } #footer .f-blog .blog-img { position: absolute; top: 0; left: 0; display: block; width: 70px; height: 60px; float: left; } #footer .f-blog .desc h2 { font-size: 16px; margin-bottom: 5px; } #footer .f-blog .desc h2 a { color: #cccccc; } #footer .f-blog .desc .admin { font-size: 13px; } @media screen and (max-width: 768px) { #footer .widget { margin-bottom: 40px; width: 100%; float: left; } } #footer .footer-links { padding: 0; margin: 0; } @media screen and (max-width: 768px) { #footer .footer-links { margin-bottom: 30px; } } #footer .footer-links li { padding: 0; margin: 0 0 10px 0; list-style: none; display: block; font-size: 14px; } #footer .footer-links li a { color: rgba(255, 255, 255, 0.9); text-decoration: none; } #footer .footer-links li a i { padding-right: 10px; background: #9870FC; /* Old browsers */ background: -moz-linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19b5fe', endColorstr='#9870FC',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ -webkit-background-clip: text; -ms-background-clip: text; -o-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; -ms-text-fill-color: transparent; -o-text-fill-color: transparent; text-fill-color: transparent; } #footer .social-icons li a { padding-left: 10px; padding-right: 10px; } #footer .social-icons li a:first-child { padding-left: 0; } #footer h4 { margin-bottom: 30px; font-size: 13px; color: #e6e6e6; text-transform: uppercase; font-weight: 700; } #footer .copy { padding: 1.2em 0; } #footer .copy p { margin-bottom: 0; color: #fff; } #footer .copy p small a { color: rgba(255, 255, 255, 0.7); } #map { width: 100%; height: 500px; position: relative; } @media screen and (max-width: 768px) { #map { height: 200px; } } #offcanvas { position: absolute; z-index: 1901; width: 270px; background: #1a1a1a; top: 0; right: 0; top: 0; bottom: 0; padding: 75px 40px 40px 40px; overflow-y: auto; display: none; -moz-transform: translateX(270px); -webkit-transform: translateX(270px); -ms-transform: translateX(270px); -o-transform: translateX(270px); transform: translateX(270px); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } @media screen and (max-width: 768px) { #offcanvas { display: block; } } .offcanvas #offcanvas { -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } #offcanvas a { color: rgba(255, 255, 255, 0.5); } #offcanvas a:hover { color: rgba(255, 255, 255, 0.8); } #offcanvas ul { padding: 0; margin: 0; } #offcanvas ul li { padding: 0; margin: 0; list-style: none; } #offcanvas ul li > ul { padding-left: 20px; display: none; } #offcanvas ul li.offcanvas-has-dropdown > a { display: block; position: relative; } #offcanvas ul li.offcanvas-has-dropdown > a:after { position: absolute; right: 0px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e0c5"; font-size: 20px; color: rgba(255, 255, 255, 0.2); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } #offcanvas ul li.offcanvas-has-dropdown.active a:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } #offcanvas ul li.btn-cta { margin-top: 5px; } #offcanvas ul li.btn-cta a { border-bottom: 1px solid #19b5fe; padding-bottom: 5px; } .gototop { position: fixed; bottom: 20px; right: 20px; z-index: 999; opacity: 0; visibility: hidden; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .gototop.active { opacity: 1; visibility: visible; } .gototop a { width: 50px; height: 50px; display: table; background: black; color: #fff; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .gototop a i { height: 50px; display: table-cell; vertical-align: middle; } .gototop a:hover, .gototop a:active, .gototop a:focus { text-decoration: none; outline: none; } .nav-toggle { width: 25px; height: 25px; cursor: pointer; text-decoration: none; top: 1.2em !important; } .nav-toggle.active i::before, .nav-toggle.active i::after { background: #444; } .nav-toggle:hover, .nav-toggle:focus, .nav-toggle:active { outline: none; border-bottom: none !important; } .nav-toggle i { position: relative; display: inline-block; width: 25px; height: 2px; color: #252525; font: bold 14px/.4 Helvetica; text-transform: uppercase; text-indent: -55px; background: #252525; transition: all .2s ease-out; } .nav-toggle i::before, .nav-toggle i::after { content: ''; width: 25px; height: 2px; background: #252525; position: absolute; left: 0; transition: all .2s ease-out; } .nav-toggle.nav-white > i { color: #fff; background: #fff; } .nav-toggle.nav-white > i::before, .nav-toggle.nav-white > i::after { background: #fff; } .nav-toggle i::before { top: -7px; } .nav-toggle i::after { bottom: -7px; } .nav-toggle:hover i::before { top: -10px; } .nav-toggle:hover i::after { bottom: -10px; } .nav-toggle.active i { background: transparent; } .nav-toggle.active i::before { top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); background: #fff; } .nav-toggle.active i::after { bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); background: #fff; } .nav-toggle { position: absolute; right: 0px; top: 65px; z-index: 21; padding: 6px 0 0 0; display: block; margin: 0 auto; display: none; height: 44px; width: 44px; z-index: 2001; border-bottom: none !important; } @media screen and (max-width: 768px) { .nav-toggle { display: block; } } .btn { margin-right: 4px; margin-bottom: 4px; font-size: 15px; font-weight: 400; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; padding: 15px 20px; } .btn.btn-md { padding: 8px 20px !important; } .btn.btn-lg { padding: 18px 36px !important; } .btn:hover, .btn:active, .btn:focus { box-shadow: none !important; outline: none !important; } .btn-primary { background: #19b5fe; color: #fff; border: 2px solid #19b5fe; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active { background: #32bdfe !important; border-color: #32bdfe !important; } .btn-primary.btn-outline { background: transparent; color: #19b5fe; border: 2px solid #19b5fe; } .btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active { background: #19b5fe; color: #fff; } .btn-success { background: #5cb85c; color: #fff; border: 2px solid #5cb85c; } .btn-success:hover, .btn-success:focus, .btn-success:active { background: #4cae4c !important; border-color: #4cae4c !important; } .btn-success.btn-outline { background: transparent; color: #5cb85c; border: 2px solid #5cb85c; } .btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active { background: #5cb85c; color: #fff; } .btn-info { background: #5bc0de; color: #fff; border: 2px solid #5bc0de; } .btn-info:hover, .btn-info:focus, .btn-info:active { background: #46b8da !important; border-color: #46b8da !important; } .btn-info.btn-outline { background: transparent; color: #5bc0de; border: 2px solid #5bc0de; } .btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active { background: #5bc0de; color: #fff; } .btn-warning { background: #f0ad4e; color: #fff; border: 2px solid #f0ad4e; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active { background: #eea236 !important; border-color: #eea236 !important; } .btn-warning.btn-outline { background: transparent; color: #f0ad4e; border: 2px solid #f0ad4e; } .btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active { background: #f0ad4e; color: #fff; } .btn-danger { background: #d9534f; color: #fff; border: 2px solid #d9534f; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active { background: #d43f3a !important; border-color: #d43f3a !important; } .btn-danger.btn-outline { background: transparent; color: #d9534f; border: 2px solid #d9534f; } .btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active { background: #d9534f; color: #fff; } .btn-colored { font-size: 12px; text-transform: uppercase; letter-spacing: 2px; color: #fff; cursor: pointer; border: none; text-decoration: none; background: #9870FC; /* Old browsers */ background: -moz-linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #19b5fe 0%, #9870FC 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19b5fe', endColorstr='#9870FC',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .btn-colored:focus { color: #fff; } .btn-colored:hover { color: #fff; transform: scale(1.1); } .btn-colored.square { border-radius: 3px !important; } .btn-outline { background: none; border: 2px solid gray; font-size: 16px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .btn-outline:hover, .btn-outline:focus, .btn-outline:active { box-shadow: none; } .btn.with-arrow { position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .btn.with-arrow i { visibility: hidden; opacity: 0; position: absolute; right: 0px; top: 50%; margin-top: -8px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .btn.with-arrow:hover { padding-right: 50px; } .btn.with-arrow:hover i { color: #fff; right: 18px; visibility: visible; opacity: 1; } .row-pb-lg { padding-bottom: 7em !important; } .row-pb-md { padding-bottom: 5em !important; } .row-pb-sm { padding-bottom: 3em !important; } .nopadding { padding: 0 !important; margin: 0 !important; } .js .animate-box { opacity: 0; } /*# sourceMappingURL=style.css.map */ .js-gotop::after { display: inline-block; content: ""; border-top: 18px solid transparent; border-right: 8px solid transparent; border-bottom: 12px solid ; border-left: 8px solid transparent; } #animationtitleproduct { animation-name: slidein; animation-duration: 1s; } #animationcasecategory { margin-top: 40px; -webkit-animation: slide-top 1.5s cubic-bezier(.250,.460,.450,.940) .75s both; } @-webkit-keyframes slide-top { 0% { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 100%; -webkit-transform: translateY(-100px); transform: translateY(-100px); } } .animationnav { position: relative; transition: all .3s ease-in-out; } .animationnav a::after { content: ""; visibility: hidden; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background: linear-gradient(90deg, #19b5fe 0%,#9870FC 100%); transition: all .3s ease-in-out; transform: scaleX(0); } .animationnav a:hover::after { visibility: visible; transform: scaleX(1); } .animationnav .contact { font-size: 1em!important; background: linear-gradient(90deg,#19b5fec2 60%,#FFFF 61%,#19b5fec2 62%,#9870FCc2 100%); border-radius: 12px; text-decoration: none; padding: 10px; box-shadow: 2px 2px 5px; transition: all .3s ease-in-out 1s; } .animationnav .contact:hover { background: linear-gradient(90deg,#19b5fe 60%,#FFFF 61%,#19b5fe 62%,#9870FC 100%); border-radius: 12px; } .animationnav li:last-child a { padding: 0!important; } .animationnav li:last-child a::after { visibility: collapse; } .animationnav li:last-child a:hover { opacity: 1!important; color: white; } .animationnav .contact .text-contact { font-size: 100%; } .animationfourni { margin-top: 50px; -webkit-animation: slide-top .25s cubic-bezier(.250,.460,.450,.940) .75s both; } .case0 { -webkit-animation: slide-top .5s cubic-bezier(.250,.460,.450,.940) .75s both; } .case1 { -webkit-animation: slide-top .75s cubic-bezier(.250,.460,.450,.940) .75s both; } .case2 { -webkit-animation: slide-top 1s cubic-bezier(.250,.460,.450,.940) .75s both; } .case3 { -webkit-animation: slide-top 1.25s cubic-bezier(.250,.460,.450,.940) .75s both; }@media screen and (max-width:768px){#offcanvas .contact{margin-top:10px;text-align:center}#offcanvas .contact .text-contact span{padding:0}#offcanvas .contact .text-contact .btn-contact-reponsive{background:linear-gradient(45deg, #19b5fe 0%, #9870FC 100%);padding:5px 50px 5px 50px!important;border-radius:10px;color:white}.dropdown-toggle::after{opacity:0;}}@media screen and (max-width:768px){#offcanvas .contact{margin-top:10px;text-align:center}#offcanvas .contact .text-contact span{padding:0}#offcanvas .contact .text-contact .btn-contact-reponsive{background: linear-gradient(45deg, #19b5fe 0%, #9870FC 100%);padding:5px 50px 5px 50px!important;border-radius:10px;color:white}.dropdown-toggle::after{opacity:0;}}@media screen and (max-width:768px){#offcanvas .contact{margin-top:10px;text-align:center}#offcanvas .contact .text-contact span{padding:0}#offcanvas .contact .text-contact .btn-contact-reponsive{background: linear-gradient(45deg, #19b5fe 0%, #9870FC 100%);padding:5px 50px 5px 50px!important;border-radius:10px;color:white} .dropdown-toggle::after{opacity:0;}} .buttonconctactus { width: 220px; height: 50px; margin-right: auto; margin-left: auto; border-radius: 7px 7px 7px 7px; text-decoration: none; text-shadow: 3px 3px 6px black; font-family: "Poppins",Arial,sans-serif; font-size: 18px; font-weight: bold; color: white; background: linear-gradient(90deg, #19b5fe 0%,#9870FC 100%); box-shadow: .5px 1px 5px 1px black; transition-property: transform; transition-duration: .5s; } .buttonconctactus:hover { transform: scale(1.1); } @media screen and (max-width:867px) { #categories .table { min-height: .01%; overflow-x: auto; } * { scrollbar-width: thin; scrollbar-color: rgb(54,1,37) #5426c7; } *::-webkit-scrollbar { width: 10px; } *::-webkit-scrollbar-track { border-radius: 15px; background: rgb(173,165,165); } *::-webkit-scrollbar-thumb { border-radius: 15px; background: linear-gradient(#19b5fe 0%,#2ecc71 100%); } } #websites #techgroup { margin-top: -12em!important; } .techgroup2 { padding-bottom: 0!important; } li video { position: absolute; top: -50px; width: 100%; height: 100%; object-fit: fill; } @media screen and (max-width:768px) { li video { display: none; position: absolute; top: 27%; bottom: 0!important; width: 100%; height: 50%; } .media_video { width: 100%; height: auto; } .bg_general { background-image: url(https://techniwave.com/web/images/general_background.webp); } #slider .flexslider .slider-text > .slider-text-inner { opacity: 1!important; } #slider .flexslider .slider-text-absolute{ position: absolute; top: 40%; z-index: 10; margin-right: auto; margin-left: auto;text-align: center;} #slider .flexslider .slider-text-absolute h1{ text-align: center; font-size: 1.5em!important; } #case-categorie .category-card .body-category-card h3 { font-size: 5vw!important; } } .dropdown-toggle::after { margin-left: -10px!important; } #category-cards .titre-intro{ text-align: center; font-size: 2.5em; font-weight: 600; margin-bottom: 20px; opacity: 0; } .category-card { width: 100%; height: 85%; box-shadow: 5px 5px 2px #676666, -1px -1px 5px #3b3838; background-position: center; overflow: hidden; position: relative; margin: 10px auto; cursor: pointer; border-radius: 2px; transition: all ease-in-out 0.95s; } .category-card img { transition: all ease-in-out 0.25s; width: 100%; height: 100%; } .category-card .body-category-card { position: absolute; left: 30px; bottom: 50%; font-size: 30px; color: #FFF; text-shadow: rgb(0 0 0) 1px 0 5px; font-weight: bold; transition: all ease-in-out 0.25s; } .category-card .footer-category-card { position: absolute; z-index: 2; bottom: -10%; left: 20px; right: 20px; color: #FFF; font-size: 1.2em; text-shadow: rgb(0 0 0) 1px 0 5px; opacity: 0; transition: all ease-in-out 0.25s; } .category-card .footer-category-card .btn-category-card { color: white; font-size: 1.5em; margin-top: 50%; } .category-card:hover { transform: scale(1.01); background: linear-gradient(105deg,#19b5feeb 0%,#9870FCeb 100%); } .category-card:hover img, .category-card:hover .imgWrap img { opacity: 0.3; } .category-card:hover .body-category-card { bottom: 71%; opacity: 0.1; } .category-card:hover .footer-category-card { bottom: 0%; opacity: 1; } .category-card:hover .footer-category-card a{ color: white!important; } #case-categorie .category-card:after { content: ''; z-index: 1; position: absolute; top: 80%; left: 20%; width: 100%; height: 500px; background: -moz-linear-gradient(105deg,#19b5fead 0%,#9870FCad 100%); background: -webkit-linear-gradient(105deg,#19b5fead 0%,#9870FCad 100%); background: linear-gradient(105deg,#19b5fead 0%,#9870FCad 100%); -webkit-transform: skewY(-60deg); -moz-transform: skewY(-60deg); -ms-transform: skewY(-60deg); -o-transform: skewY(-60deg); transform: skewY(-60deg); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19b5fe',endColorstr='#2ecc71',GradientType=1); transition: all ease-in-out 0.45s; } #case-categorie .category-card:hover:after { opacity: 0; } #presentation-intro { padding: 0em 0em 4em 0em!important; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; background-size: cover; background-blend-mode: darken; } .custom-shape-divider-top-1666009086 { top: 0; left: 0; width: 100%; overflow: hidden; line-height: 0; } .custom-shape-divider-top-1666009086 svg { position: relative; display: block; width: calc(100% + 1.3px); height: 166px; } .custom-shape-divider-top-1666009086 .shape-fill { fill: #fafafa; } #modalite { height:100%; background: linear-gradient(90deg, #19b5fe5e 0%,#9870FC47 100%); color: black!important; width: 100%; margin: 0px 0px 20px 0px;} #modalite .modalite-tab { text-align: center; justify-content: space-around; } #modalite .modalite-tab .modalite-column { width: 100%; opacity: 0; } #performance { height:100%; background: linear-gradient(90deg, #19b5fe5e 0%,#9870FC47 100%); color: black!important; width: 100%; margin: 0px 0px 0px 0px; padding: 20px 0px 130px 0px; box-shadow: rgba(255, 255, 255, 0.17) 0px -23px 25px 0px inset, rgba(255, 255, 255, 0.15) 0px -36px 30px 0px inset, rgba(255, 255, 255, 0.1) 0px -79px 40px 0px inset, rgba(255, 255, 255, 0.06) 0px 2px 1px, rgba(255, 255, 255, 0.09) 0px 4px 2px, rgba(255, 255, 255, 0.09) 0px 8px 4px, rgba(255, 255, 255, 0.09) 0px 16px 8px, rgba(255, 255, 255, 0.09) 0px 32px 16px; } #performance .performance-tab { } #performance .performance-tab .performance-column { padding: 0 !important; } @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-250px * 8)); } } .slider { box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125); height: 150px; margin: auto; overflow: hidden; position: relative; width: 100%; } .slider::before, .slider::after { content: ""; height: 100px; position: absolute; width: 200px; z-index: 2; } .slider::after { right: 0; top: 0; transform: rotateZ(180deg); } .slider::before { left: 0; top: 0; } .slider .slide-track { animation: scroll 40s linear infinite; display: flex; width: calc(250px * 15); } .slider .slide { height: 100px; width: 250px; } /* gestion des animation du site*/ .anim_slide_top { animation: slide-top 1s forwards 1; /* 1 au lien de infinite */ opacity: 100%!important; } .anim_slide_left { animation: slide-left 1s forwards 1; /* 1 au lien de infinite */ opacity: 100%!important; } .anim_slide_right { animation: slide-right 1s forwards 1; /* 1 au lien de infinite */ opacity: 100%!important; } .anim_slide_bottom { animation: slide-bottom 0.3s forwards 1; /* 1 au lien de infinite */ opacity: 100%!important; } .anim_slide_bottom1 { animation: slide-bottom 0.6s forwards 1; /* 1 au lien de infinite */ } .anim_slide_bottom2 { animation: slide-bottom 1s forwards 1; /* 1 au lien de infinite */ } .anim_slide_bottom3 { animation: slide-bottom 1.4s forwards 1; /* 1 au lien de infinite */ } .anim_slow_flash { animation: slow-flash 3s forwards infinite; /* 1 au lien de infinite */ } .anim_slow_flash1 { animation: slow-flash1 3s forwards infinite; /* 1 au lien de infinite */ } @-webkit-keyframes slow-flash { 0% { opacity: 0%; } 50% { opacity: 100%; } 100% { opacity: 0%; } } @-webkit-keyframes slow-flash1 { 0% { opacity: 100%; } 50% { opacity: 0%; } 100% { opacity: 100%; } } @-webkit-keyframes slide-top { 0% { opacity: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px); } 100% { opacity: 100%; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slide-bottom { 0% { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); } 100% { opacity: 100%; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slide-right { 0% { opacity: 0; -webkit-transform: translateX(-100px); transform: translateX(-100px); } 100% { opacity: 100%!important; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slide-left { 0% { opacity: 0; -webkit-transform: translateX(100px); transform: translateX(100px); } 100% { opacity: 100%; -webkit-transform: translateX(0); transform: translateX(0); } } .titre-partie1 hr { height: 3px; width: 25%; background: linear-gradient(90deg, #19b5fe5e 0%,#9870FC47 100%); } #slider .index_slider:after { content: ''; z-index: 2; position: absolute; bottom: 0; right: 50%; width: 100%; height: 800px; background: #2ecc7065; background: -moz-linear-gradient(0deg,#19b5fe65 0%,#9870FC65 100%); background: -webkit-linear-gradient(0deg,#19b5fe65 0%,#9870FC65 100%); background: linear-gradient(0deg,#19b5fe65 0%,#9870FC65 100%); -webkit-transform: skewY(-60deg); -moz-transform: skewY(-60deg); -ms-transform: skewY(-60deg); -o-transform: skewY(-60deg); transform: skewY(-60deg); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19b5fe',endColorstr='#2ecc71',GradientType=1);}#recherche .intro-wrap .intro-flex>div{z-index:0;position:relative;margin:0 10px 0 10px;padding:4em 2em;border:3px ridge #fff;border-radius:22px;overflow:hidden;box-shadow:5px 5px 12px #0f0e0e,-3px -3px 10px #3b3838}#recherche .intro-wrap .intro-flex>div .desc .see_more{display:block;position:absolute;right:2em;bottom:-1em;padding:1.2em 1em 2em 1em;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;border-bottom-left-radius:0;border-bottom-right-radius:0;text-transform:uppercase;font-size:14px;font-weight:700;color:#fff;background:#19b5fe;background:#5426c7;background:-moz-linear-gradient(45deg,#711313 0,#5426c7 100%);background:-webkit-linear-gradient(45deg,#711313 0,#5426c7 100%);background:linear-gradient(45deg,#711313 0,#5426c7 100%);transition-duration:.3s;-ms-border-radius:30px}#recherche .intro-wrap .intro-flex>div .desc .see_more:hover{bottom:0}#societe .container td{width:150px;max-width:150px}#recherche-outil{padding:0;padding-top:20px!important;text-shadow:1px 1px 7px #000;background-color:#000}#recherche-outil .filtre p{margin-right:10px;margin-bottom:0!important;margin-left:20px;padding-top:10px;font-size:16px;font-weight:500;color:#dfdfdf!important;transition:all ease-in-out}#recherche-outil .filtre p:hover{color:#fff!important}#recherche .filtre{margin:0 0 25px 25px;border-radius:2px 2px 2px 2px;overflow:hidden;background:#1a1a1a;-webkit-box-shadow:inset 0 0 10px #000;-moz-box-shadow:inset 0 0 10px #000;box-shadow:inset 0 0 10px #000}#recherche .filtre .filtre-title{padding-bottom:10px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000}#recherche .filtre .filtre-title p{margin-left:0!important;padding-top:25px;text-align:center;font-size:1em;font-weight:700}#recherche .filtre a:hover{color:#fff!important}#recherche .conteneur-recherche{margin:20px;padding-bottom:40px;text-shadow:1px 1px 7px #000;background:radial-gradient(circle,#000 0,#1a1a1a 80%,#1a1a1a 100%);background-image:url(../../../web/images/fond-page-recherche2.png);background-size:cover;-webkit-box-shadow:inset 0 0 10px #000;-moz-box-shadow:inset 0 0 10px #000;box-shadow:inset 0 0 10px #000}#recherche .conteneur-recherche .search-bar{width:50%;border:solid 1px #fff;border-radius:15px 0 0 15px!important}#recherche .conteneur-recherche .search-bar-button{height:35px;border-radius:0 5px 5px 0!important;font-size:10px!important;font-weight:700;vertical-align:top;color:#fff;background:linear-gradient(105deg,#7b0ebaad 0,#830101ad 100%)}@media screen and (max-width:768px){.recherche-conteneur{flex-direction:column-reverse}#recherche-outil{padding-top:0!important}#recherche .filtre{margin:0 20px 20px 20px}#recherche .conteneur-recherche{margin:0}.search-bar::placeholder{font-size:.8em}.btn-accueil-recherche{text-align:center}}