/****QUIT SMOKING TOOL*****/

#fertilityTool {
	display: inline-block;
	background-color:#DCDEE2;
    padding-top:60px;
    font-family: "Source Sans Pro", sans-serif;
    font-style: normal;
    font-weight: 600;
    color: inherit;
    text-rendering: optimizeLegibility;
}
	
#fertilityTool a {text-decoration: none;cursor:pointer;}
#fertilityTool h2 {
    font-size: 1.75em;
    font-weight:  normal;
}
#fertilityTool h3 {
    text-transform: uppercase;
    font-size: 0.75em;
}
#fertilityTool h4 {
    font-weight: 700;
    font-size: 1.125em;
    line-height: 2em;
}
#fertilityTool .mobileonly {
    display: none!important;
}
#fertilityTool #contentArea, #fertilityTool #contentAreaMale {
    width: 100%;
    overflow-x: hidden;
    padding-bottom: 60px;
}
#fertilityTool #contentAreaInner, #fertilityTool #contentAreaMaleInner {
    position: relative;
    width: 1500%;
}
#fertilityTool .content {
    width: 6.67%;
    display: inline-block;
    float: left;
    
}
#fertilityTool img.next, #fertilityTool img.nextLast {
    float: right;
    margin: 0 20px 20px 20px;
}
#fertilityTool img.body {
    float: left;
    display: inline-block;
    width: 15%;
    padding-left:3%;
    padding-right:2%;
    margin-top: 30px;
}
#fertilityTool .tool-text {
    float: right;
    width: 75%;
    display: inline-block;
    padding-top: 4em;  
}
#fertilityTool #Genders {
    display: block;
    padding:0 20%;
    
}
#fertilityTool #Genders a, #fertilityTool #Genders a:link {
    background-color: #F3F5F5;
    color: #585663;
    border-right: 1px solid #fff;
    /*border-bottom: 1px solid #fff;*/
    text-align: center;
    /*padding: 4px 10px;
    */
    font-size: 0.875em;
    line-height: 2.5em;
    display: inline-block;
    width: 20%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
#fertilityTool #Genders a.active, #fertilityTool #Genders a:link .active {
    background-color: #ffffff;
}

#fertilityTool #FemaleContent, #fertilityTool #MaleContent {padding:0 20%;background-color:#ffffff;}


#fertilityTool #FTTimescale, #fertilityTool #MTTimescale {
    clear: both;
    width: 100%;
    
}
#fertilityTool #FTTimescaleRow, #fertilityTool #MTTimescaleRow {
    display: table;
    width: 100%;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #DCDEE2;
}
#fertilityTool #FTTimescaleRow:first-child, #fertilityTool #MTTimescaleRow:first-child {
    padding-top: 0.625em;
    padding-bottom: 0.625em;
}
#fertilityTool #FTWeeks, #fertilityTool #MTWeeks {
    display: table-row;
    width: 100%;
    
}
    
    
#fertilityTool .FTWeek, #fertilityTool .FT3Weeks, #fertilityTool .MTWeek, #fertilityTool .MT3Weeks {
    display: table-cell;
    width: 6%;
    font-size: 0.875em;
    border: 8px solid #ffffff;
    text-align: center;
    box-sizing: border-box;
}
    #fertilityTool .MTWeekSpacer {
        display: table-cell;
        width: 54%;
        
        box-sizing: border-box;
    }
#fertilityTool .FTWeek a, #fertilityTool .FT3Weeks a, #fertilityTool .MTWeek a, #fertilityTool .MT3Weeks a {
    /*background-color: #e1f4fd;*/
    padding-top: 4px;
    padding-bottom: 4px;
    display: block;
}
#fertilityTool .FTWeek a.active, #fertilityTool .FT3Weeks a.active, #fertilityTool .MTWeek a.active, #fertilityTool .MT3Weeks a.active {
    background-color: #00A3E3;
    border-radius: 2px;
    color: #fff;
}
#fertilityTool .FT3Weeks, #fertilityTool .MT3Weeks {
    width: 18%;
}
#fertilityTool #FTTrimesters, #fertilityTool #MTTrimesters {
    display: table-row;
    width: 100%;
}
#fertilityTool .FTTrimester, #fertilityTool .MTTrimester {
    display: table-cell;
    width: 18%;
    border: 8px solid #ffffff;
    font-size: 0.875em;
    text-align: center;
    box-sizing: border-box;
}
#fertilityTool .FTTrimester a, #fertilityTool .MTTrimester a {
    /*background-color: #29aae2;*/
    padding-top: 6px;
    padding-bottom: 6px;
    display: block;
}
#fertilityTool .FTTrimester a, #fertilityTool .MTTrimester a {
        color: #00a3e3;
    }
#fertilityTool .FTTrimester:nth-of-type(2) a, #fertilityTool .MTTrimester:nth-of-type(2) a, #fertilityTool .FTWeek:nth-of-type(4) a, #fertilityTool .FT3Weeks:nth-of-type(4) a, #fertilityTool .FTWeek:nth-of-type(5) a, #fertilityTool .FT3Weeks:nth-of-type(5) a, #fertilityTool .FTWeek:nth-of-type(6) a, #fertilityTool .FT3Weeks:nth-of-type(6) a {
        color: #87ac3f;
    }
#fertilityTool .FTTrimester:nth-of-type(3) a, #fertilityTool .MTTrimester:nth-of-type(3) a, #fertilityTool .FTWeek:nth-of-type(7) a, #fertilityTool .FT3Weeks:nth-of-type(7) a, #fertilityTool .FTWeek:nth-of-type(8) a, #fertilityTool .FT3Weeks:nth-of-type(8) a, #fertilityTool .FTWeek:nth-of-type(9) a, #fertilityTool .FT3Weeks:nth-of-type(9) a {
        color: #ffa221;
}
#fertilityTool .FTTrimester:nth-of-type(4) a, #fertilityTool .MTTrimester:nth-of-type(4) a, #fertilityTool .FTWeek:nth-of-type(10) a, #fertilityTool .FT3Weeks:nth-of-type(10) a, #fertilityTool .FTWeek:nth-of-type(11) a, #fertilityTool .FT3Weeks:nth-of-type(11) a, #fertilityTool .FTWeek:nth-of-type(12) a, #fertilityTool .FT3Weeks:nth-of-type(12) a {
    color: #eb522d;
}
#fertilityTool .FTTrimester:nth-of-type(5) a, #fertilityTool .MTTrimester:nth-of-type(5) a, #fertilityTool .FTWeek:nth-of-type(13) a, #fertilityTool .FT3Weeks:nth-of-type(13) a, #fertilityTool .MT3Weeks a {
    color: #704d9d;
}
#fertilityTool .FTTrimester a.active, #fertilityTool .MTTrimester a.active {
    background-color: #00A3E3;
    border-radius: 2px;
    color: #ffffff;
}

#fertilityTool .FTWeek:nth-of-type(1) a.active, #fertilityTool .FT3Weeks:nth-of-type(1) a.active, #fertilityTool .MTWeek a.active, #fertilityTool .MT3Weeks:nth-of-type(1) a.active, #fertilityTool .FTWeek:nth-of-type(2) a.active, #fertilityTool .FT3Weeks:nth-of-type(2) a.active, #fertilityTool .MTWeek a.active, #fertilityTool .MT3Weeks:nth-of-type(2) a.active, #fertilityTool .FTWeek:nth-of-type(3) a.active, #fertilityTool .FT3Weeks:nth-of-type(3) a.active, #fertilityTool .MTWeek a.active, #fertilityTool .MT3Weeks:nth-of-type(3) a.active {
    background-color: #00a3e3;
    color: #ffffff;
}


#fertilityTool .FTTrimester:nth-of-type(2) a.active, #fertilityTool .MTTrimester:nth-of-type(2) a.active, #fertilityTool .FTWeek:nth-of-type(4) a.active, #fertilityTool .FT3Weeks:nth-of-type(4) a.active, #fertilityTool .FTWeek:nth-of-type(5) a.active, #fertilityTool .FT3Weeks:nth-of-type(5) a.active, #fertilityTool .FTWeek:nth-of-type(6) a.active, #fertilityTool .FT3Weeks:nth-of-type(6) a.active
{
    background-color: #87ac3f;
    color: #ffffff;
}
#fertilityTool .FTTrimester:nth-of-type(3) a.active, #fertilityTool .MTTrimester:nth-of-type(3) a.active,#fertilityTool .FTWeek:nth-of-type(7) a.active, #fertilityTool .FT3Weeks:nth-of-type(7) a.active, #fertilityTool .FTWeek:nth-of-type(8) a.active, #fertilityTool .FT3Weeks:nth-of-type(8) a.active, #fertilityTool .FTWeek:nth-of-type(9) a.active, #fertilityTool .FT3Weeks:nth-of-type(9) a.active
{
    background-color: #ffa221;
    color: #ffffff;
}
#fertilityTool .FTTrimester:nth-of-type(4) a.active, #fertilityTool .MTTrimester:nth-of-type(4) a.active,#fertilityTool .FTWeek:nth-of-type(10) a.active, #fertilityTool .FT3Weeks:nth-of-type(10) a.active, #fertilityTool .FTWeek:nth-of-type(11) a.active, #fertilityTool .FT3Weeks:nth-of-type(11) a.active, #fertilityTool .FTWeek:nth-of-type(12) a.active, #fertilityTool .FT3Weeks:nth-of-type(12) a.active
{
    background-color: #eb522d;
    color: #ffffff;
}
#fertilityTool .FTTrimester:nth-of-type(5) a.active, #fertilityTool .MTTrimester:nth-of-type(5) a.active,#fertilityTool .FTWeek:nth-of-type(13) a.active, #fertilityTool .FT3Weeks:nth-of-type(13) a.active, #fertilityTool .MT3Weeks a.active
{
    background-color: #704d9d;
    color: #ffffff;
}
				

@media only screen and (max-width: 1280px) {
	#fertilityTool #Genders, #fertilityTool #FemaleContent, #fertilityTool #MaleContent {
		padding:0 15%;
		
	}
}

@media only screen and (max-width: 1024px) {
	#fertilityTool #Genders, #fertilityTool #FemaleContent, #fertilityTool #MaleContent {
		padding:0 12.5%;
		
	}
}

@media only screen and (max-width: 800px) {
	#fertilityTool #Genders, #fertilityTool #FemaleContent, #fertilityTool #MaleContent {
		padding:0 10%;
		
	}
	
	#fertilityTool .MTTrimester, #fertilityTool .FTTrimester {
		font-size: 0.75em;
	}
}

@media only screen and (max-width: 660px) {
	#fertilityTool #Genders, #fertilityTool #FemaleContent, #fertilityTool #MaleContent {
		padding:0 7.5%;
		
	}
	#fertilityTool .FTTrimester, #fertilityTool .MTTrimester {
					border: 4px solid #ffffff;
	}
	#fertilityTool .tool-text {
		padding-top: 3em;  
	}
}
					
@media only screen and (max-width: 570px) {
	
	#fertilityTool #Genders, #fertilityTool #FemaleContent, #fertilityTool #MaleContent {
		padding:0 5%;
		
	}
	#fertilityTool #Genders a, #fertilityTool #Genders a:link {
		width: 30%;
	}
	
	#fertilityTool {
		padding-top:40px;
		/*border: 1px solid red;*/
	}
    #fertilityTool .desktoponly {
        display: none !important;
    }
    #fertilityTool .mobileonly {
        display: inline-block !important;
    }
    #fertilityTool .FTWeek, #fertilityTool .FT3Weeks, #fertilityTool .MTWeek, #fertilityTool .MT3Weeks {
        /*display: inline-block;
        float: left;*/
        display: table-cell;
        width: 6.75%;
        border:2px solid #FFFFFF;
    }
    
    #fertilityTool .FTWeek a, #fertilityTool .FT3Weeks a, #fertilityTool .MTWeek a, #fertilityTool .MT3Weeks a {
        padding-bottom:5px;
        padding-top:5px;
    }
    
    #fertilityTool .FT3Weeks {
        width:100%;
        font-size: 0.75em;
    }
    #fertilityTool .MT3Weeks {
        width:25%;
        font-size: 0.75em;
        float: right;
    }
    
    #fertilityTool .FT3Weeks a, #fertilityTool .MT3Weeks a {
        color: #704D9D;
    }
    #fertilityTool .FT3Weeks a.active, #fertilityTool .MT3Weeks a.active {
        background-color: #704D9D;
        color: #ffffff;
    }
    #fertilityTool .FTTrimester:nth-of-type(5) a, #fertilityTool .MTTrimester:nth-of-type(5) a {
        line-height: 0.9em;	
    }
        #fertilityTool .MTWeekSpacer {
            display: inline-block;
            float: left;
        }
    #fertilityTool #FTTrimesters, #fertilityTool #MTTrimesters {
        display: table-row;
    }
    #fertilityTool .FTTrimester, #fertilityTool .MTTrimester {
        /*display: inline-block;
        float: left;*/
        display: table-cell;
        width: 20%;
    }
    
    
    /*#fertilityTool .FTTrimester a, #fertilityTool .MTTrimester a {
        min-height: 39px;
        padding-top: 10px;
        box-sizing: border-box;
    }
    */
    
    #fertilityTool .tool-text {
        width:79%;
        padding-top:2em;
    }
    #fertilityTool #contentArea, #fertilityTool #contentAreaMale {
        padding-bottom:20px;
    }
    #fertilityTool img.body {
        padding-left: 1%;
    }
    #fertilityTool img.next, #fertilityTool img.nextLast {
        margin:0 10px 20px;
    }

}
@media only screen and (max-width: 483px) {
	#fertilityTool .FTTrimester:last-child a, #fertilityTool .MTTrimester:last-child a {
        padding-top: 3px;
        padding-bottom: 3px;
    }
}

@media only screen and (max-width: 350px) {
	#fertilityTool #Genders, #fertilityTool #FemaleContent, #fertilityTool #MaleContent {
		padding:0 2.5%;
		
	}
	/*#fertilityTool .FTWeek, #fertilityTool .FT3Weeks, #fertilityTool .MTWeek, #fertilityTool .MT3Weeks {
		min-height: 38px;
	}
	#fertilityTool .FTWeek, #fertilityTool .MTWeek {
		padding-top: 10px;
	}*/
	#fertilityTool #contentArea, #fertilityTool #contentAreaMale {
		padding-bottom:10px;
	}
	#fertilityTool h2 {
		font-size: 1.675em;
	}
	#fertilityTool img.next, #fertilityTool img.nextLast {
			  margin:0 0 20px;
	}
	#fertilityTool .FTWeek, #fertilityTool .FT3Weeks, #fertilityTool .MTWeek, #fertilityTool .MT3Weeks {
			border:1px solid #FFFFFF;
	}
}
/****END QUIT SMOKING TOOL*****/