@charset "UTF-8";
/*------------------------------------------------------------------
Project:	CoreMaker
Version:	7.2
Last change:	05/05/2019
-------------------------------------------------------------------*/

@import url("bb4.core.css");
@import url("pluggins.css");

/*@import url("cursor.css");*/

/*@import url("paypalcart-shop.css");*/
/*@import url("../fonts/stylesheet.css ");*/
@import url("../fonts/flaticon.css");

/*------------------------------------
  	Default Styles
	------------------------------------*/

    input:focus{ background-color:none; }
    input:-webkit-autofill{
        -moz-box-shadow: 0 0 0 1000px white inset;
        -webkit-box-shadow: 0 0 0 1000px white inset;
        box-shadow: 0 0 0 1000px white inset;
    }

	/* 
    html { font-size: 12px; }
	body {
	  font-weight: 400;
	  font-size: 1rem;
      font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	  line-height: 1.2;
	  color: #1b1e24;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  -moz-font-feature-settings: "liga", "kern";
	  text-rendering: optimizelegibility;
	}

    */

    p { line-height: 1.8;}
	figure { margin-bottom: 0; }
	hr { border-color: #e6e7e9; }
	figure { margin-bottom: 0; }
	.img-fluid, .fullwidth, .fullwidthimg { width: 100%; height: auto; }
	
	[role=button] {  cursor: pointer; }
	.disable-hover, .disable-hover * { pointer-events: none !important; }
	.clearlist, .clearlist li { list-style: none; padding: 0; margin: 0; background: none; }
	.clearfix:before, .clearfix:after { content: ''; display: table; }
	.clearfix:after { clear: both; }
	.clear { clear:both; }

	.container { width: 100%; max-width: 2800px; padding-left: 0; padding-right: 0; margin-right: auto; margin-left: auto; z-index: 111;}
	.container-fluid { width: 86%; max-width: 1600px; padding-left: 15px; padding-right: 15px; margin-right: auto; margin-left: auto; z-index: 111;}

	a { text-decoration: none; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; }
	a:hover { text-decoration: none; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; }
	a:focus { text-decoration: none; outline: none; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; }
	p { line-height: 1.4; }
	figure { margin-bottom: 0; }
	.img-fluid, .fullwidth, .fullwidthimg { width: 100%; height: auto; }

    #sb-site {
		position: absolute;
		top: 0;
		left: 0;
		min-height: 100%;
		display: block;
		padding-left: 0px;
		overflow-x: hidden !important;
		overflow-y: auto;
		z-index: 1;
	}

	a { color: #141616; }

	.container { position: relative; width: 100%; max-width: 2800px; padding-left: 0; padding-right: 0; margin-right: auto; margin-left: auto; z-index: 111;}
	.container-fluid { width: 92%; max-width: 2800px; padding-left: 15px; padding-right: 15px; margin-right: auto; margin-left: auto; z-index: 111;}

	[canvas=container], [off-canvas] { padding: 0px 0px; }
	[class*=js-] { cursor: pointer; }

	[canvas="container"] {
  		overflow-y: visible !important;
	}
	.custom-fixed-width { width: 280px; }
	.custom-fixed-height { height: 80px; }
	.custom-fluid-width { width: 50%; }
	.custom-responsive-width, .custom-fluid-full { width: 100%; }
	.custom-fluid-fullheight { width: 100%; height: 90%; }
	.custom-fluid-fullheight { width: 100%; height: 50%; }
	
	.custom-duration-200 { -webkit-transition-duration: 200ms; transition-duration: 200ms; }
	.custom-duration-400 { -webkit-transition-duration: 400ms; transition-duration: 400ms; }
	.custom-duration-600 { -webkit-transition-duration: 400ms; transition-duration: 400ms; }
	
	@media ( min-width: 769px ) { 
		.custom-fluid-width, .custom-fluid-full { width: 90%!important; }
		.custom-fluid-width { width: 50% !important; }
		.custom-fixed-width { width: 280px; }
	}

	@media ( max-width: 768px ) {
  		.custom-fluid-width, .custom-fluid-full { width: 90%!important; }
		.custom-fixed-width { width: 280px; }
	}


/*---------------------------------------------- 

	04. EASY COOKIES

	------------------------------------------------*

	#easyCookie { display: none; bottom:0;right:0;z-index:50;width:60%;padding:30px 20px;box-sizing:border-box; background-color: #000;}
	#easyCookie.active { display: block; }
	#easyCookie > div {display:table;width:100%;}
	#easyCookie.ec-fixed {position:fixed;}
	#easyCookie.ec-fixed.ec-top {bottom:inherit;top:0;}
	#easyCookie a {text-decoration:none;box-shadow:none;outline:none;}
	#easyCookie .ec-infos {display:table-cell;vertical-align:middle;font-size:11px;line-height:16px;color:#fff;}
	#easyCookie.ec-icon .ec-infos {padding-left:40px;background-repeat:no-repeat;background-size:30px 30px;
		background-position:left center;background-image:url(../../../images/FA-cookies-white.png);}
	#easyCookie .ec-btns {display:table-cell;vertical-align:middle;font-size:0;text-align:right;}
	#easyCookie.ec-double-btn .ec-btns {width:300px;}
	#easyCookie .ec-btns > a {display:inline-block; box-sizing:border-box; margin-right: 20px;}
	#easyCookie .ec-btns > a:not(.ec-empty):hover {opacity:0.9;}

	@media only screen and (max-width:767px) {
	  	#easyCookie .ec-infos {display:block;text-align:center;margin:5px 0;}
	  	#easyCookie.ec-icon .ec-infos {padding-left:0;background-image:none !important;}
	  	#easyCookie .ec-btns {display:block;width:100% !important;text-align:center;}
	}


/*----------------------------------
	Colors
	------------------------------------*/

	.bg-black { background-color: #000 !important; }
	.bg-white { background-color: #fff !important; }
	.bg-typos { background-color: #111 !important; }	

	.text-black { color: #000 !important ; }
	.text-white { color: #fff !important; }
	.text-typos { color: #111 !important; }


/*----------------------------------
	Raccourcis
	------------------------------------*/

	.z900 { z-index: 900; }
	.z800 { z-index: 800; }
	.z700 { z-index: 700; }
	.z0 { z-index: 0; }

	/* opacity */
	.opacity-0 {opacity:.0 !important}
	.opacity-1 {opacity:.1 !important}
	.opacity-2 {opacity:.2 !important}
	.opacity-3 {opacity:.3 !important}
	.opacity-4 {opacity:.4 !important}
	.opacity-5 {opacity:.5 !important}
	.opacity-6 {opacity:.6 !important}
	.opacity-7 {opacity:.7 !important}
	.opacity-8 {opacity:.8 !important}
	.opacity-9 {opacity:.9 !important}
	.opacity-10 {opacity:1 !important}

	.valign { position:absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
	.valign-top { position:absolute; top:0px; width: 100%; }
	.valign-bottom { position:absolute; bottom:0; width: 100%; }
	.valign-bottom-20 { position:absolute; bottom:5%; width:100%; z-index:5;}

	.center-content { width:100%; min-height: 1vh; display: flex; justify-content: space-around; align-items: center; }
	.center-col {float:none; margin-left:auto; margin-right:auto }
	.display-none {display:none !important}

	.display-flex { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-inline-flexbox; display: -moz-flex; display: -webkit-inline-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-flow: row wrap; -moz-flex-flow: row wrap; -o-flex-flow: row wrap;}
	.display-flex > div:nth-of-type(1) { order: 2;-webkit-order:2;-moz-order:2;-ms-order:2}
	.display-flex > div:nth-of-type(2) {order: 1;-webkit-order:1;-moz-order:1;-ms-order:1}
	.display-flex > div:nth-of-type(3) { order: 3;-webkit-order:3;-moz-order:3;-ms-order:3}

	/* verticle align */
	.vertical-align-middle {vertical-align: middle;}
	.vertical-align-top {vertical-align: top;}
	.vertical-align-bottom {vertical-align: bottom;}
	.vertical-middle {-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);   position: absolute; top: 50%; left:0; right: 0}
	.clear-both{ clear:both}
	.line-break { display:block;}

	/*float*/
	.float-left{float: left !important}
	.float-right{float: right !important}
	.float-none{float: none !important}

	/* Separators */
	hr { border-color: #e6e7e9; }

	.striped { position: relative; margin-left: 20px; width: 30px; height: 1px; background-color: #0d0d0d; display: inline-block; line-height:14px; vertical-align: middle; }
	.striped-white { position: relative; margin-left: 20px; width: 30px; height: 1px; background-color: #fff; display: inline-block; line-height:14px; vertical-align: middle; }

	/* home - classic web agency *
	.after-black-separator:after {width: 35px; margin: 0 15px; height: 1px; background: rgba(0,0,0,.5); content: ""; display: inline-block; vertical-align:middle;}
	.after-white-separator:after {width: 35px; margin: 0 15px; height: 1px; background: rgba(255,255,255,.2); content: ""; display: inline-block; vertical-align: middle;}

	.afbe-black-separator:before, .afbe-black-separator:after {width: 35px; margin: 0 15px; height: 2px; background: rgba(0,0,0,.5); content: ""; display: inline-block; vertical-align: super;}
	.afbe-white-separator:before {width: 60px; margin: 5 0 0 0px; height: 5px; background: #fff; content: ""; display: inline-block; vertical-align: super;}

	/* separator *
	.separator-line-verticle-large { width:1px; height:20px; margin: auto; margin-top: 10px; background-color:#000;}

	.rounded-md { border-radius: .625rem; }

	.box-shadow { box-shadow: 0 0.2rem 1.25rem 0 rgba(27, 30, 36, 0.07); }
	.box-shadow-lg { box-shadow: 0 0.4rem 2.2rem 0 rgba(27, 30, 36, 0.1); }

	.ver-center { 	position: absolute; top: 50%; left: 0; right: 0;
  					transform: translate3d(0, -50%, 0);
	}
	.ver-bottom { 	position: absolute; left: 50%; bottom: 0;
  					transform: translate3d(-50%, 0, 0);
	}


/*----------------------------------
	Headings & Typographie
	------------------------------------*/


	.h1, .h2, .h3, .h4, .h5, .h6, .h7, 
	h1, h2, h3, h4, h5, h6 { line-height: 1.2; }

	.display-1, .display-2, .display-3, .display-4 { margin-bottom: 0.75rem; }
	.titre-big, .text-big, .display-1 { font-size: 8rem;; line-height: 0.8;}
	.titre-huge, .titre-error, .display-2 { font-size: 6rem;; line-height: 0.8;}
	.titre-large, .text-large, .display-3 { font-size: 2.6rem; line-height: 1.1; }
	.titre-medium, .text-medium, .display-4 { font-size: 1.7rem; line-height: 1.2; }
	.titre-small, .text-small, .display-5 { font-size: 1.2rem;  line-height: 1.1; }
	.titre-xsmall, .text-xsmall, .display-6 { font-size: 0.8rem; line-height: 1.1; }

	.badge {
		display: inline-block;
		padding: .25em .4em;
		font-size: 12px;
		font-weight: 700;
		line-height: 1;
		vertical-align: super;
		border-radius: .2rem;
	}

	.lead { font-size: 1.25rem; font-weight: 300; line-height: 1.2; }

/*	.small, .small, .small a { font-size: 60%;}*/
	.big { font-size: 120%;}
	.italic, em { font-style: italic;}
	.bold, .strong, b { font-weight: 700;}
	.serif.bold, .serif.strong, .serif b { font-weight: 700;}
	.light { font-weight: 300;}
	.uppercase, .text-uppercase { text-transform: uppercase;}
	.lowercase { text-transform:lowercase;}
	.capitalize { text-transform: capitalize;}
	.letterspace { letter-spacing: 0.6em; }

	.text-center { text-align:center !important;}
	.text-left { text-align:left !important; margin: 0;}
	.text-right { text-align:right !important; margin: 0;}

	/* font weight */
	.font-weight-100 {font-weight:100}
	.font-weight-200 {font-weight:200}
	.font-weight-300 {font-weight:300}
	.font-weight-400 {font-weight:400}
	.font-weight-500 {font-weight:500}
	.font-weight-600 {font-weight:600}
	.font-weight-700 {font-weight:700}
	.font-weight-900 {font-weight:900}

	.spacing-10 {letter-spacing: .1em; }
	.spacing-20 {letter-spacing: .2em; }



/* MainNav Bar
    -------------------------------------------------------------------*
	.mainnav-right {  float: right; }
    .mainnav-right a { padding-left: 2rem; }
	.mainnav-left {  float: left; }
	.mainnav-left a { padding-right: 2rem;}

	.mainnav { display: inline-block; position: relative; text-align: left; float: right;}
	.mainnav ul { margin: 5px 0px; padding:0px;}
	.mainnav li { margin-right: 60px; margin-left: 0px; list-style:none; display:inline-block; color:#999; font-size:13px; margin-bottom:0; line-height:30px; position:relative; }
	.mainnav li::after { width: 10px; height: 1px; position: absolute; content: ""; background-color: rgba(255,255,255,1.00); left: -40px; bottom: 15px; }
	.mainnav li:first-child::after { display:none; }
	.mainnav li:last-child { margin-right: 0px; }
	.mainnav li a { color: #fff; font-size:12px; text-transform: uppercase; letter-spacing: 1.2;  font-weight: 400; display: block; 
					-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
	.mainnav:hover li a { color: #ccc; }
	.mainnav li a:hover { color: #003cfb; }

	.mainnav .mn-sub, .mainnav .mn-sub.js-closed {  
		width: 160px; position: absolute; left: 0px; padding: 5px; height:auto; min-height: 10px;
		margin: 0px 0px; background-color:#fff; margin-top: 0px; opacity: 0;
		-webkit-transition: all .8s linear; -moz-transition: all .8s linear; -ms-transition: all .8s linear; -o-transition: all .8s linear; transition: all .8s linear;
	}

	.mainnav .mn-sub.js-opened { display: block; opacity: 1; height:auto; min-height: 60px;
		-webkit-transition: all .8s linear; -moz-transition: all .8s linear; -ms-transition: all .8s linear; -o-transition: all .8s linear; transition: all .8s linear;
	}

	.mainnav .mn-sub-multi { min-width: 500px; left: -200px; }

	/* Sub Menu --------------------------------------- *
    .mainnav .mn-sub li, .mainnav .mn-sub-multi li { height: auto; width: 100%; margin: 0; padding: 0; }
    .mainnav .mn-sub-title { text-transform: uppercase; font-size: 10px; letter-spacing: 0.1em; 
        color: #555; display: block; font-weight: 700; margin: 0px; padding: 5px 0px 5px 5px; opacity: 1;}
    .mainnav ul li ul li a { font-size: 11px; font-weight: 400; text-decoration: none; letter-spacing: 0em; text-transform:none;
        color: #555; display: block; float: left; margin: 0px; padding: 8px 0px 2px 5px; width:100%; opacity: 1;}
    .mainnav ul li ul li a:hover, .nmainnav ul li ul li a:active { color: #555; opacity: 1; background-color: transparent}

    
/*----------------------------------
 	Hero header & Sections
	------------------------------------*/

	#hero-header { position: relative; }

	.small-section { padding-top: 2.25rem; padding-bottom: 2.25rem; }
	.small-section-top { padding-top: 2.25rem; }
	.small-section-bottom { padding-bottom: 2.25rem; }	

	.big-section { padding-top: 5.25rem; padding-bottom: 5.25rem; }
	.big-section-top { padding-top: 5.25rem; }
	.big-section-bottom { padding-bottom: 5.25rem; }

	.pages-header { position: relative; padding-top: 14%; }

	.hero { width: 100%; min-height: 118px; z-index: 2; position: relative; top: 0;
 			transition: all ease 0.3s;
	  		-webkit-transition: all ease 0.3s;
	  		-moz-transition: all ease 0.3s;
	  		-ms-transition: all ease 0.3s;
	  		-o-transition: all ease 0.3s;
	}
	.outter{ height: 100%; width: 100%; display: table; }
	.inner{ height: 100%; width: 100%; display: table-cell; vertical-align: middle; overflow: hidden;}

	.hero-title { font-size: 16px; font-weight: 900; font-style: normal; letter-spacing: 1.1px; }
	.subhero-title { font-weight: 900; font-style: normal; letter-spacing: 1px;}
	.hero-text{ font-weight: 400; }

	#hero-styles { width : 100%;}
	.hero-content { z-index: 2; position: relative; width : 100%;}
	.hero-content span.little { font-size: 20px; margin-bottom: 30px; display: inline-block; }

	.hero .down-arrow { margin: 10px 0 25px 0px; color: #fff;}

	.bg-hero-image {
		position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%;
	  	background-position: center center; background-size: cover; 
	}

	#hero-image.animate {
		opacity:1;
		-webkit-transform: scale(1); transform: scale(1);
		-webkit-transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
		transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
	}


	#hero-image {
		position:relative;
		width:100%;
		height:100vh;
		opacity:1;		
		background: center center no-repeat fixed;
		background-size:cover;
	}
	
	#hero-image.bgrelative {
		background: center center no-repeat scroll;
		background-size:cover;
	}

	.bg-img-overlay {
		background-attachment:scroll;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.bg-scroll {
		position: relative;
		width: 100%;
		min-height: 20px;
		z-index: 5;
		display: block;
		overflow: hidden;
		background-attachment:scroll;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.parallax {
		overflow: hidden;
		background-attachment:fixed;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* Hovers & Overlays */

	.bg-img-overlay { position:absolute !important; width:100%; height:100%; top: 0; left: 0; z-index:0; opacity: 1 }




	/* 	Text Link -------------------------------*

	.text-link, .text-link-white { position: relative; padding: 0 0 0.3rem; pointer-events: auto; }
	.text-link, .text-link:focus, .text-link:hover { color: #111 !important; }
	.text-link-white, .text-link-white:focus, .text-link-white:hover { color: #fff !important; }
	.text-link::before { content: ''; position: absolute; background: #000;
		width: 60%; height: 2px; bottom: 0; transform-origin: 0% 50%; transform: scale3d(0.2,1,1); opacity: 1;
		transition: all 0.3s; transition-property: opacity, transform;
	}
	.text-link-white::before { content: ''; position: absolute; background: #fff;
		width: 60%; height: 2px; bottom: 0; transform-origin: 0% 50%; transform: scale3d(0.2,1,1); opacity: 1;
		transition: all 0.3s; transition-property: opacity, transform;
	}
	.text-link:hover::before, .text-link-white:hover::before { opacity: 1; transform: scale3d(1,1,1); }





/*---------------------------------------------- 

	LOGIN PAGE

	------------------------------------------------*/

	.login-wrapper  { height: 100vh; text-align: left; overflow: hidden; position: relative; }
	.login-wrapper .login-container { 
		height: 100vh; 
        width: 45%;
        display: block; 
        position: relative; 
        float: left; 
        background-color: #fff;
		top:0px; 
        margin-left: 5%; 
        padding: 60px 60px;
	}

/*---------------------------------------------- 

	isotope / masonry

	------------------------------------------------*/


    #isotope-wrap {
		position:relative;
		width: 100%;
		display:block;
		height:auto;
		min-height: 100%;
		-webkit-transition: height 0.3s ease-in-out;
		transition: height 0.3s ease-in-out;
	}

	#isotope-wrap:after { content:""; display:table; clear:both; }

	.item .item-content {
		opacity:0;
		position:relative;
		height:100%;
		-webkit-transform: translateY(250px);
		transform: translateY(250px);
		-webkit-transition: all 0s ease;
		transition: all 0s ease;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	.item.in-view .item-content {
		opacity:1;
		-webkit-transform: translateY(0); transform: translateY(0);
		-webkit-transition: all 0.7s ease 0.1s; transition: all 0.7s ease 0.1s;
	}
	
	.item.out-view .item-content {
		-webkit-transform: translateY(-200px); transform: translateY(-200px);
		-webkit-transition: all 0 ease; transition: all 0s ease;
	}
	
	.item.in-view.out-view .item-content {
		-webkit-transform: translateY(0px); transform: translateY(0px);
		-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
	}


	.item-img {
		position: relative;
		width: 100%;
		height: auto;
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: all 0.3s ease;
		transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1);		
		-webkit-transform-style: preserve-3d;
	  	transform-style: preserve-3d;
		overflow: hidden;
		
	}
	
	.item-img img {
		position: relative;
		width: 100%;
		height: auto;
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: all 0.3s ease;
		transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1);
    	transform-origin: center center;
	}

	.item-img.reveal-effect::before
	/*.item.out-view .item-img.reveal-effect::before*/ {
		content: '';
		background-color: #f6f6f6;
		height: 100%;
		position: absolute;
		top: 0;
		width: 100%;
		z-index:666;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		-webkit-transition: all 0.5s ease 0.6s;
		transition: all 0.5s ease 0.6s;
	}

	.in-view .item-img::before
	/*.item.in-view.out-view .item-img::before */{
		width: 0%;
		-webkit-transition: all 0.5s ease 1s;
		transition: all 0.5s ease 1s;
	}

	/*.item-content:hover .item-img {
		transform: translateX(-1.75rem);
	}*/

	.item-content:hover .item-img img {
		opacity: 0.8;
		-webkit-transform: scale(1.1);
    	transform: scale(1.1);
		transform-origin: center center;
	}

	/* OVERLAYS */
	.overlay-caption {
		position: absolute;
		width: 90%;
		height: 90%;
		top: 5%;
		right:5%;
		box-sizing: border-box;
		background-color:rgba(0,0,0,0.7);
		opacity:0;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	
	.overlay-caption:hover {
		opacity:1;
	}
	
	.overlay-caption .outer-caption {
		display: table;
		text-align: center;
		height: 100%;
		width: 100%;
	}
	
	.overlay-caption .inner-caption {
		display:table-cell;
		vertical-align:middle;
	}

	.item-caption {
		position: relative;
		width: 100%;
		padding-top: 15px;
		height: auto;
		box-sizing: border-box;
	}

	.item-caption { 
		transform: translateZ(20px)
	}

	.item-title {
		font-weight: 700;
		font-family: 'Gilroy', sans-serif;
		font-size:24px;
		margin-left:-0px;
		line-height:  1;
	}

	.item-sub-mask {
		height:20px;
		width:auto;
		margin-bottom:5px;
		color:#555;
		overflow:hidden;
		box-sizing:border-box;
	}	

	.item-cat, .item-case {
		font-size: 11px;
		font-weight:400;
		line-height:20px;
		color:#555;
		-webkit-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
	}
	
	.item-content:hover .item-cat {
		margin-top:-20px;		
	}

	/* VISIBLE TEXT */
	.visible-text .item .item-content {
		margin-bottom: 5px !important;
	}

	.visible-text .item .item-caption {
		position: relative;
		width: 100%;
		padding-top: 25px;
		height: auto;
		box-sizing: border-box;
	}

	#isotope-wrap.visible-text {
		padding-bottom:80px;
	}

    #isotope-wrap.scattered .item:nth-child(2n+0) .item-content {
        margin-top: 150px;
    }

    .card-img-top { position: relative; width: 100%; border: none !important;}
    .card-img-top img {width:100%; height: auto ;}

/*	05. Portfolios Home ---------------------------------------------------*

	#home-portfolio .item { width: 100%; height: auto; }
	#home-portfolio .item-content { -webkit-flex: 0 0 36%; -ms-flex: 0 0 36%; flex: 0 0 36%; max-width: 36%; position:relative; }
	#home-portfolio .item-content.large { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

	#home-portfolio .item:nth-of-type(4n+1) .item-content { margin-left:0; }
	#home-portfolio .item:nth-of-type(2n+0) .item-content { margin-left:33%; }
	#home-portfolio .item:nth-of-type(2n+0) .item-content.large { margin-left:25%; }
	#home-portfolio .item:nth-of-type(4n+3) .item-content { margin-left:66%; }
	#home-portfolio .item:nth-of-type(4n+3) .item-content.large { margin-left:50%; }
	#home-portfolio .item:nth-of-type(4n+3) .item-caption { text-align:right; }
	#home-portfolio .item:nth-of-type(4n+0) .item-caption { text-align:right; }

	#portfolios-home .item .item-caption {
		position: absolute;
		/*bottom: -90px;
		margin: 20px;*
	}

	#portfolios-home .item .item-content {
		margin-bottom: 20px !important;
	}

	#portfolios-home {
		position:relative;
		width: 100%;
		min-height: 100%;
		/*overflow-y: hidden;*
		-webkit-transition: height 0.3s ease-in-out;
		transition: height 0.3s ease-in-out;
	}


	/*	05. PAckery Grids ---------------------------------------------------*/

	#grid-packery {
		position:relative;
		width: 100%;
		min-height: 100%;
		/*overflow-y: hidden;*/
		-webkit-transition: height 0.3s ease-in-out;
		transition: height 0.3s ease-in-out;
	}

	#grid-packery .item-content {
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		position:relative;
	}

    /*	GRID 1 COLS ---------------------------------------------------*/

	#isotope-wrap .grid-unecol .grid-sizer,
	#isotope-wrap .grid-unecol .item {
		width: 100%;
		height: auto;
	}

	#isotope-wrap .grid-unecol .item.large {
		width: 100%;
		height: auto;
	}

	#isotope-wrap .grid-unecol .gutter-sizer { width: 0%; }


    /*	GRID 2 COLS ---------------------------------------------------*/

	#isotope-wrap .grid-deuxcols .grid-sizer,
	#isotope-wrap .grid-deuxcols .item {
		width: 49%;
		height: auto;
	}

	#isotope-wrap .grid-deuxcols .item.large {
		width: 49%;
		height: auto;
	}

	#isotope-wrap .grid-deuxcols .gutter-sizer { width: 2%; }

	/*	GRID 3 COLS ---------------------------------------------------*/

	#isotope-wrap .grid-troiscols .grid-sizer,
	#isotope-wrap .grid-troiscols .item {
		width: 32%;
		height: auto;
	}

	#isotope-wrap .grid-troiscols .item.large {
		width: 66%;
		height: auto;
	}

	#isotope-wrap .grid-troiscols .gutter-sizer { width: 2%; }

	/*	GRID 4 COLS ---------------------------------------------------*/

	#isotope-wrap .grid-quatrecols .grid-sizer,
	#isotope-wrap .grid-quatrecols .item {
		width: 23.5%;
		height: auto;
	}

	#isotope-wrap .grid-quatrecols .item.large {
		width: 48%;
		height: auto;
	}

	#isotope-wrap .grid-quatrecols .gutter-sizer { width: 2%; }

	/*	GRID 5 COLS ---------------------------------------------------*/

	#isotope-wrap .grid-cinqcols .grid-sizer,
	#isotope-wrap .grid-cinqcols .item {
		width: 19.2%;
		height: auto;
	}

	#isotope-wrap .grid-cinqcols .item.large {
		width: 40%;
		height: auto;
	}

	#isotope-wrap .grid-cinqcols .gutter-sizer { width: 1%; }

	/*	GRID 6 COLS ---------------------------------------------------*/

	#isotope-wrap .grid-sixcols .grid-sizer,
	#isotope-wrap .grid-sixcols .item {
		width: 16%;
		height: auto;
	}

	#isotope-wrap .grid-sixcols .item.large {
		width: 32%;
		height: auto;
	}

	#isotope-wrap .grid-sixcols .gutter-sizer { width: 2%; }


    @media only screen and ( max-width: 1280px) {
        #isotope-wrap .grid-quatrecols .grid-sizer, #isotope-wrap .grid-quatrecols .item,
        #isotope-wrap .grid-cinqcols .grid-sizer, #isotope-wrap .grid-cinqcols .item,
        #isotope-wrap .grid-sixcols .grid-sizer, #isotope-wrap .grid-sixcols .item {
		    width: 32%; height: auto;
	    }
	}

    @media only screen and ( max-width: 1024px) {
        
        #isotope-wrap .grid-troiscols .grid-sizer, #isotope-wrap .grid-troiscols .item,
        #isotope-wrap .grid-quatrecols .grid-sizer, #isotope-wrap .grid-quatrecols .item,
        #isotope-wrap .grid-cinqcols .grid-sizer, #isotope-wrap .grid-cinqcols .item,
        #isotope-wrap .grid-sixcols .grid-sizer, #isotope-wrap .grid-sixcols .item {
		    width: 49%; height: auto;
	    }
	}

	@media only screen and ( max-width: 768px) {
		
		#isotope-wrap .grid-unecol .grid-sizer, #isotope-wrap .grid-unecol .item {
		    width: 100%; height: auto;
	    }
        
        #isotope-wrap .grid-deuxcols .grid-sizer, #isotope-wrap .grid-deuxcols .item, 
        #isotope-wrap .grid-troiscols .grid-sizer, #isotope-wrap .grid-troiscols .item,
        #isotope-wrap .grid-quatrecols .grid-sizer, #isotope-wrap .grid-quatrecols .item {
		    width: 49%; height: auto;
	    }

	    #isotope-wrap .grid-unecol .item.large { width: 100%; height: auto; }
	    #isotope-wrap .grid-unecol .gutter-sizer { width: 0%; }
	    #isotope-wrap .grid-deuxcols .gutter-sizer,
	    #isotope-wrap .grid-tquatrecols .gutter-sizer { 
            width: 2%; 
        }
	
		
	}


/*	05. Scattered Grids ---------------------------------------------------*/

    #isotope-wrap .grid-scattered .grid-sizer,
	#isotope-wrap .grid-scattered .item {
		width: 100%;
		height: auto;
	}

	#isotope-wrap .grid-scattered .item.large {
		width: 100%;
		height: auto;
	}

	#isotope-wrap .grid-scattered .gutter-sizer { width: 0%; }
    #isotope-wrap .grid-scattered .item .item-content { margin-bottom: 10px !important; }

	#isotope-wrap .grid-scattered .item-content { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 90%; position:relative; }

	#isotope-wrap .grid-scattered .item:nth-of-type(4n+1) .item-content { margin-left:0; }
	#isotope-wrap .grid-scattered .item:nth-of-type(2n+0) .item-content { margin-left:20%; }
	#isotope-wrap .grid-scattered .item:nth-of-type(4n+3) .item-content { margin-left:0%; }



	.page-load-status {
		display: none;
		padding-top: 10px;
		border-top: none !important;
		text-align: center;
		color: #777;
	}
	.page-load-status .infinite-scroll-last,
	.page-load-status .infinite-scroll-error {
		display: none;
	}

	/*.load-more { display: none; }*/



/*---------------------------------------------- 

	CARDS & ELEMENTS

	------------------------------------------------*/

    ul {
        list-style: none;
        margin-bottom: 20px;
        padding-left:0;
    }

    .card {
        background-color: #fff;
        background-clip: border-box;
        border: 0px solid #eff2f7;
        border-radius: 0.125rem;
    }

    .dark .card {
        background-color: #151515;
        background-clip: border-box;
        border: 0px solid #060606;
        border-radius: 0.125rem;
    }

    .list-group-item {
        position: relative;
        display: block;
        padding: 1rem 1.5rem;
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid #eff2f7;
    }

    .dark .list-group-item {
        position: relative;
        display: block;
        padding: 1rem 1.5rem;
        margin-bottom: -1px;
        background-color: #151515;
        border: 1px solid #060606;
    }

/*---------------------------------------------- 

	FOOTERS

	------------------------------------------------*


    #footer { position:relative; padding:70px 0 0px 0; width:100%; height:auto; z-index:5;}
	#footer p a { color: #141616 ; }
	#footer p a:hover { color: #503af5; }

	.socials-text {
		height: auto; line-height: 25px; position: relative; margin-bottom: 0px; text-align: left;
		bottom: 0; display: table; padding: 0px;
	}
	
	.socials-text, .socials-text li {
		margin-right: 40px; margin-left: 0px; list-style:none; display:inline-block; color:#999;
		font-size:14px; margin-bottom:0; line-height:30px; position:relative;
	}
	
	.socials-text li::after {
		width: 10px; height: 1px; position: absolute; content: "";
		background-color: rgba(0,0,0,0.2); left: -28px; bottom: 13px;
	}
	
	.socials-text li:first-child::after { display:none; }
	.socials-text li:last-child { margin-right: 0px; }
	
	.socials-text li a {
		color: #141616; font-size:14px; font-weight: 400; display: block;
		-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
	}
	
	/*.socials-text:hover li a { color: #503af5; }*
	.socials-text li a:hover { color: #503af5; }