/*--------------------------------------------------------------
  Template Name: Tmart-Minimalist eCommerce HTML5 Template.
  Template URI: #
  Description: Tmart is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.
  Author: Theme365
  Version: 1.0
---------------------------------------------------------------*/

/* ----------------------------------------------------
	You can put your custom css code here: 
-------------------------------------------------------*/
body {background: url("../images/bg/head.jpg") no-repeat;background-size: 100%;}
.bglogo {background: url("../images/logo/logo.jpg") no-repeat center;}

.colorps {background: #7b003f;}



.pro__choose__color li.coul1 i {
    color: #fdf4cf;
}
.pro__choose__color li.coul2 i {
    color: #efb058;
}
.pro__choose__color li.coul3 i {
    color: #ac5a22;
}
.pro__choose__color li.coul4 i {
    color: #882d1e;
}
.pro__choose__color li.coul5 i {
    color: #4f2514;
}
.pro__choose__color li.coul6 i {
    color: #301610;
}

.coulphil {color: #7b003f;}


.condi{border:1px solid #a39f9f;padding:5px 10px 5px 5px;margin:0px 5px 0px 0px;}

.colorps {background: #7b003f;}
.fdtrans {background-image : url( "../images/bg/bl.png" );}
.fdvague {
	background-image : url( "../images/bg/wave.svg" );
	background-repeat: no-repeat;
	background-position:bottom;
	
	}

.fdvagueh {
	background-image : url( "../images/bg/wave2.svg" );
	background-repeat: no-repeat;
	background-position:top;
	
	}	
.fdvague2 {
	background-image : url( "../images/bg/wave3.svg" );
	background-repeat: no-repeat;
	background-position:top;
	
	}		
	
.bgorange {background: #f8ba60;}
.bgorange2 {background: #f1934c;}

.logo {margin:auto;text-align:center;}
.logo img{
	width:100px;
    display: block;
  margin-left: auto;
  margin-right: auto;
}

.menuyan {height:70px;padding:0px 0px;margin:0px 0px;border-bottom: 1px solid #79003b;/*background:#79003b;*/}
.menuyan > li > a {line-height:70px;color:#79003b;}
.menuyan > li > a:hover {color:#fab600;}

.philbg {background:#79003b;}

#txtlzr {font-size: 20px; width: 600px; height: 600px; margin: 50px 0 50px 100px; color: #444444;float:left;}
#roue {float:left;width: 600px;height: 600px;}


.menu-extra {
  align-items: center;
  display: flex;
  height: 20px;
}
#video {
background:#fff;
height: 100vh;
width: 100vw;
opacity:1;
object-fit: cover;
position: fixed;
left: 0;
right: 0;
top: 0px;
bottom: 0;
z-index: -1;
}

video{
	object-fit:cover;
	transition:all .3s ease-out 0s;
	position:absolute;
	top:50%;left:50%;
	transform:translate(-50%,-50%);
	width:100%;height:100%;
	max-width:none;
	transform-origin:center;
	display:block;
	z-index: -1;
}

.logogd{  display: block;
  margin-left: auto;
  margin-right: auto;
  opacity:1;
  }
  .flf{  
  margin-top:30px;
  width:100%;
  text-align:center;
  color:#fff;
  }
  
.flf h2 { color:#fff;}
.boxyan{padding:0px 10px 10px 10px;}
.boxcertif{padding:0px 0px 0px 0px;height:300px;margin-top:50px;}
.iconbox{margin-top:-70px;width:150px;}
.bgbox1 {background: #fcf4cf;}
.bgbox2 {background: #f4d09f;}
.bgbox3 {background: #f0bf7d;}
.bgbox4 {background: #ecaf5b;}
.relevetop{margin-top:-130px;};