html {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
*,
*:before,
*:after {
	box-sizing: inherit;
	-moz-box-sizing: inherit;
	-webkit-box-sizing: inherit;
}
* { max-height: 1000000px; }
body {
	margin: 0;
    padding: 0;
	color: #000;
	font: 400 18px/22px "proxima-nova", Arial, Helvetica, sans-serif;
	background: #fff;
	min-width: 320px;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary { display: block; }
img { border-style: none; }
a {
	text-decoration: none;
	color: #178617;
	outline: none;
}
a:hover  { color: #157215 !important; }
a:active { color: #1eb71e !important; }
a:focus  { outline: none !important;  }
input,
textarea,
select {
	font: 100% Arial, Helvetica, sans-serif;
	vertical-align: middle;
	color: #000;
}
textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}
form,
fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
 padding:0;
 border:0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
input[type="search"] { -webkit-appearance: none; }
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-decoration {
display:none;
}
q { quotes: none; }
q:before,
q:after {
	content: '';
	content: none;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}
p { margin: 0 0 1.2em; }
#wrapper {
	overflow: hidden;
	position: relative;
}
#header {
	padding: 5px 0 6px;
	background: #f2f2f2 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYyJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f2f2f2 0%, #f2f2f2 22%, #f8f8f8 52%, #fcfcfc 62%, #fbfbfb 65%, #fff 82%, #fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(22%, #f2f2f2), color-stop(52%, #f8f8f8), color-stop(62%, #fcfcfc), color-stop(65%, #fbfbfb), color-stop(82%, #fff), color-stop(100%, #fff));
	background: -webkit-linear-gradient(top, #f2f2f2 0%, #f2f2f2 22%, #f8f8f8 52%, #fcfcfc 62%, #fbfbfb 65%, #fff 82%, #fff 100%);
	background: -o-linear-gradient(top, #f2f2f2 0%, #f2f2f2 22%, #f8f8f8 52%, #fcfcfc 62%, #fbfbfb 65%, #fff 82%, #fff 100%);
	background: -ms-linear-gradient(top, #f2f2f2 0%, #f2f2f2 22%, #f8f8f8 52%, #fcfcfc 62%, #fbfbfb 65%, #fff 82%, #fff 100%);
	background: linear-gradient(to bottom, #f2f2f2 0%, #f2f2f2 22%, #f8f8f8 52%, #fcfcfc 62%, #fbfbfb 65%, #fff 82%, #fff 100%);
	position: relative;
}
#header:before {
	position: absolute;
	content: "";
	background: #015f01;
	width: 100%;
	height: 4px;
	left: 0;
	top: 0;
	right: 0;
}
.container {
	min-width: 320px;
	margin: 0 auto;
	padding: 0 50px;
}
.container font.green { color: #178617; }
.header-top {
	/* overflow: hidden; */
	padding: 11px 3px 1px 5px;
}

.header-top:after {
clear:both;
content:"";
display:block;
} 

.logo {
	float: left;
	margin: 2px 76px 0px 76px;
	width: 206px;
	height: 45px;
}
.logo img {
	display: block;
	vertical-align: top;
}

/*
.nav {
	margin-left: 52px;
}
*/

.nav>li>a, .nav>li>a {
    color: #178617;
    padding-left: 18px;
    padding-right: 18px;
}
.nav>li>a:hover, .nav>li>a:focus {
    background-color: inherit;
    text-decoration: none;
    color: #178617;
}
.nav>li.active>a {
	font-weight: bold;
    background-color: inherit;
    text-decoration: none;
}
.nav .dropdown-menu a:hover {
    background-color: #178617;
    color: white;
}
.navbar-nav {
    display: inline-block !important;
    float: none !important;
}
.navbar-nav > .active > a {
    background-color: #eee;
    text-decoration: none;
}
.navbar-nav > .active ul .active a {
    background-color: #178617;
    color: white;
}
.navbar-nav li {
    float: left;
}
#header .headings {
	padding: 20px 0 10px 0;
	text-align: center;
}
#header h1 {
	font: 500 34px/46px "Effra", Arial, Helvetica, sans-serif;
	margin: 0 0 10px;
	letter-spacing: -1px;
}
#header span {
	text-decoration: none;
	color: #000;
}

#header a:hover span { color: #178617; }

#header font.green { color: #178617; }

#header h2 {
	font: 600 24px/30px "proxima-nova", Arial, Helvetica, sans-serif;
	margin: 0 0 10px;
}
.hero-area {background: #4c980f url(//cdn.clickmagick.com/images/homepage/pattern.png);}
.hero-area .holder {
	max-width: 1196px;
	padding: 40px 10px 45px;
	margin: 0 auto;
	background: #4c980f url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjOTgwZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjNGM5ODBmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjNGM5ODBmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRjOTgwZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(left,  rgba(76,152,15,0.5) 0%, rgba(76,152,15,1) 10%, rgba(76,152,15,1) 90%, rgba(76,152,15,0.5) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(76,152,15,0.5)), color-stop(10%,rgba(76,152,15,1)), color-stop(90%,rgba(76,152,15,1)), color-stop(100%,rgba(76,152,15,0.5)));
	background: -webkit-linear-gradient(left,  rgba(76,152,15,0.5) 0%,rgba(76,152,15,1) 10%,rgba(76,152,15,1) 90%,rgba(76,152,15,0.5) 100%);
	background: -o-linear-gradient(left,  rgba(76,152,15,0.5) 0%,rgba(76,152,15,1) 10%,rgba(76,152,15,1) 90%,rgba(76,152,15,0.5) 100%);
	background: -ms-linear-gradient(left,  rgba(76,152,15,0.5) 0%,rgba(76,152,15,1) 10%,rgba(76,152,15,1) 90%,rgba(76,152,15,0.5) 100%);
	background: linear-gradient(to right,  rgba(76,152,15,0.5) 0%,rgba(76,152,15,1) 10%,rgba(76,152,15,1) 90%,rgba(76,152,15,0.5) 100%);
}
.hero-area .wrap {
	margin: 0 0 11px;
	font-size: 0;
	line-height: 0;
}
.video-holder {
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	width: 660px;
	position: relative;
	padding-bottom: 20px;
}
.video-holder a { display: block; }
.video-holder .btn-play {
	border-bottom: 17px solid transparent;
	border-left: 41px solid #fff;
	border-top: 19px solid transparent;
	height: 0;
	left: 50%;
	margin: -24px 0 0 -7px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	width: 0;
}
.video-holder a:hover .btn-play {
	text-decoration: none;
	border-left-color: #fff600;
}
.video-holder img {
	vertical-align: top;
	display: block;
	border: 1px solid rgba(0,0,0,0.5);
}

.video-holder-top {
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	max-width: 660px;
	min-width: 320px;
	position: relative;
	padding-bottom: 20px;
}
.video-holder-top a { display: block; }
.video-holder-top .btn-play {
	border-bottom: 17px solid transparent;
	border-left: 41px solid #fff;
	border-top: 19px solid transparent;
	height: 0;
	left: 50%;
	margin: -24px 0 0 -7px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	width: 0;
}
.video-holder-top a:hover .btn-play {
	text-decoration: none;
	border-left-color: #fff600;
}
.video-holder-top img {
	vertical-align: top;
	display: block;
	border: 0px;
}

.feature-list {
	display: inline-block;
	vertical-align: top;
	width: 326px;
	margin: 0 0 0 50px;
}
.feature-list ul {
	padding: 10px 0;
	margin: 0;
	list-style: none;
}
.feature-list li {
	font: 600 18px/22px "proxima-nova", Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0 0 25px;
	padding: 0 0 0 41px;
	position: relative;
	text-align: left;
}
.feature-list li:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	background: url(//cdn.clickmagick.com/images/homepage/sprite.png) no-repeat -10000px 0;
	width: 35px;
	height: 34px;
	padding-bottom: 0px;
}
.feature-list .globe:before { background-position: -1px 0; }
.feature-list .funnel:before { background-position: -1px -46px; }
.feature-list .documents:before {
	background-position: -8px -85px;
	left: 7px;
	top: -8px;
}
.feature-list .center:before {
	background-position: -1px -137px; 
	top: -2px;
}
.feature-list .location:before {
	background-position: -1px -180px;
	top: -5px;
}
.feature-list .lock:before { background-position: -1px -227px; }
.feature-list .flash:before {
	background-position: -1px -271px;
	top: -5px;
}
.feature-list .chat:before {
	background-position: 0 -319px;
	top: -4px;
}
.feature-list-narrow {
	display: inline-block;
}
.feature-list-wide {
	display: none;
}

.btn {
	background: #ffd800;
	color: #4d442f;
	display: block;
	border-radius: 5px;
	box-shadow: inset 0 -4px 0 #dcbd17;
	-webkit-box-shadow: inset 0 -4px 0 #dcbd17;
	padding: 18px 20px 26px;
	font: 700 19px/22px "proxima-nova", Arial, Helvetica, sans-serif;
	position: relative;
	text-align: center;
	white-space: normal;
	max-width: 580px;
    	margin: 0 auto;
}
.btn:before,
.btn:after {
	position: absolute;
	content: '';
	background: url(//cdn.clickmagick.com/images/homepage/sprite.png) no-repeat -56px -230px;
	width: 69px;
	height: 118px;
	left: -96px;
	top: -32px;
}
.btn:after {
	right: -94px;
	left: auto;
	background-position: -139px -230px;
}
.hero-area .btn:before,
.hero-area .btn:after { top: -30px; }
.hero-area .btn:before { background-position: -55px -100px; }
.hero-area .btn:after { background-position: -139px -100px; }
.btn:hover {
	text-decoration: none;
	background: #ffde00;
}
.btn h2 {
	font: 500 34px/42px "Effra", Arial, Helvetica, sans-serif !important;
	color: #000;
	margin: 0 0 3px !important;
	position: relative;
}
.btn h2:after {
	position: absolute;
	content: '';
	background: url(//cdn.clickmagick.com/images/homepage/sprite.png) no-repeat -77px 0;
	width: 85px;
	height: 85px;
	right: -84px;
	top: -6px;
}
.btn > span { display: block; }



.testimonials { margin: 0; } /* 0 0 28px */
.testimonials .holder {
	background: #2e6303;
	margin: 0 0 62px;
}
.testimonials .heading {
	text-align: center;
	background: #2e6303;
	padding: 38px 10px 25px;
	color: #fff;
	position: relative;
}
.testimonials .heading:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -16px;
	width: 0;
	height: 0;
	border-left: 83px solid transparent;
	border-right: 83px solid transparent;
	border-top: 16px solid #2e6303;
	margin: 0 0 0 -84px;
}
.testimonials h2 {
	font: 500 36px/40px "Effra", Arial, Helvetica, sans-serif;
	margin: 0 0 14px;
}
.proof .comment-block{margin: 0;}
.testimonials.proof { margin: 0 0 77px; }
.proof .comments {margin: 0;}
.comment-block { margin: 0; } /* 0 0 62px */
.comments { margin: 0 0 29px; }
.comments blockquote,
.comments p { margin: 0 0 20px; }
.comment-list {
	list-style: decimal;
	font-weight: 700;
	padding: 3px 0 0 23px;
	margin: 0;
}
.comment-list li { margin: 0 0 20px; }
.comment-list li span { font-weight: 400; }
.comments figure {
	display: inline-block;
	vertical-align: top;
	width: 110px;
	margin: 0 3px;
}
.proof .comments figure{width: 117px;}
.comments figure.align-right { margin: 0 0 0 18px; }
.comments .image-holder {
	max-width: 110px;
	max-height: 110px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 0 8px;
}
.comments img { vertical-align: top; }
.comments figcaption {
	font: 400 14px/18px "proxima-nova", Arial, Helvetica, sans-serif;
	padding: 0 0 0 9px;
}
.comments .by {
	font-weight: 700;
	color: #858585;
	display: block;
}
.comments .comment {
	min-height: 153px;
	padding: 30px 30px 16px;
	background: #efefef;
	border-radius: 16px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	max-width: 80%;
	margin: 4px 0 48px; /* 4px 0 0 40px */
}
.comments .comment.align-right { margin-left: 0; }
.proof .comments .comment {
	margin: 4px 0 48px;
	width: 857px;
}

.testimonials .comments .comment.align-right { margin: 4px 15px 48px 0; }
.testimonials .comments .comment.align-left { margin: 4px 0 48px 15px;  }

.proof .comments .comment.align-right { margin: 4px 15px 48px 0; }
.proof .comments .comment.align-left { margin: 4px 0 48px 15px;  }

.comments .comment:before,
.comments .comment:after {
	content: '';
	position: absolute;
	background: url(//cdn.clickmagick.com/images/homepage/sprite.png) no-repeat -173px 0;
	width: 35px;
	height: 22px;
	left: -35px;
	top: 98px;
}
.comments .comment:before { background: none; }
.comments .comment.align-right:after {
	background-position: -228px 0;
	left: auto;
	right: -35px;
}
#main {
	background: #efefef;
	padding: 0 0 20px;
}
.advertise-online {
	padding: 30px 0 47px;
	background: #efefef;
	text-align: center;
}
.advertise-online h2 {
	font: 500 36px/40px "Effra", Arial, Helvetica, sans-serif;
	margin: 20px 0 20px;
}
.platforms {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	width: 100%;
	text-align: center;
}
.platforms:after {
	display: inline-block;
	width: 100%;
	content: "";
	height: 0;
	font-size: 0;
	line-height: 0;
}
.platforms li {
	display: inline-block;
	vertical-align: top;
}
.platforms li {
    margin: 15px 15px 15px 15px;
}
.platforms span {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url(//cdn.clickmagick.com/images/homepage/platforms.png) no-repeat -10000px 0;
}
.platforms .google {
    margin-top: 4px;
	background-position: -50px -30px;
	width: 120px;
	height: 40px;
}
.platforms .facebook {
	background-position: -50px -90px;
	width: 44px;
	height: 44px;
}
.platforms .microsoft {
	background-position: -50px -150px;
	width: 204px;
	height: 45px;
}
.platforms .youtube {
	background-position: -50px -210px;
	width: 188px;
	height: 43px;
}
.platforms .instagram {
    background-position: -50px -270px;
    width: 45px;
    height: 44px;
}
.platforms .linkedin {
    background-position: -50px -330px;
    width: 44px;
    height: 44px;
}


.testimonials.comparison { margin: 0 0 41px; }
.testimonials.comparison .heading:after {
	left: 0;
	margin-left: 1px;
}
.testimonials .description { padding: 0 134px; }
.comparison .table-wrap {
	position: relative;
	margin: 0 0 50px;
	border-bottom: 5px solid #cfcfcf;
	border-radius: 0 0 15px 15px;
}
.comparison .table-wrap:before,
.comparison .table-wrap:after {
	content: '';
	position: absolute;
}
.comparison .table-wrap:after {
	border-left: 129px solid transparent;
	border-right: 129px solid transparent;
	border-top: 11px solid #cfcfcf;
	bottom: -15px;
	height: 0;
	left: 50%;
	margin: 0 0 0 -132px;
	width: 0;
}
.comparison .table-holder {
	overflow: hidden;
	border-radius: 15px;
}
.comparison .table { width: 100%; }
.comparison tr:first-child {
	-webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .19);
	box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .19);
}
.comparison .even { background: #fff; }
.comparison .odd { background: #f7f7f7; }
.comparison th {
	padding: 23px 0 20px;
	font: 700 24px/28px "proxima-nova", Arial, Helvetica, sans-serif;
	color: #fff;
	background: #4b970f;
	-webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .19);
	box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .19);
}
/*.comparison th:first-child {
	padding: 26px 44px 20px;
	text-align: left;
}*/
.comparison th.feature {
    width: 411px;
    min-width: 160px;
    text-align: center;
    vertical-align: middle;
}
.comparison th.check {
	background: #3b7c07;
	/*padding-top: 24px;*/
	width: 222px;
    max-width: 230px !important;
	text-align: center;
}
.comparison th.other {
	width: 221px;
    max-width: 230px !important;
    min-width: 100px;
    text-align: center;
    vertical-align: middle;
    
}
.comparison img { vertical-align: middle; }
.comparison td { padding: 6px; }
.comparison .last-child td { padding: 2px 47px; }
.comparison .feature {
	padding: 12px 6px 6px 47px;
	font: 600 18px/22px "proxima-nova", Arial, Helvetica, sans-serif;
}
.comparison td.check {
	text-align: center;
	background: rgba(246, 246, 246, 0.5);
}
.comparison .other {
	text-align: center;
    vertical-align: middle;
	font-size: 18px;
	line-height: 25px;
}

#full-logo {
	display: inline;
}
#small-logo {
	display: none;
}

.testimonials.review .heading { padding: 38px 10px 31px; }

.testimonials.review { padding-bottom: 40px; }

.features-block { padding: 14px 0; }
.feature {
	margin: 0 0 32px;
	overflow: hidden;
}
.feature .image-holder { width: auto; }
.feature .description {
	overflow: hidden;
	padding: 14px 0;
}
.feature .image-holder.align-left {
	float: left;
	margin: 0 39px 0 0;
	/*width*/: 371px;
	width: 25%;
}
.feature .image-holder.align-right {
	float: right;
	margin: 4px 0 0 50px;
	/*width: 375px;*/
	width: 25%;
}
.feature h3 {
	font: 500 30px/34px "Effra", Arial, Helvetica, sans-serif;
	margin: 0 0 27px;
}
.feature h3 span { font-weight: 400; }
.feature p { margin: 0 0 21px; }
.testimonials.copy-block .heading p { font-style: italic; }
.testimonials.copy-block .holder { margin: 0 0 75px; }
.copy-block p span {
	font-weight: 700;
	font-style: italic;
}
.copy-block p strong { font-weight: 700; }
.alert{
	display: block;
	margin: 0 0 58px;
}
.text-underline {
	border-bottom: 1px solid #d4d4d4;
	text-decoration: none;
}
.ad-list {
	margin: 0;
	padding: 7px 0 20px 37px;
	list-style: none;
}
.ad-list li {
	//font-weight: 700;
	margin: 0 0 18px;
	padding: 5px 0 5px 44px;
	position: relative;
}
.ad-list li:before {
	position: absolute;
	content: "";
	background: url(//cdn.clickmagick.com/images/homepage/sprite.png) no-repeat -184px -45px;
	width: 31px;
	height: 31px;
	left: 0;
	top: 0;
}
.testimonials.copy-block { margin: 0 0 84px;}
.copy-block p { margin: 0 0 22px; }
.testimonials p strong { font-weight: 700; }
.testimonials p em { font-style: italic; }
.copy-block h1 {
	font: 500 42px/50px "Effra", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 14px 105px 25px;
	text-align: center;
}
.copy-block h3 {
	font: 500 36px/44px "Effra", Arial, Helvetica, sans-serif;
	margin: 0;
	text-align: center;
	padding: 14px 50px 25px;
}
.copy-block .info { margin: 0 0 46px; }
.copy-block h4 {
	font: 500 italic 25px/30px "Effra", Arial, Helvetica, sans-serif;
	margin: 0;
	color: #2e6303;
	text-align: center;
	padding: 0 105px;
}
.copy-block .price { font-weight: 400; }
.copy-block h1 a { 
	text-decoration: none; 
	font-weight: 900;
}
.copy-block h1 a:hover { color: #000; }
.video-gallery {
	font-size: 0;
	line-height: 0;
	margin: 0 -17px 12px;
	padding: 0;
	list-style: none;
	text-align: center;
}
.video-gallery .video-holder {
	width: 481px;
	margin: 0 17px 20px;
}
.faq-block {
	background: #efefef;
	margin: 0 0 74px;
	padding: 0 0 42px;
}
.accordion {
	padding: 0;
	margin: 0;
	list-style: none;
    width: 86%;
    display: inline-block;
}
.accordion li {
	margin: 0 0 15px;
	overflow: hidden;
}
.accordion li span {
	padding: 11px 13px 5px;
	position: absolute;
	left: 0;
	top: 0;
	background: #2e6303;
	color: #fff;
	font: 700 30px/34px "proxima-nova", Arial, Helvetica, sans-serif;
}
.accordion .opener {
	color: #000;
	background: #fff;
	display: block;
	padding: 16px 15px 11px 79px;
	font: 700 20px/24px "proxima-nova", Arial, Helvetica, sans-serif;
	position: relative;
}
.accordion .active .opener,
.accordion .opener:hover {
	color: #fff !important;
	background: #2e6303;
	text-decoration: none;
}
.accordion .active span,
.accordion a:hover span { background: #224903; }
.accordion .slide {
	background: #fbfbfb;
	padding: 26px 33px 2px;
}
.accordion p { margin: 0 0 22px; }
#footer {
	/*width: 1000px;*/
	width: 100%;
	margin: 0 auto;
	padding: 70px 0 0 0;
}
.footer-holder {
	text-align: center;
	/*width: 803px;*/
    width: 65%;
	margin: 0 auto;
	position: relative;
}
.footer-nav { margin: 0 0 18px; }
.footer-nav ul {
	padding: 17px 10px 0;
	margin: 0;
	list-style: none;
}
.footer-nav li {
	display: inline-block;
	vertical-align: top;
	margin: 0;
}
.footer-holder:before {

}
.footer-bottom {
	font-size: 14px;
	line-height: 18px;
}
.footer-bottom ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.footer-bottom li { margin: 0 6px; }

font.fine,td.fine {

	font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #000000;

}

font.gray,td.gray {
	color: #bababa;
}

.davideisner {
	width: 100%;
	max-width: 478px;
	padding: 5px 10px;
}
.danwiggs {
	width: 100%;
	max-width: 478px;
	padding: 5px 10px;
}

.inline {
	display: inline-block;
}


/* ########## public site footer ################################################################### */

.footer a:link, 
.footer a:visited {
    color: white;
    text-decoration: none;
}

.footer a:hover {
    color: #bababa !important;
    text-decoration: none;
}

.footer a:active {
    color: #bababa !important;
    text-decoration: none;
}

.footer a:focus { 
    outline: none; 
}

font.small,td.small {
    font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
}

font.tiny,td.tiny {
    font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 12px;
}

/* ########## media rules ######################################################################### */

@media only screen and (min-width: 990px)  and (max-width: 1200px) {

	.feature-list-narrow {
		display: none;
	}
	.feature-list-wide {
		display: block;		
  	}

  	.comments .comment {
		margin-left: 15px;
	}
    .btn {
        padding-left:  40px;
        padding-right: 40px;
    }
    #hero-button {
        left: 100px;
    }
    
    .logo {
        margin: 0 0 0 20px;
    }
    .nav {
        margin-left: 30px;
    }
    ul.navbar-nav li:nth-child(3) {
        padding-right: 30px !important;
    }


    .pickOnePadding {
        display: none !important;
    }

    .box {
        width: 43% !important;
    }
    
}

@media only screen and (max-width: 990px) {
	.logo {
		float: none;
		margin: auto auto;
	}
	.nav {
		margin-left: 140px;
	}
    .container {
	    padding: 0 25px;
    }
}

@media only screen and (max-width: 1200px) {
	.hero-area .wrap {
		text-align: center;
	}
}

@media only screen and (max-width: 990px) {

	.btn h2 {
		font: 500 28px/32px "Effra", Arial, Helvetica, sans-serif !important;
	}
	a.btn {
		padding: 10px 0;
        max-width: 520px;
	}

        .heading h2 {
	    font: 500 24px/28px "Effra", Arial, Helvetica, sans-serif !important;
        }

	.testimonials .description {
		padding: 0 0;
	}

	.feature-list {
		width: 100%;
	}
	.feature-list li {
		font: 600 28px/32px "proxima-nova", Arial, Helvetica, sans-serif;
	}

	.comments .comment {
		max-width: 70%;
	}
	.comment-block {
    	margin: 0 0 20px 15px; /* 0 0 62px 15px */
	}
	.container {
		padding: 10px;
	}
	.footer-holder {
		width: 90%;
	}
	.nav {
		margin-left: 40px;
	}


    .pickOnePadding {
        display: none !important;
    }

    .pickOneMiddle {
        width: 8% !important;
    }

    .box {
        width: 46% !important;
    }

}

@media only screen and (max-width: 900px) {
    .btn::before, .btn::after {
        display: none;
    }
}

@media only screen and (max-width: 820px) {
    #headlineText {
        font-size: 30px !important;
    }
    #subheadText {
        font-size: 20px !important;
    }
}

@media only screen and (max-width: 710px) {
    .nav {
        margin-left: 150px;
    }
	.feature-list {
		margin: 0 0 0 15px;
	}
	.feature-list li {
		font: 600 24px/28px "proxima-nova", Arial, Helvetica, sans-serif;
	}
	.nav {
		margin-left: 50px;
	}
    .comments .comment {
        max-width: 60%;
        padding: 15px;
    }
	.comment-block {
    	margin: 0; /* 0 0 62px 0 */
	}
}

@media only screen and (max-width: 630px) {
	.feature-list {
		margin: 0 0;
	}
	.feature-list li {
		font: 600 18px/22px "proxima-nova", Arial, Helvetica, sans-serif;
	}
	.btn {
	    font: 500 17px/20px "proxima-nova", Arial, Helvetica, sans-serif;
	}
	.btn h2 {
		font: 500 24px/28px "Effra", Arial, Helvetica, sans-serif !important;
	}
}

@media only screen and (max-width: 620px) {
	#comparison-chart {
		padding: 0 0;
	}

    .navbar-nav > li > a {
        padding-left: 12px;
        padding-right: 12px;
    }
    .footer-nav li > a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 570px) {
	.nav {
		margin-left: 5px;
	}
}

@media only screen and (max-width: 525px) {
    #full-logo {
        display: none;
    }
    #small-logo {
        display: inline;
    }
    #comparison-chart th.feature, #comparison-chart th.other {
        font-size: 20px;
        vertical-align: middle;
        padding-top: 16px;
    }
    .comments .comment {
        max-width: 55%;
    }
	.btn {
	    font: 500 15px/18px "proxima-nova", Arial, Helvetica, sans-serif;
	}
	.btn h2 {
		font: 500 20px/24px "Effra", Arial, Helvetica, sans-serif !important;
	}
}

@media only screen and (max-width: 495px) {
	.comparison .feature {
		padding-left: 17px;
        font-size: 18px;
	}
    .navbar-nav > li > a {
        font-size: 90%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .footer-nav li > a {
        font-size: 12px;
    }
}

@media only screen and (max-width: 420px) { /* portrait phone */
    #headlineText {
        font-size: 24px !important;
    }
    #subheadText {
        font-size: 20px !important;
    }

    #footer1 {
        display: none !important;
    }
    #footer2 {
        display: block !important;
    }

    #nav {
        display: none !important;
    }
    #nav2 {
        display: block !important;
    }

    #featuresCompetitors {
        display: none !important;
    }
    #featuresOthers {
        display: block !important;
    }
    
    
    .feature .image-holder.align-left {
        float: none;
        margin: 0 0 30px 0;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }

    .feature .image-holder.align-right {
        float: none;
        margin: 0 0 30px 0;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }


    .pickOneArrows {
        display: none !important;
    }

     .pickOneMiddle {
        display: none !important;
    }

    .box {
        float: none !important;
        width: 100% !important;
    }

    .box2 {
        margin-top: 60px !important;
        margin-bottom: 0px !important;
    }
    
}

@media only screen and (max-width: 360px) {
	.nav {
		margin-left: 10px;
	}
}