@charset "utf-8";
/* CSS Document */

body { background-color:#041E28;/*#DDDDDD*/ }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }

.MotionAlignL{ float:left; }
.MotionAlignR{ float:right; }

.MotionContent{ width:100%; float:left; }
.MotionMain0{ width:90%; margin:auto; } 
.MotionMain { width:1600px; margin:auto; } 
.MotionMain1{ width:1600px; margin:auto; }

/* ------------------------------------------------------------------------ */
/*Top*/
#WixoonTop { width:100%; height:60px; float:left; padding:10px 0 10px 0; position: fixed; z-index:101; color:#FFF; }/*Top menu*/
#WixoonTop1{ width:100%; height:60px; float:left; padding:10px 0 10px 0; position: fixed; z-index:100; background-color:#FFF; margin-top:-80px; opacity:0; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); }/*Top white background*/
#WixoonTop2{ width:100%; height:60px; float:left; padding:10px 0 10px 0; position: fixed; z-index:98; 
background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) -70%, rgba(0,0,0,0.0) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) -70%,rgba(0,0,0,0.0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.8) -70%,rgba(0,0,0,0.0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 ); } /*Top black gradiant*/
#logo2{ display:none; }

#WixoonTopSub { width:100%; min-height:100px; float:left; padding:90px 0 50px 0; position: fixed; z-index:99; margin-top:-1000px; opacity:0;
background-color:#000; color:#FFF;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+30,1+51 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0.9) 51%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.9) 51%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.9) 51%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}/*Top menu*/
.WixoonTopSubSet { width:50%; float:right; }


.WixoonTopSt  { width:90%; margin:auto; }
.WixoonTopSt1 { width:20%; padding:10px 0 0 0; float:left; }
.WixoonTopSt2 { width:80%; padding:20px 0 0 0; float:left; }
.btTop { margin:0 19px 0 19px; float:left; font-family:  "Montserrat", Arial, Helvetica, sans-serif; font-size: 16px; color: #FFF; /*font-weight:bold;*/   
animation-name: fadeInTo; animation-duration: 0.5s;  animation-fill-mode: forwards; }
.btTop:hover { border-bottom: 4px solid  #FF3366; padding:0 0 10px 0; cursor:pointer;  
animation-name: fadeOutTo; animation-duration: 1s;  animation-fill-mode: forwards;  /*transition: border-width 0.1s ease-in-out;*/  }
.btTopOver,.btTopOver_ { margin:0 19px 0 19px; float:left; font-family:  "Montserrat", Arial, Helvetica, sans-serif; font-size: 16px; color: #FFF; /*font-weight:bold;*/ border-bottom: 4px solid  #FF3366;  padding:0 0 10px 0; }
.btTopOver_ { border-bottom: 4px solid  #FF6633; }
.btTopLang { margin:0 2px 0 2px; font-weight:bold; }

.btTopSub { margin:0 20px 0 20px; font-family:  "MyriadPro-Light", Arial, Helvetica, sans-serif; font-size: 25px; line-height:30px; padding-bottom:5px; color: #CCC; /*font-weight:bold;*/   
animation-name: fadeInTo; animation-duration: 0.5s;  animation-fill-mode: forwards; }
.btTopSub:hover { color: #FFF; }
.btTopSub:hover > .playBt{ margin-left:20px; opacity:1; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; /*right:calc(100% - 100px);*/ }

#logoEffect { transform: scale(1); opacity:1;  transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s;}
#logoEffect:hover { transform: scale(0.9); opacity:0.8; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s;}


/*Ban*/
.WixoonBan { width:100%; height:900px; float:left; overflow:hidden; /*padding:400px 0 0 0;*/  background-color:#222; }
.WixoonBan1{ width:100%; height:900px; float:left; overflow:hidden; /*padding:400px 0 0 0;*/  background-color:#222; }
#WixoonBanOver { width:100%; height:500px; padding:400px 0 0 0; position: absolute; z-index:98; } 

.imgMobile{ display:none;  }
.WixoonBanPage { width:100%; min-height:100px; float:left; background: transparent; }
.WixoonBanPageStudio1 { width:100%; min-height:550px; float:left; overflow:hidden; padding:350px 0 50px 0;  /*background-color:#222; background-image:url(../img/pix_ban_studio1.jpg);*/ background: transparent; background-position:top left;}
.WixoonBanPageWeb1 { width:100%; min-height:550px; float:left; overflow:hidden; padding:400px 0 50px 0;  /*background-color:#222; background-image:url(../img/pix_ban_web1.jpg);*/ background: transparent; background-position:top left;}
.WixoonBanPageWeb2 { width:100%; min-height:600px; float:left; overflow:hidden; padding:150px 0 100px 0;  background-color:#222; background-image:url(../img/pix_ban_web2.jpg); background-position:top right; }
.WixoonBanPageWebref1 { width:100%; min-height:250px; float:left; overflow:hidden; padding:150px 0 100px 0;  /*background-color:#222; background-image:url(../img/pix_ban_web_ref1.jpg);*/ background: transparent; background-position:top left;}
.WixoonBanPageWebref2 { width:100%; min-height:250px; float:left; overflow:hidden; padding:150px 0 100px 0;  /*background-color:#222; background-image:url(../img/pix_ban_web_ref2.jpg);*/ background: transparent; background-position:top left;}
.WixoonBanPage3d1 { width:100%; min-height:600px; float:left; overflow:hidden; padding:200px 0 80px 0;  /*background-color:#222; background-image:url(../img/pix_ban_3d1.jpg);*/ background-position:top left;}
.WixoonBanPage3d2 { width:100%; min-height:600px; float:left; overflow:hidden; padding:150px 0 100px 0;  background-color:#222; background-image:url(../img/pix_ban_3d2.jpg); background-position:top right; }
.WixoonBanPage3d3 { width:100%; min-height:600px; float:left; overflow:hidden; padding:150px 0 100px 0;  background-color:#222; background-image:url(../img/pix_ban_3d3.jpg); background-position:top left; }
.WixoonBanPage3dref1 { width:100%; min-height:250px; float:left; overflow:hidden; padding:150px 0 100px 0;  /*background-color:#222; background-image:url(../img/pix_ban_3d_ref1.jpg);*/ background: transparent; background-position:top left;}
.WixoonBanPage3dref2 { width:100%; min-height:250px; float:left; overflow:hidden; padding:150px 0 100px 0;  /*background-color:#222; background-image:url(../img/pix_ban_3d_ref2.jpg);*/ background: transparent; background-position:top left;}
.WixoonBanPage2d1 { width:100%; min-height:600px; float:left; overflow:hidden; padding:200px 0 80px 0;  /*background-color:#222; background-image:url(../img/pix_ban_2d1.jpg);*/ background: transparent; background-position:top left;}
.WixoonBanPage2d2 { width:100%; min-height:550px; float:left; overflow:hidden; padding:250px 0 50px 0;  background-color:#222; background-image:url(../img/pix_ban_2d2.jpg); background-position:top right; }
.WixoonBanPage2dref1 { width:100%; min-height:250px; float:left; overflow:hidden; padding:150px 0 100px 0;  /*background-color:#222; background-image:url(../img/pix_ban_2d_ref1.jpg);*/ background: transparent; background-position:top left;}
.WixoonBanPagePrint1 { width:100%; min-height:550px; float:left; overflow:hidden; padding:250px 0 50px 0;  /*background-color:#222; background-image:url(../img/pix_ban_imprimerie1.jpg);*/ background: transparent; background-position:top left;}
.WixoonBanPagePrint2 { width:100%; min-height:550px; float:left; overflow:hidden; padding:250px 0 50px 0;  background-color:#222; background-image:url(../img/pix_ban_imprimerie2.jpg); background-position:top right; }

.WixoonBanPageProjet { width:100%; min-height:250px; float:left; overflow:hidden; padding:150px 0 100px 0;  /*background-color:#222; background-image:url(../img/pix_ban_projet.jpg);*/ background: transparent; background-position:top left; }
.WixoonBanPageContact { width:100%; min-height:550px; float:left; overflow:hidden; padding:200px 0 80px 0;  /*background-color:#222; background-image:url(../img/pix_ban_contact.jpg);*/  background-position:top left; }

.WixoonBanPageHome0 { width:100%; min-height:350px; float:left; overflow:hidden; padding:100px 0 100px 0;  /*background-color:#222; background-image:url(../img/pix_ban_home1.jpg);*/ background: transparent; background-position:top right; }
.WixoonBanPageHome1 { width:100%; min-height:350px; float:left; overflow:hidden; padding:200px 0 100px 0;  /*background-color:#222; background-image:url(../img/pix_ban_home1.jpg);*/ background: transparent; background-position:top right; }
.WixoonBanPageHome2 { width:94%; min-height:350px; float:left; overflow:hidden; padding:50px 3% 50px 3%;  background-color:#222; background-image:url(../img/pix_ban_home2.jpg); background-position:top right; }

.WixoonBanPageHome3 { width:100%; min-height:200px; float:left; overflow:hidden; padding:50px 0 50px 0;  background-color:#FFF; background-image:url(../img/pix_ban_home3.jpg); background-position:top center; }


/*Page*/
.WsplitA1{ width:45%; margin-right:5%; float:left; }
.WsplitA2{ width:50%; float:left; }

.WsplitB1{ width:35%; margin-right:4%; float:left; }
.WsplitB2{ width:35%; margin-right:4%; float:left; }
.WsplitB3{ width:22%; float:left; }
.WsplitBPad { width:100%; height:100px; }
.WsplitB1_{ width:31%; margin-right:3.5%; margin-left:0%; float:left; }
.WsplitB2_{ width:31%; margin-right:3.5%; margin-left:0%; float:left; }
.WsplitB3_{ width:31%; margin-right:0%; margin-left:0%; float:left; }

.WbackWide { width:100%; float:left; background-color: #1B242B; }
.WbackWide1{ width:100%; float:left; background-color: #041E28; }
.WbackWide2{ width:100%; float:left; background-color: #333; }
.WbackWide3{ width:100%; float:left; background-color: #EEEEEE; }
.WbackWide4{ width:100%; float:left; background-color: #FFF; }
.WbackWide5{ width:100%; float:left; background-color: #E9EBEA; }

.WBlocSHome{ animation-name: bounceOut2; animation-duration: 0.5s;  animation-fill-mode: forwards; }
.WBlocSHome:hover{ animation-name: bounceIn2; animation-duration: 0.5s;  animation-fill-mode: forwards; }

.WBlocFlat1{ width:20%; float:left; overflow:hidden; }
.WBlocFlat2{ width:25%; float:left; overflow:hidden; }
.WBlocFlat3{ width:19.4%; float:left; margin:15px 0 0 0.6%; overflow:hidden; 
font-family: "MyriadPro-Light", Arial, Helvetica, sans-serif; font-size: 30px; background-color:#FFF; border-radius:3px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
.WBlocFlat3:hover{ background-color:#EEE; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);   transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; }

.WBlocFlat4{ width:97%; float:left; margin:15px 1% 10px 1%; overflow:hidden; 
font-family: "MyriadPro-Light", Arial, Helvetica, sans-serif; font-size: 25px; background-color:rgba(20, 20, 20, 0.1); opacity:0.8; border-radius:8px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s;}
.WBlocFlat4:hover{ background-color:rgba(20, 20, 20, 0.2); opacity:1; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s;} 

.WBlocFlat3St { width:100%; min-height:28px; float:left;  }
#WBlocFlatOver1 { width:20%; height:0px; padding:0 0 0 0; position: absolute; z-index:10; background: rgba(20, 20, 20, 0.2);  opacity:0.9; animation-name: bounceOut; animation-duration: 0.5s;  animation-fill-mode: forwards; } 
.WBlocFlat1:hover > #WBlocFlatOver1{ animation-name: bounceIn; animation-duration: 0.5s;  animation-fill-mode: forwards; }

.WBlocFlatColor1{ background-color: #EEE; }
.WBlocFlatColor2 { background-color:#042633; }
.WBlocFlatColor2:hover{ background-color:#052836; }

#WBlocFlatOver2 { width:20%; height:0px; padding:0 0 0 0; position: absolute; z-index:10; 
background-color:#222; color:#CCC;  animation-name: fadeInTo; animation-duration: 0.5s;  animation-fill-mode: forwards;
background: -moz-linear-gradient(top,  rgba(34,34,34,0) 0%, rgba(34,34,34,0) 40%, rgba(34,34,34,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(34,34,34,0) 0%,rgba(34,34,34,0) 40%,rgba(34,34,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(34,34,34,0) 0%,rgba(34,34,34,0) 40%,rgba(34,34,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
} /*ref video*/
#WBlocFlatOver2:hover { animation-name: fadeOutTo; animation-duration: 0.5s;  animation-fill-mode: forwards; }
.blackWhite{ animation-name: fadeToColor; animation-duration: 0.5s;  animation-fill-mode: forwards; }
.WBlocFlat1:hover > .blackWhite{ animation-name: fadeToblack; animation-duration: 0.5s;  animation-fill-mode: forwards; /*-webkit-filter: grayscale(60%); filter: grayscale(60%);*/ }
#WBlocFlatOver3 { width:20%; height:0px; padding:0 0 0 0; position: absolute; z-index:10; 
background-color:#222; color:#CCC; animation-name: fadeInTo; animation-duration: 0.5s;  animation-fill-mode: forwards;
background: -moz-linear-gradient(top,  rgba(34,34,34,0) 0%, rgba(34,34,34,0) 40%, rgba(34,34,34,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(34,34,34,0) 0%,rgba(34,34,34,0) 40%,rgba(34,34,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(34,34,34,0) 0%,rgba(34,34,34,0) 40%,rgba(34,34,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
} /*projet*/
#WBlocFlatOver3:hover { animation-name: fadeOutTo; animation-duration: 0.5s;  animation-fill-mode: forwards; }
.blurEffect{ animation-name: blurOut, scaleOut; animation-duration: 0.5s;  animation-fill-mode: forwards; }
.WBlocFlat2:hover > .blurEffect{ animation-name: blurIn, scaleIn; animation-duration: 0.5s;  animation-fill-mode: forwards; /*-webkit-filter: grayscale(60%); filter: grayscale(60%);*/ }


.gallerieEffect{ animation-name: fadeOutTo, scaleIn; animation-duration: 0.4s;  animation-fill-mode: forwards; } /*ref 3d & 2d*/
.WBlocFlat1:hover > .gallerieEffect{ animation-name: fadeInTo, scaleOut; animation-duration: 0.5s;  animation-fill-mode: forwards; }
.playBt{ margin-left:-20px; opacity:0;  transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s;} 
#WBlocFlatOver2:hover > .playBt{ margin-left:20px; opacity:1; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; /*right:calc(100% - 100px);*/ }

.refEffect{ animation-name: fadeInTo; animation-duration: 0.4s;  animation-fill-mode: forwards; } /*ref web*/
.refEffect:hover{ animation-name: fadeOutTo; animation-duration: 0.4s;  animation-fill-mode: forwards; } /*ref web*/

#loaderPixArea1 { width:100%; min-height:0px; float:left;  display:none; background-color:#222; background-image:url(img/loading.gif); background-repeat: no-repeat; background-position:center; }
#PixTitle { width:96%; min-height:30px; padding:15px 2% 20px 2%; top:-180px; position: absolute; z-index:10; 
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
 } 
.PixTitle { color:#FFF; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 15px; }

.loaderVideoArea{ width:80%; margin:auto; padding-top:100px; }
.loaderVideoBack{ width:100%; min-height:100px; float:left; background-color:#000; }


.WBlocMedia { width:25%; height:250px; float:left; overflow:hidden;  background-color: #DDD; }
.WBlocMedia1{ width:25%; height:250px; float:left; overflow:hidden;  background-color: #DDD; /*border-bottom: solid 3px #FF6633;*/ }


#WBlocMediaOver { width:25%; height:170px; padding:80px 0 0 0; position: absolute; z-index:10; 
background: rgba(4, 30, 40, 0.5); font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 30px; line-height:35px; color:#FFF; 
animation-name: bounceIn1; animation-duration: 0.6s;  animation-fill-mode: forwards; } 

#WBlocMediaOver1 { width:25%; height:170px; padding:80px 0 0 0; position: absolute; z-index:10; 
background: rgba(255, 102, 51, 0.95); font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 25px; line-height:35px; color:#FFF; 
animation-name: bounceOut1; animation-duration: 0.6s;  animation-fill-mode: forwards; } 

.WBlocMedia:hover > #WBlocMediaOver { animation-name: bounceOut1; animation-duration: 0.5s;  animation-fill-mode: forwards; }
.WBlocMedia:hover > img { animation-name: scaleIn; animation-duration: 0.4s;  animation-fill-mode: forwards;  }
.WBlocMedia > img { animation-name: scaleOut; animation-duration: 0.4s;  animation-fill-mode: forwards;  }

.WBlocMedia1:hover > #WBlocMediaOver1 { animation-name: bounceIn1; animation-duration: 0.3s;  animation-fill-mode: forwards; }
.WBlocBubble { width:80px; height:70px; padding-top:10px; background-color:#FF6633; border-radius:80px; }
.logoClient { width:12.5%; animation-name: fadeOutTo; animation-duration: 0.5s;  animation-fill-mode: forwards; }
.logoClient:hover { animation-name: fadeInTo; animation-duration: 0.5s;  animation-fill-mode: forwards; }

.WStudioSt { width:860px; margin:auto; }
.WStudioBubble { width:200px; height:160px; float:left; padding-top:40px; 
font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 25px; line-height:35px; color:#FFF;  background-color:#FD9A06; border-radius:200px; opacity:0.8; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; }	
.WStudioBubble:hover { background-color:#063040; animation-name: fadeOutTo,scaleIn1; animation-duration: 0.5s;  animation-fill-mode: forwards; /*opacity:0.5; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s;*/ cursor:pointer; }
#WStudioBack1 { width:0%; height:200px; left:45%; top:950px; /*padding:80px 0 0 0;*/ position: absolute; z-index:10; background-color:#FF3366; border-radius:2000px; opacity:0; }
#WStudioBack1Crop{ width:100%; height:1px; position: absolute; z-index:11; overflow:hidden;}
#WStudioBack2 { width:100%; height:200px; padding:0 0 0 0; top:700px; position: absolute; z-index:12; } 


#WCatBack { width:100%; height:35px; padding:5px 0 0 0; /*top:700px;*/ margin-top:-40px; position: absolute; z-index:13; overflow:hidden; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.6+10 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.2) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 30%,rgba(0,0,0,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 30%,rgba(0,0,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=1 ); /* IE6-9 */
color:#FFF; } 
.WCatBt{ float:left; padding:3px 8px 3px 8px; margin:0 4px 0 0; color:#CCC; font-size:15px; }
.WCatBtOver,.WCatBt:hover{ float:left; padding:2px 7px 2px 7px; margin:0 4px 0 0; color:#FFC671; font-size:15px; border:dotted 1px #664F2D; border-radius:3px; cursor:pointer; }


/*Bt*/
.WBt { width:240px; padding:10px 20px 10px 20px; background:rgba(253,154,6,0.1); border:solid 1px #FD9A06; color:#FFF; font-size:18px; border-radius:5px; opacity:0.8; }
.WBt:hover{ background:rgba(253,154,6,0.2); border:solid 1px #FD9A06; cursor:pointer; }
.WBt1{ width:230px; padding:10px 20px 10px 20px; background:rgba(6,48,64,0.5); /*border:solid 1px #FFF;*/ color:#FFF; font-size:18px; border-radius:5px; opacity:0.8; }
.WBt1:hover{ background:rgba(6,48,64,0.8); border:none; cursor:pointer; }
.WBt2{ width:200px; margin-top:30px; padding:10px 20px 10px 20px; border:solid 1px #FD9A06; background:rgba(253,154,6,0.8); color:#FFF; font-size:18px; border-radius:5px; opacity:0.8; }
.WBt2:hover{ background:rgba(253,154,6,0.2); border:solid 1px #FD9A06; cursor:pointer; }	

/*Footer*/

.WixoonFooter { width:90%; padding:40px 5% 60px 5%; min-height:100px; float:left; 
background-color:#E9EBEA; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 16px; line-height:20px; } 
.WixoonFooterSt { width:20%; margin-bottom:20px; float:left; }

.zoomEffect{ animation-name: fadeInTo,scaleOut; animation-duration: 0.3s;  animation-fill-mode: forwards;  }
.zoomEffect:hover{  animation-name: fadeOutTo,scaleIn; animation-duration: 0.3s;  animation-fill-mode: forwards;  }


/*Line*/
.Line1{ width:100%; height:1px; background-color:#DDDDDD;  }
.Line2{ width:70%; height:1px; border-bottom:dotted 1px #FFF; margin:15px 15% 15px 15%; opacity:0.1; /*filter: alpha(opacity=50);*/   }
.Line3{ width:20%; height:6px; background-color:#FD9A06; margin-bottom:15px; }
.Line4{ width:100%; height:1px; margin:0 0 0 0; border-bottom:solid 1px #DDDDDD; }
/*.Line4{ width:70%; height:1px; margin:0 15% 0 15%; border-bottom:solid 1px #DDDDDD; }*/
.Line4_{ width:70%; height:1px; margin:0 15% 0 15%; border-bottom:dotted 1px #DDDDDD; }
.Line5{ width:15%; height:6px; margin-bottom:15px; /*background-color:#FF3366;*/ border-bottom:solid 6px #FF3366;  }
.Line6{ width:15%; height:6px; margin-bottom:15px; /*background-color:#FF3366;*/ border-bottom:solid 6px #FF6633;  }
.Line7{ width:15%; height:6px; margin-bottom:15px; /*background-color:#FF3366;*/ border-bottom:solid 6px #FD9A06;  }

/*
@media all and (orientation:portrait) {
}
@media all and (orientation:landscape) {
}
*/


/*Slider*/
#WSlider  { width:100%; height:900px; left:0%;   position: relative; z-index:53; background-color:#333; overflow:hidden; } 
#WSlider0 { width:100%; position: absolute; z-index:52;  } 
#WSlider1 { width:100%; height:900px; left:0%;   position: absolute; z-index:50; background-color:#000;   } 
#WSlider2 { width:100%; height:900px; left:100%; position: absolute; z-index:50; background-color:#111; }
#WSlider3 { width:100%; height:900px; left:200%; position: absolute; z-index:50; background-color:#222; }
#WSlider4 { width:100%; height:900px; left:300%; position: absolute; z-index:50; background-color:#333; }
#WSlider5 { width:100%; height:900px; left:400%; position: absolute; z-index:50; background-color:#444; }
#WSlider1Title { width:100%; top:600px; position: absolute; z-index:51; }
.WSliderBar { width:0%; height:3px; /*background-color:#EEE;*/ background-color:#052532; opacity:0; }
.WSliderBar1{ width:0%; height:3px; background: rgba(255, 102, 51, 0.9); /*rgba(253, 154, 6, 0.9 background-color:#FF3366;*/  /*#F6C47A #0F6082*/ }

.WSliderCheck,.WSliderCheckOver { width:15px; height:15px; float:left; margin-right:10px; border:solid 2px #FFFFFF; border-radius:20px; opacity:0.8; transition:0.3s; }
.WSliderCheckOver,.WSliderCheck:hover { background-color:#FFF; opacity:1; cursor: pointer; transform:scale(1.3); transition:0.3s;  }
#WSliderCheckDiv {  width:100%; height:35px; position: absolute; z-index:54; bottom:0%; }
/*
.sliderEffect1{ animation-name: sliderMoov1; animation-duration: 1s;  animation-fill-mode: forwards; }
.sliderEffect2{ animation-name: sliderMoov2; animation-duration: 1s;  animation-fill-mode: forwards; }
.sliderEffect3{ animation-name: sliderMoov3; animation-duration: 1s;  animation-fill-mode: forwards; }
.sliderEffect4{ animation-name: sliderMoov4; animation-duration: 1s;  animation-fill-mode: forwards; }
.sliderEffect5{ animation-name: sliderMoov5; animation-duration: 1s;  animation-fill-mode: forwards; }
*/
.sliderEffect1{ -webkit-transform: translateX(0%) ; transform: translateX(0); transition:1s; }
.sliderEffect2{ -webkit-transform: translateX(-100%); transform: translateX(-100%); transition:1s; }
.sliderEffect3{ -webkit-transform: translateX(-200%); transform: translateX(-200%); transition:1s; }
.sliderEffect4{ -webkit-transform: translateX(-300%); transform: translateX(-300%); transition:1s; }
.sliderEffect5{ -webkit-transform: translateX(-400%); transform: translateX(-400%); transition:1s; }

.WStext1,.WStext2 { opacity:0; } 
.sliderTextEffect1 { animation-name: sliderTextMoov1; animation-duration: 1.5s;  animation-fill-mode: forwards;  }
.sliderTextEffect2 { animation-name: sliderTextMoov2; animation-duration: 1.5s;  animation-fill-mode: forwards;  }
.sliderTextEffect1_{ opacity:0; transition:1s; }
.sliderTextEffect2_{ opacity:0; transition:1s; }

.WSliderPix{ transform:scale(1); opacity:1; transition:0.4s; }
.WSliderPixArea:hover > .WSliderPix { transform:scale(1.1) rotate(2deg); opacity:0.6;  transition:0.3s;  /*animation:twinkleScale 2s infinite; -webkit-animation:twinkleScale 2s infinite;*/ }
.WSliderPixArea:hover > #WSlider1Title { margin-top:-100px; transition:0.4s;  }
#WSlider1Title { margin-top:0px; transition:0.4s; }
.WSliderPixArea:hover > #WSlider1Title > a .WBt2 { margin-top:30px; opacity:1; transform:scale(1); transition:0.7s; }
.WBt2 { margin-top:200px; opacity:0; transform:scale(0.5); transition:0.7s;  }



#WFlottingBt,#WFlottingBt1{ width:30px; height:30px; padding:10px; position: fixed; z-index:1000; bottom:30px; right:200px; border-radius:60px; background-color:#FF6633; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4); cursor:pointer; opacity:0;  }
#WFlottingBt1{ z-index:999; box-shadow: none; right:30px; opacity:0.4; -webkit-transform: scale(1); transform: scale(1); transition:0.5s }
#WFlottingBt:hover > #WFlottingBt1 { -webkit-transform: scale(2); transform: scale(2); opacity:0; transition:0.8s; }
#WFlottingBt:hover  {  background-color:#FF3366;  opacity:1;  transition:2s }

.WRounded{ border-radius:500px; }	




@media screen and (max-width: 800px){ /*telephone portrait & paysage*/

.MotionMain { width:90%; margin:auto; } 
.MotionMain1{ width:90%; margin:auto; }

.WixoonTopSt  { width:100%; margin:auto; }
.WixoonTopSt1 { width:50%; }
.WixoonTopSt2 { width:50%; }

.imgMobile{ display: block;  }
.WixoonBanPageStudio1,.WixoonBanPageWeb2,.WixoonBanPage3d2,.WixoonBanPage3d3,.WixoonBanPage2d2,.WixoonBanPagePrint2,.WixoonBanPageProjet,.WixoonBanPageHome0,.WixoonBanPageHome1 { width:100%; min-height:200px; float:left; overflow:hidden; padding:20px 0 50px 0; /*background: url(../img/back_mobile.jpg);*/  background: none; background-color:#04242F; }

.WixoonBanPageWeb1,.WixoonBanPage3d1,.WixoonBanPage2d1,.WixoonBanPagePrint1,.WixoonBanPageWebref1,.WixoonBanPageWebref2,.WixoonBanPage2dref1,.WixoonBanPage3dref1,.WixoonBanPage3dref2 { width:100%; min-height:200px; float:left; overflow:hidden; padding:0px 0 0px 0; background: none; background-color:#04242F; }

.WixoonBanPageHome0,.WixoonBanPageHome1 {  background-color:#052C38; }
.WixoonBanPageContact,.WixoonBanPageStudio1 { width:100%; padding:100px 0 50px 0; }
#WStudioBack2,#WStudioBack1,#WStudioBack1Crop { display:none; }


/*Page*/
.WsplitA1{ width:100%; margin-right:0%; float:left; }
.WsplitA2{ width:100%; float:left; }

.WsplitB1{ width:100%; margin-right:0%; float:left; }
.WsplitB2{ width:100%; margin-right:0%; float:left; }
.WsplitB3{ width:100%; float:left; }
.WsplitBPad { width:100%; height:20px; }
.WsplitB1_{ width:96%; margin-right:2%; margin-left:2%; float:left; }
.WsplitB2_{ width:96%; margin-right:2%; margin-left:2%; float:left; }
.WsplitB3_{ width:96%; margin-right:2%; margin-left:2%; float:left; }

.WBlocFlat1{ width:100%; float:left;  }
.WBlocFlat2{ width:100%; float:left; }
.WBlocFlat3{ width:99%; margin:15px 0 0 0.5%; }
#WBlocFlatOver1,#WBlocFlatOver2 { width:100%; }
#WBlocFlatOver3 { width:100%; }


.loaderVideoArea{ width:100%; margin:auto; padding-top:80px; }

/*menu mobile*/
.icone-menu {
    display: inline-block; /* inline-block*/
    cursor: pointer;
	z-index: 2; position:relative;
}
.set-menu{ display: none; }
/**/


.WixoonFooterSt { width:50%; float:left;  }

.WBlocMedia { width:100%; height:225px; }
.WBlocMedia1{ width:100%; height:105px;  }
#WBlocMediaOver { width:100%; height:155px; padding:70px 0 0 0; }
#WBlocMediaOver1 { width:50%; height:95px; padding:10px 0 0 0; }
.logoClient { width:32%; }

#WSlider,#WSlider1,#WSlider2,#WSlider3,#WSlider4,#WSlider5 { width:100%; height:200px; }
#WSlider1Title { width:90%; padding: 0 5% 0 5%; top:130px; }

.WCatBt,.WCatBtOver,.WCatBt:hover{ font-size:16px; }
.WixoonBanPage { width:100%; min-height:100px; float:left; background:#04242F; padding:20px 0 50px 0; }

@media screen and (orientation:landscape) { /* paysage */

	.WsplitB1_{ width:30%; margin-right:3%; margin-left:0%; float:left; }
	.WsplitB2_{ width:30%; margin-right:3%; margin-left:0%; float:left; }
	.WsplitB3_{ width:30%; margin-right:0%; margin-left:0% float:left; }

	.WBlocFlat1{ width:50%; float:left;  }
	.WBlocFlat2{ width:50%; float:left; }
	.WBlocFlat3{ width:49.4%; margin:15px 0 0 0.6%; }
	#WBlocFlatOver1,#WBlocFlatOver2 { width:50%; }
	#WBlocFlatOver3 { width:50%; }
	
	.WBlocMedia { width:50%; height:180px; }
	.WBlocMedia1{ width:100%; height:180px;  }
	#WBlocMediaOver { width:25%; height:130px; padding:50px 0 0 0; }
	#WBlocMediaOver1 { width:25%; height:130px; padding:50px 0 0 0; }
	.logoClient { width:19%; }
	
	#WSlider,#WSlider1,#WSlider2,#WSlider3,#WSlider4,#WSlider5 { width:100%; height:350px; }
	#WSlider1Title { width:80%; padding: 0 10% 0 10%; top:210px; }
	
	.WCatBt,.WCatBtOver,.WCatBt:hover{ font-size:16px; }
	.WixoonBanPage { width:100%; min-height:100px; float:left; background:#04242F; padding:20px 0 50px 0; }
	
}



}


/**/

@media screen and (min-width: 800px)  { /*tablette portrait*/
	
.MotionMain { width:700px; margin:auto; } 
.MotionMain1{ width:700px; margin:auto; }

/*.WixoonTopSt  { width:1400px; margin:auto; }*/
.WixoonTopSt1 { width:20%; }
.WixoonTopSt2 { width:80%; }

/*Page*/
/*
.WsplitA1{ width:45%; margin-right:5%; float:left; }
.WsplitA2{ width:50%; float:left; }

.WsplitB1{ width:45%; margin-right:5%; float:left; }
.WsplitB2{ width:50%; margin-right:0%; float:left; }
.WsplitB3{ width:100%; float:left; }
*/

.WsplitA1{ width:100%; margin-right:0%; float:left; }
.WsplitA2{ width:100%; float:left; }

.WsplitB1{ width:100%; margin-right:0%; float:left; }
.WsplitB2{ width:100%; margin-right:0%; float:left; }
.WsplitB3{ width:100%; float:left; }
.WsplitBPad { width:100%; height:20px; }
.WsplitB1_{ width:31%; margin-right:3.5%; margin-left:0%; float:left; }
.WsplitB2_{ width:31%; margin-right:3.5%; margin-left:0%; float:left; }
.WsplitB3_{ width:31%; margin-right:0%; margin-left:0%; float:left; }

.WBlocFlat1{ width:50%; float:left;  }
.WBlocFlat2{ width:50%; float:left; }
.WBlocFlat3{ width:49.4%; margin:15px 0 0 0.6%; }
#WBlocFlatOver1,#WBlocFlatOver2 { width:50%; }
#WBlocFlatOver3 { width:50%; }


.loaderVideoArea{ width:100%; margin:auto; padding-top:80px; }

/*menu mobile*/
.icone-menu {
    display: inline-block; /* inline-block*/
    cursor: pointer;
	z-index: 2; position:relative;
}
.set-menu{ display: none; }
/**/

.WixoonFooterSt { width:50%; float:left;  }

.WBlocMedia { width:50%; height:250px; }
.WBlocMedia1{ width:100%; height:220px;  }
#WBlocMediaOver { width:50%; height:170px; padding:80px 0 0 0; }
#WBlocMediaOver1 { width:50%; height:150px; padding:70px 0 0 0; }
.logoClient { width:19%; }

#WSlider,#WSlider1,#WSlider2,#WSlider3,#WSlider4,#WSlider5 { width:100%; height:400px; }
#WSlider1Title { width:80%; padding: 0 10% 0 10%; top:230px; }

.WCatBt,.WCatBtOver,.WCatBt:hover{ font-size:19px; }
.WixoonBanPage { width:100%; min-height:100px; float:left; background:#04242F; padding:20px 0 50px 0; }

}

/**/



@media screen and (min-width: 1020px)  { /*tablette paysage*/
	
.MotionMain { width:900px; margin:auto; } 
.MotionMain1{ width:990px; margin:auto; }

/*.WixoonTopSt  { width:1400px; margin:auto; }*/
.WixoonTopSt1 { width:20%; }
.WixoonTopSt2 { width:80%; }

/*Page*/
.WsplitA1{ width:45%; margin-right:5%; float:left; }
.WsplitA2{ width:50%; float:left; }

.WsplitB1{ width:45%; margin-right:5%; float:left; }
.WsplitB2{ width:50%; margin-right:0%; float:left; }
.WsplitB3{ width:100%; float:left; }
.WsplitBPad { width:100%; height:100px; }
.WsplitB1_{ width:31%; margin-right:3.5%; margin-left:0%; float:left; }
.WsplitB2_{ width:31%; margin-right:3.5%; margin-left:0%; float:left; }
.WsplitB3_{ width:31%; margin-right:0%; margin-left:0%; float:left; }

.WBlocFlat1{ width:50%; float:left;  }
.WBlocFlat2{ width:50%; float:left; }
.WBlocFlat3{ width:49.4%; margin:15px 0 0 0.6%; }
#WBlocFlatOver1,#WBlocFlatOver2 { width:50%; }
#WBlocFlatOver3 { width:50%; }

.loaderVideoArea{ width:80%; margin:auto; padding-top:100px; }

/*menu mobile*/
.icone-menu {
    display: inline-block; /* inline-block*/
    cursor: pointer;
	z-index: 2; position:relative;
}
.set-menu{ display: none; }
/**/


.WixoonFooterSt { width:20%; float:left;  }

.WBlocMedia { width:50%; height:310px; }
.WBlocMedia1{ width:50%; height:150px;  }
#WBlocMediaOver { width:25%; height:200px; padding:110px 0 0 0; font-size: 25px; line-height:35px;}
#WBlocMediaOver1 { width:25%; height:120px; padding:30px 0 0 0; font-size: 25px; line-height:35px;}
.logoClient { width:16%; }

#WSlider,#WSlider1,#WSlider2,#WSlider3,#WSlider4,#WSlider5 { width:100%; height:550px; }
#WSlider1Title { width:80%; padding: 0 10% 0 10%; top:350px; }

.WCatBt,.WCatBtOver,.WCatBt:hover{ font-size:16px; }
.WixoonBanPage { width:100%; min-height:100px; float:left; background: transparent; padding:0px 0 0px 0; }

}

@media screen and (min-width: 1200px){ /*1280 1366*/
	
.MotionMain { width:1100px; margin:auto; } 
.MotionMain1{ width:1100px; margin:auto; }

/*.WixoonTopSt  { width:1400px; margin:auto; }*/
.WixoonTopSt1 { width:20%; }
.WixoonTopSt2 { width:80%; }

/*Page*/
.WsplitA1{ width:45%; margin-right:5%; float:left; }
.WsplitA2{ width:50%; float:left; }

.WsplitB1{ width:45%; margin-right:5%; float:left; }
.WsplitB2{ width:50%; margin-right:0%; float:left; }
.WsplitB3{ width:100%; float:left; }
.WsplitBPad { width:100%; height:100px; }
.WsplitB1_{ width:31%; margin-right:3.5%; margin-left:0%; float:left; }
.WsplitB2_{ width:31%; margin-right:3.5%; margin-left:0%; float:left; }
.WsplitB3_{ width:31%; margin-right:0%; margin-left:0%; float:left; }

.WBlocFlat1{ width:50%; float:left;  }
.WBlocFlat2{ width:50%; float:left; }
.WBlocFlat3{ width:24.4%; margin:15px 0 0 0.6%; }
#WBlocFlatOver1,#WBlocFlatOver2 { width:50%; }
#WBlocFlatOver3 { width:50%; }

.loaderVideoArea{ width:80%; margin:auto; padding-top:100px; }

/*menu mobile*/
.icone-menu {
    display: inline-block; /* inline-block*/
    cursor: pointer;
	z-index: 2; position:relative;
}
.set-menu{ display: none; }
/**/

.WixoonFooterSt { width:20%; float:left;  }

.WBlocMedia { width:25%; height:210px; }
.WBlocMedia1{ width:50%; height:180px;  }
#WBlocMediaOver { width:25%; height:150px; padding:60px 0 0 0; font-size: 20px; line-height:24px;}
#WBlocMediaOver1 { width:25%; height:130px; padding:50px 0 0 0; font-size: 20px; line-height:24px;}
.logoClient { width:12%; }

#WSlider,#WSlider1,#WSlider2,#WSlider3,#WSlider4,#WSlider5 { width:100%; height:550px; }
#WSlider1Title {width:80%; padding: 0 10% 0 10%; top:350px; }

.WCatBt,.WCatBtOver,.WCatBt:hover{ font-size:16px; }
.WixoonBanPage { width:100%; min-height:100px; float:left; background: transparent; padding:0px 0 0px 0; }

}

@media screen and (min-width: 1285px){
/*menu mobile*/
.icone-menu {
    display: none; /* inline-block*/
    cursor: pointer;
	z-index: 2; position:relative;
}
.set-menu{ display: block; }
/**/	
}

@media screen and (min-width: 1400px){/*1680*/
	
.MotionMain { width:1200px; margin:auto; } 
.MotionMain1{ width:1200px; margin:auto; }

/*.WixoonTopSt  { width:1400px; margin:auto; }*/
.WixoonTopSt1 { width:20%; }
.WixoonTopSt2 { width:80%; }

/*Page*/
.WsplitA1{ width:45%; margin-right:5%; float:left; }
.WsplitA2{ width:50%; float:left; }

.WsplitB1{ width:45%; margin-right:5%; float:left; }
.WsplitB2{ width:50%; margin-right:0%; float:left; }
.WsplitB3{ width:100%; float:left; }
.WsplitBPad { width:100%; height:100px; }
.WsplitB1_{ width:31%; margin-right:3.5%; margin-left:0%; float:left; }
.WsplitB2_{ width:31%; margin-right:3.5%; margin-left:0%; float:left; }
.WsplitB3_{ width:31%; margin-right:0%; margin-left:0%; float:left; }

.WBlocFlat1{ width:25%; float:left;  }
.WBlocFlat2{ width:25%; float:left; }
.WBlocFlat3{ width:24.4%; margin:15px 0 0 0.6%; }
#WBlocFlatOver1,#WBlocFlatOver2 { width:25%; }
#WBlocFlatOver3 { width:25%; }

.loaderVideoArea{ width:80%; margin:auto; padding-top:100px; }

/*menu mobile*/
.icone-menu {
    display: none; /* inline-block*/
    cursor: pointer;
	z-index: 2; position:relative;
}
.set-menu{ display: block; }
/**/

.WixoonFooterSt { width:20%; float:left;  }

.WBlocMedia { width:25%; height:220px; }
.WBlocMedia1{ width:50%; height:190px;  }
#WBlocMediaOver { width:25%; height:160px; padding:60px 0 0 0; font-size: 25px; line-height:35px;}
#WBlocMediaOver1 { width:25%; height:130px; padding:60px 0 0 0; font-size: 25px; line-height:35px;}
.logoClient { width:12%; }

#WSlider,#WSlider1,#WSlider2,#WSlider3,#WSlider4,#WSlider5 { width:100%; height:700px; }
#WSlider1Title { width:80%; padding: 0 10% 0 10%; top:400px; }

.WCatBt,.WCatBtOver,.WCatBt:hover{ font-size:16px; }
.WixoonBanPage { width:100%; min-height:100px; float:left; background: transparent; padding:0px 0 0px 0; }

}


@media screen and (min-width: 1600px){/*1680*/
	
.MotionMain { width:1400px; margin:auto; } 
.MotionMain1{ width:1400px; margin:auto; }

/*.WixoonTopSt  { width:1400px; margin:auto; }*/
.WixoonTopSt1 { width:20%; }
.WixoonTopSt2 { width:80%; }

/*Page*/
.WsplitA1{ width:45%; margin-right:5%; float:left; }
.WsplitA2{ width:50%; float:left; }

.WsplitB1{ width:40%; margin-right:4%; float:left; }
.WsplitB2{ width:40%; margin-right:4%; float:left; }
.WsplitB3{ width:12%; float:left; }
.WsplitBPad { width:100%; height:100px; }
.WsplitB1_{ width:31%; margin-right:3.5%; margin-left:0%; float:left; }
.WsplitB2_{ width:31%; margin-right:3.5%; margin-left:0%; float:left; }
.WsplitB3_{ width:31%; margin-right:0%; margin-left:0%; float:left; }

.WBlocFlat1{ width:25%; float:left;  }
.WBlocFlat2{ width:25%; float:left; }
.WBlocFlat3{ width:19.4%; margin:15px 0 0 0.6%; }
#WBlocFlatOver1,#WBlocFlatOver2 { width:25%; }
#WBlocFlatOver3 { width:25%; }

.loaderVideoArea{ width:80%; margin:auto; padding-top:100px; }

/*menu mobile*/
.icone-menu {
    display: none; /* inline-block*/
    cursor: pointer;
	z-index: 2; position:relative;
}
.set-menu{ display: block; }
/**/

.WixoonFooterSt { width:20%; float:left;  }

.WBlocMedia { width:25%; height:260px; }
.WBlocMedia1{ width:50%; height:220px;  }
#WBlocMediaOver { width:25%; height:180px; padding:80px 0 0 0; font-size: 28px; line-height:35px;}
#WBlocMediaOver1 { width:25%; height:150px; padding:70px 0 0 0; font-size: 25px; line-height:35px;}
.logoClient { width:12%; }

#WSlider,#WSlider1,#WSlider2,#WSlider3,#WSlider4,#WSlider5 { width:100%; height:700px; }
#WSlider1Title { width:80%; padding: 0 10% 0 10%; top:450px; }

.WCatBt,.WCatBtOver,.WCatBt:hover{ font-size:16px; }
.WixoonBanPage { width:100%; min-height:100px; float:left; background: transparent; padding:0px 0 0px 0; }

}

@media screen and (min-width: 1800px){/*> 1680*/
	
.MotionMain { width:1600px; margin:auto; } 
.MotionMain1{ width:1600px; margin:auto; }

/*.WixoonTopSt  { width:1400px; margin:auto; }*/
.WixoonTopSt1 { width:20%; }
.WixoonTopSt2 { width:80%; }

/*Page*/
.WsplitA1{ width:45%; margin-right:5%; float:left; }
.WsplitA2{ width:50%; float:left; }

.WsplitB1{ width:35%; margin-right:4%; float:left; }
.WsplitB2{ width:35%; margin-right:4%; float:left; }
.WsplitB3{ width:22%; float:left; }
.WsplitBPad { width:100%; height:100px; }
.WsplitB1_{ width:31%; margin-right:3.5%; margin-left:0%; float:left; }
.WsplitB2_{ width:31%; margin-right:3.5%; margin-left:0%; float:left; }
.WsplitB3_{ width:31%; margin-right:0%; margin-left:0%; float:left; }

.WBlocFlat1{ width:20%; float:left;  }
.WBlocFlat2{ width:25%; float:left; }
.WBlocFlat3{ width:19.4%; margin:15px 0 0 0.6%; }
#WBlocFlatOver1,#WBlocFlatOver2 { width:20%; }
#WBlocFlatOver3 { width:25%; }

.loaderVideoArea{ width:80%; margin:auto; padding-top:100px; }

/*menu mobile*/
.icone-menu {
    display: none; /* inline-block*/
    cursor: pointer;
	z-index: 2; position:relative;
}
.set-menu{ display: block; }
/**/

.WixoonFooterSt { width:20%; float:left;  }

.WBlocMedia { width:25%; height:320px;  }
.WBlocMedia1{ width:50%; height:250px;  }
#WBlocMediaOver { width:25%; height:200px; padding:120px 0 0 0; font-size: 30px; line-height:35px;}
#WBlocMediaOver1 { width:25%; height:170px; padding:80px 0 0 0; font-size: 25px; line-height:35px;}
.logoClient { width:12%; }

#WSlider,#WSlider1,#WSlider2,#WSlider3,#WSlider4,#WSlider5 { width:100%; height:900px; }
#WSlider1Title { width:80%; padding: 0 10% 0 10%; top:600px; }

.WCatBt,.WCatBtOver,.WCatBt:hover{ font-size:16px; }
.WixoonBanPage { width:100%; min-height:100px; float:left; background: transparent; padding:0px 0 0px 0; }

}



@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}