/* ========================================
			Custom fonts
======================================== */
@font-face {
    font-family: 'futurafuturiscregular';
    src: url('fonts/futurafuturisc-webfont.eot');
    src: url('fonts/futurafuturisc-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futurafuturisc-webfont.woff') format('woff'),
         url('fonts/futurafuturisc-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futurafuturislightcregular';
    src: url('fonts/futurafuturislightc-webfont.eot');
    src: url('fonts/futurafuturislightc-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futurafuturislightc-webfont.woff') format('woff'),
         url('fonts/futurafuturislightc-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* ========================================
			Generic classes
======================================== */
html {
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-family: futurafuturiscregular;
    color: #3f3f3f;
    height: 100%;
    min-width: 980px;
}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
a {
    text-decoration: none;
}
.content {
    width: 980px;
    margin: 0 auto;
}

/* ========================================
				About
======================================== */
.links-about {
    background: url(../images/about-back.jpg) repeat 20px -70px;
}
.links-about:after {
    content: "";
    display: block;
    width: 94px;
    height: 71px;
    background: url("../images/about-bottom.png") no-repeat;
    margin: 30px auto 0;
    position: relative;
    z-index: 5;
}
.links-about .logo {
    padding-top: 12%;
    text-align: center;
    display: block;
}
.links-about .about-caption {
    color: #ffac0b;
    font-size: 52px;
    text-align: center;
    display: block;
    margin: 65px 0 30px 0;
}
.links-about .about-text {
    font-size: 22px;
    text-align: center;
    display: block;
}
.links-about .about-next-box {
    text-align: center;
    margin-top: 145px;
}
.links-about .about-next {
    text-transform: uppercase;
    color: #50bda9;
    font-size: 18px;
}
.links-about .about-next:before, .links-price .price-next:before {
    content: "«";
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    display: inline-block;
    margin-right: 15px;
}
.links-about .about-next:after, .links-price .price-next:after {
    content: "»";
    transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    display: inline-block;
    margin-left: 15px;
}

/* ========================================
				Price
======================================== */
.links-price {
    background: url(../images/price-back.png) repeat #52c1ac;
    margin-top: -30px;
	-webkit-transition: background-color 400ms linear;
    -moz-transition: background-color 400ms linear;
    -o-transition: background-color 400ms linear;
    -ms-transition: background-color 400ms linear;
    transition: background-color 400ms linear;
}
.links-price:after {
    content: "";
    display: block;
    width: 62px;
    height: 51px;
    background: url("../images/price-bottom.png") no-repeat;
    margin: 20px auto 0;
    position: relative;
    z-index: 6;
}
.links-price .content {
    padding-top: 95px;
}
.links-price .circle-box {
    width: 375px;
    height: 375px;
    margin: 0 auto;
    padding-left: 300px;
    vertical-align: middle;
    display: table-cell;
}
.links-price .circle {
    /*width: 375px;
    height: 375px;*/
    width: 0;
    height: 0;
    border-radius: 188px;
    background: #fff;
    text-align: center;
    margin: 0 auto;
}
.links-price .circle-title {
    color: #52c1ac;
    font: 26px futurafuturislightcregular;
    display: block;
    padding-top: 100px;
}
.links-price .circle-second-month {
    display: none;
}
.links-price .circle-second-month .circle-title {
    padding-top: 143px;
}
.links-price .circle-text {
    margin-top: 25px;
    display: block;
}
.links-price .circle-image {
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: 30px;
}
.links-price .circle-first-month, .links-price .circle-second-month {
    height: 100%;
    position: relative;
}
.links-price .circle-first-month {
    display: none;
}
.links-price .first-month {
    font: 16px futurafuturislightcregular;
    line-height: 22px;
    width: 245px;
    color: #fff;
    position: absolute;
    float: left;
    margin-top: 110px;

    margin-left: -300px;
    opacity: 0;
}
.links-price .first-month:after {
    content: "";
    background: #fff;
    width: 30px;
    height: 1px;
    display: block;
    position: absolute;
    right: -40px;
    top: 50%;
}
.links-price .price-next-box {
    text-align: center;
    margin-top: 50px;
    clear: both;
}
.links-price .price-next {
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
}
.links-price .first-month-link {
    float: left;
    margin-top: 160px;
    margin-left: 205px;
    position: absolute;
    z-index: 5;

    margin-left: -95px;
    opacity: 0;
}
.links-price .first-month-link .text {
    font: 16px futurafuturislightcregular;
    color: #fff;
    text-decoration: underline;
    float: left;
    margin-right: 20px;
    margin-top: 5px;
}
.links-price .first-month-link .arrow {
    width: 51px;
    height: 51px;
    display: block;
    float: left;
    background: url(../images/slider-left.png) no-repeat;
    text-indent: -9999px;
}
.links-price .second-month-link {
    float: left;
    margin-top: -215px;
    margin-left: 650px;
    position: absolute;

    margin-left: 950px;
    opacity: 0;
}
.links-price .second-month-link .arrow {
    width: 51px;
    height: 51px;
    display: block;
    float: left;
    background: url(../images/slider-right.png) no-repeat;
    text-indent: -9999px;
}
.links-price .second-month-link .text {
    font: 16px futurafuturislightcregular;
    color: #fff;
    text-decoration: underline;
    float: left;
    margin-left: 20px;
    margin-top: 5px;
}
.links-price .second-month {
    font: 16px futurafuturislightcregular;
    line-height: 22px;
    width: 245px;
    color: #fff;
    position: relative;
    float: left;
    margin-top: -232px;
    margin-left: 735px;

    margin-left: 1035px;
    opacity: 0;
}
.links-price .second-month:before {
    content: "";
    background: #fff;
    width: 30px;
    height: 1px;
    display: block;
    position: absolute;
    left: -42px;
    top: 50%;
}

/* ========================================
				Proof
======================================== */
.links-proof {
    margin-top: -25px;
    padding-top: 110px;
    background: url(../images/proof-back.jpg) no-repeat;
    background-size: cover;
}
.links-proof .proof-inside {
    margin: 0 auto;
    display: block;
}
.links-proof .proof-caption {
    font-size: 72px;
    color: #fff;
    margin-left: 90px;

    margin-left: -210px;
    opacity: 0;
}
.links-proof .proof-text {
    font-size: 32px;
    color: #fff;
    margin-left: 90px;
    margin-top: 15px;
    margin-bottom: 30px;

    margin-left: -210px;
    opacity: 0;
}
.links-proof .proof-text a {
    color: #fff;
    background: #00c9d8;
    padding: 3px 12px 8px 8px;
}
.links-proof .proof-text a span {
    border-bottom: 1px solid;
}

.red {
	color: #FF0000;
}

.first-month-footnote{
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	padding-top: 10px;
	display: none;
	position: absolute;
	width: 600px;
	margin: 0 auto;
	padding-left: 185px;
}