/* 
	Table of Contents

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Grid -------------------------------------
	         Responsive Helpers -----------------------
	II.  Regions --------------------------------------
	     01. Container --------------------------------
	     02. Content ----------------------------------
	     03. Footer -----------------------------------
	     04. Header -----------------------------------
	     05. Main -------------------------------------
	     06. Shell ------------------------------------
	     07. Sidebar ----------------------------------
	     08. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Articles ---------------------------------
	     02. Button -----------------------------------
	         Button Block -----------------------------
	     03. Copyright --------------------------------
	     04. Form Elements ----------------------------
	     05. Form -------------------------------------
	     06. Intro ------------------------------------
	     07. List -------------------------------------
	     08. List Dots --------------------------------
	     09. List Caption -----------------------------
	     10. Logo -------------------------------------
	     11. Nav --------------------------------------
	     12. Question ---------------------------------
	     13. Section About ----------------------------
	     14. Section Info -----------------------------
	     15. Section Product --------------------------
	     16. Section Default --------------------------
	     17. Section Photo ----------------------------
	     18. Section Steps ----------------------------
	     19. Section Attention ------------------------
	     20. Section Why ------------------------------
	     21. Section More -----------------------------
	     22. Section Promo ----------------------------
	     23. Slider -----------------------------------
	     24. Steps ------------------------------------
	     25. Table ------------------------------------
	     26. Thumbs -----------------------------------
	     27. Widget -----------------------------------
 */

.ico-gift { background-image: url(images/sprite.png); background-position: 0% 0%; background-size: 187.27272727272728% 162.90322580645162%; width: 55px; height: 62px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-seatbelt { background-image: url(images/sprite.png); background-position: 100% 0%; background-size: 234.0909090909091% 214.8936170212766%; width: 44px; height: 47px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-wrench { background-image: url(images/sprite.png); background-position: 0% 100%; background-size: 302.94117647058823% 288.57142857142856%; width: 34px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.ico-gift { background-image: url(images/sprite.@2x.png); background-position: 0% 0%; background-size: 187.27272727272728% 162.90322580645162%; width: 55px; height: 62px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-seatbelt { background-image: url(images/sprite.@2x.png); background-position: 100% 0%; background-size: 234.0909090909091% 214.8936170212766%; width: 44px; height: 47px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-wrench { background-image: url(images/sprite.@2x.png); background-position: 0% 100%; background-size: 302.94117647058823% 288.57142857142856%; width: 34px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }}
.cols:after { content: ''; line-height: 0; display: table; clear: both; }
/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */
*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main { display: block; }
html { tap-highlight-color: rgba(0,0,0,0); }
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }
img,
iframe,
video,
audio,
object { max-width: 100%; }
img,
iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }
b,
strong { font-weight: bold; }
address { font-style: normal; }
svg:not(:root) { overflow: hidden; }
a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }
a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
button,
select { text-transform: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
nav ul,
nav ol { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
body { min-width: 320px; background: #fff; font-family: 'Lato', 'Arial', 'Helvetica', sans-serif; font-size: 14px; line-height: 1.43; color: #3e3738; font-weight: 300; }
a { text-decoration: none; color: #e91831; }
a:hover { text-decoration: underline; }
a[href^="tel"] { text-decoration: none; }
strong { font-weight: 500; }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 600; margin-bottom: 0.715em; }
h1 { font-size: 55px; }
h2 { font-size: 34px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 13px; }
p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.43em; }
h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }
@media (max-width: 767px) {
	h1 { font-size: 36px; }
	h2 { font-size: 28px; }
	h3 { font-size: 22px; }
}
/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */
@font-face {
    font-family: 'Lato Latin';
    src: url('fonts/latolatin-regular-webfont.woff2') format('woff2'),
         url('fonts/latolatin-regular-webfont.woff') format('woff'),
         url('fonts/latolatin-regular-webfont.ttf') format('truetype'),
         url('fonts/latolatin-regular-webfont.svg#latolatinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato Latin';
    src: url('fonts/latolatin-semibold-webfont.woff2') format('woff2'),
         url('fonts/latolatin-semibold-webfont.woff') format('woff'),
         url('fonts/latolatin-semibold-webfont.ttf') format('truetype'),
         url('fonts/latolatin-semibold-webfont.svg#latolatinsemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Lato Latin';
    src: url('fonts/latolatin-black-webfont.woff2') format('woff2'),
         url('fonts/latolatin-black-webfont.woff') format('woff'),
         url('fonts/latolatin-black-webfont.ttf') format('truetype'),
         url('fonts/latolatin-black-webfont.svg#latolatinblack') format('svg');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Lato Latin';
    src: url('fonts/latolatin-light-webfont.woff2') format('woff2'),
         url('fonts/latolatin-light-webfont.woff') format('woff'),
         url('fonts/latolatin-light-webfont.ttf') format('truetype'),
         url('fonts/latolatin-light-webfont.svg#latolatinlight') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Lato Latin';
    src: url('fonts/latolatin-medium-webfont.woff2') format('woff2'),
         url('fonts/latolatin-medium-webfont.woff') format('woff'),
         url('fonts/latolatin-medium-webfont.ttf') format('truetype'),
         url('fonts/latolatin-medium-webfont.svg#latolatinmedium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Lato Latin';
    src: url('fonts/latolatin-thin-webfont.woff2') format('woff2'),
         url('fonts/latolatin-thin-webfont.woff') format('woff'),
         url('fonts/latolatin-thin-webfont.ttf') format('truetype'),
         url('fonts/latolatin-thin-webfont.svg#latolatinthin') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Lato Latin';
    src: url('fonts/latolatin-bold-webfont.woff2') format('woff2'),
         url('fonts/latolatin-bold-webfont.woff') format('woff'),
         url('fonts/latolatin-bold-webfont.ttf') format('truetype'),
         url('fonts/latolatin-bold-webfont.svg#latolatinbold') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Lato Latin';
    src: url('fonts/latolatin-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/latolatin-lightitalic-webfont.woff') format('woff'),
         url('fonts/latolatin-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/latolatin-lightitalic-webfont.svg#latolatinlight_italic') format('svg');
    font-weight: 300;
    font-style: italic;

}
/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */
/*  Clear  */
.clear:after { content: ''; line-height: 0; display: table; clear: both; }
/*  Notext  */
.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }
/*  Hidden  */
[hidden],
.hidden { display: none; }
/*  Alignleft  */
.alignleft { float: left; }
/*  Alignright  */
.alignright { float: right; }
/*  Disabled  */
[disabled],
.disabled { cursor: default; }
/*  Grid  */
.cols { margin: 0 -15px; }
.cols:after { }
.col { float: left; width: 100%; padding: 0 15px; }
.col-1of2 { width: 50%; }
/*  Responsive Helpers  */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }
@media (max-width: 767px) {
	.hidden-xs { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
	.hidden-sm { display: none !important; }
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-md { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
}
@media (min-width: 1200px) {
	.hidden-lg { display: none !important; }
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
}
/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */
.container {}
/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */
.content {}
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer { padding: 57px 0; }
.footer h3 { margin-bottom: 15px; color: #e91831; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 500; }
.footer h3 span { display: inline-block; vertical-align: middle; }
.footer h3 i { margin: -7px 19px 0 0; }
.footer ul { list-style-position: inside; }
.footer li { margin-bottom: 10px; }
.footer li:last-child { margin-bottom: 0; }
.footer h5 { font-weight: 500; color: #e91831; }
.footer p + h5,
.footer ul + h5 { margin-top: 40px; }
.footer .footer-content { max-width: 640px; margin: 0 auto; }
@media (max-width: 767px) {
	.footer h3 { letter-spacing: 0.04em; }
	.footer h3 i { margin-right: 10px; }
}
/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header {}
/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
.main {}
/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */
.shell { max-width: 990px; padding-left: 10px; padding-right: 10px; margin: auto; }
.shell-fluid { max-width: none; }
/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */
.sidebar {}
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper { position: relative; overflow: hidden; font-family: 'Lato', 'Arial', 'Helvetica', sans-serif; font-size: 14px; line-height: 1.43; color: #3e3738; font-weight: 300; }
/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Articles
\* ------------------------------------------------------------ */
.articles { display: -ms-flexbox; display: flex; margin: 0 -10px; }
.articles .article { position: relative; width: 33.3%; padding: 0 10px 46px; }
.articles .article-foot { position: absolute; bottom: 0; left: 10px; right: 10px; }
.article h3 { display: table; height: 60px; margin-bottom: 10px; color: #e91831; letter-spacing: 0.05em; text-transform: uppercase; line-height: 1.25; }
.article h3 span span { display: block; font-weight: 300; }
.article h3 > span { display: table-cell; vertical-align: middle; }
.article .article-foot span { display: block; width: 247px; max-width: 100%; border: solid #373031; border-width: 2px 0; text-align: center; font-size: 14px; font-weight: 500; letter-spacing: 0.04em; color: #373031; text-transform: uppercase; line-height: 38px; }
.article p + .list-dots { margin-top: -20px; }
@media (max-width: 767px) {
	.articles { display: block; }
	.articles .article { width: auto; }
	.articles .article ~ .article { margin-top: 30px; }
}
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer;
	-webkit-appearance: none;
	   -moz-appearance: none;
	 		appearance: none;
}
/*  Button Block  */
.btn-block { display: block; padding-left: 0; padding-right: 0; }
/* ------------------------------------------------------------ *\
	Copyright
\* ------------------------------------------------------------ */
.copyright { padding: 0 10px 20px; text-align: center; }
/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */
input::-webkit-input-placeholder { color: inherit; opacity: 1; }
input::-moz-placeholder { color: inherit; opacity: 1; }
input:-ms-input-placeholder { color: inherit; opacity: 1; }
input::placeholder { color: inherit; opacity: 1; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea::-moz-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }
input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }
.field {}
.textarea {}
.select {}
.radio {}
.checkbox {}
/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */
.form {}
/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */
.intro { padding: 129px 0 88px; color: #fff; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.intro h1 { margin: 0; color: #e91831; text-transform: uppercase; line-height: 1; letter-spacing: 0.03em; }
.intro h1 small { display: block; margin-bottom: 1px; font-size: 35px; font-weight: 300; letter-spacing: 0.01em; }
.intro h4 { margin-bottom: 6px; font-weight: normal; text-transform: uppercase; }
.intro p { line-height: 1.65; letter-spacing: 0.008em; }
.intro .intro-content { max-width: 400px; margin: 0 39px 0 auto; }
@media (max-width: 767px) {
	.intro { padding: 60px 0; }
}
/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */
[class^="list-"] { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	List Dots
\* ------------------------------------------------------------ */
.list-dots li { position: relative; padding-left: 38px; }
.list-dots li:before { position: absolute; left: 4px; top: 7px; width: 5px; height: 5px; border-radius: 50%; background: #e91831; content: ''; }
/* ------------------------------------------------------------ *\
	List Caption
\* ------------------------------------------------------------ */
.list-captions { font-size: 16px; font-weight: 300; counter-reset: captions; text-align: center; }
.list-captions li { counter-increment: captions; }
.list-captions li:before { content: counter(captions)'. '; }
.list-captions strong { font-weight: 500; }
/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */
.logo {}
/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav {}
/* ------------------------------------------------------------ *\
	Question
\* ------------------------------------------------------------ */
.question { position: relative; width: 440px; max-width: 100%; padding: 23px 0 23px 39px; font-size: 18px; line-height: 1.11; letter-spacing: 0.04em; font-weight: 300; }
.question strong { font-weight: normal; text-transform: uppercase; }
.question:before { position: absolute; top: -5px; left: 0; font-size: 114px; line-height: 1; letter-spacing: 0.09em; font-weight: 900; content: '?'; opacity: .12; color: #373333; }
.question-small { width: 420px; padding-left: 32px; padding-top: 25px; margin-left: 135px; }
.question-large { width: 450px; padding-left: 34px; padding-top: 26px; }
.question ~ .question { margin-top: 40px; }
.question ~ .question.pull-up,
.question.pull-up { margin-top: -7px; margin-left: 29px; }
@media (max-width: 1199px) {
	.question-small { margin-left: 50px; }
}
@media (max-width: 991px) {
	.question ~ .question.pull-up,
	.question { margin-left: 0; }

	.question ~ .question { margin-top: 20px; }
}
@media (max-width: 767px) {
	.question { width: auto; min-height: 90px; font-size: 14px; margin-bottom: 0; }
	.question ~ .question.pull-up,
	.question.pull-up { margin-top: 20px; }
}
/* ------------------------------------------------------------ *\
	Section About
\* ------------------------------------------------------------ */
.section-about { position: relative; padding: 73px 0 61px; background: linear-gradient(to bottom,  rgba(232,232,232,1) 0%,rgba(233,233,233,1) 3%,rgba(235,235,235,1) 3%,rgba(235,235,235,1) 11%,rgba(237,237,237,1) 12%,rgba(238,238,238,1) 15%,rgba(239,239,239,1) 24%,rgba(237,237,237,1) 24%,rgba(239,239,239,1) 24%,rgba(238,238,238,1) 26%,rgba(240,240,240,1) 27%,rgba(238,238,238,1) 27%,rgba(240,240,240,1) 27%,rgba(238,238,238,1) 28%,rgba(239,239,239,1) 38%,rgba(236,236,236,1) 43%,rgba(235,235,235,1) 55%,rgba(232,232,232,1) 57%,rgba(231,231,231,1) 60%,rgba(229,229,229,1) 75%,rgba(227,227,227,1) 76%,rgba(219,219,219,1) 100%); color: #171721; }
.section-about .section-body { position: relative; width: 465px; margin: 0 0 84px auto; }
.section-about .section-image { position: absolute; top: 52px; left: 50%; margin-left: -562px; background-size: auto auto; background-position: center top; background-repeat: no-repeat; }
.section-about .section-foot { position: relative; text-align: center; font-size: 14px; line-height: 1.43; }
.section-about .section-foot h2 { position: relative; padding-bottom: 7px; margin-bottom: 10px; color: #e91831; line-height: 1; text-transform: uppercase; font-weight: bold; }
.section-about .section-foot h2 small { display: block; margin-bottom: 3px; font-size: 20px; color: #373333; font-weight: 100; letter-spacing: 0.03em; }
.section-about .section-foot h2:after { position: absolute; bottom: 0; left: 0; right: 0; width: 260px; height: 2px; margin: 0 auto; background: #c9c9ca; content: ''; }
.section-about .section-foot p { max-width: 260px; margin: 0 auto; }
@media (max-width: 991px) {
	.section-about { padding: 40px 0; }
	.section-about .section-body { width: 380px; margin-bottom: 30px; }
}
@media (max-width: 767px) {
	.section-about { padding: 30px 0; }
	.section-about .section-image { position: static; margin: 0 0 30px 0; }
	
	.section-about .section-body { width: auto; }
	.section-about .section-foot h2 small { font-size: 18px; }
}
/* ------------------------------------------------------------ *\
	Section Info
\* ------------------------------------------------------------ */
.section-info { padding: 40px 0 66px; }
.section-info .shell { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.section-info .section-image { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-positive: 0; flex-grow: 0; width: 480px; margin: 0 35px 0 -40px; }
.section-info .section-content { overflow: hidden; }
.section-info .section-content strong { font-weight: 500; text-transform: uppercase; }
.section-info .section-content p { margin-bottom: 10px; }
.section-info .section-content p:last-child { margin-bottom: 0; }
.section-info h3 { position: relative; padding-left: 78px; color: #e91831; text-transform: uppercase; }
.section-info h3 i { position: absolute; top: 10px; left: 0; }
.section-info h3 span { display: block; font-weight: 300; }
@media (max-width: 991px) {
	.section-info .section-image { width: 360px; margin-left: 0; text-align: center; }
}
@media (max-width: 767px) {
	.section-info { padding: 40px 0; }
	.section-info .shell { display: block; }
	.section-info .section-image { width: auto; text-align: center; margin-bottom: 20px; }
}
/* ------------------------------------------------------------ *\
	Section Product
\* ------------------------------------------------------------ */
.section-product { padding: 71px 0 66px; background-color: #e8eae9; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.section-product-alt { padding: 55px 0 62px; }
.section-product .section-head { margin-bottom: 40px; }
.section-product-alt .section-head { margin-bottom: 60px; }
.section-product .section-title { position: relative; padding-bottom: 2px; text-transform: uppercase; }
.section-product .section-title:before { position: absolute; bottom: 0; left: 0; width: 50px; height: 3px; background: #3e3738; content: ''; }
.section-product-alt .section-title { padding-bottom: 5px; }
.section-product .section-subtitle { display: inline-block; padding: 18px 37px 15px; border: solid #e91831; border-width: 2px 0; margin: 0 0 8px 148px; color: #e91831; text-transform: uppercase; }
.section-product .section-image { position: relative; margin-bottom: 66px; text-align: center; }
.section-product .section-image.gutter-left { padding-left: 105px; }
.section-product-alt .section-image { margin-bottom: 89px; }
.section-product .section-image-caption { position: absolute; top: 50%; left: 50%; font-size: 20px; line-height: 1.2; text-transform: uppercase; font-weight: 300; }
.section-product .section-image-caption:before { position: absolute; top: 0; bottom: 0; height: 2px; margin: auto; background: #e91831; content: ''; }
.section-product .section-image-caption strong { display: block; font-weight: 500; }
.section-product .section-image-caption.left { text-align: right; }
.section-product .section-image-caption.left:before { right: 0; }
.section-product .section-image-caption.right { text-align: left; }
.section-product .section-image-caption.right:before { left: 0; }
.section-product .section-image-caption.top.left { padding-right: 115px; -ms-transform: translate(-281px, -107px); transform: translate(-281px, -107px); }
.section-product .section-image-caption.top.left.alt { padding-right: 139px; -ms-transform: translate(-396px, -178px); transform: translate(-396px, -178px); }
.section-product .section-image-caption.top.left:before { width: 97px; -ms-transform: translateY(-2px); transform: translateY(-2px); }
.section-product .section-image-caption.top.left.alt:before { width: 119px; -ms-transform: translateY(0); transform: translateY(0); }
.section-product .section-image-caption.middle.left { padding-right: 95px; -ms-transform: translate(-504px, 21px); transform: translate(-504px, 21px); }
.section-product .section-image-caption.middle.left:before { width: 84px; -ms-transform: translateY(-4px); transform: translateY(-4px); }
.section-product .section-image-caption.middle.left.alt { padding-right: 155px; -ms-transform: translate(-498px, 57px); transform: translate(-498px, 57px); }
.section-product .section-image-caption.middle.left.alt:before { width: 144px; -ms-transform: translateY(-4px); transform: translateY(-4px); }
.section-product .section-image-caption.bottom.left { padding-right: 101px; -ms-transform: translate(-414px, 24px); transform: translate(-414px, 24px); }
.section-product .section-image-caption.bottom.left.alt { padding-right: 156px; -ms-transform: translate(-479px, 175px); transform: translate(-479px, 175px); }
.section-product .section-image-caption.bottom.left:before { width: 89px; -ms-transform: translateY(-4px); transform: translateY(-4px); }
.section-product .section-image-caption.bottom.left.alt:before { width: 144px; }
.section-product .section-image-caption.middle.right { padding-left: 104px; -ms-transform: translate(243px, -58px); transform: translate(243px, -58px); }
.section-product .section-image-caption.middle.right.alt { padding-left: 108px; -ms-transform: translate(177px, 91px); transform: translate(177px, 91px); }
.section-product .section-image-caption.middle.right:before { width: 92px; -ms-transform: translateY(-3px); transform: translateY(-3px); }
.section-product .section-image-caption.middle.right-alt:before { width: 97px; }
.section-product .section-image-caption.top.right { padding-left: 93px; -ms-transform: translate(190px, -54px); transform: translate(190px, -54px); }
.section-product .section-image-caption.top.right:before { width: 81px; -ms-transform: translateY(5px); transform: translateY(5px); }
.section-product .section-image-caption.top.right.alt { padding-left: 111px; -ms-transform: translate(190px, -148px); transform: translate(190px, -148px); }
.section-product .section-image-caption.top.right.alt:before { width: 97px; -ms-transform: translateY(-2px); transform: translateY(-2px); }
.section-product .section-image-caption.bottom.right { padding-left: 142px; -ms-transform: translate(189px, 140px); transform: translate(189px, 140px); }
.section-product .section-image-caption.bottom.right:before { width: 124px; -ms-transform: translateY(-3px); transform: translateY(-3px); }
.section-product .section-image-caption.bottom.right.alt { padding-left: 78px; -ms-transform: translate(270px, -6px); transform: translate(270px, -6px); }
.section-product .section-image-caption.bottom.right.alt:before { width: 58px; -ms-transform: translateY(-3px); transform: translateY(-3px); }
.section-product .section-note { margin-bottom: 33px; text-align: center; font-size: 16px; line-height: 1.25; letter-spacing: 0.02em; }
.section-product-alt .section-note { margin-bottom: 26px; }
.section-product .section-foot { max-width: 470px; margin: 75px auto 0; text-align: center; }
.section-product .section-foot h3 { margin-bottom: 3px; color: #e91831; text-transform: uppercase; font-weight: 500; letter-spacing: 0.05em; }
.section-product .section-content { max-width: 490px; padding-top: 25px; margin: 0 auto; text-align: center; }
.section-product .section-content-title { display: inline-block; padding: 18px 49px 15px; border: solid #e91831; border-width: 2px 0; margin-bottom: 26px; text-transform: uppercase; color: #e91831; font-weight: 500; }
.section-product .section-images { overflow: hidden; margin-top: -54px; padding-bottom: 41px; }
.section-product .section-single-image { float: left; width: 50%; text-align: center; }
.section-product .section-images img { float: left; }
@media (max-width: 1199px) {
	.section-product .section-image.gutter-left { padding-left: 0; }

	.section-product .gutter-left .section-image-caption.top.left { -ms-transform: translate(-333px, -107px); transform: translate(-333px, -107px); }
	.section-product .gutter-left .section-image-caption.bottom.left { -ms-transform: translate(-466px, 24px); transform: translate(-466px, 24px); }
	.section-product .gutter-left .section-image-caption.middle.right { -ms-transform: translate(191px, -58px); transform: translate(191px, -58px); }
}
@media (max-width: 991px) {
	.section-product .section-image { margin: -20px 0 30px 0; -ms-transform: scale(.7); transform: scale(.7); }

	.section-product .section-images { overflow: hidden; margin-top: -22px; padding-bottom: 41px; }
	.section-product .section-single-image { width: 45%; margin-top: 0 !important; }
	.section-product .section-single-image ~ .section-single-image { margin-left: 10%; }
}
@media (max-width: 767px) {
	.section-product { padding: 30px 0; }
	.section-product .section-head { margin-bottom: 20px; }
	.section-product .section-image { max-width: 300px; margin: 0 auto 30px; -ms-transform: scale(1); transform: scale(1); }

	.section-product .section-image-caption { color: transparent; }
	.section-product .section-image-caption:before { display: none; }

	.section-product .section-image { counter-reset: dots; }
	.section-product .section-image-caption:after { position: absolute; top: 0; left: 0; width: 100%; counter-increment: dots; content: counter(dots); color: #000; text-align: center; font-weight: 600; font-size: 14px; }

	.section-product .section-image-caption { width: 20px; height: 20px; }

	.section-product .section-image-caption.middle.left.alt,
	.section-product .section-image-caption.bottom.right.alt,
	.section-product .section-image-caption.bottom.right,
	.section-product .section-image-caption.middle.right.alt,
	.section-product .section-image-caption.top.right,
	.section-product .section-image-caption.top.right.alt,
	.section-product .section-image-caption.bottom.left.alt,
	.section-product .section-image-caption.top.left.alt,
	.section-product .section-image-caption.middle.right,
	.section-product .section-image-caption.middle.left,
	.section-product .section-image-caption.bottom.left,
	.section-product .section-image-caption.top.left { padding: 0; }

	.section-product .gutter-left .section-image-caption.top.left,
	.section-product .section-image-caption.top.left { -ms-transform: translate(-28px, -56px); transform: translate(-28px, -56px); }
	.section-product .section-image-caption.top.left.alt { -ms-transform: translate(-99px, -123px); transform: translate(-99px, -123px); }
	.section-product .gutter-left .section-image-caption.bottom.left,
	.section-product .section-image-caption.bottom.left { -ms-transform: translate(-112px, 14px); transform: translate(-112px, 14px); }
	.section-product .section-image-caption.bottom.left.alt { -ms-transform: translate(-113px, 137px); transform: translate(-113px, 137px); }
	.section-product .gutter-left .section-image-caption.middle.right,
	.section-product .section-image-caption.middle.right { -ms-transform: translate(80px, -20px); transform: translate(80px, -20px); }
	.section-product .section-image-caption.top.right { -ms-transform: translate(121px, -50px); transform: translate(121px, -50px); }
	.section-product .section-image-caption.top.right.alt { -ms-transform: translate(75px, -73px); transform: translate(75px, -73px); }
	.section-product .section-image-caption.middle.right.alt { -ms-transform: translate(102px, 83px); transform: translate(102px, 83px); }
	.section-product .section-image-caption.bottom.right { -ms-transform: translate(18px, 132px); transform: translate(18px, 132px); }
	.section-product .section-image-caption.bottom.right.alt { -ms-transform: translate(85px, 5px); transform: translate(85px, 5px); }
	.section-product .section-image-caption.middle.left { -ms-transform: translate(-129px, 9px); transform: translate(-129px, 9px); }
	.section-product .section-image-caption.middle.left.alt { -ms-transform: translate(-111px, 46px); transform: translate(-111px, 46px); }

	.section-product .section-image-caption.middle.left:after,
	.section-product .section-image-caption.top.right.alt:after,
	.section-product .section-image-caption.bottom.right.alt:after,
	.section-product .section-image-caption.bottom.right:after,
	.section-product .section-image-caption.top.left.alt:after,
	.section-product .section-image-caption.bottom.left:after,
	.section-product .section-image-caption.middle.right:after { color: #fff; }

	.section-product .section-image-caption.middle.left.alt:after { color: #000; }

	.section-product .section-image-mobile .section-image-caption.top.left.alt { -ms-transform: translate(-99px, -137px); transform: translate(-99px, -137px); }
	.section-product .section-image-mobile .section-image-caption.bottom.left.alt { -ms-transform: translate(-118px, 140px); transform: translate(-118px, 140px); }
	.section-product .section-image-mobile .section-image-caption.top.right { -ms-transform: translate(121px, -33px); transform: translate(121px, -33px); }
	.section-product .section-image-mobile .section-image-caption.middle.right.alt { -ms-transform: translate(106px, 83px); transform: translate(106px, 83px); }
	.section-product .section-image-mobile .section-image-caption.bottom.right { -ms-transform: translate(29px, 111px); transform: translate(29px, 111px); }

	.section-product .section-foot { max-width: none; margin-top: 30px; }

	.section-product .section-images { margin-top: 20px; }
	.section-product .section-single-image { float: none; width: auto; }
	.section-product .section-single-image img { float: none; }
	.section-product .section-single-image ~ .section-single-image { margin-left: 0; }

	.section-product .section-subtitle { padding-left: 10px; padding-right: 10px; margin: 0 0 20px 0; text-align: center; }
}
/* ------------------------------------------------------------ *\
	Section Default
\* ------------------------------------------------------------ */
.section-default { padding: 65px 0 58px; }
@media (max-width: 767px) {
	.section-default { padding: 30px 0; }
}
/* ------------------------------------------------------------ *\
	Section Photo
\* ------------------------------------------------------------ */
.section-photo { padding: 91px 0 108px; background-size: cover; background-position: center center; background-repeat: no-repeat; color: #fff; }
.section-photo h3 { margin-bottom: 18px; color: #e91831; font-size: 35px; line-height: 1; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; }
.section-photo h3 small { display: block; margin-bottom: 6px; font-weight: 300; font-size: 27px; letter-spacing: 0.02em; }
.section-photo h4 { margin-bottom: 11px; text-transform: uppercase; }
.section-photo .section-content { max-width: 360px; margin-left: auto; margin-right: -20px; line-height: 1.65; }
@media (max-width: 991px) {
	.section-photo .section-content { margin-right: 0; }
}
@media (max-width: 767px) {
	.section-photo { padding: 40px 0; }
	.section-photo h3 { font-size: 26px; }
	.section-photo h3 small { font-size: 20px; }
}
/* ------------------------------------------------------------ *\
	Section Steps
\* ------------------------------------------------------------ */
.section-steps { padding: 10px 0; }
/* ------------------------------------------------------------ *\
	Section Attention
\* ------------------------------------------------------------ */
.section-attention { position: relative; min-height: 170px; padding: 41px 0 35px; background: #f4f4f4; }
.section-attention:before,
.section-attention:after { position: absolute; left: 50%; top: 50%; width: 170px; height: 170px; margin-top: -85px; background: url(../css/images/exclamation-mark.png) no-repeat 0 0; background-size: 100% 100%; content: ''; }
.section-attention:before { margin-left: -653px; }
.section-attention:after { margin-left: 483px; }
.section-attention h4 { text-transform: uppercase; }
.section-attention .section-content { max-width: 800px; margin: 0 auto; text-align: justify; }
@media (max-width: 1199px) {
	.section-attention:before { margin-left: -580px; }
	.section-attention:after { margin-left: 411px; }
}
@media (max-width: 767px) {
	.section-attention { padding: 30px 0; }
	.section-attention .section-content { text-align: center; }

	.section-attention:before,
	.section-attention:after { position: static; display: block; width: 60px; height: 60px; margin: 0 auto; }
	.section-attention:before { margin-bottom: 20px; }
	.section-attention:after { margin-top: 20px; }
}
/* ------------------------------------------------------------ *\
	Section Why
\* ------------------------------------------------------------ */
.section-why { position: relative; padding: 70px 0 107px; }
.section-why:before,
.section-why:after { position: absolute; top: 50%; left: 50%; width: 452px; height: 452px; margin-top: -105px; background: url(../css/images/exclamation-mark.png) no-repeat 0 0; background-size: 100% 100%; content: ''; }
.section-why:before { margin-left: -777px; }
.section-why:after { margin-left: 325px; }
.section-why .section-head { position: relative; z-index: 2; margin-bottom: 43px; text-align: center; }
.section-why .section-head h3 { line-height: 1; color: #e91831; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; }
.section-why .section-head h3 span { display: block; margin-bottom: 7px; font-weight: 300; }
.section-why .section-image { position: relative; z-index: 2; margin-bottom: 60px; text-align: center; }
.section-why .section-inner { position: relative; z-index: 2; max-width: 490px; margin: 0 auto 120px; text-align: center; }
.section-why .section-inner:last-child { margin-bottom: 0; }
.section-why .section-inner h4 { margin-bottom: 7px; font-size: 20px; text-transform: uppercase; font-weight: 500; letter-spacing: 0.05em; }
.section-why .section-content { position: relative; z-index: 2; margin-bottom: 115px; text-align: center; }
.section-why .section-content:last-child { margin-bottom: 0; }
.section-why .section-content h5 { margin-bottom: 0px; color: #f0112b; font-weight: 500; text-transform: uppercase; }
@media (max-width: 1199px) {
	.section-why:before,
	.section-why:after { width: 300px; height: 300px; margin-top: -40px; }

	.section-why:before { margin-left: -590px; }
	.section-why:after { margin-left: 300px; }
}
@media (max-width: 991px) {
	.section-why:before,
	.section-why:after { width: 260px; height: 260px; }

	.section-why:before { margin-left: -480px; }
	.section-why:after { margin-left: 220px; }
}
@media (max-width: 767px) {
	.section-why { padding: 30px 0; }
	.section-why .section-head { margin-bottom: 30px; }
	.section-why .section-head h3 { font-size: 20px; }

	.section-why .section-inner,
	.section-why .section-content,
	.section-why .section-image { margin-bottom: 40px; }
}
/* ------------------------------------------------------------ *\
	Section More
\* ------------------------------------------------------------ */
.section-more { padding: 84px 0 70px; background: #f7f7f7; }
.section-more h2 { margin-bottom: 31px; font-size: 32px; line-height: 1; color: #e91831; text-transform: uppercase; font-weight: 300; letter-spacing: 0.08em; }
.section-more h2 strong { display: block; }
.section-more h3 { margin: 0; font-weight: normal; color: #e91831; font-size: 30px; line-height: 1; }
.section-more h3 strong { font-weight: bold; }
.section-more em { color: #e91831; }
.section-more .gutter-bottom { margin-bottom: 18px; }
.section-more .section-image { float: left; width: 383px; margin: -77px auto 0; padding-left: 44px; }
.section-more .section-content { overflow: hidden; }
@media (max-width: 991px) {
	.section-more .section-image { width: 280px; padding-left: 10px; }
}
@media (max-width: 767px) {
	.section-more { padding: 0 0 30px; }

	.section-more h2 { font-size: 20px; }
	.section-more h3 { font-size: 18px; }

	.section-more .section-image { float: none; width: auto; text-align: center; padding: 0; margin: 0 0 30px; }
}
/* ------------------------------------------------------------ *\
	Section Promo
\* ------------------------------------------------------------ */
.section-promo { position: relative; padding: 65px 0 52px; min-height: 300px; background: #f5f5f5; }
.section-promo .section-image { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }
.section-promo .section-image-left { left: 50%; margin-left: -444px; }
.section-promo .section-image-right { right: 50%; margin-right: -444px; }
.section-promo .section-content { max-width: 310px; margin: 0 auto; text-align: center; font-size: 20px; line-height: 1.5; text-transform: uppercase; }
.section-promo .section-content h3 { padding-bottom: 10px; border-bottom: 2px solid #e91831; margin-bottom: 14px; text-transform: uppercase; line-height: 1.25; color: #e91831; letter-spacing: 0.03em; }
.section-promo .section-content h3 i { margin-bottom: 15px; }
.section-promo .section-content h3 span { display: block; font-weight: 300; }
@media (max-width: 991px) {
	.section-promo .section-image-left { margin-left: -378px; }
	.section-promo .section-image-right { margin-right: -378px; }
}
@media (max-width: 767px) {
	.section-promo { padding: 30px 0; }
	.section-promo .section-image { position: static; max-width: 120px; margin: 0 auto; text-align: center; -ms-transform: none; transform: none; }
	.section-promo .section-image-left { margin-bottom: 20px; }
	.section-promo .section-image-right { margin-top: 20px; }
}
/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */
.slider {}
.slider .slides { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Steps
\* ------------------------------------------------------------ */
.step { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #333; }
.step ~ .step { margin-top: 10px; }
.step .step-image { -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 51%; }
.step .step-image img { width: 100%; height: auto; }
.step .step-content { padding-left: 95px; }
.step .step-content-inner { max-width: 370px; }
.step .step-content h3 { margin-bottom: 13px; color: #e91831; font-weight: 600; text-transform: uppercase; line-height: 1.17; }
.step .step-content h3 span { display: block; font-weight: 300; }
.step .step-content p { margin-bottom: 11px; }
.step .step-content p:last-child { margin-bottom: 0; }
.step .step-content p + ul { margin-top: -11px; }
.step .step-content ul { list-style-position: inside; }
@media (max-width: 1199px) {
	.step .step-content { padding-left: 50px; }
	.step .step-content-inner { max-width: none; padding-right: 10px; }
}
@media (max-width: 767px) {
	.step { display: block; }
	.step ~ .step { margin-top: 30px; }
	.step .step-image { width: auto; margin-bottom: 20px; }

	.step .step-content { padding-left: 0; }
	.step .step-content-inner { padding-left: 10px; }
}
/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */
.table {}
/* ------------------------------------------------------------ *\
	Thumbs
\* ------------------------------------------------------------ */
.thumbs { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: center; justify-content: center; margin-bottom: 40px; list-style: none outside none; }
.thumbs:last-child { margin-bottom: 0; }
.thumb { margin: 0 18px; text-align: center; text-transform: uppercase; }
.thumb a { display: block; color: inherit; }
.thumb a:hover { text-decoration: none; }
.thumb .thumb-image { position: relative; overflow: hidden; width: 140px; height: 140px; border-radius: 50%; margin-bottom: 8px; background: #fff; line-height: 140px; text-align: center; transition: box-shadow .2s; }
.thumb .thumb-image img { position: absolute; top: 50%; left: 50%; width: auto; height: auto; max-width: 95%; max-height: 95%; vertical-align: middle; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.thumb a:hover .thumb-image { box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.34); }
.thumb-small { margin: 0 10px; }
.thumb-small .thumb-image { width: 113px; height: 113px; line-height: 113px; }
@media (max-width: 767px) {
	.thumbs { margin-bottom: 0; }
	.thumb { margin-bottom: 20px; }
}
/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */
.widgets { list-style: none outside none; }