/*provisoire*/
/*.scl_mod_inline_carousel {display: none;}*/

	/* GLOBAL STYLES
    -------------------------------------------------- */

	@font-face {
	  font-family: 'Share';
	  font-style: normal;
	  font-weight: 400;
	  src: local('Share'), local('Share-Regular'), url(fonts/share.woff) format('woff');
	}
	@font-face {
	  font-family: 'Share';
	  font-style: normal;
	  font-weight: 700;
	  src: local('Share Bold'), local('Share-Bold'), url(fonts/share_bold.woff) format('woff');
	}

	@font-face {
	  font-family: 'Open Sans';
	  font-style: normal;
	  font-weight: 400;
	  src: local('Open Sans'), local('Open-Sans-Regular'), url(fonts/open_sans.woff) format('woff');
	}
	@font-face {
	  font-family: 'Open Sans';
	  font-style: normal;
	  font-weight: 700;
	  src: local('Open Sans Bold'), local('Open-Sans-Bold'), url(fonts/open_sans_bold.woff) format('woff');
	}

	@font-face {
	  font-family: 'Bebas Neue';
	  font-style: normal;
	  font-weight: 400;
	  src: local('Bebas Neue'), local('Bebas-Neue-Regular'), url(fonts/bebas_neue.woff) format('woff');
	}
	
	html { 
	  margin:0;
	  padding:0;
	  overflow-x: hidden;
	}
	
	.full-width{
		position:absolute;
		left:0;
		margin:auto;
		width:100%;
	}
	
	.zoomable img{
		cursor: -webkit-zoom-in;
		cursor: -moz-zoom-in;
	}
	
	strong {
		color: #fff;
	}
	
	hr {
		margin: 12px 0;
		border-bottom: 1px solid #575151;
		border-top: 1px solid #28292B;
	}
		
	.container-fluid-content hr {
	  height: 20px;
	  margin: 0;
	  border: none;
	}
	
	.container-fluid-content hr:after {
	  content: "";
	  border-bottom: 1px solid #575151;
	  border-top: 0px;
	  position: absolute;
	  width: 100%;
	  left: 0;
	  display: block;
	}
	
	body.cloud .container-fluid-content hr:after {border-color: rgb(225,40,102)!important;}
	body.agence .container-fluid-content hr:after {border-color: rgb(255,144,0)!important;}
	body.web .container-fluid-content hr:after {border-color: rgb(141,226,23)!important;}
	body.realisations .container-fluid-content hr:after {border-color: #009EFF!important;}
	
	.bordered{
		border-bottom: 1px solid #ccc;
	}
	body.cloud .bordered {border-color: rgb(225,40,102)!important;}
	body.agence .bordered {border-color: rgb(255,144,0)!important;}
	body.web .bordered {border-color: rgb(141,226,23)!important;}
	body.realisations .bordered {border-color: #009EFF!important;}
	
	.creative_text, .pink_text, body.cloud .colored {color: rgb(225,40,102)!important;}
	.networks_text, .orange_text, body.agence .colored {color: rgb(255,144,0)!important;}
	.digital_text, .green_text, body.web .colored {color: rgb(141,226,23)!important;}
	.blue_text, body.realisations .colored {color: #009EFF!important;}
	
	.creative_bg, .pink_bg {background-color: rgb(225,40,102)!important;}
	.networks_bg, .orange_bg {background-color: rgb(255,144,0)!important;}
	.digital_bg, .green_bg {background-color: rgb(141,226,23)!important;}
	.blue_bg {background-color: #009EFF!important;}
	
	
	/* ############ MSG EMBED FORM FOR BOOTSTRAP ############### */

form#LeadInfoForm_bootstrap{
  background-color:#dedede;
  margin-top:-30px;
  padding:10px;
}

form#LeadInfoForm_bootstrap legend{
  margin-top:-20px;
  margin-bottom:10px;
}

form#LeadInfoForm_bootstrap label{
  font-weight:bold;
}

form#LeadInfoForm_bootstrap ol{
  list-style-type:none;
}

form#LeadInfoForm_bootstrap .btn{
  margin-top:20px;
}

	
	body{
		font-family: Open Sans, Arial, Helvetica, sans-serif;
		color: #777;
		text-align: justify;
		position: relative;
		background: black;
		font-size: 16px;
		line-height: 24px;
		background-color: #313131;			
	}
	.container-fluid-content {
	}

	
	a {
		color: #A7A7A7;
	}
	
	a:hover {
		color: #fff;
		text-decoration: none;
	}
	
	h1 {
		text-align: center;
		font: 44px/40px "Open Sans", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #FFF;
		padding: 35px 0;
		margin: 0;
	}
	h2 {
		padding: 15px 0;
		margin-top: 0;
		font-size: 48px;
		line-height: 48px;
		text-align: left;
		color: #7F7F7F;
		font-weight: normal;
	}

	
	h2.fancy {
		font-family: "lucida calligraphy",arial,'sans serif';
		text-transform: initial;
		font-style: italic;
		color: #60574f;
		text-align: center;
	}	
		
	.btn{
		border: 0;
		border-radius: 0;
		background: #ccc;
		text-transform: uppercase;
		font-weight: bold;
		transition: color 250ms;
		-moz-transition: color 250ms;
		-o-transition: color 250ms;
		-webkit-transition: color 250ms;
		-ms-transition: color 250ms;
		transition: color 250ms;
		text-shadow: 0 0;
		color: #2C2C2C;
	}
	
	body.cloud .btn {background: rgb(225,40,102)!important;}
	body.agence .btn {background: rgb(255,144,0)!important;}
	body.web .btn {background: rgb(141,226,23)!important;}
	body.realisations .btn {background: #009EFF!important;}
	
	
	.btn:hover {
		color: #fff;
		background: #002964;
	}
	
 	/* Multi lang */
	body.fr_version .en_version{
		display: none!important;
	}
	
	body.en_version .fr_version{
		display: none!important;
	}



    /* CUSTOMIZE THE NAVBAR HEADER
    -------------------------------------------------- */


	ul.nav li.dropdown > ul.dropdown-menu {
		display: none;
		padding: 20px 50px 25px;
		box-sizing: border-box;
		margin: auto;
		text-align: center;
		border-radius: 0;
		box-shadow: none;
		width: 1030px;
		left: 50%;
		margin-left: -515px;
		font-size: 0;
		background: #2B2B2B;
		border: none;
		border-bottom: 10px solid #393536;
		text-align: left;
}
	
	ul.nav li.dropdown.pink > ul.dropdown-menu {border-color : #E12866 }
	ul.nav li.dropdown.orange > ul.dropdown-menu {border-color : #FF9000 }
	ul.nav li.dropdown.green > ul.dropdown-menu {border-color : #8DE217}
	ul.nav li.dropdown.blue > ul.dropdown-menu {border-color : #009EFF}

	
	ul.nav li.dropdown:hover > ul.dropdown-menu {
		display: table;
	}

	
	.dropdown-menu > li > a {
		position: relative;
		box-sizing: border-box;
		color: #FFF;
		padding: 8px 0px 8px;
		min-width: 160px;
	}
	

	
	.dropdown-menu li a:hover {
		background: rgba(0, 0, 0, 0);
		color: #FFF;	
	}


	footer .competences a:after,
	.dropdown-menu > li > a:after {
		content: ">";
		position: absolute;
		right: 0px;
		opacity: 0;
		transition: 0.6s all ease;
		-ms-transition: 0.6s all ease;
		-webkit-transition: 0.6s all ease;
		-moz-transition: 0.6s all ease;
		-o-transition: 0.6s all ease;
	}
	
	.navbar .nav > li > .dropdown-menu:before,
	.navbar .nav > li > .dropdown-menu:after{
		display: none;
	}
	
	.dropdown-menu > li > a:hover:after,
	footer .competences a:hover:after	{	
		right: 20px;
		opacity: 1;
	}
	
	.navbar-header.affix-top {
		position: absolute;
	}
	.navbar-header {
		text-align: right;
		z-index: 999999999;
		width: 100%;	
		background: rgb(70,70,70);
		top: 0;
	}
	
	.navbar-header .container{
		/*position : relative;*/
	}
	.nav-header {
		list-style-type: none;
		text-shadow: 1px 1px 0 #000;
		padding: 0;
		max-width: 1030px;
		margin: auto;
}

	.nav-header > li {
		display: inline-block;
		padding: 15px 15px 10px;
	
	
}
	
	.nav-header > li:last-child {
		border-right: 0;
	}
	
	.nav-header > li > a {
		color: rgb(182,182,182);
		font-size: 12px;
		text-transform: initial;
		font-weight: 100;
		vertical-align: top;
	}
	
	.nav-header .dropdown-menu {
		margin: 0;
		padding: 0;
		border-radius: 0;
		background: #E6E6E6;
	
		border-left: 5px solid #3bb4ec;
		text-align: left;
}
	
	.nav-header .dropdown-menu li.dark {
		background: #FFFFFF;
	}
	
	.nav-header .dropdown-menu li {
		padding: 10px;
	}
	
	.nav-header .dropdown-menu li span:first-child {
		color: #3bb4eb;
		margin-right: 10px;
	}
	
	.nav-header .dropdown-menu li:hover {
		background: #d3d3d3;
	}
	.nav-header > li:hover {
	}
	
	.nav-header > li:hover a {
		color: #fff;
	}
    /* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */

	.navbar-inner {
		padding: 0;
	}
	.navbar {
		margin-bottom: 0;
		border: none;
		padding-top: 45px;
	}

	.nav {
		float: none!important;
		display: table!important;
		margin: auto!important;
		height: 60px;
		/* left: 75px!important; */ /* Center Align */
		top: 0;
		text-shadow: 1px 1px 0 #000;
		z-index: 7;
}
	.navbar-nav li a{
		text-shadow: 1px 1px 0 #000;
		text-align: center;
	}

	.lang_switch {
		width: 70px;
		font-weight: bold;
		line-height: 32px;
		height: 35px;
		color: #777;
		border: 1px solid #777;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		background: black url('images/dropdown_arrow.png') no-repeat;
		background-position: 41px 3px;
		text-indent: 0.01px;
		text-overflow: "";
		padding: 0 9px;
		margin: 13px;
		visibility: hidden;
	}

	.lang_switch:hover,
	.lang_switch:active,
	.lang_switch:focus {
		color:white;
		background-position: 41px -27px;
		border-color: white;
	}

	.navbar .nav > li > a {
		padding: 18px;
		margin: 16px 0;
		/* margin: 15px 0; */
		border-right: 1px solid rgb(114,114,114);
		color: white;
		text-shadow: 0 0;
		-moz-transition: all 250ms ease;
		-o-transition: all 250ms ease;
		-webkit-transition: all 250ms ease;
		-ms-transition: all 250ms ease;
		transition: all 250ms ease;
		text-transform: uppercase;
		font-size: 14px;
	}
	.navbar .nav > li:last-child > a {
		border-right: 0;
	}
	
	.navbar .nav > li  {
		border-right: 1px solid #000;		
	}
	.navbar .nav > li:last-child {
		border-right: 0;
	}

	.navbar .nav > li > a:hover,
	.navbar .nav > li > a:active,
	.navbar .nav > li > a:focus{
		color: rgb(114,114,114);
	}
	
	ul.nav > li.dropdown.pink > a:hover,
	ul.nav > li.dropdown.pink > a:active,
	ul.nav > li.dropdown.pink > a:focus{color : #E12866 }
	ul.nav > li.dropdown.orange > a:hover,
	ul.nav > li.dropdown.orange > a:active,
	ul.nav > li.dropdown.orange > a:focus{color : #FF9000 }
	ul.nav > li.dropdown.green > a:hover,
	ul.nav > li.dropdown.green > a:active,
	ul.nav > li.dropdown.green > a:focus{color : #8DE217 }
	ul.nav > li.dropdown.blue > a:hover,
	ul.nav > li.dropdown.blue > a:active,
	ul.nav > li.dropdown.blue > a:focus{color : #009EFF }
	
	.navbar-inner {
		background: #000000;
		border: 0;
		border-radius: 0;
	}

	.nav-collapse.collapse{
		/*margin-right:75px;*/
	}
	.navbar-toggle {	
		position: absolute;
		top: 1px;
		left: 5px;
		border-color: #B6B6B6;
	}
	.affix .navbar-toggle {
		display: block;
	}
	.logo{
		background: URL(images/logo.png) no-repeat;
		width: 100%;
		max-width: 920px;
		height: 71px;
		line-height: 30px;
		margin: auto;
		margin-top:10px;
	}
	.affix .logo {
		background: URL(images/logo_inline.png) no-repeat;
		background-size: 100%;
		width: 220px;
		height: 28px;
	}
	.logo .small {
		font-size: 23px;
	}
	.logo_container {
		position: absolute;
		width: 1030px;
		left: 50%;
		margin: 0 0 0 -515px;
	
		z-index: 1;
		/* display: none; */
		height: 0;
}
	.logo_container a {
		width: 95px;
		display: inline-block;
	}
	.affix .logo_container {
		margin: 0;
	
		width: 100%;
		left: 0;
		text-align: left;
		position: static;
}
	
	.container {
			  max-width: 1030px;
			padding:0px;
		}
		

	ul.dropdown-menu > li {
		width: 33%;
		text-align: left;
		display: table-cell;
		vertical-align: top;
		font-size: 14px;
		border-right: 1px solid #CCC;
		padding-left: 10px;
	}
	
	ul.dropdown-menu > li:last-child {
		border: none;
	}

	ul.nav li.dropdown.pink .dropdown-menu > li {border-right-color : #E12866 }
	ul.nav li.dropdown.orange .dropdown-menu > li {border-right-color : #FF9000 }
	ul.nav li.dropdown.green .dropdown-menu > li {border-right-color : #8DE217}
	ul.nav li.dropdown.blue .dropdown-menu > li {border-right-color : #009EFF}
	
	.dropdown-menu ul {
		padding: 0 15px;
		list-style: none;
		text-align: center;
	}
	.navbar .nav > li.dropdown{
		position: static;
	}
	
	.navbar-nav>li>a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	/* SIDENAV
	-------------------------------------------------- */
	
	#sidenav {
		position: fixed;
		top: 45px;
		left: -300px;
		transition: all 0.6s ease;
		z-index: 12;
	
		background: #2B2B2B;
}	
	
	#sidenav > ul > li {
		float: none;
		  width: 120px;
		position: static;
	}
	
	#sidenav br {
	  display: none;
	}
	#sidenav ul.nav li.dropdown > ul.dropdown-menu {
		left: 120px;
		top: 0;
		width: 200px;
		margin: 0;
		padding: 0px 5px;
		height: 250px;
		border-left: 5px solid;
		border-bottom: none;
	}
	
	#sidenav .navbar-nav li ul li a {
		line-height: 20px;
	}
	
	/* don't display 3rd level menus */
	#sidenav ul.nav li.dropdown > ul.dropdown-menu ul {
		display: none;
	}
	#sidenav ul.dropdown-menu > li {
		display: block;	
		width: 100%;
		border: none;
		padding: 0;
		min-width: 200px;
	}
	#sidenav ul.dropdown-menu > li:last-child > a {
		border : none;
	}
	#sidenav .nav>li>a:hover,
	#sidenav .nav>li>a:focus{
		background: rgba(0, 0, 0, 0);
	}
	#sidenav .navbar-nav li a {
		  position: static;
		  padding: 15px 4px;
		  font-size: 15px;
	}

	#sidenav ul.dropdown-menu:after {
		content: "";
		position: absolute;
		border-left: 10px solid #CCC;
		border-top: 10px solid rgba(0, 0, 0, 0);
		border-bottom: 10px solid rgba(0, 0, 0, 0);
		left: 0;
		top: 50%;
		margin-top: -10px;
	}
	#sidenav .pink ul.dropdown-menu,
	#sidenav .pink ul.dropdown-menu:after { border-left-color : #E12866!important; }
	#sidenav .orange ul.dropdown-menu,
	#sidenav .orange ul.dropdown-menu:after { border-left-color : #FF9000!important; }
	#sidenav .green ul.dropdown-menu,
	#sidenav .green ul.dropdown-menu:after { border-left-color : #8DE217!important; }
	#sidenav .blue ul.dropdown-menu,
	#sidenav .blue ul.dropdown-menu:after { border-left-color : #009EFF!important; }


    /* CUSTOMIZE THE FOOTER
    -------------------------------------------------- */
	
	.footer_wrapper{
		background: #2B2B2B;
		border-top: 10px solid #393536;
		padding-top: 3px;
		color: #bbb;
		font-size: 11px !important;
	}
	
	footer {
		max-width: 960px;
		margin: auto;
	}
	
	footer .competences a {
		position: relative;
		width: 60%;
		display: inline-block;
		font-size: 14px;
	}

	
	.footer_nav {
		list-style: none;
		text-align: center;
		margin: 0 0 20px 0;
		color: #807972;
	}

	.footer_nav li {
		display: inline-block;
	}
	
	.footer_nav li a {
		display: inline-block;
		padding: 10px 4px;
		text-decoration: none;
		transition: all 250ms;
	}

	
	footer .footer_text {
		padding: 30px;
		text-align: center;
	}
	
	footer .span4 {
		border-left: 5px solid #393536;
		height: 150px;
		padding: 0 20px;
	}
	
	footer p, footer label {
		color: #8C8989;
		text-shadow: 1px 1px 0 #000;
		font-size: 13px;
		text-align: left;
	}
	footer h4 {
		text-transform: uppercase;
		font-weight: normal;
		font-size: 14px;
		color: #FFF;
		margin-top: 40px;
	}
	footer h4.philo {
		color: #8A8A8A;
		font-style: italic;
		line-height: 30px;
	}
	.footer_wrapper p.back_to_top a {	
		color: white;
	}
	.footer_wrapper p.back_to_top {		
		text-align: right;
	}
	
	#footer_bar1 #social_links {
		list-style-type: none;
		margin: 0;
		float: right;
	}
	#footer_bar1 #social_links li {
		display: inline;
		margin-left: 20px;
	}
	#footer_bar1 #copyright {
		float: left;
	}
	#footer_bar1 {
		background: #1F1F1F;
		border-top: 1px solid #434343;
		padding-top: 15px;
		font-size: 12px;
		color: #8C8989;
		text-shadow: 1px 1px 0 #000;
	}
	
	footer #lastest_projects {
		margin: 0;
		list-style-type: none;
		text-align: center;
		padding: 0;
	}
	footer #lastest_projects li {
		display: inline-block;
		width: 24%;
	}
	footer #lastest_projects li img{
		width: 50px;
		height: 50px;
		display: block;
		margin:auto;
	}
	
	footer input[type="submit"] {
		padding: 4px 7px;
		border: none;
		background: #737373;
		color: #BEBEBE;
		font-size: 11px;
		border: 1px solid #909090;
		border-left: none;
	}
	
	footer input#newsletter{
		/*border-radius*/
		-webkit-border-radius:0;
		   -moz-border-radius:0;
				border-radius:0;
		border:1px solid #909090;
		border-right:none;
		background:#252525;
		font-size:11px;
		width:183px;
		float:left;
	}
	
	/* CUSTOMIZE THE CAROUSEL
    -------------------------------------------------- */
	
	.home_carousel .home_slider_caption * {
	  font-family: "Bebas Neue";
	  font-size: 75px;
	  line-height: 70px;
	  text-transform: uppercase;
	  margin: 0;
	  padding: 0;
	  text-align: left;
	
	  font-weight: bold;
}
	
	.home_carousel .carousel-indicators {
		display: none;
	}
	
	.home_carousel .carousel-caption {
		left: -25%;
		top: 25%;
		bottom: 40px;
		opacity: 0;
		transition: all 0.6s ease;
	}
	.home_carousel .active .carousel-caption {
	  left: 15%;
	  opacity: 1;
	}
	
	.home_slider1 h1{
		opacity: 0.6;
	}
	
	.home_slider2 p.small{
		font-size: 50px!important;
		line-height: 50px!important;
	}
	
	.home_slider1 .p1 {
		font-size: 79px;
	}

	.home_slider1 .p2 {
		font-size: 57px;
		line-height: 52px;
	}
	
	.scl_mod_bootstrap_carousel{
		/*margin-bottom : 500px;*/
		position:static;
	}
	
	
	.carousel {
		margin-bottom: 0px;
	}
	
	h4, h5 {
		text-align: left;
	}
	
	.home_carousel .carousel-indicators {
  display: none;
}
	
	.carousel-inner > .item > img, .carousel-inner > .item > a > img {
		width: 100%;
		position: relative;
	}
	
	
	
	#pdt_gallery .scl_mod_bootstrap_carousel {
	    margin-bottom: 0;
	    margin-top: 30px;
	}
	
	#pdt_gallery .myCarousel{
		position:relative;
	}
	
	#pdt_gallery .carousel-control {
		top: 120px;
	}
	
	.carousel-control {
		background: rgba(0, 0, 0, 0.3);
		opacity: 0.8;
		top: 50%;
		left: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		border: 0;
		padding: 0;
		width: 63px !important;
		height: 63px;
		line-height: 50px;
		font-size: 50px !important;
		color: rgba(0, 0, 0, 0);
	}
	

	
	.carousel-control.right {
		right: 0;
		left: auto;
	}
	
	/* CUSTOMIZE HOME
    -------------------------------------------------- */
	
	[class^="scl_mod_"]:nth-child(odd),
	#tag_cloud_container{
		background-color: #2C2C2C;
	}
	
	.scl_mod_section{
		background-color: transparent!important;
	}
	
	.home_button {
		padding: 20px 0px;
		text-align: center;
		position: relative;
		margin: 35px -20px 50px;
	
		font-weight: bold;
}
	.home_button h1 {
		font-size: 25px;
		padding: 15px;
	
		font-weight: bold;
}
	.home .scl_mod_menu_boxgrid {
		padding-bottom: 2px;
	
		display: none;
}
	
	.home_button .home_button_circle {
		width: 128px;
		height: 128px;
		margin: -64px auto 0;
		border-radius: 64px;
		box-shadow: 0px 3px 1px #000;
		/*transition: all 0.6s ease;
		-moz-transition: all 0.6s ease;
		-o-transition: all 0.6s ease;
		-webkit-transition: all 0.6s ease;
		-ms-transition: all 0.6s ease;*/
-webkit-transition: all 600ms cubic-bezier(0.000, 1, 1.000, 1); /* older webkit */
-webkit-transition: all 600ms cubic-bezier(0.000, 1.650, 1.000, 1.650);
   -moz-transition: all 600ms cubic-bezier(0.000, 1.650, 1.000, 1.650);
     -o-transition: all 600ms cubic-bezier(0.000, 1.650, 1.000, 1.650);
        transition: all 600ms cubic-bezier(0.000, 1.650, 1.000, 1.650); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.000, 1, 1.000, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.000, 1.650, 1.000, 1.650);
   -moz-transition-timing-function: cubic-bezier(0.000, 1.650, 1.000, 1.650);
     -o-transition-timing-function: cubic-bezier(0.000, 1.650, 1.000, 1.650);
        transition-timing-function: cubic-bezier(0.000, 1.650, 1.000, 1.650); /* custom */
	}	
	
	.home_button .home_button_circle:hover {
		transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		box-shadow: 0px 5px 10px rgba(0, 0, 0, 1);
	}	
	
	.home_button:before {
		content: "";
		width: 40px;
		height: 40px;
		left: 0;
		top: 0;
		position: absolute;
		border-top: 2px solid rgb(99,99,99);
		border-left: 2px solid rgb(99,99,99);
	}
	
	.home_button:after {
		content: "";
		width: 40px;
		height: 40px;
		right: 0;
		bottom : 0;
		position: absolute;
		border-bottom: 2px solid rgb(99,99,99);
		border-right: 2px solid rgb(99,99,99);
	}
	
	.home_button .home_button_circle.creative{background: url('images/home_button_creative.png') #fff no-repeat 50% 50%;}
	.home_button .home_button_circle.digital{background: url('images/home_button_digital.png') #fff no-repeat 50% 50%;}
	.home_button .home_button_circle.networks{background: url('images/home_button_networks.png') #fff no-repeat 50% 50%;}
	.home_button .home_button_circle.portfolio{background: url('images/home_button_portails.png') #fff no-repeat 50% 50%;}
	
	.home_button a span {
		transition: all 0.6s ease;
		-moz-transition: all 0.6s ease;
		-o-transition: all 0.6s ease;
		-webkit-transition: all 0.6s ease;
		-ms-transition: all 0.6s ease;
		position: relative;
		left: 20px;
		opacity: 0;
	}
	.home_button a:hover span {
		left: 0px;
		opacity: 1;
	}
	
	.inline-carousel img {
		max-width: 100%;
	}
	.inline-carousel ul.carousel_list {
		padding : 0;
	}
	
	.home .carousel-caption h4 {
    display: none;
}

	.home .home_slider_caption {
		/* position: absolute; */
		/* top: 96px; */
	
}

	.home .carousel-caption {
		position: absolute;
		top: 30%;
		padding: 0;
		right: 50%;
		width: 320px;
	}
	
	/* PORTFOLIO
    -------------------------------------------------- */
	
	.realisations .carousel-caption h4 {
		display: none;
	}
	.realisations .carousel-control {
		position: relative;
		display: inline-block;
		background: rgba(0, 0, 0, 0);
		color: transparent;
	}
	.realisations .carousel-indicators{
		position: absolute;
		top: 70px;
	}
	.realisations .carousel-indicators li {
		float: none;
		margin-bottom: 5px;
		border-radius: 0;
		-moz-border-radius: 0;
		border: 1px solid #797979;
		cursor: pointer;
	}
	.realisations .carousel-controlbar{
		text-align: right;
	}
	.realisations .carousel-caption {
		top: 0;
		bottom: initial;
		right: 0;
		left: initial;
		width: 300px;
		background: rgba(0, 0, 0, 0.5);
		padding: 20px 10px;
	}
	.realisations .carousel-control.left {
		border-right: 1px solid #4E4E4E;
	}
	a.carousel-control:after {
		color: #A4A4A4;
		font-family: FontAwesome;
		font-size: 40px;
		position: absolute;
		color: #A4A4A4;
		left: 0;
		top: 0;
		width: 63px;
		line-height: 63px;
	}
	a.carousel-control:hover:after {
		background: #2E2E2E;
	}
	
	a.carousel-control.left:after {
		content: "\f104";
	}
	a.carousel-control.right:after {
		content: "\f105";
	}
	.realisations .open_info,  .realisations .close_info {
		min-width: 63px;
		display: inline-block;
		text-align: center;
		line-height: 63px;
		font-size: 12px;
		vertical-align: bottom;
	}
	.realisations .open_info {
		padding: 0 10px;
	}
	.realisations .open_info:hover, .realisations .close_info:hover {
		background: #2E2E2E;
	}
	.realisations .filter, 
	.competences_nav a, 
	.projects_nav a {
		border: 1px solid #5F5F5F;
		display: inline-block;
		margin: 5px 8px;
		text-align: center;
		width: 135px;
		cursor: pointer;
		text-decoration: none;
		font-size: 15px;
	}
	.projects_nav {
		text-align: center;
		margin: 20px 0;
	}
	.realisations .filter.creative_text.active,
	.realisations .filter.creative_text:hover
	{border-color: rgb(225,40,102);}
	.realisations .filter.networks_text.active,
	.realisations .filter.networks_text:hover
	{border-color: rgb(255,144,0);}
	.realisations .filter.digital_text.active,
	.realisations .filter.digital_text:hover
	{border-color: rgb(141,226,23);}

	.realisations .scl_mod_bootstrap_carousel {
		display: none;
	}
	
	#portfolio {
		font-size: 0px; /* HACK : remove white-space between inline-blocks */
		line-height: 0px;
		margin-top: 20px;
	}
	.home #portfolio {	
		margin-bottom: 50px;
	}
	
	#portfolio .scl_mod_section {
		width: 20%;
		padding: 1px;
		box-sizing: border-box;
		display: inline-block;
	}
	.scl_mod_menu_boxgrid .scl_mod_section.mix {
		display: none;
	}
	
	#portfolio #liste_service {
		margin: 0;
		padding: 0;
	}
	#portfolio .boxgrid {
		margin: 0!important;
		float: none;
		width: 100%;
		height: auto;
	}
	#portfolio .erp .caption .boxcaption{background: url('images/home_button_digital.png') no-repeat center;}
	#portfolio .vitrines .caption .boxcaption{background: url('images/home_button_creative.png') no-repeat center;}
	#portfolio .portails .caption .boxcaption{background: url('images/home_button_portails.png') no-repeat center;}
	#portfolio .boutique .caption .boxcaption{background: url('images/home_button_networks.png') no-repeat center;}
	
	#portfolio .caption .boxcaption{
		top:0!important;
		opacity:0;
		height: 100%;
		/*transition*/
		-webkit-transition:all 0.6s ease;
		   -moz-transition:all 0.6s ease;
			 -o-transition:all 0.6s ease;
				transition:all 0.6s ease;
	}
	#portfolio .caption .boxcaption:hover {
		opacity: 1;
		background-color: rgba(0, 0, 0, 0.6);
	}
	.boxcaption a {
		width: 100%;
		position: absolute;
		height: 100%;
		left: 0;
		background: transparent!important;
	}
	.boxgrid p {
		color: #FFF;
		position: absolute;
		bottom: 0;
		text-align: center;
		width: 100%;
		padding: 0;
		border-top: 1px solid #757575;
	}
	#portfolio .boxgrid img {
		position: static;
		width: 100%;
	}
	#portfolio .lienboxgrid, #portfolio .boxgrid h3 {
		display: none;
	}
	
	/* L'EQUIPE
    -------------------------------------------------- */
	.equipe .caption{
		opacity: 0;
		transition: all 0.6s ease;
		width: 300%;
		margin-left: -100%;
		text-align: center;
	}
	.equipe .caption h4{
		text-align: center;
	}
	.equipe .elem-1 .caption{
		opacity: 1;
	}
	.equipe .elem-0 .caption,
	.equipe .elem-2 .caption{
		opacity: 0;
	}
	.scl_mod_inline_carousel{
		position: relative;
		max-width: 1030px;
		margin: auto;
	}
	.scl_mod_inline_carousel .inline-carousel-control {
		position: absolute;
		top: 50%;
		font-size: 150px;
		line-height: 0px;
		margin-top: -75px;
		opacity: 0.6;
		text-decoration: none!important;
	}
	.scl_mod_inline_carousel .inline-carousel-control.right {right: 30px;}
	.scl_mod_inline_carousel .inline-carousel-control.left {left: 30px;}
	.scl_mod_inline_carousel {
		position: relative;
	}
	.equipe .elem.elem-1 .caption {display: block;}
	.equipe .elem{opacity: 0.3;transition: all 0.6s ease;}
	.equipe .elem.elem-1{opacity: 1;}
	
	/* CUSTOMIZE THE NEWS
    -------------------------------------------------- */
		
	.scl_mod_bootstrap_news {
		position: relative;
		padding-bottom: 40px;
		text-align:center;
	}
	
	.scl_mod_bootstrap_news .span4 {position: relative;
		border: 1px solid #cdced0;
		padding: 10px;
		background: #fff;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		min-height: 480px;
	}
	
	.scl_mod_bootstrap_news img {
		opacity: 1;
		transition: all 0.3s ease;
		max-width: 300px;
		width: 100%;
		border-bottom: 5px solid #3bb4ec;
}

	.scl_mod_bootstrap_news img:hover {
		opacity: 0.6;
	}
	
	.scl_mod_bootstrap_news .btn {
		position: absolute;
        bottom: 7px;
        width: 86%;    
        left: 10px;
	}	
	
	.news h1 {
		font-size: 24px;
	}
	
	.news p.news_date {
		color: #60574f;
		font: 24px/24px "Open Sans", Arial, Helvetica, sans-serif;
		padding-bottom: 0;
		margin: 0;
	}
	
	.news p {
		padding: 22px;
	}
	

	/* QUOTE */
	.quote {
		background: #2A2A2A;
		padding: 15px 60px;
		position: relative;
		text-align: left;
		font-size: 20px;
		color: #FFF;
		margin-bottom: 30px;
	}
	.quote:before {
		content: "\f10e";
		position: absolute;
		left: 10px;
		top: 10px;
		font-size: 22px;
		/* flip horizontal */
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
		-webkit-transform: scale(-1, 1);
		-moz-transform: scale(-1, 1);
		-ms-transform: scale(-1, 1);
		-o-transform: scale(-1, 1);
		transform: scale(-1, 1);
		display: inline-block;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	body.cloud .quote:before {	color: #E12866!important; }
	body.agence .quote:before {color: rgb(255,144,0)!important;}
	body.web .quote:before {color: rgb(141,226,23)!important;}
	body.realisations .quote:before {color: #009EFF!important;}
		
	.quote:after {
		content: "";
		position: absolute;
		border-right: 30px solid #2A2A2A;
		border-top: 30px solid rgba(0, 0, 0, 0);
		top: -30px;
		right: 45px;
		width: 0;
		height: 0;
	}
	
	/* SIDEBAR */
	
	.sidebar {
		border-left: 1px solid #FFF;
	}
	
	body.cloud .sidebar {	border-color: #E12866!important; }
	body.agence .sidebar {border-color: rgb(255,144,0)!important;}
	body.web .sidebar {border-color: rgb(141,226,23)!important;}
	body.realisations .sidebar {border-color: #009EFF!important;}
	
	
	/* SIDEBAR QUOTE */
	
	.quoted-sidebar {
		border-left: 1px solid #FFF;
		position: relative;
	}
	.quoted-sidebar:after {
		content: "\f10e";
		color: #fff;
		display: inline-block;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	
	body.cloud .quoted-sidebar:after {	color: #E12866!important; }
	body.agence .quoted-sidebar:after {color: rgb(255,144,0)!important;}
	body.web .quoted-sidebar:after {color: rgb(141,226,23)!important;}
	body.realisations .quoted-sidebar:after {color: #009EFF!important;}
	
	body.cloud .quoted-sidebar {	border-color: #E12866!important; }
	body.agence .quoted-sidebar {border-color: rgb(255,144,0)!important;}
	body.web .quoted-sidebar {border-color: rgb(141,226,23)!important;}
	body.realisations .quoted-sidebar {border-color: #009EFF!important;}
	
	
	/* CHECKLIST */
	
	ul.checklist {
		list-style-type: none;
	}
	ul.checklist li {
		position: relative;
		padding-left: 15px;
	}
	ul.checklist li:before {
		content: "\f00c";
		display: inline-block;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		position: absolute;
		left: -5px;
		top: 3px;
		color: #7F7F7F;
	}
	
	body.cloud ul.checklist li:before {	color: #E12866!important; }
	body.agence ul.checklist li:before {color: rgb(255,144,0)!important;}
	body.web ul.checklist li:before {color: rgb(141,226,23)!important;}
	body.realisations ul.checklist li:before {color: #009EFF!important;}

	/* NOS COMPETENCES
    -------------------------------------------------- */	
	
	p.competences_nav {
		position: absolute;
		width: 100%;
		left: 0;
		border-bottom: 1px solid;
	}
	.creative p.competences_nav {border-color: rgb(225,40,102);}
	.digital p.competences_nav {border-color: rgb(141,226,23);}
	.networks p.competences_nav {border-color: rgb(255,144,0);}
	
	.site_portail:before,
	.site_vente:before,
	.referencement:before {
		content: "";
		position: absolute;
		width: 100%;
		left: 0;
		border-top: 1px solid #8DE217;
	}
	p.competences_nav a{
		position: relative;
		bottom: -1px;
		border-bottom-color: transparent;
	}
	
	p.competences_nav a.creative_text:hover
	{border-color: rgb(225,40,102);border-bottom-color: transparent;}
	p.competences_nav a.networks_text:hover
	{border-color: rgb(255,144,0);border-bottom-color: transparent;}
	p.competences_nav a.digital_text:hover
	{border-color: rgb(141,226,23);border-bottom-color: transparent;}
	p.competences_nav a.creative_text.active
	{border-color: rgb(225,40,102);border-bottom-color: #1A1A1A;}
	p.competences_nav a.networks_text.active
	{border-color: rgb(255,144,0);border-bottom-color: #1A1A1A;}
	p.competences_nav a.digital_text.active
	{border-color: rgb(141,226,23);border-bottom-color: #1A1A1A;}
	
	.home .scl_mod_inline_carousel {
    display: none;
		/*background: url('images/inline_carousel_bg.png') no-repeat center -44px;
		background-size: 100% 100%;
		margin-bottom: -44px;
		z-index: 1;*/
	}
	.inline-carousel-control.left {
		font-size: 0;
		height: 81px;
		width: 24px;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -81px;
		background: url('images/inline_carousel_left.png') no-repeat top;
	}
	.inline-carousel-control.right {
		font-size: 0;
		height: 81px;
		width: 24px;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -81px;
		background: url('images/inline_carousel_right.png') no-repeat top;
	}
	.inline-carousel-control:hover {
		background-position: bottom!important;
	}
	body.cloud .inline-carousel-control.right {background: url('images/inline_carousel_right_creative.png') no-repeat top;}
	body.cloud .inline-carousel-control.left {background: url('images/inline_carousel_left_creative.png') no-repeat top;}
	body.agence .inline-carousel-control.right {background: url('images/inline_carousel_right_networks.png') no-repeat top;}
	body.agence .inline-carousel-control.left {background: url('images/inline_carousel_left_networks.png') no-repeat top;}
	body.agence .inline-carousel-control.right {background: url('images/inline_carousel_right_networks.png') no-repeat top;}
	body.agence .inline-carousel-control.left {background: url('images/inline_carousel_left_networks.png') no-repeat top;}
	
	/*.competences .inline-carousel-control.left {
		text-indent: -9999px;
		font-size: 0;
		width: 100%;
		height: 81px;
		left: 0;
	}
	.competences .inline-carousel-control.right {
		text-indent: -9999px;
		font-size: 0;
		width: 100%;
		height: 81px;
		right: 0;
	}
	.competences .inline-carousel-control.left:before {
		content: "";
		background: url('images/inline_carousel_left.png') no-repeat left top;
		max-width: 980px;
		display: block;
		width: 100%;
		height: 100%;
		margin: auto;
	}
	.competences .inline-carousel-control.right:before {
		content: "";
		background: url('images/inline_carousel_right.png') no-repeat right top;
		max-width: 980px;
		display: block;
		width: 100%;
		height: 100%;
		margin: auto;
	}	
	.competences.creative .inline-carousel-control.right:before {background: url('images/inline_carousel_right_creative.png') no-repeat right top;}
	.competences.creative .inline-carousel-control.left:before {background: url('images/inline_carousel_left_creative.png') no-repeat left top;}
	.competences.networks .inline-carousel-control.right:before {background: url('images/inline_carousel_right_networks.png') no-repeat right top;}
	.competences.networks .inline-carousel-control.left:before {background: url('images/inline_carousel_left_networks.png') no-repeat left top;}

	.competences .inline-carousel-control.left:hover:before{background-position: bottom left;}
	.competences .inline-carousel-control.right:hover:before {background-position: bottom right;}	
	*/
	.site_vitrine h3,
	.site_vente h3,
	.site_portail h3,
	.referencement h3,
	.communication h3{
		color: #FFF;
		margin-top: 45px;
		line-height: 25px;
		font-size: 24px;
		font-weight: normal;
		text-align: left;
		border-left: 1px solid #E6E6E6;
		padding: 0 18px;
	}
	.site_vente .quote {
		font-size: 14px;
		background: #2A2A2A;
		position: relative;
		text-align: left;
		padding: 0px 55px;
		left: -100px;
		top: 80px;
	}
	.site_vente .quote h4 {
		color: #FFF;
		margin: 20px 0 5px;
	}
	.site_vente .quote:after {
		content: "";
		position: absolute;
		border-right: 30px solid #2A2A2A;
		border-top: 30px solid rgba(0, 0, 0, 0);
		top: -30px;
		right: 45px;
	}
	
	.responsive_design h4 {
		color: #FFF;
		font-weight: normal;
	}
	.competences .responsive_design {
		color: #FFF;
		font-weight: normal;
	}
	.competences .responsive_design {
		background: url('images/responsive_design.png') no-repeat center center;
		height: 220px;
		background-size: contain;
	}
	
	.communication_carousel{
		padding-bottom: 50px;
	}
	/* CUSTOMIZE THE CONTACT FORM
    -------------------------------------------------- */	


	form#LeadInfoForm {
		width: auto;
		max-width: 800px;
		background: transparent;
	}
	
	form#LeadInfoForm ol li {
		border: 0;
		border-radius: 0;
		color: #3bb4ec;
		background: #dedede;
		font-size: 18px;
		font-weight: bold;
	}
	
	form#LeadInfoForm label {
		line-height: 1.5em;
		color: #000000;
		font-size: 18px;
		font-weight: bold;
		width:180px !important;
	}
	
	form#LeadInfoForm input {
		margin: 5px 0;
	}
	
	#form_body h3 {
		color: white;
		margin-top: 0;
		margin-bottom: 25px;
		line-height: 25px;
		font-size: 24px;
		font-weight: normal;
	}
	
	#form_body input {
		float: left;
		width: 30% !important;
		margin: 10px 1% !important;
		margin-left: 0 !important;
		border-radius: 0 !important;
	}
	
	#form_body input:after {
		content: "*";
		color: red;
		position: absolute;
	}
	
	#form_body textarea {
		width: 95% !important;
		margin-top: 10px;
		margin-bottom: 25px;
		border-radius: 0 !important;
	}
	
	#form_body form {
		padding: 0;
	}
	
	#form_body p {
		padding-right: 4%;
	}
	
	#form_body .btn {
		margin-bottom: 10px;
		background: transparent;
		border-radius: 0;
		box-shadow: none;
		text-shadow: none;
		border: 1px solid #5f5f5f;
		margin-left: 0;
		color: #5f5f5f;
	}
	
	#form_body .btn:hover {
		background: #5f5f5f;
	}
	
	#form_legend h3 {
		color: white;
		font-weight: normal;
		margin-top: 0;
		margin-bottom: 25px;
		line-height: 20px;
	}
	
	#form_legend {
		border-left: 1px solid white;
		padding-left: 35px;
		margin-top: 25px;
	}
	
	#form_body {
		margin-top: 25px;
		margin-bottom: 60px;
	}
	
	#form_legend h4 {
		color: white;
	}
	
	#form_legend p {
		color: white;
	}
	
	.scl_mod_formulaire .fa {
		position: absolute;
		left: 15px;
		margin-top: 4px;
	}

	
    /* TAG CLOUD
    -------------------------------------------------- */

	#tag_cloud_container {
		height: 600px;
		margin: auto;
		position: relative;
	}

	#viewport {
		-webkit-perspective: 400;
		-moz-perspective: 400;
		-o-perspective: 400;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		overflow: hidden;
	}
	 
	#world {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
	}
	
	.tagBase {
		background-color: rgb( 94, 94, 94);
		border-radius: 50px;
		position: absolute;
		left: 50%;
		top: 50%;
		width: 10px;
		height: 10px;
		margin-left: -5px;
		margin-top: -5px;
	}
	
	.link {
		background-color: rgba(94, 94, 94, 0.4);
		position: absolute;
		left: 50%;
		top: 50%;
		height: 2px;
	}

	.tag_link {
		text-transform: uppercase;
		position: relative;
		top: 10px;
		left: -25px;
		color: #FFF;
		white-space: nowrap;
	}
	.tagBase:hover {
		background-color: #8DE217;
	}
	.tagBase:hover .tag_link{
		color: rgb(141,226,23);
	}
	
	#portfolio .scl_mod_section.mix {display: none;}
	
	
    /* AGENCE
    -------------------------------------------------- */
	
	.carousel_agence {
		margin-bottom: 20px;
	}
	.nos_valeurs h1 {
		padding: 0;
		line-height: 45px;
		font-size: 55px;
		text-align: left;
		color: #7F7F7F;
	}
	.nos_valeurs ul {
		list-style-type: none;
		margin: 20px 0 0 20px;
		color: #FFF;
	}
	.nos_valeurs li {
		padding: 5px 0;
		position: relative;
		text-align: left;
	}
	.nos_valeurs i {
		position: absolute;
		left: -20px;
		color: #7F7F7F;
	}
	.nos_valeurs {
		border-left: 1px solid #FFF;
		padding-left: 25px;
		margin-bottom: 170px;
	}
	.nos_valeurs .valeurs_buttons {
		position: absolute;
	}
	.nos_valeurs .valeurs_buttons .bouton {
		border: 1px solid #5F5F5F;
		display: block;
		margin: 10px 0px;
		text-align: center;
		width: 150px;
	}
	.nos_valeurs .valeurs_buttons .bouton.digital_text:hover {border-color: #8DE217;}
	.nos_valeurs .valeurs_buttons .bouton.networks_text:hover {border-color: #FF9000;}
	.nos_valeurs .valeurs_buttons .bouton.creative_text:hover {border-color: #E12866;}
	
	.agence strong {
		color: #FFF;
	}
	.agence .quote {
		background: #2A2A2A;
		padding: 15px 60px;
		position: relative;
		text-align: left;
		font-size: 20px;
		color: #FFF;
	}
	.agence .quote:after {
		content: "";
		position: absolute;
		border-right: 30px solid #2A2A2A;
		border-bottom: 30px solid rgba(0, 0, 0, 0);
		bottom: -30px;
		right: 45px;
	}
	.site_vente .quote i,
	.agence .quote i {
		position: absolute;
		left: 10px;
		top: 10px;
		color: #E12866;
		font-size: 22px;
	}
	
	img{
		transition: all 0.6s ease;
	}
	
	#zoom_box{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom : 0;
		background-color: rgba(0,0,0,0.5);	
		display: none;
		z-index: 9;
	}
	
	#zoom_box img {
		margin: auto;
		box-sizing: border-box;
		display: block;
		height: auto;
		max-height: 90%;
		max-width: 90%;
		border: 5px double #FFF;
	}
	
	.col-sm-4 .btn {
	  width: 100%;
	  white-space: normal;
	  height: 50px;
	}
	
    /* RESPONSIVE CSS
    -------------------------------------------------- */

	
	@media (min-width: 1200px) {

		.span4 {
			width: 305px;
		}
	}
	
	@media (max-width: 1100px) {

		.affix .logo_container {
			margin: 0px 0px 0px 55px;
			top: 2px;
			position: relative;
		}
	}
	
	
	
	

    @media (max-width: 979px) {
	
		
		/*.container {
			padding:20px;
			box-sizing: border-box;
		}*/
		footer #lastest_projects li {
			width: auto;
		}
		/*.navbar .btn-navbar {
			float: left;
			background: #009DE0;
			border: 1px solid #fff;
			height: 33px;
			margin: 13px;
		}
		.navbar .btn-navbar[disabled] {
			background: #000;
		}
		.nav {
			left: 75px!important;
		}
		
		.navbar .btn-navbar .icon-bar {
			background-color: #777;
			height: 1px;
		}
		.nav-collapse .nav > li > a:hover, 
		.nav-collapse .nav > li > a:focus {
			background-color: transparent;
		}
		.navbar .nav > li > a{
			border: 0;
			padding: 0;
			width:200px;
			margin-left:50px;
		}
		.nav-collapse .nav {
			display: inline!important;
		}
		.nav-collapse.collapse {
			margin: 0;
		}
		.logo{
			height: 85px;
		}*/
		.logo_container {
			left: 0;
			margin-left: 10px;
			width: auto;
			
		}
		.scl_mod_bootstrap_carousel{
			/*margin-bottom : 300px;
			position:static;
			margin-top: -20px;*/
		}

		
		/*ul.dropdown-menu {
			display: none!important;
		}*/
		
    }
	


    @media (max-width: 767px) {
		.logo_container {
			margin-left: 55px;
		
			margin-top: 2px;
}
		.logo_container a .logo {
			background: URL(images/logo_inline.png) no-repeat;
			background-size: 100%;
			width: 220px;
			height: 28px;
		}
		body {
			padding:0;
		}
		.container-fluid-content .container {
			padding: 20px;
			box-sizing: border-box;
		}
		.scl_mod_classic img{
			max-width: 450px !important;
		}
		.scl_mod_bootstrap_carousel{
			margin-bottom : 250px;
			position:static;
			margin-top: -20px;
		}
		.carousel-control {
			font-size:30px !important;
		}
		

		#portfolio .scl_mod_section {
			width: 33.33%;
		}

		.home #portfolio .scl_mod_section:last-child {
			display: none;
		}
		
		
    }

    @media (max-width: 600px) {
		.logo_container a .logo {
			/* background: URL(images/logo.png) no-repeat; */
			/* background-size: 100%; */
			/* width: 52px; */
			/* height: 43px; */
			/* margin: 2px; */
		}				
		
    }
    
    @media (max-width: 480px) {
		body {
			padding:0;
		}
		.nav-header > li {
			padding: 15px 3px;
		}
		.container {
			/* padding:0px; */
		}
		.scl_mod_classic img{
			max-width:350px !important;
		}
		.scl_mod_bootstrap_carousel{
			margin-bottom: 20px;
			position:static;
			margin-top: 4px;
		}
		.carousel-control {
			font-size:30px !important;
		}
		form#LeadInfoForm input:not([type="radio"]), form#LeadInfoForm textarea {
			max-width: 250px;
		}
		#portfolio .scl_mod_section{
			width: 50%;
		}
		
		.text_page_section {
			padding: 0;
		}

		.page_section {
			padding: 0;
		}

		.row {
			margin: 0;
		}
		
		h1 {
			font-size: 38px;
		}	
		a.btn.btn-default {
			white-space: normal;
		}
		
		.home_carousel .carousel-control {
			display: none;
		}

		.home .carousel-caption {
			left: 8px!important;
			top: 14px;
		}

		.home .carousel-caption h1 {
			font-size: 26px!important;
			line-height: 26px!important;
		}
		
		.home .carousel-caption p {
		  font-size: 26px!important;
		  line-height: 26px!important;
		}
		.home_button {
		  margin: 0px;
		}
		
		.realisations .carousel-caption {
			top: 100%;
			width: 320px;
			padding: 0;
			min-height: 65px;
		}

		.realisations .carousel-inner {
			overflow: visible;
		}

		.realisations .scl_mod_bootstrap_carousel center {
			margin-bottom: 100px;
		}
		.nav-header > li {
			display: none;
		}

		.nav-header > li:first-child {
			display: inline-block;
		
			padding: 13px;
			background: #393536;
}

		.nav-header > li:first-child a {
			font-size: 0px;
		}

		.nav-header > li:first-child a i {
			font-size: 22px;
		}

		ul.checklist {
		  padding-left: 10px;
		}
		
		#viewport {
		  transform: scale(0.4);
		  overflow: visible;
		}
		
		#tag_cloud_container {
		  height: 300px;
		}
    }