
body {
  min-width: 960px;
  font: 400 15px/21px 'Open Sans', sans-serif;
  color: #282828;
  margin: 0;
  padding: 0;
}
*::selection 			{background: #ffdd00; color: #fff;}
*::-moz-selection 		{background: #ffdd00; color: #fff;}
*::-webkit-selection	{background: #ffdd00; color: #fff;}

H1 {
	font-weight: 300;
	font-size: 32px;
	line-height: 38px;
	letter-spacing: -0.8px;
}

H2 {
	font-weight: 300;
	font-size: 26px;
	line-height: 38px;
	letter-spacing: -0.6px;
}
H3 {
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.6px;
	margin: 0 0 26px;
}
p {
	margin: 0 0 12px;
}
.red 		{color: #e2450e;}
.gray 		{color: #9d9d9d;}
.center 		{text-align: center;}
.center .extremum-slide {
	margin: 20px 240px;
}
.center .extremum-click {
    font: 300 22px/21px "Open Sans",sans-serif;
    padding: 14px 18px 18px;
    width: 460px;
}
#header-wrapper {
	background: url("../img/header-background.png") no-repeat fixed top center #ffdd00;
	height: 820px;

}
.header {
	height: 100px;
	margin: 30px 0 0;
}
.header.logo{
	background: url("../img/logo.png") no-repeat top left transparent;
	text-indent: -9999px;
}
.header.phone{
	background: url("../img/icon-white-phone.png") no-repeat top left transparent;
}
.header.phone > a {
    color: black;
    font-size: 20px;
    letter-spacing: -0.8px;
    line-height: 32px;
    padding: 0 0 0 40px;
    text-decoration: none;
}
.header.callback .extremum-slide {
	border: 1px solid #fff;
    position: relative;
    z-index: 9999;	
}
.splash-wrapper {
	background: url("../img/rocket-splash.png") no-repeat top center transparent;
	height: 700px;
}
.splash-wrapper .one-logo {
    background: url("../img/one-logo.png") no-repeat left 96px transparent;
    height: 300px;
    margin-left: 440px;
    text-indent: -9999px;
}
.splash-wrapper .one-logo-h {
    font: 700 38px/62px 'Open Sans', sans-serif;
    letter-spacing: -1.2px;
    margin-left: 460px;
}
.splash-wrapper .one-logo-s {
    font: 400 20px/28px 'Open Sans', sans-serif;
    margin-left: 460px;
}


.extremum-slide {
	background: #fff;
	border: 1px solid #efefef;
	padding: 20px 30px 30px;
	margin: 20px 0 40px;
    width: 398px;
	display: none;
}	
.button-call, .button-dropped, .button-submit {
	color: #ffffff;
	border: none;
	cursor: pointer;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	

	outline:none;
}
.button-call{
    background: #e2450e;
	box-shadow: 0 -4px 0 0 #c63b09 inset;
    font: 400 12px/19px 'Open Sans', sans-serif;
    color: #fff;
    margin-top: 2px;
    padding: 4px 12px 6px;
	border-radius: 2px;
}
.button-dropped {
	background: #e2450e;
    font: 400 13px/19px 'Open Sans', sans-serif;
    padding: 12px 20px 14px;	
	margin: 10px 0 0;

    box-shadow: 0 -5px 0 0 #c63b09 inset;	
}
.button-dropped:active {
	background: #ff4f0f;
}
.dropped {
	background: #e2450e;
    box-shadow: 0 -2px 0 0 #c63b09 inset;	
    position: relative;
    top: 3px;
} 
.button-submit {
    background: #4595be;
	font: 400 15px/21px 'Open Sans', sans-serif;
    padding: 10px 32px 14px;
	margin: 10px 0 0;
    box-shadow: 0 -5px 0 0 #2f7ea7 inset;
}
.button-submit:active {
    background: #5fb0d9;
}
.disabled, .disabled:active {
	background: #bbb;
	border: none;
	box-shadow: 0 -5px 0 0 #aaa inset;	
}
.sub-wait {
    color: black;
    float: left;
    font: 13px/14px 'Open Sans', sans-serif;
    margin: 26px 0 0 20px;
	display: none;
}

.section-title {
	margin: 60px 0 40px;
}
.section {
	width: 100%;
	float: left;
}

.section-dark {
	background: #2c2d2e;
	padding: 40px 0;
	margin: 20px 0 0;
	width: 100%;
}
.section-dark  > *{
	color: #ffffff;
}

.section-yellow {
	background: url("../img/header-background.png") no-repeat fixed center center #ffdd00;
	padding: 40px 0 20px;
	margin: 0 0 40px;
	width: 100%;
}
.section-yellow  > *{
	color: #282828;
}
.section-form {
	background: url("../img/header-background.png") no-repeat fixed center center #ffdd00;
	padding: 40px 0;
	width: 100%;
}
.section-bg-01, .section-bg-02, .section-bg-03, .section-bg-04 , .section-bg-05, .section-bg-06, .section-bg-07 {
	height: 300px;
	
}
.section-bg-01 	{ 	background: url("../img/section-bg-01.png") no-repeat 0 0 transparent;}
.section-bg-02 	{	background: url("../img/section-bg-02.png") no-repeat 0 0 transparent;}
.section-bg-03 	{	background: url("../img/section-bg-03.png") no-repeat 0 0 transparent;}
.section-bg-04 	{	background: url("../img/section-bg-04.png") no-repeat 0 12px transparent;}
.section-bg-05 	{	background: url("../img/section-bg-05.png") no-repeat 0 0 transparent;}
.section-bg-06 	{	background: url("../img/section-bg-06.png") no-repeat 0 0 transparent;}
.section-bg-07 	{	background: url("../img/section-bg-07.png") no-repeat 0 0 transparent;}

.section-ol-04 	{	background: url("../img/section-ol-04.png") no-repeat 0 0 transparent; padding: 0 0 0 120px; width: 340px !important;}	

.features-01, .features-02, .features-03, .features-04 { 
	width: 162px;
	height: 162px; 
	display: block; 
	margin: 0 auto 20px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
		    border-radius: 50%;
}
.features-01 	{	background: url("../img/stick-bg-01.png") no-repeat center center #cd3c0a; }
.features-02 	{	background: url("../img/stick-bg-02.png") no-repeat center center #e2450e; }
.features-03 	{	background: url("../img/stick-bg-03.png") no-repeat center center #ff5f0d; }
.features-04 	{	background: url("../img/stick-bg-04.png") no-repeat center center #ff9600; }


.book-list-l, .book-list-r  {	
	background: #fff;
	width: 390px;
	height: 350px; /* height for blank */
	padding: 40px;
	float: left;
}
.book-list-l   {	margin: 0 10px 0 0; }
.book-list-r   {	margin: 0 0 0 10px;}

.book-list-l  ul {
    padding: 0 0 0 14px;
}
.book-list-l li {
    margin: 0 0 10px;
}
.container-stepler {
	position: absolute; 
	left: 50%; 
	margin-left: -36px; 
	width: 74px;
	height: 520px; /* height for stepler */
}
.book-stepler-1, .book-stepler-2  {
    background: url("../img/stepler.png") no-repeat 0 0 transparent;
    position: absolute;
    height: 32px;
    width: 74px;
	display: block;
}
.book-stepler-1 	{    top: 20px;}
.book-stepler-2 	{    bottom:90px;}

.old-price 		{	 font: 700 32px/42px "Open Sans",arial,sans-serif; letter-spacing: -0.8px; position: relative; margin-top: 10px;} .old-price > span { font-size: 24px;}
.price 			{	 font: 700 98px/72px "Open Sans",arial,sans-serif; letter-spacing: -0.8px; position: relative; margin-top: 10px;} .price.red > span { font-size: 42px; margin-left: -10px;}

.old-price:after {
    background-color: #e2450e;
    content: "";
    height: 3px;
    left: -2px;
    position: absolute;
    right: 0;
    top: 50%;
}
.price-mark {
    bottom: -45px;
    clear: both;
    font: 11px/15px open sans;
    position: relative;
}
.input-field  {
	margin: 0 0 16px;
}
.input-field  p{
	font-size: 13px;
	margin: 0 0 10px;
	
}
.input-field  input{ 	
	height: 34px; 
	width: 95%; 
	padding: 0 10px; 
	border-color: #bbb #ddd #ddd; 
	border-width: 1px;	
	border-style: solid; 
}

.section-logo-01, .section-logo-02, .section-logo-03, .section-logo-04, .section-logo-05, .section-logo-06, .section-logo-07, .section-logo-08 {
	height: 300px;
} 
.section-logo-01 { 	background: url("../img/logos/logo-01.png") no-repeat center 24px transparent;}
.section-logo-02 { 	background: url("../img/logos/logo-02.png") no-repeat center center transparent;}
.section-logo-03 { 	background: url("../img/logos/logo-03.png") no-repeat center 4px transparent;}
.section-logo-04 { 	background: url("../img/logos/logo-04.png") no-repeat center 6px transparent;}
.section-logo-05 { 	background: url("../img/logos/logo-05.png") no-repeat center center transparent;}
.section-logo-06 { 	background: url("../img/logos/logo-06.png") no-repeat center center transparent;}
.section-logo-07 { 	background: url("../img/logos/logo-07.png") no-repeat center center transparent;}
.section-logo-08 { 	background: url("../img/logos/logo-08.png") no-repeat center center transparent;}

#footer-wrapper {
    background: url("../img/footer-clouds.png") no-repeat top center #2c2d2e;
    float: left;
    font-size: 14px;
    margin: 200px 0 0;
    padding: 60px 0;
    width: 100%;
	color: #fff;
}
.footer {
    margin-top: 60px;
}
.footer > H3 {
	margin: 0 0 16px !important;
}
.footer > p {
	margin-bottom: 4px;
}

.bigtext {
font-size: 17px;	
}