/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */
.responsive .container.narrow{
  max-width: 900px;
}



/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

#top #wrap_all .all_colors h2,
#top #wrap_all .all_colors h1{
  font-size:38px;
}
header .logo a{
  display:flex;
  align-items:center;
}
.html_elegant-blog .post-entry .post-meta-infos .text-sep{
  display:none;
}
body.blog .title_container{
  display:none;
}
body.home #header .main_menu ul > li > a{
  color:white;
}
body.home #header.header-scrolled .main_menu ul > li > a{
  color:black;
}
#top .main_color p, #top .alternate_color p{
  line-height:1.5em;
}
.content.border-right-0{
  border-right:0;
}
body.page-template-template-reviews#top #wrap_all .all_colors h1{
    color: #000;
    font-size: 38px;
    line-height: 1.2em;
    font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom:20px;
    text-align:center;
    padding-top:50px;
}
.pt-0{
  padding-top:0;
}
form.comment-form .comment-form-email, 
form.comment-form .comment-form-author{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  width:49%;
}
form.comment-form .comment-form-cookies-consent{
  display:flex;
  flex-wrap:nowrap;
  align-items: baseline;
}
form.comment-form .comment-form-cookies-consent input{
  margin:0;
  margin-right:10px;
}
#top form.comment-form .comment-form-author{
  margin-right:2%;
}
#top form.comment-form .form-submit{
  margin-top:10px;;
}
#commentform .comment-form-comment label{
  display:block;
}
form.comment-form .comment-form-comment,
form.comment-form .comment-form-cookies-consent{
  width:100%;
}
#top form.comment-form .comment-form-comment textarea{
  margin-bottom:0;
  border:1px #ddd solid;
  border-radius:4px;
  background:white;
  padding:10px;
  font-size:14px;
  line-height:1em;
}
#top form.comment-form .comment-form-cookies-consent label{
  padding-bottom:0;
}
form.comment-form{
  display:flex;
  flex-wrap:wrap;
}
#top form.comment-form .comment-form-email label, 
#top form.comment-form .comment-form-author label,
#commentform label{
  position:relative;
  left:unset;
  top: unset;
  width:100%;
  padding-top: 0;
  line-height: 1.2em;
  cursor: pointer;
  padding-bottom:5px;
  font-size:14px;
  font-weight:normal;
}
#top .comment-form-wrap{
  /* max-width:640px; */
  display:flex;
  flex-wrap:wrap;
}
.comment-form-wrap #wait_approval{
  width:100%;
  display:flex;
  text-align:center;
  background: #4caf50;
  margin:0;
  padding: 15px;
  margin-top: 20px;
  border-radius: 4px;
}
.comment-form-wrap #wait_approval strong{
  width:100%;
  color: white;
}
#top .comment-form-wrap h3{
  width:100%;
}
#top .comment_container,
#top .comment_container ol{
  display:flex;
  flex-wrap:wrap;
  width:100%;
  /* margin: auto; */
}
#top form.comment-form .comment-form-email, 
#top form.comment-form .comment-form-author{
  padding-bottom:0;
  margin-bottom: 10px;
}
#top form.comment-form .comment-form-email input, 
#top form.comment-form .comment-form-author input{
  margin-bottom:0;
  width:100%;
  border: 1px #ddd solid;
  border-radius:4px;
  background:white;
  padding:10px;
  font-size:14px;
  line-height:1em;
}
.commentlist>.comment{
  border-bottom:1px #ddd dashed;
}
.page-template-template-reviews .side-container-comment-inner .comment-count{
    display:none;
}
@media(max-width:480px){
	.center-border{
		width:calc(42% - 20px);
	}
}
/* Gatekeeper overlay
--------------------------------------------------------------- */
._gatekeeper-overlay{
	display:flex;
	position:fixed;
	flex-wrap:wrap;
	z-index:999;
	width:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	justify-content: center;
	align-items: center;
}
body.gatekeeper-overlay-active #wrap_all{
	overflow:hidden;
	filter:blur(6px);
}
._gatekeeper-overlay .overlay-background{
	width:100%;
	display:flex;
	height:100%;
	background:black;
	opacity:0.7;
	position:fixed;
}
._gatekeeper-overlay .overlay-card{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	background:white;
	width: 90%;
	max-width:800px;
	border-radius:4px;
	padding:20px;
	z-index:9;
}
._gatekeeper-overlay .overlay-card p{
	line-height:1.4em;
}
._gatekeeper-overlay .overlay-card .buttons{
	display:flex;
	width:100%;
	justify-content:center;
	flex-wrap:wrap;
	align-items:center;
	margin-top:15px;
}
._gatekeeper-overlay .overlay-card .buttons a{
	padding: 5px 20px;
	border-radius:4px;
	color:white;
}
._gatekeeper-overlay .overlay-card .buttons .confirm{
	background:#4CAF50E9;
	margin-right: 15px;
}
._gatekeeper-overlay .overlay-card .buttons .decline{
	background:red;
}

/* Sticky message
--------------------------------------------------------------- */
._sticky-message {
	position:fixed;
	z-index:999;
	background:#fafafa;
	bottom:0;
	right:0;
	line-height:1.2;
	font-size:11px;
	padding:5px;
	box-shadow:0 0 0 1px;
	-webkit-box-shadow:0 0 0 1px;
	max-width:300px;
	color:#000;
}
._sticky-message p{
  margin:0;
}
@media (max-width:479px){
	._sticky-message {
		max-width:100%;
		width:100%;
		text-align:center;
		font-size:8px;
		padding:2px;
		box-shadow:0 0 0 1px #555;
	    -webkit-box-shadow:0 0 0 1px #555;
	}
	._sticky-message-spacer {
		height:30px;
		background:#000000;
	}
}

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
}

@media only screen and (max-width: 480px) {
  #top #wrap_all .all_colors h1, 
  #top #wrap_all .all_colors h2, 
  body.page-template-template-reviews#top #wrap_all .all_colors h1{
    font-size:32px;
  }
  form.comment-form .comment-form-email, 
  form.comment-form .comment-form-author{
    width:100%;
  }
  #top form.comment-form .comment-form-author{
    margin-right:0%;
  }
}


/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  #background-dna-left:after, #background-infertility-right:after, #convenient-to-use:after  {
    width:0;
    left:0;
  }
  #contribution .av_one_third, #border-red-columns .av_one_third, #benefits .av_one_third {border-left:1px solid #d81128;}
  #about-bg-right:after {
    width:0;left:0;
  }
  #about-bg-right table td, #about-bg-right table th {
    color:#000;
  }
  #about-bg-right table tr {
    border-bottom:1px solid #000 !important;
  }
  .js_active .avia-slideshow li {
    background-position: right !important;
  }

}


html body header:not(.html_header_transparency) a,
header.header_color:not(.html_header_transparency) .main_menu ul:first-child > li > a{
	color:black;
}

html .wp-video {
	width:100% !important;
}