/*
 Theme Name:     TS27 child by jŪlIΞή Webotop
 Theme URI:
 Description:    Child theme for twentyseventeen
 Author:
 Author URI:
 Template:       twentyseventeen
 Version:        1.0.0
*/

:root {
    --primary-color: #505050;
    --secondary-color: white;
    --font-color: #555555;
    --bg-color: #fff;
    --bg-color-opacity: rgba(255,255,255,0.7);
    --bg-color-opacity2: rgba(240,240,240,0.8);
    --heading-color: #292922;
    --taggle:#E2E1DF;
    --linear-gradient-more:linear-gradient(to bottom, transparent, white);
/*    --box-shadow:0px 5px 10px #b9b9b9;*/
    --box-shadow:0px 0px 4px 2px #c6c6c6;
    --box-shadow-blue:0px 10px 30px 0px #02aad8;
    --bg-tag:lightgrey;
    --bg-submit:white;
    --button-blue: #02aad8;
    --button-sun: #fecf0c;
    --blue: #02aad8;
    --yellow: #fecf0c;
}

[data-theme="dark"] {
    --primary-color: #9e9e9e;
    --secondary-color: black;
    --font-color: #c3c3c3;
    --bg-color: #202020;
    --bg-color-opacity: rgba(32, 32, 32, 0.6);
    --bg-color-opacity2: #303030;
    --heading-color: white;
    --taggle:#E2E1DF;
    --linear-gradient-more:linear-gradient(to bottom, transparent, #202020);
    --box-shadow:0px 0px 4px 2px #404040;
    --box-shadow-blue:none;
    --bg-tag:rgba(33, 32, 32, 0.6);
    --bg-submit:#181818;

}



h1, h2, h3, h4, p, footer li, a, .section li, ::placeholder{font-family: Quicksand;color:var(--font-color)}

body {
  background:var(--bg-color);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0!important;
  overflow: hidden
}

body.no-scroll {margin: 0; height: 100%; overflow: hidden;padding:0!important} /* no scroll on modal */


::-webkit-scrollbar {
  display: none;
}


.site-content-contain {background-color:var(--bg-color)}
.content-light-bg {background: var(--bg-color-opacity)}
.post-excerpt p, td {color:var(--primary-color)}
.nice-tag .entry-footer a {color:var(--secondary-color)}

.flexslider{background:transparent!important;border:none!important}
.flexslider p {color:white;line-height: 1.2}


li.beta {text-decoration:line-through;cursor:default}

ul, ol {
    margin: 0;
    padding: 0;
}

a:hover,a:active,a:focus,a:visited{color:var(--font-color);outline: none;}

h1, h2, h3, h4, h5, p, td {cursor:default;}

input, textarea, p, #footer li a{font-family: 'Quicksand';overflow-wrap: break-word;}

strong { font-weight: 900;color: var(--button-blue);}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus,
input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
color: var(--font-color);
}


    input[type="checkbox"] {
        margin-right: 1.5em;
            width: 12px!important;
    }

#footer li a {line-height: 2px;}

.footer li  {
  flex: 1;
}

h2.site-title p, nav li a {font-family: unset;}


.logo-text p, #footer p {font-family: 'Righteous';}

.entry-content li a, .nice-tag li {font-family: 'Quicksand';}


.nice-tag li  {font-weight: 500;}

img {
    vertical-align: middle;
}

label {margin-bottom:0;font-weight: 500}

.justify {text-align:justify}

fieldset {
    margin-bottom: 0em;
}

button {text-transform: uppercase;}

button.fa :hover{background-color:none!important;background:none!important}

input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    background: var(--button-blue);color: white!important;
}

button:hover:not( .mejs-container > button ), button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
background: transparent;}


#overlay {
    height: 100%;
    top: 0;
    width: 100%;
    background-color: #333;
    opacity: 0.8;
    position: fixed;
    z-index: 4;
}

.single-featured-image-header img {width:100%}

.extend img {width:100vw}

dfn, cite, em, i {
    font-style: italic;
    font-weight: 200;
}


#masthead .wrap { position: relative;}

#user_name {font-weight:500;position:relative;}

.wrap.content-area-private {max-width: 1480px;}

#content {
  min-height: 52vh;
  position: relative;
}


.content-area-private #content {padding:20px!important}


.private-area .client {

      background: white;
      border: 1px solid lightblue;
    /*  padding: 30px!important; */
      border-radius: 30px;

}

.site-title {
    clear: none;
    font-size: calc(24px + 10 * ((100vw - 320px) / 1440));
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0.08em;
    margin: 0;
    padding: 0;
    text-transform: none;

}

#footer-sidebar .site-title {    letter-spacing: -2px;}

#footer .site-title {
    font-size: 30px;}

.site-branding {
    padding: 0.5em;
    z-index: 4;
}


.logo {position:relative;z-index:4}

body.has-header-image .site-description, body.has-header-video .site-description {cursor: default;}

/*hamb menu*/
#menu-mobile label ul {
	    width: 250px;
}

#menu-mobile .primary-menu-container {
width:150px
}


#header-design {
    position: relative;
    display: block;
    z-index: 2;
    bottom:-1px;
    fill: var(--bg-color);
}

.page .panel-content .entry-title {cursor:pointer}

.site-navigation-fixed #menu-top-right {margin-right: 20px;}

.main-navigation a {
        padding: 8px;
}

.menu-top-menu-container {
  margin: auto;
}

li.frontpage .fas {display:none}

.wcloud a {

    border: 1px solid #02aad8;
    border-radius: 5px;
    padding: 5px;
    line-height: 3em;
    text-transform: uppercase;

}

@media screen and (min-width: 48em){
.has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding {
    top: 0!important;
    padding-top: 2em;
}}

.site-branding-text {padding-left: 10px;}

.entry-content {overflow-wrap: break-word;}
.entry-content p {text-align: justify;}

.site-title .logo-text p, .logo-text.tax h1 {font-family: 'Righteous';font-style: normal;color: #02aad8;color:#fecf0c;font-size:  calc(28px + (22 - 14) * ((100vw - 320px) / (1600 - 320))); margin:0;font-weight:bold;text-transform: capitalize;}
.site-title .logo-text p span, .logo-text.tax h1 span {color:#fecf0c;color: #02aad8;font-size:  calc(18px + (22 - 14) * ((100vw - 320px) / (1600 - 320)));}

.entry-content .logo-text p {text-transform:uppercase;text-align:center;font-style:italic;color: slategray;font-size:  calc(18px + (22 - 14) * ((100vw - 320px) / (1600 - 320))); margin:0;font-style:italic;font-weight:bold;   margin-bottom: 20px;}
.entry-content .logo-text p span {color: #b9b9b9;;font-size:  calc(12px + (22 - 14) * ((100vw - 320px) / (1600 - 320)));}


#footer .entry-content .logo-text p {text-align:left;font-size:calc(14px + (22 - 14) * ((100vw - 320px) / (1600 - 320)));}
#footer .entry-content .logo-text p span {font-size:calc(8px + (22 - 14) * ((100vw - 320px) / (1600 - 320)));}

.comment-author .logo-text p, .comment-author.logo-text p {text-transform:uppercase;font-style:italic;color: slategray;font-size:  calc(18px + (22 - 14) * ((100vw - 320px) / (1600 - 320))); margin:0;font-style:italic;font-weight:bold;}
.comment-author .logo-text p span {color: #b9b9b9;;font-size:  calc(12px + (22 - 14) * ((100vw - 320px) / (1600 - 320)));}

.logo-text p {color: #02aad8;color:#fecf0c;font-size:  calc(20px + (22 - 14) * ((100vw - 320px) / (1600 - 320))); margin:0;font-weight:bold}
.logo-text p span {color:#fecf0c;color: #02aad8;font-size:  calc(12px + (22 - 14) * ((100vw - 320px) / (1600 - 320)));}

.page-title .logo-text p {text-transform:uppercase;font-style:italic;color: #02aad8;font-size: calc(38px + (22 - 10) * ((100vw - 920px) / (1800 - 320))); margin:0;;font-weight:bold;text-align: left;/* margin-left: 10%;*/}
.page-title .logo-text p span {color:#fecf0c;font-size:  calc(28px + (22 - 14) * ((100vw - 820px) / (1600 - 320)));}

.page-title .logo-text h1 {text-transform:uppercase;font-style:italic;color: #02aad8;font-size: calc(38px + (22 - 10) * ((100vw - 920px) / (1800 - 320))); margin:0;font-weight:bold;text-align: left;/* margin-left: 10%;*/}
.page-title .logo-text h1 span {color:#fecf0c;font-size:  calc(28px + (22 - 14) * ((100vw - 820px) / (1600 - 320)));}

.page-title h1 {margin: 0;}

#FAQ h5 {text-align:left}
#FAQ .page-title p {text-align:center;margin:auto}
#FAQ p {text-align:justify}
#FAQ .content {padding:30px}

#reassurance {text-align:center}
#reassurance .fas {font-size: -webkit-xxx-large;color:#14bfea;margin:0}
#reassurance p {padding:10px 20px 0px 20px;font-weight:bold}


.custom-logo-link img {
    width: 80px;
}

.custom-logo-link {
    padding-right: 0em;
}

.js .menu-toggle {display:none}
.js .main-navigation ul {display:flex}
.main-navigation ul {
    background: transparent;}

#menu-toggle {
display:none;
position: relative;
width: 100%;
background: transparent;
}

#menu-toggle li a {color:#aaa;font-size:10px;padding-right: 10px;}


.twentyseventeen-front-page .site-content {
    padding: 0;
    position: relative;

}


.logonav { position: absolute}
.logonav img{width:45px;margin-top: -8px}
.logonav.front {display:none}

.site-branding {margin-bottom: 0!important;}
.hidden {display:none}

.small.label span {font-size: xx-small;font-weight: 200}

body.has-header-image .site-description, body.has-header-video .site-description {
    color: white;
    opacity: 1;
}


.main-navigation ul {
    list-style: none;
    text-align: center;
}


.site-navigation-fixed.navigation-top {
	 top: auto;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 7;

	}


  #menu-top-right li {
    padding-right: 0;
        margin: auto;

  }

  #menu-top-right li.menu-icon {
    top: -2px;
    vertical-align: top;
  }


.site-navigation-fixed #menu-top-right li.menu-icon {
  top: 3px;
  vertical-align: revert;
}


.site-navigation-fixed {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.3s;

}



@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


.nav-inline {display: -webkit-inline-box;}


.custom-svg-logo {margin-right: 10px;}

@media screen AND (max-width:500px) {

.custom-svg-logo svg {width: 80%;}

	.news-feed {

	    width: 100%


	}

}

.news-feed p {margin:0}


/* Menu nice stripe hover Adsila */

.menu--adsila a {
	color: #272727;
}

.menu--adsila .menu__item-name {
	    font-weight: 400;
	line-height: 1.4;
	transition: color 0.5s;
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

.menu--adsila .menu__item-name::before {
	content: '';
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	opacity: 1;
	transform: scale3d(0,1,1);
	transform-origin: 0% 50%;
	transition: transform 0.5s;
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

.menu--adsila .menu__item-label {
	font-size: 1em;
	letter-spacing: 0.05em;
	transform: translate3d(-0.5em,0,0);
	transition: transform 0.5s, color 0.5s;
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

.menu--adsila .menu__item-label::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 1.25em;
	left: 0.05em;
	width: 25%;
	height: 1px;
	opacity: 0.3;
	transform: scale3d(0,1,1);
	transform-origin: 100% 50%;
	transition: transform 0.5s;
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

.menu--adsila .menu__item.menu__item-name [aria-current]::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 1.25em;
	left: 0.05em;
	width: 25%;
	height: 1px;
	transform: scale3d(0,1,1);
	transform-origin: 100% 50%;
	transition: transform 0.5s;
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

.menu--adsila .menu__item:nth-child(odd).menu__item-name::before,
.menu--adsila .menu__item:nth-child(odd).menu__item-label::before {
	background: #03a9f4;
  background: #6265fe;
}

.menu--adsila .menu__item:nth-child(even).menu__item-name::before,
.menu--adsila .menu__item:nth-child(even).menu__item-label::before {
	background: #6265fe;
}

/* Hover */

.menu--adsila .menu__item:nth-child(odd):hover,
.menu--adsila .menu__item:nth-child(odd):focus {
	color: white;
}

.menu--adsila .menu__item:nth-child(even):hover,
.menu--adsila .menu__item:nth-child(even):focus, {
	color: #6265fe;
}


.menu--adsila .menu__item.menu__item-name [aria-current]::before {
	  background: #03a9f4;
	  height: 18px;
    top:3px
}

.menu--adsila .menu__item:hover.menu__item-name::before,
.menu--adsila .menu__item:focus.menu__item-name::before,
.menu--adsila .menu__item:hover.menu__item-label::before,
.menu--adsila .menu__item:focus.menu__item-label::before,
.menu--adsila .menu__item.menu__item-name [aria-current]::before{
  transform: scale3d(1,1,1) rotate(-5deg);
}


/* ----------------------------------------------
 * Generated by Animista on 2019-9-23 13:41:33
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */


 .slide-right {
 	-webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
 	        animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
 }

 .slide-right-delay {
 	margin-left:-30px;
   width: 108%;
 	-webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s both;
 	        animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s both;
 }


/**
 * ----------------------------------------
 * animation slide-right
 * ----------------------------------------
 */

@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(-800px);
            transform: translateX(-800px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes slide-right {
  0% {
    -webkit-transform: translateX(-800px);
            transform: translateX(-800px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@-webkit-keyframes slide-right-delay {
  0% {
    -webkit-transform: translateX(-800px);
            transform: translateX(-800px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes slide-right-delay {
  0% {
    -webkit-transform: translateX(-800px);
            transform: translateX(-800px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}



.custom-header {
  position: relative;
	/*height: 170px;*/
	margin-bottom: 0px!important;
}

.top-signout {
position:absolute;
top:0;
right:0
}

.top-signout a {
color:darkgray;
}

.navigation-top {position: relative;border-top:none;border-bottom:none}
.navigation-top a {font-weight:200;color:#767676;}
.navigation-top.dark { background: transparent;}
.navigation-top.dark #menu-top-right {
    color:#cbcbcb;font-weight: 200;

}

#menu-top-right {
    position: relative;
    margin-left:auto;
  }

li.signin, li.register { padding: 2px; }

.navigation-top.dark a {color:white}
.navigation-top.dark #menu-top-right a {font-weight:200}

.navigation-top.dark #menu-top-right .dropdown-content a {
    background: var(--bg-color);
    color: var(--primary-color);
  }


.navigation-top a,  .navigation-top li {

    font-size: calc(8px + 6 * ((100vw - 320px) / 1440));
    text-transform:uppercase;
    letter-spacing: 0.08em;


}


@media screen and (min-width: 48em) {
.page:not(.home) #content {
  padding:0
}

body, button, input, select, textarea {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.2;
  }
}

.premium-btn {
    border: 1px solid #aaa!important;
    padding: 8px!important;
    margin-right: 10px;
    border-radius:5px;
   }

.premium .short-description {
		text-transform: uppercase;
    font-weight: 800;}


.panel-content .wrap {

    padding-top: 0;
}

.margin-content{margin-top:40px}


    /*NEW GRID MASONRY*/

.grid-masonry {
/*display: inline-block;*/
list-style: none;
margin: 20px auto;
padding: 0;

}

.grid-item-masonry {

display: block;
float: left;
width: 20%;

}

.grid-item-masonry3 {

display: block;
float: left;
width: 33.33%;

}

.freelance .grid-item-masonry {

    min-height: 250px;

}

.archive .grid-masonry {
  display: grid;
  grid-gap: 20px; /* Adds space between items */
  justify-items: start; /* Ensures items start from the left */
  padding: 0; /* Optionally remove any extra padding */
}

.archive .grid-item-masonry {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
}


@media  screen AND (min-width:1200px) {
.front-cities.grid-masonry {margin-left: 10%;}
}


.portfolio-item .overlay-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(73, 73, 73, 0.5);
  border-radius:10px;
  z-index:2
}

.portfolio-item:hover .overlay-img {
  opacity: 1;
}

.portfolio-item .overlay-img .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


.front-cities .grid-item-masonry {
  width: 18%;
  height: auto;

}


.grid-masonry-skillz {
max-width: 69em;
list-style: none;
padding: 0;
}

.grid-li-masonry {

display: block;
float: left;
text-align: center;
text-align: -webkit-center;

}

.grid-item-masonry.profession {
    display: block;
    float: left;
    width: 20%;
    margin-bottom: 25px;
    height: 20px;
    text-align: center;
    text-align: -webkit-center;
}

.grid-item-masonry.portfolio {
position: relative;
width:19%;
margin: 5px;

}

.grid-item-masonry .portfolio-item {border: 2px solid transparent;}

.grid-item-masonry .portfolio-item img {

  border-radius: 10px;
  width: 100%;

}

.grid-item-masonry.portfolio {height:auto}

#sortable li.portfolio  {transition:none;}

.portfolio-item .user-edit {

  position: relative;
  display: inline;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  bottom: 0;
  border-radius: 0 0 10px 10px;

}

#portfolio .user-edit {

position: relative;
padding: 1px 10px 10px 10px;
font-size: small;
color: black;
border-radius:5px;
width: 100%;
right: 0;
bottom: 0;


}

#portfolio-sortable .action-edit {float:right}
#portfolio-sortable .action-edit input {
    width: 100%;
    position: relative;
}
#portfolio .delete-post a {

font-size:small

}

#Comments h2{
font-size: calc(10px + 10 * ((80vw - 320px) / 1440));
}


.cities-archive-container {background: rgba(255,255,255,0.5);}
.grid-masonry.cities {max-width:100%;text-align: center;}

.grid-item-masonry.cities {

display: block;
float: left;
width: 20%;
height: 50px;


}

.freelance-infos {display: grid}

.freelance-infos span {list-style-type: none}

.freelance-infos-listing h2 {margin: 0; text-transform: capitalize;
padding: 0;}

.freelance-infos-listing p {margin: 0;
padding: 0; font-size:medium}

.grid-item-masonry h3 {
    font-size: small;
    margin: 0;
}


.scroll-top-wrapper {
  position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
	width: 50px;
	height: 48px;
	right: 15px;
	bottom: 1%;
	border-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	  opacity: 1.0;
}

.scroll-top-wrapper i.fas {
	  line-height: inherit;
	  font-size: -webkit-xxx-large;
    color: #02aad8;
}


.panel-content h2.entry-title {
    color: #222;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-align: center;
}

.entry-content .intro {margin-top:30px;background:rgba(255,255,255,0.8);}
.entry-content .wrap.intro {max-width: 80%}
.entry-content .intro p {text-align:center}
.section .title { margin: auto;}
.section .sub-title  {color: slategrey;font-size:  calc(12px + (22 - 14) * ((100vw - 320px) / (1600 - 320))); margin:0;font-style:italic;font-weight:bold;line-height: 1.4;}
.section .infos p {color:#3C3C3C;font-size:  calc(42px + (22 - 14) * ((100vw - 320px) / (1600 - 320))); margin:0;font-style:italic;font-weight:bold}
.section .infos span {color:#f9a146}
.section li {font-weight:180;font-size:18px; cursor: default;}
.section i {font-size:30px; color:#fecf0c;font-style:italic}
.section li span {  color: black}
.section .infos-container h3 {
		font-size: 3em;
    margin: 0;
    font-weight: bold;
    font-style:italic
    }
.section {height:250px;margin:auto;}


.social-icon {max-width: 12%}
button a.inscription {color:white;font-weight:200}
button.more-infos {
		background: #02aad8;
    padding: 8px;
    margin-top: 10px;
    }

button.more-infos:hover, button.submit-button:hover, button.submit:hover, button.submit:focus {background:#fecf0c!important;color:white}
button {border-radius: 5px;}
.signup-section {color:white;text-transform:uppercase}
.signup-section:hover {color:white}

.signup-btn {padding-right:10px}



        /*END NEW GRID MASONRY*/


.grid-list{
  width: 800px;

}

.grid-item-list {
  width:200px;
  height: 200px;
  padding:10px;
  text-align: -webkit-center;

}

.grid-item-list-city {
  width:150px;
  height: auto;
  padding:10px;
  text-align: -webkit-center;

}



.city_name  {
		width:100%;
		height:100%;
    color: white;
		position:absolute;
    text-align: center;
    text-transform: uppercase;
    background: rgba(76, 76, 76, 0.4);
    border-radius: 30px;
        z-index: 3;

}

.city_name .entry-title { margin-top:42%; /*background: rgba(0, 0, 0, 0.24);*/color:white!important; padding: 4%;
    z-index: 4;
    position: relative;}

.city_name a {

    color: white;

    }


.city_name a:hover, .city_name a:focus {

    color: white;

    }

.city {
    position: relative;
    transition: all .2s ease-in-out;
    }

/*.city:hover { transform: scale(1.1); }*/

.cities button { padding: 0px;}

.city_name .city_slug {background:rgba(255,255,255,0.3); text-align: -webkit-center;text-align: center;}


.grid-item-list a{
      font-size: medium;
}

.grid-item-list h3 {
font-size: x-small;
    margin: 0;
}

.grid-item-list h2 {
    margin: 0;
    padding: 0;
}

/*
.custom-header .site-navigation-fixed {height:200px}
*/


#site-navigation .menu li {
    display: table-cell;
    position: relative;
  }

#site-navigation .menu-item a {
    letter-spacing: 0.10em;
  }

/*
#site-navigation .menu a:before {
    background: none repeat scroll 0 0 transparent;
    bottom: 5px;
    content: "";
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    background: #8e8e8e;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
  }
*/

#site-navigation .menu a:hover:before, #site-navigation .menu .active a:before, #site-navigation .menu .current-menu-item a:before {
    width: 98%;
    left: 0;
  }



.site-navigation-fixed.navigation-top.dark {background:#343434;}
/*
.site-navigation-fixed.navigation-top.dark li a  {padding:10px;margin:0}
*/
.site-navigation-fixed.navigation-top.dark li a.premium-btn {margin-right:5px!important}

.navigation-top.dark .dropdown-content a {color:black}

.navigation-top.dark #menu-top-right  {
    color: #cbcbcb;
    font-weight: 200;
}

.site-navigation-fixed #menu-top-right {
    top: 9px!important;
}

.site-navigation-fixed #menu-top-right.user-menu {top: 4px!important;}

.mailing .fa-paper-plane {
    opacity:0.5;
    margin: auto;
    margin: 80px 0 0 0;
    }


.submit-button {
    background: #767676;
    border-radius:5px

}


button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {background:#02aad8}



input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: none;
}


#mailing-form .author-name {
  text-transform: capitalize;
  font-weight: 400;
  color: #09aad8;
}


.mailing .submit-button .fa-paper-plane  {
  font-size: 20px;
  margin: 0;

}

input + input[type="submit"] {
    padding: 0 10px 0 10px;
}


input[type="text"] {padding:8px;}


.taggle_list input[type="text"] {padding:0}

fieldset {
    padding: 0.5em;
    border:none;
    border-left: 2px solid #F3F3F3;
    font-size: medium;

}

fieldset:hover {

    border-left: 2px solid #5aa4b8;

}

textarea { resize: vertical}

select {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: auto;
    max-width: 100%;
}



input[type="search"] {color:transparent; display:inline-block; ; border-radius: 20px 20px 20px 20px;}

/*input[type="text"]   {padding: 0.5em; border-bottom: 1px solid #5aa4b8; font-size: medium;}*/

input[type="number"] {
    padding: 0.5em;
    border-bottom: 1px solid #5aa4b8;
}


input[type="password"] {padding: 0.5em;}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}



.menu-toggle {
    margin: 0px;}

.btn-outline-primary {float:right}

.custom-header-media::before {
/*    background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 55%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 55%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 55%, rgba(0, 0, 0, 0.8) 100%);*/
    /* background: #181818; */
    top: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    background: #181818;

}


.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
    z-index: 2;
    opacity: 0.4;
    object-position: 4% 33%;
}


.submit_button:hover {
    background:#fecf0c!important;  background-color:#fecf0c!important;
}


.twentyseventeen-front-page.has-header-image .custom-header-media:before, .twentyseventeen-front-page.has-header-video .custom-header-media:before, .home.blog.has-header-image .custom-header-media:before, .home.blog.has-header-video .custom-header-media:before {
    height: auto;
}

.custom-logo {display:none}

.custom-header-media::after {
  /*  background: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%);
    background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 55%, rgba(0, 0, 0, 0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); */
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
   /* z-index: 2;*/
}



.searchbox-post [type="submit"]:hover {
    color: black!important;
    background: none!important;
    transform: translateY(-1px);
    box-shadow: 0 0px 0px rgba(50, 50, 93, 0.1), 0 0px 0px rgba(0, 0, 0, 0.08);
}

.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe {
  /*  position: fixed; */
    position: relative;
    bottom: 0;
    padding:0;
    height: 100vh;

  }



.post-thumbnail img {
        width: 100%;
        object-fit: contain;
        object-position: 30%;
        border-radius: 10px;
    }



body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments {
    float: right;
    width: 100%;
}


#menu-top-right li .fa-comment-dots, #menu-top-right li .fa-envelope {font-size:20px;color: rgba(255, 255, 255, 0.5);}
#menu-top-right li .message.fa-comment-dots, #menu-top-right li .message.fa-envelope {color:white}

.wrap { max-width: 1280px; margin: auto;}

.wrapheroe {

  margin-left: auto;
  margin-right: auto;

}


.login {
	max-width: 50%;
    margin-left: auto;
    margin-right: auto
    }

.search {
left: 0;
position: relative;
z-index: 6;
}

.site-description {
font-weight:120;
letter-spacing: 0.1em;
font-size: xx-small;
margin-top: 0;
padding: 0;
}

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
    border: 1px solid #333;
    padding: 0px;
}

.showContent {
    line-height: 1.5em;
    height: auto;
}
.showContent{
    height: auto;
    overflow: hidden;
}


.hideContent {
    overflow: hidden;
    line-height: 1.5em;
    height: 19em;
}


.uploaded { display:-webkit-inline-box;}
.uploaded img {margin-right: 20px; }

.entry-header h1 {
   text-transform:uppercase;

}



@media screen and (min-width: 30em) {
h3 {
    font-size: 18px;
    /* font-size: 1.375rem; */
}
}
.entry-header .entry-title, .entry-header .entry-title a {
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align:center;
  	color: #02aad8;
    font-weight: 777;
}


.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {

    letter-spacing: 0.1200em;

}
.entry-meta {color:var(--font-color);  letter-spacing: 0.1200em;}

.entry-header .entry-meta {
    padding-top: 0;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align:center}

.author-box p {font-size:24px}
.author-box a {font-size:medium;}
.author-box .email-btn {margin-top:10px; margin-left: 10px;}


.email-btn input[type="submit"] {
    padding: 0em 0.8em 0 0.8em;
}

.entry-meta a:hover{box-shadow:none}
.private-message .entry-meta a {
    box-shadow: none;
    font-size: x-small!important;
}

.private-message .form-submit {

    text-align: center;

}

.private-message .author-box {
    margin-top: 0;

}

/*#pm-mail, #pm-archive {padding: 30px;}*/
#pm-mail .info {display:none}

#pm-mail .post-submit-btn {background: lightgrey}

#pm-mail .post-submit-btn:hover + .info {display:block!important;position:absolute;color:#222222;}

.author-box {position: relative;text-align: -webkit-center;text-align:center}


.email-btn {text-align: -webkit-center;position: relative;text-align:center}

.email-profile-btn{margin: auto; text-align: -webkit-center; text-align:center;}

.author-profile-card hr {margin: 60px 0 -76px 0;}

.author-profile-card .email-profile-btn input[type="submit"] {margin-top:20px;background-color: #252525; color:white}
.author-profile-card .nice-tag {background: #fecf0f;border-radius: 20px;}
.author-profile-card .nice-tag .user-tags {background:transparent}

.email-profile-btn input[type="submit"]:focus {background-color: #fecf0c; color:white}

.pagination {
	margin-top: 40px;
    }

.pagination a {box-shadow:none;-webkit-box-shadow:none}

.prev.page-numbers, .next.page-numbers {
    padding: 10px;
}

.comments-title {display:none}

.private-message .entry-content p {max-width: 40%;} /*on left side */
.private-message .entry-content.sender p, .single-comment p {max-width: 80%;} /*on right side */

#secondary .entry-meta {padding:0}

.content-area .content-light-bg {min-height:100vh}

.content-light-bg {
		position: relative;
		border-style: none;
    margin-top: 0em;
    min-height: 52vh;
}


}

.wrap.content-light-bg {height:auto}

.more-ads {padding-bottom: 20px;text-align: center;}

#nice-tag .fas {color:#ccc; width: 20px;}
.nice-tag .entry-footer { margin-top: 0em;}
.nice-tag.single-job  .entry-footer { margin-bottom:40px }


.fa-folder-open {
color: darkgray;
}

.fa-list-ul {color:#6bc4db;padding-right: 50px;}

.found-post {text-align:right;font-style:italic;padding-right: 30px;}

#create_post #addtags input[type="text"] {
    border: none!important;
}

.job-item h2 {padding: 0;
    margin: 0;}
    #job-post .item:hover h5 {color: #fccc0d;  transition: all 0.4s ease-in-out}
    .job-item h5 {color:#c7c6c3;transition: all 0.4s ease-in-out}

.job-item {display:block;margin: 20px 0px 0px 0px;}

.job-item .entry-meta a {
    color: #02aad8;
    font-weight: 777;
}

.job-item .nice-tag .entry-footer {

border-style:none;
margin-top: 0em;
}


#page {
    word-wrap: break-word;
    overflow-y: hidden
}

.nav-title-icon-wrapper {
    width: 3em;
}

.pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover {box-shadow:none; -webkit-box-shadow:none}
a.page-numbers {color: #868686;display: -webkit-inline-box;display:inline-box}
a.page-numbers:hover {color: #868686;}
.pagination .current {color: #02aad8;}

#comments {padding-top:1em}
#comment_post fieldset {margin-bottom: 10px;}

.offset {
 display: block;
   height: 80px;      /* Give height of your fixed element */
   margin-bottom: 250px; /* Give negative margin of your fixed element */

}


.portfolio-title p {font-size:x-small;margin:0; padding:5px}


/* EKKO lightbox */

.modal.in .modal-dialog {
    min-width: 400px;
}

.ekko-lightbox-container {
background: aliceblue;
}

.ekko-lightbox .modal-body {
    position: relative;
    padding: 0;
}
.ekko-lightbox .modal-footer {
    background: #272727;
    border-radius: 0 0 10px 10px;
    border-top: 0px solid #fff;
    position:relative;
}

.grid-item-masonry .portfolio-item img {
    object-fit: cover;
    object-position: top;
    height: 180px;
}

.ekko-lightbox-item{
height: auto;
overflow: scroll;
z-index: 400;
position: relative;
}

.ekko-lightbox .modal-footer img {border-radius:10px; min-width: 30px;}
.ekko-lightbox .modal-footer .title {color: #fff; font-size: 20px;text-transform: uppercase;}
.ekko-lightbox .modal-footer .content {color: #fff; font-size: 14px;}

.post-buts {display: flex;}
.post .entry-content {
	   border-width: 1px;
    border-top-style: groove;
    width: 100%;
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
    }


.login-submit   {  text-align: -webkit-center; }

.searchform-ads { margin:20px 0 20px 0;}

.searchform input[type="text"]{border-radius:30px;padding:1em}

.search-form {margin-bottom:20px;}

.search-submit-custom {
    position: relative;
    border-radius: 0px 5px 5px 0px;
    background: transparent;
    color: var(--font-color);

}

.search-submit-custom:hover {
    background: transparent!important;

}
    background: transparent;


#searchform [type="submit"]:hover {

background:transparent !important;
}

.search-submit-custom:hover {
background:transparent;
color: black;
}

.post-navigation {
    position: relative;
    top: 30px;
    background: var(--bg-color-opacity);
    padding: 0px 30px;
    border-radius: 30px;

  }

.post-navigation a {box-shadow:none!important}

.post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {color:var(--font-color)}

.nav-title {
transition:none!important;
  }


.searchbox input {max-width:60%}
.searchbox-post input {max-width:70%}

.searchform input[type="text"] {
    border-radius: 30px;
    padding: 1em;
    height: 50px;
    font-size: 15px;
    font-weight: 300;

}


.entry-content .post-description p {

    text-align: justify;
    font-size: medium;
		color:#5aa4b8;

  }

.nice-tag .entry-footer a:focus {color:white}

.post-excerpt p { text-align: justify;}

.freelance-name {
		text-transform:capitalize;
    padding: 0;
    margin: 0;
    font-size: 1.625rem;
    font-weight: bold;
    font-style: italic;
    max-width: none;
    }

.freelance-name a {color:#727070}

.freelance-name .fa-star {
    font-size: 20px;
    vertical-align: top;
    padding-top: 10px;
    }


.freelance-infos h2 {margin:1px}
.freelance-infos h3 {
		font-size: large;
		font-weight: 250;
		color:darkgray;
    margin: 0 0 0.5em;
    }

.freelance-infos .fa-user-circle {opacity:0.5}
.freelance-container:hover .freelance-infos h3 {color: #5aa4b8;}
.freelance-container:hover .freelance-name a, .freelance-container:hover i {color: #02aad8;opacity:1}

.freelance-infos li {text-align: justify;}

.freelance-container li a, .freelance-name a, .freelance-name i, .freelance-img a img, .professions h3 , p , .freelance-container i {

						-webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;


}

.freelance-container p {margin: 0;}

.freelance-container .nice-tag li {margin:0 2px 2px 0}

.freelance-container:hover .freelance-img a img, .freelance-container:focus .freelance-img a img {

    -webkit-box-shadow: 0px 0px 4px 2px #fecf0f;
    box-shadow: 0px 0px 4px 2px #fecf0f;

}

/*
.professions {height:60px}*/
.profile .professions {    text-align: center;    padding-right: 20px;
    padding-left: 20px;
}

.professions h3 { width:100% }

.professions i {    font-size: medium;}

.searchbox .front input {max-width: 80%;}

#searchform-pro  {margin:auto; width:100% ;   display: inline-flex;}
.user-form {display: -webkit-inline-box; width:80%}


a:hover {cursor:pointer}

.navigation-top .wrap {
    max-width: 1380px;
}


.menu-top-right img {border-radius: 20px;background: white;  max-width: 32px;}



.logout {  border-style: groove; border-radius: 20px;}


.center {text-align:center; margin-left:auto;margin-right:auto;width:100%}
.text-center {text-align:center; margin-left:auto;margin-right:auto;width:100%}


#menu-profile li {display:inline;padding:0px 20px 0 0 }

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
        border: 1px double rgba(155, 24, 207, 0.38);
    padding: 0px;
    border-radius: 30px;
    border-style: solid;
}

#loginform{padding-top:50px}

/* *** Style the profile tab *** */
.tab {
    overflow: hidden;
    border-bottom: 1px solid #ccc;

}

.partner {
    overflow: hidden;
    border-bottom: 8px solid #ccc;

}



/* Go from zero to full opacity */
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}



/******** Price Plan ********/


.pricing-header {
  max-width: 700px;
}


.card-deck .card {
  min-width: 240px;

}

.text-line {text-decoration:line-through}

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }

.box-shadow { box-shadow: 0 0 1.95rem rgba(0, 0, 0, .35);}
.box-pad {padding:10px;}

.shadow {
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 6px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.container-price {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: var(--bg-color-opacity);
    }

.content-area-bg-w {

    background-color: rgba(255, 255, 255, 0.5);
    position: relative;
    min-height:70vh;

  }

.content-area { position: relative; }

.content-area-single {

  position: relative;
   background-color: rgba(255, 255, 255, 0.41);
   padding: 30px;

}

.content-area-private {position: relative;}

.lightyellow {background: rgba(254, 207, 12, 0.4);}
.lightblue {background: #c9eff9;}
.lightgrey  {background:var(--bg-color-opacity)}


.classic-btn {
    background: #02aad8;
    color: white;
    padding: 10px;
    border-radius: 10px;
}


.classic-btn:hover {

    color: white;

}


.entry-meta { padding:0;  /* padding-bottom: 2.25em;*/}

.archive .entry-meta {padding-top: 0em; !important}

.page-header {
    padding-bottom: 0;
}

/******** Price Plan ********/


.codrops-top {
	margin-top: 1em;
}

.codrops-top a {
	font-size: 0.69em;
	padding: 0 0.25em;
	display: inline-block;
	text-decoration: none;
	font-size: 1.2em;
}

.codrops-icon:before {
	margin: 0 4px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'codropsicons';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001";
}

.codrops-icon-prev:before {
	content: "\e004";
}

.codrops-icon-info:before {
	content: "\e003";
}

.codrops-icon span {
	display: none;
	position: absolute;
	font-size: 0.85em;
	padding: 0.5em 0 0 0.25em;
	font-weight: 700;
}


.fa-envelope {color: #cbcbcb;}
.fa-sign-out {color:darkgrey;}
.fa-info-circle {color: #02aad8;}

.codrops-icon:hover span {
	display: block;
	color: #6a7b7e;
}


.fa:hover span {
	/*display: block;*/
	display:none;
	color: #b9b9b9;
}

.single-job #fav {position: relative; min-height: 48px;}

.favcount {
    position: absolute;
    top: 10px;
    left: 12px;
    color: cadetblue;
    z-index: 0;
}


#informations td:last-child {text-transform: capitalize!important;}

#comment_post, #comment-list .success {min-height: 300px;}
#comment-list .success {display:flex}
#comment-list .success p {margin: auto;}

.nav-links .nav-title, .nav-links .nav-title:hover, .nav-subtitle:hover  {
    color: var(--font-color);
}

button.fa {

    position: relative;
    background: transparent!important;
    color: #5a5a5a;
    z-index: 2;

}

.author-profile-card button.fa {
/*
    width: 30px;
    right: 0;
    position: absolute; */
    color: #02aad8;

    padding: 5px;
    top: 0;
    margin-bottom: 30px;
}


/*pm*/
#comment-list {
border-style: none;
position: relative;
padding: 0 30px 0px 30px;
z-index: 1;
}


.comment-btn-message {
color: gray!important;
border: none!important;
font-size: x-small!important;
background: none!important;

}

.morecontent span {
	display: none;
}

a.morelink{font-size:small!important;color:grey}

.comment-author .logo-text p {font-size:large;overflow-wrap: break-word;}


.comment-author.vcard a {font-size:large;}

.comment-author.vcard H5 {font-size:xx-small}


button.fa div {display:none}

button.fa:hover div {position:absolute;}

.fa:hover .fa-heart-o:before{
    content: "\f004";
    color:#bf0404;
}

.fa-heart {color: #2196F3;}


#message .updated:not(.published) {
    display: block;
}


.inline {   display: inline-flex;}

/* .swpm-payment-button {margin-left:auto;margin-right:auto;}*/
.stripe-btn {

background: linear-gradient(to bottom, #078fd0 , white);
border-radius:5px

}

.comment-form-comment label {display:none}
.comment-form .submit {width:32%}

.comment p {text-align: justify}

.comment-form-comment {  margin-bottom: 10px;}
div.comments {left: 100px;position: relative;}


.logged-in-as {display:none}

/* Dropdown Button */
.dropbtn {

    border: none;
}


/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {white-space: nowrap;}


#menu-top-right .subscriber a:hover , #menu-top-right .subscriber a:focus {
opacity: 1;
color: #FFC107!important;
}

#menu-top-right .client a:hover , #menu-top-right .client a:focus {
opacity: 1;
color: #02aad8!important;
}

.dropdown.subscriber ul, .dropdown.client ul {display: -webkit-inline-box; display: -moz-inline-stack; display: -webkit-flex;}

.site-navigation-fixed .dropdown.subscriber .dropdown-content a {
    background: white;
}

.site-navigation-fixed .scroll-to {display:none}


.dropdown-content i {color:#02aad8}



.dropdown-content {
    opacity:0;
    position: absolute;
		display:-webkit-inline-box;
    font-size: 12px;
    padding-top: 10px;
    z-index: 1;
    right: -80px;
    box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.2)

}


.dropdown.subscriber:hover .dropdown-content, .dropdown.subscriber:hover .dropdown-content, .dropdown.client:hover .dropdown-content, .dropdown.client:hover .dropdown-content{
    opacity:1;
}


/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 8px;
    text-decoration: none;
    display: block;

}

/* Change color of dropdown links on hover */
/*.dropdown-content a:hover {background-color: #ddd;border-radius:20px}*/

/* Show the dropdown menu on hover */

.dropdown .dropdown-content {

    				-webkit-transition: opacity 0.4s ease-in-out;
            -moz-transition: opacity 0.4s ease-in-out;
            -o-transition: opacity 0.4s ease-in-out;
            -ms-transition: opacity 0.4s ease-in-out;
            transition: opacity 0.4s ease-in-out;


}



/* The Modal (background) */
.modal-btn {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    left: 0;
    top: 0;
    z-index: 8;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}


#show-more-btn {
      position: relative;
      letter-spacing: 4px;
      padding: 80px 0 0 0;
      background: var(--linear-gradient-more);
      margin-top: -50px;
    }

#show-more-btn a {
 	color:#02aad8;
 	font-size: 10px;
	font-weight: bold;
	display: block;
  width: 100%;
  padding:10px

 }

.mx-auto {margin: auto;}



.modal-content-portfolio  .alert-container{height:50px}
.modal-content-portfolio  .error {color:red}

.error {color:red}
.valid {color:#8bc34a}



.uploaded img{border-radius:30px;width: 150px;
    height: 150px;
    object-fit: cover;
}

/* Add Animation */
@keyframes animateFade {
    from { opacity: 0}
    to {opacity: 1}
}

/* The Close Button */
.modal-content-portfolio .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
	  right: 10px;
	  top: 0;
}

.modal-content-portfolio .close:hover,
.modal-content-portfolio .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


body:not(.title-tagline-hidden) .site-branding-text {
    display: inline-block;
    vertical-align: middle;
}

.more-site-infos {
    z-index: 3;
    position: absolute;
    bottom: 0px;
    right: 30px;
    font-size: x-small;
    color: white;
    opacity:0.5,

}

#footer-sidebar {
display:block;
margin:auto
}

#footer-sidebar .no-footer {display: none;}

 #footer-sidebar1 {
/*    float: left;
    width: 32%;*/
    max-height: 200px;
    border-left: 1px solid #F3F3F3;
    padding-left: 5%;
    padding-right: 5%;
}

#footer #job_news-2 span {font-size:10px}

#footer-sidebar2 {

    border-right: 1px solid #F3F3F3;

}

#footer-sidebar1 {margin: auto;
    position: relative;
    top: -28px;
    text-align: center;}

#footer .logo-text img {width:200px;position: absolute;max-height: none!important; z-index:-1;opacity:0.5}
#footer .website-title { margin: auto;}

#footer-sidebar2 .widget ul li a:hover {
    color:#02aad8;
}

#footer-sidebar3 {
    padding-left: 2%;
    padding-right: 2%;

}

.widget {
     padding-bottom: 0em; }

.site-info a:focus, .site-info a:hover{box-shadow:none;-webkit-box-shadow:none;color:white}
.widget ul li a:focus, .widget ul li a:hover{box-shadow:none;-webkit-box-shadow:none}

/*** PROFILER ****/

div.infos-container {display: inline-flex;width: 100%; margin: 20px 0px 0px 20px;}


#job-post .item.desactiv8 { background: var(--bg-color-opacity2);}
#job-post .item.desactiv8 .entry-title a {text-decoration-line: line-through;}

.upost {
   /* border: 1px solid #f9f9f9;*/
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
  	background: var(--bg-color-opacity);
}


.job-item .infos {
		margin: auto;
    max-width: 300px;
    font-size: small;
    color: #b9b9b9;
    text-align:center;
    background: var(--bg-color-opacity);
    border-radius:10px;
    border: 1px solid #F3F3F3;
    padding: 10px;
    z-index: 1;

    }


.content-area-private input[type="button"] {

      padding: 8px;

  }

.profile .infos {

  margin: auto;
  font-size: small;
  color: #7c7c7c;
  text-align:center;
  background: var(--bg-color-opacity2);
  border-radius: 10px;
  border: 1px solid var(--bg-color);
  padding: 10px;
  display: grid;


}

quote { color: #03A9F4; font-weight: 800;font-size: 20px;}

#secondary .infos {
  margin: auto;
  font-size: small;
  color: var(--primary-color);
  text-align: center;
  background: var(--bg-color);
  border-radius: 10px;
  padding: 10px;
  text-align: justify;
}

.infos-container .column-2 {width:24%}


.maxw {max-width: 680px;margin: auto;}

.user-list .user-row {display:-webkit-inline-box;}
.user-infos {vertical-align:middle; padding: 20px;}

.professions-list {height:500px;border:solid 0px orange;overflow:scroll;overflow-x:hidden;overflow-y:scroll; font-size: initial; padding: 10px; border: 1px solid rgba(0,0,0,0.2);}



h5.normal {font-size:20px!important;opacity:1!important;text-align:center!important;font-style: italic!important;text-decoration-line: unset!important;padding-top: 0!important;}

.author-profile-card {
		border-radius: 30px;
    padding: 25px;
    position:relative;
    background: var(--bg-color-opacity);
}

.author-profile-card i.fa-star {font-size: 12px;}
.author-profile-card i.fa-map-marker, .author-profile-card .more-infos .city-name  {color:#fdcd0b;text-transform: capitalize;}
.author-profile-card .available {color:mediumseagreen}

.author-profile-card h5 {

    padding-top: 30px;
    text-align: -webkit-center;
    text-align: left;
   	font-size:  calc(70px + (22 - 10) * ((100vw - 320px) / (1600 - 320)));
    color: rgb(169 169 169 / 41%);
    letter-spacing: 0.1px;
    font-weight: 800;
    margin-bottom: 0px;
    text-decoration-line: overline;
    text-align: center;
}

.author-profile-card label h5 {

  font-size: 25px;
  text-transform: capitalize;
  color: #5aa4b8;
  opacity: 1;

}

.author-profile-card h4 {padding:0px}
.author-profile-card .name h1 {text-transform:capitalize; padding:0; text-align:center; margin:0 0 8px 0;font-size: 30px;color: #02aadd;font-weight: bold;font-style: italic;max-width:none;cursor:default;margin-top: 10px;}
.author-profile-card h2 {font-size: x-large;text-transform: uppercase; margin: 0;font-weight: 300;font-style:normal;text-align: center; margin:0 0 8px 0}
.author-profile-card .more-infos h3, .author-profile-card .infos h3 {font-size: xx-large;color: #ccc}
.author-profile-card .fa-star { vertical-align: top; margin-top: 10px;color:#767676!important}
.author-profile-card .fa {color:#dedede}
.author-profile-card .fa-link {color: #03A9F4;}
.author-profile-card .website a {color: #02aad8;text-transform: lowercase;}

.author-profile-card.client img {
      border-radius:20px
    }

.fa-calendar-check {color:mediumseagreen;}
.fa-linkedin {color:#0077b5}
.siret-infos .fa-check-circle, .siret-infos span {color:#E91E63;}

.portage {
    color: #cbcbcb;
    text-transform: uppercase;
    font-size: 10px;
  }

.capitalize {text-transform : capitalize;}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    background: #ccc;
}

.hrwidth {max-width: 60%;}
.profile-description h2 {text-align:justify}

.author-profile-card .no-content {text-transform: initial;}

.author-profile-card .author-photo img {min-width: 150px; max-height: 150px;} {text-transform: initial;}

.author-photo  {text-align: center;}

.entry-content a img, .author-photo img {border-radius: 20px; background: white; box-shadow: var(--box-shadow); position: relative; }

.grid-masonry .skillz-users-front {margin-bottom: 10px;}
.freelance-img a img {width: 120px; height: 120px;object-fit: cover;}

.content-area .freelance-img a img {width: 150px; height: 150px;}


#secondary .author-photo img {border-radius: 100px;}

.comment-btn-message:hover {
    color: white!important;
    background: var(--button-blue)!important;}

.destination-user-mail .author-photo img {box-shadow:none;
     -webkit-box-shadow: none}

.author-blur {margin-left:auto;margin-right:auto;}
.author-blur h5{
	padding: 20px;
	background: var(--bg-color-opacity);
  border-radius: 10px;
  color: var(--font-color);
  }

.author-box .fa{
	font-size: x-small;
    vertical-align: middle;
  }

.author-box a {
    box-shadow: none;
    font-size: large;
}

.author-box.blur img{border-radius:100px}

.show-more {text-align: center;margin-top:10px}

.posted-on , .byline { font-size: x-small;cursor: default;}


@media screen and (max-width:900px) {

.grid-item {
  width:120px;
  height: 120px;
  padding:3px;
  margin-bottom:6px

}

.grid-item img {
 min-height:120px
}

form#register {
    overflow-y: auto;
}


}



.entry-content a {box-shadow:none}
.entry-content a:hover {box-shadow:none;}
.entry-content a:visited {box-shadow:none}
.entry-content a:focus{box-shadow:none;}



.comment-author h5{padding:0px}

li {list-style-type: none}

/* *** ISOTOPE FILTER sectionS *** */


.jobcat.iso-filters {

	text-align:center;
	width: 100%;
	padding: 20px;
	border-top: 1px solid #eeeeee;
	}

.jobcat li a:hover, .jobcat li a:focus, .jobcat li a:active, .jobcat li a.current {color:#6bc4db}

.iso-filters li {
		display: -webkit-inline-box;
    padding-right:50px;
    list-style-type: none;
 		text-transform: uppercase
    }


.iso-filters .selected {color:#fecf0f}


.pro-search.column-2 {
    width: 50%;
}

.searchform-pro .submit:hover, .searchform-pro .submit:focus{
    background: none;
}

#job-post .item {
border-top: 1px solid #eeeeee;
width: 100%;
padding-left: 20px;
min-height: 200px;

}

#job-post .item, #list .item {
position: relative;
z-index: 1;
margin: auto;
}


#job-post .item:hover, #list .item:hover{
box-shadow: var(--box-shadow);
border-top: 1px solid #02aad8;
z-index: 2;
}

#job-post .item:hover #title a {
color: #02aad8!important;

}

#job-post .item:hover .see-btn .custom-button {
background: #02aad8!important;
color: white;

}

#job-post .item:hover .nice-tag .entry-footer a {
background: #02aad8!important;

}

#job-post .item:hover .nice-tag .cat-links a {
background: none!important;
 /*   border: 1px solid #13beaa;*/
    color: darkgrey;
}

#job-post .cat-links a {
background: none!important;
    color: darkgrey;
}

.entry-footer {    border-bottom: 1px solid var(--bg-color-opacity2);
    border-top: 1px solid var(--bg-color-opacity2);
    margin-top: 2em;
    padding: 2em 0;
  }

tr {border-bottom: 1px solid var(--bg-color-opacity2)}

/*Single job */
.nice-tag.entry-footer {

    display: table;
    width: 100%;
}

.nice-tag.single-job a {background: #02aad8!important; margin-bottom: 5px;}

h5.no-replies {text-align:-moz-center;text-align:center}

#job-post .item , #list .item, #job-post .item #title a , #job-post .item .nice-tag .entry-footer a , #job-post .item .see-btn .custom-button {

						-webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;

            }

#job-post .item .nice-tag .entry-footer a {margin-bottom:2px;line-height: 1.2em;}
#job-post .item  .post-excerpt { margin-bottom: 10px;}

.entry-title a{
font-size:  calc(14px + (22 - 14) * ((100vw - 320px) / (1600 - 320)));
font-weight: 200;
box-shadow:none;
-webkit-box-shadow:none
}

.entry-header .entry-title {
    margin-bottom: 0;
}

.entry-title a:hover {-webkit-box-shadow:none}

.cat-tags-links h2 {margin:0}

.profile .form-submit {margin: 20px 0px 0px 20px;}


.job-item .fa-star {
  font-size:15px;
  color: #9E9E9E;
  top: -3px;
  position: relative;
}


 button.new-post {
	display:none;
	cursor:auto;
	font-size:12px;
	background-color: orangered;
	padding: 3px 2px 2px 2px;
	border-radius:3px;
	font-weight: 80;}

button.live_edit {right: 0;position: absolute;}

/* *** ISOTOPE FILTER sectionS *** */

.post-thumb {max-width:80px;    margin-right: 30px;}
.post-content {display: -webkit-inline-box;    margin-top: 30px;}
.post-content  h3 {margin-right: 30px;}

h3 {padding:0.4em 0 0}

.signup-button {background: rgba(0,0,0,0.2);padding: 10px; border-radius:5px; color:white;transition: all .2s ease-in-out;}
.signup-button:hover {
		background: #fecf0f;
    border-radius: 5px;
    color: white;
}

/* #Comments is private response box */

#Comments {min-height: 100vh;}

#Comments h2 {}

.infos-container h3 {font-size: medium;}
.infos-container h4 {font-size: small;}

.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors

a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.job-item .entry-content a:hover {color: var(--bg-color);}

.tags-links a { font-weight: 300; display: -webkit-inline-box;}
.cat-links a { font-weight: 300;}


.entry-footer .cat-links .icon, .entry-footer .tags-links .icon {
    color: #767676;
    margin-right: 0.5em;
    position: relative;
    top: 0;

}

.entry-footer .cat-links, .entry-footer .tags-links {
    display: block;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.1em;
    padding-left: 0;
    position: relative;
    text-transform: uppercase;
}

.entry-footer .cat-links + .tags-links {
    margin-top: 6px;
}


a .nav-title {  -webkit-box-shadow: none;
    box-shadow: none;}


#secondary.mailing {
    float: right;
    width: 25%!important;
    position: relative;
    top: 12px;
}


.content-area-single.private-message {margin-top:0px}

.more-infos.profil i {display: block!important}

#testimonials .grid-item-masonry {padding:10px}


/* CONTACT PAGE */

#contactDiv {
position: fixed;
width: 100%;
display: block;
z-index: 8;
top: 0px;
left: 0px;
height: 100%;
overflow: hidden;
/*backdrop-filter: blur(8px);*/

}

#contactDiv label {
color: var(--primary-color);
font-weight: normal!important
}

#contactDiv fieldset:hover label {
color:#02aad8;
}

#contactDiv #contact-wrap {
position: relative;
width: 500px;
margin-left: auto;
margin-right: auto;
margin-top: 10%;
}

#contactDiv #form_container {
      margin: auto;
      background: var(--bg-color);
      padding: 30px;
      border-radius: 10px;
      width: 100%;
}

.contact-subject {color: var(--font-color);}

#contact div.infos-container {
    margin: 20px 0 20px 0;
}

.fa-redo {font-size: initial;}



#contactDiv .contact-title {
		font-size: 14px;
    color: grey;
    text-transform: uppercase;
    padding: 0;
    margin: 0;

    }

#contactDiv .title-wrap {
    margin: auto;
    }

    #contactDiv .close {
        position: absolute;
        cursor: default;
        color: #aaa;
        font-size: 28px;
        font-weight: bold;
        right: 3px;
        cursor:pointer

    }

#contactDiv .form-group {width: 100%;}


form#contact {
  margin: auto;
  }

form#contact .submit-button {
    background: #02aad8!important;
    color: white;
    text-transform: uppercase;
    width: 100%;
}

form#contact .submit-button .fa {
  font-size: 15px;
	padding: 0px;
	margin: 0;

    }

#contact-wrap #success_message_contact p  {
    margin: auto;
    font-size: 20px;
    color: grey;
    font-weight: 200;
    }

#success_message_contact
{ margin-top: 50%;}


#contact a.close {

position: absolute;
right: 0;
top: 0;

}

img#captcha_contact {
		width: 150px;
    height: 40px;
    }


/*END of Contact style*/




@keyframes fade-in-right {
  from {
    opacity: 0;
    transform: translateX(-15px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fade-in-left {
  from {
    opacity: 0;
    transform: translateX(15px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes grow-left {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

.anim-1, .anim-3 {
  position: relative;
  opacity: 0;
  animation: fade-in-left ease 0.4s forwards;

}

.anim-2 {
  transform: scaleX(0);
  transform-origin: left;
  animation: grow-left cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s forwards;
  animation-delay: 0.4s;
}

.anim-3 {
  animation-delay: 0.8s;
}

@media screen and (min-width: 48em) {


.navigation-top-user #menu-top-right li a {
    color: #cbcbcb;
}


/*
#menu-top-right li a {margin:0;padding:6px}
*/

.navigation-top-user li a.premium-btn {margin-right:12px}

.has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding {
    top: 40px;
}

.account-section-header {
    width: 270px;
    position: absolute;
    padding-right: 10px;
    z-index: 2;
}

.nav-links .nav-title {
    font-size: x-large;
    font-weight: 100;

}



.account-section {
    margin-bottom: 5px;
    padding: 10px;
    position: relative;
}

.account-section-content {
    margin-top: 15px;
    padding-left: 270px;
}
.account-section-content {
    position: relative;
}
.responsive-account-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.social-navigation + .site-info {

    margin-left: auto;
    margin-right: auto;
    width: 100%;


}}

@media screen and (max-width: 48em) {
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {

    height: 100vh;

}}


.site-branding a:hover, .site-branding a:focus {
    opacity: 1;
}


@media screen and (min-width: 30em){
.site-branding {
    padding: 2em 0 0 0;

}
}

@media screen and (min-width:900px){

#primary {
    float: left;
    width: 65%!important;
    margin-top: 35px;
}

#secondary {
    float: right;
    width: 30%!important;
    position: relative;
		padding: 17px 0px 30px 30px;

}


#single-job #secondary {
    position: relative;
    float: right;
    width: 30%!important;
    margin-top: 40px;
    border-left: 1px solid #D9D9D9;
		padding: 30px 0px 30px 30px;

}

#single-job #secondary.premium {
    position: relative;
    float: right;
    width: 30% !important;
    margin-top: 40px;
    border-left: 1px solid #D9D9D9;
    padding: 30px 0px 30px 30px;
    padding-top: 30px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}


#secondary section {background: rgba(255,255,255,0.5); padding:10px;  border-radius: 30px;     text-align: -webkit-center; text-align:center}

body, button, input, select, textarea {
    font-size: 15px;
    background-color: transparent;
}

button a.subscribe-btn  {color:white}

} /* **** END min width 900px *** */


@media screen and (min-width:769px){



.site-content{padding-top:2em}


.logo {
      position: relative;
      width: 400px;
      padding-left: 40px;
      z-index: 4;
}

.js body:not(.home) .main-navigation > div > ul {
    /* display: block; */
    position: relative;
    margin-right:360px;
    left: 360px;
    width: 100%;

}


.site-navigation-fixed #top-menu, .site-navigation-fixed #main {
    /* display: block; */
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
        left: 50px;
}

.site-navigation-fixed .fa-arrow-circle-down {display:none}

.navigation-top nav {
    margin-top: -60px;
}

.site-navigation-fixed.navigation-top nav {
    margin-top: 0;}


.site-navigation-fixed  #menu-top-right {
        position: absolute;
        margin-left: auto;
        right: 0;
      }

.comment-author    { margin-bottom: 0;}

.comment-author .avatar {
    height: 100px;
    left: -112px;
    position: absolute;
    width: 100px;
    border-width: 1px;
    border-style: double;
    border-color: rgba(33, 33, 33, 0.38);
    border-image: initial;
    padding: 0px;
    border-radius: 100px;
}

    } /* **** END min width 769px *** */


@media screen and (max-width:1070px) {

#menu-3 {display:none}


}




@media screen and (min-width:600px and max-width:899px){

#primary {
    float: left;
    width: 75%;
}


#secondary {
    float: right;
    padding-top: 0;
    width: 25%;
}

body, button, input, select, textarea {

    font-size: 1.125vw;
}

}

.user-form {
    max-height: 55px;}


.entry-footer { padding: 0em;}


/* *** BLUR CLASS *** */


.blur-content {
  color: transparent;
  text-shadow: 0px 0px 10px rgb(0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.timeline {margin-bottom:12px;color:#656565}
.timeline p {text-align: center}

.see-btn .custom-button {

  position: relative;
  white-space: nowrap;
  padding:10px 12px 10px 12px;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  background: var(--button-blue);
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  color: var(--bg-color);
  text-decoration: none;
  transition: 1s;

}


.mailing label {color: var(--button-blue);}
.mailing .label {color: var(--primary-color);}
.content-light-bg.mailing, .profile .content-light-bg {min-height:100vh}

.zerocom {color:#5aa4b8}

.tag-branding {position:relative; z-index: 200; height:auto;padding: 10px;}
.custom-header-title {text-transform:uppercase}
.align-center{text-align:center;text-align:webkit-center}

.freelance-container-listing {text-align:center;text-align: -moz-center;}

.user-tags.match {background: #fecf0f!important;}

.nice-tag .user-tags {
      color: white;
      background: #cccccc;
      padding: 8px;
      border-radius: 5px;
      font-weight: 400;
      font-size: 13px;
      text-transform: uppercase;

    }


.freelance-infos .nice-tag .user-tags {
		color: white;
    background: #cccccc;
    border-radius: 5px;
    font-weight:400;
		font-size: calc(10px + 10 * ((80vw - 320px) / 1440));
		padding: 5px 10px 2px 10px;

    }


    .freelance-container-listing:hover .freelance-img a img, .freelance-container-listing:focus .freelance-img a img {

        -webkit-box-shadow: 0px 0px 4px 2px #fecf0f;
        box-shadow: 0px 0px 4px 2px #fecf0f;
        border: none;

    }

    .freelance-container-listing li a  {
    		text-transform: capitalize;
      }

    .freelance-container-listing:hover li a, .freelance-container-listing:focus li a {

        color: #02aad8;

    }


    .freelance-container-listing .fa {color:lightgrey}

    .professions h3 {

      color: darkgrey;
      text-transform: uppercase;

    }

    .freelance-container-listing:hover .professions li {color: var(--font-color);opacity:0.8}

.job-item .nice-tag {  margin-bottom: 20px;}

.job-item .see-btn { margin-bottom: 10px;}

.nice-tag  {border:none;cursor: default;display: inline-block;}

.nice-tag.match {position:relative;margin: 30px 0}


#match {margin: auto;}
#match {text-align: center;}
#match a button {background: #03a9f4;border-radius:10px;margin:auto}
#match a button:hover, #match a button:focus {background: #fecf0f;}


.common-Button {
  white-space: nowrap;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 14px;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  background: #fff;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  color: #02aad8;
  text-decoration: none;
  transition: all 0.02s ease-in;

}

.common-Button:hover {
  color: #2feefb;
  transform: translateY(-1px);
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}

.common-Button:active {
  color: #2feefb;
  background-color: #f6f9fc;
  transform: translateY(1px);
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.common-Button--default:hover {
  color: #fff;
  background-color: #02aad8;
  -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.common-Button--default:active {
  color: #e6ebf1;
  background-color: #2feefb;
}

.comment-meta {font-size: smaller;}

.nice-tag {display:block; padding-bottom: 10px;}

.author-profile-card .nice-tag {padding-bottom:0}

.nice-tag a {

    background: #cccccc;
    padding: 5px;
    border-radius: 5px;
    box-shadow: none;
    -webkit-box-shadow: none;

}



.nice-tag .author-link a {
    color: #02aad8;
    padding: 5px;
    border-radius: 5px;
    font-size:20px;
     box-shadow: none;
    -webkit-box-shadow: none;
}



input[type="button"], input[type="submit"] {

  white-space: nowrap;
  display: inline-block;
  height: 45px;
  line-height: 24px;
  padding: 0 14px;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  background: #fff;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  background: darkgrey;
  color: white;
  text-decoration: none;
  transition: all 0.1s ease-in;

}

button#save[type="submit"] {

  white-space: nowrap;
  display: inline-block;
  height: 40px;
  line-height: 24px;
  padding: 0 14px;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  background: #fff;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  color: #02aad8;
  text-decoration: none;
 transition: all 0.1s ease-in;

}


.profile input[type="submit"]{
      color: white;
      background: var(--button-blue);
      min-width: 100%;
      }

.profile input[type="submit"]:hover, .site-main.profile input[type="submit"]:focus, .site-main.profile input[type="submit"]:active {color:white; background: #fecf0c;}

.profile .form-password {
    margin: 0;
    padding: 0;
}

input[type="submit"]:hover {
    background: #02aad8;
    color:white;
    -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
	  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
}


input[type="button"]:focus,input[type="button"]:hover {
    background: #fecf0c;
    color: white;}

.submit {

  white-space: nowrap;
  display: inline-block;
  height: 40px;
  line-height: 24px;
  padding: 0 14px;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  background: #fff;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  color: #02aad8;
  text-decoration: none;
  transition: all 0.1s ease-in;


}

button.submit:hover {

color:white


}

.submit.profession:hover {
color:white;
background:#02aad8;
}


.submit :hover {
    color: white;
    background: #00ca8d !important;
    transform: translateY(-1px);
    box-shadow: 0 0px 0px rgba(50, 50, 93, 0.1), 0 0px 0px rgba(0, 0, 0, 0.08);
}

.visitor {padding-bottom:20px}

#password-reset fieldset{border-radius:20px;border-bottom:none}

.freelance-container {

	display: -webkit-inline-box;
	border-top: 1px solid #eeeeee;
	height:auto;
	padding: 25px 25px 25px 25px;
	width: 100%;
/*	background: rgba(255,255,255,0.7); */


}

.freelance-infos {width:78%;cursor: default;}

.freelance-img.column-1 {width:18%}
.freelance-infos.column-2 {width:80%; padding-left: 5px;}

.freelance-img img {border-radius:30px;box-shadow: 0px 5px 20px #b9b9b9;  -webkit-box-shadow: 0px 5px 20px #b9b9b9;}


.freelance-container:hover .user-tags {
            background-color: #fecf0f;
	          -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
            transition-timing-function: linear;
}
.freelance-container:hover .freelance-infos p {

          color: var(--font-color);
          -webkit-transition: all 0.4s ease-in-out;
          -moz-transition: all 0.4s ease-in-out;
          -o-transition: all 0.4s ease-in-out;
          -ms-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out;
          transition-timing-function: linear;

}

.freelance-infos p {text-align: justify; margin-top: 5px;color: grey;}
.display-none {display:none}
.display {display:block}

.profession {display: -webkit-inline-box;}
.professions li {font-weight: 400;}
.form-profession {margin:auto}


.entry-footer a, .entry-footer .cat-links a, .tags-links a {
-webkit-box-shadow: none;
shadow-box:none }



/* *** FOR REGEX IMPORTANT *** */
.clink i {  color: #73abd9;}
.clink i:hover {
    cursor: default;
    color: #73abd9;}
/* *** 	***************  *** */

.mail .post-title a {box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 0)!important;}

.mail .post-title h3{ color: #02aad8; font-weight: 500;}
.mail .post-title h3 i { font-weight: 400; color: grey;}
.mail .post-title h5{ font-size:xx-small;color: #da805d;}

.mail .post-header {

            border-bottom: 1px solid #acacac;
	          -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
            transition-timing-function: linear;
    }

.mail .post-wrapper {
	  padding: 20px;
	  display: inline-flex;
    width: 100%;
    margin: 0;

    }

.mail .post-wrapper .infos {
	  margin: auto;
    font-size: small;
    text-align:center;


    }

.mail div.infos-container {width: 20%;    display: inherit;}

.mail .post-header:hover {
    -webkit-box-shadow: 0px 4px 2px #02aad8;
    box-shadow: 0px 0px 4px 2px #02aad8;
   }


.mail .column-1 {width:30%}
.mail .column-2 {width:40%}
.mail .column-3 {width:20%}
.mail .column-4 {width:10%}

.new-message-warning {
  position: absolute;
  right: 6px;
  top: 7px;
  background: orangered;
  width: 8px;
  height: 8px;
  border: 1px solid white;
  border-radius: 100px;
  }

.mail .post-action input + input[type="submit"] {

    font-size: small;

}

.private-message .entry-meta {padding:0}


.pagination {
    border-top: none;
    text-align:center;

}


.single-featured-image-header {
    background-color: transparent;
    border-bottom: none;
    max-height: 360px;
    text-align: -webkit-center;
}


.single-featured-image-header h1 {

position: absolute;
text-align: -webkit-center;
text-align: center;
background-color: rgba(34, 34, 34, 0.74);
margin: auto;
width: 100%;
padding: 100px;
}

.private-message .destination-user-mail .entry-meta {
    margin-bottom: 0px;

}

.private-message {
	background: rgba(255, 255, 255, 0.9);
    border-radius: 20px;
      border-radius: 0px 0px 20px 20px;
}

.private-message .destination-user-mail .author-box {margin-top:0;}
.private-message .destination-user-mail .author-photo {
    margin: auto;
    max-width: 100px;}

.private-message .infos-container  {margin:0}

.col-80  {width:80%}
.col-70  {width:70%}
.col-60  {width:60%}
.col-50  {width:50%}
.col-40  {width:40%}
.col-33  {width:33.33333%}
.col-30  {width:30%}
.col-25  {width:25%}
.col-20  {width:20%}
.col-15  {width:15%}
.col-10  {width:10%}


.private-message .infos-container .infos.back-btn {

    position: absolute;
    top: -30px;
    background: transparent;
    font-size:14px;
    color: #282828;

}

.private-message .infos-container .infos.back-btn a:hover{

    color: #323232;

}




.activ8 {

background: #b9b9b9!important;
    color: white!important;

}



.published-btn {
	background: #b9b9b9!important;
    color: white!important;
    white-space: nowrap;
    display: inline-block;
    height: 40px;
    line-height: 24px;
    padding: 0 14px;
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
    background: #fff;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
        text-decoration: none;
    transition: all 0.1s ease-in;
        cursor: default;

    }


.published-btn:hover { background: #b9b9b9!important;
    color: white!important;cursor:default}

.title-inside {
top: -122px;
position: absolute;
color: white;
}

.title-inside-single {
top: 55px;
position: absolute;
color: white;
left: 0;
}


.title-inside h3 {
	color: #5e9fce;
    background: rgba(255,255,255,0.4);
    padding: 30px;
}

.title-inside-single h3 {
	color: #5e9fce;
    background: rgba(255,255,255,0.4);
    padding: 30px;
}


.mail .comment-form {
	width: 60%;
	 margin: auto;}

.mail .comment-reply-title {
    text-align: center;
  text-align: -webkit-center;
}

.mail .form-submit {
    text-align: center;
  text-align: -webkit-center;
}

.mail .reply-abs {
    position: absolute;
    left: 40vw;
    margin-top: -2%;}


.avatar-mail img{

    position: relative;
    border: 1px double rgba(33,33,33,0.38);
    padding: 0px;
    border-radius: 100px;

}


.post-description .job-offer {
    margin-top: 0px;
    box-shadow: var(--box-shadow);
    padding: 15px;
}

.post-description .job-offer h3 {padding:0;margin:0;cursor: pointer; font-weight: 500;}

body.has-header-image .site-title a, body.has-header-video .site-title a {
    color: #02aad8;
    font-weight: 400;
    color: #eeeeee;
    font-weight: 700;
    letter-spacing: -1px;
}


.cell-type {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
position: relative;
-ms-flex: auto;
flex: auto;
min-width: 100%;
min-height: 180px;
padding: 0 40px;
text-align:-webkit-center;

}


.nice-tag .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover {

-webkit-box-shadow: none;
box-shadow: none;
color:white


}


.menu-mcvg-container {margin-bottom: 0.6em;text-align: left;}

footer .menu li {
    padding: 0.7em 0;

}

.widget ul li, .widget ol li {
    border-bottom: none;
    border-top: none;
    padding: 0.7em 0;

}


.widget ul li a {
-webkit-box-shadow:none;
box-shadow:none
}

.div404 h3 {
margin-top:20vh;
text-align:-webkit-center;
text-align:center
}
.div404 {min-height: 55vh;}
.div404 .logo-text p {text-align:center; margin: 0;}
.auth { text-align: center;}

.auth h3 {
text-align:-webkit-center;
text-align:center
}

.auth .submit_button {
    font-size: 13px;
	  background-color: #02aad8;
    border-radius: 3px;
    padding: 9px 31px 9px 31px;
    margin: auto;
}

.auth .submit_button a{

    color: #FFF;
	text-transform: uppercase;
}

.auth-button {text-align: center;}
.auth-button .submit_button {
    font-size: 13px;
    background-color: #02aad8;
    border-radius: 3px;
    padding: 9px 31px 9px 31px;
    margin: auto;
    text-transform: uppercase;
        }

.auth-button h5 {
margin-top:30px;
text-align:-webkit-center;
text-align:center
}
.auth-button .submit_button a {
    color: #FFF;
    text-transform: uppercase;
}

.auth-side { text-align: -webkit-center; text-align: center;top:20vh;position:relative}

.auth-side .submit_button {
    font-size: 13px;
    background-color: #02aad8;
    border-radius: 3px;
    padding: 9px 31px 9px 31px;
    margin: auto;
    width: 100%;
    text-transform: uppercase
}

.auth-side .submit_button a {
    color:white;
}

.site-main .auth-side {margin-top:15%}

.social-navigation + .site-info {
    margin-top: 50px;

}

.mobile {
    display: none!important;
}

.visitor {text-align:center;text-align:-webkit-center;text-align:-moz-center}

.footer-line {

    position: relative;
    background: var(--bg-color-opacity);
    margin-bottom: -10px;
    z-index: 1;

  }

.footer-line svg {fill:var(--bg-color);}

#MCVG {
  text-align: left;
}

#footer .site-title {color:#02aad8}
#footer #text-3 p {color:#fecf0f;margin:0}
#footer .logo-text { margin-bottom: 15px;}

.site-footer {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
    cursor: default;
    margin-top: 0;
    padding: 20px 0 25px 0;
    background: var(--bg-color);
    width: 100%;
    position: relative;
    border-top: transparent;
    margin-bottom: 30px;
}

.site-footer h3  {  font-style: italic;}

#footer .wrap {max-width:1240px;padding-top:4em}

.site-footer .wrap {
    padding-bottom: 1em;
    padding-top: 1em;
}



.site-footer .custom-logo-link img {
    width: 50px
    }

.site-footer.site-info {padding: 0; margin-bottom:0em;background:#333;text-align: center;}
.site-footer.site-info a {

		color: white;
    font-weight: 500;
		box-shadow: none;
    font-size: small;
    font-style: oblique;
    text-transform: uppercase;

    }


.wide {width:100%;text-align: center;}


#ASettings,#AInfos {display:none}

.lds-hourglass {
    background: none;
    display: none;
    position: inherit;
    border-radius: 20px;
    z-index: 9999;
}

.lds-hourglass:after {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 6px;
  box-sizing: border-box;
	border: 12px solid #878787;
  border-color: #02aad8 transparent #fecf0f transparent;
  animation: lds-hourglass 1.2s infinite;
}

.lds-hourglass.profil {
    background: none;
    display: none;
    position: relative;
    width: 64px;
    top: 0;
    border-radius: 20px;
    bottom: 0;
    left: 0%;
    height: 64px;
    margin: auto;
    z-index: 9999;
}

.lds-hourglass.profil:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 6px;
  box-sizing: border-box;
	border: 26px solid #878787;
  border-color: #02aad8 transparent #fecf0f transparent;
  animation: lds-hourglass 1.2s infinite;
}

.lds-hourglass-small {
    background: none;
    display: none;
    position: inherit;
    border-radius: 20px;
    z-index: 9999;
}

.lds-hourglass-small:after {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 6px;
  box-sizing: border-box;
	border: 12px solid #878787;
  border-color: #02aad8 transparent #fecf0f transparent;
  animation: lds-hourglass 1.2s infinite;
}

.lds-hourglass-small.profil {
    background: none;
    display: none;
    position: relative;
    width: 64px;
    top: 0;
    border-radius: 20px;
    bottom: 0;
    left: 0%;
    height: 64px;
    margin: auto;
    z-index: 9999;
}

.lds-hourglass-small.profil:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 6px;
  box-sizing: border-box;
  border-color: #02aad8 transparent #fecf0f transparent;
  animation: lds-hourglass 1.2s infinite;
}



@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}



/*////// RESP //////*/


.stripes .s4 {
    top: 350px;
    left: 0;
    width: 100%;
    background: linear-gradient(90deg, rgba(255,255,255,0.11), #02aad8);
}


.stripes .s5 {
    top: 550px;
    right: 0;
    width: 100%;
    background: linear-gradient(90deg, rgba(255,255,255,0.11),#fecf0f);
}


/* override cookie plugin */

.cli-plugin-button, .cli-plugin-button:visited, .medium.cli-plugin-button, .medium.cli-plugin-button:visited {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    border-radius: 5px;
}



@media screen and (max-width:1200px) {

.front-cities .grid-item-masonry {
      width: 20%;
      height: auto;

    }

.grid-item-masonry.portfolio {

width: 19%;
margin: 1px;

}

.grid-item-masonry .portfolio-item img{

min-height: 180px;

}


}

@media screen and (max-width:900px) {


.grid-item-masonry {
width: 33%;
}

.grid-item-masonry.portfolio {

width: 24%;
margin: 3px;

}

.grid-item-masonry .portfolio-item img{

min-height: 160px;

}

.grid-item-masonry.cities {

display: block;
float: left;
width: 33%;
height: 50px;

}

.no-large-device {display: none !important;}

}


@media screen and (max-width:769px) {

  .logonav img {
  display:none
  }

.site-title {font-size: 20px;}
.navigation-top.dark #menu-top-right {
      color: #cbcbcb;
      font-weight: 200;
      top: 82px;
      right: 32px;
      position: absolute;
      z-index: 8;
      display: inline-flex;
}

.navigation-top-user #menu-top-right {top:0px;padding:0}

.menu-top-menu-container {display:none}

.navigation-top-user #menu-top-right {display: inline-flex;}

.site-branding {padding: 0;}

#menu-top-right li {
    padding: 5px;
}

.site-navigation-fixed.navigation-top.dark {
    display: none;
}

.minified {display:none}

.new-message-warning {
    right: 2px;
    top: 3px;
  }

  .site-navigation-fixed .custom-logo-link img {
    display: inline-block;
    max-height: 60px;
    width: 100%;
    padding: 10px;
    margin: 0px;
}

.site-navigation-fixed #menu-top-right {display:none!important;position:relative!important}

.user-form-front [type="submit"] {display:none}

.site-title .logo-text p span{
    font-size: 32px;}


  #contact-wrap {
  width: 80%;
  }

.logo {    padding: 30px;}


.freelance-infos {width:100%;}


  .front-cities .grid-item-masonry {
    width: 30%;
    height: auto;

  }

.grid-item-masonry .portfolio-item img {

min-height: 130px;

}

.freelance-container .nice-tag li {
    margin-right: 0;
}

.freelance-infos .nice-tag .user-tags {
    border-radius: 0;}

.site-navigation-fixed #site-navigation {
      z-index: 3;
      top: 10px;
      right: 100px;
      position: relative;
  }

.user-form-front {display: -webkit-inline-box;}

.has-header-image.twentyseventeen-front-page .site-branding {
vertical-align:top;
display: inline-block;
width: 100%;}

.custom-header {
min-height:0px;
}


#menu-toggle {display: -webkit-inline-box;}

.site-navigation-fixed.navigation-top.dark {
    height: 60px;
}

.main-navigation > div > ul {border-top: none}

.main-navigation a {padding: 0;}
#mailing-form h1 {font-size:25px}

.tab button {
    margin-right: 0;

    border-radius: 0;
    background: #f5f5f5;
}

.custom-header {
	min-height:0px;
    position: initial;

}

.navigation-top {
    position: absolute;
    top: 20px;
    width: 100%;}

.navigation-top-user {
    width: 100%;
}

#menu-toggle {
	display: -webkit-inline-box;
    position: absolute;
    width: 100%;
    background: white;
    top: 43px;
	padding: 5px;
}


.main-navigation li {border-bottom: none}

.custom-header {margin-bottom: 0px !important;}

.submit {font-size: 12px;}

.site-description {display:none}

.grid-item-masonry.portfolio {
    width: 24%;
    margin: 1px;
}
.no-mobile {display: none!important;}
.mobile {display:block!important}


#footer-sidebar1 {

    width: 100%;
        margin: 5px;
        padding:0
}

#footer-sidebar2 {

  	width: 100%;
  	    margin: 5px;
}

#footer-sidebar3 {

    width: 100%;
    max-width:100%;
        margin: 5px;
}

#contactDiv #contact-wrap {
    width: 100%;}


.author-profile-card h5 {font-size: calc(30px + (22 - 10) * ((100vw - 320px) / (1600 - 320)));}



#Comments.tabcontent .author-photo {
padding-right:10px
}


.modal-content-portfolio-edit {
    left: 0;
}

.site-footer .custom-logo-link img {
    width: auto;}

    #contactDiv #contact-wrap {
        margin-top: 0;
      }

    #contactDiv #form_container {
        height: 100vh;
      }

}/******** maxw769 end******/




@media screen and (max-width:580px){

  .page:not(.home) .custom-logo-link img {
      width:100%
  }


}
 /*RESP*/

@media screen and (max-width:420px){


.no-mobile{display:none}

.logo {
    padding: 10px;
}


#masthead .wrap {
    padding-left: 30px;}

#header-design {display:none}

form#login, form#register, form#forgot_password  {
width: 80%;
margin: auto;
margin-right: auto;
}



.site-navigation-fixed.navigation-top.dark {

    background: #333;
    height: 50px;

}

#profile .infos-container {display::block}

.profile-link {
    margin: 0;}

.site-main.profile input[type="submit"] {

        font-size: 7px;
        height: 20px;
        padding: 0 4px;
    }

.content-area-single {padding:0}

h5 {font-size: xx-small;}

.profile .user-title h3 {display: grid;}

.searchform-ads {

    padding: 0px!important;

    }



button {

    font-size: 10px;

    }

#searchform-pro {
display: ruby-text;
}

.searchform.searchform-ads input[type="text"] {

    padding: 0.8em;
    height: 10px;

}

.column-1 {width:90%}


.comment-author .avatar {
	   left: -92px;
    height: 80px;
    width: 80px;

}

.freelance-container .nice-tag {
    display: none;
}

.freelance-infos .nice-tag .user-tags {
    color: white;
    background: #cccccc;
    border-radius: 5px;
    font-size: calc(10px + 10 * ((100vw - 320px) / 1440));
    padding: 1px 10px 1px 10px;
}

div.infos-container {
		display: block;
    width: 100%;
    margin: 20px 0px 20px 0;

}

select {

    height: 2.2em;

    }

.entry-title {

    text-align: center;

}



#job-post .item .post-excerpt {

    width: auto;

}

.cat-tags-links {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.nice-tag .entry-footer a {
font-size: xx-small;
}

.custom-logo-link {width: 80px;}
.custom-header {height: 80px;}

.site-navigation-fixed #menu-toggle-frontpage-menu {
    display: none !important;
}

.site-navigation-fixed .custom-logo-link {
width: 50px;
padding: 5px;}

.comment-author-mail .avatar-mail img {display:none;}


div.comments {max-width: 250px;}


.freelance-directory-menu {
background: #6dc4da;
height: 80px;
padding-left: 20px;
padding: 28px;
}

.job-ads-menu {
background: #f9cb0f;
height: 80px;
padding-left:20px;
top: 10px;
padding: 28px;
}

.stripes {position:relative;}


 .has-header-image.twentyseventeen-front-page .site-branding {
vertical-align:top;
display: inline-block;}

.custom-header {
min-height:0px;
display: -webkit-inline-box;
display: -moz-box;
width: 100%;

}

.site-description {display:none}

#menu-toggle {display: -webkit-inline-box;}


.main-navigation > div > ul {
    border-top: none}

.main-navigation a {
    padding: 0;}

.searchform [type="submit"] {
    margin-left: 0px;

}


.site-branding .wrap {padding-left:2em;
padding-right:2em}


.wrap {

padding-left:0em;
padding-right:0em;

}


.content-post {margin-top: 50px;}

.comment-mail {
    max-width: 50%;
    text-align: justify;
    margin-left: 90px;
}


.main-navigation li {
    border-bottom: none;
    z-index: 999;}

.custom-header {margin-bottom: 0px !important;}
.submit { font-size: 12px;}

.iso-filters {

font-size:xx-small;
margin-bottom:0px

}

.iso-filters li {

    padding-right: 30px;
}


.grid {
    margin-left: 10%;
}

.grid-item {
  width:100px;
  height:100px;
  padding:1px;
	margin-bottom:2px
}

.grid-item img {
    border-radius: 10px;
    min-height: 100px;
}

.grid-item-masonry {height: auto;min-height: auto;}
.grid-item-masonry.portfolio {min-height:auto;width:49%}
.grid-item-masonry.front-cities {
    height: auto;
    min-height: auto;
}

.freelance-name .fa-star {display:none}

.scroll-top-wrapper {right: 0;}
.fa-caret-up::before {
    content: "\f0d8";
    font-size: 50px;

  }

#footer-sidebar1 {

    width: 100%;
        margin: 5px;
        padding:0
}

#footer-sidebar2 {

  	width: 100%;
  	    margin: 5px;
  	        margin-bottom:40px;
}

#footer-sidebar3 {

    width: 100%;
    max-width:100%;
        margin: 5px;
}

.site-info .custom-logo-link {

    width: 15px;
	padding-right: 0px;

	}

.site-info {margin-bottom:0em}

.mail.entry-content {padding:0;margin:0}

.mail .post-wrapper {
	padding:8px;
    display: block;}

.mail .post-title,  .mail div.infos-container, .mail .post-action  {width:100%;}

.mail .post-title {}

.mail .post-description {width:60%;}


.mail .post-description .job-offer {

    box-shadow: none;
    -webkit-box-shadow: none;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}


.mail .post-wrapper .infos.post-reply {
padding: 2px;font-size: small;
text-align: center;
position: relative;
width: 30%;
margin-right: 0;
margin-top: -50px;}
.mail .post-action .post-submit-btn {text-align:right}

.pm .fa-paper-plane {
	margin-left: 5px;
    font-size: 30px;

}

div.infos-container {display:inline-flex;}

.private-message .job-offer {
    width: 100%;

}

.private-message .comment.list {

    margin-left: 30%;

}

.comment-mail-right {

    margin-left: 0;

}


.grid-item-masonry {
width: 50%;

}

.content-post {
    margin-top: 40px;
}


.menu-top-menu-container {
    margin: auto;
    margin-left: 0;
    background: black;
}

.page-title .logo-text p, .page-title .logo-text p span {font-size:25px}

.grid-item-masonry.portfolio {

width: 49%;
margin: 1px;

}

.grid-item-masonry.cities {
width:100%
}


#contact-wrap {
width: 90%;
margin-top: 20px;
}


.navigation-top .wrap {margin:0}


.navigation-top nav {
    margin-left: 0;
}

/*.site-description {display:none}*/

/*.mobile-screen {display:block}*/

} /******** maxw420 end******/


@media screen and (max-width:320px){

  .site-title {
    display:none
  }


.row:before, .row:after {display: none !important;}

  .logo {
  padding: 15px;
  }

  .branding-content h1 {
  font-size: 18px;
  }

  .branding-content h2 {
    font-size: 12px;
}

  .front-search-box {
top: 22vh;
}

.site-branding .wrap {
    padding-left: 1em;
    padding-right: 1em;
}


.comment-author .avatar {
    height: 50px;
    left: -60px;
    width: 50px;
}

.wrap {

padding-left:1em;
padding-right:1em

}


.main-navigation > div > ul {

    padding:  0;
}


.menu-top-right-float {float:none}



div.comments {
    left: 50px;
    position: relative;
}


}


/* header mobile */

.header-mobile-menu {
  box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
  position: fixed;
  width: 100%;
  z-index: 5;
  right: 0;
}

.header-mobile-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  height: 100vh;
  background: #fff;
}

.header-mobile-menu li a {
  display: block;
  padding: 20px 20px;
  border-right: 1px solid #f4f4f4;
  text-decoration: none;
}

.header-mobile-menu li a:hover,
.header-mobile-menu .menu-btn:hover {
  background-color: #f4f4f4;
}

.header-mobile-menu .logo {
  display: block;
  float: left;
  font-size: 2em;
  padding: 10px 20px;
  text-decoration: none;
}

/* menu */

.header-mobile-menu .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

/* menu icon */

.header-mobile-menu .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 28px 20px;
  position: absolute;
  user-select: none;
  z-index: 5;
  background: transparent;
  right: 0;
}

.header-mobile-menu .menu-icon .navicon {
  background: white;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.header-mobile-menu .menu-icon .navicon:before,
.header-mobile-menu .menu-icon .navicon:after {
  background: white;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header-mobile-menu .menu-icon .navicon:before {
  top: 5px;
}

.header-mobile-menu .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.header-mobile-menu .menu-btn {
  display: none;
}

.header-mobile-menu .menu-btn:checked ~ .menu {
  max-height: 100%;
}

.header-mobile-menu .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header-mobile-menu .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
  background-color: #03A9F4;
}

.header-mobile-menu .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
  background-color: #03A9F4;
}

.header-mobile-menu .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header-mobile-menu .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

/* 48em = 768px */

@media (min-width: 48em) {
  .header-mobile-menu li {
    float: left;
  }
  .header-mobile-menu li a {
    padding: 20px 30px;
  }
  .header-mobile-menu .menu {
    clear: none;
    float: right;
    max-height: none;
  }
  .header-mobile-menu .menu-icon {
    display: none;
  }
}


#wp-admin-bar-user-info {display:none}
#wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions>li {
    margin-left: 0;
}