@font-face {
	font-family: AvenirNextCyr;
	src: url(fonts/AvenirNextCyr-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/AvenirNextCyr-Regular.otf) format('opentype'), url(fonts/AvenirNextCyr-Regular.woff) format('woff'), url(fonts/AvenirNextCyr-Regular.ttf) format('truetype'), url(fonts/AvenirNextCyr-Regular.svg#AvenirNextCyr-Regular) format('svg');
	font-weight: 400;
	font-style: normal;
    font-display: swap;
}

html, body {
    padding: 0; margin: 0;
    background: transparent;
    width: 100vw;
}

h2 {
    padding: 10px 3vw 8px 3vw;
    margin: 0;
    font-size: 1.5em;
    font-weight: 700;
    font-display: swap;
    font-family: AvenirNextCyr,Arial,sans-serif;
    color: rgb(80, 182, 72);
}

h3 {
    padding: 0 3vw;
    margin: 0;
    font-size: 1.25em;
    font-weight: 700;
    font-display: swap;
    font-family: AvenirNextCyr,Arial,sans-serif;
    color: rgb(80, 182, 72);
}

i { font-size: 0.75em; }

p {
    font-size: 0.9em;
    padding: 5px 3vw;
    letter-spacing: .03em;
    line-height: 1.9em;
    margin: 0 auto;
    font-display: swap;
    font-family: AvenirNextCyr,Arial,sans-serif;
    color: #201d1d;
}

label {
    font-size: 1em;
    padding: 5px 5px;
    letter-spacing: .03em;
    line-height: 1.9em;
    font-display: swap;
    font-family: AvenirNextCyr,Arial,sans-serif;
    color: #201d1d;
}

p.big-fish {
    padding: 10px 3vw;
    font-style: italic;
    color: #73818C;
    font-size: 14px;
}

p.big-fish span {
    font-weight: 700;
    font-style: normal;
}

#calc-container {
    width: 88vw;
    padding: 25px 0;
    margin: 0 auto;
}

.toggle-wrap {
    padding: 15px 3vw;
}

.ui-state-focus, .ui-slider-handle { border-radius: 25px; outline: none; margin-top: -5px; }

#revenueSlider {
    background: #eee;
    border: none;
	float: left;
	clear: left;
    width: 82vw;
    height: 2px;
	margin: 15px 3vw;
}
#revenueSlider .ui-slider-range { 
	background: #50b648; 
}

#revenueSlider .ui-state-default, .ui-widget-content .ui-state-default {
	background: none;
	background-color: #FFF;
}


p#myAnnualRevenueIs {
    padding: 5px 3vw;
    clear: left;
    background: #FBFBFB;
    font-size: 0.9em;
    font-weight: 700;
    color: #73818C;
}

p#myAnnualRevenueIs span {
    float: right;
}

p#myAnnualRevenueIs span:before {
    content: '$';
}

/* setup */
p#setup {
    padding: 5px 3vw;
    clear: left;
    background: #FBFBFB;
    font-size: 0.9em;
    font-weight: 700;
    color: #73818C;
}

p#setup span {
    float: right;
    color: #50b648;
}

p#setup span:before {
    content: '$';
    color: #50b648;
}

/* monthly */
p#monthly {
    padding: 5px 3vw;
    clear: left;
    background: #FBFBFB;
    font-size: 0.9em;
    font-weight: 700;
    color: #73818C;
}

p#monthly span {
    float: right;
    color: #50b648;
}

p#monthly span:before {
    content: '$';
    color: #50b648;
}


/**
 * CSS for ezMark jQuery
 *
 **/
.adminimal-hide { 
    opacity: 0; 
    filter:alpha(opacity=0);
    width: 20px;
    height: 20px;
    margin: -2px;
    padding: 0;
    cursor: pointer;
}

.adminimal-checkbox,
.adminimal-radio {
	display: inline-block;
    position: relative;
    top: 5px;
    margin-right: 0.25em;
    padding: 0;
    background: #fff;
    border: 1px solid #B5B5B5;
    width: 16px;
    height: 16px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: background 0.5s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: background 0.5s ease;
}

.adminimal-checkbox:hover,
.adminimal-checkbox:focus,
.adminimal-radio:hover,
.adminimal-radio:focus {
    border-color: #50b648;
}

.adminimal-checkbox.adminimal-checked,
.adminimal-radio.adminimal-selected {
    background: #50b648;
    box-shadow: inset 0px 0px 0px 4px #fff;
}

.adminimal-checkbox.adminimal-disabled,
.adminimal-radio.adminimal-disabled {
    opacity: .5;
    filter:alpha(opacity=0.5);
    background: #E2E2E2;
}

.adminimal-checkbox.adminimal-disabled:hover,
.adminimal-radio.adminimal-disabled:hover {
    border-color: #B5B5B5;
}

.adminimal-checkbox.adminimal-disabled.adminimal-checked,
.adminimal-radio.adminimal-disabled.adminimal-selected {
    background: #50b648;
    box-shadow: inset 0px 0px 0px 4px #E2E2E2;
}

.adminimal-checkbox.adminimal-disabled input,
.adminimal-radio.adminimal-disabled input {
    cursor: default !important;
}

.adminimal-radio {
    border-radius: 50%;
}