@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap'); @font-face { font-family:'CirceRounded'; src:url('../../fonts/CirceRounded-Regular.eot'); src:url('../../fonts/CirceRounded-Regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/CirceRounded-Regular.woff2') format('woff2'), url('../../fonts/CirceRounded-Regular.woff') format('woff'), url('../../fonts/CirceRounded-Regular.ttf') format('truetype'); font-weight:normal; font-style:normal; }

 @font-face { font-family:'CirceRoundedLight'; src:url('../../fonts/CirceRounded-Light.eot'); src:url('../../fonts/CirceRounded-Light.eot?#iefix') format('embedded-opentype'), url('../../fonts/CirceRounded-Light.woff2') format('woff2'), url('../../fonts/CirceRounded-Light.woff') format('woff'), url('../../fonts/CirceRounded-Light.ttf') format('truetype'); font-weight:300; font-style:normal; }

 @font-face { font-family:'CirceRoundedBold'; src:url('../../fonts/CirceRounded-Bold.eot'); src:url('../../fonts/CirceRounded-Bold.eot?#iefix') format('embedded-opentype'), url('../../fonts/CirceRounded-Bold.woff2') format('woff2'), url('../../fonts/CirceRounded-Bold.woff') format('woff'), url('../../fonts/CirceRounded-Bold.ttf') format('truetype'); font-weight:bold; font-style:normal; }

 /* TRANSITION */ /* COLORS */ /* BLEU FONCE */ /* BLEU CLAIR */ /* ROSE */ /* ROSE */ /* GRIS CLAIR */ /* GRIS FONCE */ /* BLEU CLAIR  */ /*  */ /* SOCIAL */ /* MIXINS */ /*
 grayscale      ex: filter: grayscale(100%);
 sepia          ex: filter: sepia(100%);
 saturate       ex: filter: saturate(0%);
 hue-rotate     ex: filter: hue-rotate(45deg);
 invert         ex: filter: invert(100%);
 brightness     ex: filter: brightness(15%);
 contrast       ex: filter: contrast(200%);
 blur           ex: filter: blur(2px);
 */ /* Extra large devices (large desktops, 1200px and up) */ @media only screen and (min-width:1200px) { /* MAX WIDTH */ /* PAGE HEADER */ /* POLE PUSH */ /* POLE PORTFOLIO PUSH */ /* PORTFOLIO */ /* SUSCRIBERS PUSH */ /* SPLASH SCREEN */ /* CONTACT FORMS PUSH */ /* SORT NEWS */ /* FOOTER */ .mw-xl-100 { max-width:100% !important; }

 .mw-xl-95 { max-width:95% !important; }

 .mw-xl-90 { max-width:90% !important; }

 .mw-xl-85 { max-width:85% !important; }

 .mw-xl-80 { max-width:80% !important; }

 .mw-xl-75 { max-width:75% !important; }

 .mw-xl-70 { max-width:70% !important; }

 .mw-xl-65 { max-width:65% !important; }

 .mw-xl-60 { max-width:60% !important; }

 .mw-xl-55 { max-width:55% !important; }

 .mw-xl-50 { max-width:50% !important; }

 .mw-xl-45 { max-width:45% !important; }

 .mw-xl-40 { max-width:40% !important; }

 .mw-xl-35 { max-width:35% !important; }

 .mw-xl-30 { max-width:30% !important; }

 .mw-xl-25 { max-width:25% !important; }

 .mw-xl-20 { max-width:20% !important; }

 .mw-xl-15 { max-width:15% !important; }

 .mw-xl-10 { max-width:10% !important; }

 .mw-xl-5 { max-width:5% !important; }

 .mw-xl-0 { max-width:0% !important; }

 header .menu > ul > li + li { margin-left:25px; }

 header .menu > ul > li.extranet { margin-left:40px; }

 header .menu > ul > li.extranet > a { color:rgba(28, 42, 76, .5); }

 header .menu > ul > li.extranet:before { -webkit-transform:translateZ(0); /* BUG CHROME */ -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; position:absolute; content:''; top:5px; left:-22px; width:2px; height:10px; background:rgba(28, 42, 76, .5); }

 .home header .menu > ul > li.extranet { margin-left:40px; }

 .home header .menu > ul > li.extranet > a { color:rgba(255, 255, 255, .5); }

 .home header .menu > ul > li.extranet:before { background:rgba(255, 255, 255, .5); }

 .page-header-pole .t p { font-size:30px; line-height:36px; }

 .page-header-pole .support { width:373px; height:373px; }

 .page-header-pole .support .content { margin-top:0; }

 .page-header-portfolio .portfolio-count { width:373px; height:373px; }

 .poles-push .column { width:20%; }

 .portfolio-push .list .column { width:20%; }

 .portfolio-mixer .item-portfolio { width:245px; height:245px; }

 .portfolio-mixer .item-portfolio .recto,.portfolio-mixer .item-portfolio .verso { width:245px; height:245px; }

 .portfolio-mixer .item-portfolio .recto .company-logo { width:160px; height:120px; }

 .portfolio-mixer .item-portfolio:hover .recto { margin-top:-245px; }

 .suscribers-push .v { width:155px; height:155px; }

 .suscribers-push .v .company-logo { width:120px; height:90px; }

 .contact-forms-push .t { background-position:left top; background-size:130px; padding-left:160px; }

 .sort-news .filters li + li { margin-left:25px; }

 .sort-news .filters form { width:245px; }

 .sort-news .newsletter { width:350px; }

 footer .d { padding-top:200px; }

 footer .footer-1 .newsletter { margin-top:-100px; }

 footer .footer-1 .v { margin-top:-160px; }

 }

 @media only screen and (min-width:1350px) { .container { max-width:1240px; }

 }

 @media only screen and (min-width:1441px) { /* SPLASH */ .splash-screen .txt p { font-size:55px; line-height:55px; }

 .splash-screen .txt h1 { margin-bottom:115px; }

 .splash-screen .txt h1 span { font-size:45px; line-height:70px; }

 .splash-screen .txt h1 span.two { font-size:65px; line-height:75px; }

 .splash-screen .txt h1.active { margin-top:-90px; }

 .splash-screen .txt h1:after { bottom:-50px; }

 }