/**************** RESET *****************************/

html, body, div, span, h1, h2, h3, h4, h5, h6, a, p, img, ol, ul, li,
form, input, button, textarea, label, fieldset, legend, blockquote,
table, caption, tbody, tfoot, thead, tr, th, td, sub, sup, object, iframe  {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
* {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
*:focus{outline: 0;}
b,strong{font-weight: 700;}
i,em{font-style: italic;}
ul {list-style: disc;}
ol {list-style: decimal;}
table {border-spacing: 0; border-collapse: collapse;}
td, th {text-align: center; vertical-align: middle;}
a, [type="submit"], [type="button"], label, select {cursor: pointer;}
a {color: inherit; text-decoration: none;}
textarea {resize: none; overflow: auto;}
sup {vertical-align: super;}
sub {vertical-align: sub;}
aside, header, footer, article, section, nav {display: block; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
html {-webkit-text-size-adjust: none;}
input[type="text"], input[type="email"], input[type="tel"], input[type="number"], textarea, input[type="submit"] {-webkit-appearance: none;} 

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#fff;}
input::-moz-placeholder, textarea::-moz-placeholder{color:#fff;}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {color:#fff;}
input.placeholder, textarea.placeholder{color:#fff;}
	input.error::-webkit-input-placeholder, textarea.error::-webkit-input-placeholder{color:#f00;}
	input.error::-moz-placeholder, textarea.error::-moz-placeholder{color:#f00;}
	input.error::-ms-input-placeholder, textarea.error::-ms-input-placeholder {color:#f00;}
	input.error.placeholder, textarea.error.placeholder{color:#f00;}
	input.error {color: #f00; border-color: #f00;}
	

/**************** FONTS *****************/

@font-face {
    font-family: 'Glober';
    src: url('../fonts/glober_semibold-webfont.eot');
    src: url('../fonts/glober_semibold-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/glober_semibold-webfont.woff') format('woff'),
         url('../fonts/glober_semibold-webfont.ttf') format('truetype'),
         url('../fonts/glober_semibold-webfont.svg#globersemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Glober';
    src: url('../fonts/glober_bold-webfont.eot');
    src: url('../fonts/glober_bold-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/glober_bold-webfont.woff') format('woff'),
         url('../fonts/glober_bold-webfont.ttf') format('truetype'),
         url('../fonts/glober_bold-webfont.svg#globerbold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Glober';
    src: url('../fonts/glober_xbold-webfont.eot');
    src: url('../fonts/glober_xbold-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/glober_xbold-webfont.woff') format('woff'),
         url('../fonts/glober_xbold-webfont.ttf') format('truetype'),
         url('../fonts/glober_xbold-webfont.svg#globerxbold') format('svg');
    font-weight: 800;
    font-style: normal;
}

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

@font-face {
    font-family: 'Bebas';
    src: url('../fonts/bebasneue_bold-webfont.eot');
    src: url('../fonts/bebasneue_bold-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue_bold-webfont.woff') format('woff'),
         url('../fonts/bebasneue_bold-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue_bold-webfont.svg#bebas_neuebold') format('svg');
    font-weight: 700;
    font-style: normal;
}


/**************** ANIMATION *****************/

/*------ Swing ------*/
@-webkit-keyframes swing {
	25% {-webkit-transform: rotate(-4deg); transform: rotate(-4deg);}
	75% {-webkit-transform: rotate(4deg); transform: rotate(4deg);}
	100% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
}
@keyframes swing {
	25% {-webkit-transform: rotate(-4deg); transform: rotate(-4deg);}
	75% {-webkit-transform: rotate(4deg); transform: rotate(4deg);}
	100% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
}

/*------ Swing 3D ------*/
@-webkit-keyframes swing3D {
	25% {-webkit-transform: perspective(900px) rotateX(8deg); transform: perspective(900px) rotateX(8deg);}
	75% {-webkit-transform: perspective(900px) rotateX(-8deg); transform: perspective(900px) rotateX(-8deg);}
	100% {-webkit-transform: perspective(900px) rotateX(0deg); transform: perspective(900px) rotateX(0deg);}
}
@keyframes swing3D {
	25% {-webkit-transform: perspective(900px) rotateX(8deg); transform: perspective(900px) rotateX(8deg);}
	75% {-webkit-transform: perspective(900px) rotateX(-8deg); transform: perspective(900px) rotateX(-8deg);}
	100% {-webkit-transform: perspective(900px) rotateX(0deg); transform: perspective(900px) rotateX(0deg);}
}

/*------ Wobble Horizontal ------*/
@-webkit-keyframes wobble-horizontal {
	16.65% {-webkit-transform: translateX(8px); transform: translateX(8px);}
	33.3% {-webkit-transform: translateX(-6px); transform: translateX(-6px);}
	49.95% {-webkit-transform: translateX(4px); transform: translateX(4px);}
	66.6% {-webkit-transform: translateX(-2px); transform: translateX(-2px);}
	83.25% {-webkit-transform: translateX(1px); transform: translateX(1px);}
	100% {-webkit-transform: translateX(0); transform: translateX(0);}
}
@keyframes wobble-horizontal {
	16.65% {-webkit-transform: translateX(8px); transform: translateX(8px);}
	33.3% {-webkit-transform: translateX(-6px); transform: translateX(-6px);}
	49.95% {-webkit-transform: translateX(4px); transform: translateX(4px);}
	66.6% {-webkit-transform: translateX(-2px); transform: translateX(-2px);}
	83.25% {-webkit-transform: translateX(1px); transform: translateX(1px);}
	100% {-webkit-transform: translateX(0); transform: translateX(0);}
}

/*------ Wobble Vertical ------*/
@-webkit-keyframes wobble-vertical {
	16.65% {-webkit-transform: translateY(8px); transform: translateY(8px);}
	33.3% {-webkit-transform: translateY(-6px); transform: translateY(-6px);}
	49.95% {-webkit-transform: translateY(4px); transform: translateY(4px);}
	66.6% {-webkit-transform: translateY(-2px); transform: translateY(-2px);}
	83.25% {-webkit-transform: translateY(1px); transform: translateY(1px);}
	100% {-webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes wobble-vertical {
	16.65% {-webkit-transform: translateY(8px); transform: translateY(8px);}
	33.3% {-webkit-transform: translateY(-6px); transform: translateY(-6px);}
	49.95% {-webkit-transform: translateY(4px); transform: translateY(4px);}
	66.6% {-webkit-transform: translateY(-2px); transform: translateY(-2px);}
	83.25% {-webkit-transform: translateY(1px); transform: translateY(1px);}
	100% {-webkit-transform: translateY(0); transform: translateY(0);}
}

/*------ Buzz out ------*/
@-webkit-keyframes buzz-out {
	10% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg);}
	20% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg);}
	30% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg);}
	40% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg);}
	50% {-webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg);}
	60% {-webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg);}
	70% {-webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg);}
	80% {-webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg);}
	90% {-webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0);}
	100% {-webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0);}
}
@keyframes buzz-out {
	10% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg);}
	20% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg);}
	30% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg);}
	40% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg);}
	50% {-webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg);}
	60% {-webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg);}
	70% {-webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg);}
	80% {-webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg);}
	90% {-webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0);}
	100% {-webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0);}
}


/**************** GLOBAL *****************/

html {background: #fae314 url(../images/backgrounds/html_bg.jpg) center top no-repeat; color: #1f1f1f; font: 600 16px/20px Glober;}
	#global_wrapper {overflow: hidden; position: relative;}
		.wrapper {margin: 0 auto; position: relative; width: 1100px; height: 100%;}

.non-scroll {overflow: hidden !important; margin-right: 17px !important;}
.clear {clear: both;}
.table {display: table; width: 100%; height: 100%;}
.cell {display: table-cell; height: 100%; vertical-align: middle;}
.icon {display: block; position: relative; background: url(../images/icons.png) -9999px 0 no-repeat;}

	/*------ Headers  ------*/
	h1, h2, h3, h4, h5, h6 {text-align: center;}
	h1 {font: 700 95px/88px Bebas; text-align: left; text-transform: uppercase; position: relative; margin: 40px 0 10px; z-index: 1;}
	h2 {font: 700 95px/88px Bebas; text-align: left; text-transform: uppercase; margin-bottom: 25px;}
		h2 span {display: block; font: 800 23px/27px Glober;}
	h3 {}
	
	/*------ Buttons  ------*/
	.button {display: block; overflow: hidden; box-shadow: 0 0 0 4px rgba(13, 13, 13, 0.39); border-radius: 6px; color: #fff; text-align: center; text-transform: uppercase; text-shadow: 0 1px 1px #6a548c; position: relative; behavior:url(../../PIE/PIE.php);}
	.button:before {content:''; display: block; width: 403px; height: 2px; background: url(../images/backgrounds/button_top.png) no-repeat; margin: auto; position: absolute; left: 0; right: 0; top: 0;}
		.button:hover {}
		.button:active {border-bottom-width: 2px; border-top: 2px solid rgba(255, 255, 255, 0.15); box-shadow: 0 0 0 4px rgba(13, 13, 13, 0.39), 0 2px 0 0 rgba(255, 255, 255, 0.15) inset;}
	.violet_button {width: 414px; height: 59px; border-bottom: 4px solid #2d1d47; background: url(../images/backgrounds/violet_button_bg.jpg) repeat; font: 26px/59px Bebas;}
		.violet_button:hover {background: url(../images/backgrounds/violet_button_hover_bg.jpg) repeat;}
	.blue_button {width: 236px; height: 46px; border-bottom: 4px solid #488f8e; background: url(../images/backgrounds/blue_button_bg.jpg) repeat; font: 24px/42px Bebas;}
	.blue_button:before {left: -83px;}
		.blue_button:hover {background: url(../images/backgrounds/blue_button_hover_bg.jpg) repeat;}

	/*------ Forms  ------*/
	form {width: 410px;}
		form b {display: block; font: 700 36px/40px Bebas; text-transform: uppercase; margin-bottom: 4px;}
		form .time {display: block; font: 600 16px/20px Glober; text-transform: uppercase; padding-left: 26px; position: relative; margin-bottom: 8px;}
			form .time:before {content:''; display: block; width: 18px; height: 18px; background: url(../images/icons.png) -190px -132px no-repeat; position: absolute; left: 0; top: 0;}
		input[type="text"], input[type="email"], input[type="tel"], textarea[name="client_message"] {display: block; width: 100%; background: #1d1d1f url(../images/form_icons.png) -9999px 0 no-repeat; border: 1px solid #aeaeae; border-radius: 6px; box-shadow: 0 4px 0 #000 inset; font: 600 18px/22px Glober; color: #fff; padding: 18px 18px 18px 52px; margin-bottom: 8px; position: relative; behavior:url(../../PIE/PIE.php);}
		input[name="client_name"] {background-position: 17px 21px;}
			input[name="client_name"].error {background-position: 17px -199px;}
		input[name="client_phone"] {background-position: 17px -46px;}
			input[name="client_phone"].error {background-position: 17px -266px;}
		input[name="client_mail"] {background-position: 17px -112px;}
			input[name="client_mail"].error {background-position: 17px -332px;}
		textarea[name="client_message"] {height: 90px; background-position: 17px -114px;}
			textarea[name="client_message"].error {background-position: 17px -334px;}
		input[type="submit"] {width: 402px; margin: 14px 0 0 4px;}
	

/**************** HEADER *****************/

header {height: 805px;}
header .wrapper {padding: 35px 0 120px;}
	header .logo {display: inline-block; font: 600 18px/22px Glober; text-transform: uppercase; position: relative; float: left;}
	header .logo:after {content:''; display: block; width: 46px; height: 2px; background: #1f1f1f; position: absolute; left: 1px; bottom: -20px;}
	header .callback {float: right; text-align: right;}
		header .callback .phone {display: block; font: 700 24px/28px Glober;}
			header .callback .phone:hover {color: #383838;}
			header .callback .phone:active {color: #f00;}
		header .callback .modal_callback {font: 600 18px/22px Glober; border-bottom: 2px dotted #1f1f1f;}
			header .callback .modal_callback:hover {border-bottom-color: transparent;}
	header strong {display: block; font: 700 36px/40px Glober; text-transform: uppercase; position: relative; z-index: 1;}
	header b {display: block; font: 700 20px/24px Glober; position: relative; z-index: 1;}
	header ul {float: left;}
	header ul.left {margin: 15px 16px 15px 0;}
	header ul.right {position: relative; margin: 15px 0;}
	header ul.right:before {content:''; display: block; width: 3px; height: 113px; background: url(../images/header_ul_before.png) no-repeat; position: absolute; top: 6px; left: 3px; z-index: 1;}
		header ul li {list-style: none; font: 600 16px/24px Glober; padding-left: 15px; position: relative; z-index: 1;}
		header ul.right li {padding-left: 22px;}
		header ul.right li:before {content:'-'; position: absolute; left: 12px; top: 0px;}
		header ul.left li:before {content:''; display: block; width: 3px; height: 3px; background: #1f1f1f; border-radius: 50%; position: absolute; left: 5px; top: 11px;}
	header .button {margin-top: 15px;}
	header img {position: absolute;}
	
/*------ Multi ------*/
#header-0 {}
	#header-0 img {top: 160px; right: 0;}
	#header-0 b {font: 800 18px/22px Glober; text-transform: uppercase;}
	#header-0 ul.right:before {height: 156px;}
	#header-0 .button {margin-top: 30px;}
#header-1 {}
	#header-1 img {top: 160px; right: -25px;}
	#header-1 b {font: 800 18px/22px Glober; text-transform: uppercase;}
#header-2 {}
	#header-2 h1 {font: 700 66px/65px Bebas;}
	#header-2 b {font: 800 18px/22px Glober; text-transform: uppercase;}
	#header-2 img {top: 240px; right: -30px;}
#header-3 {}
	#header-3 h1 {font: 700 80px/72px Bebas;}
	#header-3 b {font: 800 18px/22px Glober; text-transform: uppercase;}
	#header-3 ul {margin-bottom: 40px;}
	#header-3 ul.right:before {height: 92px;}
	#header-3 img {top: 140px; right: 60px;}
#header-4 {}
	#header-4 h1 {font: 700 72px/76px Bebas;}
	#header-4 b {font: 800 18px/22px Glober; text-transform: uppercase;}
	#header-4 ul {margin-bottom: 80px;}
	#header-4 ul.right:before {height: 135px;}
	#header-4 img {top: 145px; right: 30px;}
#header-5 {}
	#header-5 h1 {font: 700 65px/65px Bebas;}
	#header-5 b {font: 800 18px/22px Glober; text-transform: uppercase;}
	#header-5 ul {margin-bottom: 80px;}
	#header-5 ul.right:before {height: 65px;}
	#header-5 img {top: 170px; right: 0;}
#header-6 {}
	#header-6 h1 {font: 700 72px/72px Bebas;}
	#header-6 b {font: 800 18px/22px Glober; text-transform: uppercase;}
	#header-6 ul {margin-bottom: 40px;}
	#header-6 ul.right:before {height: 65px;}
	#header-6 img {top: 170px; right: 0;}
#header-7 {}
	#header-7 h1 {font: 700 66px/65px Bebas;}
	#header-7 ul {margin-bottom: 70px;}
	#header-7 b {font: 800 18px/22px Glober; text-transform: uppercase;}
	#header-7 ul.right:before {height: 65px;}
	#header-7 img {top: 160px; right: -90px;}
#header-8 {}
	#header-8 h1 {font: 700 74px/65px Bebas;}
	#header-8 ul {margin-bottom: 70px;}
	#header-8 ul.right:before {height: 65px;}
	#header-8 b {font: 800 18px/22px Glober; text-transform: uppercase;}
	#header-8 img {top: 35px; right: -230px;}
#header-9 {}
	#header-9 h1 {font: 700 80px/72px Bebas;}
	#header-9 ul {margin-bottom: 40px;}
	#header-9 ul.right:before {height: 135px;}
	#header-9 b {font: 800 18px/22px Glober; text-transform: uppercase;}
	#header-9 img {top: 240px; right: -20px;}
#header-10 {}
	#header-10 h1 {font: 700 72px/72px Bebas;}
	#header-10 ul {margin-bottom: 70px;}
	#header-10 ul.right:before {height: 85px;}
	#header-10 b {font: 800 18px/22px Glober; text-transform: uppercase;}
	#header-10 img {top: 210px; right: -30px;}
#header-11 {}
	#header-11 h1 {font: 700 75px/72px Bebas;}
	#header-11 b {font: 800 18px/22px Glober; text-transform: uppercase;}
	#header-11 ul {margin-bottom: 40px;}
	#header-11 ul.right:before {height: 85px;}
	#header-11 img {top: 350px; right: -50px;}
#header-12 {}
	#header-12 h1 {font: 700 80px/72px Bebas;}
	#header-12 b {font: 800 18px/22px Glober; text-transform: uppercase;}
	#header-12 ul {margin-bottom: 40px;}
	#header-12 ul.right:before {height: 85px;}
	#header-12 img {top: 150px; right: -20px;}
#header-13 {}
	#header-13 h1 {font: 700 100px/100px Bebas;}
	#header-13 b {font: 800 18px/22px Glober; text-transform: uppercase;}
	#header-13 ul {margin-bottom: 80px;}
	#header-13 ul.right:before {height: 85px;}
	#header-13 img {top: 120px; right: 20px;}
#header-14 {}
	#header-14 h1 {font: 700 75px/72px Bebas;}
	#header-14 b {font: 800 18px/22px Glober; text-transform: uppercase;}
	#header-14 ul {margin-bottom: 60px;}
	#header-14 ul.right:before {height: 65px;}
	#header-14 img {top: 230px; right: -10px;}
#header-15 {}
	#header-15 h1 {font: 700 80px/72px Bebas;}
	#header-15 b {font: 800 18px/22px Glober; text-transform: uppercase;}
	#header-15 ul {margin-bottom: 60px;}
	#header-15 ul.right:before {height: 110px;}
	#header-15 img {top: 250px; right: -10px;}
	

/**************** ASSORTMENT *****************/

#assortment {height: 445px;}
#assortment .wrapper {padding: 45px 0 0;}
	#assortment [class*="item"] {width: 219px; float: left; text-align: center; margin-bottom: 50px;}
		#assortment [class*="item"] .icon {width: 130px; height: 130px; margin: 0 auto 8px; -webkit-transform: translateZ(0); transform: translateZ(0); cursor: pointer;}
		#assortment [class*="item"] .icon:hover {-webkit-animation: buzz-out 0.75s linear 1; animation: buzz-out 0.75s linear 1;}
			#assortment .item-1 .icon {background-position: 0 0;}
			#assortment .item-2 .icon {background-position: -132px 0;}
			#assortment .item-3 .icon {background-position: -264px 0;}
			#assortment .item-4 .icon {background-position: -396px 0;}
			#assortment .item-5 .icon {background-position: -528px 0;}
		#assortment [class*="item"] b {display: block; font: 600 18px/22px Glober; color: #fff; text-transform: uppercase; margin-bottom: 5px;}
		#assortment .item-1 b, #assortment .item-2 b, #assortment .item-5 b {padding: 11px 0;}
			#assortment [class*="item"] b span {display: block; text-transform: none; letter-spacing: -1px;}
		#assortment [class*="item"] a {font: 24px/28px Bebas; color: #fae314; border-bottom: 2px dotted #fae314;}
			#assortment [class*="item"] a:hover {border-bottom-color: transparent;}
	#assortment .button {margin: auto;}
	#assortment .bowtie {display: block; margin: auto; position: absolute; left: 0; right: 0; top: -90px; z-index: 10; -webkit-transform: translateZ(0); transform: translateZ(0);}
		#assortment .bowtie:hover {-webkit-animation: wobble-horizontal 1s ease-in-out 1; animation: wobble-horizontal 1s ease-in-out 1;}
	#assortment .hat {display: block; position: absolute; left: -70px; bottom: -110px; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 10;}
		#assortment .hat:hover {-webkit-animation: swing 0.7s ease-in-out 1; animation: swing 0.7s ease-in-out 1;}
		
	#assortment .more {display: none;}
		#assortment .more .line-1 {margin-bottom: 30px;}
		#assortment .more .line-2 {padding: 0 66px; margin-bottom: 25px;}
			#assortment .more [class*="modal-request"] {display: inline-block; font: 600 18px/22px Glober; color: #fff; text-transform: uppercase; border-bottom: 2px dotted #fff; float: left; margin: 0 35px;}
				#assortment .more [class*="modal-request"]:hover {border-bottom-color: transparent;}
			#assortment .more .button {width: 235px; height: 46px; font: 24px/44px Bebas;}


/**************** PROFIT *****************/

#profit {height: 860px;}
#profit .wrapper {padding: 120px 0 90px;}
	#profit .graph {width: 780px; height: 398px; background: url(../images/backgrounds/graph_bg.png) no-repeat; position: relative; margin-top: 110px; float: left;}
		#profit .graph .wave {width: 749px; height: 377px; background: url(../images/graph_wave.png) no-repeat; position: absolute; left: 15px; bottom: 15px; z-index: 2;}
		#profit .graph img {position: absolute; left: 400px; bottom: 125px; z-index: 1;}
		#profit .graph [class*="legend"] {font: 800 18px/22px Glober; text-transform: uppercase; position: absolute;}
		#profit .graph .legend_x {left: 495px; bottom: -20px;}
		#profit .graph .legend_y {
			top: 85px; left: -75px;
			-moz-transform: rotate(-90deg);
			-webkit-transform: rotate(-90deg);
			-o-transform: rotate(-90deg);
			-ms-transform: rotate(-90deg);
			transform: rotate(-90deg);
		}
	#profit ul {width: 265px; float: left; margin: 190px 0 0 10px;}
		#profit ul li {list-style: none; font: 700 18px/22px Glober; margin-bottom: 35px; position: relative;}
		#profit ul li:before {
			content:''; display: block; width: 20px; height: 20px; background: url(../images/icons.png) 0 -132px no-repeat; position: absolute; left: -18px; top: -12px;
			-webkit-transition: all 0.3s ease-out 0s;
			-moz-transition: all 0.3s ease-out 0s;
			-o-transition: all 0.3s ease-out 0s;
			transition: all 0.3s ease-out 0s;
		}
		#profit ul li:hover:before {
			-moz-transform: translateX(4px) translateY(4px);
			-webkit-transform: translateX(4px) translateY(4px);
			-o-transform: translateX(4px) translateY(4px);
			-ms-transform: translateX(4px) translateY(4px);
			transform: translateX(4px) translateY(4px);
		}
			#profit ul li span {font-size: 30px; color: #6a52d4;}
			#profit ul li .icon {width: 44px; height: 46px; position: absolute; left: -100px; z-index: 5;}
				#profit ul li.item-1 .icon {background-position: -22px -132px; top: 8px;}
				#profit ul li.item-2 .icon {background-position: -68px -132px; top: 3px;}
				#profit ul li.item-3 .icon {background-position: -114px -132px; top: 0;}
	#profit .briefcase {position: absolute; top: 130px; right: 70px; z-index: 10; -webkit-transform: translateZ(0); transform: translateZ(0); transform-style: preserve-3d;}
		#profit .briefcase:hover {-webkit-animation: swing3D 0.7s ease-in-out 1; animation: swing3D 0.7s ease-in-out 1;}
		
		
/**************** BENEFITS *****************/

#benefits {height: 885px;}
#benefits .wrapper {padding: 45px 0 70px;}
	#benefits ul {margin-bottom: 25px;}
		#benefits ul li {list-style: none; font: 700 18px/36px Glober; position: relative; padding-left: 40px;}
		#benefits ul li:before {content:''; display: block; width: 28px; height: 28px; background: url(../images/icons.png) -160px -132px no-repeat; position: absolute; left: 0; top: 4px;}
		#benefits ul li:hover:before {
			-webkit-transition: all 0.3s ease-out 0s;
			-moz-transition: all 0.3s ease-out 0s;
			-o-transition: all 0.3s ease-out 0s;
			transition: all 0.3s ease-out 0s;
			-moz-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	#benefits b {display: block; font: 700 18px/22px Glober; text-transform: uppercase;}
	#benefits strong {display: block; font: 700 40px/40px Bebas; text-transform: uppercase; background: #fff; margin-bottom: 15px; position: relative; z-index: 2;}
	#benefits img {position: absolute; top: 50px; right: 60px; z-index: 1;}

	
/**************** REVIEWS *****************/

#reviews {height: 745px;}
#reviews .wrapper {padding: 80px 0 0;}
	#reviews h2 {color: #fff; margin-bottom: 60px;}
	#reviews [class*="item"] {width: 49%; float: left; margin-bottom: 40px;}
		#reviews [class*="item"] .photo_wrapper {width: 151px; height: 171px; background: url(../images/backgrounds/review_photo_bg.png) no-repeat; float: left; margin: 10px 10px 0 0; padding: 14px;}
			#reviews [class*="item"] .photo_wrapper img {display: block; width: 123px; height: 123px; border-radius: 50%;}
			#reviews [class*="item"] .photo_wrapper img:hover {
				-webkit-transition: all 0.3s ease-out 0s;
				-moz-transition: all 0.3s ease-out 0s;
				-o-transition: all 0.3s ease-out 0s;
				transition: all 0.3s ease-out 0s;
				-moz-transform: rotate(360deg);
				-o-transform: rotate(360deg);
				-webkit-transform: rotate(360deg);
				transform: rotate(360deg);
			}
		#reviews [class*="item"] p {font: 600 16px/20px Glober; color: #fff; width: 370px; float: left;}
			#reviews [class*="item"] p b {display: block; font: 30px/34px Bebas; color: #fae314; text-transform: uppercase;}
	#reviews .clock {display: block; width: 178px; height: 218px; margin: auto; position: absolute; left: 0; right: 0; top: -160px; z-index: 10; -webkit-transform: translateZ(0); transform: translateZ(0);}
		#reviews .clock:hover {-webkit-animation: wobble-vertical 1s ease-in-out 1; animation: wobble-vertical 1s ease-in-out 1;}
	#reviews .pen {
		position: absolute; top: 105px; right: -480px; z-index: 10;
		-webkit-transition: all 0.3s ease-out 0s;
		-moz-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s;
	}
		#reviews .pen:hover {
			-moz-transform: translateX(-13px);
			-webkit-transform: translateX(-13px);
			-o-transform: translateX(-13px);
			-ms-transform: translateX(-13px);
			transform: translateX(-13px);
		}
		
		
/**************** SERVICES *****************/

#services {height: 1000px;}
#services .wrapper {padding: 80px 0;}
	#services h2 {margin-bottom: 70px;}
	#services [class*="item"] {width: 25%; float: left; text-align: center; margin-bottom: 16px;}
		#services [class*="item"] .icon {width: 140px; height: 139px; background-position: -660px 0; margin: 0 auto 13px; padding: 15px;}
			#services [class*="item"] .icon img {display: block; width: 110px; height: 110px; border-radius: 50%;}
			#services [class*="item"] .icon img:hover {
				-webkit-transition: all 0.3s ease-out 0s;
				-moz-transition: all 0.3s ease-out 0s;
				-o-transition: all 0.3s ease-out 0s;
				transition: all 0.3s ease-out 0s;
				-moz-transform: rotate(360deg);
				-o-transform: rotate(360deg);
				-webkit-transform: rotate(360deg);
				transform: rotate(360deg);
			}
		#services [class*="item"] b {display: block; font: 700 30px/34px Bebas; text-transform: uppercase;}
		#services [class*="item"] p {font: 600 16px/20px Glober; padding: 0 10px;}
		

/**************** FOOTER *****************/

footer {height: 255px;}
footer .wrapper {padding: 80px 0 8px;}
	footer img {
		display: block; width: 162px; height: 388px; margin: auto; position: absolute; left: 0; right: 0; bottom: -5px;
		-webkit-transition: all 0.3s ease-out 0s;
		-moz-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s;
	}
		footer img:hover {
			-moz-transform: translateY(-5px);
			-webkit-transform: translateY(-5px);
			-o-transform: translateY(-5px);
			-ms-transform: translateY(-5px);
			transform: translateY(-5px);
		}
	footer .left_col {width: 285px; float: left; font: 600 16px/22px Glober;}
		footer .left_col b {display: block; font: 600 18px/22px Glober; text-transform: uppercase; margin-bottom: 8px;}
		footer .left_col a {font: 600 18px/22px Glober; border-bottom: 2px dotted #1d1d1f;}
			footer .left_col a:hover {border-bottom-color: transparent;}
		footer .left_col .separator {display: block; width: 46px; height: 2px; background: #1f1f1f; margin: 16px 0 8px;}
	footer .right_col {float: right; text-align: right; margin-top: 75px;}
	footer .right_col .phone {display: block; font: 700 24px/28px Glober;}
			footer .right_col .phone:hover {color: #383838;}
			footer .right_col .phone:active {color: #f00;}
		footer .right_col .modal_callback {font: 600 18px/22px Glober; border-bottom: 2px dotted #1f1f1f;}
			footer .right_col .modal_callback:hover {border-bottom-color: transparent;}
		footer .right_col .creator {display: block; font: 600 18px/22px Glober; margin-top: 20px;}
			footer .right_col .creator a {font-weight: 700; border-bottom: 2px dotted transparent;}
				footer .right_col .creator a:hover {border-bottom-color: #1f1f1f;}



/**************** MODAL WINDOWS *****************/

#overlay_modal {display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 1000;}
#modals {display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1001; overflow: auto; -webkit-transform: translateZ(0px); -webkit-overflow-scrolling: touch;}
[id^="modal_"], [id^="modal-"] {display: none; background: #fff url(../images/backgrounds/modal_bg.jpg) left top no-repeat; margin: auto; position: absolute; left: 0; right: 0; top: 50px; z-index: 1005;}
	/*------ Close button ------*/
	.modal_close {display: block; width: 20px; height: 20px; background: url(../images/close_modal.png) 0 0 no-repeat; position: absolute; top: -20px; right: -35px; z-index: 1010;}
		.modal_close:hover {background-position: 0 -23px;}
		.modal_close:active {background-position: 0 -46px;}
	/*------ Callback ------*/
	#modal_callback_form {width: 444px; height: 465px; top: 0; bottom: 0; border: 5px solid #996ed9;}
		#modal_callback_form form {width: 100%; padding: 40px;}
			#modal_callback_form form input[type="submit"] {width: 345px;}
	/*------ Count ------*/
	#modal_count_form {width: 444px; height: 477px; top: 0; bottom: 0; border: 5px solid #996ed9;}
		#modal_count_form form {width: 100%; padding: 40px;}
			#modal_count_form form input[type="submit"] {width: 345px;}
	/*------ Request ------*/
	[id*="modal-request"] {width: 758px; height: 793px; padding: 30px 15px; margin-bottom: 50px; border: 5px solid #996ed9;}
	#modal-request-1 {height: 950px;}
	#modal-request-2 {height: 820px;}
	#modal-request-3 {height: 1000px;}
	#modal-request-4 {height: 830px;}
	#modal-request-5 {height: 990px;}
	#modal-request-6 {height: 980px;}
	#modal-request-7 {height: 810px;}
	#modal-request-8 {height: 810px;}
	#modal-request-9 {height: 810px;}
	#modal-request-10 {height: 810px;}
	#modal-request-11 {height: 1000px;}
	#modal-request-12 {height: 810px;}
	#modal-request-13 {height: 810px;}
	#modal-request-14 {height: 810px;}
	#modal-request-15 {height: 790px;}
		[id*="modal-request"] h2 {font: 700 60px/60px Bebas; letter-spacing: -1px; margin-bottom: 10px;}
		#modal-request-1 h2 {margin: 10px 0 35px;}
		#modal-request-4 h2 {margin: 10px 0 35px;}
		#modal-request-12 h2 {margin: 10px 0 35px;}
		#modal-request-13 h2 {margin: 10px 0 35px;}
		#modal-request-15 h2 {margin: 10px 0 35px;}
		[id*="modal-request"] strong {display: block; font: 800 18px/22px Glober; text-transform: uppercase; margin-bottom: 10px;}
		[id*="modal-request"] ul {float: left; margin-bottom: 20px;}
		[id*="modal-request"] ul.left {width: 45%;}
		[id*="modal-request"] ul.right {width: 55%;}
			[id*="modal-request"] ul li {list-style: none; font: 16px/24px Glober; padding-left: 15px; position: relative;}
			[id*="modal-request"] ul.left li {font-weight: 700;}
			[id*="modal-request"] ul.left li:before {content:''; display: block; width: 3px; height: 3px; background: #1f1f1f; border-radius: 50%; position: absolute; left: 5px; top: 11px;}
			[id*="modal-request"] ul.right li:before {content:'- '; position: absolute; left: 5px; top: 0px;}
		[id*="modal-request"] form {width: 350px; margin-top: 35px;}
		#modal-request-1 form {margin-top: 25px;}
		#modal-request-15 form {margin-top: 40px;}
			[id*="modal-request"] form input[type="submit"] {width: 343px;}
	/*------ Success ------*/
	#modal_success {width: 444px; height: 325px; top: 0; bottom: 0; border: 5px solid #996ed9; padding-bottom: 20px;}
		#modal_success h3 {font: 700 48px/52px Bebas; text-transform: uppercase; margin-bottom: 20px;}
		#modal_success h4 {font: 700 24px/30px Bebas; text-transform: uppercase; margin-bottom: 20px;}
		#modal_success p {font: 600 18px/22px Glober; text-align: center;}
			#modal_success p b {display: block; font-weight: 700; text-transform: uppercase;}