@charset "UTF-8";
/* CSS Document Feb*/

body {
	background-color:#FFF;
	font-size:14px;
	overflow-x: hidden;
	color: #333333;
	font-family:"Open Sans","Helvetica Neue",Helvetica,sans-serif,Arial;
	font-family:'Muli', 'Lato', 'Helvetica Neue', Helvetica, sans-serif, Arial;
}
.maincontent {
    margin: 0 auto;
    max-width: 1020px;
}
body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, ol, ul, li {
	margin: 0;
	padding: 0;
}

ul {
	list-style:none;
}

.logo {
	background:url(../images/resources.png) no-repeat scroll 0 0 / 300px 400px rgba(0, 0, 0, 0);
}

/*Header Start*/
header {
	background-color: #002353;
    float:left;
	height:150px;
	text-align: center;
    position:relative;
	transition:background 0.5s;
    width:100%;
    z-index:100;
}

/*header:after, header:before {
	background-color:#0d88bb;
	content: "";
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0.3;
	position: absolute;
	width: 100%;
}
header:before {
	background-image:url(https://www.charmhealth.com/images/charm-bg.jpg);
	background-color: transparent;
	background-position: center 1260px;
	background-size: 100%;
}*/
.logo {
	background-color:#FFF;
    background-position:-14px -12px;
    float:left;
    height:40px;
	margin:16px 0 21px;
    width:165px;
	margin:0 0 0 18px;
	border-top:12px solid #FFF;
	border-right:15px solid #FFF;
	border-left:14px solid #FFF;
	border-bottom:15px solid #FFF;
	border-radius:0 0 15px 15px;
}

.logo:before {
	border-top:63px solid #FFF;
	border-left:30px solid transparent;
	content:"";
	float:left;
	margin:-15px 0 0 -42px;
}
.logo:after {
	border-top:63px solid #FFF;
	border-right:30px solid transparent;
	content:"";
	float:right;
	margin:-15px -43px 0 0;
}
.logo img {
	width:100%;
}
header h1 {
	color: #FFF;
	display: inline-block;
	font-weight: 200;
	font-size: 45px;
	margin-top: 60px;
}
.f-icon, .l-icon, .t-icon, .y-icon {
	background:url(https://www.charmhealth.com/images/charmtracker-norepeat.png) no-repeat scroll 0 0 / 400px 1244px rgba(0, 0, 0, 0);
	background-position: -205px -29px;
	border-radius:40px;
	cursor:pointer;
    float:left;
    height:29px;
    margin:21px 15px 0 0;
    width:29px;
}
.l-icon {
	background-position: -338px -29px;
}
.t-icon {
	background-position: -250px -29px;
}
.y-icon {
	background-position: -294px -29px;
}
/*Header End*/

/*Year List Start*/
.nsl-year {
	border-bottom: 3px solid rgba(0,0,0,0.06);
	height: 70px;
}
.nsl-year ul {
	text-align: center;
	margin: 20px 0 0;
}
.nsl-year .list li {
	display: inline-block;
}
.nsl-year .list li a {
	color: #555;
	display: inline-block;
	font-size: 24px;
	font-weight: 300;
	position: relative;
	text-decoration: none;
	cursor: pointer;
	margin: 0 15px;
	width: 72px;
}
.nsl-year .list li a.sel {
	color: #2ea0e2;
}
.nsl-year .list li a.sel:before {
	background-color: #2ea0e2;
	content: "";
	height: 2px;
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 100%;
}
.nsl-year .list li a.sel:after {
	border-bottom:5px solid #2ea0e2;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	content: "";
	position: absolute;
	bottom: -6px;
	left: 46%;
}
.nsl-year .button {
	font-size: 18px !important;
	margin: -37px 15px 0 !important;
}
/*Year List End*/

/*Newsletter List Start*/
.nsl-list {
	background-color: #f9f9f9;
	min-height: 570px;
	padding: 50px 0;
}
.nsl-month {
	float: left;
	text-align: center;
	width: 280px;
}
.nsl-month li {
	border-bottom: 2px solid transparent;
	display: inline-block;
	font-size: 20px;
	padding: 5px 0;
	cursor: pointer;
	margin:0 10% 10px;
}
.nsl-month li a {
	color: #555;
	text-decoration: none;
}
.nsl-month li.sel {
	border-bottom: 2px solid #eb6f85;
}
.nsl-month li.sel a {
	color: #eb6f85;
}
.nsl {
	background-color: #FFF;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
	float: left;
	min-height: 600px;
	width: 70%;
}
ul.list-disc {
    color: #555;
    box-sizing: border-box;
    float: left;
    line-height: 33px;
    text-align: left;
    list-style: disc;
    padding: 5px 0 30px 50px;
    width: 100%;
}
.content img[alt=logo] {
	width: 228px;
}
/*Newsletter List End*/

/*Footer Start*/
footer {
	background-color: #1F0227;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	padding: 20px 0;
}
/*Footer End*/

/*Common css Start*/

.cm-wd {
    margin:0 auto;
	max-width:1160px;
	padding:0 10px;
	position:relative;
	z-index:1;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.cmfw {
	float:left;
	width:100%;
}

/*Common css End*/