/* <--- NOTIFICATION --->*/
.notify_div {
width : 96%;
margin-left : 1px;
padding-top : 6px;
min-height : 20px;
}
.notify_img {
display : block;
float : left;
width : 50px;
height : 50px;
padding : 2px;
}
.notify_img img {
display : inline-block;
width : 40px;
height : 40px;
margin-right : 10px;
padding : 3px;
border : #DDD solid 1px;
border-radius : 3px;
vertical-align : middle;
background-color : #FFF;
}
.boldy {
font-weight : bold;
}
.notify_time {
margin-right : 4px;
font-size : 10px;
color : #999;
}
.wsc_wall_empty_notice {
position : relative;
width : 100%;
margin-right : auto;
margin-bottom : 15px;
padding : 20px 0;
border-radius : 3px;
text-align : center;
background-color : #fff;
}



.enb {
display : block;
z-index : 10;
position : relative;
top : 5px;
left : -1px;
width : 23px;
height : 23px;
padding : 0 3px 2px;
border : grey solid 1px;
border-radius : 50%;
text-align : center;
font-size : 12px;
line-height : 20px;
color : white;
background-color : #ff70bb;
}


.enbnew {
    z-index: 10;
    position: relative;
top: 10px;
    width: 40px;
    border: grey solid 1px;
    border-radius: 3px;
    text-align: center;
    color: white;
    background-color: #ff70bb;
}





.enbvisite {
z-index : 2;
position : relative;
top : 0;
width : 23px;
height : 23px;
padding : 1px 4px 1px;
border : grey solid 1px;
border-radius : 50%;
text-align : center;
line-height : 20px;
color : white;
background-color : #4eaed1;
}

.show_notifications {
padding-top : 5px;
padding-bottom : 5px;
border : 0;
border-top : 1px solid #fbf0f0;
}
.notification_new .title2 {
position : absolute;
top : 2px;
left : 0;
margin : 0;
}

.notification_header h3 {
margin : 10px;
padding : 0;
font-size : 12px;
}
.notification_sub_cont {
margin : 0;
padding : 0;
border-bottom : 10px solid #f6f7f8;
}
.notification_header {
height : 34px;
margin : 0;
padding : 0;
}
.notification_content {
margin : 0 5px;
min-height : 40px;
background : white;
}
.notification_content_bottom {
display : block;
padding : 10px 10px 2px;
border-top : 1px solid #c5c5c5;
border-bottom-left-radius : 3px;
border-bottom-right-radius : 3px;
text-align : center;
font-weight : bold;
background : #f6f7f8;
background-color : #f6f7f9;
}
.load_notifications {
padding : 8px;
text-align : center;
}





.nano {
height : 450px !important ;
}
.nano .nano-slider {
background : #ccc !important ;
}
.nano > .nano-pane {
width : 8px !important ;
}

/*<--- FONCTION --->*/
.clear {
clear : both;
font-size : 1px;
}



/*<--- ANIMATION --->*/
.load2:after, .load2:before {
content : "";
display : inline-block;
position : absolute;
width : 30px;
height : 30px;
margin : auto;
border-radius : 100px;
background-color : #f7258c;
}
.load2:after {
z-index : -100;
animation : outer-ripple 5s linear infinite;
}
.load2:before {
z-index : -200;
animation : inner-ripple 3s linear infinite;
}
.load {
position : relative;
width : 210px;
height : 210px;
margin : 0 auto;
border-radius : 100px;
background-color : #f7258c;
animation : pulse 2s linear infinite;
}
.load i {
position : absolute;
top : 28px;
left : 24%;
text-shadow : -1px -1px #333;
color : #fff;
}
.load:after, .load:before {
content : "";
display : inline-block;
position : absolute;
width : 100px;
height : 100px;
margin : auto;
border-radius : 100px;
background-color : #f7258c;
}
.load:after {
z-index : -100;
animation : outer-ripple 2s linear infinite;
}
.load:before {
z-index : -200;
animation : inner-ripple 2s linear infinite;
}
@keyframes pulse {
0%, 100% {
opacity : 0.5;
transform : scale(0.8);
}
10% {
opacity : 1;
transform : scale(1.1);
}
20% {
opacity : 1;
transform : scale(0.9);
}
}
@keyframes outer-ripple {
0% {
opacity : 0.5;
transform : scale(1);
}
100%, 80% {
opacity : 0;
transform : scale(3.5);
}
}
@keyframes inner-ripple {
0%, 30% {
opacity : 0.5;
transform : scale(1);
}
100% {
opacity : 0;
transform : scale(2.5);
}
}
/* <--- RECHERCHE --->*/

.wsc_shadow {
box-sizing : border-box;
box-shadow : 0 2px 10px 0 rgb(0, 0, 0, 0.148438);
box-shadow : 0 3px 8px rgb(0, 0, 0, 0.3);
animation-name : fade-out-down; 
animation-duration : 0.2s;
animation-fill-mode : both;
}
#wsc_head_search, #wsc_tag_ppl_search_popup, #wsc_tag_ppl_inside_popup, #wsc_add_group_member_popup, #wsc_message_new_popup, #wsc_postshare_popup {
display : none;
z-index : 3;
position : absolute;
width : 100%;
background : #fff;
}
.nano {
height : 450px !important ;
}
.nano .nano-slider {
background : #ccc !important ;
}
.nano > .nano-pane {
width : 8px !important ;
}
.nano {
position : relative;
width : 100%;
height : 100%;
overflow : hidden;
}
.nano > .nano-content {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
overflow : scroll;
overflow-x : hidden;
}
.nano > .nano-content:focus {
outline : thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
display : none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
display : block;
}
.nano > .nano-pane {
position : absolute;
top : 0;
right : 0;
bottom : 0;
width : 10px;
border-radius : 5px;
opacity : 0.01;
transition : 0.2s;
}
.nano > .nano-pane > .nano-slider {
position : relative;
margin : 0 1px;
border-radius : 3px;
background : #444;
background : rgb(0, 0, 0, 0.5);
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
opacity : 0.99;
}
.autocomplete-suggestions {
box-sizing : border-box;
border : 0 !important ;
box-shadow : 0 2px 10px 0 rgb(0, 0, 0, 0.148438);
box-shadow : 0 3px 8px rgb(0, 0, 0, 0.3);
animation-name : fade-out-down;
animation-duration : 0.2s;
animation-fill-mode : both;
}
.autocomplete-suggestion li {
padding : 8px 6px 4px 57px;
min-height : 50px;
}
.autocomplete-suggestion li {
display : block;
position : relative;
border-width : 1px 0;
color : #333;
}
.autocomplete-suggestion .empty {
padding : 5px;
min-height : 0;
text-align : center;
font-size : 12px;
cursor : default;
}
.autocomplete-suggestion .empty em {
color : #379ECD;
}
button.close {
margin : 5px 5px 2px;
}
button.close.nomargin {
margin : 0;
}

._2-fx {
display : block;
position : absolute;
left : 6px;
width : 40px;
height : 40px;
clip-path:ellipse(50% 50%);
background-color : #e9ebee;
cursor : pointer;
}
._2-fy {
display : block;
overflow : hidden;
text-align : left;
text-overflow : ellipsis;
font-size : 12px;
font-weight : bold;
white-space : nowrap;
cursor : pointer;
}.subtext {
display : block;
padding-bottom : 3px;
overflow : hidden;
text-align : left;
text-overflow : ellipsis;
font-size : 11px;
white-space : nowrap;
color : #999;
overflow-wrap : break-word;
}
.greenbtn i {
margin-right : 4px;
color : #fff !important ;
}
.greenbtn {
    display: inline-block;
    padding: 5px 9px;
    text-decoration: none;
    
    font-size: 12px;
    color: #fff;
    background: linear-gradient(to bottom, #64c637 5%, #64c637 100%);
        background-color: rgba(0, 0, 0, 0);
    background-color: #64c637;
    box-shadow: 0 1px 0 0 #fff inset;
    cursor: pointer;
}
.greenbtn:hover, .greybtn:focus, .greybtn:active, .greybtn.active {
background : linear-gradient(to bottom, #4eaed1 5%, #4eaed1 100%);
background-color : #4eaed1;
}
.account .greenbtn {
padding : 7px 20px;
}


.redbtn i {
margin-right : 4px;
color : #fff !important ;
}
.redbtn {
    display: inline-block;
    padding: 5px 9px;
    text-decoration: none;
    
    font-size: 12px;
    color: #fff;
    background: linear-gradient(to bottom, #ff0000 5%, #ff0000 100%);
        background-color: rgba(0, 0, 0, 0);
    background-color: #64c637;
    box-shadow: 0 1px 0 0 #fff inset;
    cursor: pointer;
}
.redbtn:hover, .redbtn:focus, .redbtn:active, .redbtn.active {
background : linear-gradient(to bottom, #ff0000 5%, #ff0000 100%);
background-color : #64c637;
}
.account .redbtn {
padding : 7px 20px;
}

.greybtn {
    display: inline-block;
    padding: 5px 9px;
    text-decoration: none;
    
    font-size: 12px;
    color: #fff;
    background: linear-gradient(to bottom, #64c637 5%, #64c637 100%);
        background-color: rgba(0, 0, 0, 0);
    background-color: #64c637;
    box-shadow: 0 1px 0 0 #fff inset;
    cursor: pointer;
}
.greybtn:hover, .greybtn:focus, .greybtn:active, .greybtn.active {
background : linear-gradient(to bottom, #4eaed1 5%, #4eaed1 100%);
background-color : #4eaed1;
}
.greybtn.active, .greybtn.selected {
font-weight : bold;
color : #777;
background : linear-gradient(to bottom, #64c637 5%, #64c637 100%);
cursor : default;
}
.greybtn, .bluebtn, .redbtn, .greenbtn {
font-size : 11px;
}
.right {
    float: right;
}





button.close {

    margin: 5px 5px 2px;

}
button.close {

    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;

}
.close {

    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;

}














.notification_sub_cont {
    margin: 0;
    padding: 0;
    border-bottom: 10px solid #f6f7f8;
}

.left {
    float: left;
}
.right {
    float: right;
}
button.close {
    margin: 5px 5px 2px;
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}


/* <--- POST --->*/

.group_align {
text-align : left !important ;
}

.compose_box {
z-index : 1;
position : relative;
width : 100%;
margin-right : auto;
margin-bottom : 15px;
padding : 10px 8px;
border-color : #e5e6e9 #dfe0e4 #d0d1d5;
border-radius : 3px;
background-color : #fff;
}
.compose_box.zindex {
z-index : 999;
}
.languages {
padding : 3px;
border : #ccc solid 1px;
border-radius : 4px;
font-size : 11px;
line-height : 1.42857143;
color : #555;
background-color : #fff;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset;
transition : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.clear {
clear : both;
font-size : 1px;
}
#wall_textarea, .wall_textarea {
width : 100% !important ;
padding : 5px;
min-height : 59px;
font-family : helvetica, arial, sans-serif;
font-size : 14px;
background: #d5f4bf;
height: 100px;
}
#wall_textarea4, .wall_textarea4 {
width : 100% !important ;
padding : 5px;
min-height : 59px;
font-family : helvetica, arial, sans-serif;
font-size : 14px;
}
#wall_textarea5, .wall_textarea5 {
width : 100% !important ;
height : 100px;
padding : 5px;
overflow : auto;
font-family : helvetica, arial, sans-serif;
font-size : 14px;
}
#wall_textarea1, .wall_textarea1 {
width : 100% !important ;
padding : 5px;
min-height : 59px;
font-family : helvetica, arial, sans-serif;
border: 1px solid #ff70bb;
font-size : 14px;
}
#wall_textarea2, .wall_textarea2 {
width : 100% !important ;
padding : 5px;
min-height : 59px;
font-family : helvetica, arial, sans-serif;
font-size : 14px;
}
#wall_textarea3, .wall_textarea3 {
width : 100% !important ;
padding : 5px;
min-height : 59px;
font-family : helvetica, arial, sans-serif;
font-size : 14px;
}
#wall_textareaalerte, .wall_textareaalerte {
width : 100% !important ;
padding : 5px;
min-height : 259px;
font-family : helvetica, arial, sans-serif;
font-size : 14px;
}
#wsc_head_search, #wsc_tag_ppl_search_popup, #wsc_tag_ppl_inside_popup, #wsc_add_group_member_popup, #wsc_message_new_popup, #wsc_postshare_popup {
display : none;
z-index : 3;
position : absolute;
width : 100%;
background : #fff;
}
#wsc_head_search2, #wsc_tag_ppl_search_popup, #wsc_tag_ppl_inside_popup, #wsc_add_group_member_popup, #wsc_message_new_popup, #wsc_postshare_popup {
display : none;
z-index : 3;
position : absolute;
width : 100%;
background : #fff;
}
.notification_sub_cont {
margin : 0;
padding : 0;
border-bottom : 10px solid #f6f7f8;
}
.load_notifications {
padding : 8px;
text-align : center;
}
.relative {
position : relative;
}
.with_these_friends {
display : none;
padding : 10px 0 2px;
color : #999;
}
.with_these_friends a {
margin : 0 3px;
color : #4267b2;
}
.with_these_friends a:hover {
text-decoration : underline;
}
input.tag_frnd {
width : 100%;
padding : 5px 5px 5px 38px;
border : #ccc solid 1px;
border-width : 1px;
border-radius : 3px;
text-align : left;
font-size : 12px;
color : #666;
background-color : #fff;
}
#tag_friend_outside_post {
margin-top : 5px;
}
.tag_with {
display : inline-block;
position : absolute;
top : 2px;
left : 1px;
padding : 4px;
background : #e2e8f6;
}
.tag_feeling {
display : inline-block;
float : left;
padding : 4px;
background : #e2e8f6;
}
.zewall_emotions_ui {
display : none;
position : relative;
margin-top : 6px;
}
.zewall_emotions_ui .emotion_list {
float : left;
position : relative;
width : 157px;
padding : 1px 15px;
background : #f6f7f8;
}
.zewall_emotions_ui .emotion_list .emotion_dropdown {
z-index : 9;
position : absolute;
top : 23px;
width : 150px;
padding : 10px;
border : rgb(0, 0, 0, 0.15) solid 1px;
border-radius : 3px;
background-color : #fff;
box-shadow : 0 3px 8px rgb(0, 0, 0, 0.3);
}
.zewall_emotions_ui .emotion_list .emotion_dropdown a {
display : block;
position : relative;
padding : 8px 23px;
text-transform : capitalize;
font-size : 13px;
}
.zewall_emotions_ui .emotion_list .emotion_dropdown a img, .zewall_emotions_ui .selected_emotion img {
position : absolute;
left : 1px;
}
.zewall_emotions_ui .cancel_emotion {
position : absolute;
top : 3px;
right : 7px;
}
.block {
display : flex !important ;
}
.zewall_emotions_ui .selected_emotion {
display : block;
position : relative;
height : 21px;
padding : 3px 20px;
text-transform : capitalize;
font-size : 13px;
color : #999;
}
.zewall_emotions_ui .tag_with {
float : left;
position : relative;
width : 60px;
text-align : center;
}
.with_these_friends {
display : none;
padding : 10px 0 2px;
color : #999;
}
.with_these_friends a {
margin : 0 3px;
color : #4267b2;
}
.with_these_friends a:hover {
text-decoration : underline;
}
.share_with_this_friend {
display : none;
margin-top : 8px;
padding : 2px;
color : #4267b2;
}
.wsc_shadow {
box-sizing : border-box;
box-shadow : 0 2px 10px 0 rgb(0, 0, 0, 0.148438);
box-shadow : 0 3px 8px rgb(0, 0, 0, 0.3);
animation-name : fade-out-down;
animation-duration : 0.2s;
animation-fill-mode : both;
}
#wsc_head_search, #wsc_tag_ppl_search_popup, #wsc_tag_ppl_inside_popup, #wsc_add_group_member_popup, #wsc_message_new_popup, #wsc_postshare_popup {
display : none;
z-index : 3;
position : absolute;
width : 100%;
background : #fff;
}
#wsc_head_search3, #wsc_tag_ppl_search_popup, #wsc_tag_ppl_inside_popup, #wsc_add_group_member_popup, #wsc_message_new_popup, #wsc_postshare_popup {
display : none;
z-index : 3;
position : absolute;
width : 100%;
background : #fff;
}
.wsc_add_on {
position : absolute;
margin-bottom : 8px;
}
.wsc_add_on a {
display : block;
float : left;
margin-right : 2px;
padding : 4px 5px;
font-size : 15px;
color : #bdb3b3;
}
.wsc_add_on a:hover, .wsc_add_on a.active {
background : #f6f7f8;
}
.wsc_black_layers {
z-index : 9;
position : fixed;
top : 0;
right : 0;
bottom : 100%;
left : 0;
opacity : 0;
background : #000;
transition : opacity 0.3s, bottom 0s 0.3s;
}
.wsc_black_layers.fadeIn, .opacity-60 {
bottom : 0%;
opacity : 0.6;
transition : opacity 0.3s;
}
.compose_box {
z-index : 1;
position : relative;
width : 100%;
margin-right : auto;
margin-bottom : 15px;
padding : 10px 8px;
border-color : #e5e6e9 #dfe0e4 #d0d1d5;
border-radius : 3px;
background-color : #fff;
}
.wsc_button {
display : inline-block;
padding : 4px 16px 4px;
border : #bfbfbf solid 1px;
border-radius : 3px;
text-shadow : 0 1px 0 rgb(255, 255, 255, 0.5);
font-family : Verdana, sans-serif;
font-size : 12px;
font-weight : 400;
line-height : 20px;
vertical-align : top;
color : #8c8c8c;
background-color : #f2f2f2;
background-image : linear-gradient(to bottom, #f2f2f2, #f2f2f2);
transition : all 20ms ease-out;
cursor : pointer;
}
.wsc_button:hover, .wsc_button:focus {
border-color : #8c8c8c;
background : #f2f2f2;
box-shadow : 0 1px 0 white inset, 0 -1px 0 #d9d9d9 inset, 0 0 0 1px #f2f2f2 inset;
}
.wsc_button:active {
background : #f2f2f2;
box-shadow : 0 2px 3px rgb(0, 0, 0, 0.2) inset;
}
.wsc_button .fa {
text-shadow : 0 1px 0 rgb(255, 255, 255, 0.3);
color : #bfbfbf;
}
.button-rose {
border : #ff70bb solid 1px;
text-shadow : 0 1px 2px rgb(0, 0, 0, 0.3);
color : white;
background-color : #ff70bb;
background-image : linear-gradient(to bottom, #ff70bb, #fb5db0);
box-shadow : 0 1px 0 #ff70bb inset, 0 -1px 0 #ff70bb inset, 0 0 0 1px #ff70bb inset, 0 2px 4px rgb(0, 0, 0, 0.2);
}
.button-rose:hover, .button-blue:focus {
border-color : #ff70bb;
background : #ff70bb;
box-shadow : 0 1px 0 #ff70bb inset, 0 -1px 0 #ff70bb inset, 0 0 0 1px #ff70bb inset;
}
.button-rose:active {
background : #ff70bb;
box-shadow : 0 2px 3px rgb(0, 0, 0, 0.2) inset;
}
.button-rose .fa {
text-shadow : 0 1px 0 rgb(255, 255, 255, 0.3);
color : #ff70bb;
}
.button-green {
border : #5f993a solid 1px;
text-shadow : 0 1px 2px rgb(0, 0, 0, 0.3);
color : white;
background-color : #97cc76;
background-image : linear-gradient(to bottom, #97cc76, #8bcc62);
box-shadow : 0 1px 0 #c6e6b3 inset, 0 -1px 0 #79b356 inset, 0 0 0 1px #a4cc8b inset, 0 2px 4px rgb(0, 0, 0, 0.2);
}
.button-green:hover, .button-green:focus {
border-color : #326612;
background : #8bcc62;
box-shadow : 0 1px 0 #c6e6b3 inset, 0 -1px 0 #79b356 inset, 0 0 0 1px #a4cc8b inset;
}
.button-green:active {
background : #8bcc62;
box-shadow : 0 2px 3px rgb(0, 0, 0, 0.2) inset;
}
.button-green .fa {
text-shadow : 0 1px 0 rgb(255, 255, 255, 0.3);
color : #5f993a;
}
.button-red {
border : #ba3329 solid 1px;
text-shadow : 0 1px 2px rgb(0, 0, 0, 0.3);
color : white;
background-color : #ed6d64;
background-image : linear-gradient(to bottom, #ed6d64, #ed574c);
box-shadow : 0 1px 0 #ffb0aa inset, 0 -1px 0 #d44d44 inset, 0 0 0 1px #ed837b inset, 0 2px 4px rgb(0, 0, 0, 0.2);
}
.button-red:hover, .button-red:focus {
border-color : #870c03;
background : #ed574c;
box-shadow : 0 1px 0 #ffb0aa inset, 0 -1px 0 #d44d44 inset, 0 0 0 1px #ed837b inset;
}
.button-red:active {
background : #ed574c;
box-shadow : 0 2px 3px rgb(0, 0, 0, 0.2) inset;
}
.button-red .fa {
text-shadow : 0 1px 0 rgb(255, 255, 255, 0.3);
color : #ba3329;
}
.wsc_button .fa {
float : left;
margin : -1px 8px 0 -4px;
font-size : 14px;
line-height : 20px;
vertical-align : top;
}


.faq-cat-content {
margin-top: 25px;
}
.faq-cat-tabs li a {
padding: 15px 10px 15px 10px;
background-color: #ffffff;
border: 1px solid #dddddd;
color: #777777;
}
.nav-tabs li a:focus,
.panel-heading a:focus {
outline: none;
}
.panel-heading a,
.panel-heading a:hover,
.panel-heading a:focus {
text-decoration: none;
color: #777777;
}
.faq-cat-content .panel-heading:hover {
background-color: #efefef;
}
.active-faq {
border-left: 5px solid #888888;
}
.panel-faq .panel-heading .panel-title span {
font-size: 13px;
font-weight: normal;
}


.btn {
background: #eaeaea;
margin: 3px;
border: 1px solid #eaeaea;
border-radius: 0px;
}
.btn:hover {
background: #f7259f;
color: black;
}
.tours {
display: flex;
padding: 0;
flex-flow: row wrap;
align-content: center;
align-items: stretch;
justify-content: center;
}
.tours > .tourcard {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
background: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,.1);
flex: 0 1 360px;
margin: 15px;
padding: 0;
}
.tours > .tourcard:hover {
background: #fff;
box-shadow: 0 1px 5px rgba(0,0,0,.5);
cursor: pointer;
}
.tours > .tourcard figure {
margin: 0;
padding: 0;
position: relative;
flex: 1;
display: flex;
flex-flow: column nowrap;
justify-content: space-around;
width: 100%;
}
.tourpic {
background: #444;
position: relative;
}
.tourbtn {
margin: 0;
padding: 0;
}
.tourbtn:after {
clear: both;
}
.tours > .tourcard figure .tourpic img {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
width: 100%;
height: 225px;
margin: 0;
padding: 0;
}
.tours > .tourcard:hover figure .tourpic img {
opacity: .30;
}
.tours > .tourcard figure .tourpic .tourcat {
color: #fff;
font-size: .8em;
padding: 3px 5px;
position: absolute;
right: 15px;
text-transform: uppercase;
bottom: 15px;
}
.tours>.tourcard figure .tourpic .tourday {
text-transform: uppercase;
color: #fff;
font-size: .8em;
position: absolute;
left: 15px;
bottom: 15px;
padding: 3px 5px;
}
.tours > .tourcard figure .tourpic .tourday.hot {
background: #f7259f;
background-size: 200% 200%;
-webkit-animation: hot 10s ease infinite;
-moz-animation: hot 10s ease infinite;
-o-animation: hot 10s ease infinite;
animation: hot 10s ease infinite;
}
.tours > .tourcard figure .tourbtn {
background: transparent;
display: flex;
width: 100%;
flex-flow: row wrap;
align-content: center;
}
.tours > .tourcard figure .tourbtn a {
flex: 1;
}
.tours > .tourcard figure figcaption {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
padding: 15px;
margin: 0 0 30px;
display: flex;
flex-flow: column nowrap;
color: white;
}
figcaption h3 a {
text-decoration: none;
color: white;
}

.tourprice {
opacity: 0;
display: none;
font-size: .8em;
}
.currency {
font-weight: 300;
}
.price {
font-size: 2em;
font-weight: 300;
}
.tourcard:hover figure figcaption .description,
.tourcard:hover figure figcaption .tourprice {
display: block;
opacity: 1;
}

.tip {
color: #ff70bb;
}
.commentPanel a.nomargin {
margin : 0;
margin-right : 0;
}
.commentPanel .poststyle {
font-size : 15px;
font-weight:bold;
}
.commentPanel .name {
float : left;
width : 88%;
padding-top : 2px;
}
.wrapComment {
position : relative;
background : #f6f7f8;
}
.commentReplyBox.hide {
display : none !important ;
}
.postactiondiv {
width : 100%;
margin-top: 10px;
margin-left: 10px;
text-align : left;
margin-bottom: 10px;
}
.postactiondiv a {

}
.notes .showPpl, .notes .postactiondiv {
width : 100%;
}
.showPpl .next {
float : right;
}
.showPpl .next {
color : #ccc;
}
.showPpl a {
font-size : 12px;
}
.showPpl .t {
margin-top : 0;
margin-right : 3px;
}
.postactiondiv a {
text-align: left;
letter-spacing: 0.1px;
}
.showPpl {
width : 100%;
margin-top : 2px;
padding : 5px;
text-align : left;
font-size : 12px;
display: flex;
align-items: center;
cursor : pointer;
cursor : default;

}
.showPpl span {
font-size : 12px;
}
.poststyle {
margin-top : 24px;
padding-right : 0;
font-size : 14px;

color : #333;
overflow-wrap : break-word;
margin-bottom: 15px;
}
.lb-dataContainer .poststyle {
margin : 9px 0;
}
.comDiv1 {
padding-top: 2px;
margin-left: 10px;
margin-bottom: -20px;
}
.comOnlyPad {
padding-top : 3px;
}
.hides {
display : none;
}
.voteicon {
float : left;
margin-top : 0;
margin-right : 2px;
width: 17px;
height: 17px;

}


.fit45 {
object-fit: cover;
}
.fit42 {
object-fit: cover;
width: 42px;
height: 42px;
}

.like_txt {
float : left;
font-weight: normal;
background: rgb(43, 199, 247);
border-radius: 50%;
right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
position: relative;
margin-top: -20px;
}
.liking {
display : block;
float : left;
position : relative;
width : 71px;
height : 71px;
margin-left : 1px;
border : #fff solid 1px;
overflow : hidden;
}
.liking img {
width : 100%;
height : 100%;
border : #fff solid 1px;
border-radius: 6px;
}




.suggested_friends .zewal_ppl_div {
    margin: 1px 0 0 0;
    padding: 0;
    width: 100%;
    position: relative;
	margin-bottom:10px;
}
.suggested_friends .zewal_ppl_div p{ margin:0px; padding:0px;}
.zewall_list{ margin:10px;}
.zewall_list .simlink.selected{color: #2bc7f7; cursor:default}
.zewall_list .simlink.selected:hover{ text-decoration:none}

.zewall_list.aboutme li{ padding:0px; font-size:12px; color: rgb(29, 33, 41); float:none; width:300px; margin-bottom:0px;}
.zewall_list.aboutme li i{ float:left; margin-right:6px;width: 17px; text-align:center;color: #9da9b0; margin-top: 0px;}
.zewall_list.aboutme li i.fa-map-marker, .zewall_list.aboutme li i.fa-home{ font-size: 14px; margin-top:0px;}

.zewall_list.aboutme li span{ float:left; width:213px}

.suggested_friends .quicklinks a{ display:block; font-size:12px; padding: 4px 2px;}
.suggested_friends .quicklinks a i{ padding-right:4px;width: 25px; text-align: center;}

:checked + label {

}
:checked + label:before {
content : "✓";

transform : scale(1);
z-index: -1;
}
:checked + label img {
z-index : -1;
box-shadow: 0 0 3px #ff70bb;
transform : scale(0.9);
}
input[type="checkbox"][id^="cb"] {
display : none;
}
input[type="checkbox"] {
z-index : 12;
position : absolute;
left : -9999px;
width : 18px;
height : 18px;
opacity : 0;
cursor : pointer;
}
input[type="checkbox"].colored-blue:checked ~ .text, input[type="radio"].colored-blue:checked ~ .text {
color : #5db2ff;
}
input[type="checkbox"].colored-blue:checked ~ .text:before, input[type="radio"].colored-blue:checked ~ .text:before {
border-color : #5db2ff;
color : #5db2ff;
}
input[type="checkbox"]:checked, input[type="radio"]:checked, input[type="checkbox"]:focus, input[type="radio"]:focus {
outline : none !important ;
}
input[type="checkbox"]:checked ~ .text:before, input[type="radio"]:checked ~ .text:before {
content : '✓';
display : inline-block;
border-color : #333;
background-color : #f5f8fc;
}
input[type="checkbox"]:hover ~ .text:before, input[type="radio"]:hover ~ .text:before {
border-color : #737373;
}
input[type="checkbox"]:active ~ .text:before, input[type="radio"]:active ~ .text:before {
box-shadow : 0 1px 2px rgb(0, 0, 0, 0.05), 0 1px 3px rgb(0, 0, 0, 0.1) inset;
}
input[type="checkbox"]:disabled ~ .text, input[type="radio"]:disabled ~ .text, input[type="checkbox"][disabled] ~ .text, input[type="radio"][disabled] ~ .text, input[type="checkbox"].disabled ~ .text, input[type="radio"].disabled ~ .text {
color : rgb(0, 0, 0, 0.4);
}
input[type="checkbox"]:disabled ~ .text:before, input[type="radio"]:disabled ~ .text:before, input[type="checkbox"][disabled] ~ .text:before, input[type="radio"][disabled] ~ .text:before, input[type="checkbox"].disabled ~ .text:before, input[type="radio"].disabled ~ .text:before {
border-color : #e5e5e5 !important ;
color : #e5e5e5;
background-color : #f5f5f5 !important ;
box-shadow : none !important ;
}
input[type="checkbox"] ~ .text, input[type="radio"] ~ .text {
display : inline-block;
z-index : 11;
position : relative;
margin : 0;
min-height : 18px;
min-width : 18px;
font-weight : normal;
line-height : 20px;
}
input[type="checkbox"] ~ .text:before, input[type="radio"] ~ .text:before {
content : " ";
display : inline-block;
height : 18px;
margin-right : 5px;
margin-bottom : 2px;
min-width : 18px;
border : #c8c8c8 solid 1px;
border-radius : 0;
text-align : center;
font-family : fontAwesome;
font-size : 13px;
font-weight : bold;
line-height : 16px;
vertical-align : middle;
color : #333;
background-color : #fafafa;
box-shadow : 0 1px 2px rgb(0, 0, 0, 0.05);
transition : all 0.3s ease;
}
input[type="checkbox"] ~ .text:hover:before, input[type="radio"] ~ .text:hover:before {
border-color : #737373;
}
input[type="checkbox"] ~ .text:active:before, input[type="radio"] ~ .text:active:before {
box-shadow : 0 1px 2px rgb(0, 0, 0, 0.05), 0 1px 3px rgb(0, 0, 0, 0.1) inset;
}

label {
display : block;
z-index : 1;
position : relative;
cursor : pointer;
}
label:before {
content : " ";
display : block;
z-index : 1;
position : absolute;
top : -12px;

width : 18px;
height : 18px;
border-radius : 50%;
text-align : center;
line-height : 20px;
color : white;
transition-duration : 0.4s;
}
label img {
width : 20px;
height : 20px;
transform-origin : 50% 50%;
transition-duration : 0.2s;
}

.color-bleu {
color: #4eaed1;
}
.color-rose {
color: #ff70bb;
}
.color-jaune {
color: #f0d584;
font-size : 20px;
}
.fit70 {
object-fit: cover;
width: 90px;
height: 90px;
margin-top: 13px;
border: 2px solid rgb(249, 180, 216);
}

.fitmessagerie {
object-fit: cover;
width: 70px;
height: 70px;
border: 2px solid rgb(255, 255, 255);
}

.fit42 {
    object-fit: cover;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.fit75 {
object-fit: cover;
width: 55px;
height: 55px;
  -webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
border: 1px solid rgb(249, 180, 216);
padding: 2px;
}

.fit45 {
object-fit: cover;
width: 45px;
height: 45px;
  -webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
border: 1px solid rgb(249, 180, 216);
padding: 2px;
}

.fit60 {

width: 60px;
height: 60px;

}

.fit80 {
object-fit: cover;
width: 120px;
height: 70px;
margin-top: 13px;
border: 2px solid rgb(249, 180, 216);
}

.fit80challenge {
object-fit: cover;
width: 120px;
height: 120px;
margin-top: -13px;
border: 2px solid rgb(249, 180, 216);
}

.fit120 {
object-fit: cover;
width: 120px;
height: 120px;
margin-top: 13px;
border: 2px solid rgb(249, 180, 216);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}

.fit130 {
    object-fit: cover;
    width: 120px;
    border: 2px solid rgb(249, 180, 216);
    height: 90px;
}
}


.fit180 {
object-fit: cover;
width: 180px;
height: 180px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}

.fit100 {
object-fit: cover;
border: 2px solid rgb(249, 180, 216);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
width: 60px;
height: 60px;
}
.swiper-container-fan {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}

.swiper-container {
width: 100%;
height: 100%;
}
  .swiper-container-fan {
width: 100%;
height: 100%;
}

.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}






.team__img-container_home {
position: relative;
margin-right: 1px;
border-radius: 3px;
background-color: #fff;
margin-top: 3px;
}
.team__img_home {
position : relative;
margin-right : -30px;
padding-bottom : 100%;
border-radius : 3px;
animation : fade-in 1s ease-in-out both;
}
.f_thumb_menu_home div {
z-index : 1;
position : absolute;
text-transform: capitalize;
top : 82%;
right : 0;
bottom : 0;
left : 0;
width : 100%;
height : 20px;
padding : 4px;
font-size : 12px;
color : #fff;
background : linear-gradient(transparent, rgb(0, 0, 0, 0.8));
}

.figure2 {
margin: 0;
  margin-right: 0px;
}
.figure2, img { 
max-width: 100%;
}


.ecart {
    margin-top: 10px;
}
.team__img-container {
    position: relative;
    border-radius: 3px;
    background-color: #fff;
}
.preloader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 3em;
    height: 3em;
    margin: auto;
    border: transparent solid 2px;
        border-top-color: transparent;
    border-top-color: #ff70bb;
    border-radius: 50%;
    opacity: 1;
    animation: spin 1s linear infinite both;
    transition: opacity 2s 0.2s ease-out;
}

.team__link {
    display: block;
    position: relative;
    border: transparent solid 1px;
    background-clip: padding-box;
    box-shadow: 0 1px 1px rgb(0, 0, 0, 0.1);
    transition: 1s;
    transform: translate3d(0,0,0);
}

.team__text {
    padding: 1em 0.5em;
        padding-top: 1em;
        padding-bottom: 1em;
    text-align: center;
    color: #000;
    background-color: #fff4f459;
}
.text-shadow {
    text-shadow: 0 0 3px rgba(0,0,0,.8);
}

.team__img {
    position: relative;
    padding-bottom: 100%;
    border-radius: 3px;
    animation: fade-in 1s ease-in-out both;
}



.central-meta2 {
    background: #fff none repeat scroll 0 0;

    border-radius: 5px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    padding: 32px;
    position: relative;
}
.center {
  margin: auto;
  width: 100%;
}


.lien_panel {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 83%) repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    z-index: 1;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s linear 0s;
}


.masquer {
color: #48b9ff;
float: right;
font-weight: normal;
line-height: 15px;
transition: all 0.2s linear 0s;
font-size: 12px;
opacity: .9;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}

.wsc_buttonhome {
    display: inline-block;
    padding: 6px 18px 6px;
    border: #ff70bb solid 1px;
    border-radius: 3px;
    text-shadow: 0 1px 0 rgb(255, 255, 255, 0.5);

    font-size: 12px;
    font-weight: 400;
    line-height: 25px;
    transition: all 20ms ease-out;
    cursor: pointer;
    width: 100%;
    text-align: center;
    margin-top: 5px;

}