/* --------------------------------------------------
	
	CSS Tabs
	
	Basics
	1.1 Reset
	1.2 Basic
	1.3 Framework
	1.4 Typography
	1.5 Links
	1.6 Buttons
	1.7 Forms
	1.8 Modals
	
	General
	2.1 Header
	2.2 Promo
	2.3 Offer
	2.4 Summary
	2.5 Features
	2.6 Explain
	2.7 Calc
	2.8 Secrets
	2.9 Stages
	2.10 Order
	2.11 Footer
	
	Responsive
	3.1 1040px
	3.2 940px
	3.3 840px
	3.4 560px
	3.5 460px
	
	-------------------------------------------------- */
	
	/* ---- 1.1 Reset ---- */
	/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
	button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;outline:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	ol,
	ul,
	li {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	
	ol,
	ul {
		list-style: none;
	}
	
	blockquote,
	q {
		quotes: none;
	}
	
	img {
		max-width: 100%;
		vertical-align: middle;
	}
	
	* {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	
	/* forms */
	input::-ms-clear {
		display: none;
	}
	
	/* ---- 1.2 Basic ---- */
	body {
		font-family: 'Fira Sans', Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 400;
		line-height: 2;
		letter-spacing: -0.4px;
		
		background-color: #fff;
		color: #000;
		
		overflow-x: hidden;
		word-wrap: break-word;
		
		/* font smoothing */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		
		/* optimize rendering text */
		text-rendering: optimizeLegibility;
		
		/* smooth the scrolling on touch devices - webkit browsers */
		-webkit-overflow-scrolling: touch;
	}
	
	::selection {
		background-color: #000;
		color: #fff;
	}
	::-moz-selection {
		background-color: #000;
		color: #fff;
	}
	
	/* ---- 1.3 Framework ---- */
	.container {
		width: 1010px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.row {
		margin-left: -15px;
		margin-right: -15px;
	}
	.row:before,
	.row:after,
	.container:before,
	.container:after,
	.clearfix:before,
	.clearfix:after {
		display: table;
		content: '';
	}
	.row:after,
	.container:after,
	.clearfix:after {
		clear: both;
	}
	
	.col-xs-12,
	.col-xs-11,
	.col-xs-10,
	.col-xs-9,
	.col-xs-8,
	.col-xs-7,
	.col-xs-6,
	.col-xs-5,
	.col-xs-4,
	.col-xs-3,
	.col-xs-2,
	.col-xs-1,
	.col-xs-cm-5 {
		position: relative;
		padding-left: 15px;
		padding-right: 15px;
		min-height: 1px;
		float: left;
	}
	.col-xs-12 {
		width: 100%;
	}
	.col-xs-11 {
		width: 91.66666667%;
	}
	.col-xs-10 {
		width: 83.33333333%;
	}
	.col-xs-9 {
		width: 75%;
	}
	.col-xs-8 {
		width: 66.66666667%;
	}
	.col-xs-7 {
		width: 58.33333333%;
	}
	.col-xs-6 {
		width: 50%;
	}
	.col-xs-5 {
		width: 41.66666667%;
	}
	.col-xs-4 {
		width: 33.33333333%;
	}
	.col-xs-3 {
		width: 25%;
	}
	.col-xs-2 {
		width: 16.66666667%;
	}
	.col-xs-1 {
		width: 8.33333333%;
	}
	.col-xs-cm-5 {
		width: 20%;
	}
	
	.hidden {
		display: none;
	}
	
	.pull-lt {
		float: left;
	}
	.pull-rt {
		float: right;
	}
	
	.lt {
		text-align: left;
	}
	.ct {
		text-align: center;
	}
	.rt {
		text-align: right;
	}
	
	.wrapper {
		position: relative;
	}
	
	/* nav */
	.nav > li,
	.nav > li > a {
		position: relative;
		display: block;
	}
	
	/* nav > nav-horizontal */
	.nav.nav-horizontal:before,
	.nav.nav-horizontal:after {
		display: table;
		content: '';
	}
	.nav.nav-horizontal:after {
		clear: both;
	}
	.nav.nav-horizontal > li {
		float: left;
	}
	.nav.nav-horizontal > li:last-child a {
		margin-right: 0;
	}
	
	/* nav > nav-inline */
	.nav.nav-inline > li {
		display: inline-block;
	}
	.nav.nav-inline > li:last-child a {
		margin-right: 0;
	}
	
	/* ---- 1.4 Typography ---- */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: 'Fira Sans', Helvetica, sans-serif;
		font-weight: 700;
		line-height: 1.5;
		color: #000;
	}
	h1 {
		font-size: 34px;
	}
	h2 {
		font-size: 28px;
	}
	h3 {
		font-size: 26px;
	}
	h4 {
		font-size: 22px;
	}
	h5 {
		font-size: 20px;
	}
	h6 {
		font-size: 18px;
	}
	
	p {
		font-size: 15px;
		font-weight: 400;
		line-height: 2;
		color: #000;
	}
	
	hr {
		margin: 0;
		padding: 0;
		border: 0;
		border-bottom: 1px solid #ccc;
	}
	
	.editor h1,
	.editor h2,
	.editor h3,
	.editor h4,
	.editor h5,
	.editor h6 {
		margin: 33px 0 11px;
	}
	.editor p,
	.editor ul,
	.editor ol,
	.editor img {
		margin: 11px 0;
	}
	
	.editor p {
		font-size: 16px;
		line-height: 1.4;
	}
	.editor ul,
	.editor ol {
		padding-left: 20px;
		font-size: 15px;
		font-weight: 400;
		line-height: 2;
		color: #000;
	}
	.editor ul {
		list-style: disc;
	}
	.editor ol {
		list-style-type: decimal;
	}
	.editor img {
		display: block;
		height: auto;
	}
	.editor p img {
		margin: 0;
	}
	
	.editor > *:first-child {
		margin-top: 0;
	}
	.editor > *:last-child {
		margin-bottom: 0;
	}
	
	.img-shadow {
		border: 6px solid #fff;
		-webkit-box-shadow: 0 8px 11px 0 rgba(0, 0, 0, 0.15);
		   -moz-box-shadow: 0 8px 11px 0 rgba(0, 0, 0, 0.15);
				box-shadow: 0 8px 11px 0 rgba(0, 0, 0, 0.15);
	}
	
	/* ---- 1.5 Links ---- */
	a {
		color: #009999;
		text-decoration: none;
		-webkit-transition: all 0.3s ease-in-out;
		   -moz-transition: all 0.3s ease-in-out;
			-ms-transition: all 0.3s ease-in-out;
			 -o-transition: all 0.3s ease-in-out;
			    transition: all 0.3s ease-in-out;
	}
	a:hover,
	a:focus {
		color: #c0504d;
	}
	a:focus {
		outline: 0;
	}
	
	/* ---- 1.6 Buttons ---- */
	.button {
		background-color: transparent;
		background-image: none;
		display: inline-block;
		padding: 8px 24px;
		border-width: 0;
		border-style: solid;
		border-color: transparent;
		border-radius: 0;
		font-family: 'Fira Sans', Helvetica, sans-serif;
		font-size: 15px;
		font-weight: 400;
		line-height: 2;
		vertical-align: middle;
		white-space: nowrap;
		text-rendering: auto;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
		-webkit-user-select: none;
		   -moz-user-select: none;
			-ms-user-select: none;
				user-select: none;
		-webkit-transition: all 0.3s ease-in-out;
		   -moz-transition: all 0.3s ease-in-out;
			-ms-transition: all 0.3s ease-in-out;
			 -o-transition: all 0.3s ease-in-out;
			    transition: all 0.3s ease-in-out;
	}
	.button:active {
		-webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.10);
		   -moz-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.10);
				box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.10);
	}
	
	/* button primary */
	.button-primary {
		background: #c0504d;
		color: #fff;
	}
	.button-primary:hover,
	.button-primary:focus {
		background-color: #a64642;
		color: #fff;
	}
	
	/* ---- 1.7 Forms ---- */
	.form-control {
		background-color: #fff;
		background-image: none;
		width: 100%;
		height: 48px;
		display: block;
		padding: 14px 12px;
		border-width: 0;
		border-style: solid;
		border-color: transparent;
		border-radius: 0;
		font-family: 'Fira Sans', Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		color: #000;
		-webkit-transition: border-color 0.3s ease-in-out;
		   -moz-transition: border-color 0.3s ease-in-out;
			-ms-transition: border-color 0.3s ease-in-out;
			 -o-transition: border-color 0.3s ease-in-out;
			    transition: border-color 0.3s ease-in-out;
	}
	.form-control:focus {
		background-color: #ffffe5;
	}
	.form-control::-webkit-input-placeholder {
		color: #000;
	}
	.form-control:-ms-input-placeholder {
		color: #000;
	}
	.form-control::-moz-placeholder {
		color: #000; opacity: 1; /* opacity 100% firefox */
	}
	
	/* ---- 1.8 Modals ---- */
	.easy-modal {
		background-image: none;
		background-color: rgba(0, 0, 0, 0.75);
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9999;
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 100%;
		height: 100%;
		overflow-y: auto;
		-webkit-transform: translateZ(2px);
				transform: translateZ(2px);
	}
	.easy-modal-inn {
		background-image: none;
		background-color: #fff;
		position: relative;
		max-width: 100%;
		width: 380px;
		display: block;
		margin: 0 auto 300px;
		padding: 20px;
		border: 0;
		opacity: 0;
		-webkit-box-shadow: 0 8px 11px 0 rgba(0, 0, 0, 0.15);
		   -moz-box-shadow: 0 8px 11px 0 rgba(0, 0, 0, 0.15);
				box-shadow: 0 8px 11px 0 rgba(0, 0, 0, 0.15);
		-webkit-transition: margin 0.2s linear, opacity 0.3s linear;
		   -moz-transition: margin 0.2s linear, opacity 0.3s linear;
				transition: margin 0.2s linear, opacity 0.3s linear;
	}
	.easy-modal-inn.trigger {
		margin: 0 auto 0;
		opacity: 1;
	}
	.easy-modal-inn button.closeM {
		background-image: none;
		background-color: transparent;
		position: absolute;
		top: 5px;
		right: 5px;
		width: 44px;
		height: 44px;
		padding: 0;
		border: 0;
		opacity: 0.6;
		cursor: pointer;
		font-family: Arial, Baskerville, monospace;
		font-weight: 400;
		font-size: 28px;
		line-height: 44px;
		text-decoration: none;
		text-align: center;
		color: #000;
	}
	.easy-modal-inn button.closeM:focus,
	.easy-modal-inn button.closeM:hover {
		opacity: 1;
	}
	.easy-modal-header {
		margin-bottom: 10px;
		padding: 10px 10px 20px 10px;
		border-bottom: 1px solid #e6e6e6;
	}
	.easy-modal-header h2 {
		line-height: 1;
		text-align: center;
		text-transform: uppercase;
		color: #000;
	}
	.easy-modal-body {
		padding: 10px 0;
	}
	
	/* ---- 1.9 Alerts ---- */
	.alert {
		position: relative;
		padding: .75rem 1.25rem;
		border-top: 1px solid transparent;
		border-bottom: 1px solid transparent;
		text-align: center;
	}
	.alert-success {
		color: #155724;
		background-color: #d4edda;
		border-color: #c3e6cb;
	}
	.alert-danger {
		color: #721c24;
		background-color: #f8d7da;
		border-color: #f5c6cb;
	}
	
	/* ---- 2.1 Header ---- */
	.header-primary {
		padding-top: 12px;
	}
	
	/* logo */
	.header-primary .h-logo {
		margin: 7px 0;
	}
	.header-primary .h-logo > img {
		height: 40px;
	}
	
	/* title */
	.header-primary .h-title > h1 {
		font-size: 28px;
		line-height: 54px;
		text-align: center;
	}
	.header-primary .h-title > h1 > span {
		color: #0070c0;
	}
	.header-primary .h-title > h1 > span > span {
		color: #c00000;
	}
	
	/* info */
	.header-primary .h-info {
		font-size: 18px;
		line-height: 1.5;
		text-align: center;
	}
	
	/* nav */
	.header-primary .nav-primary {
		padding: 12px 15px 0;
	}
	.header-primary .nav-primary > li {
		width: 12.5%;
		border-right: 1px solid #fff;
		text-align: center;
	}
	.header-primary .nav-primary > li:last-child {
		border-right: 0;
	}
	.header-primary .nav-primary > li > a {
		background-image: none;
		background-color: #009999;
		padding: 8px 6px;
		font-size: 16px;
		color: #fff;
	}
	.header-primary .nav-primary > li > a:hover {
		background-color: #008080;
	}
	
	/* ---- 2.2 Promo ---- */
	.section-promo .wrapper {
		background-image: url(../images/01.jpg);
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: 150% 30%;
		padding-top: 48px;
		padding-bottom: 48px;
	}
	.section-promo .wrapper .lt-side {
		width: 420px;
		padding-left: 40px;
	}
	.section-promo .wrapper .lt-side h3 {
		margin-bottom: 40px;
	}
	.section-promo .wrapper .lt-side ul {
		font-size: 20px;
		line-height: 1.5;
	}
	.section-promo .wrapper .lt-side ul span {
		font-weight: 700;
		color: #009999;
	}
	.section-promo .wrapper .rt-side {
		background-image: none;
		background-color: #ffff99;
		position: absolute;
		z-index: 10;
		top: 0;
		right: 0;
		bottom: 0;
		width: 368px;
		padding-top: 124px;
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
	}
	.section-promo .wrapper .rt-side h4 {
		font-size: 18px;
	}
	.section-promo .wrapper .rt-side h4 > span {
		color: #009999;
	}
	.section-promo .wrapper .rt-side .bottom-area {
		margin-top: 30px;
	}
	.section-promo .wrapper .rt-side .bottom-area > .button {
		padding-left: 36px;
		padding-right: 36px;
		font-size: 18px;
	}
	
	/* ---- 2.3 Offer ---- */
	.section-offer {
		background-image: none;
		background-color: #ccffcc;
		padding-top: 24px;
		padding-bottom: 24px;
	}
	.section-offer h3 {
		margin-bottom: 24px;
		text-align: center;
	}
	
	/* ---- 2.4 Summary ---- */
	.section-summary {
		padding-top: 24px;
		padding-bottom: 48px;
	}
	.section-summary h3 {
		margin-bottom: 24px;
		text-align: center;
	}
	.section-summary .wrapper {
		min-height: 70px;
		padding-left: 80px;
	}
	.section-summary .wrapper > img {
		position: absolute;
		top: 0;
		left: 0;
		width: 70px;
		height: 70px;
	}
	.section-summary .wrapper > p {
		padding-top: 25px;
		padding-bottom: 25px;
		font-size: 15px;
		line-height: 20px;
	}
	
	/* ---- 2.5 Features ---- */
	.section-features {
		background-image: none;
		background-color: #ccffcc;
		padding-top: 24px;
		padding-bottom: 24px;
	}
	.section-features h3 {
		margin-bottom: 36px;
		text-align: center;
	}
	.section-features .wrapper {
		min-height: 134px;
		margin-bottom: 20px;
		padding-left: 80px;
	}
	.section-features .wrapper > img {
		position: absolute;
		top: 0;
		left: 0;
		width: 60px;
		height: 60px;
	}
	.section-features .wrapper > p {
		padding-top: 8px;
		font-size: 15px;
		line-height: 24px;
	}
	.section-features h6 {
		max-width: 100%;
		width: 320px;
		margin: 0 auto;
		text-align: center;
		color: #009999;
	}
	
	/* ---- 2.6 Explain ---- */
	.section-explain {
		background-image: none;
		background-color: #ccffcc;
		padding-top: 12px;
		padding-bottom: 36px;
	}
	.section-explain h3 {
		margin-bottom: 24px;
		text-align: center;
	}
	.section-explain .bottom-area {
		margin-top: 24px;
		text-align: center;
	}
	.section-explain .bottom-area > .button {
		width: 260px;
		line-height: 1.4;
		white-space: inherit;
	}
	
	/* ---- 2.7 Calc ---- */
	.section-calc {
		background-image: none;
		background-color: #ffff99;
		padding-top: 24px;
		padding-bottom: 48px;
	}
	.section-calc h3 {
		margin-bottom: 24px;
		text-align: center;
	}
	.section-calc .wrapper-input > input {
		position: relative;
		z-index: 2;
	}
	.section-calc .wrapper-input > input#bag {
		cursor: default;
	}
	.section-calc .wrapper-input:after {
		position: absolute;
		z-index: 1;
		top: 0;
		right: -40px;
		width: 48px;
		height: 48px;
		display: block;
		content: '';
		font-size: 15px;
		font-weight: 700;
		line-height: 48px;
		text-align: center;
	}
	.section-calc .wrapper-multiply:after {
		content: '*';
	}
	.section-calc .wrapper-divide:after {
		content: '/';
	}
	.section-calc .button {
		width: 100%;
		margin: 30px 0;
	}
	.section-calc .wrapper-count {
		font-size: 28px;
		line-height: 1.2;
		text-align: center;
		color: #009999;
	}
	.section-calc .wrapper-count > span {
		display: inline-block;
		width: 80px;
		border-bottom: 3px dashed #009999;
		font-weight: 700;
	}
	.section-calc .wrapper-count > b {
		font-weight: 400;
	}
	
	/* ---- 2.8 Secrets ---- */
	.section-secrets {
		background-image: none;
		background-color: #ccffcc;
		padding-top: 24px;
		padding-bottom: 24px;
	}
	.section-secrets h3 {
		margin-bottom: 24px;
		text-align: center;
	}
	.section-secrets p {
		max-width: 100%;
		min-height: 254px;
		width: 490px;
		margin: 0 auto;
		padding-top: 95px;
		padding-bottom: 20px;
		font-size: 20px;
		line-height: 30px;
		text-align: center;
	}
	.section-secrets p.pg-lt {
		padding-left: 140px;
	}
	.section-secrets p.pg-rt {
		padding-right: 140px;
	}
	.section-secrets h4 {
		max-width: 100%;
		width: 550px;
		margin: 32px auto 0;
		text-align: center;
	}
	
	/* ---- Masters ---- */
	.section-masters {
		padding-top: 24px;
		padding-bottom: 36px;
		border-bottom: 1px solid #e6e6e6;
	}
	.section-masters h3 {
		margin-bottom: 36px;
		text-align: center;
	}
	.section-masters .wrapper img {
		width: 300px;
		margin: 0 auto;
		display: block;
	}
	.section-masters .wrapper h4 {
		margin: 20px 0 5px;
		text-align: center;
	}
	.section-masters .wrapper p {
		text-align: center;
	}
	
	/* ---- 2.9 Stages ---- */
	.section-stages {
		padding-top: 24px;
		padding-bottom: 36px;
	}
	.section-stages h3 {
		margin-bottom: 36px;
		text-align: center;
	}
	.section-stages .wrapper {
		text-align: center;
	}
	.section-stages .wrapper:after {
		position: absolute;
		top: 24px;
		right: -12px;
		border: 1px solid #000;
		border-width: 0 0 2px 2px;
		width: 32px;
		height: 32px;
		display: block;
		content: '';
		font-size: 0;
		line-height: 0;
		-webkit-transform: rotate(-135deg);
			-ms-transform: rotate(-135deg);
			 -o-transform: rotate(-135deg);
				transform: rotate(-135deg);
	}
	.section-stages .col-xs-cm-5:last-child .wrapper:after {
		display: none;
	}
	.section-stages .wrapper > img {
		width: 80px;
		height: 80px;
		margin-bottom: 30px;
	}
	.section-stages .wrapper > h6 {
		margin-bottom: 10px;
		font-size: 16px;
		font-weight: 400;
	}
	.section-stages .wrapper > p {
		font-size: 13px;
		line-height: 1.5;
	}
	
	/* ---- 2.10 Order ---- */
	.section-order {
		text-align: center;
	}
	.section-order .wrapper {
		background-image: url(../images/23.jpg);
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		padding-top: 36px;
		padding-bottom: 36px;
	}
	.section-order .bottom-area {
		padding-top: 400px;
	}
	.section-order .bottom-area > .button {
		min-width: 180px;
	}
	
	/* ---- 2.11 Footer ---- */
	/* info */
	.footer-primary .f-info {
		min-height: 240px;
		margin-top: 120px;
		text-align: center;
	}
	.footer-primary .f-info .phone {
		font-size: 28px;
		font-weight: 700;
		line-height: 1.5;
	}
	.footer-primary .f-info .phone > a {
		color: #000;
	}
	.footer-primary .f-info .phone > a:hover {
		color: #c0504d;
	}
	.footer-primary .f-info .address {
		font-size: 14px;
		line-height: 1.5;
	}
	.footer-primary .f-info .address > a {
		color: #999;
	}
	.footer-primary .f-info .address > a:hover {
		color: #000;
	}
	.footer-primary .f-info .nav-social {
		margin-top: 12px;
	}
	.footer-primary .f-info .nav-social > li {
		width: 36px;
		padding: 0 6px;
		font-size: 24px;
	}
	.footer-primary .f-info .nav-social > li > a {
		color: #b3b3b3;
	}
	.footer-primary .f-info .nav-social > li > a:hover {
		color: #000;
	}
	
	/* contactform */
	#contactform .form-control {
		margin-bottom: 20px;
		border-bottom: 1px solid #e6e6e6;
	}
	#contactform .button {
		width: 100%;
	}
	#contactform input.has-error {
		border-color: #f5c6cb;
	}
	#contactform div.has-error {
		margin-top: -15px;
		margin-bottom: 20px;
		font-size: 13px;
		line-height: 1.5;
		color: #721c24;
	}
	
	/* ---- 3.1 1040px ---- */
	@media only screen and (max-width: 1040px) {
		
		.mobile-3-1-hidden {
			display: none;
		}
		
		.container {
			width: 100%;
		}
		
		/* header */
		.header-primary .nav-primary > li > a {
			padding-left: 0;
			padding-right: 0;
			font-size: 14px;
		}
		
	}
	
	/* ---- 3.2 940px ---- */
	@media only screen and (max-width: 940px) {
		
		.mobile-3-2-hidden {
			display: none;
		}
		
		.col-xs-12,
		.col-xs-11,
		.col-xs-10,
		.col-xs-9,
		.col-xs-8,
		.col-xs-7,
		.col-xs-6,
		.col-xs-5,
		.col-xs-4,
		.col-xs-3,
		.col-xs-2,
		.col-xs-1,
		.col-xs-cm-5 {
			width: 100%;
		}
		
		/* header */
		.h-logo {
			text-align: center;
		}
		.h-title {
			margin: 12px 0;
		}
		.header-primary .nav-primary > li {
			width: 25%;
		}
		.header-primary .nav-primary > li:nth-child(-n+4) {
			border-bottom: 1px solid #fff;
		}
		.header-primary .nav-primary > li:nth-child(4),
		.header-primary .nav-primary > li:last-child {
			border-right: 0;
		}
		
		/* offer */
		.section-offer .col-xs-5 {
			margin-top: 24px;
		}
		
		/* summary */
		.section-summary .col-xs-3 {
			width: 50%;
		}
		.section-summary .col-xs-3 .wrapper {
			margin-bottom: 20px;
		}
		
		/* explain */
		.section-explain .img-shadow {
			margin-top: 24px;
		}
		
		/* calc */
		.section-calc .container {
			max-width: 100%;
			width: 400px;
		}
		.section-calc .wrapper-input {
			margin-bottom: 20px;
		}
		.section-calc .wrapper-input:after {
			display: none;
		}
		.section-calc .button {
			margin-top: -28px;
		}
		
		/* secrets */
		.section-secrets .col-xs-5,
		.section-secrets .col-xs-7 {
			width: 50%;
		}
		.section-secrets p {
			min-height: auto;
			padding-top: 50px;
		}
		.section-secrets p.pg-lt,
		.section-secrets p.pg-rt {
			padding-left: 0;
			padding-right: 0;
		}
		
		/* masters */
		.section-masters .col-xs-6:first-child {
			margin-bottom: 24px;
		}
		
		/* stages */
		.section-stages .wrapper {
			margin-bottom: 40px;
		}
		.section-stages .wrapper:after {
			display: none;
		}
		
	}
	
	/* ---- 3.3 840px ---- */
	@media only screen and (max-width: 840px) {
		
		/* promo */
		.section-promo .wrapper {
			background-position: 50% 50%;
			background-size: cover;
			padding-top: 24px;
			padding-bottom: 0;
		}
		.section-promo .wrapper .lt-side {
			width: auto;
			margin-bottom: 30px;
			padding-left: 30px;
			padding-right: 30px;
		}
		.section-promo .wrapper .rt-side {
			position: static;
			width: auto;
			padding-top: 40px;
			padding-bottom: 40px;
		}
		
	}
	
	/* ---- 3.4 560px ---- */
	@media only screen and (max-width: 560px) {
		
		/* secrets */
		.section-secrets p {
			padding-top: 20px;
			font-size: 14px;
		}
		
	}
	
	/* ---- 3.5 460px ---- */
	@media only screen and (max-width: 460px) {
		
		/* header */
		.header-primary .nav-primary > li {
			width: 50%;
		}
		.header-primary .nav-primary > li:nth-child(-n+6) {
			border-bottom: 1px solid #fff;
		}
		.header-primary .nav-primary > li:nth-child(2),
		.header-primary .nav-primary > li:nth-child(4),
		.header-primary .nav-primary > li:nth-child(6),
		.header-primary .nav-primary > li:last-child {
			border-right: 0;
		}
		
		/* summary */
		.section-summary .col-xs-3 {
			width: 100%;
		}
		
		/* features */
		.section-features .wrapper {
			min-height: auto;
			margin-bottom: 40px;
		}
		
	}