/** Shopify CDN: Minification failed

Line 18:0 Unexpected "$"
Line 63:0 Comments in CSS use "/* ... */" instead of "//"
Line 64:0 Comments in CSS use "/* ... */" instead of "//"
Line 65:0 Comments in CSS use "/* ... */" instead of "//"
Line 66:0 Comments in CSS use "/* ... */" instead of "//"
Line 150:26 Comments in CSS use "/* ... */" instead of "//"
Line 151:22 Comments in CSS use "/* ... */" instead of "//"
Line 152:32 Comments in CSS use "/* ... */" instead of "//"
Line 153:29 Comments in CSS use "/* ... */" instead of "//"
Line 156:0 Comments in CSS use "/* ... */" instead of "//"
... and 67 more hidden warnings

**/


$base_font:          Open Sans;
$base_font_size:     14px;
$base_font_color:     #777777;

$heading_font: Open Sans;
$heading_font_size: 18px;
$heading_font_color: #191919;

$bg_color: #ffffff;
$bg_color_dark: darken( $bg_color, 5% );
$border_color: #dddddd;

$links_color: #191919;
$links_color_hover: #00bcd4;

$color_1: #ffffff;
$color_2: #333333;
$color_3: #ffffff;
$color_4: #000000;
$color_5: #ff9800;


$product_name_size: 18px;
$product_name_color: #191919;
$product_name_color_hover: #00bcd4;

$product_price_color: #f44336;
$product_price_sale_color: ;






@mixin transition($t, $a:0, $b:0, $c:0) {
-webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
		backface-visibility: hidden;

-webkit-perspective: 1000;
   -moz-perspective: 1000;
	-ms-perspective: 1000;
		perspective: 1000;

// -webkit-transform: translate3d(0, 0, 0);
// 	-ms-transform: translate3d(0, 0, 0);
// 	 -o-transform: translate3d(0, 0, 0);
// 		transform: translate3d(0, 0, 0);

	@if $a == 0 and $b == 0 and $c == 0 {
	-webkit-transition: all $t ease-in-out;
	   -moz-transition: all $t ease-in-out;
			transition: all $t ease-in-out;
	}

	@if $a != 0 and $b == 0 and $c == 0 {
	-webkit-transition: $a $t ease-in-out;
	   -moz-transition: $a $t ease-in-out;
			transition: $a $t ease-in-out;
	}

	@if $a != 0 and $b != 0 and $c == 0 {
	-webkit-transition: $a $t ease-in-out, $b $t ease-in-out;
	   -moz-transition: $a $t ease-in-out, $b $t ease-in-out;
			transition: $a $t ease-in-out, $b $t ease-in-out;
	}

	@if $a != 0 and $b != 0 and $c != 0 {
	-webkit-transition: $a $t ease-in-out, $b $t ease-in-out, $c $t ease-in-out;
	   -moz-transition: $a $t ease-in-out, $b $t ease-in-out, $c $t ease-in-out;
			transition: $a $t ease-in-out, $b $t ease-in-out, $c $t ease-in-out;
	}
}


@mixin box_shadow($x...) {
-webkit-box-shadow: $x;
   -moz-box-shadow: $x;
		box-shadow: $x;
}


@mixin bg_size($x...) {
-webkit-background-size: $x;
		background-size: $x;
}


@mixin transform($x...) {
-webkit-transform: $x;
		transform: $x;
}


@mixin transform_origin($x...) {
-webkit-transform-origin: $x;
		transform-origin: $x;
}






h1,
h2,
h3,
h4,
h5,
h6,
p {margin: 0;}

input,
button {margin: 0;padding: 0;background: none;border: none;}

button {cursor: pointer;}
button:focus {outline: 0 !important;}

a,
span {vertical-align: baseline;}

img {max-width: 100%;}

ul,
ol {margin: 0;padding: 0;list-style-type: none;}





html {
font-family: sans-serif;		// Change the default font family in all browsers (opinionated).
line-height: 1.15;				// Correct the line height in all browsers.
-webkit-text-size-adjust: 100%;	// Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.
	-ms-text-size-adjust: 100%;	// Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.
}

// Remove the margin in all browsers (opinionated)
body {margin: 0;}

// Add the correct display in IE 9-
article,
aside,
footer,
header,
nav,
section {display: block;}

// Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari
// h1 {font-size: 2em;margin: 0.67em 0;}

// Add the correct display in IE 9-
figcaption,
figure,
main {display: block;}

// Add the correct margin in IE 8
figure {margin: 1em 40px;} 

hr {
overflow: visible; // Show the overflow in Edge and IE
height: 0; // Add the correct box sizing in Firefox
-webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
		box-sizing: content-box; // Add the correct box sizing in Firefox
}

pre {
font-family: monospace, monospace; // Correct the inheritance and scaling of font size in all browsers
font-size: 1em; // Correct the odd `em` font sizing in all browsers
}

a {
background-color: transparent; // Remove the gray background on active links in IE 10
-webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+
}

// Remove the outline on focused links when they are also active or hovered in all browsers (opinionated)
a:active,
a:hover {outline-width: 0;}

abbr[title] {
border-bottom: none; // Remove the bottom border in Firefox 39-
text-decoration: underline; // Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari
text-decoration: underline dotted; // Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari
}

// Prevent the duplicate application of `bolder` by the next rule in Safari 6
b,
strong {font-weight: inherit;}

// Add the correct font weight in Chrome, Edge, and Safari
b,
strong {font-weight: bolder;}

code,
kbd,
samp {
font-family: monospace, monospace; // Correct the inheritance and scaling of font size in all browsers
font-size: 1em; // Correct the odd `em` font sizing in all browsers
}

// Add the correct font style in Android 4.3-
dfn {font-style: italic;}

// Add the correct background and color in IE 9-
mark {background-color: #ff0;color: #000;}

// Add the correct font size in all browsers
small {font-size: 80%;}

// Prevent `sub` and `sup` elements from affecting the line height in all browsers
sub,
sup {vertical-align: baseline;font-size: 75%;line-height: 0;position: relative;}

sub {bottom: -0.25em;}

sup {top: -0.5em;}

// Add the correct display in IE 9-
audio,
video {display: inline-block;}

// Add the correct display in iOS 4-7
audio:not([controls]) {display: none;height: 0;}

// Remove the border on images inside links in IE 10-
img {border-style: none;}

// Hide the overflow in IE
svg:not(:root) {overflow: hidden;}

button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;font-size: 100%;line-height: 1.15; // Change the font styles in all browsers (opinionated)
margin: 0; // Remove the margin in Firefox and Safari
}

// Show the overflow in Edge
button,
input {overflow: visible;}

// Remove the inheritance of text transform in Firefox
button,
select {text-transform: none;}

button,
html [type="button"], // Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4
[type="reset"],
[type="submit"] {
-webkit-appearance: button; // Correct the inability to style clickable types in iOS and Safari
}

// Remove the inner border and padding in Firefox
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}

// Restore the focus styles unset by the previous rule
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}

// Change the border, margin, and padding in all browsers (opinionated)
fieldset {margin: 0 2px;padding: 0.35em 0.625em 0.75em;border: 1px solid #c0c0c0;}

legend {
max-width: 100%;display: table;box-sizing: border-box;white-space: normal; // Correct the text wrapping in Edge and IE
color: inherit; // Correct the color inheritance from `fieldset` elements in IE
padding: 0; // Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers
}

progress {
display: inline-block; // Add the correct display in IE 9-
vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera
}

// Remove the default vertical scrollbar in IE
textarea {overflow: auto;}

[type="checkbox"],
[type="radio"] {
box-sizing: border-box; // Add the correct box sizing in IE 10-
padding: 0; // Remove the padding in IE 10-
}

// Correct the cursor style of increment and decrement buttons in Chrome
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {height: auto;}

[type="search"] {
-webkit-appearance: textfield; // Correct the odd appearance in Chrome and Safari
outline-offset: -2px; // Correct the outline style in Safari
}

// Remove the inner padding and cancel buttons in Chrome and Safari on macOS
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

::-webkit-file-upload-button {
-webkit-appearance: button; // Correct the inability to style clickable types in iOS and Safari
font: inherit; // Change font properties to `inherit` in Safari
}

details, // Add the correct display in Edge, IE, and Firefox
menu {display: block;}

// Add the correct display in all browsers
summary {display: list-item;}

// Add the correct display in IE 9-
canvas {display: inline-block;}

// Add the correct display in IE
template {display: none;}

// Add the correct display in IE 10-
[hidden] {display: none;}





@media print {
	*,
	*:before,
	*:after {background: transparent !important;color: #000 !important;
	text-shadow: none !important;
	-webkit-box-shadow: none !important;
			box-shadow: none !important;		
	}

	a,
	a:visited {text-decoration: underline;}

	a[href]:after {content: " (" attr(href) ")";}
	abbr[title]:after {content: " (" attr(title) ")";}

	a[href^="#"]:after,
	a[href^="javascript:"]:after {content: "";}

	pre,
	blockquote {border: 1px solid #999;page-break-inside: avoid;}

	thead {display: table-header-group;}

	tr,
	img {page-break-inside: avoid;}

	img {max-width: 100% !important;}

	p,
	h2,
	h3 {orphans: 3;widows: 3;}

	h2,
	h3 {page-break-after: avoid;}

	.navbar {display: none;}

	.btn > .caret,
	.dropup > .btn > .caret {border-top-color: #000 !important;}

	.label {border: 1px solid #000;}
	.table {border-collapse: collapse !important;}

	.table td,
	.table th {background-color: #fff !important;}

	.table-bordered th,
	.table-bordered td {border: 1px solid #ddd !important;}

}





* {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
		box-sizing: border-box;
}

*:before,
*:after {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
		box-sizing: border-box;
}

html {font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {font: 14px/1.42857143 "Helvetica Neue", Helvetica, Arial, sans-serif;color: #333;}

figure {margin: 0;}

img {vertical-align: middle;}

.clearfix:before,
.clearfix:after {content: " ";display: table;}

.clearfix:after {clear: both;}





.container {margin-right: auto;margin-left: auto;}

@media (max-width: 767px) {
	.container {padding-left: 15px;padding-right: 15px;	}
}

@media (min-width: 768px) {
	.container {width: 750px;}
}

@media (min-width: 992px) {
	.container {width: 970px;}
}

@media (min-width: 1200px) {
	.container {width: 1170px;}
}

.container-fluid {margin-right: auto;margin-left: auto;padding-right: 15px;padding-left: 15px;}

.row {margin-right: -15px;margin-left: -15px;}
.row:after {content: '';display: table;clear: both;}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {min-height: 1px;padding-right: 15px;padding-left: 15px;position: relative;}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {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-pull-12 {right: 100%;}
.col-xs-pull-11 {right: 91.66666667%;}
.col-xs-pull-10 {right: 83.33333333%;}
.col-xs-pull-9 {right: 75%;}
.col-xs-pull-8 {right: 66.66666667%;}
.col-xs-pull-7 {right: 58.33333333%;}
.col-xs-pull-6 {right: 50%;}
.col-xs-pull-5 {right: 41.66666667%;}
.col-xs-pull-4 {right: 33.33333333%;}
.col-xs-pull-3 {right: 25%;}
.col-xs-pull-2 {right: 16.66666667%;}
.col-xs-pull-1 {right: 8.33333333%;}
.col-xs-pull-0 {right: auto;}

.col-xs-push-12 {left: 100%;}
.col-xs-push-11 {left: 91.66666667%;}
.col-xs-push-10 {left: 83.33333333%;}
.col-xs-push-9 {left: 75%;}
.col-xs-push-8 {left: 66.66666667%;}
.col-xs-push-7 {left: 58.33333333%;}
.col-xs-push-6 {left: 50%;}
.col-xs-push-5 {left: 41.66666667%;}
.col-xs-push-4 {left: 33.33333333%;}
.col-xs-push-3 {left: 25%;}
.col-xs-push-2 {left: 16.66666667%;}
.col-xs-push-1 {left: 8.33333333%;}
.col-xs-push-0 {left: auto;}

.col-xs-offset-12 {margin-left: 100%;}
.col-xs-offset-11 {margin-left: 91.66666667%;}
.col-xs-offset-10 {margin-left: 83.33333333%;}
.col-xs-offset-9 {margin-left: 75%;}
.col-xs-offset-8 {margin-left: 66.66666667%;}
.col-xs-offset-7 {margin-left: 58.33333333%;}
.col-xs-offset-6 {margin-left: 50%;}
.col-xs-offset-5 {margin-left: 41.66666667%;}
.col-xs-offset-4 {margin-left: 33.33333333%;}
.col-xs-offset-3 {margin-left: 25%;}
.col-xs-offset-2 {margin-left: 16.66666667%;}
.col-xs-offset-1 {margin-left: 8.33333333%;}
.col-xs-offset-0 {margin-left: 0;}

@media (min-width: 768px) {
	.col-sm-1,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12 {float: left;}

	.col-sm-12 {width: 100%;}
	.col-sm-11 {width: 91.66666667%;}
	.col-sm-10 {width: 83.33333333%;}
	.col-sm-9 {width: 75%;}
	.col-sm-8 {width: 66.66666667%;}
	.col-sm-7 {width: 58.33333333%;}
	.col-sm-6 {width: 50%;}
	.col-sm-5 {width: 41.66666667%;}
	.col-sm-4 {width: 33.33333333%;}
	.col-sm-3 {width: 25%;}
	.col-sm-2 {width: 16.66666667%;}
	.col-sm-1 {width: 8.33333333%;}

	.col-sm-pull-12 {right: 100%;}
	.col-sm-pull-11 {right: 91.66666667%;}
	.col-sm-pull-10 {right: 83.33333333%;}
	.col-sm-pull-9 {right: 75%;}
	.col-sm-pull-8 {right: 66.66666667%;}
	.col-sm-pull-7 {right: 58.33333333%;}
	.col-sm-pull-6 {right: 50%;}
	.col-sm-pull-5 {right: 41.66666667%;}
	.col-sm-pull-4 {right: 33.33333333%;}
	.col-sm-pull-3 {right: 25%;}
	.col-sm-pull-2 {right: 16.66666667%;}
	.col-sm-pull-1 {right: 8.33333333%;}
	.col-sm-pull-0 {right: auto;}

	.col-sm-push-12 {left: 100%;}
	.col-sm-push-11 {left: 91.66666667%;}
	.col-sm-push-10 {left: 83.33333333%;}
	.col-sm-push-9 {left: 75%;}
	.col-sm-push-8 {left: 66.66666667%;}
	.col-sm-push-7 {left: 58.33333333%;}
	.col-sm-push-6 {left: 50%;}
	.col-sm-push-5 {left: 41.66666667%;}
	.col-sm-push-4 {left: 33.33333333%;}
	.col-sm-push-3 {left: 25%;}
	.col-sm-push-2 {left: 16.66666667%;}
	.col-sm-push-1 {left: 8.33333333%;}
	.col-sm-push-0 {left: auto;}

	.col-sm-offset-12 {margin-left: 100%;}
	.col-sm-offset-11 {margin-left: 91.66666667%;}
	.col-sm-offset-10 {margin-left: 83.33333333%;}
	.col-sm-offset-9 {margin-left: 75%;}
	.col-sm-offset-8 {margin-left: 66.66666667%;}
	.col-sm-offset-7 {margin-left: 58.33333333%;}
	.col-sm-offset-6 {margin-left: 50%;}
	.col-sm-offset-5 {margin-left: 41.66666667%;}
	.col-sm-offset-4 {margin-left: 33.33333333%;}
	.col-sm-offset-3 {margin-left: 25%;}
	.col-sm-offset-2 {margin-left: 16.66666667%;}
	.col-sm-offset-1 {margin-left: 8.33333333%;}
	.col-sm-offset-0 {margin-left: 0;}

}

@media (min-width: 992px) {
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11,
	.col-md-12 {float: left;}

	.col-md-12 {width: 100%;}
	.col-md-11 {width: 91.66666667%;}
	.col-md-10 {width: 83.33333333%;}
	.col-md-9 {width: 75%;}
	.col-md-8 {width: 66.66666667%;}
	.col-md-7 {width: 58.33333333%;}
	.col-md-6 {width: 50%;}
	.col-md-5 {width: 41.66666667%;}
	.col-md-4 {width: 33.33333333%;}
	.col-md-3 {width: 25%;}
	.col-md-2 {width: 16.66666667%;}
	.col-md-1 {width: 8.33333333%;}

	.col-md-pull-12 {right: 100%;}
	.col-md-pull-11 {right: 91.66666667%;}
	.col-md-pull-10 {right: 83.33333333%;}
	.col-md-pull-9 {right: 75%;}
	.col-md-pull-8 {right: 66.66666667%;}
	.col-md-pull-7 {right: 58.33333333%;}
	.col-md-pull-6 {right: 50%;}
	.col-md-pull-5 {right: 41.66666667%;}
	.col-md-pull-4 {right: 33.33333333%;}
	.col-md-pull-3 {right: 25%;}
	.col-md-pull-2 {right: 16.66666667%;}
	.col-md-pull-1 {right: 8.33333333%;}
	.col-md-pull-0 {right: auto;}

	.col-md-push-12 {left: 100%;}
	.col-md-push-11 {left: 91.66666667%;}
	.col-md-push-10 {left: 83.33333333%;}
	.col-md-push-9 {left: 75%;}
	.col-md-push-8 {left: 66.66666667%;}
	.col-md-push-7 {left: 58.33333333%;}
	.col-md-push-6 {left: 50%;}
	.col-md-push-5 {left: 41.66666667%;}
	.col-md-push-4 {left: 33.33333333%;}
	.col-md-push-3 {left: 25%;}
	.col-md-push-2 {left: 16.66666667%;}
	.col-md-push-1 {left: 8.33333333%;}
	.col-md-push-0 {left: auto;}

	.col-md-offset-12 {margin-left: 100%;}
	.col-md-offset-11 {margin-left: 91.66666667%;}
	.col-md-offset-10 {margin-left: 83.33333333%;}
	.col-md-offset-9 {margin-left: 75%;}
	.col-md-offset-8 {margin-left: 66.66666667%;}
	.col-md-offset-7 {margin-left: 58.33333333%;}
	.col-md-offset-6 {margin-left: 50%;}
	.col-md-offset-5 {margin-left: 41.66666667%;}
	.col-md-offset-4 {margin-left: 33.33333333%;}
	.col-md-offset-3 {margin-left: 25%;}
	.col-md-offset-2 {margin-left: 16.66666667%;}
	.col-md-offset-1 {margin-left: 8.33333333%;}
	.col-md-offset-0 {margin-left: 0;}

}

@media (min-width: 1200px) {
	.col-lg-1,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12 {float: left;}

	.col-lg-12 {width: 100%;}
	.col-lg-11 {width: 91.66666667%;}
	.col-lg-10 {width: 83.33333333%;}
	.col-lg-9 {width: 75%;}
	.col-lg-8 {width: 66.66666667%;}
	.col-lg-7 {width: 58.33333333%;}
	.col-lg-6 {width: 50%;}
	.col-lg-5 {width: 41.66666667%;}
	.col-lg-4 {width: 33.33333333%;}
	.col-lg-3 {width: 25%;}
	.col-lg-2 {width: 16.66666667%;}
	.col-lg-1 {width: 8.33333333%;}

	.col-lg-pull-12 {right: 100%;}
	.col-lg-pull-11 {right: 91.66666667%;}
	.col-lg-pull-10 {right: 83.33333333%;}
	.col-lg-pull-9 {right: 75%;}
	.col-lg-pull-8 {right: 66.66666667%;}
	.col-lg-pull-7 {right: 58.33333333%;}
	.col-lg-pull-6 {right: 50%;}
	.col-lg-pull-5 {right: 41.66666667%;}
	.col-lg-pull-4 {right: 33.33333333%;}
	.col-lg-pull-3 {right: 25%;}
	.col-lg-pull-2 {right: 16.66666667%;}
	.col-lg-pull-1 {right: 8.33333333%;}
	.col-lg-pull-0 {right: auto;}

	.col-lg-push-12 {left: 100%;}
	.col-lg-push-11 {left: 91.66666667%;}
	.col-lg-push-10 {left: 83.33333333%;}
	.col-lg-push-9 {left: 75%;}
	.col-lg-push-8 {left: 66.66666667%;}
	.col-lg-push-7 {left: 58.33333333%;}
	.col-lg-push-6 {left: 50%;}
	.col-lg-push-5 {left: 41.66666667%;}
	.col-lg-push-4 {left: 33.33333333%;}
	.col-lg-push-3 {left: 25%;}
	.col-lg-push-2 {left: 16.66666667%;}
	.col-lg-push-1 {left: 8.33333333%;}
	.col-lg-push-0 {left: auto;}

	.col-lg-offset-12 {margin-left: 100%;}
	.col-lg-offset-11 {margin-left: 91.66666667%;}
	.col-lg-offset-10 {margin-left: 83.33333333%;}
	.col-lg-offset-9 {margin-left: 75%;}
	.col-lg-offset-8 {margin-left: 66.66666667%;}
	.col-lg-offset-7 {margin-left: 58.33333333%;}
	.col-lg-offset-6 {margin-left: 50%;}
	.col-lg-offset-5 {margin-left: 41.66666667%;}
	.col-lg-offset-4 {margin-left: 33.33333333%;}
	.col-lg-offset-3 {margin-left: 25%;}
	.col-lg-offset-2 {margin-left: 16.66666667%;}
	.col-lg-offset-1 {margin-left: 8.33333333%;}
	.col-lg-offset-0 {margin-left: 0;}

}




// 3.2. RESPONSIVE TOOLS ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {display: none !important;}

@media (max-width: 767px) {
	.visible-xs {display: block !important;}

	table.visible-xs {display: table !important;}

	tr.visible-xs {display: table-row !important;}

	th.visible-xs,
	td.visible-xs {display: table-cell !important;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.visible-sm {display: block !important;}

	table.visible-sm {display: table !important;}

	tr.visible-sm {display: table-row !important;}

	th.visible-sm,
	td.visible-sm {display: table-cell !important;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.visible-md {display: block !important;}

	table.visible-md {display: table !important;}

	tr.visible-md {display: table-row !important;}

	th.visible-md,
	td.visible-md {display: table-cell !important;}
}

@media (min-width: 1200px) {
	.visible-lg {display: block !important;}

	table.visible-lg {display: table !important;}

	tr.visible-lg {display: table-row !important;}

	th.visible-lg,
	td.visible-lg {display: table-cell !important;}
}

@media (max-width: 767px) {
	.hidden-xs {display: none !important;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.hidden-sm {display: none !important;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-md {display: none !important;}
}

@media (min-width: 1200px) {
	.hidden-lg {display: none !important;}
}





fieldset {min-width: 0;margin: 0;padding: 0;border: 0;}

legend {width: 100%;display: block;margin-bottom: 20px;padding: 0;border: 0;border-bottom: 1px solid #e5e5e5;font-size: 21px;line-height: inherit;color: #333333;}

label {display: inline-block;max-width: 100%;}

input[type="search"] {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
		box-sizing: border-box;
}

input[type="radio"] {margin: 3px 0 0;margin-top: 1px \9;line-height: normal;}
input[type="checkbox"] {margin: 4px 0 0;margin-top: 1px \9;line-height: normal;}

input[type="file"] {display: block;}
input[type="range"] {width: 100%;display: block;}

select[multiple],
select[size] {height: auto;}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}

output {display: block;padding-top: 7px;font-size: 14px;line-height: 1.42857143;color: #555555;}

select,
textarea,
input[type="tel"],
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
.form-control {width: 100%;height: 34px;display: block;vertical-align: top;padding: 6px 10px;background-image: none;border-width: 1px;border-style: solid;line-height: 1.42857143;}

.form-control::-moz-placeholder {color: rgba( 0,0,0,.75 );opacity: 1;}
.form-control:-ms-input-placeholder {color: rgba( 0,0,0,.75 );}
.form-control::-webkit-input-placeholder {color: rgba( 0,0,0,.75 );}
.form-control::-ms-expand {background-color: transparent;border: 0;}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {background-color: #eeeeee;
opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {cursor: not-allowed;}

textarea {min-width: 100%;max-width: 100%;min-height: 100px;height: auto;}

input[type="search"] {
-webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	input[type="date"].form-control,
	input[type="time"].form-control,
	input[type="datetime-local"].form-control,
	input[type="month"].form-control {line-height: 34px;}

}


.form-group {margin-top: 15px;}
.form-group:after {content: '';display: table;clear: both;}

.radio,
.checkbox {min-height: 20px;display: block;position: relative;}

.radio ~ .radio,
.checkbox ~ .checkbox {margin: 7px 0 0 0;}

.radio label,
.checkbox label {min-height: 20px;margin-bottom: 0;padding-left: 20px;font-weight: normal;cursor: pointer;}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {margin-top: 4px \9;margin-left: -20px;position: absolute;}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {cursor: not-allowed;}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {cursor: not-allowed;}


.help-block {display: block;margin-top: 7px;font-size: 12px;color: #737373;cursor: default;}


.form-horizontal .form-group {margin-left: -15px;margin-right: -15px;}


@media (min-width: 768px) {
	.form-horizontal label {margin-bottom: 0;line-height: 34px;text-align: right;}
}



.btn {display: inline-block;vertical-align: middle;margin: 0;font-weight: normal;line-height: 1.42857143;text-align: center;white-space: nowrap;cursor: pointer;
-ms-touch-action: manipulation;
	touch-action: manipulation;

-webkit-user-select: none;
   -moz-user-select: none;
	-ms-user-select: none;
		user-select: none;

}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}

.btn:active,
.btn.active {background-image: none;outline: 0;
@include box_shadow( inset 0 3px 2px rgba(0, 0, 0, 0.3) );
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {cursor: default;
// opacity: 0.65;
filter: alpha(opacity=65);

@include box_shadow( none );
}

a.btn.disabled,
fieldset[disabled] a.btn {pointer-events: none;}



table {background-color: transparent;border-collapse: collapse;}

th {text-align: left;}

.table {width: 100%;max-width: 100%;margin-bottom: 20px;}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {vertical-align: top;padding: 8px;border-top: 1px solid #dddddd;line-height: 1.42857143;}

.table > thead > tr > th {vertical-align: bottom;border-bottom: 2px solid #dddddd;}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {border-top: 0;}

.table > tbody + tbody {border-top: 2px solid #dddddd;}


.table .table {background-color: $color_1;}


.table-bordered {border: 1px solid #dddddd;}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {border: 1px solid #dddddd;}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {border-bottom-width: 2px;}


.table-responsive {min-height: 0.01%;overflow-x: auto;}

@media screen and (max-width: 767px) {
	.table-responsive {width: 100%;overflow-y: hidden;margin-bottom: 15px;border: 1px solid #dddddd;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	}

	.table-responsive > .table {margin-bottom: 0;}

	.table-responsive > .table > thead > tr > th,
	.table-responsive > .table > tbody > tr > th,
	.table-responsive > .table > tfoot > tr > th,
	.table-responsive > .table > thead > tr > td,
	.table-responsive > .table > tbody > tr > td,
	.table-responsive > .table > tfoot > tr > td {white-space: nowrap;}

	.table-responsive > .table-bordered {border: 0;}

	.table-responsive > .table-bordered > thead > tr > th:first-child,
	.table-responsive > .table-bordered > tbody > tr > th:first-child,
	.table-responsive > .table-bordered > tfoot > tr > th:first-child,
	.table-responsive > .table-bordered > thead > tr > td:first-child,
	.table-responsive > .table-bordered > tbody > tr > td:first-child,
	.table-responsive > .table-bordered > tfoot > tr > td:first-child {border-left: 0;}

	.table-responsive > .table-bordered > thead > tr > th:last-child,
	.table-responsive > .table-bordered > tbody > tr > th:last-child,
	.table-responsive > .table-bordered > tfoot > tr > th:last-child,
	.table-responsive > .table-bordered > thead > tr > td:last-child,
	.table-responsive > .table-bordered > tbody > tr > td:last-child,
	.table-responsive > .table-bordered > tfoot > tr > td:last-child {border-right: 0;}

	.table-responsive > .table-bordered > tbody > tr:last-child > th,
	.table-responsive > .table-bordered > tfoot > tr:last-child > th,
	.table-responsive > .table-bordered > tbody > tr:last-child > td,
	.table-responsive > .table-bordered > tfoot > tr:last-child > td {border-bottom: 0;}

}




html,
body {font: #{$base_font_size}/1.5em $base_font;color: $base_font_color;}

a {color: $links_color;text-decoration: none;
@include transition( .3s, background, border-color, color );
}

a:hover,
a:focus {color: $links_color_hover;}




h1,
h2,
h3,
h4,
h5,
h6 {font: #{$heading_font_size}/1.1em $heading_font;color: $heading_font_color;}


h1 {font-size: $heading_font_size;}
h2 {font-size: $heading_font_size - 2;}
h3 {font-size: $heading_font_size - 4;}
h4 {font-size: $heading_font_size - 5;}
h5 {font-size: $heading_font_size - 6;}
h6 {font-size: $heading_font_size - 8;}


.page_heading {margin: 40px 0 0 0;font-size: $heading_font_size;text-transform: uppercase;}





.btn {overflow: hidden;padding: 7px 15px;background: transparent;border: 3px solid $border_color;font: bold 12px $base_font;color: $color_2;text-decoration: none;text-transform: uppercase;position: relative;
@include transition( .4s, background, border-color, color );
}
.btn:after {content: '';width: 0;height: 0;border-width: 0;border-style: solid;border-color: $color_4 transparent transparent transparent;position: absolute;top: 0;left: 0;z-index: -1;
-webkit-transition: 0.5s ease;
		transition: 0.5s ease;
}
.btn:active,
.btn:focus,
.btn:hover {color: $color_1 !important;}

.btn:active:after,
.btn:focus:after,
.btn:hover:after {border-width: 330px 300px 0 0;}



.btn_alt {border-color: $color_2;color: $color_1;}
.btn_alt:before {content: '';background: $color_2;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -2;}



.btn_inverted {border-color: rgba( $color_1, .45 );color: $color_1;}


.btn[disabled] {background: transparent !important;border-color: $border_color;color: rgba( $color_2, .35 );}





table {
	caption {padding-top: 8px;padding-bottom: 8px;font-size: 16px;color: #777777;text-align: left;}
}

.table-bordered,
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {border-color: $border_color;}

.table-striped > tbody > tr:nth-of-type(odd) {background-color: rgba( $border_color, .2 );}

.table-hover > tbody > tr:hover {background-color: rgba( $border_color, .2 );}





select,
textarea,
input[type="tel"],
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
.form-control,
.btn,
.alert,
.errors {
// border-width: 2px;
@include border_radius( 0 );
}






html,
body {overflow-x: hidden;}
.row {overflow: hidden;}

#page_preloader__bg {background: #fff;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1000;
-webkit-transition: opacity .1s ease-in-out .05s, z-index .1s ease-in-out .05s;
   -moz-transition: opacity .1s ease-in-out .05s, z-index .1s ease-in-out .05s;
		transition: opacity .1s ease-in-out .05s, z-index .1s ease-in-out .05s;

-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	 -o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
}
#page_preloader__bg.off {opacity: 0;z-index: -10;}


#page_preloader__img {margin: -50px 0 0 -50px;position: absolute;top: 50%;left: 50%;z-index: 1001;
-webkit-transition: transform .2s ease-in-out;
   -moz-transition: transform .2s ease-in-out;
		transition: transform .2s ease-in-out;

-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	 -o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
}
#page_preloader__img.off {
-webkit-transform: scale3d(0, 0, 1);
	-ms-transform: scale3d(0, 0, 1);
	 -o-transform: scale3d(0, 0, 1);
		transform: scale3d(0, 0, 1);
}





h1 {font-weight: 300;font-size: 48px;line-height: 102px;color: #fff;text-align: center;}

h2 {font-weight: 300;font-size: 48px;line-height: 1em;color: #000;text-align: center;}
h2 ~ h2 {padding: 18px 0 0 0;}
h2 strong {font-weight: 900;}

h3 {font-weight: 300;font-size: 36px;line-height: 1em;color: #000;text-align: center;}
h3 ~ h3 {padding: 10px 0 0 0;}
h3 strong {font-weight: 900;}

h4 {font-weight: bold;font-size: 18px;line-height: 1em;color: #000;text-align: center;text-transform: uppercase;}

p {padding: 15px 0 0 0;font-weight: 600;font-size: 14px;line-height: 2.0em;color: #000;text-align: center;}





.splash_wrapper {max-width: 2048px;margin: 0 auto;}


header {position: relative;top: 0;right: 0;left: 0;z-index: 10;text-align: center;}
header .header_logo_demo {margin-top: 8%;position: relative;display: inline-block;}

.splash_1 {padding: 38.582% 0 0 0;position: relative;z-index: 1;}
.splash_1 .layer_1 {padding: 53.582% 0 0 0;background: url( /cdn/shop/t/2/assets/splash_1__bg.jpg?v=84566273861713230341546952679 ) 50% 50% no-repeat;position: fixed;left: 0;right: 0;top: 0;z-index: 1;
	background-size: cover;
	}
.splash_1 .layer_2 {width: 866px;height: 600px;margin: 0 0 0 -415px;background: url( /cdn/shop/t/2/assets/splash_1__ipad.png?v=139893889047015210741546966918 ) 0 0 no-repeat;position: absolute;left: 50%;bottom: 0;z-index: 2;background-size: cover;}
.splash_1 .layer_3 {padding: 15px 0 0 0;text-transform: capitalize;position: absolute;top: 0;right: 0;left: 0;z-index: 3;}
.splash_1 .layer_3 h2 {font-size: 35px;}


.splash_2 {padding: 70px 0 90px 0;background: #fff;text-transform: capitalize;position: relative;z-index: 2;}
.splash_2 .container {margin-right: auto;margin-left: auto;}

.splash_2 .container .col-sm-6 {margin-bottom: 30px;}

.splash_2 h3 {margin: 75px 0 30px 0;font-size: 35px;line-height: 1.5em;}

.splash_2 .row {overflow: visible;}

.splash_2 a {display: block;}

.splash_2 a .img_wrapper {width: 570px;height: 500px;overflow: hidden;position: relative;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.15);
    	box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.15);
 
	-webkit-transition: box-shadow 2s;
  		transition: box-shadow 2s;
}

.splash_2 a:hover .img_wrapper {
  	-webkit-box-shadow: 0px 7px 25px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 7px 25px 0px rgba(0,0,0,0.5);
    	box-shadow: 0px 7px 25px 0px rgba(0,0,0,0.5);
  	 -webkit-transition: box-shadow 2s;
  		transition: box-shadow 2s;
	
	}


.splash_2 img {position: absolute;top: 0;right: 0;left: 0;
	-webkit-transition: top .5s ease-in-out;
	   -moz-transition: top .5s ease-in-out;
			transition: top .5s ease-in-out;
	}

.splash_2 .img_wrapper:hover img {
	-webkit-transition: top 1.5s linear;
	   -moz-transition: top 1.5s linear;
			transition: top 1.5s linear;
	}
.splash_2 .img_wrapper:hover img.screen_1 {top: -1112px;}
.splash_2 .img_wrapper:hover img.screen_2 {top: -993px;}
.splash_2 .img_wrapper:hover img.screen_3 {top: -792px;}
.splash_2 .img_wrapper:hover img.screen_4 {top: -928px;}


.splash_3 {padding: 110px 0 105px 0;background: #f6f6f6;position: relative;z-index: 2;}
.splash_3 .container {margin-right: auto;margin-left: auto;}
.splash_3 .container h3 {font-size: 35px;line-height: 1.5em;margin-bottom: 65px;}

.splash_3 .item {margin: 22px auto 0 auto;}
.splash_3 .item	.img_wrap {margin: 0px 0 0 0;display: inline-block;float: left;width: 10%;}

.splash_3 .item .txt_wrap {height: 170px;display: inline-block;float: right;width: 85%;}
.splash_3 .item	h4 {padding: 0px 0px 0 0px;font-size: 20px;text-align: left;letter-spacing: 2.7px;font-weight: 600;}
.splash_3 .item	p {text-align: left;}




footer {padding: 10px 0;background: #ff9800;color: #fff;text-align: center;position: relative;z-index: 2;}
footer h3 {color: #fff;font-size: 16px;display: inline-block;}
footer a {display: inline-block;margin: 0px 0 0 0;vertical-align: middle;}
footer a:hover {color: #f44336;}
footer .svg_icon {fill: #fff;}


@media (max-width: 1800px) {


}




@media (max-width: 1700px) {

header .header_logo_demo {margin-top: 3%;}
.splash_1 {padding: 30% 0 0 0;}
.splash_1 .layer_2 {
    width: 660px;
    height: 456px;
	margin: 0px 0 0 -335px;
}


}


@media (max-width: 1600px) {


header .header_logo_demo {margin-top: 1%;}
.splash_1 {padding: 39% 0 0 0;}
.splash_1 .layer_2 {
    width: 660px;
    height: 456px;
	margin: 0px 0 0 -335px;
}
  
.splash_2 h3 {margin: 10px 0 30px 0;font-size: 26px;}



}



@media (max-width: 1300px) {

.splash_1 .layer_3 h2 {font-size: 24px;}
.splash_1 .layer_2 {
    width: 500px;
    height: 346px;
    margin: 0px 0 0 -253px;
}



}


@media (max-width: 1199px) {
  
.splash_2 {padding: 50px 0 50px 0;}

.splash_2 a .img_wrapper {width: 100%;}

.splash_2 .img_wrapper:hover img.screen_1 {top: -830px;}
.splash_2 .img_wrapper:hover img.screen_2 {top: -731px;}
.splash_2 .img_wrapper:hover img.screen_3 {top: -565px;}
.splash_2 .img_wrapper:hover img.screen_4 {top: -677px;}

p {font-size: 13px;line-height: 1.5em;}

}


@media (max-width: 991px) {
  
splash_1 {padding: 40% 0 0 0;}  
  
.splash_1 .layer_3 h2 {
    font-size: 22px;
}
  
.splash_1 .layer_3 {padding: 5px 0 0 0;}  
  
.splash_1 .layer_2 {
    width: 400px;
    height: 276px;
    margin: 0px 0 0 -200px;
}
  
 .splash_3 .item h4 {font-size: 16px;}

.splash_2 .img_wrapper:hover img.screen_1 {top: -519px;}
.splash_2 .img_wrapper:hover img.screen_2 {top: -443px;}
.splash_2 .img_wrapper:hover img.screen_3 {top: -316px;}
.splash_2 .img_wrapper:hover img.screen_4 {top: -402px;}

.splash_3 .container h3 {
    font-size: 24px;
    line-height: 1.5em;
    margin-bottom: 50px;
}

}



@media (max-width: 767px) {
  
.splash_3 .item {
    margin: 38px auto 0 auto;
}
  
.splash_3 .item .txt_wrap {height: auto;} 

.splash_3 .container h3 {
    margin-bottom: 20px;
}
  
.splash_1 .layer_2 {
    width: 300px;
    height: 207px;
    margin: 0px 0 0 -150px;
}  
  
  
.splash_2 h3 {font-size: 20px;}

.splash_2 a .img_wrapper {
    width: 570px;
    text-align: center;
    margin: 0 auto;
}
  
.splash_2 .img_wrapper:hover img.screen_1 {top: -1114px;}
.splash_2 .img_wrapper:hover img.screen_2 {top: -993px;}
.splash_2 .img_wrapper:hover img.screen_3 {top: -792px;}
.splash_2 .img_wrapper:hover img.screen_4 {top: -928px;}
  
  .splash_3 {padding: 70px 0 40px 0;}
  
  footer h3 {font-size: 14px;}

}




@media (max-width: 639px) {
  
.splash_1 .layer_1 {padding: 58% 0 0 0;}
  
.splash_1 {padding: 56% 0 0 0;}  
  

.splash_1 .layer_3 h2 {font-size: 18px;}
.splash_1 .layer_2 {
    width: 250px;
    height: 172px;
    margin: 0px 0 0 -124px;
}
.splash_2 {
    padding: 30px 0 50px 0;
}
  
.splash_2 a .img_wrapper {width: 290px;}  
  
.splash_2 .img_wrapper:hover img.screen_1 {top: -318px;}
.splash_2 .img_wrapper:hover img.screen_2 {top: -260px;}
.splash_2 .img_wrapper:hover img.screen_3 {top: -156px;}
.splash_2 .img_wrapper:hover img.screen_4 {top: -226px;}

footer {padding: 10px 5px;}

}




@media (max-width: 479px) {
  
.splash_1 .layer_3 h2 {padding: 0 10px;}  
  
.splash_1 .layer_1 {
    padding: 62% 0 0 0;
}  
  
  
.splash_2 h3 {font-size: 18px;}  

.splash_3 .container h3 {
    font-size: 18px;
    margin-bottom: 10px;
}  
  
.splash_3 .item h4 {font-size: 14px;}
  
  

}