.clearfix, .cf { zoom: 1; }
.clearfix:before, .clearfix:after, .cf:before, .cf:after { content: ""; display: table; }
.clearfix:after, .cf:after { clear: both; }

.mmr-checklist .todo-list input{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.mmr-checklist > form.todo-list > ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.mmr-checklist > form.todo-list > ul > li{
	padding: 0px!important;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
	background: none!important;
}

.mmr-checklist .todo-wrap{
	display: block;
	position: relative;
	padding-left: 45px;
}

.mmr-checklist .todo-wrap:last-of-type{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.mmr-checklist input[type="checkbox"]{
	position: relative;
	height: 0px;
	width: 0px;
	opacity: 0;
	top: 0px;
	position: absolute;
}

.mmr-checklist .todo {
	display: block;
	font-weight: 200;
	padding: 5px 5px;
	position:relative;
	-webkit-box-shadow: 0 2px 0 -1px #ebebeb;
	-moz-box-shadow: 0 2px 0 -1px #ebebeb;
	box-shadow: 0 2px 0 -1px #ebebeb;
	min-height: 55px;
}

.mmr-checklist .todo:before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background: rgba(102, 102, 102, 0.12);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.mmr-checklist .todo:after{
	content: '';
	display: block;
	position: absolute;
	z-index: 0;
    height: 36px;
    width: 36px;
	top: 9px;
	left: -50px;

	-webkit-box-shadow: inset 0 0 0 2px #d8d8d8;
	-moz-box-shadow: inset 0 0 0 2px #d8d8d8;
	box-shadow: inset 0 0 0 2px #d8d8d8;

	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;

	transition: .25s ease-in-out;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.mmr-checklist .todo:hover:after{
	-webkit-box-shadow: inset 0 0 0 2px #949494;
	-moz-box-shadow: inset 0 0 0 2px #949494;
	box-shadow: inset 0 0 0 2px #949494;
}

.mmr-checklist .todo .fa-check{
	position: absolute;
	z-index: 1;
	left: -50px;
	top: 0;
	font-size: 1px;
	line-height: 36px;
	width: 36px;
	height: 36px;
	text-align: center;
	color: transparent;
	text-shadow: 1px 1px 0 white, -1px -1px 0 white;
}

:checked + .todo { color: #717171; text-decoration: line-through; }
:checked + .todo:before { width: 100%; }

:checked + .todo:after{
	-webkit-box-shadow: inset 0 0 0 2px #039146;
	-moz-box-shadow: inset 0 0 0 2px #039146;
	box-shadow: inset 0 0 0 2px #039146;
}

:checked + .todo .fa-check{
/*	font-size: 20px;
	line-height: 35px;*/
	font-size: 40px;
    line-height: 55px;
	color: #039146;
}



.checklist_form {
	width: 100%;
	display: block;
	margin: 10px 0 0 0;
	border-radius: 10px;
	text-align: center;
}

div.mmr-checklist{
	position: relative;
/*	padding: 20px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);*/
}

div.mmr-checklist:before{
	content: "";
	position: absolute;
	z-index: -1;
	top: 50%;
	bottom: 0;
	left: 10px;
	right: 10px;
}

.checklist_form input.input-field {
	border-radius: 3px;
    padding: 8px;
    border: 1px solid #888;
    font-size: 16px;
}
.mmr_option-line { text-align: center; }
.mmr_option-line button { margin-right: 5px; margin-bottom: 5px; }
.mmr_option-line button:last-of-type { margin-right: 0px; }
div.mmr-checklist button,
div.mmr-checklist input[type="submit"],
div.mmr-checklist .submit_btn,
.mmr_option-line button {
	position: relative;
	border: 1px solid #036F36;
	text-align: center;
	box-sizing: border-box;
	background: #039146;
	background-color: #039146;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
	-moz-box-shadow: 3px;
	-webkit-box-shadow: 3px;
	-ms-box-shadow: 3px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3);
	-ms-box-shadow: 0 1px 1px rgba(0,0,0,0.3);
	cursor: pointer;
	font-size: 1em;
	padding: 8px;
	display: inline-block;
	min-width: 170px;
}
/*button.disabled {
	background-color: #e9e9e9;
	color: #868686;
	border: 1px solid #a9a9a9;
}*/

li p { margin: 0; }

.input-wrap { display: inline-block;}

.singupemail_result { display: none; }

.popup-inner .emailmemail_body > .whySignup_description { padding-bottom: 0; padding-top: 10px;}

h2.whySignup, h2.whyEmailMe { margin: 0 0 10px 0; padding: 0; font-size: 22px; }
.whySignup_description { margin-bottom: 10px; }

.singupemail_body {
	width: 100%;
	max-width: 695px;
	margin: 0 auto;
}

.singupemail_body .input-wrap, .singupemail_body input[type=submit],
.emailmemail_body .input-wrap, .emailmemail_body input[type=submit] {
	width: 32.7%;
	display: block;
	float: left;
	margin-right: 6px;
}
.singupemail_body input[type=submit], .emailmemail_body input[type=submit] { margin-right: 0; }

span.tooltip {
	color: rgba(255, 255, 255, 0.5);
	text-align: center;
	position: absolute;
	top: 40px;
	background: rgba(42, 42, 42, 0.85);
	left: -50%;
	width: 120px;
	padding: 5px;
	border-radius: 5px;
	display: none;
}
span.tooltip:before {
	content: '';
	width: 0;
	height: 0;
	left: 50%;
	top: -5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #4a4a4a;
	position: absolute;
	z-index: 10;
}
.btn_savelist > .tooltip { left: 0px; }
.btn_pdfList > .tooltip { left: -3px; }
.print_all_lists > .tooltip { left: -28px; }

.btn_savelist > .saved-msg {
	display: none;
	position: absolute;
	background: rgba(0, 0, 0, 0.7);
	padding: 5px;
	border-radius: 5px;
	bottom: -30px;
	left: 10px;
}

button.disabled { position: relative; }
/*button.disabled:hover > span.tooltip { display: block; } */


/* POPUP BOX */
/* Outer */
.mmr-checklist-popup {
	z-index: 9000;
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(0,0,0,0.75);
}
 
/* Inner */
.mmr-checklist-popup .popup-inner {
	max-width: 500px;
	width: 90%;
	padding: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	box-shadow: 0px 2px 6px rgba(0,0,0,1);
	border-radius: 3px;
	background: #fff;
}

.mmr-checklist-popup .popup-inner .checklist_form { margin: 0; }
 
/* Close Button */
.mmr-checklist-popup a.popup-close {
	width:30px;
	height:30px;
	padding-top:4px;
	display:inline-block;
	position:absolute;
	top:0px;
	right:0px;
	transition:ease 0.25s all;
	-webkit-transform:translate(50%, -50%);
	transform:translate(50%, -50%);
	border-radius:1000px;
	background:rgba(0,0,0,0.8);
	font-family:Arial, Sans-Serif;
	font-size:20px;
	text-align:center;
	line-height:100%;
	color:#fff;
}
 li.emptyline {
	display: none;
}
.mmr-checklist .printing-unlock-warning {
	display: none;
}

/* END POPUP Style */
#anchor_option-line { min-height: 56px; }
.mmr_option-line { padding: 5px 0; }
.mmr_option-line.fixed-top {
    display: block;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 300;
    box-shadow: 0 -5px 30px #b1b1b1;
}

.checklist_form .error {
	display: none;
	max-width: 500px;
	color: red;
	background: #fff;
	padding: 15px;
	border-radius: 5px;
	border: 1px solid red;
	margin: 5px auto;
	font-weight: bold;
}

/* *********************************************
 * *********** FORMS SITE SETTINGS *************
 * *********************************************/
/*
 * -== All Float Labals ==-
 * The labels effect that appears on the top once the field is active,
 * so the user knows what he is filling in
 *
 */
.mmr-checklist .float-label .control {
	position: relative;
}

.mmr-checklist .float-label input,
.mmr-checklist .float-label select,
.mmr-checklist .float-label textarea {
	background: #fff;
	color: #333;
	display: block;
	outline: 0;
	resize: none;
	padding: 4px 8px 4px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #555;
	border-radius: 3px;
}
/*.float-label input:valid,*/
.mmr-checklist .float-label input:not(:placeholder-shown)
.mmr-checklist .float-label select:valid,
.mmr-checklist .float-label textarea:valid {
	/*padding: 12px 8px 3px 8px;*/
	color: #000;
}
.mmr-checklist .float-label label,
.mmr-checklist .float-label textarea + label {
	position: absolute;
	top: -20px;
	transition: top 0.7s ease;
	opacity: 0;
	font-size: 12px;
	font-weight: 600;
	color: #039146;
	left: 24px;
	pointer-events: none;
}
.mmr-checklist .float-label input:not(:placeholder-shown) ~ label
.mmr-checklist .float-label select:valid ~ label,
.mmr-checklist .float-label textarea:valid ~ label {
	opacity: 1;
	top: 0;
	left: 8px;
	transition: opacity, top 0.7s ease;
	padding: 0 2px;
}
.mmr-checklist label.no-float {
	position: relative;
	opacity: 1;
	top: initial;
	font-size: initial;
	font-weight: initial;
	color: initial;
	left: initial;
}

.float-label input[type="radio"] {
	display: inline-block;
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio;
	margin: 0 auto;
}

.mmr-checklist .float-label input[type="submit"] { color: #fff; padding: 8px !important; }

.mmr-checklist input[type="text"],
.mmr-checklist input[type="email"],
.mmr-checklist input[type="submit"] {
	min-height: 40px;
/*	line-height: 40px;*/
}

/* Popup with Email me some modifications */
ul.emailme_choice > li { display: inline-block; margin-right: 20px; }
ul.emailme_choice > li:last-of-type { margin-right: 0; }

ul.emailme_choice > li > input[type="radio"] { margin: 6px; }

.emailme_choice {
	position: relative;
	height: 43px;
	width: 326px;
	margin: 20px auto;
	color: #ccc;
	border-radius: 3px;
	border: 2px solid #f4f4f4;
	background: #f4f4f4;
}

.switch-label {
	position: relative;
	z-index: 2;
	float: left;
	width: 160px;
	line-height: 38px;
	color: #888;
	text-align: center;
	cursor: pointer;
}
.switch-label:active {
	color: #fff;
}

.switch-label-tofrd { padding-left: 2px; }
.switch-label-tome { padding-right: 2px; }
.switch-input {
    visibility: hidden;
    position: absolute;
}

.switch-input:checked + .switch-label {
	color: #fff;
	text-shadow: 0 1px rgba(255, 255, 255, 0.25);
	-webkit-transition: 0.15s ease-out;
	-moz-transition: 0.15s ease-out;
	-ms-transition: 0.15s ease-out;
	-o-transition: 0.15s ease-out;
	transition: 0.15s ease-out;
	-webkit-transition-property: color, text-shadow;
	-moz-transition-property: color, text-shadow;
	-ms-transition-property: color, text-shadow;
	-o-transition-property: color, text-shadow;
	transition-property: color, text-shadow;
}
.switch-input:checked + .switch-label-tofrd ~ .selection-indicator {
	left: 162px;
	/* Note: left: 50%; doesn't transition in WebKit */
}
.selection-indicator {
	position: absolute;
	z-index: 1;
	top: 4px;
	left: 4px;
	display: block;
	width: 156px;
	height: 32px;
	border-radius: 3px;
	background-color: #039146;
	-webkit-transition: left 0.15s ease-out;
	-moz-transition: left 0.15s ease-out;
	-ms-transition: left 0.15s ease-out;
	-o-transition: left 0.15s ease-out;
	transition: left 0.15s ease-out;
}

/* Modify on Email Me form and friend form */
.mmr-checklist-popup form.float-label  {
	max-width: 400px;
	margin: 0 auto;
}
.mmr-checklist-popup form.float-label > input,
.mmr-checklist-popup form.float-label .input-wrap,
.mmr-checklist-popup form.float-label .input-wrap > input {
	width: 100%;
	display: block;
	float: none;
}

/* ===== MOBILE ===== */
@media only screen and (max-width: 768px) and (min-width: 523px) {
	div.mmr-checklist button.enabled, div.mmr-checklist input[type="submit"] {
		background: #039146;
	}
	.mmr-checklist .todo:after {
		left: -40px;
	}
	.mmr-checklist .todo .fa-check {
		left: -40px;
	}
	.checklist_form .input-wrap {
		display: block;
		margin-bottom: 3px;
	}
	.input-wrap > label {
		display: inline-block;
		/* width: 60px; */
	}
	.popup-inner input.input-field, input.input-field {
		width: 100%;
		max-width: 100%;
		border-radius: 3px;
	}
	div.mmr-checklist input[type="submit"] {
		width: 100%;
		min-width: 325px;
		text-align: center;
	}

	div.mmr-checklist .popup-inner input[type=submit],
	div.mmr-checklist input[type=submit] {
		width: 100%;
	}

	.emailmemail_body .whySignup_description { margin-bottom: 0; }

	.popup-inner .input-wrap { padding-left: 0; }
	.popup-inner .input-wrap input { max-width: 100%; width: 100%;}
	.popup-inner .input-wrap, .mmr-checklist .input-wrap { width: 100%; }
	.popup-inner input[type=submit], .mmr-checklist input[type=submit] { max-width: 100%; width: 100% !important;}

	.singupemail_body { padding: 10px; }
	
	button.disabled:hover > span.tooltip { display: none; }
}
@media only screen and (max-width: 523px) and (min-width: 359px) {
	.mmr-checklist .todo:after { left: -38px; }
	.mmr-checklist .todo .fa-check { left: -40px; }
	/*.mmr_option-line button:nth-of-type(odd) { margin-left: 0; }*/
	/*.mmr_option-line button:nth-of-type(even) { margin-right: 0; clear: both;}*/

	.popup-inner .input-wrap input { max-width: 100%; width: 100%;}
	.popup-inner .input-wrap, .mmr-checklist .input-wrap { width: 100%; }
	.popup-inner input[type=submit], .mmr-checklist input[type=submit] { max-width: 100%; width: 100% !important;}

	.singupemail_body { padding: 10px; }
}
@media only screen and (max-width: 358px) {
	.mmr-checklist .todo:after { left: -38px; }
	.mmr-checklist .todo .fa-check { left: -40px; }
	.mmr_option-line button { margin-left: 0; margin-right: 0; }

	.popup-inner .input-wrap input { max-width: 100%; width: 100%;}
	.popup-inner .input-wrap, .mmr-checklist .input-wrap { width: 100%; }
	.popup-inner input[type=submit], .mmr-checklist input[type=submit] { max-width: 100%; width: 100% !important;}

	.singupemail_body { padding: 10px; }
}
/* Printing the body */
@media print {

	#header { text-align: center; }
	.logo-site { -webkit-print-color-adjust: exact; position: relative;
    margin: 0 auto; }
	#topmenus, #headersearch, .navbar-bg, .article-quote-wrapper, #navigation, #breadcrumbs, .yarpp-related, .as-seen-in, #commentpost, #footer, .social-buttons-wrap { display: none; }
	#main { border: 0; }

	.mmr-checklist .printing-unlock-warning { display: block !important; }
	.printing .mmr-checklist .printing-unlock-warning { display: none !important; }

	.printing .mmr-checklist { display: block !important; }
	.printing .mmr-checklist .mmr-checlist-optionline { display: none; }
	.printing .mmr-checklist input[type="checkbox"] {
		position: absolute;
		height: 40px;
		width: 40px;
		opacity: 1;
		top: 0px;
		left: -9px;
	}
	.printing .mmr-checklist :checked + .todo { color: #000; text-decoration: none;  }
	.printing .mmr-checklist :checked + .todo .fa-check { display: none; }
	.printing .mmr-checklist .todo:before { opacity: 1; background: none; }
	.printing .mmr-checklist .todo:after { display: none; }

	.printing.post-content-single > p { display: none; }
	.printing.post-content-single > img { display: none; }
	.printing.post-content-single > .wp-caption { display: none; }
}