body{overflow-x:hidden;margin:0;padding:0;position:relative;}
#wrapper{
	position:relative;
	width:100%;
	overflow-x:hidden;
}
/*	-------
	CLASSES
	------- */

.align-center	{text-align:center}
.align-left		{text-align:left}
.align-right	{text-align:right}
.block			{display:block}
.inline-block	{display:inline-block}
.none			{display:none;}
.clear-both		{clear:both;}
.float-right	{float:right}
.float-left		{float:left}
.padding-0		{padding:0}


/*	-----
	LIENS
	----- */

a,a:visited,a:hover,a:active{
	text-decoration:none;
	color:#000;
}
/*
.desktop-menu a:hover,a:active{
	color:#e84e1b;
}*/
.pointer{
	cursor:pointer;
}


/*	----
	TYPO
	---- */

p,li{
	font-size:0.9375em;
	line-height:1.625em;
	color:#575756;
}
h1{
	color:#fff;
	font-size:2.5625em;
}
h2{
	font-size:2.1875em;
	font-weight:600;
}
h3{
	margin:0.375em 0 0.5em 0;
	font-size:1.625em;
	font-weight:400;
}
h4{
	color:#e84e1b;
	font-size:0.9375em;
	line-height:1.625em;
	font-weight:600;
}
h6{
	color:#fff;
	font-size:1em;
}
i,.italic{
	font-style:italic;
}
b,.bold{
	font-weight:700;
}

strong,.semi-bold{
	font-weight:600;
}
sup{
	vertical-align: top; 
	position: relative; 
	top: -0.5em;
	font-size:0.625em;
}
.orange{
	color:#e84e1b !important;
}
.orange-hover:hover{
	color:#e84e1b !important;
}
.white{
	color:#fff !important;
}
.black{
	color:#000 !important;
}


/*	--
	BG
	-- */

.main-bg{
	position:fixed;
	z-index:0;
	width:100%;
	height:470px;
	top:80px;
	overflow-x:hidden;
	background-position:center top;
	X-webkit-transform: translateZ(0);
}
.main-bg-overlay{
	position:fixed;
	top:80px;
	right:0;
	z-index:0;
	width:100%;
	height:470px;
	top:80px;
	overflow-x:hidden;
	background:url(img/COMPROS-IMAGE-ALVEOLES-droite.png) right top no-repeat;
	opacity:0.95;
}
.bg-white{
	background-color:#fff;
}
.bg-black{
	background-color:#000 !important;
	color:#fff;
}
.bg-orange{
	background-color:#e84e1b;
	color:#fff;
}
.bg-light-grey{
	background-color:#f5f5f5;
}
.bg-medium-grey{
	background-color:#ececec;
}
.bg-dark-grey{
	background-color:#575756;
}
.bg-black{
	background-color:#000;
}
.bg-transparent{
	Xbackground-color:transparent;
	color:#fff;
}
.bg-transparent p{
	color:#fff;
}
.btn-orange:hover{
	background-color:#db4a19;
}


/*	------
	HEADER
	------ */

.header-outer{
	z-index:100;
	position:fixed;
	width:100%;
	height:125px;
	background:transparent;
	top:0;
}
.header-inner{
	position:relative;
	width:100%;
	height:125px;
	background:url(img/nav-bg.png) left top no-repeat;
}
.header-side{
	position:absolute;
	top:0;
	height:125px;
	width:500%;
}
.header-right{
	right:-500%;
	background:url(img/nav-bgkanan.png) top repeat-x;
}
.header-left{
	left:-500%;
	background:url(img/nav-bgkiri.png) top repeat-x;
}
.logo{
	position:absolute;
	left:45px;
}
 #wrapper .header-outer .header-inner.inner .desktop-menu.hide-on-tablet.hide-on-mobile .selected {
	 border-top: 1px solid #ff0000;
   background: #9c0606;
   background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#ED3136));
   background: -webkit-linear-gradient(top, #FF0000, #ED3136);
   background: -moz-linear-gradient(top,  #FF0000, #ED3136);
   background: -ms-linear-gradient(top, #FF0000, #ED3136);
   background: -o-linear-gradient(top,  #FF0000, #ED3136);
   padding: 7px 15px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
}


.header-inner nav.desktop-menu{
	position:absolute;
	right:1.4375em;
	top:30px;
}
.header-inner nav.desktop-menu a{
	padding: 1em 1.375em;
	font-family: 'Oswald', sans-serif;
	color: #6D6D6D;
	font-size: 110%;
}

.homepage #wrapper .header-outer .header-inner.inner .desktop-menu.hide-on-tablet.hide-on-mobile .desktop-menu-list li .bg-orange.btn-orange {
	color: #FFF;
	font-size:100%;
}

ul.desktop-menu-list{
	display:none;
	z-index:110;
	position:absolute;
	top:26px;
	left:265px;
}
.menu-service:hover ~ .desktop-menu-list,.desktop-menu-list:hover{
	display:inline;
}
.desktop-menu-list a{
	display:block;
	padding:1em 0;
	width:180px;
	color:#fff;
}

.header-outer .header-inner.inner .desktop-menu.hide-on-tablet.hide-on-mobile .desktop-menu-list li .bg-orange.btn-orange {
	color: #FFF;
}

.desktop-menu-list-arrow{
	height:30px;
	padding:0;
	background:url(img/dropdown-bg.png) left bottom no-repeat;
}
.header-inner nav.mobile-menu{
	position:absolute;
	right:1em;
	top:22px;
}
.header-inner nav.mobile-menu a{
	display:block;
	width:40px;
	height:40px;
	background-position: center center;
	background-repeat:no-repeat;
	
}
.header-inner nav.mobile-menu a.closed{
	background-image:url(img/icon/mobile-menu.png);
}
.header-inner nav.mobile-menu a.open{
	background-image:url(img/icon/mobile-menu-close.png);
}
.mobile-menu-list{
	display:none;
	z-index:90;
	position:fixed;
	top:80px;
	width:100%;
}
.mobile-menu-list a{
	display:block;
	padding: 0.75em 1em;
	color:#fff;
}
.mobile-menu-list .submenu-trigger{
	background-position: 96% center;
	background-repeat:no-repeat;
}
.mobile-menu-list .closed{
	background-image:url(img/icon/mobile-dropdown.png);
}
.mobile-menu-list .open{
	background-image:url(img/icon/mobile-dropdown-close.png);
}
.mobile-menu-list li.service{
	display:none;
	color:#fff;
	background-image:url(img/icon/COMPROS-PICTO-MENU-puce.png) ;
	background-position:20px 18px;
	background-repeat: no-repeat;
}
.mobile-menu-list li.service a{
	padding-left:2.5em;
}

/*	----------
	MAIN-TITLE
	---------- */

.main-title-section{
	position:relative;
	top:80px;
	margin:0 auto;
	width:100%;
	max-width:1200px;
	height:470px;
	z-index:40;
}
.main-title{
	position:absolute;
	top:160px;
	left:40px;
}

.main-title.right {left:650px;}
.main-title.right h6 {margin-left:96px;}
.main-title h1{
	line-height:1.5em;
}
.main-title span{
	padding-left:0.25em;
	padding-right:0.25em;
}
.main-title-section h6{
	margin-left:108px;
}

.page-mobilbox .main-title-section h6,.page-404 .main-title-section h6,.page-403 .main-title-section h6{
	margin-left:0;
}
.page-mobilbox .contact{
	background-image:url(img/bg/mobilbox.webp);
}
.page-garde-meubles .main-title-section h6{
	margin-top:15px;
	margin-left:0;
	line-height:1.5em;
}
.main-title-bg{
	position:absolute;
	bottom:0;
	width:100%;
	height:35px;
	background:url(img/slide-bottom-bg.png) right bottom no-repeat  ;
}
.main-title-bg-right{
	position:absolute;
	bottom:0;
	width:500%;
	right:-500%;
	height:35px;
	background-color:#fff;
}
.main-title-section .grey{
	background:url(img/COMPROS-image-vague-droite-gris.png) right bottom no-repeat ;
}
.main-title-section .grey + div{
	background-color:#ececec;
}
.main-title-section .black{
	background:url(img/COMPROS-image-vague-droite-noir.png) right bottom no-repeat ;
}
.main-title-section .black + div{
	background-color:#000;
}


/*	-------
	SECTION
	------- */

section{
	z-index:50;
	position:relative;
	width:100%;
	padding:50px 0;
}
section.footer-line{
	padding-bottom:80px;
}
.inner{
	max-width:1200px;
	margin:0 auto;
}
section:first-of-type{
	margin-top:80px
}
section header{
	margin:0 10px;
}
section h2{
	min-height:80px;
	padding-bottom:80px;
	margin-bottom:10px;
	line-height:1.125em;
	text-align:center;
	text-transform:uppercase;
	background-position:center bottom;
	background-repeat:no-repeat;
}
.orange-line{
	background-image:url(img/separator.png);
}
.white-line{
	background-image:url(img/separator-white.png);
}
section.services p{
	padding:0 1.25em;
}
section.contact{
	position:relative;
	background-position: center bottom ;
	background-size:cover;
		z-index:40;
}
.contact .picto-container img{
	display:inline-block;
}
.contact .picto-container div{
	display:inline-block;
}
.contact .picto-container p{
	display:block;
	text-align:center !important;
}
.contact .picto-container h4{
	display:block;
	text-align:center !important;
}
.contact-overlay{
	position:absolute;
	bottom:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100%;
	background:url(img/octagon-overlay.png) left bottom no-repeat;
	opacity:0.4;
}
.contact-btn{
	display:inline-block;
	height:3.125em;
	line-height:3.125em;
	width:200px;
	color:#fff;
	Xmargin-bottom:1.625em;
}
.contact-arrow{
	display:inline-block;
	vertical-align:top;
	margin-left:2px;
	width:50px;
	height:3.125em;
	background-image:url(img/icon/panah-kanan.png); 
	background-position:center center;
	background-repeat:no-repeat;
}
.mobilbox{
	padding:160px 10px 0 10px;
}
.mobilbox a{
	display:inline-block;
	height:60px;
	line-height:60px;
	width:240px;
	font-size:1.25em;
}
.mobilbox a.arrow{
	display:inline-block;
	margin-left:-2px;
	vertical-align:top;
	height:60px;
	width:60px;
	background-image:url(img/icon/panah-kanan.png); 
	background-position:center center; 
	background-repeat:no-repeat;
}
.mobilbox-btn-hover:hover a,.contact-btn-hover:hover a,.contact-btn-hover:hover input{
	background-color:#db4a19;
	color:#fff;
}
.page-mobilbox .main-bg,.page-mobilbox .main-title-section{height:640px}
section.contact h4,section.contact p{
	text-align:left;
}
section.contact img{
	margin-bottom:0.9375em;
}
section.compros-en-chiffres .grid-container div{
	background:url(img/icon/COMPROS-PICTO-presentation-chiffre.png) center top no-repeat;
}
section.compros-en-chiffres .grid-container div	div{
	position:relative;
	height:160px;
	line-height:160px;
	font-size:1.875em;
}
.list li{
	background : url(img/icon/COMPROS-PICTO-puce-grande.png) 0 5px no-repeat;
	padding:5px 20px 15px 36px;
}
.list li:last-child{
	padding-bottom:0;
}
.list li ul{margin-top:15px;}
.list li li{background : url(img/icon/COMPROS-PICTO-puce-petite.png) 0px 11px no-repeat;padding-left:25px}
section.securite .grid-container div:first-child{
	border-right:2px dotted #ddd;
}
.footer{
	z-index:50;
	position:relative;
	width:100%;
	padding:18px 60px;
	margin:0;
	font-size:0.9375em;
	line-height:1.75em;
}
.footer a{
	padding:0 8px;
	color:#ccc;
}
.footer a:hover{
	color:#fff;
}
.scroll-to-top-btn{
	z-index:100;
	position:fixed;
	bottom:8px;
	right:8px;
	height:44px;
	width:44px;
	background-image:url(img/icon/float-nav.png);
}
#map-container{height:470px;width:100%;position:fixed;top:80px;}
#map{height:470px;width:100%;}


/*	--------
	TABLE SPESIFIKASI
	-------- */

#spesifikasi {
	width:550px;
	vertical-align:middle;
	line-height:2.5;
	text-indent: 20px;
	margin:0 auto;
	background-color:#E0FFFF;
}
#spesifikasi td {border-bottom:1px solid #E5E4FF;}
#spesifikasi tr:first-child {background-color:#03C7EC; font-weight:700; border-bottom:3px solid #fff}


/*	--------------
	PAGE D'ACCUEIL
	--------------  */ 

	.services .grid-container div{
		padding:0;
	}
	.services .grid-container div span{
		width:29px;
		height:29px;
		vertical-align:-10px;
		margin-left:5px;
		background-image:url(img/icon/plus.png);
	}
	.services .grid-container div:hover span{
		background-image:url(img/icon/plus-hover.png);
	}

/*	-------------
	PAGE MOBILBOX
	-------------  */ 

	#video{
		display: none;
		position:fixed;
		top:0;left:0;
		height:100%;
		width:100%;
		padding:130px 0;
		z-index:200;
		background:transparent url(img/bg/opa-2.png);
	}
	.video-container{
		position:relative;
		height:100%;
		width:100%;
		text-align:center;
	}
	.video-container div{
		display:inline-block;
		position:relative;
		margin:0 auto;
	}
	.main-bg-overlay{
		height:640px;
		background-image:url(img/octagon-overlay-home.png);
	}
	.close-video{
		position:absolute;
		display:block;
		height:50px;
		line-height:50px;
		padding:0 40px;
		top:-50px;
		right:10px;
		background-image:url(img/icon/COMPROS-PICTO-MOBILBOX-fermer-01.png);
		background-repeat:no-repeat;
		background-position:right center;
	}
	.close-video:hover{
		background-image:url(img/icon/COMPROS-PICTO-MOBILBOX-fermer-02.png)
	}


/*	------------
	PAGE CONTACT 
	------------  */ 

	form div{
		margin-bottom:0.9375em;
	}
	label{
		display:block;
		line-height:1.5em;
	}
	input,textarea{
		width:100%;
		border:1px solid #ccc;
		border-radius:5px;
		font-size:0.8125em;
	}
	input{
		height:50px;
		padding:0 30px 0 10px;
	}
	textarea{
		height:100px;
		padding:10px;
	}
	input[type=submit]{
		border:0;border-radius:0;
		font-size:1.125em;
		text-align:center;
		padding:0;
	}
	.field.invalid input, .field.invalid textarea { 
		border: 1px solid #e84e1b; 
		background:url(img/icon/COMPROS-PICTO-contact-info.png) 98% 5px no-repeat 
 
	}
	.alamatOmni .picto-container{
		margin-bottom:35px;
	}
	.alamatOmni .picto-container:last-child{
		margin-bottom:0;
	}
	.alamatOmni .picto-container img{
		display:inline-block;
	}
	.alamatOmni .picto-container span{
		display:inline-block;
		text-align:left;
	}

/*	-------------
	PAGE ARCHIVES 
	-------------  */ 

	.slider-archives-pictos div{
		padding:0;
		position:relative;
	}
	.slider-archives-pictos div div{
		height:150px;
		width:150px;
		margin:0 auto;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
	}
	.slider-archives-pictos .slide-arrow{
		display:block;
		position:absolute;
		right:-6%;
		top:24%;
		width:20px;
		height:40px;
		background-image:url(img/slider-arrow-02.png);
	}
	.slider-archives-pictos .pic-0 div							{background-image:url(img/icon/COMPROS-PICTO-archives-diagnostic-1.png);}
	.slider-archives-pictos .pic-0:hover div,.pic-0 div.active	{background-image:url(img/icon/COMPROS-PICTO-archives-diagnostic-2.png);}
	.slider-archives-pictos .pic-1 div							{background-image:url(img/icon/COMPROS-PICTO-archives-transport-1.png);}
	.slider-archives-pictos .pic-1:hover div,.pic-1 div.active	{background-image:url(img/icon/COMPROS-PICTO-archives-transport-2.png);}
	.slider-archives-pictos .pic-2 div							{background-image:url(img/icon/COMPROS-PICTO-archives-stockage-1.png);}
	.slider-archives-pictos .pic-2:hover div,.pic-2 div.active	{background-image:url(img/icon/COMPROS-PICTO-archives-stockage-2.png);}
	.slider-archives-pictos .pic-3 div							{background-image:url(img/icon/COMPROS-PICTO-archives-consultation-1.png);}
	.slider-archives-pictos .pic-3:hover div,.pic-3 div.active	{background-image:url(img/icon/COMPROS-PICTO-archives-consultation-2.png);}
	.slider-archives-pictos .pic-4 div							{background-image:url(img/icon/COMPROS-PICTO-archives-recyclage-1.png);}
	.slider-archives-pictos .pic-4:hover div,.pic-4 div.active	{background-image:url(img/icon/COMPROS-PICTO-archives-recyclage-2.png);}
	
	.slider-archives-textes .tab{
		display:none;
		padding:20px;
		margin-top:25px;
	}
	.slider-archives-pictos .active,.slider-archives-textes .active{
		display:block;
	}
	.slider-archives-textes .tab h3{
		text-align:center;
	}
	.slider-archives-btn .btn{
		display:inline-block;
		position:relative;
		height:50px;
		width:50px;
	}
	.slider-archives-btn .btn img{
		position:absolute;
		top:5px;
		left:5px;
	}


/*	--------
	ARTIKEL 
	--------  */ 
	.artikel #wrapper .bg-white.mentions .inner {
	max-width:1120px;
}
	.artikel #wrapper .bg-white.mentions .inner .grid-container img {
	height: auto;
	width: 100%;
}
	.artikel .main-bg {background-image: url(img/bg/artikel.webp);height:75px;}
	.artikel #wrapper .bg-white.mentions {margin-top: 155px;}
	.artikel #wrapper .bg-white.mentions .inner .grid-container .artikelTabel tr td {padding: 10px 0; border-bottom:1px solid #EDECEC}

blockquote{
  display:block;
  background: #fff;
  padding: 25px 45px 25px 60px;
  margin: 0 0 20px;
  position: relative;
  
  /*Font*/
  font-size: 18px;
  text-align: justify;
  
  /*Borders - (Optional)*/
  border-left: 15px solid #e84e1b;
  border-right: 2px solid #e84e1b;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 10px #ccc;
  -webkit-box-shadow: 2px 2px 10px #ccc;
  box-shadow: 2px 2px 10px #ccc;
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 20px;
  top:17px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

	/* TABLET + MOBILE */

	@media screen and (max-width: 1024px) {
		.slider-archives-pictos .slide-arrow{
			display:none;
		}
		.slider-archives-textes .tab{
			margin-top:0;
			margin-bottom:0;
		}
		.slider-archives-btn{
			margin-top:10px;
		}
	}

/*	-------------
	MEDIA QUERIES
	------------- */

/* HORIZONTAL SCREEN */

@media screen and (max-height: 450px) {
	a.logo img{
		width:350px;
	}
	.header-inner{
		background:#fff;
		height:80px;
		box-shadow:0 0 5px #333;
	}
	.main-title-bg{
		background:none;
	}
	.hide-on-mobile-h{
		display:none;
	}
	.mobile-menu-list li.service{
		float:left;
		width:50%;
	}
}


/* MOBILE ONLY*/
@media screen and (max-width: 720px) {
	
	.main-bg-overlay{
		display:none;
	}
	.main-bg{
		z-index:-1;
		-webkit-transform: translateZ(0);
	}
	a.logo img{
		width:200px;
	}
	.header-outer{
		height:80px;
	}
	.header-inner{
		background:#fff;
		height:80px;
		box-shadow:0 0 5px #333;
	}
	.main-title-bg{
		display:none;
	}
	.main-title-section h6{
		margin-left:0px;
	}
	
	
	section:first-of-type{
		margin-top:40px
	}
	section.securite .grid-container div:first-child{
		border-right:0;
	}
	.main-bg,.main-title-section{
		height:360px;
	}
	.main-title{
		padding:0 10px;
		top:80px;
		left:0;
	}
	.main-title-section{
		
	}
	.main-title-section h1{
		font-size: 1.9375em;
		line-height:1.5em;
	}
	.main-title-section h6{
		font-size:1em;
	}
	
	.page-conteneurs .main-title{
		top:20px;
	}
	.page-garde-meubles .main-title-section h1{
		line-height:1.375em;
	}
	.basic-grid .mobile-grid-100{
		margin-bottom:50px;
	}
	.basic-grid .mobile-grid-100:last-child{
		margin-bottom:0;
	}
	.slider-archives-pictos div div{width:60px;height:60px;}
	.slider-archives-pictos h3,.slider-archives-pictos span{display:none}
	#map-container{height:360px;width:100%;position:fixed;top:80px;}
	#map{height:360px;width:100%;}

	.page-mobilbox .main-bg,.page-mobilbox .main-title-section{height:420px}
	.page-mobilbox .main-title-section{top:30px;}
	
	.mobilbox{
		padding:65px 10px 0 10px;
		line-height:
	}
	.mobilbox h6{
		margin-bottom:10px;
	}
	.mobilbox h1{
		line-height:1em
	}
	.mobilbox a{
		display:inline-block;
		height:50px;
		line-height:50px;
		width:220px;
		font-size:1.125em;
	}
	.mobilbox a.arrow{
		display:inline-block;
		margin-left:-2px;
		vertical-align:top;
		height:50px;
		width:50px;
		background-image:url(img/pictos/panah-kanan.png); 
		background-position:center center; 
		background-repeat:no-repeat;
	}
	section.footer,.footer a{
		font-size:0.8125em !important;
		padding-left:0 !important;
		padding-right:0 !important;
	}
	#spesifikasi {width:100%}
	.imgResponsive {width:100%; height:auto}
}

	
/* TABLET ONLY*/ 
@media screen and (min-width: 721px) and (max-width: 1024px){
	
	.basic-grid .tablet-grid-50{
		margin-bottom:40px;
	}
	.basic-grid .tablet-grid-50:last-child,.basic-grid .tablet-grid-50:nth-last-child(2){
		margin-bottom:0;
	}
	.slider-archives-pictos div div{width:120px;height:120px}
	.slider-archives-pictos h3,.slider-archives-pictos span{display:none;}
}

/* TABLET + MOBILE */
@media screen and (max-width: 1024px) {

	
	a.logo{
		left:1.25em;
	}
	.alamatOmni .picto-container span,.contact .picto-container div{
		display:block;
		text-align:center;
	}

	/* PROVISOIRE !!!!!!!!!!!!!!!! */

	.mobile-margin-bottom{margin-bottom:50px;}
	.mobile-margin-top{margin-top:6.25em;}
}


/* MOBILE */
@media screen and (max-width: 720px) {
	.homepage .main-bg,.homepage .contact{background-image:url(img/bg/timah-hitam-720.webp);}
	.page-presentation .main-bg,.page-presentation .contact{background-image:url(img/bg/lead-sheet-720.webp);}
	.kaca-pb .main-bg,.kaca-pb .contact{background-image:url(img/bg/kaca-pb-720.webp);}
	.alamatOmni .main-bg,.alamatOmni .contact{background-image:url(img/bg/alamat-720.webp);}
	.contact-arrow {display: none;}	
	#loader-icon {right: 40px; bottom: -120px;}
}

/* TABLET */
@media screen and (min-width: 721px) and (max-width: 1024px){
	.homepage .main-bg,.homepage .contact{background-image:url(img/bg/timah-hitam-1024.webp);}
	.page-presentation .main-bg,.page-presentation .contact{background-image:url(img/bg/lead-sheet-1024.webp);}
	.kaca-pb .main-bg,.kaca-pb .contact{background-image:url(img/bg/kaca-pb-1024.webp);}
	.alamatOmni .main-bg,.alamatOmni .contact{background-image:url(img/bg/alamat-1024.webp);}
	.main-title.right {left:400px;}
}

/* DESKTOP */
@media screen and (min-width: 1025px) and (max-width: 1920px){
	.homepage .main-bg,.homepage .contact{background-image:url(img/bg/timah-hitam-1920.webp);}
	.page-presentation .main-bg,.page-presentation .contact{background-image:url(img/bg/lead-sheet-1920.webp);}
	.kaca-pb .main-bg,.kaca-pb .contact{background-image:url(img/bg/kaca-pb-1920.webp);}
	.alamatOmni .main-bg,.alamatOmni .contact{background-image:url(img/bg/alamat-1920.webp);}
}

@media screen and (min-width: 1025px){
	/* BUMP */

	.bump{
		cursor:pointer;
		
		-webkit-transform: scale(0.87); 
		-moz-transform: scale(0.87); 
		-ms-transform: scale(0.87); 
		-o-transform: scale(0.87); 
		transform: scale(0.87);

		-webkit-transition: all .5s cubic-bezier( .6, 2, .4, 1); 
		-moz-transition: all .5s cubic-bezier( .6, 2, .4, 1); 
		-ms-transition: all .5s cubic-bezier( .6, 2, .4, 1); 
		-o-transition: all .5s cubic-bezier( .6, 2, .4, 1); 
		transition: all .5s cubic-bezier( .6, 2, .4, 1);
		
	}
	.services .grid-container div:hover .bump,.bump:hover{
		-webkit-transform: scale(1); 
		-moz-transform: scale(1); 
		-ms-transform: scale(1);
		-o-transform: scale(1); 
		transform: scale(1);
	}
}


/* VISIBLE */

/*
.come-in {
	-webkit-transform: translateX(150px);
	-webkit-animation: come-in 0.8s ease forwards;
	-moz-transform: translateX(150px);
	-moz-animation: come-in 0.8s ease forwards;
	transform: translateX(150px);
	animation: come-in 0.8s ease forwards;
}
.come-in:nth-child(odd) {
	-webkit-animation-duration: 0.6s;
	-moz-animation-duration: 0.6s;
	animation-duration: 0.6s;
}
.already-visible {
	-webkit-transform: translateX(0);
	-webkit-animation: none;
	-moz-transform: translateX(0);
	-moz-animation: none;
	transform: translateX(0);
	animation: none;
}
@-webkit-keyframes come-in {
  to {  -webkit-transform: translateX(0);    
  }
}
@-moz-keyframes come-in {
  to {  -moz-transform: translateX(0);    
  }
@keyframes come-in {
  to {transform: translateX(0); }
}
*/
.come-in,.come-in-onload{
	visibility: hidden;
}
.come-in-left {
	-webkit-transform: translateX(-50px);
	-webkit-animation: come-in 1.2s ease-out forwards;
	-moz-transform: translateX(-50px);
	-moz-animation: come-in 1.2s ease-out forwards;
	transform: translateX(-50px);
	animation: come-in 1.2s ease-out forwards; 
}
.come-in-left:nth-child(odd) {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
}
.come-in-right {
	-webkit-transform: translateX(50px);
	-webkit-animation: come-in 1.2s ease-out forwards;
	-moz-transform: translateX(50px);
	-moz-animation: come-in 1.2s ease-out forwards;
	transform: translateX(50px);
	animation: come-in 1.2s ease-out forwards; 
}
.come-in-right:nth-child(odd) {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
}
.already-visible {
	-webkit-transform: translateX(0);
	-webkit-animation: none;
	-moz-transform: translateX(0);
	-moz-animation: none;
	transform: translateX(0);
	animation: none;
}
@-webkit-keyframes come-in {
	to { -webkit-transform: translateX(0);	}
}
@-moz-keyframes come-in {
	to { -moz-transform: translateX(0); }
}
@keyframes come-in {
	to { transform: translateX(0); }
}


/*WAVES*/


section footer{
	position:absolute;
	bottom:0;
	height:80px;
	width:100%;
	background-position:center center;
	background-repeat:no-repeat;

}
section footer.bottom-wave{
	bottom:-35px;
	height:35px;
}
section footer div:first-child{
	height:80px;
	position:relative;	
	background-repeat:no-repeat;
}
section footer.bottom-wave div:first-child{
	height:35px;
}
section footer.right-wave div:first-child{
	background-position:right bottom;
}
section footer.left-wave div:first-child{
	background-position:left bottom;
}

section footer.white-right-wave div:first-child			{background-image:url(img/slide-bottom-bg.png);}
section footer.grey-right-wave div:first-child			{background-image:url(img/COMPROS-image-vague-droite-gris.png);}
section footer.grey-left-wave div:first-child			{background-image:url(img/COMPROS-image-vague-gauche-gris.png);}
section footer.white-right-bottom-wave div:first-child	{background-image:url(img/COMPROS-image-vague-bas-droite.png);}
section footer.grey-right-bottom-wave div:first-child	{background-image:url(img/COMPROS-image-vague-bas-droite-gris.png);}
section footer.grey-left-bottom-wave div:first-child	{background-image:url(img/COMPROS-image-vague-bas-gauche-gris.png);}

section footer .inner div{
	height:35px;
	position:absolute;
	bottom:0;
	width:500%;
}
section footer.right-wave .inner div{
	right:-500%;
}

section footer.left-wave .inner div{
	left:-500%;
}

.icon::before {
    content: url(../img/whatsapp.png);
    position: relative;
    top: 3px;
    margin-right: 6px;
    padding-left: 3px;
}
.icon.tel::before {
	    content: url(../img/telepon.png);
}

a.icon { color:#FFF}
a:hover.icon {color:#e84e1b }