/* Style Main Digital Rollo World 
*-------------------------------------------------------
* 1. Fonts
* 2. Header / Menu
* 3. Team
* 4. Boutons
* 5. Ultimate
* 6. Sections, Row & columns
* 7. Borders
* 8. Banners
* 9. Animations
* 10. Footer
* 11. Ombres
* 12. Sticky side button
* 13. Lightbox Call an Expert
* 14. Menu Overlay
* 15. Video player
* 16. Backgrounds
*/

/* 1. Fonts
*-----------------------------------------------------*/
html, body, p, h1, h2, h3, h4, h5, h6 {
    font-family: 'futura-pt', sans-serif !Important;
    line-height: 110% !Important;
   	letter-spacing:0px !Important;
}
html body p{
	font-weight: 400;
	font-style: normal;
}
p, html{
	font-size:20px;
	line-height:25px;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'futura-pt', sans-serif !Important;
	font-weight: 600 !Important;
	font-style: normal !Important;
}
h3{
    font-size:24px;
}
h5{
    font-size:21px;
}
.button, button, input[type=submit], input[type=reset], input[type=button] {
    font-size:16px;
}
.copyright-footer{
	letter-spacing:1px !Important;
	text-transform:uppercase;
	font-size:12px;
}
label, legend {
    font-weight: 400;
    display: block;
    font-size: 20px;
    margin-bottom: 0.4em;
}

/* 2. Header / Menu
*-----------------------------------------------------*/
.header-wrapper:not(.stuck) .logo{
		margin-top: 15px;
}
 .transparent #logo img {
   max-height: 130px !Important;
}

/* Patch sélecteur de langues */
.header.show-on-scroll, .header.has-transparent, .header.transparent {
    position: initial !important;
}

.wpml-ls-slot-shortcode_actions{
    text-transform: uppercase !important;
}
.wpml-ls-slot-shortcode_actions .wpml-ls-native{
    font-size: 16px;
    font-weight: 600;
}

/* 3. Team
*-----------------------------------------------------*/
p.team-competences{
	margin-bottom:5px !Important;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:1px !Important;
	font-weight:500 !Important;
}

.team-lightbox{
	border:2px #1993cd solid;
	padding: 20px 10px 0px 10px;
	background-color:#0e75b9;
}
.team-lightbox.case-off{
	border:2px #03234f80 solid;
	background-color:#206d8210;
}
.team-lightbox.case-off p, .team-lightbox.case-off h5{
	color:#03234f !Important;
}
.team-lightbox .row-off{
	opacity:0.65;
}
.team-lightbox .image-off, #meetclient .image-off{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity:0.45;
}

.team-lead{
	border:2px #0a0a0a solid;
	padding: 20px 10px 0px 10px;
	background-color:#0e75b9;
    
}
.team-only-lightbox, .oncall{
	/*border:2px #ffffff15 solid;*/
	padding: 20px 10px 0px 10px;
	background-color:#06418a;
    
}
.team-lead.case-off{
	border:2px #0a0a0a solid;
	background-color:#206d8210;
}
.team-lead .row-off{
	opacity:0.35;
}
.team-lead .image-off, #meetclient .image-off{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity:0.25;
}

.team-form input{
	border-radius:99px;
	margin:0px;
}

.country-flag{
	border:1px solid #07418a50;
	border-radius:99px;
	margin-bottom:4px;
}

.button.start-one-to-one{
	background-color:#54a002 !Important;
	box-shadow:0px 0px 20px #03041318;
	border:2px solid #ffffff;
  animation-duration: 1.4s;
  animation-name: clignoter2;
  animation-iteration-count: infinite;
   transition: none;
}
.button.start-one-to-one:hover{
		background-color:#62bc02 !Important;
	animation-iteration-count: 0;
}

@keyframes clignoter2 {
  0%   {filter:brightness(95%);}
  40%  {filter:brightness(130%);}
  100% {filter:brightness(95%);}
}


/* 4. Boutons
*-----------------------------------------------------*/
button, p .lead, .nav > li > a {
	font-family: 'futura-pt', sans-serif !Important;
	font-weight: 500 !Important;
	font-style: normal !Important;
}
input[type='submit'].button.alert{
	background-color: #ba0b2e;
}
input[type='submit'].button.success{
	background-color: #9cd326;
}

.footer-nav .menu-item a{
	font-size:14px !Important;
	font-weight: 500 !Important;
}
.um-button, .um-request-button{
	text-transform:uppercase !Important;
	font-weight: 500 !Important;
	font-style: normal !Important;
	letter-spacing:0px !Important;
}

/* Patch boutons Chrome */
.button span {
	line-height: 1.6em !Important;
	vertical-align:middle !Important;
	padding:3px 0px 4px 0px;
}
.button i{
	top: 0px !Important;
}

@-moz-document url-prefix() {
  .button span {
		line-height: 1.6em !Important;
		vertical-align:middle !Important;
		padding:3px 0px 8px 0px !Important;
    }
}

.menu_drw_btn, .submenu_drw_btn{
	opacity:0.65 !Important;
}
.menu_drw_btn:hover, .submenu_drw_btn:hover{
	opacity:1 !Important;
}
.menu_drw_btn i{
	top: -5px !Important;
  width: 20px !Important;
}

.submenu_drw_btn i{
	top: -5px !Important;
  width: 20px !Important;
}

/* VGPro Play Buttons */
.vgpro-col-btn .video-button-wrapper{
	float:left;
	width:70px;
	margin-top:-18px
}
.vgpro-col-btn-mob .video-button-wrapper{
	float:left;
	width:70px;
	margin-top:-18px
}

/* Open ID */
.open-id-link.button{
    border-radius: 4px;
    padding:5px 20px 5px 20px;
}

/* 5. Ultimate
*-----------------------------------------------------*/
.um {
    color: #343434;
    font-size: 20px;
    margin-bottom: 30px !important;
}
.um-postmessage{
    font-weight: 500;
}

.um-field-block {
    color: #343434;
    font-size: 20px;
}

.um-field-label{
	letter-spacing:0px;
	text-transform:uppercase;
}

.um-form input[type=text], .um-form input[type=search], .um-form input[type=tel], .um-form input[type=number], .um-form input[type=password] {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 18px !important;
    height: 40px !important;
}

.select2.select2-container .select2-selection {
    font-size: 18px !important;
}

.um .um-form input[type=text], .um .um-form input[type=search], .um .um-form input[type=tel], .um .um-form input[type=number], .um .um-form input[type=password], .um .um-form textarea, .um .upload-progress, .select2-container .select2-choice, .select2-drop, .select2-container-multi .select2-choices, .select2-drop-active, .select2-drop.select2-drop-above {
    color: #343434;
    font-size:20px !important;
    border: 1px solid #999999 !important;
    font-weight: 400;
}

.um-field-error {
    background: #C74A4A;
    color: #fff;
    box-sizing: border-box;
    position: relative;
    padding: 12px;
    font-size: 18px;
    line-height: 20px !important;
    margin: 12px 0 0 0;
}


.um-button, .um .um-button.um-alt, .um input[type=submit].um-button.um-alt{
    font-weight: 600 !Important;
    text-transform: uppercase !important;
}

.um-field-checkbox-option, .um-field-radio-option {
    color: #1993cd !important;
}

.um-register .um-postmessage{
    text-align:center !important;
    color:#1a1a1a!important;
    font-size: 20px;
}
.um-register .um-postmessage p.activation-message{
    color:#1993cd!important;
    font-weight:700;
}

/* 6. Sections, Row & columns
*-----------------------------------------------------*/
.col{
	padding-bottom:0px;
}
.col.nopad{
	padding-left:0px;
	padding-right:0px;
}
.home-container{
	margin-top:-25px;
}

/* Cases */
.case>.col-inner{
	border:1px #343434 solid;
	box-shadow:0px 0px 20px rgba(0,0,0,0.15)
}
.case .video{
	margin-top:-10px;
}

/* Sections */
.section-front{
	z-index:10;
}

/* 7. Borders
*-----------------------------------------------------*/
.circle{
	border-radius:50%;
}

/* 8. Banners
*-----------------------------------------------------*/
.banner{
	background-color:#000000;
}
/*@media screen and (min-width: 850px){
.noresize .res-text {
    font-size: initial !Important;
}*/
.noresize .res-text {
	font-size: initial !Important;
}

/* Banners */
.banner-vgpro{
	min-height:500px;
}
.banner-vgpro-inserts, .banner-lasersuite, .banner-numroto{
	min-height:200px;
}

/* Zones de clic */
.noclic{
	pointer-events: none; 
	cursor: default;
}
.noclic a{
	pointer-events: initial; 
	cursor: pointer;
}

/* 9. Animations
*-----------------------------------------------------*/
.nofade .parallax-active{
	opacity : 1 !Important;
}
[data-animate] {
	transition-property: filter, transform, opacity;
	transition-duration: 0.3s, 1.2s, 1s;
	transition-timing-function: ease, ease, ease;
}
.has-hover [class*="image-"] img {
    transition: filter .1s, opacity .2s, transform .6s, box-shadow .3s;
}

[data-animate="fadeInUp"].fixe {
    transform: translate3d(0, 0px, 0) !Important;
}
/*
.section-bg-fade .section-bg{
	transition: filter 0s, opacity 2s, transform 0s, box-shadow 0s;
}
*/

/* 10. Footer
*-----------------------------------------------------*/
#footer {
    margin-bottom: 5px;
}

/* 11. Ombres
*-----------------------------------------------------*/
.case-app .banner{
	border:1px solid #08418a35;
	box-shadow:0px 0px 20px rgba(0,0,5,0.35);
}
.ombre-1{
	box-shadow:0px 0px 20px rgba(0,0,5,0.65);
}

/* 12. Sticky side button
*-----------------------------------------------------*/
.sticky-side-button {
	right: 10px;
  float: right;
	position: fixed;
	top: calc(80% - 10px);
  z-index:10;
  cursor: pointer;
  border-radius:0px !important;
  margin:0px;
}
@media screen and (max-width: 849px){
    .sticky-side-button {
	    top: calc(80% - 40px);
    }
}

.button:not(.icon).sticky-footer-button {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1;
  border-radius:0px !important;
  margin-bottom: 0em;
}
.sticky-side-button {
   animation-duration: 1.4s;
   animation-name: clignoter;
   animation-iteration-count: infinite;
   transition: none;
}
@keyframes clignoter {
  0%   {filter:brightness(80%);}
  40%  {filter:brightness(120%);}
  100% {filter:brightness(80%);}
}
.sticky-side-button:hover{
	filter: brightness(1.25);
	transition: .3s ease-in-out;
}

/* 13. Lightbox Call an Expert
*-----------------------------------------------------*/
.popup-personal img {
	border-radius:99px; 
  border: 5px solid #08418a;
  width:120px;
  height:120px;
}
.popup-personal .col-inner {
	margin-top:-80px;
}
.lightbox-content {
	border-radius:5px; 
	background-color:#08418a;
}

/* 14. Menu Overlay
*-----------------------------------------------------*/
.menu-full-overlay .expand, .menu-full-overlay .button span {
    text-align:left;
    margin-bottom: 10px;
    line-height: 100%;
    min-height: 100%;
}
.menu-full-overlay .sub-links, .menu-full-overlay .contact p {
    opacity:0.6;
}
.mfp-bg.off-canvas-center:not(.dark) {
    background-color: #000; /* Change overlay background color */
    opacity: 1;
}
.header-block-block-1, .off-canvas-center .mfp-content {
    width: 100%;
    max-width: 100%;
}
.mfp-ready .mfp-close {
    opacity: 1;
}

/* 15. Video player
*-----------------------------------------------------*/
.zh-player{
    box-shadow:0px 0px 30px rgba(0,0,5,0.35);
    padding-top: 54.6% !important;
    margin-top:50px;
}

/* 16. Backgrounds
*-----------------------------------------------------*/
.bg_blue{
	background-color:#08418a;
}


/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}