/*
 Theme Name:   Nutislab by MON*
 Theme URI:    https://makerofnothing.com/
 Description:  Theme for Nutislab, made by a french web agency MAKER OF NOTHING
 Author:       MAKER OF NOTHING
 Author URI:   https://makerofnothing.com/
 Template:     raga
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, responsive-layout, accessibility-ready, tech, modern, colored
 Text Domain:  nutislab-theme
*/

/* =======================
========================== 
-------------------------- 
-----> COMMON
-------------------------- 
========================== 
======================= */

/* COLOR SCHEME */
.light-scheme #page, #page .light-scheme {
    background-color: #fff !important;
	color: #231f20 !important;
}
.dark-scheme #page, #page .dark-scheme {
    background-color: #231f20 !important;
	color: #fff !important;
}

/* COLOR */
.white, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white p, .white span, .white li {
	color: #fff;
}
.black, .black h1, .black h2, .black h3, .black h4, .black h5, .black h6, .black p, .black span, .black li {
	color: #231f20;
}
.purple, .purple h1, .purple h2, .purple h3, .purple h4, .purple h5, .purple h6, .purple p, .purple span, .purple li {
	color: #803594;
}
.light-purple, .light-purple h1, .light-purple h2, .light-purple h3, .light-purple h4, .light-purple h5, .light-purple h6, .light-purple p, .light-purple span, .light-purple li {
	color: #903F98;
}
.blue, .blue h1, .blue h2, .blue h3, .blue h4, .blue h5, .blue h6, .blue p, .blue span, .blue li  {
	color: #3E50B4;
}
.light-blue, .light-blue h1, .light-blue h2, .light-blue h3, .light-blue h4, .light-blue h5, .light-blue h6, .light-blue p, .light-blue span, .light-blue li {
	color: #5FA6DB;
}
.grey, .grey h1, .grey h2, .grey h3, .grey h4, .grey h5, .grey h6, .grey p, .grey span, .grey li {
	color: #DDDDDD;
}

.justify, .justify p {
	text-align: justify;
}

/* LETTER SPACING */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	letter-spacing: 0.1px;
}

/* BUTTON */
.nu-btn {	
	color: #fff;
	background-image: linear-gradient(to right, #5fa6db, #4d97d6, #4087d1, #3878ca, #3767c2, #425ebc, #4c54b5, #554aad, #6245a8, #6e40a2, #783b9b, #803594);
	padding: 4px 4px;
	border-radius: 60px;
	display: block;
	width: fit-content;
	width: -moz-fit-content;
}
.nu-btn span {
	position: relative;
	background-color: transparent;
	color: #fff;
	-webkit-transition: background-color 200ms ease;
	transition: background-color 200ms ease;
	padding: 0.2em 2em 0.2em 0.6em;
	border-radius: 60px;
	width: 100%;
	display: block;
	word-break: break-word;
	text-align: center;	
}
.nu-btn span::after {
	content: url('https://www.nutislab.com/wp-content/uploads/2019/10/interieur-blanc.svg');
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.nu-btn:hover span {
	background-color: #fff;
	color: #231f20;
}
.nu-btn:hover span::after {
	content: url('https://www.nutislab.com/wp-content/uploads/2019/10/interieur-logo.svg');
}

/* BUTTON POSITION */
.nu-btn.center {
	margin: auto;
}
.nu-btn.left {
	float: left;
}
.nu-btn.right {
	float: right;
}

/* HEADING */
.page .heading-block .h {
	word-break: keep-all;
}
.page .heading-block .h span {
	background: linear-gradient(to right, #5FA6DB 0%, #903F98 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 0px;
}

/* =======================
========================== 
-------------------------- 
-----> 404
-------------------------- 
========================== 
======================= */
.error404 .dark-color .site-logo img.light, .error404 .light-color .site-logo img.dark, .error404 .light-scheme .site-footer .site-logo img.light {
	opacity: 1 !important;
}
#page .banner-404.dark-scheme, #page .banner-404.light-scheme {
	background-color: #fff !important;
	color: #231f20 !important;
}
.banner-404 .bg-overlay {
	display: none;
}
.banner-404.banner-area .banner-item .heading-block .h span {
	background: linear-gradient(to right,#5FA6DB 0%,#903F98 100%);
    background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 0;
	font-size: 70px !important;
}

/* =======================
========================== 
-------------------------- 
-----> PRELOADER
-------------------------- 
========================== 
======================= */

.nu-preloader {
	position : fixed;
	z-index: 9999;	
	background-color: #fff;
	background-image: url('https://www.nutislab.com/wp-content/themes/nutislab/loader.svg');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	top : 0px;
	left : 0px;
	height : 100%;
	width : 100%;
	cursor : wait;
	display: none;
}

/* =======================
========================== 
-------------------------- 
-----> CSS ANIMATIONS
-------------------------- 
========================== 
======================= */

@-webkit-keyframes shadow-drop-2-center{0%{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}100%{-webkit-transform:translateZ(50px);transform:translateZ(50px);-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.35);box-shadow:0 0 20px 0 rgba(0,0,0,.35)}}@keyframes shadow-drop-2-center{0%{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}100%{-webkit-transform:translateZ(50px);transform:translateZ(50px);-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.35);box-shadow:0 0 20px 0 rgba(0,0,0,.35)}}

/* =======================
========================== 
-------------------------- 
-----> SVG ANIMATIONS
-------------------------- 
========================== 
======================= */

svg .nu-loader-elem-1{-webkit-transition:fill 1s linear 0.8s;transition:fill 1s linear 0.8s}svg.active .nu-loader-elem-1{}svg .nu-loader-elem-2{fill:transparent;-webkit-transition:fill 1s linear 0.9s;transition:fill 1s linear 0.9s}svg.active .nu-loader-elem-2{fill:rgb(255,255,255)}svg .nu-loader-elem-3{fill:transparent;-webkit-transition:fill 1s linear 1s;transition:fill 1s linear 1s}svg.active .nu-loader-elem-3{fill:rgb(106,169,221)}svg .nu-loader-elem-4{fill:transparent;-webkit-transition:fill 1s linear 1.1s;transition:fill 1s linear 1.1s}svg.active .nu-loader-elem-4{fill:rgb(72,75,154)}svg .nu-loader-elem-5{fill:transparent;-webkit-transition:fill 1s linear 1.2000000000000002s;transition:fill 1s linear 1.2000000000000002s}svg.active .nu-loader-elem-5{fill:rgb(150,54,139)}svg .nu-loader-elem-6{fill:transparent;-webkit-transition:fill 1s linear 1.3s;transition:fill 1s linear 1.3s}svg.active .nu-loader-elem-6{fill:rgb(131,44,135)}svg .nu-loader-elem-7{-webkit-transition:fill 1s linear 1.4000000000000001s;transition:fill 1s linear 1.4000000000000001s}svg.active .nu-loader-elem-7{}svg .nu-loader-elem-8{fill:transparent;-webkit-transition:fill 1s linear 1.5s;transition:fill 1s linear 1.5s}svg.active .nu-loader-elem-8{fill:rgb(150,54,139)}svg .nu-loader-elem-9{fill:transparent;-webkit-transition:fill 1s linear 1.6s;transition:fill 1s linear 1.6s}svg.active .nu-loader-elem-9{fill:rgb(131,44,135)}svg .nu-loader-elem-10{fill:transparent;-webkit-transition:fill 1s linear 1.7000000000000002s;transition:fill 1s linear 1.7000000000000002s}svg.active .nu-loader-elem-10{fill:rgb(0,0,0)}svg .nu-loader-elem-11{fill:transparent;-webkit-transition:fill 1s linear 1.8s;transition:fill 1s linear 1.8s}svg.active .nu-loader-elem-11{fill:rgb(0,0,0)}svg .nu-loader-elem-12{fill:transparent;-webkit-transition:fill 1s linear 1.9000000000000001s;transition:fill 1s linear 1.9000000000000001s}svg.active .nu-loader-elem-12{fill:rgb(0,0,0)}svg .nu-loader-elem-13{fill:transparent;-webkit-transition:fill 1s linear 2s;transition:fill 1s linear 2s}svg.active .nu-loader-elem-13{fill:rgb(0,0,0)}svg .nu-loader-elem-14{fill:transparent;-webkit-transition:fill 1s linear 2.1s;transition:fill 1s linear 2.1s}svg.active .nu-loader-elem-14{fill:rgb(0,0,0)}svg .nu-loader-elem-15{fill:transparent;-webkit-transition:fill 1s linear 2.2s;transition:fill 1s linear 2.2s}svg.active .nu-loader-elem-15{fill:rgb(0,0,0)}svg .nu-loader-elem-16{fill:transparent;-webkit-transition:fill 1s linear 2.3s;transition:fill 1s linear 2.3s}svg.active .nu-loader-elem-16{fill:rgb(0,0,0)}svg .nu-loader-elem-17{fill:transparent;-webkit-transition:fill 1s linear 2.4000000000000004s;transition:fill 1s linear 2.4000000000000004s}svg.active .nu-loader-elem-17{fill:rgb(0,0,0)}svg .nu-loader-elem-18{fill:transparent;-webkit-transition:fill 1s linear 2.5s;transition:fill 1s linear 2.5s}svg.active .nu-loader-elem-18{fill:rgb(0,0,0)}

/* =======================
========================== 
-------------------------- 
-----> HEADER
-------------------------- 
========================== 
======================= */

/* ------ */
/* COMMON */
/* ------ */
.header-space {
    height: 75px !important;
}
.site-header .logo-block {
    height: 75px;
}
.site-header.dark-color {
	background: #fff;
}

/* ---- */
/* LOGO */
/* ---- */
.site-logo img {
    min-width: 200px;
    max-width: 250px;
}

/* ------ */
/* SHADOW */
/* ------ */
.site-header, .site-header.fixed {
	box-shadow: 0 2px 2px #DDD;
}
.site-header, .site-header .row {
    min-height: 75px;
}
.nu-footer.site-footer {
	box-shadow: 0 -2px 2px #DDD;
}

/* ------ */
/* BUTTON */
/* ------ */
.nu-header-link {
	display: block;
	position: relative;
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.nu-header-link a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;	
	color: #231f20;	
	cursor: pointer;
}
.nu-header-link a .nu-header-hexa {
	display: inline-block;
	position: relative;	
	width: 50px;
	height: 50px;
	background-image: url('https://www.nutislab.com/wp-content/uploads/2019/10/contour-noir-medium-2-1.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    vertical-align: top;	
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.nu-header-link:hover a .nu-header-hexa {
	-webkit-transform: rotate(180deg) scale(1);
    -moz-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
}
.nu-header-link a i {
	display: block;
	position: absolute;
	font-size: 24px;
	color: #231f20;	
	top: 13px;
	left: 13px;
}
.nu-header-link a span {
	display: inline-block;
	position: relative;
	height: 100%;	
	vertical-align: top;
	background-color: #231f20;
	color: #fff;
	padding: 2px 10px 2px 10px;
	border-radius: 60px;
	margin: 27px 0 0 -20px;
	font-size: 14px;
}
.nu-header-link:hover a span {
	-webkit-animation: shadow-drop-2-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: shadow-drop-2-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------- */
/* BUTTON MENU */
/* ----------- */
.nu-header-link.nu-hl-menu {
	z-index: 2;
}
.nu-hl-menu .vc-material-close {
	display: none;
}
.navigation.active ~ .nu-hl-menu a {
	color: #fff;
}
.navigation.active ~ .nu-hl-menu a .nu-header-hexa {
	background-image: url('https://www.nutislab.com/wp-content/uploads/2019/10/contour-blanc-medium.svg');
}
.navigation.active ~ .nu-hl-menu a i {
	color: #fff;
}
.navigation.active ~ .nu-hl-menu a .vc-material-close {
	display: block;
}
.navigation.active ~ .nu-hl-menu a .vc-material-menu {
	display: none;
}
.navigation.active ~ .nu-hl-menu a span {
	background-color: #fff;
	color: #231f20;
}

/* =======================
========================== 
-------------------------- 
-----> FOOTER
-------------------------- 
========================== 
======================= */
.nu-footer.site-footer {
	background-image: linear-gradient(to right bottom, #5FA6DB 0%, #903F98 100%);
	color: #fff;
}
.nu-footer.site-footer .nu-footer-desc p {
	font-size: 13px;
	line-height: 16px;
	text-align: justify;
}
.nu-footer.site-footer .copyright {
    font-size: 14px;
	margin-top: 10px;
	text-align: center;
	color: #fff;
}
.nu-footer.site-footer .copyright a {
	color: #fff;
}
.nu-footer.site-footer .copyright a:hover {
	color: #231F20;
}
.nu-footer.site-footer .widget .widget-title {
    text-transform: none;
    margin: 0px 0 30px;
    color: #fff;
    text-decoration: underline;
    font-size: 22px;
}
.nu-footer.site-footer .widget.widget_nav_menu .menu > li > a {
	font-size: 15px;
}
.nu-footer.site-footer .nu-footer-contact.widget .contact-row i {
	color: #fff;
}
.nu-footer.site-footer .nu-footer-contact.widget .contact-row a {
	color: #fff;
}
.nu-footer.site-footer .nu-footer-contact.widget .contact-row a:hover {
	color: #231f20;
}
.nu-footer.site-footer .widget_nav_menu {
	text-align: center;
}
.nu-footer.site-footer .sbi_follow_btn a {
	padding: 8px 4px;
	border-radius: 60px;
}
/* =======================
========================== 
-------------------------- 
-----> HOME
-------------------------- 
========================== 
======================= */

/* Line background */
.nu-line::before {
	content: ' ';
	display: block;
	position: absolute;
	width: 3px;
	height: 100%;
	background-image: linear-gradient(to bottom, #5fa6db, #4d97d6, #4087d1, #3878ca, #3767c2, #425ebc, #4c54b5, #554aad, #6245a8, #6e40a2, #783b9b, #803594);
	top: 80px;
	left: 150px;
	z-index: 0;
	opacity: 0.4;
}
.nu-start-line::after {
	content: ' ';
	display: block;
	position: absolute;
	width: 11px;
	height: 11px;
	border: 5px solid #5FA6DB;
	border-radius: 100%;
	background-color: #5FA6DB;
	top: 69px;
	left: 146px;
	z-index: 0;
	opacity: 0.4;
}

/* ------------- */
/* HOME CAROUSEL */
/* ------------- */

/* Navigation */
.nu-swiper-navigation {
	position: absolute;
	width: 100%;
	min-height: 100%;
}
.nu-swiper-navigation > .nu-swiper-navigation-container {
	position: relative;
	width: 100%;
	height: 100%;
}
.nu-swiper-navigation > .nu-swiper-navigation-container > .nu-swiper-navigation-button {
	position: absolute;
	content: ' ';
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	z-index: 10;
	bottom: 3em;
	-webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    transition: transform .5s;
    cursor: pointer;
}
.nu-swiper-navigation > .nu-swiper-navigation-container > .nu-swiper-navigation-button:hover {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
}
.nu-swiper-navigation > .nu-swiper-navigation-container > .nu-swiper-navigation-button.prev {	
	background-image: url('https://www.nutislab.com/wp-content/uploads/2019/10/fleche_gauche.svg');
	left: 3em;	
}
.nu-swiper-navigation > .nu-swiper-navigation-container > .nu-swiper-navigation-button.next {
	background-image: url('https://www.nutislab.com/wp-content/uploads/2019/10/fleche_droite.svg');
	right: 3em;
}
.nu-swiper-navigation > .nu-swiper-navigation-container > .nu-swiper-navigation-button.swiper-button-disabled {
	display: none !important;
}

/* Model 3D */
.nu-home .categories-carousel .swiper-slide .img {
	height: 50% !important;
	width: 100%;
	top: 0;
	left: 0;
	background-position: 50% 50%;
}
.nu-home .categories-carousel .swiper-slide:hover .img {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    -ms-transition: opacity 1.5s;
    -webkit-transition: opacity 1.5s;
    transition: opacity 1.5s;
}
.nu-home .categories-carousel .swiper-slide .img > canvas {
	display: block;
	margin: auto;
	z-index: 5;
	background-color: transparent;
	position: relative;
}

/* Slides */
.nu-home .categories-carousel .swiper-slide {
	padding: 0;
	background-color: transparent;
	background-image: none;
	background-size: cover;
}
.nu-home .categories-carousel .swiper-slide:nth-child(4n-3) {
	background-image: url('https://www.nutislab.com/wp-content/uploads/2019/10/1_BLANC.jpg');
}
.nu-home .categories-carousel .swiper-slide:nth-child(4n-2) {
	background-image: url('https://www.nutislab.com/wp-content/uploads/2019/10/2_BLANC.jpg');
}
.nu-home .categories-carousel .swiper-slide:nth-child(4n-1) {
	background-image: url('https://www.nutislab.com/wp-content/uploads/2019/10/3_BLANC.jpg');
}
.nu-home .categories-carousel .swiper-slide:nth-child(4n) {
	background-image: url('https://www.nutislab.com/wp-content/uploads/2019/10/4_BLANC.jpg');
}
.nu-home .categories-carousel .swiper-slide:hover {
	background-image: linear-gradient(to bottom, #5fa6db, #4d97d6, #4087d1, #3878ca, #3767c2, #425ebc, #4c54b5, #554aad, #6245a8, #6e40a2, #783b9b, #803594);
}

/* Title */
.nu-home .categories-carousel .swiper-slide .content .title {
	color: #231f20;
	font-size: 48px;
	text-shadow: 2px 3px rgba(255, 255, 255,0.8);
	padding-right: 25px;
	padding-left: 50px;	
	margin-bottom: 32px;
}
.nu-home .categories-carousel .swiper-slide:hover .content .title {
	text-shadow: 5px 5px rgba(0, 0, 0, 0.3);
	color: #fff;
}
.nu-home .categories-carousel .swiper-slide .content .title::before {
	content: ' ';
	display: block;
	width: 80px;
	height: 80px;
	background-image: url('https://www.nutislab.com/wp-content/uploads/2019/10/contour-noir.svg');
	background-repeat: no-repeat;
	position: absolute;
	top: -4px;
	left: 25px;
	z-index: -1;
}

/* Content */
.nu-home .categories-carousel .swiper-slide .content {    
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    transition: transform .5s;
    width: 100%;
    padding: 0;
    color: #231f20;
}
.nu-home .categories-carousel .swiper-slide:hover .content {
	-webkit-transform: translateY(40%) scale(1);
    -moz-transform: translateY(40%) scale(1);
    transform: translateY(40%) scale(1);
}
.nu-home .categories-carousel .swiper-slide .content .desc {
	font-size: 16px;
	margin: 0 1em 2.5em 2em;
	background-color: #fff;
	padding: 6px;
	-webkit-animation: shadow-drop-2-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	-moz-animation: shadow-drop-2-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: shadow-drop-2-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.nu-home .categories-carousel .swiper-slide:hover .content .desc {
	background-color: transparent;
	color: #fff;
	padding: 0;
	-webkit-animation: none;
	-moz-animation: none;
	animation: none;
}

/* Button */
.nu-home .categories-carousel .swiper-slide .content .nu-btn {
	-webkit-animation: shadow-drop-2-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	-moz-animation: shadow-drop-2-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: shadow-drop-2-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	margin-right: 25px;
	margin-left: 50px;
}

/* ------------- */
/* ICONES */
/* ------------- */
.nu-home-icons .wpb_column .wpb_single_image .vc_figure, .nu-home-icons .wpb_column .wpb_single_image .vc_figure .vc_single_image-wrapper {
	width: 100%;
}
.nu-home-icons .wpb_column .wpb_single_image .vc_single_image-img {
	-webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    transition: transform .5s;
    width: 100%;
    max-width: 150px;
	min-width: 50px;
}
.nu-home-icons .wpb_column:hover .wpb_single_image .vc_single_image-img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
}
.nu-home-icons .heading-block h3.h {
	font-weight: 400;
	font-size: 20px;
}

/* ------------- */
/* TABS */
/* ------------- */

.vertical-tabs .tabs-nav .swiper-pagination-bullet::before {
	background: linear-gradient(to right, #5FA6DB 0%, #903F98 100%);
}
.vertical-tabs .tabs-nav .swiper-pagination-bullet:not(.swiper-pagination-bullet-active), .vertical-tabs .tabs-nav .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    color: #fff;
}
.vertical-tabs .tabs-nav .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: linear-gradient(to right, #5FA6DB 0%, #903F98 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.vertical-tabs .swiper-container .tab-item p {
	text-align: justify;
}

/* ------------- */
/* VIDEO */
/* ------------- */

.nu-home-video .video-block .content {
    max-width: 800px;
	padding: 0 20px;
}
.nu-home-video .video-block .content .play-button {
	position: relative;
	left: unset;
	bottom: unset;
	margin-top: 40px;
	background: #fff;
	display: none !important;
}
.nu-video-exercice .video-block .content .play-button {
	position: relative;
	left: unset;
	bottom: unset;
	margin-top: 40px;
	background: #fff;
}
.nu-home-video .video-block .content .play-button > span > i, .nu-video-exercice .video-block .content .play-button > span > i {
	color: #231f20;
	position: relative;
	display: block;
	margin: 11px 0;
	font-size: 28px;
}
.nu-home-video .video-block .content .text-t1 {
	font-size: inherit;
}

.nu-video-exercice .wpb_raw_code {
	
}
.nu-video-exercice .wpb_raw_code .video-wrapper {
	
}
.nu-video-exercice .wpb_raw_code .video-wrapper > iframe.pswp__video {
	display: block;
	margin: auto;
	width: 960px;
	height: 650px;
}

/* =======================
========================== 
-------------------------- 
-----> PRODUITS
-------------------------- 
========================== 
======================= */

/* ------------- */
/* PAGE STYLE */
/* ------------- */

.project-split-screen .screen-item .item-right::after {
	display: none !important;
}

.split-screen .screen-item .item-right {
	background-size: cover;
}
.project-split-screen .nu-screen-item .heading-block {
    margin: 0 0 0;
}
.project-split-screen .nu-screen-item .heading-block .h > span > img {
	display: none !important;
}

.project-split-screen .screen-item.nu-screen-item .item > .content {
	flex: 0 0 88%;
	position: relative;
}
.project-split-screen .screen-item.nu-screen-item.left .item > .content {
	padding: 50px 60px 50px 10px;
	margin-left: auto;
}
.project-split-screen .screen-item.nu-screen-item.right .item > .content {
	padding: 50px 10px 50px 60px;
	margin-right: auto;
}
.project-split-screen .screen-item.nu-screen-item > img {
	display: none;
}

/* ------------- */
/* MISC */
/* ------------- */
.nu-split-screen.project-split-screen.split-screen .controls {
	padding-right: 0;
	right: 0;
}
.nu-split-screen.project-split-screen.split-screen .controls .nav-arrows {
	right: 15px;
}
.nu-split-screen.project-split-screen .nav-arrows .next, .nu-split-screen.project-split-screen .nav-arrows .prev {
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	opacity: 0.6;
	width: 40px;
	height: 40px;
	border: none;
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.nu-split-screen.project-split-screen .nav-arrows .next:hover, .nu-split-screen.project-split-screen .nav-arrows .prev:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.nu-split-screen.project-split-screen .nav-arrows .next::before, .nu-split-screen.project-split-screen .nav-arrows .prev::before {
	content: '';
	display: none;
}
.nu-split-screen.project-split-screen .nav-arrows .prev {
	background-image: url('https://www.nutislab.com/wp-content/uploads/2019/11/fleche_haut.svg');
}
.nu-split-screen.project-split-screen .nav-arrows .next {
	background-image: url('https://www.nutislab.com/wp-content/uploads/2019/11/fleche_bas.svg');
}
.nu-split-screen .nu-number-item {
	position: absolute;
	top: -4em;	
}
.nu-split-screen .left .nu-number-item {	
	left: -4em;
}
.nu-split-screen .right .nu-number-item {
	right: -4em;
}
.nu-split-screen .nu-number-item span {
	font-weight: 600;
	font-size: 8em;
	background: linear-gradient(to right, #5FA6DB 0%, #903F98 100%);
    background-clip: border-box;
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 0px;
	opacity: 0.4;
}
.nu-split-screen .items .screen-item:first-child .item-left .content::after {
	content: ' ';
	background-image: url('https://www.nutislab.com/wp-content/uploads/2019/11/fleche_bas.svg');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 70px;
	height: 70px;
	position: absolute;
	display: none;
	opacity: 0.3;
}

/* ------------- */
/* TEXT */
/* ------------- */
.nu-product-page p {
	text-align: justify;
}
.nu-product-page .wpb_text_column ul {
    margin: 5px 0 0 20px;
    font-weight: 400;
}
.nu-product-page .wpb_text_column ul li {
    padding-left: 20px;
    margin: 4px 0;
}
.nu-product-page .wpb_text_column ul li::before {
    content: '';
    width: 15px;
    height: 15px;
    background-image: url('https://www.nutislab.com/wp-content/uploads/2019/10/forme-pleine-degrade.svg');
    background-repeat: no-repeat;
    background-color: transparent;
    border-radius: 0;
    position: absolute;
    top: 6px;
    left: 0;    
}
.nu-product-page .nu-btn {
	padding: 4px 4px;
}

/* ------------- */
/* TOGGLE */
/* ------------- */
.nu-toggle.vc_toggle .vc_toggle_title h4 {
	font-size: 18px;
}

/* =======================
========================== 
-------------------------- 
-----> RESPONSIVE
-------------------------- 
========================== 
======================= */

/* CUSTOM SIDE MENU */
@media only screen and (min-width: 0px) {
	.page .admin-bar .site-header .navigation {
    	top: 32px;
	}
	.page .site-header .navigation {
	    position: fixed;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    z-index: 20;
	    padding: 75px 0 15px;
	    width: 100%;
	    max-width: 1920px;
	    overflow-y: auto;
	    margin-right: 0;
	    -webkit-transform: translateX(100%);
	    -ms-transform: translateX(100%);
	    transform: translateX(100%);
	    border: none;
	    z-index: 1;
	    height: 100vh;
	    background: rgba(35,31,32,0.95);
		color: #fff;
	}
	.page .site-header .navigation .menu {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    -webkit-box-align: start;
	    -webkit-align-items: flex-start;
	    -ms-flex-align: start;
	    align-items: flex-start;
	    max-width: 420px;
	    margin: auto;
	}
	.page .site-header .navigation .menu > li {
	    -webkit-box-flex: 1;
	    -webkit-flex: 1 0 100%;
	    -ms-flex: 1 0 100%;
	    flex: 1 0 100%;
	    height: auto;
	    margin: 0 !important;
	    width: 100%;
	    -webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	}
	.page .site-header .navigation .menu > li > a {
	    height: auto !important;
	    padding: 20px 25px;
	    width: 100%;
	    display: block;
	    margin: auto;
		text-align: center;
	}
	.page .site-header .navigation .menu > li > a > span {
		display: inline-block;
		font-size: 26px;
		line-height: 30px;
		background: linear-gradient(to right bottom, #5FA6DB 0%, #903F98 100%);
		background-clip: border-box;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
}

/* VIEWPORT > 991PX */
@media only screen and (max-width: 991px) {
	.vertical-tabs .tabs-nav .swiper-pagination-bullet::before {
	    top: unset !important;
	    margin-top: 0 !important;
	    bottom: 0 !important;
	}
	.project-split-screen .screen-item.nu-screen-item {
		min-height: 0;
	}
	.project-split-screen .screen-item.nu-screen-item .item > .content {
		flex: 0 0 100%;
		padding: 50px 20px !important;
		margin: 0 !important;
	}
	.project-split-screen .screen-item.nu-screen-item > img {
	    display: block;
	    width: 100%;
	    max-width: 320px;
	    height: auto;
	    min-height: 0;
	    max-height: 360px;
	    margin: 0 auto 80px auto;
	}
	.project-split-screen .screen-item.nu-screen-item .item.item-left .heading-block .h {
		text-align: center !important;
	}
	.project-split-screen .screen-item.nu-screen-item .item.item-left .heading-block h1 span {
		display: block;
		width: 100%;
	}
	.nu-split-screen .left .nu-number-item {
		left: 1em;
	}
	.nu-split-screen .right .nu-number-item {
		right: 1em;
	}
	.nu-split-screen .nu-number-item {
		top: -2em;
	}
	.nu-split-screen .nu-number-item span {
		font-size: 6em;
	}
	.nu-video-exercice .wpb_raw_code .video-wrapper > iframe.pswp__video {
		width: 680px;
		height: 450px;
	}
}

/* VIEWPORT > 828PX */
@media only screen and (max-width: 828px) {
	.nu-header-link a .nu-header-hexa {
		vertical-align: middle;
	}
	.nu-header-link a span {
		display: none;
	}
}

/* VIEWPORT > 767PX */
@media only screen and (max-width: 767px) {
	.vertical-tabs .tabs-nav .swiper-pagination-bullet {
	    display: block;
	    width: 100%;
	}
	.nu-video-exercice .wpb_raw_code .video-wrapper > iframe.pswp__video {
		width: 480px;
		height: 320px;
	}
}

/* VIEWPORT > 575PX */
@media only screen and (max-width: 575px) {
	/* Slides */
	.nu-home .categories-carousel .swiper-slide {
		background-image: linear-gradient(to bottom, #5fa6db, #4d97d6, #4087d1, #3878ca, #3767c2, #425ebc, #4c54b5, #554aad, #6245a8, #6e40a2, #783b9b, #803594) !important;
	}
	.full-height {
	    height: auto !important;
	    min-height: 80vh !important;
	}
	.nu-home .categories-carousel .swiper-slide .img {
		opacity: 1 !important;
		visibility: visible !important;
	}
	/* Title */
	.nu-home .categories-carousel .swiper-slide .content .title {
		text-shadow: 5px 5px rgba(0, 0, 0, 0.3);
		color: #fff;
	}	
	/* Content */
	.nu-home .categories-carousel .swiper-slide .content {
		-webkit-transform: none;
	    -moz-transform: none;
	    transform: none;
	}
	.nu-home .categories-carousel .swiper-slide:hover .content {
		-webkit-transform: none;
	    -moz-transform: none;
	    transform: none;
	}
	.nu-home .categories-carousel .swiper-slide .content .desc {
		background-color: transparent;
		color: #fff;
		padding: 0;
		-webkit-animation: none;
		-moz-animation: none;
		animation: none;
	}
	/* Button */
	.nu-home .categories-carousel .swiper-slide .content .nu-btn:hover span {
		background-color: #fff;
		color: #231f20;
	}
	.nu-home .categories-carousel .swiper-slide .content .nu-btn:hover span::after {
		content: url('https://www.nutislab.com/wp-content/uploads/2019/10/interieur-logo.svg');
	}
	/* Navigation */
	.nu-swiper-navigation > .nu-swiper-navigation-container > .nu-swiper-navigation-button {
	    bottom: 1vh;
	}
}

/* VIEWPORT > 494PX */
@media only screen and (max-width: 494px) {
	.site-header .right > * {
	    margin: 0 !important;
	}
	.nu-video-exercice .wpb_raw_code .video-wrapper > iframe.pswp__video {
		width: 320px;
		height: 230px;
	}
}

/* VIEWPORT > 419PX */
@media only screen and (max-width: 419px) {
	.header-space {
	    height: 130px !important;
	}
	.site-header {
	    min-height: 130px !important;
	}	
	.site-header .logo-block, .site-header .right {
		margin: auto;
	}	
	.page .site-header .navigation {
		padding-top: 130px !important;
	}
}