@charset "UTF-8";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,button,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,table,tr,td,nav,header,main,article,section,aside,footer{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 1em;/*100%;*/ vertical-align: baseline; position:relative; font-weight:normal; line-height:normal; list-style:none; }
fieldset,form,label,input,textarea{ -x-system-font:none; -webkit-appearance: none; border-radius: 0; resize: none;  }
*{ 
	-webkit-overflow-scrolling: touch !important; 

	text-size-adjust: none !important;
	-webkit-text-size-adjust: none !important;
	-moz-text-size-adjust: none !important;
	-ms-text-size-adjust: none !important;
}

html,body{ position: relative; margin:0; padding:0; 
            width:100%; 
            height: 100%; 
            min-height:100vh !important;min-height:100svh !important; 
            overflow: hidden !important; 
            background: transparent !important; 
            
            /*touch-action: pan-y;*/
}
body{   
        font-size: 100%;
        line-height: 62px;            
        -webkit-transform-origin: center; 
        -moz-transform-origin: center; 
        -o-transform-origin: center; 
        -ms-transform-origin: center; 
        transform-origin: center;
    
        max-width: 100vw;
        overflow-x: hidden;
}

.hidden{ display: none; }
.displayBlock{display: block !important; }
.displayInlineBlock{display: inline-block !important; }
.hidden1,.hiddenX{ display: none !important; }
.opacity0{ opacity: 0; }.opacity66{ opacity: 0.66; }
.visibilityVisible{ opacity: 1; visibility: visible; }
.underline{ text-decoration: underline; }
.flNt0{ float:none;top:0px; }
.divh5px{ height:5px; }
.dh0mh0{ height:0px; max-height:0px; }

.fadeOut{
	-ms-animation: fadeOut 0.6s ease-out forwards;
    -webkit-animation: fadeOut 0.6s ease-out forwards;
    -moz-animation: fadeOut 0.6s ease-out forwards;
    -o-animation: fadeOut 0.6s ease-out forwards;
    animation: fadeOut 0.6s ease-out forwards;
}
.fadeIn{
	-ms-animation: fade 0.6s ease-in forwards;
    -webkit-animation: fade 0.6s ease-in forwards;
    -moz-animation: fade 0.6s ease-in forwards;
    -o-animation: fade 0.6s ease-in forwards;
    animation: fade 0.6s ease-in forwards;
}

div,h1,h2,p,nav,header,main,article,section,aside,footer{ position: relative; display: block; margin: 0; padding: 0; line-height: 1em; 

    -webkit-box-sizing: border-box;   
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

p{margin:0 0 0px; }

b, strong, .bold {
    font-weight: 500;
	font-family: 'robotobold', sans-serif;
}

#splash{ position: absolute; top: 0; width: 100vw; height:100vh;height:100dvh; z-index: 1000; opacity: 1; display: none; 
    
    pointer-events:none;
}
#splash_logo,
#splash_icon{ width: 100%; text-align: center; 
    top: 50%;  
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
	
	/*will-change: transform;*/
}
#splash_logo > div,
#splash_icon > div{ width: 300px; height: 300px; margin: 0 auto;
    
    display: block; position: relative;
    border-width: 3px !important;
    border-style: solid !important;
    
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px; 
    border-radius: 300px;
    
    overflow: hidden;
    
}
#splash_logo > div > div{ width: 100%; height: 100%; }
#splash_logo svg{ position: relative; top: 40px; left: -10px; width: 200px; height: 200px; }


#splash_icon > div{ 
    border: none !important; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: 300px;
    
    width: 350px; height: 350px;
    -webkit-border-radius: 350px;
    -moz-border-radius: 350px; 
    border-radius: 350px;
}

/*++++++++++++*/
#fr-banner{ display:flex; justify-content:center; align-items:center; gap:12px; padding:8px 16px; top: 0; width: 100vw !important; min-width: 100vw !important; font-size: 1em; line-height: 1em; }
#fr-banner[hidden]{ display:none; }
#fr-banner a:hover{ text-decoration:underline; }
#fr-banner button{ display: inline-block; position: relative; margin: 0 0 0 15px; font-size:15px; line-height: 1em; cursor:pointer; opacity: 0.66; }
#fr-banner button:hover{opacity: 1;}
/*++++++++++++*/

a{
	z-index: 999;
}

a.donate-action{	
	padding-right: 40px;
	margin: 0 15px 0 0;
}
a.donate-action .link-icon{
	position: absolute;
	width: 25px;
	height: 25px;
	top: 5px;
	right: 2px;
	font-size: 0.9em;
}
a.donate-action .link-icon .icon{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
a.donate-action .link-icon .icon-gift{
	top: 5px; 
	font-size: 1.1em;
}
a.donate-action .link-icon .icon-coin-dollar{
	display: none;
}

a.donate-action2{
	margin: 0 auto;
	padding-right: 15px;
}
a.donate-action2 .link-icon{
	display: none;
}


#sm-bloc-donate .sm-bloc-inner p{
	/*padding-right: 25px !important;*/
}

/*++++++++++++*/


#notfound_main{
    width: 100%;
    width: calc( 100% - 310px );
    width: -webkit-calc( 100% - 310px );
    height: auto;
    min-height: 100%;
        
    display: table;
}
#subscriptions_main,
#my-account_main,
#sub-map-svg-cont/*,
#unbiased-news_main*/
,#sub-panels{
	width: 100%;
	width: calc( 100% - 310px );
    width: -webkit-calc( 100% - 310px );
	
    height: calc( 100vh - 44px ); height: -webkit-calc( 100vh - 44px ); 
	height: calc( 100dvh - 44px ); height: -webkit-calc( 100dvh - 44px ); 	
    
    display: block;
}

#sub-map-svg-cont-cont{
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	max-height: 0;
	overflow: visible;
	z-index: 1 !important;
}

#sub-map-svg-cont{
	z-index: 1 !important;
}
.body-isSub #subscriptions_main,
.body-isSub #subscriptions_main > *,
#sub-map-svg-cont-cont,
#sub-map-svg-cont-cont > *{

	pointer-events: none;
}
.body-isSub #subscriptions_main .sub-panel-isSub,
#sub-map-svg-cont-cont #map-svgX2/*,
.body-isSub #subscribe-panels-cont*/{
	pointer-events: all !important;
}
.body-isSub #subscriptions_main .sub-panel-isSub{
	min-width: 300px;
}

.body-isSub .fancybox-is-open #sub-map-svg-cont,
.body-isSub .fancybox-is-open #sub-panels{
	overflow: visible;
}
.body-isSub .fancybox-is-open #sub-map-svg-cont{
	width: 100%;
}
.body-isSub .fancybox-is-open #sub-map-svg-cont #sub-map-svg{
	
	bottom: -33vh;
	right: -33vw;
}

#subscriptions_main{
	z-index: 100 !important;
	background: transparent !important;
}
#subscriptions_main-tour{
	pointer-events:none; top:25px; right:25px;
}
#subscriptions_main-tour a{
	pointer-events:all; z-index:100;
}


.not-found-cont{
    width: 100%; height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.not-found{ 
    position: relative;
    
    text-align: center;
    padding: 0; /*100px 50px;*/
    
    width: 505px;
    height: 225px;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    
    color: #ccc;
}
.not-allowed{
	width: 650px;
}
.not-found pre{ 
    color: #ccc;
    font-size: 1.5em; font-weight: 900;
    text-align: left;
    position: relative; top: 0; left: 0;
    
    animation: glitch1 2.5s infinite;
}
.not-found pre:nth-child(2) {
    
    position: absolute; top: 0; left: 0;
    
    color: #67f3da;
    animation: glitch2 2.5s infinite;
}

.not-found pre:nth-child(3) {
    
    position: absolute; top: 0; left: 0;
    
    color: #f16f6f;
    animation: glitch3 2.5s infinite;
}

.fancybox-is-open:nth-of-type(n+2){
	display: none !important;
}

/*++++++*/

.font-hue, .font-hueR, .font-hueB, .back-hue {
    /*background-image: linear-gradient(88deg,#00c9ff,#92fe9d);*/
    /*
    animation: hue 20s infinite linear;
    -webkit-animation: hue 20s infinite linear;
    -moz-animation: hue 20s infinite linear;
    */
}

.back-hue {    
    /*background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);	*/    
    /*
    background-size: 200% 200%;        	
    -webkit-animation: Gradient 33s linear infinite;
	-moz-animation: Gradient 33s linear infinite;
	animation: Gradient 33s linear infinite;    
    */
	z-index: 2;
}

.subject_article .gradient-hueX,
.search_res_img .gradient-hueX/*,
.article_img .gradient-hueX*/{ z-index: 100; cursor: pointer; 
}/*
    opacity: 0;

    -ms-transition: all .25s ease-out 0s;
    -webkit-transition: all .25s ease-out 0s;
    -moz-transition: all .25s ease-out 0s;
    -o-transition: all .25s ease-out 0s;
    transition: all .25s ease-out 0s;
}

.subject_c:hover .subject_article .gradient-hue,
.fancybox-slide .subject_c .subject_article .gradient-hue{ opacity: 1; }
*/

.subject_article .gradient-hueX,
.search_res_img .gradient-hueX{
	pointer-events: none;
}

.fancybox-slide .article_img .gradient-hue{ display: none; }

/*
.lightdark-back{
	
	background: #efefef; 
}
*/

#in-body{   position: relative;
            
            width: 100%; 
    
            height: 100%;
    
            height: calc( 100vh - 44px ); height: -webkit-calc( 100vh - 44px );
            height: calc( 100dvh - 44px ); height: -webkit-calc( 100dvh - 44px ); 
    
            min-height: calc( 100vh - 44px ); min-height: -webkit-calc( 100vh - 44px );
            min-height: calc( 100svh - 44px ); min-height: -webkit-calc( 100svh - 44px );
                
            z-index: 1;             
            overflow: auto;
}

#in-in-body{
	position: relative;            
    width: 100%;
    height: 100%;
}

.body-maincat #in-in-body{
	height: auto;
}

#in-bodyX{    
    width: 100%;
    height: 100%;
    min-height:100vh;min-height:100svh;
}


body > .nicescroll-rails, #in-body > .nicescroll-rails{ z-index: 10003 /*9992*/ !important; pointer-events: all !important; cursor: pointer !important; }




/*+++++++++++++*/

button,
.cbutton{
	all: unset;
	position: relative;
	display: inline-block; 	
 	cursor: pointer;
	font-size: inherit ;
	line-height: normal ;
}
button:focus{
  outline: none;
}

html.cloudflare,
body.cloudflare{
    width: 100vw;
    min-width: 100vw;
    height:100vh;height:100dvh;
    min-height:100vh;min-height:100svh;
    position: relative;
    display: block;
    overflow: hidden !important;
    
    padding: 15px 0 0 10px;
}
.in-body-cloudflare{position:relative; display:block; width:100%; height:100%; padding:0; margin:0; overflow:hidden; }

body.cloudflare .big-logo{ top: auto; left: auto; bottom: 33px; right: 33px;}
body.cloudflare h1{ position: relative; display: block; margin-bottom: 15px; font-weight: 700; max-width: 90%; }
button.cloudflare{ position: relative; display: inline-block; margin-top: 15px; border: 2px orange solid; cursor: pointer; font-weight: 600; letter-spacing: 0; border-radius: 5px; padding: 5px 10px; opacity: 0.9; }
button.cloudflare:disabled{ opacity: 0.1; pointer-events: none; }
button.cloudflare:not(:disabled):hover{opacity: 1; pointer-events: all; text-decoration: underline; background-color: orange; }

.font1, input, textarea, .default-select, div.tooltip, .tooltip2{
    font-family: 'robotoregular', sans-serif;
/*    font-family: 'open_sansregular';*/
/*    font-family: 'latoregular';*/
/*    font-family: 'ralewayregular';*/
    letter-spacing: 0;
    line-height: 1em;
}
.button4, .button4 a, .main-select.select select, .subject_word2, .subject_word2 div, .article_link, .phi-menu .select2-container .select2-selection--single .select2-selection__rendered {
    font-family: 'robotomedium', sans-serif;
/*    font-family: 'open_sanssemibold';*/
/*    font-family: 'latosemibold';*/
/*    font-family: 'ralewaysemibold';*/
    letter-spacing: 0;
    line-height: 1em;
}
#main-menuT, .subject_word1 div, .button1, .button1 a, .button3, .button3 a, h1, h1 a, .filter_bigbut p, .filter_bigbut div, .search_res_title a, .bubTxt, .donut-txt, #filter_submit {
    font-family: 'robotobold', sans-serif;
/*    font-family: 'open_sansbold';*/
/*    font-family: 'latobold';*/
/*    font-family: 'ralewaybold';*/
    letter-spacing: 0;
    line-height: 1em;
}
.phi-logo, .phi-logo .text{
    font-family: 'robotobold', sans-serif; /*black*/
    letter-spacing: 0;
    line-height: 1em;
}

h1, h1 a{
    font-family: 'robotomedium', sans-serif; font-weight: 500;
}
h2, h2 a{
    font-family: 'robotoregular', sans-serif; font-weight: 500;
}
h1, h2{ margin-bottom: 5px; }

.floatR{ float: right; }


#selectTagWidth, #selectTagWidth2{
	display: none; /*inline-block;*/
	visibility: hidden;
	height: 0;
	width: auto;
	max-width: none;
	
	left: 0px;
} 

.main-select.select select,
.main-select.select select option{
	width: auto;
}

/*++++++*/

.big-logo{display: block;}

.applogo{
	
	display: inline-block;
	
	padding: 15px;
	text-align: center;
	margin: 0 auto;
	
	-webkit-border-radius: 33px;
    -moz-border-radius: 33px; 
    border-radius: 33px;
	
	overflow: hidden;
	background: #fff;
    
    cursor: pointer;
	
}
.applogo .big-logo{
	
	position: relative;
	display: inline-block;
	top: 0;
	left: 0;
	margin: 0 auto;	
}

.applogo .big-logo .in-big-logo{	
	width: 155px;
	height: 155px;
}

.applogo .big-logo .in-big-logo svg{ 
    top: -3px;
    left: -3px;
}



/*++++++*/

#top-menu-abs-cont{ width: 100vw; min-width: 100vw; height: 44px; max-height: 44px; position: relative; top: 0; z-index: 999999; overflow: visible;/*hidden*/ 

	-webkit-transform:translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	
	/*will-change: transform;*/
}

body.driver-active #top-menu-abs-cont{
    z-index: 11002;
}


.darkmode-1 #top-menu-abs-cont{ 
	
	-webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#top-menu-abs{ width: 100%; height: 100%; /*height: 0; max-height: 0; position: absolute;*/ top: 0; }
#top-menu-fixed{ width: 100%; height: 100%; max-height: 100%; /*height: 0; max-height: 0; position: fixed;*/ top: 0; }
#top-menu{                                                                        
    width: 100%;
    min-width: 1024px;
    height: 100%;
    max-height: 100%;
    border-style: solid;
    border-width: 2px;
    border-left:none;
    border-right:none;
    
    border-color:transparent;
    background: transparent;
}
#under-top-menu{ width: 100%; background: transparent; z-index: -1; }


.main-menu-but, .search-but, .coverage-but, .main-lang-but, .user-but{ /*position: absolute;*/ height: 100%; top: 0; margin-right: 13px; display: inline-block; float: right; font-size: 2.2em;  cursor: pointer; z-index: 10000; }
.main-menu-but:hover, .search-but:hover, .user-but:hover, .coverage-but:hover{ 
    
    /*opacity:0.7; */
    
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);   
    
    -webkit-transform-origin: center; 
    -moz-transform-origin: center; 
    -o-transform-origin: center; 
    -ms-transform-origin: center; 
    transform-origin: center; 
	
	/*will-change: transform;*/

} /*.main-menu-but.open*/


.search-but{ margin: 0 15px 0 0; }
.icon-search{ font-size: 0.75em; top: -5px; }
.user-but .icon-user,
.user-but .icon-user-plus{ font-size: 0.75em; top: -7.5px; }

.search-but:hover{ top: -1.5px; }


.coverage-but{ margin: 0 0px 0 0; font-size: 1em; top: 1px; }

.coverage-but .icon-sphere{ font-size: 1.5em; }

.but-dd{ 
    display: none;
    position: absolute;  
    top: 0;
    right: 0;       
    z-index: 999;
}
.but-dd-cont:hover .but-dd{
    display: block;
} 
.but-dd-inner{
     position: relative;
     margin-top: 35px;
     min-width: 300px;
     min-height: 300px;
     background: #fff;
}
.but-dd-title{
    width: 100%;
    padding: 10px 15px;
    text-align: center;    
    border-top: 0 !important; 
}
.but-dd-title h4{
    width: 100%;
    text-align: center;
    font-size: 1.1em;
    letter-spacing: 0;
    line-height: 1em;
    font-weight: 500;
}

.but-dd-inner-content{ font-size: 1em; }








.user-account-photo{
    
    width: 33px; height: 33px;
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px; 
    border-radius: 33px;
    border: 1.25px solid #fff;
    
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;    
    background-color: #fff;
}

#my-account-linked-social{
	position: relative;
	display: block;
	border-top: 1px solid;
	border-bottom: 0px solid;
	min-height: 50px;
	margin: 33px 0 10px 0;
	padding: 15px 0 0 0;
}
#my-account-linked-social > p{
	margin-bottom: 5px;
}
.my-account-linked-social-hybrid{
	display: block;
	position: relative;
	padding: 15px 15px 5px 15px;
	margin: 0 0 10px 0;
}
.my-account-linked-social-hybrid:not(:first-of-type).my-account-erudite{
	/*margin: 33px 0 10px 0;*/
}
#my-account-linked-social .hr{
	position: relative;
	width: calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	height: 10px;
	top: 0px; left: 0;
	margin: 0 auto 5px auto;
	border-top: 2px dotted #eee;
}
body.darkmode-1 #my-account-linked-social .hr{
	border-top: 2px dotted #eee;
	opacity: 0.10;
}
.my-account-erudite .ico-arrow{
	top: 18px;
	left: -20px;
	opacity: 0.25;
}

.user-account-photo_hybrid{
	
	width: 33px; height: 33px;
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px; 
    border-radius: 33px;
    border: 1.25px solid #fff;
    
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;    
    background-color: #fff;
	
	display: inline-block;
	position: relative;
	margin: 0 15px 0 0;	
	
	vertical-align: top;
	top: -6px;
    
    text-align: center;
}
.my-account-linked-social-hybrid.active .user-account-photo_hybrid{
	
	border: 3px solid green !important;
}
.user-account-photo_hybrid img{
	/*
    display: block; 
	position: relative;
	width: 100%;
	height: auto;
    */
    display: inline-block; position: relative; max-width: 100%; object-position: center; background: rgba(255,255,255,0.88); z-index: 8;	
	object-fit: cover;
	height: 100%; top: 0%;    
}
.user-account-info_hybrid{
	display: inline-block;
	position: relative;
	line-height: 33px;
	vertical-align: middle;
	
	width: calc(100% - (33px + 15px));
	width: -webkit-calc(100% - (33px + 15px));
}
.user-account-info_hybrid p{
	/*font-size: 1em !important;
	line-height: 1em !important;*/
	margin: 0 !important;
	padding: 0 0 0 10px !important;
}
.user-account-info_hybrid p b{
	display: inline-block;
	font-size: 1em; 
	line-height: 1em;
	vertical-align: middle;
	margin: 0;
}
.user-account-info_hybrid p em{
	display: inline-block;
	font-size: 1.15em; font-style: normal;
	line-height: 1em;
	vertical-align: middle;
	margin: 0 5px 0 0;
}
.user-account-info_hybrid p i{
	display: block;
	font-size: 0.75em; opacity: 0.9;
	line-height: 1em;
	vertical-align: middle; top: 2px;
	margin: 0;
}
.user-account-info_hybrid_provider{
	width: 20px; height: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px; 
    border-radius: 20px;
    border: 1px solid #fff;
    
    overflow: hidden;
	display: inline-block;
	
	text-align: center;
	vertical-align: center;
	font-size: 0.6em;
	line-height: 20px;
	
	position: absolute;
	top: 12px;
	left: -22px;
}

.deleteHybrid-but,
.gotoHybrid-but{
	font-size: 0.66em;
	display: none;
}
.deleteHybrid-but span,
.gotoHybrid-but span{ opacity: 0.5;}
.my-account-linked-social-hybrid:hover .deleteHybrid-but,
.my-account-linked-social-hybrid:hover .gotoHybrid-but{
	display: inline-block;
	position: absolute;
	top: 4.5px;
	right: -5px;
}
.my-account-linked-social-hybrid:hover .gotoHybrid-but{
	right: -25px;
}
.my-account-linked-social-hybrid:hover .deleteHybrid-but:hover span,
.my-account-linked-social-hybrid:hover .gotoHybrid-but:hover span{
	opacity: 1;
}

#user-account-modal{ min-height: 200px; }
#user-account-modal .user-account-photo{
    
    position: absolute; top: -65px; left: -65px;
    
    width: 100px; height: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px; 
    border-radius: 100px;
}
.user-account-info_hybrid_provider img{
	width: 20px;
	height: auto;
	top: -0.75px;
	left: -0.5px;
}
body:not(.body-fr) .my-account-linked-social-hybrid:first-of-type.not(.zero-hybrids) .user-account-info_hybrid_provider img{
	top: -0.5px;
}



/*
#user-account-modal .user-account-photo-edit { display: inline-block; position: absolute; top: 15px; left: 30px; cursor: pointer; z-index: 99; }
#user-account-modal .user-account-photo-edit:hover{ }
*/

#user-account-modal p{
	font-size: 1.1em;
}

#user-buts{ width: 100%; padding-bottom: 50px; padding-top: 25px; }
#user-buts a,
#user-buts button{ min-width: 70%; margin-bottom: 15px; }

.user-account-logout{ font-size: 0.9em; position: absolute; bottom: -5px; right: 0px; }
.user-account-logout:hover{ text-decoration: underline; }


.user-account{
    width: 100%; 
	max-width: 300px;/*
	max-width: calc(90vw - 50px); 
	max-width: -webkit-calc(90vw - 50px);*/
	
    padding: 18px 15px 15px !important; 
    top: 0px;
    box-sizing: border-box;
    overflow: visible !important;
    text-align: center;
}

.user-account h3, 
.user-account .h3{ font-size: 1.3em; }
.user-account h3 p,
.user-account h3 em,
.user-account .h3 p,
.user-account .h3 em{ display: block; font-size: 0.7em; margin-top: 5px; font-style: normal; font-weight: 500; }
.user-account h3 span.icon-lock,
.user-account .h3 span.icon-lock{ font-size: 0.85em; top: -0.2px; margin-left: 5px; }

.user-account h4,
.user-account .h4{ font-size: 1em; margin-bottom: 5px; }
.user-account h4 p,
.user-account h4 em,
.user-account .h4 p,
.user-account .h4 em{ display: block; font-size: 1em; margin-top: 2px; font-style: normal; font-weight: 500; }

.user-account .logo-head{ width: 100%; text-align: center; }
.user-account .logo-head img{ height: 80px; width: auto; }

.body-resetEmail .user-account .logo-head img{ border-radius: 80px 80px; overflow: hidden;}

.user-account .logo-head .big-logo{
	position: relative;
	width: 100%; text-align: center; display: block !important;
	top: 0; left: 0;
}
.user-account .logo-head .big-logo .in-big-logo{
	width: 100px;
    height: 100px;
    padding: 15px 0px 10px 7.5px;   
    margin: 0 auto;
}

#login-form-cont{ margin-bottom: 10px; }
#login-form-cont, #register-form-cont, #forgot-form-cont{ width: 100%; }
#register-form-cont, #forgot-form-cont{ display: none; }



#resetPwd-cont,#resetEmail-cont{ position: relative; width: 100%; max-width: 350px; margin: 0px auto; top: 10px; z-index: 999;
    /*
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    
    transform-origin: center center;
    */
}
#resetPwd-form,#resetEmail-form{ position: relative; width: 100%; padding: 33px; display: block; overflow: hidden; }
#resetEmail-form{ padding-top: 15px !important; }
#resetPwd-cont input,#resetEmail-cont input{ display: block; width: 100%; margin: 0 0 15px; padding: 0 5px; 
    height: 30px;
    border: 1px solid !important;
    text-align: center;
}
#resetPwd-cont input.error ,#resetEmail-cont input.error{
	border: 1px solid red !important;
}
#resetPwd-cont .g-recaptcha, #resetEmail-cont .g-recaptcha{ left: 0px; }
#resetPwd-form p, #resetEmail-form p{ margin-bottom: 33px; }
#resetPwd-form p span, #resetEmail-form p span{ /*color: #ccc;*/ font-weight: 600; font-size: 1.1em;  }

#resetEmail-form p b, #resetEmail-form p em{ line-height: 1em;}

#resetEmail-logo{ top: 15px; left: 15px; z-index: 1; }

#resetPwd-form .login-submit-button, #resetEmail-form .login-submit-button{ margin-top: 25px; }
/*#resetPwd-form #resetPwd-notification{ font-size: 1em; }*/

#user-account #login-form,
#user-account #forgot-form,
#user-account #register-form{
    /*width: 95%; left: 2.5%; padding: 0px 10px 15px;*/
    width: 100%; padding: 0px 5px 10px;
}

#user-account #login-form_border-sep{
	
	width: 100%;
    height: 1px;
    opacity: 1;
    border-bottom: 1.5px dotted #ccc;
    margin: 5px auto 10px;
}
#user-account #login-form{
	padding-bottom: 25px;
}

.user-account input,
.select-input-cont
{
    position:relative;
    width: 90%; height: 30px; padding: 0px 5px; margin: 5px auto 0;
    border-width: 1px;
    background: #fff;
    text-align: center;
}

#login-form input.input100,
#register-form input.input100{
	display: block;
	left: 0;
}
#register-form input.input100.hidden{
	display: none;
}

#register-more-opts{
	font-size: 0.8em;
	width: 90%;
	text-align: left;
	cursor: pointer;
	margin: 10px auto 10px;
	z-index: 100;
}
#register-more-opts:hover{
	text-decoration: underline;
}


.user-account input.input50, .input50{
    width: 43.75%; margin-right: 2.5%; left: 5%; float: left;
}

.select-input-cont{ text-align: left; font-size: 0.85em; border-width: 1px; border-style: solid; }
.select-input-cont div.select select{
    position:relative; left: 17px; top: -3px; color: #aaa;
}

.select-input-cont .select2-selection__arrow b,
.select-input-cont .select .select-small-arrow b
{ border-top-color:#333 !important; opacity: 0.5; border-width: 6px 5px 0 5px !important; left: 2px !important; 

	border-left-color:transparent !important;
	border-right-color:transparent !important;
}

.select-input-cont .select .select-small-arrow b{
  border-bottom-color:#333 !important; border-width: 8px 7px 0 7px !important; top: 9px; left: 0 !important; 
}




.user-account .select2-selection__rendered[title='Gender'],
.user-account .select2-selection__rendered[title='Sexe'],
.user-account .select2-selection__rendered[title='Language'],
.user-account .select2-selection__rendered[title='Langue']
{ color: #333 !important;
  opacity: 0.5; 
  font-size: 1em;
}

#register-form input, .select-input-cont{ text-align: left; margin-top: 5px; font-size: 0.9em; }

#register-birthday{ margin-bottom: 10px; }

.g-recaptcha{
    position: relative;
    margin-top: 0px; top: 2px;
    
    -ms-transform: scale(0.78) translateX(-22px);
    -webkit-transform: scale(0.78) translateX(-22px);
    -moz-transform: scale(0.78) translateX(-22px);
    -o-transform: scale(0.78) translateX(-22px);
    transform: scale(0.78) translateX(-22px);   
    
    transform-origin: center center;
	
	max-height: 100px;
	
}
.g-recaptcha > div{ border: 1px solid transparent; }

.g-recaptcha > div > div{
    top: -1.75px;
    left: -1.75px;
}
	
body > div > .grecaptcha-badge{ visibility: hidden !important; }

.not-mandatory{ width: 100%; margin: 0px 0% 0; }

/* do not group these rules */
.user-account *::-webkit-input-placeholder {
    color: #333;
    opacity: 0.5;
    text-align: left;
}
.user-account *:-moz-placeholder {
    /* FF 4-18 */
    color: #333;
    opacity: 0.5;
    text-align: left;
}
.user-account *::-moz-placeholder {
    /* FF 19+ */
    color: #333;
    opacity: 0.5;
    text-align: left;
}
.user-account *:-ms-input-placeholder {
    /* IE 10+ */
    color: #333;
    opacity: 0.5;
    text-align: left;
}

input[type="date"]:before {
    content: attr(placeholder) !important;
    color: #333;
    opacity: 0.5;
    margin-right: 0.5em;
}
input[type="date"]:focus:before,
input[type="date"]:valid:before {
    content: "";
}



.error,
input.error, select.error{ border-color: red !important; border-width: 1.75px !important; }

.recaptis .error{
	border-width: 2.25px !important;
}

.notif .error{ color: red; }

#login-notification,
#register-notification,
#resetPwd-notification, #resetEmail-notification,
#forgot-notification{ width: 100%; font-size: 1.4em; line-height: 1.05em; opacity: 1; margin: 15px 0 5px; display: none; }

#register-agreeTerms,
#login-agreeTerms{ font-size: 0.7em; }

#login-agreeTerms{ margin-top: 10px;}

#login-submit, #login-register, #register-submit, #forgot-submit, #resetPwd-submit, #resetEmail-submit{ margin: 10px 0 0; font-size: 1.1em; }
#login-register-cont{}

.forgotpwd,
.resendEmailVerif{ display: inline-block; font-size: 0.8em; float: right; margin: 8px 5% 5px 0; font-weight: 200; cursor: pointer; }

.resendEmailVerif{
	float: none;
	margin-top: 15px;
	font-size: 0.65em;
}

.forgotpwd:hover,
.resendEmailVerif:hover,
#login-register-cont p button:hover,
#register-form-cont p button:hover{ text-decoration: underline; }

#contact-notification{  }

.border-sep{ width: 70%; height: 1px; opacity: 0.5; border-bottom:1px dotted #ccc; margin:5px auto 10px; }

#user-account #login-social{
    padding: 5px 0 5px;
}
#login-social-buts.zShare_custom_images{ margin: 10px 0 15px; top: 5px; }

#login-social-buts.zShare_custom_images .zShare_button_facebookX{
	
  	-ms-filter: grayscale(90%) brightness(100%) ;
    -webkit-filter: grayscale(90%) brightness(100%) ;
    -moz-filter: grayscale(90%) brightness(100%) ;
    -o-filter: grayscale(90%) brightness(100%) ;
    filter: grayscale(90%) brightness(100%) ;
		
	pointer-events: none;
	opacity: 0.2;
	
}

#login-register-cont p{ font-size: 1.2em; padding-top: 5px; }
#login-register-cont p span{ display: block; font-size: 1em; }

.zShare_custom_images span.icon{ display: inline-block !important; }

#login-social-buts.zShare_custom_images a{ width: 27px !important; height: 27px !important; font-size: 27px !important; line-height: 27px !important; padding: 10px !important; margin: 0 5px 0px !important; 
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px; 
    border-radius: 27px;
    
}

#login-social-buts.zShare_custom_images a.grayscale{ opacity: 0.25; }

.login-form-link{ font-size: 0.8em; }
#forgot-form .login-form-link:hover{ text-decoration: underline;}

#register-form-cont > p{ font-size: 1em; }
#register-form-cont > p > .login-form-link{ font-size: 1em; }

.alt-field{ display: none !important; }


#image-selecter{ background: transparent !important; }


/*++++++++++*/




.main-lang-but{ font-size: 1.1em; opacity: 0.88; }
.main-lang-but a{ 
    display: block; text-align: center;
    padding: 1.5px 0 0 !important; 
    width: 33px !important; height: 29px !important;
    box-sizing: border-box !important;
    border: 1px solid;
    /*-webkit-border-radius: 33px;
    -moz-border-radius: 33px; 
    border-radius: 33px;*/
    overflow: hidden;
    
    top: -0.5px; 
}
.main-lang-but:hover{ opacity: 1; }
.main-lang-but:hover a{ text-decoration: underline; }


.beta{ display: inline-block; position: absolute; bottom: 0; right: 13px; font-size: 0.4em; }
.beta_fr{ right: 12px; }
.main-menu-list .beta{ bottom: -9px; right: 16px; font-size: 0.4em; }


#phi-menu{ /*display: none;*/ height: 0; width: 100%; overflow: hidden;}
.phi-menu{ background: transparent; color:#111; padding: 10px; text-align: center; overflow: hidden; z-index: 9999; }
.phi-menu-bar{ width: 100%; height: 100%; }
.phi-logo{ display: inline-block; text-transform: uppercase; /*vertical-align:middle;*/ cursor: pointer;
    font-size: 1.4em; 
        
    float: left;    
    margin-right: 10px;    
    margin-left: 10px;
    
    top: -3px;
	
	/*will-change: transform;*/
}

.phi-logo .text{ display: inline-block; float: left; line-height: 20px; padding:0 10px 0 8px; top: 9px; border-right:2px solid; /*pointer-events: none;*/ }
.phi-logo .text a{ line-height: 20px; }

.phi-logo .dtc{ overflow: hidden; top: 3px; }


.phi-logo .br{ display: inline-block; width: 5px; }

#phi-menu-block-A{ display: none; height: 100%; z-index: 999999; /*10000;*/ }

#phi-menu-block-A .select2-selection__rendered{ top: 6px; height: 100%; }

#top-menu-categories{ height: 100%; display: inline-block; float: left; overflow: hidden; 

	padding-right: 46px; /*22px;*/
    /*