/* Menu */.menuOpen:hover .open:before {top: -9px;}.menuOpen:hover .open:after {top: 8px;}.menuAntares {position: fixed;width: 100vw;height: 100vh;top: 0;left: 0;background: #FFF;}.menuAntares label {width: 30px;height: 30px;position: absolute;right: 20px;top: 20px;background-size: 100%;cursor: pointer;}.menuAntares .menuContent {position: relative;top: 50%;font-size: 54px;text-align: center;padding-bottom: 20px;margin-top: -170px;display:none;}.menuAntares ul {list-style: none;padding: 0;margin: 0 auto;}.menuContent li.menu__item {margin-bottom: 16px;}.menuAntares ul li a {display: block;position: relative;z-index: 3;transition: all .75s;-webkit-clip-path: inset(0 0 0 0);clip-path: inset(0 0 0 0);color: #000;font-size: 70px;line-height: 78px;font-weight: 700;}.menuAntares ul li a:hover {color: red;-webkit-clip-path: inset(0 0 0 0);clip-path: inset(0 0 0 0);transform: translate3d(35px, 0, 0);}.menuAntares ul li:hover {background: white;}.menuEffects {opacity: 0;visibility: hidden;transition: opacity 0.5s, visibility 0.5s;}.menuEffects ul {transform: translateY(0%);transition: all 0.5s;}#menuToggle:checked ~ .menuEffects {opacity: 1;visibility: visible;transition: opacity 0.5s;}#menuToggle:checked ~ .menuEffects ul {opacity: 1;}#menuToggle:checked ~ .menuAntares .menuContent {display: block;}#menuToggle:checked ~ .menuOpen .open {background-color: transparent;}#menuToggle:checked ~ .menuOpen .open:before {content: "";background-color: #000;transform: rotate(45deg);position: absolute;top: 0;right: 0;z-index: 1;}#menuToggle:checked ~ .menuOpen .open:after {content: "";background-color: #000;transform: rotate(-45deg);position: relative;top: 0;right: 0;z-index: 1;}#menuToggle:not(:checked) ~ .menuEffects ul {transform: translateY(-30%);}.menu-name--main { visibility: hidden; }.menu-name--main > li { visibility: visible; }.menu-name--main > li { transition: opacity 550ms linear 100ms, transform 300ms ease-in-out 300ms; }.menu-name--main:hover > li { opacity: 0.3;}.menu-name--main > li:hover { opacity: 1; transition-delay: 200ms, 200ms; }.menuAntares ul li:after {display: block;content: '';border-bottom: solid 2px #cdcdcd;transform: scaleX(0);transition : transform 300ms ease-in-out;}.menuAntares ul li:hover:after {transform: scaleX(1);margin-left: 40px;}.menuAntares ul li:after {transform-origin: 0 50%;}/* Contact inside menu */.contactMenu {align-self: flex-end;max-width: 50%;position: relative;display: inline-grid;}.contactElem {font-size: 18px;text-align: left;line-height: 30px;margin-bottom: 14px;}.contactElem a {padding-bottom: 4px;font-weight: 600;}/* end contact inside menu *//* end menu *//* general stuff */ /* hovers */ .anim-link{display: inline-block;}.anim-link:after {display:block;content: '';border-bottom: solid 3px #ea2129;transform: scaleX(0);transition: transform 250ms ease-in-out;}.anim-link:hover:after { transform: scaleX(1); }.anim-link.fromLeft:after{transform-origin:0% 50%; }/* end hovers */ .path-not-frontpage .l-main.l-row {margin-top: 2%;}.path-not-frontpage h1.node__title {margin-bottom: 5%;font-size: 62px;font-weight: 700;}.notWhite {color: #696b6e;}.redBorder{border-left: 3px solid red;transition: all .5s;}div.pre-title {font-size: 14px;text-transform: uppercase;margin-bottom: 1em;color: #ffffffbf;}/* inner pages titles */.container.title-container .box {width: max-content;height: 250px;position: relative;display: flex;justify-content: center;flex-direction: column;}.container.title-container .box .title {width: 100%;position: relative;display: flex;align-items: center;height: 50px;}.container.title-container .box .title .block {width: 0%;height: 85px;background: #ffffff;position: absolute;animation: mainBlock 2s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;display: flex;}.container.title-container .box .title h1 {color: #fff;-webkit-animation: mainFadeIn 2s forwards;-o-animation: mainFadeIn 2s forwards;animation: mainFadeIn 2s forwards;animation-delay: 1.6s;opacity: 0;display: flex;align-items: baseline;position: relative;}@keyframes mainBlock {0% {width: 0%;left: 0; }50% {width: 100%;left: 0; }100% {width: 0;left: 100%; }}@keyframes mainFadeIn {0% {opacity: 0; }100% {opacity: 1; }}.page-node-type--case-studies .node__content a {color: #FFF;}/* end inner pages titles *//* arrow right */ .arrow {cursor: pointer;height: 94px;left: 92%;position: absolute;top: 50%;transform: translateX(-50%) translateY(-50%);transition: transform 0.1s;width: 36px;}.arrow-top, .arrow-bottom {background-image: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);height: 4px;left: -5px;position: absolute;top: 50%;width: 100%;background-size: 400% 400%;animation: gradient 15s ease infinite;}.arrow-top {transform: rotate(45deg);transform-origin: bottom right;}.arrow-bottom {transform: rotate(-45deg);transform-origin: top right;}@keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; }}/* end arrow right */ /* end general stuff */ /* front content */.path-frontpage #content-suffix {background: #FFF;color: #090c10;padding-top: 5vh;padding-bottom: 10vh;}h2.block__title {font-weight: 600;font-size: 45px;color: #25426c;margin-bottom: 2em;margin-top: 1em;}/* case studies */ .case-column div {	position: relative;	float: left;	width: 100%;	height: auto;	margin: 0 0 0 25px;	padding: 0;}.case-column div span {position: absolute;bottom: 10px;left: 50%;display: block;width: 100%;color: #444;font-weight: 600;font-size: 18px;text-decoration: none;text-align: left;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;background: #001d37;padding: 1em;max-width: 260px;}.case-column div span a { color:#FFF;}.case-study:hover span {transform: translateX(-14px);}.case-column figure {	width: 100%;	height: auto;	margin: 0;	padding: 0;	background: #fff;	overflow: hidden;}div.project-type {padding: 15px 0 0 0;margin: 0;font-size: 26px;font-weight: 700;}.case-study figure {	position: relative;transition: opacity 250ms, transform 250ms;transition-duration: 250ms;}.case-study figure:hover{-webkit-transform: translate3d(-30px, 0, 0) scale(1.01);transform: translate3d(-30px, 0, 0) scale(1.01);-webkit-backface-visibility: hidden;}.case-study figure::before {	position: absolute;	top: 0;	left: -75%;	z-index: 2;	display: block;	content: '';	width: 50%;	height: 100%;	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); 	-webkit-transform: skewX(-25deg);	transform: skewX(-25deg);}.case-study figure:hover::before {	-webkit-animation: shine .75s;	animation: shine .75s;}@-webkit-keyframes shine {	100% {		left: 125%;	}}@keyframes shine {	100% {		left: 125%;	}} /* end case studies */ /* second suffix */ #second-suffix {background-color: #001d37;min-height: 62vh;padding-top: 10vh;}.red-container {position: relative;height: 100%;padding-top: 3%;padding-bottom: 3%;}.text-on-red-bg {font-weight: 500;font-size: 28px;line-height: 44px;}.white-bg img {background: #FFF;margin-top: 1em;margin-bottom: 1em;border-radius: 10px;}.animated-block {position: relative;overflow: hidden;}.animated-block:before,.animated-block:after {content: "";position: absolute;top: 0;left: 0;bottom: 0;width: 100%;background: #090c10;}.animated-block:before {right: 100%;}.animated-block:after {left: 100%;} .animated-block.reveal {animation: reveal 1s forwards;}/* end second suffix */ /* third sufffix (front) */ #third-suffix {min-height: fit-content;background: url(/sites/default/files/layout/core/backgrounds/website_design_coding_website_tunisia.webp);background-attachment: fixed;background-size: cover;padding-bottom: 4em;width: 100%;height: max-content;background-position: center;}#rid-third-suffix .container {background: #090c10d4;padding: 2em;height: fit-content;position: relative;margin-top: 7vh;} .img-2 {position: relative;margin-top: 2em;}/* end third suffix (front) *//* inner pages */ .container.space {margin-bottom: 5%;}.vert-middle {height: 235px;display: flex;align-items: center;}ul.text-ul {list-style: square;margin-top: 2em;padding-left: 0;}.path-contact-digital-agency-tunisia .row.m20 .contactMenu {margin-top: 20%;}.path-digital-antares #second-suffix, .path-fr-agence-digitale-tunisie-antares #second-suffix{background-color: #f84525;min-height: 44vh;padding-top: 10vh;font-size: 26px;font-weight: 300;text-align: center;}.absolute-element {position: absolute;top: -8vw;right: 5%;opacity: .3;z-index: 0;}.percent-circle {fill: none;stroke: #d5d5d5;stroke-width: 0.01px;stroke-dasharray: 141;transform: rotate(-90deg);transform-origin: 50% 50%;animation: dash 5s;}@keyframes dash { from {stroke-dashoffset: 138;}to {stroke-dashoffset: 0;}}.row.m20 {margin-top: 3em;}.path-services-webdesign-code-Tunisia #content-suffix, .path-fr-services-agence-digitale-tunisie #content-suffix{background: url(/sites/default/files/layout/core/backgrounds/background_design.webp);background-size: cover;background-attachment: fixed;}.row.row-services {position: relative;}.inner-se {background: #090c10;padding: 2em;margin-bottom: 1em;overflow: hidden;position: relative;min-height: 285px;}.outer-circle {transform-origin: 60px 60px;transition: transform 2s cubic-bezier(0.62, 0.005, 0, 1.005);}.cr-ut {max-width: 19rem;background: none;border: 0 none;font-size: 0;position: absolute;z-index: 1;right: 0;top: 0;}.cr-ut svg {width: 100%;height: auto;}.service-elem:hover .outer-circle {transform: rotate(360deg);}.head-service h3 {font-weight: 700;}span.hs-h3 {margin-left: 1em;}.head-service span.tiny {color: #b11d1d;font-weight: 700;font-size: 12px;transition: all 0.2s ease-in-out;position: absolute;top: 39px;}.service-elem:hover span.tiny {transform: translateY(-5px);color:#FFF;}span.hs-h3 {transition: all 0.3s ease-in;}.service-elem:hover span.hs-h3 {color: #b11d1d;}span.pre-title {font-weight: bold;letter-spacing: 1px;}div#block-circle-2 {overflow: hidden;position: absolute;height: 100%;width: 100%;top: -19px;left: 30%;}.path-services-website-audit-tunisia .circle-container {position: absolute;}.path-services-website-audit-tunisia #second-suffix {background-color: #f84525;min-height: 49vh;padding-top: 10vh;}.text-button {transition: all 0.5s;text-transform: uppercase;}.animated-button {position: relative;overflow: hidden;border: 0;padding: 1em;background: transparent;font-size: 18px;color: #FFF;cursor: pointer;width: 193px;}.animated-button::before {content: "";position: absolute;top: 0;left: 0;width: 130%;height: 55px;background-color: #ffffff26;transform: translate(-110%, 0) skew(-30deg);transition: 0.5s;}.animated-button:hover .text-button {color: #fff;}.animated-button:hover::before {transform: translate(-5%, 0) skew(-15deg);}.animated-button::after {transition:all 0.5s; }.animated-button:hover::after {content: '+';transform: translateY(4%) rotate(360deg);font-size: 10px;position: absolute;margin-left: 10px;margin-top: 5px;} .path-services-webdesign-code-Tunisia #rid-second-suffix p, .path-fr-services-agence-digitale-tunisie #rid-second-suffix p {font-size: 22px;line-height: 40px;}.logo-drupal {position: absolute;top: -46%;opacity: .2;right: 0;}img.soc_logo {margin-right: 10px;display: inline-block;/* max-width: 30px; *//* max-height: 30px; */}.not-text, .not-img {text-align: center;margin-bottom: 1em;}.path-fr-node-4 .col-xs-12.col-md-6.col-lg-6 .inner-se {min-height: 300px;}.field-name-field-url {border: 1px solid #FFF;margin-top: 1em;padding: 1em;text-align: center;}/* end inner pages *//* end front content */ /* footer */ #footer {min-height: 30vh;padding: 5em;}.footer-menu {margin-top: 16%;}.footer-contact a {text-decoration: none;border-bottom: 0;}.footer-contact .contactElem, .footer-links {color: #ffffffa8;}.footer-menu span, .footer-links span {text-transform: uppercase;font-weight: 600;color: #aaabac;}ul.menu-footer {padding: 0;list-style: none;display: flex;margin-top: 1em;}.menu-footer li {margin-right: 2em;}#block-footer a {color: #b31d1d;}#block-footer a:hover {color: #FFF;}/* end footer */ /*queries and animation */ /* MQ'S */ @media screen and (max-width: 600px) {.menuAntares ul li a.menu__link {font-size: 40px;line-height: 40px;}.contactMenu {max-width: 100%;display: inline-grid;padding: 1em;}.path-not-frontpage h1.node__title {font-size: 26px;}.arrow {cursor: pointer;height: 0px;left: 45%;position: absolute;top: 12px;transform: none;transition: transform 0.1s;width: 40px;rotate: 90deg;}.container.title-container .box {height: 106px;display: block;}#footer {padding: 0em; }.footer-menu {margin-top: 0%;padding: 1em;}ul.menu-footer {display: block;}}@media screen and (max-width: 1024px) {.menuAntares ul li a {font-size: 44px;line-height: 47px;}}/* End MQ'S */ /* endqueries */