/*
Theme Name:Future Fertilit
Theme URI: #
Author: Anirban Hajra 
Version: 1.0
*/



@charset "utf-8";
/* CSS Document */

/*
----------------------------------
01. DEFAULT ELEMENTS
----------------------------------
*/


body{margin:0px;padding:0px;}
*{border:none;outline:none;text-decoration:none;}
*, *:before, *:after {box-sizing: border-box;}
.clear{clear:both;}
p,h1,h2,h3,h4,h5{margin-bottom:25px; padding:0px;}
ul{ padding:0; margin:0; list-style:none;}

body { font:normal 14px 'open_sansregular'; color:#595959;}

/*
----------------------------------
02. CONTAINER, WRAPPER
----------------------------------
*/

#container{width:100%;}
#wrapper{width:100%;}
.main{max-width:1250px;margin:0 auto;}
@media(max-width:1025px){
.main{padding:0% 2%;}	
}
img {
	max-width: 100%;
	height: auto;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}

/*
----------------------------------
03. HEADER
----------------------------------
*/
#header{width:100%;}
.header_top{ padding:12px 0;}
.head_left{width:/*228px*/19%; float:left; margin:0 1% 0 0;}
.head_right{ overflow:hidden; text-align:right;}
.head_right ul li{ display:inline-block; margin:0  0 0 10px;}
.head_bottom ul li{ margin:0 0 0 47px; font:normal 18px 'open_sansregular'}
.head_bottom ul li a{ font:normal 18px 'robotolight'; color:#464646;}

.header_mid{ background:#0b79a3;}

.banner img{ width:100%;}


/*
-----------------------------------
04. CONTENT 
-----------------------------------
*/
#content{width:100%; padding:4% 0;}

.content_left{width:/*903px*/75.25%; float:left;}

.wel_sec{ padding:0 0 /*62px*/5.16%;}
.wel_sec h2{ font:normal 23px 'open_sanslight'; color:#555555; line-height:23px; margin:0 0 30px; text-transform:uppercase;}
.wel_sec h2 span{ display:block; font-size:36px; color:#0b79a1; line-height:36px;}
.wel_sec h2 span span{ display:inline-block; color:#95bd29;}
.wel_sec h3{ font:normal 23px 'open_sanslight'; color:#555555; line-height:23px; margin:0 0 30px; text-transform:uppercase;}
.wel_sec h3 span{ display:block; font-size:36px; color:#0b79a1; line-height:36px;}
.wel_sec h3 span span{ display:inline-block; color:#95bd29;}
.wel_sec p{ font:normal 14px 'open_sanslight'; color:#555555; line-height:22px; margin:0 0 25px;}
.wel_sec label{ width:100px; font:normal 14px 'open_sansregular'; color:#000;}

*/ WP Clinic Code/*
.main-content{ padding:0 0 /*62px*/5.16%;}
.main-content{ font:normal 23px 'open_sanslight'; color:#555555; line-height:23px; margin:0 0 30px; text-transform:uppercase;}
.main-content h2 span{ display:block; font-size:36px; color:#0b79a1; line-height:36px;}
.main-content h2 span span{ display:inline-block; color:#95bd29;}
.main-content p{ font:normal 14px 'open_sanslight'; color:#555555; line-height:22px; margin:0 0 25px;}
.main-content label{ width:100px; font:normal 14px 'open_sansregular'; color:#000;}

.sec_2{ padding:0 0 68px;}
.sec_box{ width:/*210px*/23.25%; float:left; margin:0 2% 0 0;}
.sec_box img {width:100%;}
.text_box{ padding:28px 26px; position:relative;}
.text_box h3{ font:normal 24px 'open_sanslight'; color:#fff;}
.text_box h3 span{ display:block;}
.blue{ background:#0b79a2;}
.link{ position:absolute; bottom:30px; right:15%;}
.fa-white{ color:#fff;}
.green{ background:#96bd2a}

.vid_left{ width:/*438px*/48.5%; float:left; margin:0 2% 0 0;}
.vid_right{ width:/*438px*/48.5%; float:left;}
.vid_left iframe,.vid_right iframe{ border:1px solid #000;}


.content_right{ width:/*234px*/19.5%; float:right;}
.top_menu{ padding:0 0 15px;}
.top_menu a{ width:100%; text-align:center; font:normal 14px 'open_sansregular'; color:#fff; padding:12px 0; display:inline-block; margin:0 0 6px;}

.right_box{ padding:0 0 18px;}
.right_box h3{ font:normal 24px 'open_sansregular'; color:#7fac02; margin:0 0 20px;}
.right_box ul{ padding:0 0 0 13px;}
.right_box ul li{ margin:0 0 15px;}
.img_box{margin:0 0 14px;}
.right_box p{  font:normal 15px 'open_sanslight'; color:#0b79a1; margin:0 0 6px;}
.right_box p a{ font:normal 14px 'open_sanslight'; color:#555555;}

.twit_feed h3{ font:normal 24px 'open_sansregular'; color:#0b79a1; margin:0 0 18px;}



.content_inner h2{ font:normal 36px 'open_sanslight'; color:#0b79a1; text-transform:uppercase; margin:0 0 15px;}
.content_inner h4{ font: normal 22px 'OpenSansSemibold'; color:#000; margin:0 0 20px;}

.content_inner ul.reg_inn li p{ font:normal 14px 'open_sansregular'; color:#595959; margin:0 0 20px;text-align:justify;}
.content_inner ul.reg_inn li p span{ font: normal 14px 'open_sansregular'; color:#2a2a2a;}
.content_inner ul.reg_inn li{ margin:0 0 22px;}

.reg_box { font:normal 14px 'open_sansregular'; color:#595959;}
.reg_box h4{font: normal 17px 'OpenSansSemibold'; color:#292929; margin:0 0 5px;margin-top: 30px;}
.reg_box h3{font: normal 17px 'OpenSansSemibold'; color:#292929; margin:0 0 5px;}
.reg_box p { font:normal 14px 'open_sansregular'; color:#595959; line-height:25px;text-align:justify;margin-bottom:0.5em;}
.reg_box p a{color:#0000ff;}
.reg_box p span{font: normal 22px 'OpenSansSemibold'; color:#595959; padding:5px 0; display:inline-block;}
.reg_box ul li { font:normal 14px 'open_sansregular'; color:#595959; background:url(images/li_bg2.png) no-repeat left; padding:0 0 0 30px;margin: 10px 0;}
.reg_box ul li a{color:#0000ff;}

.reg_box ol li a{ font:normal 14px 'open_sansregular'; color:#0000ff; no-repeat left; padding:0 0 0 15px;margin: 15px 0;}
.reg_box ol li { font:normal 14px 'open_sansregular'; color:#595959; no-repeat left; padding:0 0 0 15px;margin: 15px 0;}

.reg_box1 ul li { font:normal 14px 'open_sansregular'; color:#595959; no-repeat left; padding:0 0 0 15px;margin: 15px 0;}
.reg_box1 ul li {color:##595959;}
.reg_box1 ul li a{ font:normal 14px 'open_sansregular'; color:#ffffff; no-repeat left; padding:0 0 0 15px;margin: 15px 0;}

.reg_box h5{font:normal 16px 'open_sansregular'; color:#000; padding:20px 0;}


.team_boxes h3{ font:normal 30px 'open_sansregular'; color:#000; text-transform:uppercase; text-align:center; margin:0 0 36px;}
.team_box{ width:/*303px*/25%; float:left; text-align:center; margin:0 0 8.83%}
.img_team img{border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width:222px; height:222px;}
.team_box p{font: normal 14px 'open_sansregular'; color:#000; text-transform:uppercase; padding:10px 0 0;}

.team_details{ margin:0 0 55px;}
.team_details img{ float:left;}
.team_text{ padding:0  0 0 26.83%}
.team_details h2{ font:normal 18px 'open_sansregular'; color:#000; text-transform:uppercase; margin:0 0 18px;}
.team_details p{font:normal 14px 'open_sansregular'; color:#555; margin:0 0 10px; line-height:25px;}

.team_details ul li{font:normal 14px 'open_sansregular'; color:#555; background:url(images/li_bg2.png) no-repeat left; padding:0 0 0 15px; margin: 0 0 10px; line-height: 25px;}


.registry_box{ width:/*272px*/30.12%; float:left; margin:0 3% 3% 0; text-align:center; background:#96bd2a; border:1px solid #77962B; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; padding:10px 0;}
.registry_box a{ font:normal 16px 'OpenSansSemibold'; color:#fff; }


.registry_box1{width:/*377px*/41.74%; float:left; margin:0 3% 3% 0; text-align:center; background:#96bd2a; border:1px solid #77962B; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; padding:10px 0;}
.registry_box1 a{ font:normal 14px 'OpenSansSemibold'; color:#fff; }


.patient_video{ width:/*280px*/31%; float:left; margin:0 2% 60px 0; text-align:center;}
.patient_video p{ font:normal 20px 'OpenSansSemibold'; color:#000; padding:18px 0 0; text-transform:uppercase;}


.support_boxes{ padding-top:40px;}
.support_box{ width:/*285px*/23.75%; float:left; margin:0 1% 12px 0;}
.support_box img{ border:1px solid #BDBDBD;}
.support_img{float:left;}

.resource_box{width:/*376px*/31.33%; float:left; margin:0 2% 3% 0; text-align:center; background:#96bd2a; border:1px solid #77962B; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; padding:10px 0;}
.resource_box a{ font:normal 14px 'OpenSansSemibold'; color:#fff; }

.pae_ul{ padding: 0 0 0 52px; margin:0 0 50px;}
.pae_ul li{ background:url(images/li_bg3.png) no-repeat left; padding:0 0 0 15px; margin:0 0 12px;}
.pae_ul li a{ font:normal 15px 'OpenSansSemibold'; color:#595959;}
.pae_ul li:hover a{ color:#95bd29;}

.accordion_example2{ width:484px;}

.contact_left{ width:/*398px*/33.16%; float:left; margin:0 12% 0 0;}
.contact_left h3{font:normal 18px 'OpenSansSemibold'; color:#000; margin:0 0 18px;}
.contact_left h3 span{ font:normal 16px 'open_sansregular'; display:block;}
.contact_left label{ width:100px; font:normal 14px 'open_sansregular'; color:#000; float:left;}
.contact_left p{ overflow:hidden; font:normal 14px 'open_sanslight'; color:#555555; margin:0 0 12px;}
.contact_left p a{ font:normal 14px 'open_sanslight'; color:#555555;}

.contact_right{ width:/*647px*/53.91%; float:left;}
.capt_img{ width:/*149px*/47.60%;float:left; margin:0 2% 0 0;}
.form_left{ width:/*313px*/48.37%; float:left;}
.form_right{ width:/*313px*/48.37%; float:right;}
.frm_txt{ width:100%; height:37px; line-height:37px; border:1px solid #ccc; padding:0 0 0 15px; margin:0 0 20px;}
.frm_txtarea{ width:100%; height:155px; line-height:37px; border:1px solid #ccc; padding:0 0 0 15px; margin:0 0 15px; resize:none;}
.frm_captxt{width:149px; height:37px; line-height:37px; border:1px solid #ccc; padding:0 0 0 15px; margin:0 0 15px;}
.sub_frm{ background:#0b79a2; font:normal 15px 'OpenSansSemibold'; color:#fff; padding:10px 34px; text-transform:uppercase; cursor:pointer;}

.media_ul li{ background:url(images/li_bg3.png) no-repeat left 6px; padding:0 0 0 20px; }
.media_ul li a{ font:normal 18px 'open_sansregular'; color:#92aa54}
.media_ul li p{font:normal 14px 'open_sanslight';}

/*
------------------------------------
05. FOOTER 
------------------------------------
*/
#footer{width:100%; background:#013447; background-size:cover; padding:30px 0;}
.foot_left{ width:/*1064px*/88.66%; float:left;}
.foot_right{ overflow:hidden;}
.foot_right ul li{ display:inline-block;}
.foot_left ul {margin:0 0 8px;}
.foot_left ul li{ display:inline-block; padding:0 1%; background:url(images/li_bg.jpg) no-repeat left;}
.foot_left ul li:first-child{ padding-left:0; background:none;}
.foot_left ul li a{ font:normal 13px 'open_sanslight'; color:#fff; text-transform:uppercase;}
.foot_left p{ font:normal 12px 'open_sanslight'; color:#fff;}
.foot_left p span{color:#a5cd37;}

.no_margin{ margin-right:0;}




.scrollup{
		width:40px;
		height:40px;			
		text-indent:-9999px;
		opacity:0.3;
		position:fixed;
		bottom:50px;
		right:34px;
		display:none;			
		background: url('images/top.png') no-repeat;
	}


.envira-gallery-image {border: 1px solid #bdbdbd !important;}
span.wpcf7-not-valid-tip {color: #f00; display: block; font-size: 1em; font: 14px "open_sanslight"!important;}
div.wpcf7-validation-errors { color: #f00; border: 2px solid #f7e700; font: 14px "open_sanslight"!important; }
div.wpcf7-mail-sent-ok { border: 2px solid #398f14; color: #398f14; font: 14px "open_sanslight"!important;}
.wpcf7-captchar{ border: 1px solid #ccc;
    height: 37px;
    line-height: 37px;
    margin: 0 0 15px;
    padding: 0 0 0 15px;
    width: 149px!important;;}
	

/*18052017*/


.text_sec{ padding:0; background:url(images/bg.jpg) no-repeat; background-size:cover; padding:68px 0; position:relative;}
.txt_banner{ position:relative; z-index:999;}
.top_text{ margin:0 0 31px;z-index:9999; position:relative;}
.top_text h1{ font:normal 24px 'open_sansregular'; color:#fff; line-height:24px; margin:0 0 7px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}
.top_text h2{ font:normal 60px 'OpenSansBold'; color:#1d9fd0; line-height:60px; margin:0 0 14px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}
.top_text h2 span{color:#95bd29;}
.top_text h3{ font:normal 16px 'open_sanslight'; color:#fff; line-height:25px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}
.top_text h3 span{ display:block;}

.speaker_lft{padding:0; width:54%; float:left;}
.speaker_lft p{font:normal 16px 'open_sansregular'; color:#fff;}
.speaker_lft p span{ font:normal 30px 'OpenSansSemibold';}
.margin_top{ margin:18px 0 0;}

.speaker_rgt{padding-right:0; width:44.92%; float:left; z-index:9999; position:relative;}
.speaker_rgt p{font:normal 30px 'OpenSansSemibold'; color:#fff; margin:0 0 36px 0; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}
.speaker_rgt p span{ display:block; font:normal 16px 'open_sansregular';}

.speaker_rgt a.green{ font:normal 18px 'OpenSansSemibold'; color:#fff;
background: rgba(149,187,41,1);
background: -moz-linear-gradient(top, rgba(149,187,41,1) 0%, rgba(100,128,24,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(149,187,41,1)), color-stop(100%, rgba(100,128,24,1)));
background: -webkit-linear-gradient(top, rgba(149,187,41,1) 0%, rgba(100,128,24,1) 100%);
background: -o-linear-gradient(top, rgba(149,187,41,1) 0%, rgba(100,128,24,1) 100%);
background: -ms-linear-gradient(top, rgba(149,187,41,1) 0%, rgba(100,128,24,1) 100%);
background: linear-gradient(to bottom, rgba(149,187,41,1) 0%, rgba(100,128,24,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95bb29', endColorstr='#648018', GradientType=0 );
padding:12px 29px; display:inline-block; border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; -webkit-border-radius: 25px 25px 25px 25px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); text-decoration:none;}

.speaker_rgt a.blue{ font:normal 18px 'OpenSansSemibold'; color:#fff; background: rgba(33,159,205,1); background: -moz-linear-gradient(top, rgba(33,159,205,1) 0%, rgba(12,124,165,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(33,159,205,1)), color-stop(100%, rgba(12,124,165,1))); background: -webkit-linear-gradient(top, rgba(33,159,205,1) 0%, rgba(12,124,165,1) 100%); background: -o-linear-gradient(top, rgba(33,159,205,1) 0%, rgba(12,124,165,1) 100%); background: -ms-linear-gradient(top, rgba(33,159,205,1) 0%, rgba(12,124,165,1) 100%); background: linear-gradient(to bottom, rgba(33,159,205,1) 0%, rgba(12,124,165,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#219fcd', endColorstr='#0c7ca5', GradientType=0 ); padding:12px 29px; display:inline-block; border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; -webkit-border-radius: 25px 25px 25px 25px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); text-decoration:none;}

.img_hold{ position:absolute; right:0; top:0;}
.img_hold img{ width:auto;}
.speaker_lft img{ width:auto; vertical-align:middle; margin-left:2%;}

.video_sec p{ font:normal 14px 'open_sansregular'; color:#595959; line-height:25px;text-align:justify;}



@media(max-width:767px){
	.img_hold{ position:relative; margin:0 0 20px;}
	.top_text h2{ font-size:21px; line-height:28px;}
	.speaker_rgt a{ margin:0 0 20px;}
}
	
	
	
/*
-------------------------------------
06. RESPONSIVE
-------------------------------------
*/

@media(min-width:768px){
#navigation ul{padding:0;margin:0;list-style:none;}
#navigation ul li {display:inline-block; padding:0 0.5;line-height:48px; position:relative;}
#navigation ul li a{display:inline-block; font:normal 13px 'open_sansregular'; color:#fff; line-height:50px; padding:0 22px; text-transform:uppercase;}
#navigation ul li.current-menu-item a{  background:#96bd2a; color:#fff; font:normal 13px 'Lato-Semibold'; line-height:50px;}
#navigation ul li:hover a{background:#96bd2a;} 
}


@media(max-width:1145px){
	#navigation ul li a {padding: 0 18px; font-size:12px;}
	#navigation ul li.current a {font: 12px;}
}


@media(max-width:999px){
	.img_hold{ position:absolute; right:0; bottom:0; top:inherit;}
	.top_text h2{font-size:40px; line-height:40px;}
	.speaker_lft{ width:100%; float:none; margin:0 0 40px;}
	.speaker_rgt{width:100%; float:none; padding:0;}
}

@media(max-width:767px){

.head_left {
    float: none;
    margin: 0 0 20px;
    text-align: center;
    width: 100%;
}

.head_right {
    text-align: center;
}
		
.head_bottom ul li{ margin:0;}		
		
	.content_left {
    float: none;
    width: 100%;
}

.content_right {
    float: none;
    width: 100%;
	margin:0 0 20px;
}

.wel_sec{ padding:0 0 2%;}

.contact_left {
    float: none;
    margin: 0 0 40px;
    width: 100%;
}

.contact_right {
    float: none;
    width: 100%;
}

.foot_left {
    float: none;
    width: 100%;
	margin:0 0 20px;
	text-align:center;
}

.foot_right{ text-align:center;}

.team_box {
    width: 48%;
}

.team_details img {
    float: none;
}

.team_text {
    padding: 10px 0 0;
}

.sec_box {
    width: 48%;
	margin-bottom:10px;
}


.vid_left, .vid_right  {
    float: none;
    margin: 0 0 10px;
    width: 100%;
}

.patient_video {
    width: 48%;
}

.registry_box {
    float: none;
    margin: 0 0 3%;
    width: 100%;
}


.registry_box1 {
    float: none;
    margin: 0 0 3%;
    width: 100%;
}


.resource_box {
    float: none;
    margin: 0 0 3%;
    width: 100%;
}

.support_box {
    width: 48%;
}
.support_img{float:left;width:100%;}

.img_hold{ position:relative; margin:0 0 20px;}
.top_text h2{ font-size:21px; line-height:28px;}
.speaker_rgt a{ margin:0 0 20px;}
		
}

@media(max-width:479px){
	
	.form_left {
    float: none;
    width: 100%;
}

.form_right {
    float: none;
    width: 100%;
}

.capt_img img{ width:100%;}

.sub_frm{ margin-top:10px;}
	
.team_box {
    float: none;
    width: 100%;
}

.sec_box {
    float: none;
    width: 100%;
}

	
.accordion_example2 {
    width: 100%;
}	

.smk_accordion .accordion_in .acc_head {
    font-size: 14px  !important;
}

.patient_video {
    float: none;
    margin: 0 0 30px;
    text-align: center;
    width: 100%;
}
	
}

@media(max-width:319px){
}

.capt_img img
{
width:100% !important;
height:37px !important;
}

.advocacy-table img {

	border: 1px; !important;
}