/*
Table of Contents
I. Generic --------------------------------------
01. Reset ------------------------------------
02. Base -------------------------------------
03. Fonts ------------------------------------
04. Helpers ----------------------------------
Clear ------------------------------------
Notext -----------------------------------
Text Red ---------------------------------
Text Centered ----------------------------
Underlined -------------------------------
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. Box --------------------------------------
Box Secondary ----------------------------
02. Box Alt ----------------------------------
03. Breadcrumbs ------------------------------
04. Button -----------------------------------
Button Block -----------------------------
05. Burger Menu ------------------------------
06. Coupon -----------------------------------
07. Features ---------------------------------
08. Form Elements ----------------------------
09. Form -------------------------------------
10. Link -------------------------------------
11. Link Secondary ---------------------------
12. Link Icons -------------------------------
13. Link Red ---------------------------------
14. Link Alt ---------------------------------
15. List -------------------------------------
16. List Widgets ----------------------------
17. List Articles ----------------------------
18. List Links -------------------------------
19. List Cards -------------------------------
20. List Columns -----------------------------
21. Logo -------------------------------------
22. Map --------------------------------------
23. Nav --------------------------------------
Dropdown ---------------------------------
24. Place ------------------------------------
25. Section ----------------------------------
Section Default --------------------------
Section Image ----------------------------
Section Red ------------------------------
Section Transparent ----------------------
Section Primary --------------------------
Section Secondary ------------------------
Section Portfolio ------------------------
Section Alt ------------------------------
Section Testimonials ---------------------
Section Services -------------------------
26. Section Partners -------------------------
27. Section Callout --------------------------
28. Slider -----------------------------------
29. Slider Features --------------------------
30. Slider Boxes -----------------------------
31. Slider Tips ------------------------------
32. Slider Testimonials ----------------------
33. Slider Partners --------------------------
34. Slider Places ----------------------------
35. Socials ----------------------------------
36. Table ------------------------------------
37. Testimonials -----------------------------
Testimonial Alt --------------------------
38. Tip --------------------------------------
39. Widget -----------------------------------
*/
.ico-brake { background-image: url(../images/sprite.png); background-position: 0% 0%; background-size: 257.95454545454544% 194.25287356321837%; width: 88px; height: 87px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-engine { background-image: url(../images/sprite.png); background-position: 0% 100%; background-size: 310.958904109589% 216.66666666666666%; width: 73px; height: 78px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-facebook-white { background-image: url(../images/sprite.png); background-position: 35.15981735159817% 74.19354838709677%; background-size: 2837.5% 1207.142857142857%; width: 8px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-facebook { background-image: url(../images/sprite.png); background-position: 99.08675799086758% 61.935483870967744%; background-size: 2837.5% 1207.142857142857%; width: 8px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-instagram-white { background-image: url(../images/sprite.png); background-position: 55.140186915887845% 58.333333333333336%; background-size: 1746.153846153846% 1300%; width: 13px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-instagram { background-image: url(../images/sprite.png); background-position: 47.19626168224299% 58.333333333333336%; background-size: 1746.153846153846% 1300%; width: 13px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-map { background-image: url(../images/sprite.png); background-position: 37.19806763285024% 61.07382550335571%; background-size: 1135% 844.9999999999999%; width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-print { background-image: url(../images/sprite.png); background-position: 89.26829268292683% 87.24832214765101%; background-size: 1031.8181818181818% 844.9999999999999%; width: 22px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-tire { background-image: url(../images/sprite.png); background-position: 65.71428571428571% 0%; background-size: 260.91954022988506% 194.25287356321837%; width: 87px; height: 87px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-tool { background-image: url(../images/sprite.png); background-position: 92.89340101522842% 69.06474820143885%; background-size: 756.6666666666666% 563.3333333333334%; width: 30px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-transmission { background-image: url(../images/sprite.png); background-position: 100% 0%; background-size: 515.9090909090909% 183.69565217391303%; width: 44px; height: 92px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-twitter-white { background-image: url(../images/sprite.png); background-position: 98.58490566037736% 82.80254777070064%; background-size: 1513.3333333333333% 1408.3333333333335%; width: 15px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-twitter { background-image: url(../images/sprite.png); background-position: 86.32075471698113% 98.08917197452229%; background-size: 1513.3333333333333% 1408.3333333333335%; width: 15px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-brake { background-image: url(../images/sprite.@2x.png); background-position: 0% 0%; background-size: 257.95454545454544% 194.25287356321837%; width: 88px; height: 87px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-engine { background-image: url(../images/sprite.@2x.png); background-position: 0% 100%; background-size: 310.958904109589% 216.66666666666666%; width: 73px; height: 78px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-map { background-image: url(../images/sprite.@2x.png); background-position: 37.19806763285024% 61.07382550335571%; background-size: 1135% 844.9999999999999%; width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-print { background-image: url(../images/sprite.@2x.png); background-position: 89.26829268292683% 87.24832214765101%; background-size: 1031.8181818181818% 844.9999999999999%; width: 22px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-tire { background-image: url(../images/sprite.@2x.png); background-position: 65.71428571428571% 0%; background-size: 260.91954022988506% 194.25287356321837%; width: 87px; height: 87px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-tool { background-image: url(../images/sprite.@2x.png); background-position: 92.89340101522842% 69.06474820143885%; background-size: 756.6666666666666% 563.3333333333334%; width: 30px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-transmission { background-image: url(../images/sprite.@2x.png); background-position: 100% 0%; background-size: 515.9090909090909% 183.69565217391303%; width: 44px; height: 92px; 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: 'Montserrat', 'Helvetica', sans-serif; font-size: 16px; line-height: 1.88; color: #777; letter-spacing: 0.012em; font-weight: 300; }
a { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }
a[href^="tel"] { text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 { margin: 0; }
/*h1 { font-size: ; }
h2 { font-size: 36px; line-height: 1.33; }
h3 { font-size: 30px; line-height: 1.2; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; font-weight: 400; }
@media (max-width: 1023px) {
h2 { font-size: 31px; }
h3 { font-size: 28px; }
}
@media (max-width: 767px) {
body { font-size: 14px; line-height: 1.71; }
h2 { font-size: 24px; }
h3 { font-size: 24px; }
h4 { font-size: 16px; }
h5 { font-size: 13px; }
}
*/
h1 { font-size: 2em; }
h2 { font-size: 1.75em; line-height: 1.33; }
h3 { font-size: 1.5em; line-height: 1.2; }
h4 { font-size: 1.25em; }
h5 { font-size: 18px; }
h6 { font-size: 1em; font-weight: 400; }
h1, h2, h3, h4, h5, h6 {
margin-bottom: 0.83em;
line-height: 1.2;
}
@media (max-width: 767px) {
h1 { font-size: 1.25em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.15em; }
h4 { font-size: 1.1em; }
}
p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.88em; }
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; }
/* ------------------------------------------------------------ *\
Fonts
\* ------------------------------------------------------------ */
@font-face {
font-family: 'Montserrat Hairline';
src: url('Montserrat-Hairline.eot');
src: local('☺'), url('Montserrat-Hairline.woff') format('woff'), url('Montserrat-Hairline.ttf') format('truetype'), url('Montserrat-Hairline.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/* ------------------------------------------------------------ *\
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; }
/* Text Red */
.text-red { color: #e71925; }
/* Text Centered */
.text-centered { text-align: center; }
/* Underlined */
.underlined { position: relative; padding-bottom: 13px; }
.underlined:after { content: ''; position: absolute; bottom: 0; left: -1px; height: 2px; width: 71px; background: #e71925; }
.underlined--white:after { background: #fff; }
.underlined--center:after { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
@media (max-width: 767px) {
.underlined:after { bottom: 2px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
}
/* 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: 1023px) {
.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: 1024px) and (max-width: 1200px) {
.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: 1201px) {
.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 { background: #363636; padding: 66px 0 0; }
.footer h5 { text-transform: uppercase; color: #fff; }
.footer .footer__title { margin-bottom: 20px; font-weight: 400; }
.footer .footer__bar { background: #171717; }
.footer .footer__cols { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -10px 38px; }
.footer .footer__col { padding: 0 10px; }
.footer .footer__col:nth-child(1) { -webkit-flex: 0 0 24.2%; -ms-flex: 0 0 24.2%; flex: 0 0 24.2%; max-width: 24.2%; }
.footer .footer__col:nth-child(2) { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; }
.footer .footer__col:nth-child(3) { -webkit-flex: 0 0 23.3%; -ms-flex: 0 0 23.3%; flex: 0 0 23.3%; max-width: 23.3%; }
.footer .footer__lists { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.footer .footer__lists ul + ul { margin-left: 53px; }
.footer .footer__links { list-style-type: none; }
.footer .footer__links a { text-decoration: none; color: #8d8d8d; transition: color .3s; }
.footer .footer__links a:hover { color: #e71925; }
.footer .footer__lists ul { list-style-type: none; }
.footer .footer__lists a { text-decoration: none; color: #8d8d8d; transition: color .3s; }
.footer .footer__lists a:hover { color: #e71925; }
.footer .footer__callout { padding-bottom: 52px; }
.footer .footer__bar .shell { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.footer .footer__bar .shell > * { -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.footer .footer__bar { padding-top: 21px; font-size: 14px; }
.footer .footer__bar p { padding-top: 5px; }
.footer .footer__socials { text-align: right; }
.footer .footer__socials h6 { display: inline-block; text-transform: none; font-size: 14px; position: relative; top: -1px; margin-bottom: 0; color: #7f7f7f; }
.footer .footer__socials ul { display: inline-block; margin-left: 15px; vertical-align: middle; }
@media (max-width: 1023px) {
.footer { padding-top: 41px; }
.footer .footer__lists ul + ul { margin-left: 15px; }
.footer .footer__col:nth-child(3) { -webkit-flex: 0 0 26%; -ms-flex: 0 0 26%; flex: 0 0 26%; max-width: 26%; }
.footer .footer__cols { margin-bottom: 10px; }
}
@media (max-width: 767px) {
.footer { padding-top: 27px; }
.footer .footer__cols { margin: 0; display: block; }
.footer .footer__callout { padding-bottom: 36px; }
.footer .footer__col { max-width: 100% !important; }
.footer .footer__col:nth-child(1) { text-align: center; }
.footer .footer__title { text-align: center; margin-bottom: 15px; }
.footer .footer__links { margin-right: -17px; -webkit-column-gap: 2px; -moz-column-gap: 2px; column-gap: 2px; margin-bottom: 25px; }
.footer .footer__lists { display: block; text-align: center; margin-top: -5px; }
.footer .footer__lists ul { margin: 0; font-size: 13px; line-height: 1.85; }
.footer .footer__lists ul + ul { margin: 0; /*display: none;*/ }
.footer .footer__bar .shell { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.footer .footer__bar .list-cards { margin: 0 -10px; width: auto !important; max-width: none !important; }
.footer .footer__bar .shell > * { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: none; }
.footer .footer__bar p { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
.footer .footer__socials { -webkit-flex: 0 0 100% !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; text-align: center; padding-top: 28px; }
.footer .footer__socials h6 { display: block; margin-bottom: 9px; }
.footer .footer__socials ul { margin: 0; }
.footer .footer__socials li + li { margin-left: 7px; }
.footer .footer__bar p { text-align: center; -webkit-flex: 0 0 100% !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; padding-top: 8px; }
}
/* ------------------------------------------------------------ *\
Header
\* ------------------------------------------------------------ */
.header { background: #171717; color: #fff; padding-top: 10px; position: relative; z-index: 2; }
.header .header__group { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.header .header__logo { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: -5px; }
.header .header__slider:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 2px; background: #171717; z-index: 5; }
.header .header__inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; position: relative; margin: 0 -36px; }
.header .header__socials { padding-left: 35px; }
.header .btn { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; margin-top: -6px; }
@media (max-width: 1320px) {
.header .header__inner { margin: 0; }
}
@media (max-width: 1023px) {
.header .header__logo { top: 11px; -webkit-transform: none; -ms-transform: none; transform: none; }
}
@media (max-width: 767px) {
.header { padding-bottom: 12px; padding-top: 7px; }
.header .header__inner { height: 0px; }
.header .header__group { max-width: 471px; visibility: hidden; }
.header .header__group > * { -webkit-order: 3; -ms-flex-order: 3; order: 3; }
.header .nav-outer > * { visibility: visible; }
.header .header__socials { -webkit-order: 1; -ms-flex-order: 1; order: 1; padding-left: 0; padding-right: 10px; display: none; }
.header .header__group > .btn { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
.header .header__group .appointment-btn { display: none; }
.header .shell { padding: 0 7px; }
.header .header__logo { top: 50%; bottom: 10px; left: 6px; display: none; }
}
/* ------------------------------------------------------------ *\
Main
\* ------------------------------------------------------------ */
.main .shell { position: relative; }
/* ------------------------------------------------------------ *\
Shell
\* ------------------------------------------------------------ */
.shell { max-width: 1200px; padding-left: 15px; padding-right: 15px; margin: auto; }
.shell-fluid { max-width: none; }
/* .shell-large { max-width: 1510px; margin: 0 auto; position: relative; left: 2.4%; } */
/* ------------------------------------------------------------ *\
Sidebar
\* ------------------------------------------------------------ */
.sidebar {}
/* ------------------------------------------------------------ *\
Wrapper
\* ------------------------------------------------------------ */
.wrapper { min-height: 100vh; position: relative; overflow: hidden; }
/* ------------------------------------------------------------ *\
III. Modules
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
Box
\* ------------------------------------------------------------ */
.box h6 { text-transform: uppercase; }
.box address { line-height: 1.29em; font-size: 14px; font-weight: 300; margin-bottom: -6px; }
.box address a { color: #9f9f9f; text-decoration: none; transition: color .3s; }
.box address a:hover { color: #fff; }
/* Box Secondary */
.box--secondary + .box--secondary { margin-top: 0px; }
.box--secondary + .box--secondary br:first-of-type { display: none; }
.box--secondary a { text-decoration: none; font-size: 14px; color: #e71925; }
.box--secondary a:hover { text-decoration: underline; }
.box--secondary .box__link { font-size: 16px; color: #8d8d8d; display: block; line-height: 1; }
.box--secondary address { line-height: 1.2; margin-bottom: -3px; }
@media (max-width: 767px) {
.box { text-align: center; }
.box h6 { margin-bottom: -6px; }
.box address { font-size: 12px; }
}
/* ------------------------------------------------------------ *\
Box Alt
\* ------------------------------------------------------------ */
.box-alt { padding: 69px 136px 90px 88px; }
.box-alt .table { margin-bottom: 64px; }
.box-alt .table--secondary { margin-bottom: 50px; }
.box-alt .box__link { margin-left: 4px; }
.box-alt .box__btn { margin-bottom: 23px; }
.box-alt .box__title { line-height: 1.25; margin-bottom: 63px; font-weight: 900; }
.box-alt .box__title small { display: block; font-size: 24px; font-weight: 300; padding-left: 5px; margin-top: -1px; letter-spacing: 0.01em; }
.box--red { background: #e71925; color: #fff; }
.box--image { background-position: right center; background-size: cover; background-repeat: no-repeat; position: relative; }
.box--image:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.4); }
.box-alt--secondary { padding-bottom: 83px; }
.box-alt--secondary.box--image { padding-bottom: 108px; }
.box-alt--secondary .box__title { margin-bottom: 44px; }
.box-alt--secondary .slider-testimonials { margin-right: -25px; }
.box-alt--secondary .box__title.underlined { line-height: 0.95; margin-top: 6px; margin-bottom: 49px; }
@media (max-width: 1200px) {
.box-alt { padding-left: 70px; padding-right: 30px; }
.box-alt--secondary .slider-testimonials { margin-right: 0; }
}
@media (max-width: 1023px) {
.box-alt { padding-left: 40px; padding-top: 38px; }
.box-alt .box__btn { margin-right: -10px; }
.box-alt--secondary { padding-top: 48px; }
}
@media (max-width: 767px) {
.box-alt { text-align: center; padding: 19px 20px 28px; }
.box-alt .box__title { line-height: 1.45; margin-bottom: 7px; }
.box-alt .box__title small { font-size: 18px; }
.box-alt .box__btn { display: inline-block; margin-bottom: 19px; margin-right: 0; }
.box-alt .box__link { display: block; }
.box-alt .table { margin-bottom: 21px; }
.box-alt--secondary { padding-top: 11px; padding-bottom: 30px; }
.box--image { padding-top: 35px; }
.box-alt--secondary .box__title.underlined { margin-bottom: 38px; }
.box-alt--secondary.box--image { padding-bottom: 36px; }
}
/* ------------------------------------------------------------ *\
Breadcrumbs
\* ------------------------------------------------------------ */
.breadcrumbs { position: absolute; left: 15px; top: 10px; font-size: 12px; text-transform: uppercase; z-index: 5; }
.breadcrumbs h2 { font-size: 12px; font-weight: normal; line-height: 1.88; }
.breadcrumbs a { text-decoration: none; color: #e71925; transition: color .3s; }
.breadcrumbs a:hover { color: #777; }
.breadcrumbs .current a { color: #777; pointer-events: none; }
.breadcrumbs li + li:before { content: '|'; display: inline-block; color: #c7c7c7; margin: 0 6px 0 7px; }
.breadcrumbs li { display: inline-block; }
@media (max-width: 767px) {
.breadcrumbs { position: static; margin-bottom: 12px; }
}
/* ------------------------------------------------------------ *\
Button
\* ------------------------------------------------------------ */
.btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; background: #e71925; color: #fff; border-radius: 5px; border: 2px solid #e71925; text-transform: uppercase; padding: 11px 27px 9px; font-size: 14px; font-weight: 400; letter-spacing: 0.01em; text-decoration: none; transition: background .3s, border-color .3s;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.btn:hover { background: #d01924; border-color: #d01924; }
/* Button Block */
.btn--block { display: block; padding-left: 0; padding-right: 0; }
.btn--small { font-size: 13px; font-weight: 700; padding: 10px; border: 0; text-transform: none; }
.btn--alt { padding-left: 18px; padding-right: 18px; }
.btn--large { padding-left: 26px; padding-right: 26px; }
.btn--white { color: #fff; border-color: #fff; background-color: transparent; transition: background .3s, color .3s, border-color .3s; }
.btn--white:hover { background: #fff; color: #171717; border-color: #fff; opacity: 1; }
.btn--white-alt { background: #fff; border-color: #171717; color: #171717 !important; transition: background .3s, color .3s, border-color .3s; }
.btn--white-alt:hover { background: #e71925; border-color: #e71925; color: #fff !important; }
.btn--black { color: #171717; border-color: #171717; background-color: transparent; transition: background .3s, color .3s, border-color .3s; }
.btn--black:hover { background: #e71925; color: #fff; border-color: #e71925; opacity: 1; }
.btn--alter { transition: background .3s, color .3s; }
.btn--alter:hover { background: #fff; color: #171717; }
.rotating-banner-btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; background: #e71925; color: #fff; border-radius: 5px; border: 2px solid #e71925; text-transform: uppercase; padding: 11px 27px 9px; font-size: 14px; font-weight: 400; letter-spacing: 0.01em; text-decoration: none; transition: background .3s, border-color .3s;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.rotating-banner-btn:hover { background: #d01924; border-color: #d01924; }
.rotating-banner-btn { color: #fff; border-color: #fff; background-color: transparent; transition: background .3s, color .3s, border-color .3s; }
.rotating-banner-btn:hover { background: #fff; color: #171717; border-color: #fff; opacity: 1; }
@media (max-width: 767px) {
.btn { padding: 8px 14px 6px; }
.btn--small { padding: 7px 15px; font-size: 11px; }
.btn--inverse { background-color: transparent; border-color: #171717; color: #171717 !important; letter-spacing: -0.035em; padding-left: 10px; padding-right: 10px; }
.btn--large { font-size: 13px; padding-bottom: 8px; padding-top: 8px; }
.rotating-banner-btn { padding: 8px 14px 6px; }
}
/* ------------------------------------------------------------ *\
Burger Menu
\* ------------------------------------------------------------ */
.burger-menu { display: none; width: 14px; position: absolute; z-index: 10; top: 12px; left: 14px; }
.burger-menu.active span { background: #171717; }
.burger-menu.active span:nth-child(1) { top: 5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); transition: top .3s, -webkit-transform .3s .3s; transition: top .3s, transform .3s .3s; transition: top .3s, transform .3s .3s, -webkit-transform .3s .3s; }
.burger-menu.active span:nth-child(2) { opacity: 0; }
.burger-menu.active span:nth-child(3) { top: -5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); transition: top .3s, -webkit-transform .3s .3s; transition: top .3s, transform .3s .3s; transition: top .3s, transform .3s .3s, -webkit-transform .3s .3s; }
.burger-menu span { position: relative; display: block; height: 2px; top: 0; background: #fff; transition: .3s; }
.burger-menu span + span { margin-top: 3px; }
@media (max-width: 767px) {
.burger-menu { width: 15px; display: block; position: relative; top: auto; right: auto; left: auto; margin-right: 10px; }
}
/* ------------------------------------------------------------ *\
Coupon
\* ------------------------------------------------------------ */
.coupons { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0 35px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px 0; }
.coupons li { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 20px; }
.coupons .coupon { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 38px; }
.coupon { width: 245px; background: #fff; border: 2px dashed #171717; color: #171717; padding-top: 16px; padding-bottom: 2px; position: relative; transition: border-color .3s; min-height: 114px; }
.coupon:hover { border-color: #e71925; }
.coupon .coupon__inner { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.coupon .coupon__price { font-size: 60px; font-weight: 900; letter-spacing: -0.05em; line-height: 1; }
.coupon .coupon__price--free { font-size: 0; text-align: left; padding-left: 17px; }
.coupon .coupon__price--free span { font-size: 36px; line-height: 1; letter-spacing: -0.055em; }
.coupon .coupon__price--free small { font-size: 12px; line-height: 1; text-align: left; display: block; }
.coupon .coupon__price sup { font-size: 24px; font-weight: 900; }
.coupon .coupon__aside { -webkit-flex: 0 0 113px; -ms-flex: 0 0 113px; flex: 0 0 113px; max-width: 113px; text-align: center; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }
.coupon .coupon__content { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; position: relative; padding-left: 14px; line-height: 1.1; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; font-weight: 300; margin-right: -8px; }
.coupon .coupon__content strong { font-weight: 900; }
/*.coupon .coupon__content:before { content: ''; position: absolute; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; height: 56px; width: 1px; background: #171717; }*/
.coupon .coupon__inner + p { margin: 0; font-size: 11px; text-align: center; padding-left: 14px; }
.coupon .coupon__overlay { position: absolute; top: 3px; right: 3px; left: 3px; bottom: 3px; background: rgba(231, 25, 37, .9); text-decoration: none; text-align: center; padding: 20px; opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; }
.coupon:hover .coupon__overlay { opacity: 1; visibility: visible; }
.coupon .coupon__overlay span { display: block; font-size: 14px; margin-top: -2px; }
@media (max-width: 1200px) {
.coupons { padding: 0; }
}
@media (max-width: 767px) {
.coupon { font-size: 16px; padding-bottom: 41px; position: relative; }
.coupons .coupon { margin-bottom: 22px; }
.coupon .coupon__overlay { opacity: 1; visibility: visible; right: -2px; left: -2px; bottom: -2px; top: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 9px 14px; background: #e71925; }
.coupon .coupon__content { line-height: 1.3; }
.coupon p { margin-bottom: 0 !important; }
.coupon .coupon__content:before { -webkit-transform: none; -ms-transform: none; transform: none; top: 0; }
.coupon .coupon__price { margin-bottom: 0; }
}
/* ------------------------------------------------------------ *\
Features
\* ------------------------------------------------------------ */
.feature { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 410px; }
.feature .feature__title { color: #fff; text-transform: uppercase; margin-bottom: 10px; font-weight: 400; }
.feature .feature__image { -webkit-flex: 0 0 125px; -ms-flex: 0 0 125px; flex: 0 0 125px; max-width: 125px; text-align: center; }
.feature .feature__content { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; color: #afafaf; }
@media (max-width: 1023px) {
.feature { margin: 0 auto; }
}
@media (max-width: 767px) {
.feature { display: block; text-align: center; width: 100%; }
.feature .feature__title { margin-bottom: 13px; }
.feature .feature__image { max-width: 100%; margin-bottom: 19px; }
.feature .feature__content { padding: 0 30px; }
}
/* ------------------------------------------------------------ *\
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 { color: #fff; text-align: center; margin-right: -12px; }
.form .logo-text { margin: 0 11px 4px; }
.form .form__inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.form .form__field { height: 50px; width: 100%; border: 0; border-radius: 6px; color: #171717; font-size: 14px; font-weight: 300; letter-spacing: 0.02em; padding: 0 30px; box-shadow: 0; transition: box-shadow .3s; }
.footer__callout .form__field { margin: 5px 0; }
.form .form__field:focus { box-shadow: 0 0 5px rgba(231, 25, 37, .7) inset; }
.form .form__head { font-weight: 900; font-size: 24px; padding-top: 3px; }
.form .form__body { width: 348px; margin: 0 10px 0 43px; }
.form .form__label { display: none; }
.form .form__btn { height: 50px; background: #e71925; text-transform: uppercase; border: 0; font-size: 14px; font-weight: 400; border-radius: 6px; padding: 0 40px; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: background .3s; }
.form .form__btn:hover { background: #d01924; }
.form .form__field::-webkit-input-placeholder { color: #a7a7a7; opacity: 1; }
.form .form__field::-moz-placeholder { color: #a7a7a7; opacity: 1; }
.form .form__field:-ms-input-placeholder { color: #a7a7a7; opacity: 1; }
.form .form__field:-moz-placeholder { color: #a7a7a7; opacity: 1; }
@media (max-width: 1023px) {
.form { margin-right: 0; }
.form .form__head { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
.form .form__inner { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
}
@media (max-width: 767px) {
.form { padding-top: 35px; }
.form .form__inner { display: block; }
.form .form__head,
.form .form__body { max-width: 100%; margin: 0; }
.form .form__head { margin-bottom: 11px; }
.form .form__field { height: 44px; }
.form .form__body { padding: 0 13px; margin-bottom: 16px; width: 100% !important; }
.form .form__btn { padding: 5px 18px; height: 44px; }
}
/* ------------------------------------------------------------ *\
Link
\* ------------------------------------------------------------ */
.link-primary { color: #e71925; font-size: 20px; font-weight: 700; opacity: 1; }
@media (max-width: 767px) {
.link-primary { font-size: 18px; }
}
/* ------------------------------------------------------------ *\
Link Secondary
\* ------------------------------------------------------------ */
.link-secondary { color: #171717; font-size: 20px; font-weight: 300; }
.link-secondary strong { font-weight: 900; color: #e71925; letter-spacing: 0.025em; }
@media (max-width: 1023px) {
.link-secondary { font-size: 17px; }
}
@media (max-width: 767px) {
.link-secondary { display: block; font-size: 20px; }
}
/* ------------------------------------------------------------ *\
Link Icons
\* ------------------------------------------------------------ */
.link-icon { text-decoration: none; font-weight: 400; font-size: 14px; opacity: 1; transition: opacity .3s; }
.link-icon:hover { opacity: .75; }
.link-icon i { margin-right: 7px; vertical-align: middle; }
.link-icon span { display: inline-block; vertical-align: middle; position: relative; top: 1px; }
@media (max-width: 767px) {
.link-icon { letter-spacing: -0.02em; }
.link-icon i { margin-right: 8px; }
}
/* ------------------------------------------------------------ *\
Link Red
\* ------------------------------------------------------------ */
.link-red { color: #e71925; }
/* ------------------------------------------------------------ *\
Link Alt
\* ------------------------------------------------------------ */
.link-alt { color: #8d8d8d; font-weight: 900; }
/* ------------------------------------------------------------ *\
List
\* ------------------------------------------------------------ */
[class^="list-"] { list-style: none outside none; }
.list-inline { text-align: center; line-height: 1.6; margin-bottom: 45px; }
.list-inline li { display: inline-block; }
.list-inline li:last-child:after { display: none; }
.list-inline li:after { content: '|'; display: inline-block; margin: 0 5px; }
.list-inline a { text-decoration: none; opacity: 1; transition: opacity .3s; }
.list-inline a:hover { opacity: .6; }
@media (max-width: 767px) {
.list-inline { line-height: 1.75; margin-bottom: 37px; }
}
/* ------------------------------------------------------------ *\
List Widgets
\* ------------------------------------------------------------ */
.list-widgets { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -15px; }
.list-widgets li { -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; padding: 0 15px; position: relative; }
.list-widgets a { display: block; color: #fff; overflow: hidden; }
.list-widgets a:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.list-widgets img { width: 100%; height: auto; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
.list-widgets p { margin-left: 0 !important; position: absolute; bottom: 0; left: 15px; right: 15px; background: rgba(23,23,23,.5); text-align: center; font-size: 14px; padding: 23px; }
@media (max-width: 1200px) {
.list-widgets { margin: 0 -10px; }
.list-widgets li { padding: 0 10px; }
.list-widgets p { left: 10px; right: 10px; }
}
@media (max-width: 767px) {
.list-widgets { display: block; margin: 0 -20px; }
.list-widgets li { max-width: 100%; margin-bottom: 5px; }
.list-widgets p { margin-bottom: 0 !important; padding-bottom: 21px; padding-top: 19px; }
}
/* ------------------------------------------------------------ *\
List Articles
\* ------------------------------------------------------------ */
.list-articles { padding-top: 3px; margin-right: -4px; font-size: 14px; line-height: 1.75; }
.list-articles a { text-decoration: none; color: #171717; transition: color .3s; }
.list-articles a:hover { color: #e71925; }
.list-articles h5 { text-transform: uppercase; line-height: 1.45; letter-spacing: 0; margin-bottom: 3px; }
.list-articles li + li { margin-top: 24px; }
@media (max-width: 1200px) {
.list-articles { margin-right: 0; }
}
@media (max-width: 767px) {
.list-articles { text-align: left; padding-bottom: 44px; }
.list-articles p { margin-bottom: 0 !important; }
.list-articles li + li { margin-top: 28px; }
}
/* ------------------------------------------------------------ *\
List Links
\* ------------------------------------------------------------ */
.list-links { line-height: 1.8; font-size: 14px; padding-top: 2px; }
.list-links a:hover { color: #e71925; }
.list-links--alt { text-transform: uppercase; line-height: 2; padding-top: 0; }
@media (max-width: 767px) {
.list-links { }
.list-links--alt { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; font-size: 13px; line-height: 1.85; max-width: 307px; display: inline-block; text-align: left; }
}
/* ------------------------------------------------------------ *\
List Cards
\* ------------------------------------------------------------ */
.list-cards { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -2px; }
.list-cards li { display: inline-block; padding: 0 2px; }
.list-cards a { opacity: 1; transition: opacity .3s; }
.list-cards a:hover { opacity: .7; }
@media (max-width: 767px) {
.list-cards { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
}
/* ------------------------------------------------------------ *\
List Columns
\* ------------------------------------------------------------ */
.list-columns { font-size: 16px; line-height: 1.63; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; margin-right: -57px; }
.list-columns a { text-decoration: none; transition: color .3s; }
.list-columns a:hover { color: #e71925; }
@media (max-width: 1023px) {
.list-columns { margin-right: 0; }
}
@media (max-width: 767px) {
.list-columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; text-align: center; font-size: 14px; margin-bottom: 7px; }
}
/* ------------------------------------------------------------ *\
Logo
\* ------------------------------------------------------------ */
.logo { display: block; background-size: 100% 100%; background-repeat: no-repeat; max-width: 200px; max-height: 200px; font-size: 0; line-height: 0; }
.logo-text { display: inline-block; background-image: url(../images/logo-text.png); background-size: 100% 100%; background-repeat: no-repeat; width: 104px; height: 18px; font-size: 0; line-height: 0; vertical-align: middle; }
.logo-brand { text-decoration: none; display: block; background-size: 100% 100%; background-repeat: no-repeat; /*width: 72px; height: 75px;*/ font-size: 0; line-height: 0; margin: 6px 21px 0 24px; }
@media (max-width: 1200px) {
.logo-brand { margin-left: 0; margin-right: 0; }
}
@media (max-width: 1023px) {
.logo { width: 84px; height: 78px; }
}
@media (max-width: 767px) {
.logo { width: 69px; height: 64px; }
.logo-brand { display: none; }
}
/* ------------------------------------------------------------ *\
Map
\* ------------------------------------------------------------ */
.map { height: 550px; background: #e71925; }
.map-holder { position: relative; }
.map-holder .map__slider { position: absolute; bottom: 87px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); max-width: 900px; }
@media (max-width: 1023px) {
.map-holder .map__slider { max-width: 750px; bottom: 45px; }
.map { height: 450px; }
}
@media (max-width: 767px) {
.map-holder .map__slider { max-width: 100%; }
.map { height: 340px; }
.map-holder .map__slider { position: static; -webkit-transform: none; -ms-transform: none; transform: none; }
}
/* ------------------------------------------------------------ *\
Nav
\* ------------------------------------------------------------ */
.nav-outer { -webkit-flex: 0 0 calc(100% - 314px); -ms-flex: 0 0 calc(100% - 314px); flex: 0 0 calc(100% - 314px); width: calc(100% - 314px); text-align: right; padding-left: 120px; }
.nav-outer + .btn { margin-left: 10px; }
.nav { font-size: 14px; font-weight: 300; display: inline-block; text-align: left; }
.nav > ul > li { display: inline-block; position: relative; }
.nav > ul > li > a { text-transform: uppercase; color: #fff; padding: 19px 22px 20px; display: block; position: relative; transition: color .3s; text-decoration: none; }
.nav > ul > li > a:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: #e71925; height: 2px; transition: width .3s; }
.nav > ul > li:hover > a { color: #e71925; opacity: 1; }
.nav > ul > li:hover > a:after { width: 100%; }
.nav > ul > li:hover ul { opacity: 1; visibility: visible; pointer-events: auto; }
/* Dropdown */
.nav ul ul { position: absolute; top: 100%; left: 0; background: #fff; width: 230px; padding-top: 27px; padding-bottom: 29px; box-shadow: 0 1px 5px rgba(0,0,0,.4); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .3s, visibility .3s; }
.nav ul ul a { color: #171717; width: 100%; text-decoration: none; padding: 0 26px; font-size: 14px; line-height: 2.15; background-color: transparent; color: #171717; transition: background .3s, color .3s; display: inline-block; }
.nav ul ul a:hover { background: #e71925; color: #fff; }
@media (max-width: 1200px) {
.nav-outer + .btn { margin-left: 15px; }
.nav > ul > li > a { padding: 15px; }
}
@media (max-width: 1023px) {
.nav-outer { padding-left: 0; -webkit-flex: 0 0 calc(100% - 200px); -ms-flex: 0 0 calc(100% - 200px); flex: 0 0 calc(100% - 200px); width: calc(100% - 200px); }
.nav > ul > li > a { padding-left: 10px; padding-right: 10px; }
.nav { display: block; }
.nav > ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
}
@media(min-width: 768px) {
.nav ul ul { display: block !important; }
}
@media (max-width: 767px) {
.nav-outer + .btn { margin-left: 0; }
.nav { position: absolute; top: -100px; left: -7px; width: 92.4vw; z-index: 5; background: #fff; padding: 46px 20px 27px 20px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45); opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; pointer-events: none; }
.nav.open { opacity: 1; visibility: visible; pointer-events: auto; }
.nav > ul { display: block; max-height: calc(100vh - 50px); overflow-y: auto; }
.nav > ul > li { display: block; }
.nav > ul > li > a { color: #171717; padding: 5px 0; }
.nav > ul > li:hover > a { color: #171717; }
.nav > ul > li:hover > a:after { display: none; }
.nav ul ul { position: static; opacity: 1; visibility: visible; box-shadow: none; padding-top: 3px; padding-bottom: 15px; width: 100%; max-height: 0; transition: height .3s; overflow: hidden; padding: 0; transition: max-height .5s; }
.nav .expanded ul { max-height: 1200px; }
.nav ul ul a { padding: 0 17px; }
}
/* ------------------------------------------------------------ *\
Place
\* ------------------------------------------------------------ */
.place { margin: 10px auto 0; display: block; text-decoration: none; background: #fff; transition: background .3s; width: 300px; text-align: center; padding-bottom: 18px; padding-top: 12px; position: relative; }
.place h5 { color: #171717; text-transform: uppercase; font-size: 16px; font-weight: 400; }
.place address { color: #888; font-weight: 300; font-size: 14px; line-height: 1.3; }
.place.active:before { content: ''; position: absolute; bottom: 100%; left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 11px solid #e71925; }
.place:hover,
.place.active { background: #e71925; }
.place.active h5,
.place:hover h5,
.place:hover address,
.place.active address { color: #fff; }
@media (max-width: 1023px) {
.place { width: 250px; }
}
@media (max-width: 767px) {
.place { width: 100%; background: #e71925; margin-top: 0; }
.place h5,
.place address { color: #fff; }
}
/* ------------------------------------------------------------ *\
Section
\* ------------------------------------------------------------ */
.section h4 { color: #171717; font-weight: 300; margin-left: 3px; letter-spacing: 0.012em; margin-bottom: 21px; }
.section p { margin-left: 3px; }
.section i + .section__title { margin-top: 6px; }
.section .section__title { color: #171717; font-weight: 900; letter-spacing: 0.015em; margin-bottom: 51px; }
.section .article__header { margin-bottom: 51px; }
.section .article__header h1.page_title { margin-bottom: 0px; }
.section .article__header h1.alternate_name { font-size: 16px; line-height: 16px; font-weight: normal; }
.section .article__header h1.alternate_name a { text-decoration: none; }
.section .article__header h2.page_cta { font-size: 16px; line-height: 16px; font-weight: normal; }
.section .article__header h2.page_cta a { text-decoration: none;}
.section .section__title--small { font-size: 24px; font-weight: 900; color: #171717; letter-spacing: 0.015em; }
.section .section__content { padding: 71px 65px 40px 0; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; }
.section .section__aside { margin-right: -135px; -webkit-flex: 0 0 38.4%; -ms-flex: 0 0 38.4%; flex: 0 0 38.4%; max-width: 38.4%; background: #e71925; }
.section .section__inner { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.section .section__actions { padding-top: 61px; }
.section .section__actions .btn + .link-secondary { margin-left: 35px; }
.section .section__actions .link-secondary { vertical-align: middle; }
@media (max-width: 1200px) {
.section .section__aside { -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; margin-right: -15px; }
}
@media (max-width: 1023px) {
.section .section__content { padding: 40px 30px 40px 0; }
.section .section__title { margin-bottom: 26px; }
.section .section__aside { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
.section .section__actions { padding-top: 10px; }
.section .section__actions .btn + .link-secondary { margin-left: 10px; position: relative; top: 1px; }
}
@media (max-width: 767px) {
.section { font-size: 14px; line-height: 1.75; }
.section .section__inner { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.section .section__content { -webkit-order: 1; -ms-flex-order: 1; order: 1; padding: 27px 0 30px; }
.section .section__box { margin: 0 -15px; }
.section .section__aside,
.section .section__content { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; margin: 0; }
.section .section__title { line-height: 1; margin-bottom: 11px; }
.section h4 { line-height: 1.25; }
.section p { margin-left: 0; margin-bottom: 24px; }
.section .section__actions .btn + .link-secondary { margin: 0; }
.section .section__actions { text-align: center; padding-top: 0px; }
.section .section__actions .btn { margin-bottom: 17px; }
.section i + .section__title { margin-top: 12px; }
.section .article__header h1.alternate_name { text-align: center; }
.section .article__header h2.page_cta { text-align: center; }
}
/* Section Default */
.section--default .section__aside { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
/*.section--default .section__aside > *:last-child { margin-top: auto; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; }*/
.section--default .section__aside > *:first-child { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.section--default .section__content { padding-top: 89px; }
.section--default .section__title { margin-bottom: 52px; }
.section--default h4 { line-height: 1.35; letter-spacing: 0.012em; margin-bottom: 32px; }
.section--default p + .section__title--small { margin-top: 65px; }
.section--default .section__title--small { margin-bottom: 29px; }
.section--default .section__actions { padding-top: 16px; }
.section--default .section__actions .link-secondary { vertical-align: middle; font-size: 18px; }
.section--default .section__actions .link-secondary strong { color: #171717; margin-left: 7px; }
.section--default .section__actions .link-secondary + .btn { margin-left: 20px; }
@media (max-width: 1023px) {
.section--default .section__content { padding-top: 50px; }
.section--default .section__title { margin-bottom: 24px; }
.section--default p + .section__title--small { margin-top: 35px; }
.section--default .section__actions .link-secondary { display: block; }
.section--default .section__actions .link-secondary + .btn { margin-left: 0; margin-top: 10px; }
}
@media (max-width: 767px) {
.section--default .section__content { padding-top: 8px; padding-bottom: 0; }
.section--default .section__title { text-align: center; margin-bottom: 10px; }
.section--default .section__title--small { text-align: center; margin-bottom: 15px; }
.section--default p + .section__title--small { margin-top: -5px; }
.section--default h4 { margin-left: 0; margin-bottom: 18px; }
.section--default h4 br { display: none; }
.section--default .section__actions { padding-bottom: 21px; }
}
/* Section Image */
.section--image { color: #fff; background-size: cover; background-position: center center; }
.section--image .section__title { color: #fff; text-transform: none; }
/* Section Red */
.section--red { background: #e71925; color: #fff; }
.section--red .section__title,
.section--red a { color: #fff; }
/* Section Transparent */
.section--transparent { position: relative; }
.section--transparent:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #e71925; opacity: .7; }
.section--transparent .section__head,
.section--transparent .section__body { position: relative; }
/* Section Primary */
.section--primary { padding-top: 95px; padding-bottom: 65px; }
.section--primary .shell { max-width: 1050px; }
.section--primary .section__title { margin-bottom: 37px; }
@media (max-width: 1023px) {
.section--primary { padding-top: 68px; padding-bottom: 50px; }
}
@media (max-width: 767px) {
.section--primary { padding-top: 51px; padding-bottom: 9px; }
.section--primary .section__title { margin-bottom: 27px; }
}
/* Section Secondary */
.section--secondary { padding-top: 47px; }
.section--secondary .section__title { text-transform: none; font-weight: 700; margin-bottom: 18px; }
.section--secondary .section__body { padding-bottom: 22px; position: relative; }
/*.section--secondary .section__body:after { content: ''; width: 0; height: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 11px solid #e71925; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }*/
.section--secondary ol + p { font-family: 'Montserrat Hairline', 'Helvetica', sans-serif; font-size: 18px; }
.section--secondary ol + p strong { font-weight: 700; font-family: 'Montserrat', 'Helvetica', sans-serif; }
.section--secondary .section__callout { background: #e1e1e1; padding: 50px 0 42px; }
.section--secondary .section__actions { padding-top: 0; }
@media (max-width: 1023px) {
.section--secondary { padding-top: 35px; }
}
@media (max-width: 767px) {
.section--secondary .section__title { margin-bottom: 29px; }
.section--secondary .section__body { padding-bottom: 5px; }
.section--secondary ol + p { font-size: 16px; padding: 0 56px; line-height: 1.55; }
.section--secondary .section__callout { padding-top: 34px; padding-bottom: 2px; }
}
/* Section Portfolio */
.section--portfolio { padding: 65px 0; }
.section--portfolio .section__title { margin-bottom: 38px; }
@media (max-width: 1023px) {
.section--portfolio { padding: 40px 0 45px; }
}
@media (max-width: 767px) {
.section--portfolio { padding-top: 36px; padding-bottom: 23px; }
.section--portfolio .section__title { margin-bottom: 26px; }
}
/* Section Alt */
.section--alt { padding-top: 65px; padding-bottom: 80px; }
.section--alt .section__content { padding: 0; -webkit-flex: 0 0 73.5%; -ms-flex: 0 0 73.5%; flex: 0 0 73.5%; max-width: 73.5%; padding-right: 125px; }
.section--alt .section__aside { margin: 0; -webkit-flex: 0 0 26.5%; -ms-flex: 0 0 26.5%; flex: 0 0 26.5%; max-width: 26.5%; background-color: transparent; }
.section--alt .section__title { margin-bottom: 30px; }
@media (max-width: 1200px) {
.section--alt .section__aside { -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; }
.section--alt .section__content { -webkit-flex: 0 1 65%; -ms-flex: 0 1 65%; flex: 0 1 65%; max-width: 65%; }
}
@media (max-width: 1023px) {
.section--alt { padding-bottom: 42px; }
.section--alt .section__content { padding-right: 40px; }
}
@media (max-width: 767px) {
.section--alt { text-align: center; }
.section--alt .section__content,
.section--alt .section__aside { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
.section--alt .section__content { -webkit-order: 1; -ms-flex-order: 1; order: 1; padding-right: 0; }
.section--alt .section__title { margin-bottom: 18px; }
}
/* Section Testimonials */
.section--testimonials { padding: 67px 0 50px; }
.section--testimonials .section__title { margin-bottom: 30px; }
@media (max-width: 1023px) {
.section--testimonials { padding: 50px 0 30px; }
}
@media (max-width: 767px) {
.section--testimonials { padding-top: 45px; }
.section--testimonials .section__title { margin-bottom: 23px; }
}
/* Section Services */
@media (max-width: 767px) {
.section--services .section__title { text-align: center; }
.section--services h4 { text-align: center; margin: 0 0 18px; }
}
/* ------------------------------------------------------------ *\
Section Partners
\* ------------------------------------------------------------ */
.section-partners { padding: 25px 0 29px; }
@media (max-width: 1023px) {
.section-partners { padding: 18px 0 24px; }
}
@media (max-width: 767px) {
.section-partners { padding: 11px 0; }
}
/* ------------------------------------------------------------ *\
Section Callout
\* ------------------------------------------------------------ */
.section-callout { padding-top: 43px; padding-bottom: 42px; }
.section-callout h2 { font-family: 'Montserrat Hairline', 'Helvetica', sans-serif; margin-bottom: 22px; font-weight: 300; }
@media (max-width: 767px) {
.section-callout { padding-top: 31px; padding-bottom: 38px; }
.section-callout h2 { line-height: 1.05; }
}
/* ------------------------------------------------------------ *\
Slider
\* ------------------------------------------------------------ */
.slider-outer { position: relative; }
.slider--intro p { font-family: 'Montserrat Hairline', 'Helvetica', sans-serif; text-transform: uppercase; font-size: 20px; margin-right: -3px; margin-bottom: 39px; }
.slider--intro .slider__slide { background-size: cover; background-repeat: no-repeat; background-position: center center; height: 637px; }
.slider--intro .slider__slide-content { padding: 138px 92px 181px; }
.slider__slide-content h2 { font-size: 36; margin: 0px; }
@media (max-width: 1023px) {
.slider__slide-content h2 { font-size: 31px; }
}
@media (max-width: 767px) {
.slider__slide-content h2 { font-size: 24px; }
}
.slider--intro .slider__title { font-size: 90px; line-height: 1; font-weight: 900; letter-spacing: -0.025em; color: #fff; margin-bottom: 12px; }
.slider--intro { text-align: right; color: #fff; position: relative; }
.slider--intro { position: relative; }
.slider--intro .swiper-intro-prev,
.slider--intro .swiper-intro-next { background-image: url(../images/ico-arrow-box@2x.png); width: 60px; height: 60px; background-size: 100% 100%; background-repeat: no-repeat; position: absolute; top: 50%; font-size: 0; line-height: 0; margin-top: -31px; opacity: .4; transition: opacity .3s; }
.slider--intro .swiper-intro-prev:hover,
.slider--intro .swiper-intro-next:hover { opacity: 1; }
.slider--intro .swiper-intro-prev { left: calc((100% - 1170px) / 2 - 30px); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.slider--intro .swiper-intro-next { right: calc((100% - 1170px) / 2 - 30px); }
@media (max-width: 1320px) {
.slider--intro .swiper-intro-prev { left: 15px; }
.slider--intro .swiper-intro-next { right: 15px; }
}
@media (max-width: 1023px) {
.slider--intro .slider__title { font-size: 65px; }
.slider--intro p { font-size: 16px; }
.slider--intro .slider__slide { height: 471px; }
.slider--intro .slider__slide-content { padding-top: 100px; padding-bottom: 110px; }
}
@media (max-width: 767px) {
.slider--intro .slider__title { font-size: 40px; }
.slider--intro .slider__slide { height: 220px; background-position: 32% center; }
.slider--intro .slider__slide-content { padding: 9px 0 9px; }
.slider--intro h1 { font-size: 18px; }
.slider--intro p { line-height: 1.45; max-width: 250px; margin-left: auto; margin-bottom: 17px; font-size: 12px; }
.slider--intro .slider__title { margin-bottom: 15px; }
.slider--intro .swiper-intro-next,
.slider--intro .swiper-intro-prev { display: none; }
}
/* ------------------------------------------------------------ *\
Slider Features
\* ------------------------------------------------------------ */
.slider--features { position: relative; left: -4.7%; }
.slider--features .slider__slides { margin: 0 auto; padding: 0 100px; }
.slider--features .slider__slide { padding: 33px 0; }
.slider-outer--features .swiper-button-prev,
.slider-outer--features .swiper-button-next { background-image: url(../images/arrow-features@2x.png); width: 17px; height: 44px; background-size: 100% 100%; background-repeat: no-repeat; position: absolute; top: 50%; font-size: 0; line-height: 0; margin-top: -26px; opacity: 1; transition: opacity .3s; }
.slider-outer--features .swiper-button-prev:hover,
.slider-outer--features .swiper-button-next:hover { opacity: .7; }
.slider-outer--features .swiper-button-prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); left: -35px; }
.slider-outer--features .swiper-button-next { right: -35px; }
.slider--features a { text-decoration: none; }
@media (max-width: 1200px) {
.slider-outer--features .swiper-button-prev { left: 0; }
.slider-outer--features .swiper-button-next { right: 0; }
}
@media (max-width: 1023px) {
.slider--features { left: 0; }
.slider--features .slider__slides { padding: 0; }
.slider--features .slider__slide { padding: 20px 0; }
}
@media (max-width: 767px) {
.slider-outer--features .swiper-button-prev,
.slider-outer--features .swiper-button-next { margin-top: -45px; }
.slider-outer--features .swiper-button-prev { left: -2px; }
.slider-outer--features .swiper-button-next { right: -4px; }
}
/* ------------------------------------------------------------ *\
Slider Boxes
\* ------------------------------------------------------------ */
.slider-outer-boxes { max-width: 638px; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; position: relative; }
.slider-outer-boxes [class*="disabled"] { display: none; }
.slider-boxes { width: auto; max-width: 100%; }
.slider-boxes .slider__slide { padding-left: 32px; width: 212px !important; }
.slider-boxes .slider__slide + .slider__slide:before { content: ''; position: absolute; top: 8px; bottom: 15px; left: 0; width: 1px; background: #4e4e4e; }
.slider-outer-boxes .swiper-button-prev,
.slider-outer-boxes .swiper-button-next { width: 40px; height: 40px; background: transparent; position: absolute; top: 50%; font-size: 0; line-height: 0; opacity: 1; transition: opacity .3s; }
.slider-outer-boxes .swiper-button-prev:before,
.slider-outer-boxes .swiper-button-next:before { border-style: solid; border-width: 2px 2px 0 0; border-color: #e71925; content: ''; display: inline-block; height: 13px; left: 11px; top: 14px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); vertical-align: top; width: 13px; position: absolute; transition: border-color .3s; }
.slider-outer-boxes .swiper-button-prev:hover:before,
.slider-outer-boxes .swiper-button-next:hover:before { border-color: #fff; }
.slider-outer-boxes .swiper-button-prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); left: -20px; }
.slider-outer-boxes .swiper-button-next { right: -20px; }
@media (max-width: 1023px) {
.slider-outer-boxes { max-width: 400px; margin-right: 20px; }
.slider-outer-boxes .swiper-button-prev { left: -5px; }
.slider-outer-boxes .swiper-button-next { right: -15px; }
.slider-boxes .slider__slide { width: 200px !important; }
}
@media (max-width: 767px) {
.slider-outer-boxes { max-width: 226px; margin: 0; padding-top: 10px; display: none; }
.slider-boxes .slider__slide + .slider__slide:before { display: none; }
.slider-outer-boxes .slider__slide { padding-left: 0; }
.slider-outer-boxes .swiper-button-prev:before,
.slider-outer-boxes .swiper-button-next:before { border-color: #fff; height: 6px; width: 6px; }
.slider-outer-boxes .swiper-button-prev { left: -9px; margin-top: -20px; }
.slider-outer-boxes .swiper-button-next { right: -10px; margin-top: -13px; }
.slider-boxes .slider__slide { width: 226px !important; }
}
/* ------------------------------------------------------------ *\
Slider Tips
\* ------------------------------------------------------------ */
.slider-tips { position: relative; padding-top: 29px; padding-bottom: 105px; }
.slider-tips .swiper-button-prev,
.slider-tips .swiper-button-next { width: 40px; height: 40px; background: #fff; position: absolute; bottom: 0; top: auto; font-size: 0; line-height: 0; opacity: 1; transition: background .3s; }
.slider-tips .swiper-button-prev:before,
.slider-tips .swiper-button-next:before { border-style: solid; border-width: 2px 2px 0 0; border-color: #e71925; content: ''; display: inline-block; height: 13px; left: 11px; top: 14px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); vertical-align: top; width: 13px; position: absolute; transition: border-color .3s; }
.slider-tips .swiper-button-prev:hover,
.slider-tips .swiper-button-next:hover { background: #e71925; }
.slider-tips .swiper-button-prev:hover:before,
.slider-tips .swiper-button-next:hover:before { border-color: #fff; }
.slider-tips .swiper-button-prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); left: 1px; }
.slider-tips .swiper-button-next { left: 52px; }
@media (max-width: 1023px) {
.slider-tips { padding-top: 0; padding-bottom: 70px; }
}
@media (max-width: 767px) {
.slider-tips { padding-top: 4px; padding-bottom: 38px; }
.slider-tips .swiper-button-prev { left: calc(50% - 43px); }
.slider-tips .swiper-button-next { right: calc(50% - 47px); left: auto; }
.slider-tips .swiper-button-prev,
.slider-tips .swiper-button-next { background-color: transparent; width: 40px; height: 40px; bottom: 0; }
.slider-tips .swiper-button-prev:hover,
.slider-tips .swiper-button-next:hover { background-color: transparent; }
.slider-tips .swiper-button-prev:hover:before,
.slider-tips .swiper-button-next:hover:before { border-color: #e71925; }
}
/* ------------------------------------------------------------ *\
Slider Testimonials
\* ------------------------------------------------------------ */
.slider-testimonials { position: relative; padding-bottom: 61px; }
.slider-testimonials .swiper-pagination { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.slider-testimonials .swiper-pagination span + span { margin-left: 10px; }
.slider-testimonials .swiper-pagination-bullet { width: 10px; height: 10px; border: 1px solid #fff; background: transparent; transition: background .3s; opacity: 1; }
.slider-testimonials .swiper-pagination-bullet:hover,
.slider-testimonials .swiper-pagination-bullet-active { background: #fff; }
.slider-testimonials--alt { padding-bottom: 78px; }
.slider-testimonials--alt .swiper-pagination { left: 0; -webkit-transform: none; -ms-transform: none; transform: none; }
.slider-testimonials--alt .swiper-pagination-bullet:hover,
.slider-testimonials--alt .swiper-pagination-bullet-active { background: #e71925; border-color: #e71925; }
@media (max-width: 767px) {
.slider-testimonials { padding-bottom: 53px; }
.slider-testimonials .swiper-pagination { bottom: 10px; }
.slider-testimonials--alt { padding-bottom: 87px; }
.slider-testimonials--alt .swiper-pagination { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; }
}
/* ------------------------------------------------------------ *\
Slider Partners
\* ------------------------------------------------------------ */
.slider-partners { text-align: center; margin: 0 -40px 0 -22px; }
.slider-partners a { opacity: 1; transition: opacity .3s; }
.slider-partners a:hover { opacity: .7; }
.slider-partners img { max-width: 80%; }
@media (max-width: 1320px) {
.slider-partners { margin: 0; }
}
@media (max-width: 767px) {
.slider-partners .slider__slide { padding: 0 7px; }
}
/* ------------------------------------------------------------ *\
Slider Places
\* ------------------------------------------------------------ */
.slider--places { position: relative; }
.slider--places:before { content: ''; position: absolute; top: 10px; left: 0; right: 0; bottom: 0; box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.24); }
.slider--places .swiper-button-prev,
.slider--places .swiper-button-next { display: none; background-image: none; }
.slider--places .swiper-button-prev { left: 15px; }
.slider--places .swiper-button-next { right: 15px; }
.slider--places .swiper-button-prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.slider--places .swiper-button-prev:before,
.slider--places .swiper-button-next:before { border-style: solid; border-width: 2px 2px 0 0; border-color: #fff; content: ''; display: inline-block; height: 13px; left: 11px; top: 14px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); vertical-align: top; width: 13px; position: absolute; transition: border-color .3s; }
@media (max-width: 767px) {
.slider--places:before { display: none; }
.slider--places { overflow: visible; }
.slider--places .slider__slides { overflow: visible; position: relative; }
.slider--places .slider__clip { overflow: visible; }
.slider--places .swiper-button-prev,
.slider--places .swiper-button-next { display: block; }
}
/* ------------------------------------------------------------ *\
Socials
\* ------------------------------------------------------------ */
.socials ul { list-style-type: none; }
.socials a { /*display: block; background: #393939;*/ width: 32px; height: 32px; border-radius: 50%; opacity: 1; transition: background .3s; position: relative; }
.socials i[class*="white"] { position: absolute; opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; }
.socials i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
/*.socials a:hover { background: #e71925; }*/
.socials a:hover i[class*="white"] { opacity: 1; visibility: visible; }
.socials li { display: inline-block; }
.socials li + li { margin-left: 3px; }
.socials h6 { color: #717171; text-transform: uppercase; margin-bottom: 12px; margin-top: 1px; }
@media (max-width: 767px) {
.socials li + li { margin-left: -2px; }
}
/* ------------------------------------------------------------ *\
Table
\* ------------------------------------------------------------ */
.table { max-width: 251px; }
.table td,
.table th { text-align: left; height: 48px; }
.table th { font-weight: 900; font-size: 16px; padding-right: 33px; }
.table td { font-weight: 300; font-size: 16px; }
.table--secondary td,
.table--secondary th { height: 30px; line-height: 1.2; }
.table--secondary td { font-size: 18px; }
.table--secondary th { padding-right: 37px; font-size: 16px; }
@media (max-width: 767px) {
.table { max-width: 300px; margin: 0 auto; padding: 0 10px 0 15px; line-height: 1; }
.table td,
.table th { height: 30px; }
.table td { font-size: 16px; width: 55%; letter-spacing: 0; }
}
@media(max-width: 330px) {
.table td { width: 55%; }
}
/* ------------------------------------------------------------ *\
Testimonials
\* ------------------------------------------------------------ */
.testimonial { max-width: 835px; margin: 0 auto; font-size: 20px; }
.testimonial .testimonial__head { font-size: 14px; margin-bottom: 20px; }
.testimonial .testimonial__head span { font-family: 'Montserrat Hairline', 'Helvetica', sans-serif; }
.testimonial .testimonial__head strong { font-weight: 400; }
.testimonial .testimonial__body { font-family: 'Montserrat Hairline', 'Helvetica', sans-serif; font-size: 20px; line-height: 1.5; position: relative; padding-top: 20px; }
.testimonial .testimonial__body:before { content: ''; background-image: url(../images/ico-quote@2x.png); background-size: 100% 100%; background-repeat: no-repeat; width: 17px; height: 11px; position: absolute; top: -15px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-top:20px; }
/* Testimonial Alt */
.testimonial--alt .testimonial__head { line-height: 1.7; }
.testimonial--alt .testimonial__head span { display: block; font-size: 14px; font-weight: 700; }
.testimonial--alt .testimonial__head strong { font-size: 18px; font-weight: 300; }
.testimonial--alt .testimonial__body { padding-top: 20px }
.testimonial--alt .testimonial__body:before { left: 0; top: -7px; background-image: url(../images/ico-quote-large@2x.png); width: 21px; height: 15px; -webkit-transform: none; -ms-transform: none; transform: none; }
@media (max-width: 767px) {
.testimonial .testimonial__body:before { top: -14px; }
.testimonial .testimonial__body { padding-left: 10px; padding-right: 10px; }
.testimonial .testimonial__head p { margin-bottom: 0; }
.testimonial--alt .testimonial__head span { display: inline; }
.testimonial--alt .testimonial__head strong { font-size: 14px; }
.testimonial--alt .testimonial__body { padding-left: 0; padding-right: 0; padding-top: 13px; }
.testimonial--alt .testimonial__body:before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -10px; }
}
/* ------------------------------------------------------------ *\
Tip
\* ------------------------------------------------------------ */
.tip { font-family: 'Montserrat Hairline', 'Helvetica', sans-serif; font-size: 30px; line-height: 1.6; color: #171717; }
@media (max-width: 1023px) {
.tip { font-size: 28px; }
}
@media (max-width: 767px) {
.tip { font-size: 24px; line-height: 1.35; }
}
/* ------------------------------------------------------------ *\
Widget
\* ------------------------------------------------------------ */
.widgets { list-style: none outside none; }
.serving-areas-section { text-align: center; }
.couponTextDiv { max-width: 450px !important; }
/* ------------------------------------------------------------ *\
Footer
\* ------------------------------------------------------------ */
.footer .shell { text-align: center; max-width: 1200px; }
.footer-nav-links { margin-bottom: 35px; }
.footer-nav-links ul { /*display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center;*/
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style-type: none; flex-wrap: wrap;
}
.footer-nav-links > ul > li { position: relative; display: block; flex: 1 1 40%; max-width: 40%; }
.footer-nav-links > ul > li > a { margin-left: 15px; margin-right: 15px; }
.footer-location-data { margin-bottom: 15px; }
.footer-location-data > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style-type: none; flex-wrap: wrap; }
.footer-location-data > ul > li { position: relative; display: block; flex: 1 1 40%; max-width: 40%; margin-bottom: 30px; }
.footer-content-statement { margin-bottom: 15px; }
.list-icons li { text-align: center; }
.footer .list-icons li p { line-height: 1.6; }
@media (max-width: 1023px) {
.footer-location-data > ul > li { position: relative; display: block; flex: 1 1 40%; max-width: 40%; }
.footer-nav-links > ul > li { position: relative; display: block; flex: 1 1 40%; max-width: 40%; }
}
@media (max-width: 767px) {
.footer-location-data > ul > li { position: relative; display: block; flex: 1 1 100%; max-width: 95%; }
.list-icons li + li { margin-top: 0px; }
.footer-nav-links > ul > li { position: relative; display: block; flex: 1 1 100%; max-width: 95%; }
}
.copyright { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.copyright p { margin-bottom: 0px; font-size: 14px; }
.copyright .list-payments { display: flex; }
.copyright .list-payments li { display: inline-block; }
@media (max-width: 767px) {
.copyright { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: 'Raleway', sans-serif; font-weight: 500; text-align: center; }
.copyright p { flex: 0 1 100%; max-width: 100%; font-size: 14px; letter-spacing: 0; }
.copyright .footer__payments { order: -1; text-align: center; margin-bottom: 10px; }
.copyright .list-payments { align-items: center; }
}
.nav-socials { display: none; }
@media (max-width: 767px) {
.nav-socials { display: block; }
}
.nav-socials {
margin-top: 10px;
}
.nav-socials ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style-type: none;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
.nav-socials ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.nav-socials li {
width: 31px;
height: 31px;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 7px 0;
}
.nav-socials li + li {
margin-left: 7px;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
.nav-socials li + li {
margin-left: 30px;
}
}