/*
	Theme Name: Virtual Expo 2018
	Theme URI: http://www.virtual-expo.com
	Description: Virtual Expo 2018 Responsive est un thème pour WordPress utilisant un système de bloc.
	Author: Fred Jaillet 
	Author URI: https://www.fredjaillet.com
	Version: 1.0
	Tags: responsive, html5, css3, jquery
	License: GNU General Public License
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/*RESET*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}ol,ul{list-style:none}article,aside,figure,footer,header,hgroup,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}table{font-size:inherit;font:100%}html{-webkit-font-smoothing:antialiased;overflow-y:scroll}input[type=text],textarea,select{outline:none}label,input[type=button],input[type=submit],button{cursor:hand;cursor:pointer;}a:hover,a:active{outline:none}.ie7 img{-ms-interpolation-mode:bicubic}pre{padding:15px;white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}*{padding:0;margin:0}img{max-width:100%;vertical-align:middle;height:auto;width:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
/*COMMON*/
* { outline:none}
* { box-sizing: border-box}  
html, body { height: 100%; width:100%} 
body { font-size:18px; font-weight:400; background:#333; font-family: 'Open Sans', sans-serif; color:#151515}
/*SECTION*/
.wrap { position:relative}
.wrap-black { background:#151515 }
.wrap-orange { background:#f7a810 }
.wrap-white { background:#fff }
.wrap-gray { background:#efefef }
.row { position:relative; margin:0px auto; padding:80px 40px; max-width:1480px}
.row-product, 
.row-gallery { max-width:1680px }
.row:after { content:""; display:table; clear:both; overflow:visible}
@media only screen and (max-width : 1090px) {
	.row {	padding:40px 10px }
}
/*ANNIVERSARY*/ 
.anniversary { background-color: #154D7D; display:block; padding:10px; margin-right:20px; margin-top:40px; border-top-right-radius: 20px; border-bottom-right-radius: 20px}
/****************************/
/*CAPTCHA*/
.grecaptcha-badge { display:none }
/*PROGRESS BAR*/        
#progress-bar { position: fixed; top:0; left:210px; z-index:9999; height:5px; width: 0; background:#f7a810}
@media only screen and (max-width : 1090px) {
	#progress-bar { height:2px }
}
/*SCROLLTOP*/
#scrolltop { position:absolute; left:50%; top:-25px; margin-left:-25px; cursor:pointer; width:50px; height:50px; background-color:#151515; border:3px solid #fff; text-indent:-9999px; display:none; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px }
#scrolltop span { position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#fff }
#scrolltop:hover { background-color:#f7a810 }
/*SIDEBAR*/  
#sidebar { position: fixed; z-index:9998; border-top:5px solid #f7a810; background:#000; background-size: cover; background-repeat:no-repeat; background-position:center center; left: 0; top: 0; bottom:0; width:210px;  -webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,0.75);
box-shadow: 0 0 40px 0 rgba(0,0,0,0.75); }
/*WRAPPER*/ 
#wrapper { left:210px; position:absolute; right:0; top:0}
@media only screen and (max-width : 1090px) {
	#sidebar { position:relative; bottom:auto	}
	#wrapper { position:relative; left:0 }
}
/*LOGO*/  
.header-logo { padding:40px 20px 80px 20px}
/*MENU*/
#sidebar .toggle-menu { display:none}
.menu-header > li { font-size:15px; padding-left: 20px; margin-bottom:5px  }
.menu-header > li a { text-decoration: none; font-weight:700; display: inline-block; vertical-align: bottom; text-transform: uppercase; color: #fff; position: relative }
.menu-header > li:hover a { color:#8e8e8e }
.menu-header > li.current-menu-item a { color:#f7a810 }
.menu-header > li:hover a:before { content: " "; width: 25px; height: 1px; display: block; background: #8e8e8e; position: absolute; left: -30px; top:10px }
.menu-header > li.current-menu-item a:before { content: " "; width: 25px; height: 1px; display: block; background: #f7a810; position: absolute; left: -30px; top:10px }
@media only screen and (max-width : 1090px) {
	#sidebar { position:fixed; top:0; left:0; right:0; border-top:0;  text-align:left; padding:10px; width:auto} 
	#sidebar .menu-header { display:none; margin-top:0}
	#sidebar .header-logo { padding: 0 }
	#sidebar .header-logo img { height:60px }
	#progress-bar { left:0 }
 	#sidebar .toggle-menu { cursor:pointer; display:block; color:#fff; font-size:0; position: absolute; top:30px; right: 10px; z-index:9999}
	#sidebar .toggle-menu:before { display:inline-block; color:#fff; vertical-align:middle; font: normal 24px 'FontAwesome'; content: '\f0c9'}
	.menu-open #sidebar .header-logo { position:relative; z-index:9999}  
	.menu-open #sidebar .toggle-menu:before { display:inline-block; vertical-align:middle; font: normal 24px 'FontAwesome'; content: '\f00d'}
	.menu-open #sidebar .menu-header { display:block; padding:120px 20px 20px; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.9); z-index:9998}
	.menu-open #sidebar	.menu-header > li { font-size:20px }
	.menu-open #sidebar	.menu-header > li:hover a:before { top:13px }
	.menu-open #sidebar	.menu-header > li.current-menu-item a:before { top:13px }
}
/*SOCIAL*/
#social { background:#333 }
.menu-social { position:absolute; bottom:20px; left:20px }
.menu-social > li { cursor:pointer; display:inline-block; -webkit-border-radius: 100%; border-radius: 100%; background:#676767; width:30px; height:30px; font-size:15px; line-height:30px; text-align:center; vertical-align:middle } 
.menu-social > li:last-child { margin-right:0}
.menu-social > li span { display:none } 
.menu-social > li a:before { color: #fff; opacity: 1; -webkit-transition: opacity ease-in-out .2s; transition: opacity ease-in-out .2s; width:30px; height:30px; line-height:30px; font-family: 'FontAwesome'; font-size: 15px; display: inline-block; position: relative }
.menu-social > li a:hover:before { opacity:0.5 }
.menu-social > li.facebook a:before { content: "\f09a"} 
.menu-social > li.twitter a:before{ content: "\f099"}
.menu-social > li.youtube a:before{ content: "\f16a"}
.menu-social > li.linkedin a:before { content: "\f0e1"}
.menu-social > li.google a:before { content: "\f1a0"}
.menu-social > li.vimeo a:before { content: "\f27d"}
.menu-social > li.instagram a:before { content: "\f16d"}
.menu-social > li.pinterest a:before { content: "\f231"}
/*NEW SOCIAL*/
.social { display: flex;padding: 0 0 20px 0 !important;align-items: center;grid-gap: 5px; justify-content: center;}
.social img { height:14px }
.social a {display: flex;justify-content: center;transition: all 0.2s ease-in-out 0s;align-items: center;background: #F7A810;width: 30px;height: 30px;line-height: 30px;border-radius: 100%}
.social a:hover { background: #151515}
.facebook span { background-image: url(../svg/social-facebook-white.svg) }
.tiktok span { background-image: url(../social-tiktok-white.html) }
.twitter span { background-image: url(../svg/social-x-white.svg) }
.instagram span { background-image: url(../svg/social-instagram-white.svg) }
.linkedin span { background-image: url(../svg/social-linkedin-white.svg) }
.youtube span { background-image: url(../svg/social-youtube-white.svg) }
.pinterest span { background-image: url(../svg/social-pinterest-white.svg) }
@media only screen and (max-width : 1090px) {
	#social .row { padding:10px !important }
	.menu-social { position:relative; bottom:auto; left:auto; text-align: center }
}
/*lang*/
.menu-lang { position:fixed; top:100px; right: 0; background:#000; width:30px; padding:5px; z-index:9999; 
    -webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,0.75);
box-shadow: 0 0 40px 0 rgba(0,0,0,0.75);}
.menu-lang li { display: block; opacity: 0.5; vertical-align: middle; margin-bottom:5px}
.menu-lang li:last-child { margin-bottom:0}
.menu-lang li.current { opacity:1}
.menu-lang li:hover { opacity:1}
/*BANNER*/
#banner { height:400px; position: relative; background-repeat:no-repeat; background-size: cover; background-position:center center }
#banner:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; content: '';  z-index:0; background: rgba(247,168,16, 0.6); } 
#banner:before { content: ""; display: block; position: absolute; top: 350px; right: 0; width: 0; height: 0; border-style: solid; border-width: 50px 100vw 0 0; border-color: transparent #fff; z-index: 1 }
#banner h1 { display:none; position:absolute; bottom:-10px; dsplay:none; font-style:italic;  ext-shadow: 0 0 36px #000000; font-weight: 800; text-transform: uppercase; color:#000; font-size:58px; }
#container { background:#fff }
@media only screen and (max-width : 1090px) {
	#banner { height:400px }
	#banner:before {  top: 300px }
}
/*BREADCRUMB*/
#breadcrumb { background:#fff; text-transform:uppercase }
#breadcrumb .row { padding:20px 40px; max-width:100%}
#breadcrumb { color:#666; font-size:13px; }
#breadcrumb a { color: #666; text-decoration:none} 
#breadcrumb a:hover { color: #333}
@media only screen and (max-width : 1090px) {
	#breadcrumb .row { padding:10px	}	
}
/*SLIDER*/
#slider .row { max-width:100%; padding:0 }
#slider { position:relative }
#slider .flexslider { position:relative; width: 100%; height: 100vh}
#slider .slides { width: 100%; height: 100vh !important} 
#slider .slides li { width: 100%; height: 100vh; position:relative; background-repeat:no-repeat; background-size: cover; background-position:center center; z-index:9998 }
/*square*/
#slider .flex-control-nav {  width:100%; font-size:0; position:absolute; right:80px; bottom:40px; z-index:9997; text-align:right}
#slider .flex-control-nav li { margin-right:10px; display:inline-block}   
#slider .flex-control-nav li:last-child { margin-right:0 }   
#slider .flex-control-nav li a { width:15px; height:15px; display:block; background: rgba(255,255,255,1); }
#slider .flex-control-nav li a:hover { background: rgba(255,255,255,0.5); cursor:pointer }
#slider .flex-control-nav li a.flex-active{ background:#f7a810; cursor:auto } 
/*overlay*/
#slider .slides li:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; content: ''; background-color: rgba(0, 0, 0, 0.2); z-index:0 } 
/*inside*/ 
.slider-inside { position:absolute; bottom:0; right:0; padding:0 80px 180px 80px; text-align: right }
.slider-inside h1 { text-shadow: 0 0 12px #000000; font-weight: 800; color:#fff; line-height:48px; font-size:48px; margin-bottom:30px }
.slider-inside h1:after, .slider-inside h2:after { display:none }
.slider-inside p { font-size:20px; font-weight: 700; text-shadow: 0 0 12px #000000; color:#fff }
.slider-inside a { margin-top:30px; box-shadow: 0 0 18px -12px #000000; display: inline-block; text-shadow: none; text-decoration: none; text-transform:uppercase; color: #fff; background-color: #f7a810; padding: 10px 20px; font-size: 18px }
.slider-inside a:hover { background:#000 }
.slider-inside img { margin-bottom:30px }
/*scroll*/
.scroll a { position: absolute; bottom: 20px; left: 50%; text-transform: uppercase; z-index: 2; display: inline-block; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); color: #fff; font-size:10px; letter-spacing: .1em; text-decoration: none; transition: opacity .3s; margin-left: -20px }
.scroll a span { position: absolute; bottom: 20px; z-index: 1; left: 50%; width: 30px; height: 50px; margin-left: -15px; border: 2px solid #fff; border-radius: 50px; box-sizing: border-box }
.scroll a span:before { position: absolute; top: 10px; left: 50%; content: ''; width: 6px; height: 6px; margin-left: -3px; background-color: #fff; border-radius: 100%; -webkit-animation: scrollanim 2s infinite; animation: scrollanim 2s infinite; box-sizing: border-box }
@-webkit-keyframes scrollanim {
  0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 0 }
  40% { opacity: 1 }
  80% { -webkit-transform: translate(0, 20px); transform: translate(0, 20px); opacity: 0 }
  100% { opacity: 0 }
}
@media only screen and (max-width : 1090px) {
	.slider-inside { padding:0 20px 100px 20px }
	.slider-inside h1 { line-height:40px; font-size:40px; margin-bottom:10px }
	.slider-inside a { margin-top:10px; font-size:16px; }
	#slider .flex-control-nav {  right:20px; bottom:40px }
	.slider-inside img { margin-bottom:10px }
}
/*CONTACT*/
#contact { height:100vh; background-repeat:no-repeat; background-size: cover; background-position:center center;}
.entry-contact-content { padding:40px; width:45%; position:absolute; bottom:0; left:0; background:#fff}
.entry-contact-form { padding:20px; width:400px; position:absolute; bottom:200px; margin-left:-200px; left:50%; background:rgba(247,168,16, 0.9)}
.entry-contact-form > h5 { font-size: 44px; position:relative; font-weight:800; margin-bottom:30px; text-align: left; color:#fff }
@media only screen and (max-width : 1090px) {
	#contact { height:auto }
	.entry-contact-content { padding:20px; width:100%; position:relative; bottom:auto; left:auto}
	.entry-contact-form { padding:20px; width:100%; position:relative; bottom:auto; margin-left:0; left:auto}
}
/*PORTAL*/
#portal { text-align: center; background:#151515}
#portal .row {  padding:40px }
.menu-portal { font-size:0 }
.menu-portal > li { font-size:12px; padding:0 15px; display: inline-block; vertical-align: middle }
.menu-portal > li:first-child { padding:0; padding-right:40px; margin-right:15px; border-right: rgba(255,255,255,.25) solid 1px }
.menu-portal > li:last-child { margin-right:0 }
.menu-portal > li span { display:none } 
.menu-portal > li a { -webkit-transition: opacity ease-in-out .2s; transition: opacity ease-in-out .2s; opacity:1 }
.menu-portal > li a:hover { opacity:0.5 }
.menu-portal > li.virtualexpo a:before { content:url(../png/logo_virtualexpo.png) }
.menu-portal > li.aeroexpo a:before { content:url(../png/logo_aeroexpo.png) }
.menu-portal > li.agriexpo a:before { content:url(../png/logo_agriexpo.png) }  
.menu-portal > li.archiexpo a:before { content:url(../png/logo_archiexpo.png) } 
.menu-portal > li.directindustry a:before { content:url(../png/logo_directindustry.png); bottom:-3px; position:relative }  
.menu-portal > li.medicalexpo a:before { content:url(../png/logo_medicalexpo.png) } 
.menu-portal > li.nauticexpo a:before { content:url(../png/logo_nauticexpo.png) } 
@media only screen and (max-width : 1090px) {
	#portal .row {  padding:40px 10px 20px 10px !important }
	.menu-portal li { width:33.333%; margin-top:15px}
	.menu-portal li:first-child { width:100%; display: block; padding:0; padding-bottom:15px; margin:0; border:none; border-bottom: rgba(255,255,255,.25) solid 1px }
}
/*COPYRIGHT*/
#copyright { text-align: center; background:#333}
#copyright .row {  padding:20px }
@media only screen and (max-width : 1090px) {
	#copyright .row {  padding:10px !important }
}
/*MENU-COPYRIGHT
.menu-copyright { font-size:0; color:rgba(255,255,255,.5); }
.menu-copyright > li { font-size:14px; display: inline-block; vertical-align: middle }
.menu-copyright > li:after { content:"-"; padding:0 5px }
.menu-copyright > li:last-child:after { content:""; padding:0 }
.menu-copyright > li a { text-decoration:none; color: rgba(255,255,255,.5); -webkit-transition: color ease-in-out .2s; transition: color ease-in-out .2s; }
.menu-copyright > li a:hover { color: rgba(255,255,255,.8) }
.menu-copyright > li .select { height: auto; padding: 0; font-size: 1em; color: #555659; background: rgba(255,255,255,.75); border: rgba(255,255,255,.75) solid; border-radius: 0 }
*//*RICHTEXT*/
.entry-bloc-content { margin-bottom:40px }
.entry-bloc-content:last-child { margin-bottom:0 }
.entry-intro { max-width:900px; margin:0px auto; text-align: center }
.wrap-black .row-product .entry-intro  { max-width:1400px; text-align: left }
.row-text .entry-intro { max-width:1400px; text-align: center }
.entry-spec { background:#fff; margin: -120px auto 0 auto; width: 50%; text-align: center;padding:20px; width:50%; box-shadow: rgba(0, 0, 0, 0.13) 0px 15px 40px 0px;}
h1, h2 { font-size: 44px;  position:relative; font-weight:800; color:#151515; margin-bottom:20px}
h1:after, h2:after { content:""; display: block; text-align: center; height:3px; background: #f7a810; margin:10px 0; width:80px }
.wrap-white .entry-intro h1:after,
.wrap-white .entry-intro h2:after { margin:10px auto }
.wrap-orange .entry-intro h1:after,
.wrap-orange .entry-intro h2:after { margin:10px auto }
.wrap-gray .entry-intro h1:after,
.wrap-gray .entry-intro h2:after { margin:10px auto }
.wrap-black .entry-intro h1:after,
.wrap-black .entry-intro h2:after { margin:10px auto }
.entry-spec h1:after,
.entry-spec h2:after { margin:10px auto }
h3 { font-size: 16px; font-weight:700; color:#f7a810; text-transform: uppercase; margin-bottom:10px}
h3 a { color:#f7a810; text-decoration:none }
h3 a:hover { color:#f7a810; text-decoration:underline }
h4 { font-size: 22px; font-weight:700; color:black; margin:10px 0}
h5 { font-size: 20px; font-weight:700; color:black; margin-bottom:10px}  
h6 { font-size: 18px; font-weight:700; color:black; margin-bottom:10px}
.entry-content a,
.entry-summary a { color:#f7a810; text-decoration:none}
.entry-content a:hover,
.entry-summary a:hover { color:#f7a810; text-decoration:underline}
.entry-content p { color:#151515; padding-bottom:20px; overflow-wrap: break-word; word-wrap: break-word; hyphens: none; line-height:1.5em}
.entry-content p:last-child { padding:0 }
.entry-content ul { padding-bottom:10px}       
.entry-content ul > li { padding-left:10px; list-style:none; line-height:1.5em}
.entry-content ul > li:before { color:#f7a810; margin-right:5px; font-weight: 700; padding-bottom:0; vertical-align:middle; display:inline-block; content: "•"; font-size:25px}
.entry-content > ol { margin:0 0 10px 10px}   
.entry-content > ol > li { list-style:decimal; margin-left:10px; line-height:1.4em}  
p > small { font-size:12px; color: red }
.entry-content .alignleft { float:left; margin-right:20px; margin-bottom:20px}
.entry-content .alignright { float:right; margin-left:20px;  margin-bottom:20px} 
.entry-content .aligncenter { display: block; margin:0px auto; margin-bottom:20px} 
.entry-content .alignnone { display: block; margin:0px auto; margin-bottom:20px} 
.entry-content .wp-caption { display: table; background:pink }
.entry-content .wp-caption img { width:100%}
.entry-content .wp-caption .wp-caption-text { caption-side: bottom; display: table-caption; padding:10px; background:#efefef; font-size:15px; text-align: center } 
@media only screen and (max-width : 790px) {
	.entry-intro { margin:30px 0 }	
}
.entry-content blockquote { border-left:5px solid #f7a810; padding-left:20px; margin-bottom:20px}
.entry-content blockquote p { font-weight: 400; font-style: italic; line-height:1.5em} 
.wrap-orange .entry-intro h2:after { background: #fff }
.wrap-orange .entry-intro h3 { color:#fff}
.wrap-black .entry-content h1 { color:#fff}
.wrap-black .entry-intro h2 { color:#fff}
.wrap-black .entry-intro h4 { color:#fff}
.wrap-black .entry-intro p { color:#fff }
.wrap-black .grid-icon { color:#fff}
.wrap-black .grid-icon h4 { color:#fff}
.wrap-black .grid-counter { color:#fff}
@media only screen and (max-width : 1090px) {
	.entry-spec { margin-top:-30px;width:100% }	
	h1, h2 { font-size: 36px }
}
/*TABLE*/
.entry-content table {  margin:20px 0; width:100%; border-collapse: collapse; border-spacing: 0}
.entry-content table thead { font-weight:700; background:#151515; font-size:13px; color:#fff }
.entry-content table td { vertical-align: middle; font-size:15px; text-align: left; padding:10px; border:1px solid #ddd }
.entry-content table tbody tr:hover { background: #efefef}
.entry-content table td img { margin-bottom:0 }
/*TAG*/  
.entry-tag { margin-top:20px }
.entry-tag-label { position: relative; display: inline-block; height: 24px; margin-left: 12px; margin-right:6px; margin-bottom:6px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; padding: 0 8px 0 12px; background-color: #151515; color: #fff; font-size: 11px; text-transform:uppercase; line-height: 24px; text-decoration: none; zoom: 1}
.entry-tag-label:hover { background:#f7a810; color:#fff}
.entry-tag-arrow { content: ""; position: absolute; top: 0; left: -12px; width: 0; height: 0; border-color: transparent #151515 transparent transparent; border-style: solid; border-width: 12px 12px 12px 0}
.entry-tag-label:hover .entry-tag-arrow { border-color: transparent #f7a810 transparent transparent;}
.entry-tag-bullet { content: ""; position: absolute; top: 10px; left: 0; float: left; width: 4px; height: 4px; border-radius: 2px; background-color: #fff}
/*GRID BOX*/
.grid-box > li { display:block; position:relative; height:100%; height:600px; min-height:600px; margin-bottom:40px }
.grid-box > li:last-child { margin-bottom:0 }
.grid-box > li:nth-child(odd) .entry-box-image { position:absolute; top:40px; left:0; right:40%; bottom:0; width:60%; background-repeat:no-repeat; background-size: cover; background-position:center center }
.grid-box > li:nth-child(odd) .entry-box-content { position:absolute; top:0; right:0; box-shadow: rgba(0, 0, 0, 0.13) 0px 15px 40px 0px; background:#fff; width:50%; padding:20px; text-align: left}
.grid-box > li:nth-child(even) .entry-box-image { position:absolute; top:40px; right:0; left:40%; bottom:0; width:60%; background-repeat:no-repeat; background-size: cover; background-position:center center}
.grid-box > li:nth-child(even) .entry-box-content { position:absolute; top:0; left:0; box-shadow: rgba(0, 0, 0, 0.13) 0px 15px 40px 0px; background:#fff; width:50%; padding:20px; text-align: left}
.grid-box > li .entry-link a { margin-top:20px; -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; display:inline-block; background:#f7a810; text-decoration:none; font-size:15px; font-weight:800; border-radius:4px; text-transform: uppercase; border:1px solid #f7a810; color:#fff; padding:5px 15px}
.grid-box > li .entry-link a:hover { border:1px solid #333; text-decoration:none; background:#333; color:#fff}
@media only screen and (max-width : 990px) {
	.grid-box > li { height:auto }
	.grid-box > li:nth-child(odd) .entry-box-image { min-height:400px; position:relative; top:auto; left:auto; right:auto; bottom:auto; width:100% }
	.grid-box > li:nth-child(odd) .entry-box-content { position:relative; top:auto; right:auto; width:100%; padding:20px; text-align: left}
	.grid-box > li:nth-child(even) .entry-box-image { min-height:400px; position:relative; top:auto; right:auto; left:auto; bottom:auto; width:100% }
	.grid-box > li:nth-child(even) .entry-box-content { position:relative; top:auto; left:auto; width:100%; padding:20px; text-align: left}	
}
/*GRID CAREER*/
.grid-career > li { box-shadow: rgba(0, 0, 0, 0.13) 0px 15px 40px 0px; overflow:hidden; position:relative; background:#fff; height:300px; min-height:300px; margin-bottom:40px }
.grid-career > li:last-child { margin-bottom:0 }
.grid-career > li:nth-child(odd) .entry-box-image { position:absolute; top:0; left:0; right:40%; bottom:0; width:40%; background-repeat:no-repeat; background-size: cover; background-position:center center}
.grid-career > li:nth-child(odd) .entry-box-content { display:block;float:right; width:60%; padding:20px; text-align: left}
.grid-career > li:nth-child(even) .entry-box-image { position:absolute; top:0; right:0; left:60%; bottom:0; width:40%; background-repeat:no-repeat; background-size: cover; background-position:center center}
.grid-career > li:nth-child(even) .entry-box-content { display:block;float:left;  width:60%; padding:20px; text-align: left}
.grid-career > li .entry-link a { margin-top:20px; -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; display:inline-block; background:#f7a810; text-decoration:none; font-size:15px; font-weight:800; border-radius:4px; text-transform: uppercase; border:1px solid #f7a810; color:#fff; padding:5px 15px}
.grid-career > li .entry-link a:hover { border:1px solid #333; text-decoration:none; background:#333; color:#fff}
.grid-career > li h2 { font-size: 22px}
@media only screen and (max-width : 990px) {
	.grid-career > li { height:auto }
	.grid-career > li:nth-child(odd) .entry-box-image { min-height:300px; display:block; position:relative; top:auto; left:auto; right:auto; bottom:auto; width:100% }
	.grid-career > li:nth-child(odd) .entry-box-content { display:block; float:none; width:100%; padding:20px; text-align: left}
	.grid-career > li:nth-child(even) .entry-box-image { min-height:300px; display:block; position:relative; top:auto; right:auto; left:auto; bottom:auto; width:100%}
.grid-career > li:nth-child(even) .entry-box-content { display:block;float:none; width:100%; padding:20px; text-align: left}
}
/*COLUMN CAREER*/
.column { display: flex }
.column .column-main {  flex: 1 0 0px; margin-right:40px }
.column .column-aside { flex: 0 0 400px; padding:20px; background: #f7a810 }
.column .column-aside > h5 { font-size: 44px; position:relative; font-weight:800; margin-bottom:30px; text-align: left; color:#fff }
@media only screen and (max-width : 990px) {
	.column { display: block }
	.column .column-main,
	.column .column-aside { flex: 0 100%; margin:0 }
	.column .column-aside { margin-top:20px }
}
/*TESTIMONIAL*/
#testimonial { background: pink; text-align: center }
.quote-contact { padding-top:20px; font-weight:bold; color:#fff}
.quote-contact span { font-weight:normal; font-style: italic}
#testimonial-quote { text-align: center; background-repeat:no-repeat; background-size: cover; background-position:center center; color:#fff }
#testimonial-quote:before { content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(247,168,16,0.90) }
#testimonial-quote img { margin-top:-140px; margin-bottom:20px; -webkit-border-radius: 100px; border-radius: 100px; border:2px solid #ddd }
.entry-logo-testimonial { width: 160px; background:#fff; height: 160px; padding:30px; border-radius: 100%; box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 20px 0px; z-index:999 }
.logo-company { padding-bottom:40px }
.logo-company > div { display:inline-block; vertical-align: middle }
.logo-and { color:#f7a810; font-size:48px; padding:0 20px }
.quote{ quotes: "\201C""\201D""\2018""\2019"; font-size:21px }
.quote p:before { content: open-quote; display: inline; height: 0; line-height: 0; left: -10px; position: relative; top: 30px; font-family: 'Oswald'; color: #fff; font-size: 3em }
.quote p:after { content: close-quote; display: inline; height: 0; line-height: 0; left: 10px; font-family: 'Oswald'; position: relative; top: 30px; color: #fff; font-size: 3em }
.entry-video-link { border:1px solid #efefef; display: block; margin-top:10px; background:#efefef; text-align: center; padding:10px 30px; text-transform: uppercase}
.entry-video-link a { color:#F44336; text-decoration: none }
.entry-video-link:hover { border:1px solid #F44336 }
@media only screen and (max-width : 690px) {
	#testimonial-quote img { margin-top:-80px }	
}
/*SINGLE*/ 
.single .entry-meta { margin-bottom:20px }
/*.entry-meta { margin-bottom:10px; }*/
.entry-meta span { margin-right:15px; text-transform:uppercase;  color:#151515; font-size:14px} 
.entry-meta span:last-child { margin-right: 0}
.entry-meta span a { color:#151515; text-decoration: none}
.entry-meta span a:hover { color:#151515; text-decoration: underline}
.entry-meta-date:before { content: '\f073'; font-family: "FontAwesome"; display: inline-block; margin-right: 5px; font-size:15px }
.entry-meta-category:before { content: '\f115'; font-family: "FontAwesome"; display: inline-block; margin-right: 5px; font-size:15px }
.entry-meta-view:before { content: '\f06e'; font-family: "FontAwesome"; display: inline-block; margin-right: 5px; font-size:15px }
.entry-meta-timeread:before { content: '\f017'; font-family: "FontAwesome"; display: inline-block; margin-right: 5px; font-size:15px }
.entry-meta-author:before { content: '\f040'; font-family: "FontAwesome"; display: inline-block; margin-right: 5px; font-size:15px }
.entry-meta-contract:before { content: '\f0f6'; font-family: "FontAwesome"; display: inline-block; margin-right: 5px; font-size:15px }
.entry-meta-salary:before { content: '\f153'; font-family: "FontAwesome"; display: inline-block; margin-right: 5px; font-size:15px }
.entry-meta-company:before { content: '\f275'; font-family: "FontAwesome"; display: inline-block; margin-right: 5px; font-size:15px }
.entry-meta-fonction:before { content: '\f007'; font-family: "FontAwesome"; display: inline-block; margin-right: 5px; font-size:15px }
.entry-meta-location:before { content: '\f041'; font-family: "FontAwesome"; display: inline-block; margin-right: 5px; font-size:15px }
.entry-image-author { width:80px; border-radius:100% }
.single .entry-logo { float:right; margin:0 0 20px 20px; width: 120px; background:#fff; height: 120px; padding:20px; border-radius: 100%; box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 20px 0px; z-index:999 }
/*PRESS*/
#pressrelease { background:#efefef}
/*CONTROLS*/ 
.controls { display: flex; text-transform:uppercase; justify-content: center; grid-gap:10px; font-size:14px; margin:40px 0 }
.controls a { text-decoration:none; color:#151515; border-bottom:3px solid #fff; padding-bottom:5px}
.controls a:last-child { margin-right:0 }
.controls a:hover { cursor: pointer; border-bottom:3px solid #f7a810}
.controls a.mixitup-control-active { font-weight:700; border-bottom:3px solid #f7a810}
/*TEAM*/
.grid-team { display: grid; grid-template-columns:repeat(5,1fr); grid-gap:30px;grid-template-rows: 1fr; }
.grid-team article { border-radius: 20px 20px 0 0; box-shadow: 0 0 10px rgba(0,0,0,.2); border-bottom:5px solid #151515; display: flex;flex-direction: column;align-items: stretch;}  
.grid-team article:hover {border-bottom:5px solid #f7A810;}
.grid-team article img { border-radius: 20px 20px 0 0; overflow: hidden}
.grid-team article div { padding: 10px; flex-grow: 1; text-align: center; background: #151515}
.grid-team article div p { color:#efefef; font-size:19px; font-weight: 700}
.grid-team article div span { display:block; color:#ccc; font-size:12px}
@media only screen and (max-width : 990px) { 
	.grid-team { grid-template-columns:repeat(3,1fr); grid-gap:20px }
}
@media only screen and (max-width : 790px) { 
    .controls {justify-content:flex-start; overflow-x: auto; white-space: nowrap }
	.grid-team { grid-template-columns:repeat(2,1fr); grid-gap:20px }
}
/*GRID TEAM 
.grid-team {  font-size:0; margin:-10px }
.grid-team > li { font-size:18px; display: inline-block; vertical-align: top; width:14.286% } 
.grid-team > li article { margin:10px; box-shadow: rgba(0, 0, 0, 0.13) 0px 15px 40px 0px; background:#efefef; position:relative}
.grid-team > li h2 { font-size: 22px;}
.grid-team > li .team-image { position:relative}
.grid-team > li .team-content { z-index:9996; bottom: 0; position: absolute; left: 0; right: 0; overflow: hidden; height: 0; -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; background:rgba(247,168,16,0.90)}
.grid-team > li .team-content-inside { width:100%; position: absolute; top: 50%; left: 50%;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center }
.grid-team > li:hover .team-content { height: 100%;}
.grid-team > li  h4 { font-size:21px; margin:0; color:#151515; padding-bottom:5px}
.grid-team > li .entry-fonction { font-size:15px; color:#fff; padding:0 5px; text-transform: uppercase; line-height:1.1em}
.grid-team > li .entry-service { display: block; padding:10px 5px 0 5px; with:100%; font-size:12px; text-transform: uppercase; color:#151515}
.grid-team > li img { width:100% }
.overlay-image { position: relative; width: 400px; float:right; margin-left:30px; text-align: left; margin-bottom:10px }
.overlay-image .image { display: block; width: 100%; height: auto }
.overlay-image .hover { position: absolute; top: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease }
.inline-content:hover .hover { opacity: 1 }
a.inline { position:absolute; top:-10px; left:-10px; z-index:9997; color:#f7a810; background:#fff; border-radius:100%; padding:15px 20px; box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 20px 0px; }
.inline-content { padding:20px }
.inline-content h3 { margin-bottom: 0 }
.inline-content h2 { margin-bottom: 0 }
.inline-content h2:after { display: none }
.inline-content h4 { margin: 0; margin-bottom:10px; font-size:19px }
@media only screen and (max-width : 1090px) {
	.grid-team > li { width:20% }
}
@media only screen and (max-width : 790px) {
	.grid-team > li { width:25% }
}
@media only screen and (max-width : 590px) {
	.grid-team > li { width:50% }
	.inline-content { padding: 0 }
}*/
/*GRID GALLERY*/ 
.grid-gallery > li { display:block; position:relative; height:100%; height:800px; min-height:800px; margin-bottom:40px }
.grid-gallery > li:last-child { margin-bottom:0 }
.grid-gallery > li .entry-box-image { position:absolute; top:0; left:0; right:40%; bottom:0; width:80%}
.grid-gallery > li .entry-box-content { z-index:9997; position:absolute; top:40px; right:0; box-shadow: rgba(0, 0, 0, 0.13) 0px 15px 40px 0px; background:#fff; width:40%; padding:20px; text-align: left}
.grid-gallery p > a { -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; display:inline-block; background:#ff7f00; text-decoration:none; font-size:15px; font-weight:800; border-radius:4px; text-transform: uppercase; border:1px solid #f7a810; color:#fff; padding:5px 15px}
.grid-gallery p > a:hover { border:1px solid #333; text-decoration:none; background:#333; color:#fff}
.grid-gallery .flexslider { position:relative; width: 100%; height: 100%}
.grid-gallery .slides { width: 100%; height: 100% !important} 
.grid-gallery .slides li { width: 100%; height: 100%; position:relative; background-repeat:no-repeat; background-size: cover; background-position:center center }
.grid-gallery .flex-control-nav { font-size:0; position:absolute; left:20px; bottom:20px; z-index:9997; text-align:right}
.grid-gallery .flex-control-nav li { margin-right:10px; display:inline-block}   
.grid-gallery .flex-control-nav li:last-child { margin-right:0 }   
.grid-gallery .flex-control-nav li a { width:15px; height:15px; display:block; background: rgba(255,255,255,1); }
.grid-gallery .flex-control-nav li a:hover { background: rgba(255,255,255,0.5); cursor:pointer }
.grid-gallery .flex-control-nav li a.flex-active{ background:#f7a810; cursor:auto } 
@media only screen and (max-width : 1090px) {
	.grid-gallery > li { height:auto }
	.grid-gallery > li .entry-box-image { height:600px; position:relative; top:auto; left:auto; right:auto; bottom:auto; width:100%}
	.grid-gallery > li .entry-box-content { position:relative; top:auto; right:auto; width:100%; padding:20px; text-align: left}
	.grid-gallery .flex-control-nav li a { width:10px; height:10px }
}
/*GRID COUNTER*/
.grid-counter { text-align: center; padding-top:20px; font-size:0}
.grid-counter > li { display:inline-block; text-align:center; font-size:18px; vertical-align: top}
.grid-counter-3 > li { width:33.333%}
.grid-counter-4 > li { width:25%}
.grid-counter-5 > li { width:20%}
.grid-counter-6 > li { width:16.666%}
.grid-counter > li > article { padding:0 20px; }
.entry-counter-number { font-family: 'Oswald', sans-serif; font-size:42px; font-weight:700; padding-top:20px }
.entry-counter-number span:last-child { font-family: 'Oswald', sans-serif; padding-left: 5px }
.entry-counter-text { font-size:18px; font-weight:700; text-transform: uppercase; padding-top:10px }
@media only screen and (max-width : 1090px) {
	.grid-counter-3 > li { width:50%}
	.grid-counter-4 > li { width:50%}
	.grid-counter-5 > li { width:50%}
	.grid-counter-6 > li { width:50%}
}
/*GRID ICON*/
.grid-icon { font-size:0; text-align: center}
.grid-icon > li { display:inline-block; text-align:center; font-size:18px; vertical-align: top}
.grid-icon-3 > li { width:33.333%}
.grid-icon-4 > li { width:25%}
.grid-icon-5 > li { width:20%}
.grid-icon-6 > li { width:16.666%}
.grid-icon > li > article { padding:0 20px }
.grid-icon > li img { padding-bottom:20px; max-width:100px }
.grid-icon .entry-link { margin-top:20px}
.grid-icon .entry-link a { -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; display:inline-block; background:#f7a810; text-decoration:none; font-size:15px; font-weight:800; border-radius:4px; text-transform: uppercase; border:1px solid #f7a810; color:#fff; padding:5px 15px}
.grid-icon .entry-link a:hover { border:1px solid #333; text-decoration:none; background:#333; color:#fff}
@media only screen and (max-width : 1090px) {
	.grid-icon-3 > li { width:100%}
	.grid-icon-4 > li { width:100%}
	.grid-icon-5 > li { width:100%}
	.grid-icon-6 > li { width:100%}
	.grid-icon > li { margin-bottom:40px }
	.grid-icon > li:last-child { margin-bottom:0 }
}
/*GRID ICON PORTAL*/
.inline-portal { font-size:0}
.inline-portal li { display:inline-block; vertical-align: middle}
.inline-portal li article { padding:10px}
.inline-portal li a { border-radius: 100%; padding:20px; display: block; height:140px; width:140px; box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 20px 0px }
.inline-portal li a img { height:100px} 
.inline-portal li a:hover { box-shadow: rgba(0, 0, 0, 0.26) 0px 0px 20px 0px }
@media only screen and (max-width : 590px) {
	.inline-portal li { width:50% }
	.inline-portal li a { margin:0px auto; padding:10px; display: block; height:100px; width:100px }
	.inline-portal li a img { height:80px} 
}
/*CONTACT RELATION*/
#contact-relation { text-align: center }
#contact-relation img { width: 190px; background:#fff; height: 190px; border-radius: 100%; box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 20px 0px; z-index:999 }
#contact-relation .entry-link { margin-top:20px}
#contact-relation .entry-link a { margin-right:10px; -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; display:inline-block; background:#f7a810; text-decoration:none; font-size:15px; font-weight:800; border-radius:4px; text-transform: uppercase; border:1px solid #f7a810; color:#fff; padding:5px 15px}
#contact-relation .entry-link a:last-child { margin-right:0}
#contact-relation .entry-link a:hover { border:1px solid #333; text-decoration:none; background:#333; color:#fff}
#contact-relation p a { color:#f7a810; text-decoration: none}
#contact-relation p a:hover { color:#f7a810; text-decoration: underline}

/*ENTRY-MORE*/
.entry-more { text-align: center; margin-top:40px}
.entry-more a { -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; display:inline-block; background:#f7a810; text-decoration:none; font-size:18px; font-weight:800; border-radius:4px; text-transform: uppercase; border:1px solid #f7a810; color:#fff; padding:15px 25px}
.entry-more a:hover { border:1px solid #333; text-decoration:none; background:#333; color:#fff}
/*GRID PRODUCT*/
.grid-product { display:grid; grid-template-columns:repeat(3, 1fr); grid-template-rows: 1fr; grid-gap:40px}
.grid-product > li { box-shadow: rgba(0, 0, 0, 0.13) 0px 15px 40px 0px; -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; position:relative; background:#fff }
.grid-product > li:hover {  transform: scale(1.05) }
.entry-product-image { position:relative}
.entry-product-content { display: grid; grid-template-rows:auto; grid-gap:10px; padding:20px; font-size:15px }
.entry-product-logo { position: absolute; background:#fff; bottom:-10px; right:20px; padding:10px; border-radius: 100%; box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 10px 0px; z-index:999 }
.entry-product-logo img { width:60px; border-radius: 10px }
.entry-product-content a { font-weight: 700; color:#151515; text-decoration: none }
.entry-product-content a:hover { font-weight: 700; text-decoration: underline }
.grid-product h4,
.grid-product h3 { font-size:19px; margin:0}
/*.grid-product28 { font-size:0; margin:20px -20px }
.grid-product28 > li { font-size:18px; display: inline-block; vertical-align: top; width:33.3333% } 
.grid-product28 > li > article {  overflow:hidden; margin:20px}
.entry-product-image42:after { content: ""; display: block; position: absolute; bottom:-70px; right: 0; width: -50%; height: 0; border-style: solid; border-width: 120px 100vw 0 0; border-color: transparent #fff; z-index: 1 }*/

.entry-product-content-spe { padding:20px }
.entry-product-content h4  { font-weight:700} 
.entry-product-content-archiexpo h4 { color:#1094E9}
.entry-product-content-medicalexpo h4 { color:#7ECCDC}
.entry-product-content-nauticexpo h4 { color:#5EB5FF}
.entry-product-content-directindustry h4 { color:#F48D35}
.entry-product-content-agriexpo h4 { color:#91D333}
.entry-product-content-aeroexpo h4 { color:#2EADD1}

.entry-product-content li { border-left:3px solid #f7a810; margin-bottom:10px; padding-left:10px}
.entry-product-content-archiexpo li { border-left:3px solid #1094E9}
.entry-product-content-medicalexpo li { border-left:3px solid #7ECCDC}
.entry-product-content-nauticexpo li { border-left:3px solid #5EB5FF}
.entry-product-content-directindustry li { border-left:3px solid #F48D35}
.entry-product-content-agriexpo li { border-left:3px solid #91D333}
.entry-product-content-aeroexpo li { border-left:3px solid #2EADD1}
.entry-product-content li a { color:#151515 }
.entry-product-content-archiexpo li a:hover { color:#1094E9; text-decoration: none}
.entry-product-content-medicalexpo li a:hover { color:#7ECCDC; text-decoration: none}
.entry-product-content-nauticexpo li a:hover { color:#5EB5FF; text-decoration: none}
.entry-product-content-directindustry li a:hover { color:#F48D35; text-decoration: none}
.entry-product-content-agriexpo li a:hover { color:#91D333; text-decoration: none}
.entry-product-content-aeroexpo li a:hover { color:#2EADD1; text-decoration: none}
.grid-product .entry-link { font-size:15px; border-top:1px solid #ddd; text-align: right; padding-top:10px}
.grid-product .entry-link a { -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; color:#8e8e8e; text-decoration: none } 
.grid-product .entry-link a:hover { color:#f7a810; text-decoration: none } 
.grid-product .entry-link a:after { color: #f7a810; content:"\f061"; font-size:16px; padding-left:10px; font-family: 'FontAwesome'; }
.grid-product-press > li:hover { background:#f7a810 }
.grid-product-press > li:hover .entry-product-content h3 { color:#fff }
.grid-product-press > li:hover > h4 { color:#fff }
.grid-product-press > li:hover .entry-link { border-top:1px solid #fff }
.grid-product-press > li:hover .entry-link a { color:#fff }
.grid-product-press > li:hover .entry-link a:hover { color:#000; text-decoration: none } 
.grid-product-press > li:hover .entry-link a:after { color: #fff; content:"\f061"; font-size:16px; padding-left:10px; font-family: 'FontAwesome'; }
.grid-product .entry-video { display: block;  padding-top:20px }
.ribbon { width: 160px; height: 160px; overflow: hidden; position: absolute; z-index:2 }
.ribbon span { position: absolute; display: block; width: 240px; padding: 15px; background-color: #f7a810; box-shadow: 0 5px 10px rgba(0,0,0,.1);
	color: #fff; font-size:17px; font-weight: bold; text-shadow: 0 1px 1px rgba(0,0,0,.2); text-transform: uppercase; text-align: center }
.ribbon-top-left { top: 0; left: -10px }
.ribbon-top-left::before,
.ribbon-top-left::after { border-top-color: transparent; border-left-color: transparent }
.ribbon-top-left::before { top: 0; right: 0 }
.ribbon-top-left::after { bottom: 0; left: 0 }
.ribbon-top-left span { right: -25px; top: 30px; transform: rotate(-45deg) }
@media only screen and (max-width : 1090px) {
	.grid-product { grid-template-columns:repeat(2, 1fr); grid-template-rows: 1fr; grid-gap:20px }
}
@media only screen and (max-width : 690px) {
	.grid-product { grid-template-columns:1fr; grid-template-rows: 1fr; grid-gap:10px  }
}



/*TIMELINE*/
#timelineid { background:#fff }
.grid-timeline { position: relative }
.grid-timeline:before { content: ''; background: #ddd; width: 3px; height: 100%; position: absolute; left: 50%; transform: translateX(-50%) }
.grid-timeline-item { width: 100%; margin-bottom: 40px }
.grid-timeline-item:nth-child(even) .grid-timeline-content { float: right; padding: 20px }
.grid-timeline-content::after { content: ''; position: absolute; border-style: solid; width: 0; height: 0; top: 30px; right: -15px; border-width: 10px 0 10px 15px; border-color: transparent transparent transparent #fff }
.grid-timeline-item:nth-child(even) .grid-timeline-content::after { content: ''; position: absolute; border-style: solid; width: 0; height: 0; top: 30px; left: -15px; border-width: 10px 15px 10px 0; border-color: transparent #fff transparent transparent;}
.grid-timeline-item::after { content: ''; display: block; clear: both }
.grid-timeline-content { position: relative; font-weight: 700; display: inline-block; vertical-align:middle; width: 45%; padding: 20px; background: #fff; box-shadow: rgba(0, 0, 0, 0.13) 0px 15px 40px 0px }
.grid-timeline-img { width: 80px; height: 80px; color:#151515; background: #ffffff; background: -moz-linear-gradient(-45deg, #ffffff 0%, #e5e5e5 100%); background: -webkit-linear-gradient(-45deg, #ffffff 0%,#e5e5e5 100%); background: linear-gradient(135deg, #ffffff 0%,#e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); margin-left: -40px; line-height:60px; ox-shadow: inset 0 0 0 4px #eee, inset 0 0 0 8px #ddd; border-radius: 50%; position: absolute; left: 50%; font-size:18px; font-weight: 700; text-align: center }
.grid-timeline-img-archiexpo { border:10px solid #1094E9 }
.grid-timeline-img-aeroexpo { border:10px solid #2EADD1 }
.grid-timeline-img-nauticexpo { border:10px solid #5EB5FF }
.grid-timeline-img-virtualstore { border:10px solid #F7A810 }
.grid-timeline-img-directindustry { border:10px solid #F48D35 }
.grid-timeline-img-medicalexpo { border:10px solid #7ECCDC }
.grid-timeline-img-agriexpo { border:10px solid #91D333 }
.grid-timeline .entry-link { position:absolute; bottom:-30px; right:20px; box-shadow: rgba(0, 0, 0, 0.13) 0px 15px 40px 0px; background:#f7a810; padding:10px 20px }
.grid-timeline .entry-link:hover { background:#151515 }
.grid-timeline .entry-link a { -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; color:#fff; text-decoration: none } 
.grid-timeline .entry-link a:after { color: #fff; content:"\f061"; font-size:16px; padding-left:10px; font-family: 'FontAwesome'; }
.grid-timeline-content > div { display: table; vertical-align:middle;}
.grid-timeline-content .grid-timeline-logo { display: table-cell; padding-right:20px; width:141px; border-right:1px solid #ddd; text-align: center }
.grid-timeline-content .grid-timeline-child { display: table-cell; padding-left:20px }
@media screen and (max-width: 1090px) {
	.grid-timeline-item { width: 100%; margin-bottom: 60px }
	.grid-timeline-content .grid-timeline-logo { display: block; padding-right:0; width:141px; border-right:none }
	.grid-timeline-content .grid-timeline-child { display: block; padding-left:0; padding-bottom:10px }	
}
@media screen and (max-width: 1290px) {
  .grid-timeline:before {
    left: 50px;
  }
  .grid-timeline .grid-timeline-img {
    left: 50px;
  }
  .grid-timeline .grid-timeline-content {
    max-width: 100%;
	  display: block;
    width: auto;
    margin-left: 110px;
  }
  .grid-timeline .grid-timeline-item:nth-child(even) .grid-timeline-content {
    float: none;
  }
  .grid-timeline .grid-timeline-item:nth-child(odd) .grid-timeline-content:after {
    content: '';
    position: absolute;
    border-style: solid;
    width: 0;
    height: 0;
    top: 30px;
    left: -15px;
    border-width: 10px 15px 10px 0;
    border-color: transparent #fff transparent transparent;
  }
}
/*LOGOKIT*/
.grid-ve { display: block }
.grid-ve > li { display: grid; grid-gap: 40px; margin-bottom:40px; border-bottom: 1px solid #ddd; padding-bottom:40px; grid-template-columns:auto 400px; align-items: center }
.grid-ve:last-child > li { margin-bottom:0; border-bottom: 0; padding-bottom:0 } 
.grid-ve > li .grid-content { display: grid; grid-gap: 20px; grid-template-columns:repeat(3,1fr); text-align: center }
.grid-ve > li .grid-content img { border:1px solid #ddd }
.grid-ve > li .grid-content > li div { padding:10px }
.grid-ve > li .grid-content p { font-weight: 700; margin-bottom: 5px }
.grid-ve > li .grid-content a { text-decoration:none; color:#666 }
.grid-ve > li .grid-content a:hover { text-decoration:underline; color:#666 }
.grid-ve > li .grid-logo2 > li { display: grid; grid-gap: 20px; grid-template-columns:100px auto; margin-bottom:20px; align-items: center }
.grid-ve > li .grid-logo2 > li div:first-child { border:5px solid #efefef; width:100px; height: 100px; border-radius:100%  }
.grid-ve > li .grid-logo2 > li:last-child { margin-bottom:0  }
.grid-ve > li .grid-logo2 a { text-decoration:none; color:#666 }
.grid-ve > li .grid-logo2 a:hover { text-decoration:underline; color:#666 }
@media only screen and (max-width : 990px) { 
	.grid-ve > li { display:block }

}
@media only screen and (max-width : 590px) { 
	.grid-ve > li .grid-content { display:block }
}
/*GUIDE*/
.box-guide { position: relative; border:3px solid #f7a810; padding:40px; margin:40px 0 }
.box-guide:last-child { margin-bottom:0}
.box-guide h3.entry-title-guide { position:absolute; top:-15px; left:10px; font-size:20px; padding:0 10px; background:#fff; margin-bottom:20px} 
.box-guide h3.entry-title-guide > span { color:#f7a810; padding-right:10px; font-weight:700}
.summary-guide { border:3px solid #f7a810; margin:40px 0}
.summary-guide-title { padding:20px 40px 0 40px; font-size:20px; font-weight: 700; text-transform: uppercase }
.summary-guide-menu { padding:40px }
.summary-guide-menu li { text-align: left; position:relative; margin-bottom:5px}
.summary-guide-menu li a { color:#151515; text-decoration: none }
.summary-guide-menu li a:hover { color:#f7a810 }
.summary-guide-menu li > span { color:#f7a810; padding-right:10px; font-weight:700}
@media only screen and (max-width : 1090px) {
	.box-guide { padding:20px 10px 10px 10px }
	.summary-guide-title { padding:10px }
	.summary-guide-menu { padding:10px }
}
/*ENTRY-MORE*/
.entry-more { text-align: center; margin-top:30px}
.entry-more a { -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; display:inline-block; background:#f7a810; text-decoration:none; font-size:18px; font-weight:800; border-radius:4px; text-transform: uppercase; border:1px solid #f7a810; color:#fff; padding:15px 25px}
.entry-more a:hover { border:1px solid #333; text-decoration:none; background:#333; color:#fff}
.entry-more button { -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; display:inline-block; background:#f7a810; text-decoration:none; font-size:18px; font-weight:800; border-radius:4px; text-transform: uppercase; border:1px solid #f7a810; color:#fff; padding:15px 25px}
.entry-more button:hover { border:1px solid #333; text-decoration:none; background:#333; color:#fff}


/*FORM CONTACT*/
.page-template-page-contact .wpcf7 p { margin-bottom:20px}
.page-template-page-contact .wpcf7 p:last-child { margin-bottom:0}
.page-template-page-contact div.wpcf7-response-output { font-size: 13px !important; padding:10px}
.page-template-page-contact textarea.wpcf7-not-valid,
.page-template-page-contact input.wpcf7-not-valid { border-bottom:1px solid #F00!important}
.page-template-page-contact .wpcf7-validation-errors { border:1px solid #efefef!important; background:#efefef; color:red}
.page-template-page-contact .wpcf7-mail-sent-ok { border-bottom:1px solid green!important; background:#efefef; color:green}
.page-template-page-contact span.wpcf7-not-valid-tip  { color: #f00; font-size: 10px !important; text-transform:uppercase; font-weight:normal !important; display: block}
.page-template-page-contact div.wpcf7 .screen-reader-response { display: none }
.page-template-page-contact .wpcf7 label { color:#fff; font-size:14px !important; text-align:center !important; text-transform:uppercase; font-weight:bold}   
.page-template-page-contact .wpcf7 label em { color:red; padding-left:6px; font-style:normal}
.page-template-page-contact .wpcf7 input[type=text],
.page-template-page-contact .wpcf7 input[type=file],
.page-template-page-contact .wpcf7 input[type=email] { width: 100%; background:none; font-weight:700; color:#fff; padding:10px 0; font-family: 'Open Sans', sans-serif;font-size:18px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:none; border-bottom:1px solid #fff}
.page-template-page-contact .wpcf7 input[type=text]:hover,
.page-template-page-contact .wpcf7 input[type=file]:hover,
.page-template-page-contact .wpcf7 input[type=email]:hover,   
.page-template-page-contact .wpcf7 textarea:hover { border-bottom:1px solid #151515 } 
.page-template-page-contact .wpcf7 textarea { height:90px; width: 100%; background:none; resize: none; color:#fff; font-weight:700; padding:10px 0; font-family: 'Open Sans', sans-serif; font-size:18px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:none; border-bottom:1px solid #fff}
.page-template-page-contact .wpcf7 input[type=submit]{ transition: all 0.5s ease; width:100%; display:block; font-family: 'Open Sans', sans-serif; text-align:center !important; background:#fff; text-transform:uppercase; color:#151515; padding:15px 25px; font-weight:800; font-size:18px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:1px solid #fff}
.page-template-page-contact .wpcf7 input[type=submit]:hover { background:#151515; border:1px solid #151515; color:#fff} 

/*CONTACT FORM*/
.page-template-default .wpcf7-form { margin:0px auto; max-width:700px; margin-top:20px}
.page-template-default p label { display: block; font-size:14px; text-align: left; font-weight:700}
.page-template-default p label em { color:red}
.page-template-default .wpcf7-form input[type="text"],
.page-template-default .wpcf7-form input[type="email"],
.page-template-default .wpcf7-form select { font-family:'Open Sans', sans-serif;  width:100%; margin-bottom:5px; border-radius: 50px; background: #efefef; border: 1px solid #efefef; padding: 10px 20px; } 
/*textarea*/
.page-template-default .wpcf7-form textarea { margin-bottom:0; font-family:'Open Sans', sans-serif;  width:100%; margin-bottom:5px; border-radius: 20px; background: #efefef; max-height:160px; border: 1px solid #efefef; padding: 10px 20px; } 
/*submit*/
.page-template-default .wpcf7-form input[type="submit"] { font-family:'Open Sans', sans-serif; background:#F7A810; padding: 10px 20px; text-transform:uppercase; border:1px solid #F7A810; border-radius: 20px; font-weight:700; color:#fff }
.page-template-default .wpcf7-form input[type="submit"]:hover { border:1px solid #151515; background: #151515 } 
.page-template-default .wpcf7-form .submit { text-align:center}
/*error*/
.page-template-default .wpcf7-form input.wpcf7-not-valid,
.page-template-default .wpcf7-form textarea.wpcf7-not-valid { background:#FFBABA }
.page-template-default .wpcf7 .screen-reader-response,
.page-template-default .wpcf7-form .wpcf7-not-valid-tip { display: none}
.page-template-default .wpcf7-response-output { display:none; margin:20px 0; border-radius: 20px; padding:20px; font-size: 13px; font-weight:bold; text-align:center }
.page-template-default .invalid .wpcf7-response-output { display:block; background:#FFBABA; color: #D8000C; border: 1px solid #FFBABA;  } 
.page-template-default .sent .wpcf7-response-output { display:block; background:#FEEFB3; color: #4F8A10; border: 1px solid #FEEFB3;  } 
/*plaholder*/
.page-template-default ::-webkit-input-placeholder { color: #666}        
.page-template-default :-moz-placeholder { color: #666; opacity: 1}  
.page-template-default ::-moz-placeholder { color: #666; opacity: 1} 
.page-template-default :-ms-input-placeholder { color:#666} 
.page-template-default .placeholder{ color: #666 }


/*NEW VE*/
.newwrap { position:relative; background:#fff; padding:20px 40px}
.newwrap-intro > div { max-width:900px; margin:0px auto; text-align: center; display: grid; grid-template-rows:auto; grid-gap:20px }
.newwrap-intro h1.entry-title,
.newwrap-intro h2 { margin-bottom:0; display: flex; flex-direction: column; align-items: center}
/*GRID*/ 
.grid { display: grid; grid-template-columns:repeat(3, 1fr); grid-gap:40px; grid-template-rows: 1fr}
.grid > article { display: flex; flex-direction: column; box-shadow: rgba(0, 0, 0, 0.13) 0px 15px 40px 0px; -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; background:#fff}
.grid > article:hover { transform: scale(1.05)}
.grid-content { display: grid; grid-template-rows:auto; grid-gap:10px; padding:20px}
.grid-image { position:relative;}
.grid-content h3 { font-size:19px; color:#151515; margin-bottom:0 }
.grid-content h3 a { color:#151515; text-decoration: none }
.grid-content h3 a:hover { color:#151515; text-decoration: underline }
.newwrap-intro .grid-category { justify-content: center }
/*GRID - LINK*/
.grid-link { margin-top:auto }
.grid-link { border-top:1px solid #ddd; padding:20px; font-size:13px; font-weight:700; text-align: right}
.grid-link a { -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; color:#8e8e8e; text-decoration: none } 
.grid-link a:hover { color:#f7a810; text-decoration: none } 
.grid-link a:after { color: #f7a810; content:"\f061"; font-size:16px; padding-left:10px; font-family: 'FontAwesome'; }
/*GRID - LOGO*/
.grid-logo { position:absolute; bottom:-10px; right:20px;}
.grid-logo img.logo { margin-left:5px; width:80px; height:80px; background:#fff; padding:5px; border:1px solid #ddd }
/*GRID - CATEGORY*/
.grid-category { display: flex; text-transform: none; justify-content: flex-start; flex-wrap:wrap; grid-gap:5px}
.grid-category a { padding: 2px 5px; font-size:13px; font-weight:700; background:#F7A810; color:#fff; text-decoration: none; }
.grid-category a:hover { background:#151515 }
/*GRID - META*/
.single .container .grid-meta { text-align: center}
.grid-meta { color:#151515; font-size:12px }
.grid-meta span:after  { content:"/"; padding:0 5px }
.grid-meta span:last-child:after { content:""; padding:0 }
.grid-meta a {  color:#151515; text-decoration:none}
.grid-meta a:hover {  color:#151515; text-decoration:underline}
/*GRID-SUMMARY*/
.grid-summary-logo { display:grid; grid-template-columns: auto 80px; grid-gap:10px;}
.grid-summary-logo > div { display:grid; grid-gap:10px; padding-right:10px; border-right:1px dotted #ddd}
.grid-summary { font-size:13px; line-height:1.2; text-align: justify}
.grid-summary a { font-size:13px; font-weight:700; color:#151515; text-decoration:none}
.grid-summary a:hover { color:#F7A810; text-decoration:none}
/*GRID PAGINATION*/          
.grid-pagination { display:flex; align-items: center; justify-content: center; font-weight:700; font-size:13px; grid-gap:5px; padding-top:40px }      
.grid-pagination li { margin-right:2px; text-transform:uppercase }
.grid-pagination li.current { padding:5px 10px; border:1px solid #f7a810; border-radius: 50px;  color:#fff; background:#f7a810}
.grid-pagination li a { display:inline-block; border:1px solid #ddd; border-radius: 50px; padding:5px 10px; text-decoration:none; color:#151515; background: #fff}
.grid-pagination li a:hover { border:1px solid #151515; color:#fff; background:#151515}
/*.grid-pagination li:last-child { margin-left: auto}*/
/*PORTAIL*/
.portail { background:#efefef; max-width:100%; display: flex;
	flex-wrap: wrap; padding:20px 40px; grid-gap:15px;  align-items:center; justify-content:center}
.portail a img { height:40px}
.portail a:first-child img { height:60px; padding-right:15px; border-right:1px solid #ddd}
/*COPYRIGHT*/
.copyright { padding:20px 40px}
.menu-copyright { display:flex; flex-wrap: wrap; justify-content: center; font-size:13px; color:#151515  }
.menu-copyright > li:after { content:"-"; padding:0 5px }
.menu-copyright > li:last-child:after { content:""; padding:0 }
.menu-copyright > li a { text-decoration:none; color: #151515}
.menu-copyright > li a:hover { text-decoration:underline; color: #151515}
@media only screen and (max-width : 790px) {
	.newwrap { padding:10px; max-width:100% }
	.grid { grid-template-columns:1fr; grid-gap:10px }
	.portail { grid-gap:30px}
	.portail a:first-child img { padding-right:0; border-right:0; display: block; width:100%; text-align: center }
}
/*COLORBOX*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent { -moz-box-sizing:content-box;  -webkit-box-sizing:content-box; box-sizing:content-box }
#cboxOverlay{background:rgba(3,3,3,0.7); opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxTopLeft{width:25px; height:25px; background:url(../png/border1.png) no-repeat 0 0;}
#cboxTopCenter{height:25px; background:url(../png/border1.png) repeat-x 0 -50px;}
#cboxTopRight{width:25px; height:25px; background:url(../png/border1.png) no-repeat -25px 0;}
#cboxBottomLeft{width:25px; height:25px; background:url(../png/border1.png) no-repeat 0 -25px;}
#cboxBottomCenter{height:25px; background:url(../png/border1.png) repeat-x 0 -75px;}
#cboxBottomRight{width:25px; height:25px; background:url(../png/border1.png) no-repeat -25px -25px;}
#cboxMiddleLeft{width:25px; background:url(../png/border2.png) repeat-y 0 0;}
#cboxMiddleRight{width:25px; background:url(../png/border2.png) repeat-y -25px 0;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:20px;}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999; display:none !important}
#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
#cboxLoadingOverlay{background:#fff url(../gif/loading.gif) no-repeat 5px 5px;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
#cboxClose{position:absolute; bottom:0; right:0; display:block; text-transform:uppercase; color:#e2001a}
#cboxClose:before { display:inline-block; vertical-align:bottom; font: normal 18px 'FontAwesome'; content: '\f00d'}
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)} 
@media print {
	#wrapper { left:auto; position:relative; right:0; top:0}
	#header,
	#searchbar,
	#social,
	#portal,
	#sidebar,
	#banner,
	#copyright,
	#breadcrumbs,
	#related,
	#progress-bar,
	.entry-category-nolink,
	.entry-print,
	#banner .entry-image:before { display:none  !important }
	body { width: auto!important; margin: auto!important; font-family: serif; font-size: 10pt!important; background-color: #fff!important; color: #000!important }
	.row { padding:0!important ; max-width:100%!important }
	#banner { background: none !important}
	#banner .entry-image-inside { position:relative; padding:0 }
	#banner .entry-image { height:auto !important; display:block; background:none !important }
	.summary-guide-menu,
	.summary-guide-title,
	.box-guide,
	.box-guide .entry-content,
	.entry-content {  padding:10px!important }
	.summary-guide { border:1px solid #000!important; margin:0!important; margin-bottom:10px}
	p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol { color: #000!important; margin: auto!important }
	p, blockquote { font-size: 10pt!important; orphans: 3; widows: 3 }
	h1 { font-size: 14pt!important; margin-bottom:10px }
	h4 { font-size: 12pt!important }
	blockquote, ul, ol { page-break-inside: avoid }
	.box-guide { border:1px solid #000!important; age-break-before: always;  }
	h1, h2, h3, caption { page-break-after: avoid }
	a { color: #000!important; text-decoration: underline!important }
	a[href]:after { content: " (" attr(href) ")" }
}
/*RESPONSIVE*/
@media only screen and (max-width : 1200px) {
    .grid-box > li { height: auto; }
    .grid-box > li:nth-child(odd) .entry-box-image,
    .grid-box > li:nth-child(even) .entry-box-image { position: relative;display: block;top: auto; right:auto; left:auto; bottom:auto; width:100%; height: 300px}
    .grid-box > li:nth-child(odd) .entry-box-content,
    .grid-box > li:nth-child(even) .entry-box-content { position: relative; top: auto; left: auto; width:100% }
}