/* 
	Table of Contents

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	         Mobile -----------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Grid -------------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	         Responsive Helpers -----------------------
	II.  Regions --------------------------------------
	     01. Container --------------------------------
	     02. Content ----------------------------------
	     03. Footer -----------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     04. Header -----------------------------------
	         Mobile -----------------------------------
	         Header Black -----------------------------
	         Header Empty -----------------------------
	         Header Alt -------------------------------
	         Mobile -----------------------------------
	     05. Main -------------------------------------
	         Mobile -----------------------------------
	     06. Shell ------------------------------------
	         Medium Desktop ---------------------------
	     07. Sidebar ----------------------------------
	     08. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Brand ------------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     02. Breadcrumbs ------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     03. Button -----------------------------------
	         Btn Menu ---------------------------------
	         Mobile -----------------------------------
	         Btn Menu Black ---------------------------
	     04. Btn Sizes --------------------------------
	         Button Block -----------------------------
	         Btn Small --------------------------------
	         Mobile -----------------------------------
	         Btn Medium -------------------------------
	         Btn Large --------------------------------
	     05. Btn Colors -------------------------------
	         Btn White --------------------------------
	         Btn Black --------------------------------
	         Btn White Bg -----------------------------
	     06. Callout ----------------------------------
	         Medium Desktop ---------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     07. Copyright --------------------------------
	     08. Form Elements ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     09. .Form Contact ----------------------------
	         Mobile -----------------------------------
	     10. Icon -------------------------------------
	     11. Ie ---------------------------------------
	     12. Intro ------------------------------------
	         Intro Small ------------------------------
	         Mobile -----------------------------------
	     13. List -------------------------------------
	     14. List Bullets -----------------------------
	         Mobile -----------------------------------
	     15. List Contacts ----------------------------
	         Tablet Portrait --------------------------
	     16. List Services ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     17. List Contact Secondary -------------------
	         Mobile -----------------------------------
	     18. Logo -------------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     19. Map --------------------------------------
	         Mobile -----------------------------------
	     20. Modal ------------------------------------
	     21. Nav --------------------------------------
	         Nav Alt ----------------------------------
	         Mobile -----------------------------------
	     22. Styles for Devices without Touch Support -
	     23. Plate ------------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     24. Popup ------------------------------------
	         Mobile -----------------------------------
	     25. Section Primary --------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     26. Section Dark -----------------------------
	     27. Section Secondary ------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     28. Section Brand ----------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     29. Section Service --------------------------
	         Medium Desktop ---------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	         Section Service Alt ----------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     30. Section Yellow ---------------------------
	     31. Section Contacts -------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     32. Section About ----------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     33. Section Services -------------------------
	         Mobile -----------------------------------
	     34. Section Tertiary -------------------------
	         Medium Desktop ---------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     35. Section Showcase -------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     36. Section Form -----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     37. Section 404 ------------------------------
	         Mobile -----------------------------------
	     38. Slider -----------------------------------
	     39. Slider Intro -----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     40. Slider Product ---------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     41. Slider Tiles -----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     42. Slider Brands ----------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     43. Slider Gallery ---------------------------
	         Medium Desktop ---------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     44. Sldier Service ---------------------------
	     45. Slider Service Secondary -----------------
	     46. Slider Contacts --------------------------
	         Mobile -----------------------------------
	     47. Socials ----------------------------------
	         Tablet Portrait --------------------------
	     48. Table ------------------------------------
	     49. Tile -------------------------------------
	         Tile Small -------------------------------
	         Tile Medium ------------------------------
	         Tile Large -------------------------------
	         Tile Top ---------------------------------
	         Tablet Portrait --------------------------
	         Tile Small -------------------------------
	         Tile Medium ------------------------------
	         Tile Large -------------------------------
	         Mobile -----------------------------------
	     50. Styles for Touch Enabled Devices ---------
	     51. Widget -----------------------------------
	IV.  Themes ---------------------------------------
	     01. Magnific ---------------------------------
	         Mobile -----------------------------------
 */

.section-primary .section__inner: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: 'Open Sans', sans-serif; font-size: 13px; line-height: 1.62; color: #777777; letter-spacing: 0.19em; }
a { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }
a[href^="tel"] { text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.81em; }
h1 { font-size: 27px; line-height: 1.48; font-weight: 600; letter-spacing: 0.205em; color: #000; }
p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.62em; }
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; }
[class^="icon-"] { display: inline-block; vertical-align: middle; }
[class^="icon-"] svg { display: block; overflow: visible; }
/* Mobile */
@media (max-width: 767px) {
	h1 { font-size: 20px; }
}
/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	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 -8px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.cols--full { margin: 0; }
.col { padding: 0 8px; }
.col--full { padding: 0; }
.col--flex { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.col--1of2 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col--1of4 { -webkit-flex:  0 0 25%; -ms-flex:  0 0 25%; flex:  0 0 25%; max-width: 25%; }
.col--size1 { -webkit-flex: 0 0 35.5%; -ms-flex: 0 0 35.5%; flex: 0 0 35.5%; max-width: 35.5%; }
.col--size2 { -webkit-flex: 0 0 64.5%; -ms-flex: 0 0 64.5%; flex: 0 0 64.5%; max-width: 64.5%; }
.col--size3 { -webkit-flex: 0 0 51%; -ms-flex: 0 0 51%; flex: 0 0 51%; max-width: 51%; }
.col--size4 { -webkit-flex: 0 0 23.5%; -ms-flex: 0 0 23.5%; flex: 0 0 23.5%; max-width: 23.5%; }
.col--size5 { -webkit-flex: 0 0 38.5%; -ms-flex: 0 0 38.5%; flex: 0 0 38.5%; max-width: 38.5%; }
.col--size6 { -webkit-flex: 0 0 21%; -ms-flex: 0 0 21%; flex: 0 0 21%; max-width: 21%; }
.col--size7 { -webkit-flex: 0 0 40.5%; -ms-flex: 0 0 40.5%; flex: 0 0 40.5%; max-width: 40.5%; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.col--size5 { -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
	.col--size6 { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
	.col--size7 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}
/* Mobile */
@media (max-width: 767px) {
	.cols { margin: 0; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
	.col { padding: 0; }

	.col--flex { display: block; }

	.col--1of2,
	.col--1of4,
	.col--size1,
	.col--size2,
	.col--size3,
	.col--size4,
	.col--size5,
	.col--size6,
	.col--size7 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}
/*  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 { border-top: 1px solid  #ddd; padding: 14px 0; }
.footer .socials { margin-left: -20px; }
.footer .shell { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.footer { padding: 20px 0;  }
	.footer .socials { margin-left: 0; }
}
/* Mobile */
@media (max-width: 767px) {
	.footer { padding: 10px 0; }

	.footer .shell { display: block; text-align: center; }
	.footer .socials { margin-bottom: 17px; }
}
/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header { position: absolute; top: 0; left: 0; right: 0; padding: 54px 0; z-index: 10; z-index: 50; }
.header .shell { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.header .nav { position: relative; top: -2px; }
/* Mobile */
@media (max-width: 767px) {
	.header { padding: 24px 0;  }
}
/*  Header Black  */
.header--black .nav a { color: #000; }
.header--black .nav a:after { background: #000; }
/*  Header Empty  */
.header--empty  { padding: 48px 0; }
.header--empty .shell { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
/*  Header Alt  */
.header--alt { padding: 41px 0; }
/* Mobile */
@media (max-width: 767px) {
	.header--alt { padding: 24px 0; }
}
/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
.main .main__inner { padding-top: 216px; }
/* Mobile */
@media (max-width: 767px) {
	.main .main__inner { padding-top: 154px; }
}
/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */
.shell { max-width: 1520px; padding-left: 10px; padding-right: 10px; margin: auto; }
.shell-fluid { max-width: none; }
/* Medium Desktop */
@media (max-width: 1580px) {
	.shell { padding: 0 20px; }
}
/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */
.sidebar {}
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper { min-height: 100vh; position: relative; overflow: hidden; }
/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Brand
\* ------------------------------------------------------------ */
.brand { text-align: center; }
.brand ul { list-style: none; }
.brand li + li { margin-top: 25px; }
.brand a { text-decoration: none; transition: color .4s; }
.brand .brand__head { min-height: 84px; position: relative; padding-bottom: 10px; margin-bottom: 56px; }
.brand .brand__head:after { content: ''; width: 32px; height: 5px; background: #222; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.brand .fa { display: block; color: #000; margin-bottom: 7px; }
.brand .fa-map-marker { font-size: 20px; }
.brand .fa-phone { font-size: 18px; margin-bottom: 16px; }
.brand .fa-envelope { font-size: 18px; margin-bottom: 17px; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.brand .brand__head img { width: 75%; margin: 0 auto; }
}
/* Mobile */
@media (max-width: 767px) {
	.brand li + li { margin-top: 18px; }

	.brand .brand__head { margin-bottom: 34px; }

	.brand .brand__head img { width: 57%; }

	.brand .fa-map-marker { margin-bottom: 9px;  }
}
/* ------------------------------------------------------------ *\
	Breadcrumbs
\* ------------------------------------------------------------ */
.breadcrumbs { position: absolute; top: 124px; left: 0; right: 0; padding: 34px 0; border-top: 1px solid  #ddd; z-index: 10; }
.breadcrumbs li { display: inline-block; }
.breadcrumbs li + li:before { content: '/'; margin-right: 2px; color: #999; }
.breadcrumbs li a { text-decoration: none; font-size: 14px; color: #999; display: inline block; transition: color .4s; }
.breadcrumbs .btn-back { position: absolute; top: 22px; right: 39px; }
.breadcrumbs--white li + li:before,
.breadcrumbs--white li a { color: #fff; }
.breadcrumbs--white li span { color: #fff; }
.breadcrumbs--white li a:after { background: #fff; }
.breadcrumbs--white li span:after { background: #fff; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.breadcrumbs { top: 119px; padding: 46px 0; }
	.breadcrumbs .btn-back { top: 28px; right: 6px; }
}
/* Mobile */
@media (max-width: 767px) {
	.breadcrumbs { text-align: center; top: 60px; padding-top: 12px; padding: 14px 0; }

	.breadcrumbs li a { font-size: 13px; }

	.breadcrumbs .btn-back { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 45px; }

	.breadcrumbs--alt { padding: 14px 0; }
}
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; border: 1px solid  #ddd; text-align: center; font-weight: 600; font-size: 10px; text-transform: uppercase; color: #000; padding: 17px 20px 16px; text-decoration: none; min-width: 179px; letter-spacing: 0.2em; transition: border-color .4s, background .4s, color .4s;
	-webkit-appearance: none;
	   -moz-appearance: none;
	 		appearance: none;
}
.btn span { text-transform: none; font-size: 13px; }
.btn--alt { text-transform: none; font-weight: 400; font-size: 13px; }
.btn-back { transition: box-shadow .4s; width: 57px; height: 51px; }
.btn-back .icon-cross { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
/*  Btn Menu  */
.btn-menu { display: none; text-decoration: none; width: 25px; height: 18px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transition: all .4s cubic-bezier(0.6, 0.04, 0.98, 0.335); z-index: 10; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; }
.btn-menu span { display: block; position: absolute; height: 2px; width: 100%; background: #fff; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transition: .4s ease-in-out; }
.btn-menu span:nth-child(1) { top: 0px; }
.btn-menu span:nth-child(2) { top: 9px; }
.btn-menu span:nth-child(3) { top: 18px; }
/* Mobile */
@media (max-width: 767px) {
	.btn { display: block; }

	.btn-menu { display: inline-block; }
}
/*  Btn Menu Black  */
.btn-menu--black span { background: #000; }
/* ------------------------------------------------------------ *\
	Btn Sizes
\* ------------------------------------------------------------ */
/*  Button Block  */
.btn--block { display: block; padding-left: 0; padding-right: 0; width: 100%; }
/*  Btn Small  */
.btn--small { min-width: 0; padding: 15px 22px 11px; }
/* Mobile */
@media (max-width: 767px) {
	.btn--small { padding: 9px 14px 7px; display: inline-block; }
}
/*  Btn Medium  */
.btn--medium { padding: 9px 20px 9px; }
/*  Btn Large  */
.btn--large { padding: 9px 16px; min-width: 233px; }
/* ------------------------------------------------------------ *\
	Btn Colors
\* ------------------------------------------------------------ */
/*  Btn White  */
.btn--white { color: #dddddd; border-color: #ddd; }
/*  Btn Black  */
.btn--black { border-color: #8d8d8d; }
/*  Btn White Bg  */
.btn--white-bg { background: #fff; }
/* ------------------------------------------------------------ *\
	Callout
\* ------------------------------------------------------------ */
.callout { position: relative; }
.callout h1 { color: #000; margin-bottom: 16px; }
.callout p { margin-left: 2px; max-width: 400px; margin-bottom: 26px; }
.callout .callout__image { position: absolute; top: 0; left: 0; bottom: 0; width: 843px; background-size: cover; background-position: right center; }
.callout .callout__content { -webkit-flex: 0 0 44.7%; -ms-flex: 0 0 44.7%; flex: 0 0 44.7%; }
.callout .callout__content .socials { margin-left: -20px; }
.callout .socials { margin-bottom: 42px; }
.callout .callout__inner { position: relative; padding: 168px 0 147px; }
.callout .callout__inner .shell { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
/* Medium Desktop */
@media (max-width: 1580px) {
	.callout .callout__image { width: 57%; background-position: right center; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
	.callout h1 { margin-right: -20px; }
	.callout p { margin-bottom: 34px; max-width: 100%; }

	.callout .callout__image { width: 66%; }
	.callout .callout__content { -webkit-flex:  0 0 45%; -ms-flex:  0 0 45%; flex:  0 0 45%; }
	.callout .callout__content .socials { margin-left: 0; }
	.callout .callout__inner { padding: 145px 0 146px; }
	.callout .socials { margin-left: -3px; }
}
/* Mobile */
@media (max-width: 767px) {
	.callout { text-align: center; padding-bottom: 130px; }

	.callout h1 { font-size: 20px; margin-bottom: 10px; }
	.callout p { margin-bottom: 21px; }

	.callout .callout__inner { padding: 27px 0 100px; position: relative; z-index: 4; }
	.callout .callout__inner .shell { display: block; }

	.callout .callout__image { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; }
	.callout .callout__image-mobile { position: absolute; bottom: 0; left: 0; right: 0; height: 0; padding-bottom: 87%; background-size: cover; }

	.callout .socials { display: none; }
	.callout .btn { display: block; }
}
/* ------------------------------------------------------------ *\
	Copyright
\* ------------------------------------------------------------ */
.copyright { font-size: 10px; letter-spacing: 0.21em; }
/* ------------------------------------------------------------ *\
	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 { width: 100%; height: 40px; background: none; border: none; border-bottom: 1px solid  #ccc; padding: 0 13px; font-weight: 600; color: #000; font-size: 13px; letter-spacing: 0.2em; border-radius: 0; }
.textarea { resize: none; height: 132px; padding-top: 0; line-height: 44px; position: relative; background: url(../css/images/border-repeat.jpg) repeat left top; overflow: hidden; border-bottom: 0; }
/*.field-textarea:before { content: ''; width: 100%; height: 1px; background: #ccc; position: absolute; top: 44px; left: 0; }*/
.selectric { background: none; border: none; height: 40px; border-bottom: 1px solid  #ccc; }
.selectric .label { font-weight: 600; color: #000; letter-spacing: 0.2em; }
.selectric .button { background: none; }
.selectric-items { border: 1px solid  #ccc; background: #fff; font-weight: 600; color: #000;  }
.selectric-items li { padding: 7px 10px; }
.selectric-items li:hover,
.selectric-items li.highlighted { background: #000; color: #fff; }
.selectric .button { width: 34px; height: 40px; }
.selectric .button:after { content: '\f107'; font-family: 'FontAwesome'; font-size: 15px;  border: none; color: #000; left: -9px; }
.selectric-open .button { background: #000; }
.selectric-open .button:after { color: #fff; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.field,
	.textarea,
	.selectric .label { font-size: 10px; }
}
/* Mobile */
@media (max-width: 767px) {
	.field,
	.textarea,
	.selectric .label { font-size: 12px; text-align: left; margin-left: 0; }

	.field { padding: 0; }
	.textarea { padding-left: 0; padding-right: 0; }
}
/* ------------------------------------------------------------ *\
	.Form Contact
\* ------------------------------------------------------------ */
.form-contact { position: relative; }
.form-contact .form__cols { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -30px; }
.form-contact .form__col { padding: 0 30px; }
.form-contact .form__col--1of2 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.form-contact .form__alert { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fff; z-index: 1; padding-top: 95px; transition: opacity .4s, visibility .4s; opacity: 0; visibility: hidden; }
.form-contact .form__alert.active { opacity: 1; visibility: visible; }
.form-contact .form__alert h1 { padding: 0; margin: 0 0 15px; }
.form-contact .form__alert h1:after { display: none; }
.form-contact .form__row + .form__row { margin-top: 34px; }
.form-contact .form__actions { text-align: right; margin-top: 13px; }
.form-contact .form__btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; font-size: 13px; padding: 15px 15px; }
/* Mobile */
@media (max-width: 767px) {
	.form-contact .form__cols { display: block; margin: 0; }
	.form-contact .form__col--1of2 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; }

	.form-contact .form__col + .form__col,
	.form-contact .form__row + .form__row { margin-top: 36px; }
	.form-contact .form__btn { display: block; width: 100%; }
	.form-contact .form__actions { margin-top: 36px; }
}
/* ------------------------------------------------------------ *\
	Icon
\* ------------------------------------------------------------ */
.icon-cross { width: 26px; height: 26px; }
.icon-cross path { fill: #fff; }
.icon-share { width: 21px; height: 23px; }
.icon-share path { transition: fill .4s; }
.icon-phone { width: 17px; height: 20px; }
.icon-pin { width: 20px; height: 17px; }
/* ------------------------------------------------------------ *\
	Ie
\* ------------------------------------------------------------ */
.ie .slider--brands strong { display: none; }
/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */
.intro { height: 235px; position: relative; }
.intro .intro__image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; background-position: center center; overflow: hidden; }
.intro .intro__image:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(7,7,7,.36); }
.intro .intro__image:after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 359px; background: linear-gradient(to bottom, rgba(1,1,1,0.39) 0%,rgba(84,84,84,0) 100%); }
/*  Intro Small  */
.intro--small { height: 120px; }
/* Mobile */
@media (max-width: 767px) {
	.intro { height: 179px; }
	.intro--small { height: 110px; }
}
/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */
[class^="list-"] { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	List Bullets
\* ------------------------------------------------------------ */
.list-bullets li { position: relative; padding-left: 31px; }
.list-bullets li:before { content: ''; width: 8px; height: 7px; background: #000; position: absolute; top: 7px; left: 9px; }
.list-bullets li + li { margin-top: 17px; }
.list-bullets a { text-decoration: none; color: #000; font-weight: 600; display: inline-block; position: relative; }
.list-bullets a:after { content: ''; width: 0; background: #000; height: 2px; position: absolute; bottom: 0; left: 0; transition: width .4s; }
/* Mobile */
@media (max-width: 767px) {
	.list-bullets li { padding-left: 14px; }
	.list-bullets li:before { left: 0px; }
	.list-bullets li + li { margin-top: 12px; }
}
/* ------------------------------------------------------------ *\
	List Contacts
\* ------------------------------------------------------------ */
.list-contacts { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.list-contacts li { -webkit-flex: 0 0 34.5%; -ms-flex: 0 0 34.5%; flex: 0 0 34.5%; text-transform: uppercase; font-weight: 400; font-size: 13px; line-height: 1.31; }
.list-contacts span { display: block; text-transform: uppercase; color: #000; margin-bottom: 10px; }
.list-contacts i { margin-bottom: 14px; }
.list-contacts a { font-size: 15px; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.list-contacts { display: block; }

	.list-contacts li + li { margin-top: 25px;  }
}
/* ------------------------------------------------------------ *\
	List Services
\* ------------------------------------------------------------ */
.list-services { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.list-services li { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 0 20px; min-height: 203px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; }
.list-services li:after { content: ''; width: 32px; height: 5px; background: #222; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.list-services img { display: block; margin: 0 auto; }
.list-services span { text-transform: uppercase; margin: auto 0 49px; line-height: 1.23; color: #111; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.list-services li { padding: 0 10px; }
}
/* Mobile */
@media (max-width: 767px) {
	.list-services { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; max-width: none; padding-bottom: 11px; }

	.list-services li { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center; padding-bottom: 7px; min-height: 0; }
	.list-services img { margin-bottom: 0 auto; }
	.list-services span { margin: 45px 0 14px; }
}
/* ------------------------------------------------------------ *\
	List Contact Secondary
\* ------------------------------------------------------------ */
.list-contact-secondary a { display: block; margin-top: 8px; text-decoration: none; transition: color .4s; }
.list-contact-secondary span { text-transform: uppercase; display: inline-block; vertical-align: bottom; color: #111; font-weight: 600; }
.list-contact-secondary li + li { margin-top: 39px; }
.list-contact-secondary .fa { font-size: 18px; color: #111111; margin-right: 13px; }
/* Mobile */
@media (max-width: 767px) {
	.list-contact-secondary .fa { margin-right: 0; margin-bottom: 9px; }
	.list-contact-secondary li + li { margin-top: 33px; }
	.list-contact-secondary span { vertical-align: top; margin-bottom: 0; }
}
/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */
.logo { display: inline-block; font-size: 0; line-height: 0; text-indent: -4004px; background: url(images/logo.png); width: 342px; height: 24px; background-size: cover; vertical-align: middle; }
.logo--black { background-image: url(images/logo-black.png); }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.logo { width: 299px; height: 21px; }
}
/* Mobile */
@media (max-width: 767px) {
	.logo { width: 190px; height: 13px; }
}
/* ------------------------------------------------------------ *\
	Map
\* ------------------------------------------------------------ */
.map { height: 410px; }
/* Mobile */
@media (max-width: 767px) {
	.map { height: 309px; }
}
/* ------------------------------------------------------------ *\
	Modal
\* ------------------------------------------------------------ */
.modal,
.modal-overlay { top: 0; right: 0; bottom: 0; left: 0; }
.modal { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; opacity: 0; visibility: hidden; position: fixed; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: opacity .35s ease-in-out, visibility .35s ease-in-out; will-change: opacity, visibility, transform; }
.modal-close { font-size: 30px; position: absolute; top: 0; right: .75rem; cursor: pointer; }
.modal-overlay { position: absolute; z-index: 1; background-color: rgba(0,0,0,.5); }
.modal-container { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; position: relative; z-index: 2; background-color: #fff; padding: 10vw; }
.modal.is-visible { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav ul { margin: 0; }
.nav li { display: inline-block; }
.nav li + li { margin-left: 25px; }
.nav a { color: #fff; text-decoration: none; font-size: 14px; font-weight: 600; letter-spacing: 0.23em; display: block; transition: opacity .4s; }
/*  Nav Alt  */
.nav--alt { margin-right: -13px; }
.nav--alt li + li { margin-left: 0; }
.nav--alt a { display: block; padding: 13px; transition: box-shadow .4s; }
/* Mobile */
@media (max-width: 767px) {
	.nav { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background: url(images/temp/nav-bg.jpg); background-size: cover; z-index: 50 !important; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 26px 0 32px; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; }
	.nav:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(51,51,51,.38); }
	.nav:after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 150px; background: linear-gradient(to bottom, rgba(2,2,2,0.39) 0%,rgba(83,83,83,0) 100%); }
	.nav.active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

	.nav ul { position: relative; }
	.nav li { display: block; text-align: center; }
	.nav li + li { margin-left: 0; margin-top: 38px; }
	.nav a { font-size: 15px; color: #fff !important; }

	.nav .nav__close { position: relative; width: 35px; height: 35px; z-index: 3; }
	.nav .nav__close:before,
	.nav .nav__close:after { content: ''; width: 100%; height: 1px; background: #fff !important; position: absolute; top: 50%; left: 50%; }

	.nav .nav__close:before { -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); }
	.nav .nav__close:after { -webkit-transform: translate(-50%, -50%) rotate(-135deg); -ms-transform: translate(-50%, -50%) rotate(-135deg); transform: translate(-50%, -50%) rotate(-135deg); }
	.nav .logo { position: relative; width: 217px; height: 15px; }
}
/* ------------------------------------------------------------ *\
	Styles for Devices without Touch Support
\* ------------------------------------------------------------ */
.no-touch .btn:hover { background: #232323; border-color: #232323; color: #fff; }
.no-touch .btn:hover .icon-share path { fill: #fff; }
.no-touch .slider .swiper-pagination-bullet:hover { background: #232323; border-color: #232323; }
.no-touch .tile a:hover .tile__image { -webkit-transform: scale(1.2) rotate(5deg); -ms-transform: scale(1.2) rotate(5deg); transform: scale(1.2) rotate(5deg); }
.no-touch .nav--alt a:hover,
.no-touch .socials a:hover,
.no-touch .slider .swiper-button-prev:hover,
.no-touch .slider .swiper-button-next:hover { box-shadow: inset 0 0 0 1px #dddddd; opacity: 1 !important; }
.no-touch .slider .swiper-button-prev:hover:after { left: 9px; }
.no-touch .slider .swiper-button-next:hover:after { right: 9px; }
.no-touch .nav a:hover { opacity: .58; }
.no-touch .list-bullets a:hover:after,
.no-touch .breadcrumbs a:hover { color: #000; }
.no-touch .btn-back:hover { box-shadow: inset 0 0 0 1px #fff; }
.no-touch .popup .mfp-close:hover { box-shadow: inset 0 0 0 1px #000; }
.no-touch .slider--gallery .swiper-slide a:hover { box-shadow: inset 0 0 0 1000px rgba(0,0,0,.17); }
.no-touch .slider--gallery .swiper-slide a:hover .fa { -webkit-transform: translate(-50%, -50%) scale(1) rotate(0); -ms-transform: translate(-50%, -50%) scale(1) rotate(0); transform: translate(-50%, -50%) scale(1) rotate(0); }
.no-touch .brand a:hover,
.no-touch .list-contact-secondary a:hover { color: #000; }
.no-touch .slider--tiles .swiper-slide a:hover .slide__content:after { opacity: 1; visibility: visible; }
.no-touch .slider--tiles .swiper-slide a:hover .slide__content .rectangle { opacity: 0; visibility: hidden; }
.no-touch .slider--tiles .swiper-slide a:hover .slide__content .slide__image-hover { opacity: 1; }
.no-touch .section-brand .section__head .section__link:hover { text-decoration: underline; color: #000; }
.no-touch .mfp-image-holder .mfp-content button.mfp-close:hover { box-shadow: inset 0 0 0 1px #fff;  }
.no-touch .mfp-arrow:hover { box-shadow: inset 0 0 0 1px #fff;  }
.no-touch .mfp-arrow-left:hover:after { left: 9px; }
.no-touch .mfp-arrow-right:hover:after { right: 9px; }
.no-touch .slider--gallery .swiper-button-next:hover,
.no-touch .slider--gallery .swiper-button-prev:hover { box-shadow: none; }
.no-touch .slider--gallery .swiper-button-next:hover:after,
.no-touch .slider--gallery .swiper-button-prev:hover:after { left: 0; right: 0; }
/* ------------------------------------------------------------ *\
	Plate
\* ------------------------------------------------------------ */
.plates { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 31px; }
.plate { border: 8px solid  #fff; height: 432px; -webkit-flex: 0 0 54.5%; -ms-flex: 0 0 54.5%; flex: 0 0 54.5%; background-size: cover; background-position: center center; position: relative; z-index: 10; margin-top: 104px; }
.plate--alt { margin-left: -95px; -webkit-flex: 0 0 52.1%; -ms-flex: 0 0 52.1%; flex: 0 0 52.1%; height: 458px; position: relative; z-index: 5; margin-top: 0; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.plate { height: 300px; -webkit-flex: 0 0 57%; -ms-flex: 0 0 57%; flex: 0 0 57%; }
}
/* Mobile */
@media (max-width: 767px) {
	.plates { display: block; padding: 0; }
	.plate { margin: 0; height: 204px; border: none; }
	.plate:nth-child(2) { display: none; }
}
/* ------------------------------------------------------------ *\
	Popup
\* ------------------------------------------------------------ */
.popup { border: 8px solid  #000; background: #f7f7f7; max-width: 984px; margin: 159px auto 0; position: relative; transition: -webkit-transform .7s; transition: transform .7s; transition: transform .7s, -webkit-transform .7s; -webkit-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); }
.popup h1 { margin-bottom: 14px; }
.popup img { width: 100%; height: auto; }
.popup .popup__head { text-align: center; padding: 20px 0 32px; position: relative; margin-bottom: 31px; }
.popup .popup__head:after { content: ''; width: 32px; height: 5px; background: #222; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.popup .mfp-close { font-size: 0; line-height: 0; text-indent: -4004px; background-size: cover; top: 11px; right: 12px; opacity: 1; width: 57px; height: 51px; transition: box-shadow .4s; }
.popup .mfp-close:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(images/cross.svg); width: 25px; height: 25px; }
/* Mobile */
@media (max-width: 767px) {
	.popup { margin: 0 auto; width: 100%; padding-top: 30px; border-width: 5px; }

	.popup h1 { font-size: 20px; margin-bottom: 2px; }

	.popup .popup__head { padding-bottom: 21px; }
	.popup .mfp-close { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 6px; }
}
/* ------------------------------------------------------------ *\
	Section Primary
\* ------------------------------------------------------------ */
.section-primary { padding: 94px 0; }
.section-primary .section__inner { max-width: 1300px; margin: 0 auto; }
.section-primary .section__inner:after { }
.section-primary .section__content { width: 49.2%; float: left; padding: 9px 30px 9px 16px; }
.section-primary .section__content h1 { margin-bottom: 17px; }
.section-primary .section__content p { max-width: 460px; margin-bottom: 28px; }
.section-primary .section__aside { width: 50.8%; float: right; }
.section-primary .section__aside h1 { margin-bottom: 18px; }
.section-primary .slider--product { margin-top: 52px; margin-left: -8px; }
.section-primary .slider--tiles { margin-bottom: 29px; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.section-primary { padding: 112px 0 75px; }

	.section-primary .section__content { padding: 0 15px 0 0; margin-top: -9px; width: 49%; }
	.section-primary .section__content p { margin-bottom: 24px; max-width: 100%; }

	.section-primary .section__aside { width: 50%; }
	.section-primary .section__aside h1 { margin-right: -5px;  }

	.section-primary .slider--product { margin-top: 34px;  }
	.section-primary .slider--tiles { margin-bottom: 70px;  }
}
/* Mobile */
@media (max-width: 767px) {
	.section-primary { padding: 33px 0 36px; text-align: center; }

	.section-primary h1 { font-size: 20px; }

	.section-primary .section__aside,
	.section-primary .section__content { width: 100%; float: none; padding: 0; line-height: 1.31; margin-bottom: 0; }
	.section-primary .section__content h1 { margin-bottom: 12px; }
	.section-primary .section__content .btn { display: block; }
	.section-primary .slider--product { margin-top: 26px;  }
	.section-primary .slider--tiles { margin-bottom: 24px;  }
}
/* ------------------------------------------------------------ *\
	Section Dark
\* ------------------------------------------------------------ */
.section--dark { background: #232323; }
.section--dark h1 { color: #fff; }
/* ------------------------------------------------------------ *\
	Section Secondary
\* ------------------------------------------------------------ */
.section-secondary { padding: 89px 0 54px; }
.section-secondary h1 { position: relative; top: -6px; transition: opacity .4s; }
.section-secondary h1 span { font-weight: 300; font-size: 34px; letter-spacing: 0.22em; }
.section-secondary .section__content { max-width: 1234px; margin: 0 auto; }
.section-secondary.js-animate h1 { opacity: 0; }
.section-secondary.js-animate.animate h1  { opacity: 1; }
.section-secondary.js-animate .tile { transition: -webkit-transform .8s; transition: transform .8s; transition: transform .8s, -webkit-transform .8s; }
.section-secondary.js-animate .tile-top-left,
.section-secondary.js-animate .tile-bottom-left { -webkit-transform: translateX(-300%); -ms-transform: translateX(-300%); transform: translateX(-300%); }
.section-secondary.js-animate .tile-top-right,
.section-secondary.js-animate .tile-bottom-right { -webkit-transform: translateX(300%); -ms-transform: translateX(300%); transform: translateX(300%); }
.section-secondary.js-animate.animate .tile-top-left,
.section-secondary.js-animate.animate .tile-bottom-left { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
.section-secondary.js-animate.animate .tile-top-right,
.section-secondary.js-animate.animate .tile-bottom-right { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
.section-secondary.js-animate.animate .tile-top-left { transition-delay: .2s; }
.section-secondary.js-animate.animate .tile-bottom-left { transition-delay: .4s; }
.section-secondary.js-animate.animate .tile-top-right { transition-delay: .6s; }
.section-secondary.js-animate.animate .tile-bottom-right { transition-delay: .8s; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.section-secondary { padding: 216px 0 67px; }

	.section-secondary h1 { margin-top: -151px; margin-right: -200px; }
}
/* Mobile */
@media (max-width: 767px) {
	.section-secondary { padding: 25px 0 15px; }

	.section-secondary h1 { margin: 0; text-align: center; font-size: 20px; padding: 0; margin-bottom: 18px; }
	.section-secondary h1 span { display: none; }
}
/* ------------------------------------------------------------ *\
	Section Brand
\* ------------------------------------------------------------ */
.section-brand { padding: 70px 0 66px; }
.section-brand .section__content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 50px; }
.section-brand .section__head,
.section-brand .section__body { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
.section-brand .section__head { text-align: center; padding-top: 3px; }
.section-brand .section__head img { display: block; margin: 0 auto 23px; }
.section-brand .section__head .section__link { margin-bottom: 46px; display: block; transition: color .4s; }
.section-brand .section__body p { max-width: 670px; position: relative; padding-bottom: 35px; }
.section-brand .section__body p:after { content: ''; width: 32px; height: 5px; background: #222; position: absolute; bottom: 0; left: 2px; }
.section-brand .slider--gallery { margin-top: -108px; }
.section-brand .btn { position: relative; z-index: 20; }
/* Small Desktop */
@media (max-width: 1200px) {
	.section-brand .slider--gallery { margin-top: -75px; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
	.section-brand { padding-bottom: 0; margin-bottom: -27px; }

	.section-brand .section__head { padding-right: 90px; }
	.section-brand .section__head img { width: 81%; margin: 10px auto 29px; }

	.section-brand .section__body p { padding-bottom: 46px; }
	.section-brand .section__content { margin-bottom: 107px; }
}
/* Mobile */
@media (max-width: 767px) {
	.section-brand { padding: 36px 0; position: relative; }
	.section-brand .section__content { display: block; margin-bottom: 29px; }

	.section-brand .section__head { padding: 0; margin-bottom: 285px; }
	.section-brand .section__head img { width: 57%; margin: 0 auto 11px; }
	.section-brand .section__head .section__link { font-size: 12px; margin-bottom: 17px;  }
	.section-brand .section__body p { padding-bottom: 36px; }

	.section-brand .slider--gallery { position: absolute; top: 210px; left: 0; right: 0; margin: 0;  }
}
/* ------------------------------------------------------------ *\
	Section Service
\* ------------------------------------------------------------ */
.section-service { padding: 55px 0 66px; }
.section-service h1 { margin-bottom: 16px; }
.section-service .section__entry { padding-bottom: 38px; position: relative; padding-right: 20px; }
.section-service .section__entry:after { content: ''; width: 32px; height: 5px; background: #222; position: absolute; bottom: 0; left: 0px; }
.section-service .col--full + .col--full { border-left: 2px solid  #e9e9e9; }
.section-service .list-bullets { margin-top: 56px; }
.section-service .section__group-secondary { padding-left: 49px; }
.section-service .section__group-secondary p { margin-bottom: 31px; }
.section-service .section__entry { position: relative; max-width: 550px; padding-bottom: 25px; min-height: 100px; }
.section-service .section__entry:after { content: ''; width: 32px; height: 5px; background: #222; position: absolute; bottom: 0; left: 0; }
.section-service .section__entry p { margin-bottom: 10px; }
.section-service .section__inner { max-width: 1390px; margin: -3px auto 0; }
.section-service .section__inner h1 { margin-bottom: 49px; }
.section-service .section__inner .section__group-secondary { padding-left: 98px; }
/* Medium Desktop */
@media (max-width: 1580px) {
	.section-service .section__group-secondary { padding: 0 25px; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
	.section-service { padding: 52px 0 0; }

	.section-service .section__group-secondary { padding: 0 30px 0 48px; }
	.section-service .section__entry { padding-bottom: 12px; min-height: 0; }
	.section-service .col--size7 { border-left: none !important; }
	.section-service .section__group-secondary--alt { padding: 0; background: #fff; margin: 45px -20px 0; max-width: none; text-align: center; padding-top: 32px; padding-bottom: 40px; }
	.section-service .section__group-secondary--alt p { max-width: 450px; margin: 0 auto 24px; }

	.section-service .section__inner .section__group-secondary { padding-left: 30px; padding-right: 0; padding-bottom: 30px; }
}
/* Mobile */
@media (max-width: 767px) {
	.section-service { padding: 26px 0 2px; margin-top: -13px; }

	.section-service h1 { font-size: 20px; margin-bottom: 8px; }

	.section-service .col--full + .col--full { border-left: none; }
	.section-service .section__entry { padding: 0 0 15px; }

	.section-service .section__group .section__entry { padding-bottom: 1px; }
	.section-service .section__group .section__entry:after { display: none; }

	.section-service .section__group-secondary { padding: 0; }
	.section-service .section__group-secondary--alt { background: none; margin: 23px -20px 0; text-align: left; padding: 0 18px 31px; }
	.section-service .list-bullets { margin: 9px 0 0; border-bottom: 2px solid #e9e9e9; padding-bottom: 23px; }
	.section-service .section__group-secondary--alt h1 { margin-bottom: 15px; }
	.section-service .section__group-secondary--alt p { margin-bottom: 15px; }

	.section-service .section__inner .section__group-secondary { padding-left: 0; margin-top: 28px;  }

	.section-service .section__inner h1 { margin-bottom: 7px; }

	.section-service .cols { display: block; }
}
/*  Section Service Alt  */
.section-service--alt { padding-bottom: 56px; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	section-service--alt { padding-bottom: 50px; }
}
/* Mobile */
@media (max-width: 767px) {
	.section-service--alt { padding-top: 15px; padding-bottom: 37px; }

	.section-service--alt .cols { display: -webkit-flex; display: -ms-flexbox; display: flex; }
}
/* ------------------------------------------------------------ *\
	Section Yellow
\* ------------------------------------------------------------ */
.section--yellow { background: #f7f7f7; }
.section--yellow h1 { color: #000; }
/* ------------------------------------------------------------ *\
	Section Contacts
\* ------------------------------------------------------------ */
.section-contacts h1 { color: #000; }
.section-contacts .section__bar { background: #222; text-align: center; color: #fff; font-size: 13px; padding: 17px 0 15px; }
.section-contacts .section__content { text-align: center; padding-top: 81px; }
.section-contacts .section__content h1 { position: relative; padding-bottom: 21px; margin-bottom: 52px; }
.section-contacts .section__content h1:after { content: ''; width: 32px; height: 5px; background: #222; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.section-contacts .section__content { padding-top: 46px; }
	.section-contacts .section__content h1 { margin-bottom: 40px;  }
}
/* Mobile */
@media (max-width: 767px) {
	.section-contacts .section__bar { padding: 11px 0 14px; }
	.section-contacts .section__content { padding: 28px 0 35px; }
	.section-contacts .section__content h1 { font-size: 20px; margin-bottom: 30px;  }

	.section-contacts .cols { display: block; }

}
/* ------------------------------------------------------------ *\
	Section About
\* ------------------------------------------------------------ */
.section-about { padding: 53px 0; }
.section-about h1 { margin-bottom: 31px; }
.section-about p { margin-bottom: 6px; }
.section-about .shell { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.section-about .section__image { -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; padding-left: 106px; max-width: 45%; }
.section-about .section__content { padding-top: 20px; padding-right: 80px; }
.section-about .section__entry { position: relative; padding-bottom: 49px; }
.section-about .section__entry:after { content: ''; width: 32px; height: 5px; background: #222; position: absolute; bottom: 0; left: 0; }
.section-about .section__inner { margin-bottom: 8px; }
/* Small Desktop */
@media (max-width: 1200px) {
	.section-about .section__image { padding: 0; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
	.section-about .section__image { -webkit-flex: 0 0 23%; -ms-flex: 0 0 23%; flex: 0 0 23%; max-width: 23%; }
	.section-about .section__content { padding: 20px 50px; }
}
/* Mobile */
@media (max-width: 767px) {
	.section-about { padding: 25px 0; }

	.section-about h1 { font-size: 20px; margin-bottom: 9px; }
	.section-about p { margin-bottom: 0px; }

	.section-about .section__image { display: none; }
	.section-about .section__content { padding: 0;  }
	.section-about .section__entry { padding-bottom: 34px; }

	.section-about .section__inner { margin-bottom: 31px; }
}
/* ------------------------------------------------------------ *\
	Section Services
\* ------------------------------------------------------------ */
.section-services { text-align: center; padding: 7px 0; }
.section-services .section__head { margin-bottom: 48px; }
.section-services .section__head p { max-width: 950px; margin: 0 auto; }
.section-services .section__body { border-bottom: 1px solid  #ddd; padding-bottom: 60px; max-width: 1310px; margin: 0 auto; }
.section-services .section__body p { max-width: 980px; margin: 0 auto; }
.section-services .list-services { max-width: 1270px; margin: 0 auto 64px; }
/* Mobile */
@media (max-width: 767px) {
	.section-services { padding: 0; text-align: left; }

	.section-services h1 { margin-bottom: 10px; }

	.section-services .list-services { max-width: none; }
	.section-services .section__body { padding-bottom: 25px;  }
}
/* ------------------------------------------------------------ *\
	Section Tertiary
\* ------------------------------------------------------------ */
.section-tertiary { padding: 64px 0 222px; position: relative; }
.section-tertiary h1 { margin-bottom: 43px; }
.section-tertiary .section__image { position: absolute; bottom: 70px; left: 0; }
.section-tertiary .section__image--alt { left: auto; right: 0; bottom: 86px;  }
.section-tertiary .section__inner { max-width: 1385px; margin: 0 auto; }
.section-tertiary .section__content { max-width: 440px; position: relative; padding-bottom: 56px; }
.section-tertiary .section__content:after { content: ''; width: 32px; height: 5px; background: #222; position: absolute; bottom: 0; left: 0; }
.section-tertiary .section__content--alt { margin: 259px 0 0 129px; }
/* Medium Desktop */
@media (max-width: 1580px) {
	.section-tertiary .section__content--alt { margin: 259px 100px 0 50px;  }
}
/* Small Desktop */
@media (max-width: 1200px) {
	.section-tertiary { padding: 64px 0 200px;  }

	.section-tertiary .section__image { width: 50%; bottom: 0; }
	.section-tertiary .section__image--alt { width: 53%; bottom: 150px; }

	.section-tertiary .section__content--alt { margin: 100px 100px 0 40px; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
	.section-tertiary { padding-bottom: 20px; }

	.section-tertiary .cols { display: block; }
	.section-tertiary .col--1of2 { max-width: 100%; }

	.section-tertiary .section__image { bottom: auto; top: 130px; max-width: 39%; }
	.section-tertiary .section__image--alt { top: auto; bottom: 50px; }
	.section-tertiary .section__content { text-align: right; margin-left: auto; }
	.section-tertiary .section__content:after { display: none; }

	.section-tertiary .section__content--alt { margin-left: 0; text-align: left; margin-top: 30px; }
}
/* Mobile */
@media (max-width: 767px) {
	.section-tertiary { padding: 21px 0 0; }


	.section-tertiary h1 { margin-bottom: 8px; }

	.section-tertiary .section__content { max-width: 100%; text-align: left; padding-bottom: 29px; margin-bottom: 49px; margin-right: 0; }
	.section-tertiary .section__content:after { display: block; }

	.section-tertiary .section__image { display: none; }
	.section-tertiary .section__image-mobile { margin-bottom: 41px; }

}
/* ------------------------------------------------------------ *\
	Section Showcase
\* ------------------------------------------------------------ */
.section-showcase { padding: 68px 0 54px; }
.section-showcase h1 { line-height: 1.19; margin-bottom: 58px; }
.section-showcase .fa-map-marker { font-size: 50px; color: #000; margin-bottom: 20px; }
.section-showcase .section__inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; text-align: center; }
.section-showcase .section__content { -webkit-flex: 0 0 33.3333%; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; }
.section-showcase .section__content p { position: relative; padding-bottom: 66px; }
.section-showcase .section__content p:after { content: ''; width: 32px; height: 5px; background: #222; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.section-showcase .section__image { text-align: center; -webkit-flex: 0 0 33.3333%; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; padding-top: 88px; }
.section-showcase .section__image img { width: auto; height: auto; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.section-showcase { }
	.section-showcase .section__image { -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
	.section-showcase .section__content { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
}
/* Mobile */
@media (max-width: 767px) {
	.section-showcase { padding: 29px 0 52px; }

	.section-showcase h1 { padding: 0 10px; line-height: 1.2; margin-bottom: 14px; }
	.section-showcase h1 br { display: none; }


	.section-showcase .fa-map-marker { margin-bottom: 10px;  }
	.section-showcase .section__image { display: none; }

	.section-showcase .section__content { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.section-showcase .section__content p { padding-bottom: 25px; }
}
/* ------------------------------------------------------------ *\
	Section Form
\* ------------------------------------------------------------ */
.section-form { padding: 78px 0 48px; }
.section-form h1 { position: relative; padding-bottom: 42px; margin-bottom: 49px; }
.section-form h1:after { content: ''; width: 32px; height: 5px; background: #222; position: absolute; bottom: 0; left: 0; }
.section-form .section__inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0 92px 0 44px; }
.section-form .section__aside { -webkit-flex: 0 0 52.3%; -ms-flex: 0 0 52.3%; flex: 0 0 52.3%; }
.section-form .section__content { margin-top: -4px; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.section-form { padding: 40px 0; }

	.section-form .section__inner { padding: 0; }
}
/* Mobile */
@media (max-width: 767px) {
	.section-form h1 { padding-bottom: 25px; margin-bottom: 37px; }
	.section-form h1:after { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

	.section-form .section__inner { display: block; text-align: center; }
	.section-form .section__content { margin-bottom: 43px;  }
}
/* ------------------------------------------------------------ *\
	Section 404
\* ------------------------------------------------------------ */
.section-404 { padding-bottom: 120px;  }
.section-404 h1 { font-size: 96px; margin-bottom: 30px; }
.section-404 .section__content { padding-top: 57px; }
.section-404 .section__content p { margin-bottom: 44px; padding-bottom: 33px; }
/* Mobile */
@media (max-width: 767px) {
	.section-404 { padding-bottom: 40px; }
	.section-404 .section__content { padding-top: 0; }
}
/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */
.slider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; }
.slider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 7px; }
.slider .swiper-pagination-bullet { width: 8px; height: 8px; background: none; border: 1px solid  #fff; opacity: 1; transition: background .4s, border-color .4s; }
.slider .swiper-pagination-bullet-active { background: #fff; }
.slider .swiper-button-prev,
.slider .swiper-button-next { position: relative; width: 57px; height: 51px; display: inline-block; background: none; left: 0; right: 0; transition: box-shadow .4s; }
.slider .swiper-button-prev:after,
.slider .swiper-button-next:after { content: ''; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 35px; height: 11px; background-size: cover; transition: left .4s, right .4s; }
.slider .swiper-button-prev:after { background-image: url(images/slider-prev.svg); }
.slider .swiper-button-next:after { background-image: url(images/slider-next.svg); left: auto; right: 0; }
/* ------------------------------------------------------------ *\
	Slider Intro
\* ------------------------------------------------------------ */
.slider--intro h1 { position: relative; padding-bottom: 32px; color: #fff; }
.slider--intro h1:after { content: ''; width: 44px; height: 2px; background: #fff; position: absolute; bottom: 0; left: 2px; }
.slider--intro .swiper-container { width: 100%; height: 689px; color: #fff; }
.slider--intro .swiper-slide { position: relative; padding-top: 314px; }
.slider--intro .slide__image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; background-position: center center; }
.slider--intro .slide__image:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(51,51,51,.4); }
.slider--intro .slide__image:after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 359px; background: linear-gradient(to bottom, rgba(29,29,29,0.61) 0%,rgba(33,33,33,0.61) 3%,rgba(37,37,37,
	0.62) 11%,rgba(38,38,38,0.61) 13%,rgba(39,39,39,0.59) 20%,rgba(41,41,41,0.52) 29%,rgba(44,44,44,0.31) 46%,rgba(45,45,45,0.26) 51%,rgba(50,50,50,0.18) 60%,rgba(51,51,51,0.17) 61%,rgba(59,59,59,0.12) 70%,rgba(84,84,84,0) 100%); }
.slider--intro .slide__content { position: relative; }
.slider--intro .slide__actions { position: absolute; bottom: 48px; right: 48px; max-width: 214px; text-align: center; }
.slider--intro .slide__actions img { display: block; margin-bottom: 12px; }
.slider--intro .swiper-pagination { text-align: left; bottom: 46px; left: 52px; width: auto; }
.slider--intro .slide__content,
.slider--intro .slide__actions { opacity: 0; transition: opacity .8s; }
.slider--intro .swiper-slide-active .slide__content,
.slider--intro .swiper-slide-active .slide__actions { opacity: 1; transition-delay: .8s; }
.slider--intro .swiper-slide-active .slide__actions { transition-delay: 1.2s;  }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.slider--intro .slide__actions { right: 20px; }
	.slider--intro .swiper-pagination { left: 24px; }
	.slider--intro .swiper-slide-active .slide__content,
	.slider--intro .swiper-slide-active .slide__actions { opacity: 1; transition-delay: 0; }
}
/* Mobile */
@media (max-width: 767px) {
	.slider--intro h1 { font-size: 20px; text-align: center; margin: 0 -10px; line-height: 1.4; }
	.slider--intro h1 br { display: none; }
	.slider--intro h1:after { display: none; position: absolute; }

	.slider--intro .swiper-container { height: 446px; }
	.slider--intro .swiper-slide { padding-top: 0; }
	.slider--intro .slide__image { position: static; padding-top: 262px; }
	.slider--intro .slide__actions { position: absolute; bottom: 0; left: 0; right: 0; height: 184px; background: #232323; max-width: none; padding: 27px 18px; text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding-bottom: 49px; }
	.slider--intro .slide__actions img { width: 48%; margin: 0 auto 22px; display: block; }
	.slider--intro .slide__content { position: absolute; top: 153px; left: 0; padding: 0 25px; }
	.slider--intro .swiper-pagination { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 11px; }
	.slider--intro .swiper-slide .slide__content,
	.slider--intro .swiper-slide .slide__actions { opacity: 1; }
}
/* ------------------------------------------------------------ *\
	Slider Product
\* ------------------------------------------------------------ */
.slider--product .swiper-container { height: 530px; width: 100%;  }
.slider--product .swiper-slide img { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; visibility: hidden; transition: opacity 1s, visibility 1s, -webkit-transform 1s; transition: transform 1s, opacity 1s, visibility 1s; transition: transform 1s, opacity 1s, visibility 1s, -webkit-transform 1s; }
.slider--product .swiper-slide-active img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.slider--product .swiper-container { height: 333px; }
	.slider--product .swiper-slide img { width: 93%; }
}
/* Mobile */
@media (max-width: 767px) {
	.slider--product .swiper-container { width: 100%; padding-bottom: 95%; }
	.slider--product .swiper-slide img { width: 80%; margin: 0 auto; }
}
/* ------------------------------------------------------------ *\
	Slider Tiles
\* ------------------------------------------------------------ */
.slider--tiles .swiper-container { width: 100%; height: 636px; }
.slider--tiles .swiper-slide { position: relative; }
.slider--tiles .slide__image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; background-position: center center; }
.slider--tiles .slide__content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 367px; height: 204px; transition: background .5s; }
.slider--tiles .slide__content:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); opacity: 0; visibility: hidden; transition: opacity .4s, visibility .4s; }
.slider--tiles .slide__content .slide__image-logo { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 4; opacity: 0; transition: opacity .5s; }
.slider--tiles .slide__content .slide__image-hover { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; transition: opacity .4s; z-index: 4; }
.slider--tiles .slide__content .rectangle { position: absolute; top: 0; bottom: 0; left: 0; right: 0; transition: opacity .4s, visibility .4s; }
.slider--tiles .swiper-pagination { bottom: 18px; }
.slider--tiles .rectangle rect { stroke-dasharray: 1200; stroke-dashoffset: 1200; transition: stroke-dashoffset 1.5s; }
.slider--tiles .swiper-slide-active .rectangle rect { stroke-dashoffset: 0; transition-delay: .8s; }
.slider--tiles .swiper-slide-active .slide__content { background: rgba(0,0,0,.1); transition-delay: 1.5s; }
.slider--tiles .swiper-slide-active .slide__content .slide__image-logo { opacity: 1; transition-delay: 2s; }
.slider--tiles .swiper-slide a { display: block; width: 100%; height: 100%; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.slider--tiles .swiper-container { height: 349px; }
	.slider--tiles .slide__content { width: 299px; height: 165px; }
	.slider--tiles .rectangle { width: 299px; height: 165px; }
	.slider--tiles .slide__content .slide__image-logo,
	.slider--tiles .slide__content .slide__image-hover { -webkit-transform: translate(-50%, -50%) scale(.8); -ms-transform: translate(-50%, -50%) scale(.8); transform: translate(-50%, -50%) scale(.8);  }
}
/* Mobile */
@media (max-width: 767px) {
	.slider--tiles { margin: 0 -20px; }
	.slider--tiles .swiper-container { height: 313px; }
}
/* ------------------------------------------------------------ *\
	Slider Brands
\* ------------------------------------------------------------ */
.slider--brands { padding: 29px 0 0; margin-bottom: -1px; background: #fff; position: relative; }
.slider--brands img { position: absolute; top: calc(50% - 55px); left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 5; opacity: 0; transition: opacity .4s; }
.slider--brands strong { font-size: 617px; font-weight: 700; line-height: 1; color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: absolute; top: -82px; left: 50%; -webkit-transform: translateX(-50%) scale(0); -ms-transform: translateX(-50%) scale(0); transform: translateX(-50%) scale(0); background-size: cover; background-repeat: no-repeat; transition: -webkit-transform 1s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 1s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 1s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 1s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.slider--brands strong:after { content: attr(data-letter); position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.25); -webkit-background-clip: text; transition: background-image .4s; }
.slider--brands .swiper-slide { position: relative; width: 759px; }
.slider--brands .swiper-slide a { display: block; }
.slider--brands .swiper-slide a:hover strong:after,
.slider--brands .swiper-slide a:hover .slide__image:after { background-color: rgba(0,0,0,.49); }
.slider--brands .swiper-container { width: 100%; height: 538px; }
.slider--brands .slide__image { position: absolute; top: 0; left: 0; right: 0; height: 426px; background-size: cover; background-position: center center; }
.slider--brands .slide__image:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.25); transition: background-color .4s; }
.slider--brands .swiper-arrows { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 760px; margin: 0 auto; position: relative; top: -76px; }
.slider--brands .swiper-slide-active strong { -webkit-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); transition-delay: .3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.slider--brands .swiper-slide-active img { opacity: 1; transition-delay: 1.2s; }
/* Small Desktop */
@media (max-width: 1200px) {
	.slider--brands strong { font-size: 600.5px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
	.slider--brands strong { font-size: 547px; top: -20px; }

	.slider--brands .swiper-slide { width: 600px; }
	.slider--brands .swiper-arrows { padding: 0 50px; }
}
/* Mobile */
@media (max-width: 767px) {
	.slider--brands { padding: 29px 0 82px; margin-bottom: 0; }

	.slider--brands strong { font-size: 260px;  }
	.slider--brands img { -webkit-transform: translate(-50%, -50%) scale(0.45); -ms-transform: translate(-50%, -50%) scale(0.45); transform: translate(-50%, -50%) scale(0.45); top: calc(50% - 27px); }

	.slider--brands .swiper-slide { width: 100%; }
	.slider--brands .slide__image { height: 190px; }
	.slider--brands .swiper-container { height: 249px; }

	.slider--brands .swiper-button-prev,
	.slider--brands .swiper-button-next { display: none; }

	.slider--brands .swiper-pagination { bottom: 0px; }
	.slider--brands .swiper-pagination-bullet {border-color: #000; }
	.slider--brands .swiper-pagination-bullet-active { background: #000; }
}
/* ------------------------------------------------------------ *\
	Slider Gallery
\* ------------------------------------------------------------ */
.slider--gallery .swiper-container { height: 553px; position: relative; }
.slider--gallery .swiper-slide { border: 8px solid  #fff; background-size: cover; background-position: center center; transition: all .5s; position: relative; z-index: 30; }
.slider--gallery .swiper-slide a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 5; transition: box-shadow .4s; }
.slider--gallery .swiper-slide a .fa { color: #fff; font-size: 50px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0) rotate(90deg); -ms-transform: translate(-50%, -50%) scale(0) rotate(90deg); transform: translate(-50%, -50%) scale(0) rotate(90deg); transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; }
.slider--gallery .swiper-slide-active { position: relative; z-index: 10; width: 55.3% !important; -webkit-transform: translateY(108px); -ms-transform: translateY(108px); transform: translateY(108px); }
.slider--gallery .swiper-slide-next { position: relative; z-index: 5; width: 51% !important; -webkit-transform: translateX(-86px); -ms-transform: translateX(-86px); transform: translateX(-86px); }
.slider--gallery .swiper-slide:nth-child(odd) { height: 445px; }
.slider--gallery .swiper-slide:nth-child(even) { height: 443px; }
.slider--gallery .swiper-arrows { height: 20px; position: absolute; bottom: 57px; left: 56.7%; z-index: 5; }
.slider--gallery .swiper-button-next { margin-left: -18px; width: 40px; height: 11px; box-shadow: none; top: -12px; }
.slider--gallery .swiper-button-prev { position: relative; top: 20px; left: -2px; width: 40px; height: 11px; box-shadow: none; }
/* Medium Desktop */
@media (max-width: 1580px) {
	.slider--gallery .swiper-slide-next { width: 53% !important; }

}
/* Tablet Portrait */
@media (max-width: 1023px) {
	.slider--gallery .swiper-arrows { left: 65%;  }

	.slider--gallery .swiper-slide-active { -webkit-transform: translateY(107px); -ms-transform: translateY(107px); transform: translateY(107px); width: 61% !important; }
	.slider--gallery .swiper-slide-next { -webkit-transform: translateX(-86px); -ms-transform: translateX(-86px); transform: translateX(-86px); width: 51.5% !important; }
}
/* Mobile */
@media (max-width: 767px) {

	.slider--gallery .swiper-container { height: 230px; }
	.slider--gallery .swiper-slide-active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); width: 100% !important; }
	.slider--gallery .swiper-slide-next { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); width: 100% !important; }

	.slider--gallery .swiper-slide,
	.slider--gallery .swiper-slide:nth-child(odd),
	.slider--gallery .swiper-slide:nth-child(even) { height: 190px; border: none; }

	.slider--gallery .swiper-pagination { bottom: 2px; }
	.slider--gallery .swiper-pagination-bullet {border-color: #000; }
	.slider--gallery .swiper-pagination-bullet-active { background: #000; }

	.slider--gallery .swiper-arrows { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -10px; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0 18px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 10; }
	.slider--gallery .swiper-button-next { margin-left: 0; top: 0; left: auto;  }
	.slider--gallery .swiper-button-prev { top: 0; left: 0; }

	.slider--gallery .swiper-slide a .fa { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); font-size: 25px; width: 47px; height: 47px; background: rgba(0,0,0,.4); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; top: 0; left: auto; right: 0; }
}
/* ------------------------------------------------------------ *\
	Sldier Service
\* ------------------------------------------------------------ */
.slider--service .swiper-wrapper { padding-bottom: 35px;  }
/* ------------------------------------------------------------ *\
	Slider Service Secondary
\* ------------------------------------------------------------ */
.slider--service-secondary { position: relative; margin-bottom: 19px; }
.slider--service-secondary .swiper-pagination { bottom: 2px; width: 100%; }
.slider--service-secondary .swiper-pagination-bullet {border-color: #000; }
.slider--service-secondary .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 5px; }
.slider--service-secondary .swiper-pagination-bullet-active { background: #000; }
/* ------------------------------------------------------------ *\
	Slider Contacts
\* ------------------------------------------------------------ */
.slider--contacts .swiper-slide { padding-top: 0; }
.slider--contacts .swiper-pagination { bottom: auto; width: 100%; top: 0; }
.slider--contacts .swiper-pagination-bullet {border-color: #000; }
.slider--contacts .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 5px; }
.slider--contacts .swiper-pagination-bullet-active { background: #000; }
/* Mobile */
@media (max-width: 767px) {
	.slider--contacts .swiper-slide { padding-top: 65px; }
}
/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */
.socials ul { list-style: none; }
.socials li { display: inline-block; }
.socials a { font-size: 20px; color: #000; width: 44px; height: 41px; position: relative; display: block; transition: box-shadow .4s; }
.socials a .fa { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.socials a { width: 20px; height: 20px; }

	.socials li + li { margin-left: 17px; }
}
/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */
.table {}
/* ------------------------------------------------------------ *\
	Tile
\* ------------------------------------------------------------ */
.tile { width: 100%; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; margin-bottom: 17px; }
.tile a { display: block; position: relative; height: 275px; width: 100%; overflow: hidden; }
.tile a span { background: #232323; text-transform: uppercase; color: #fff; font-size: 13px; font-weight: 600; display: inline-block; padding: 5px 10px; position: absolute; top: 0; left: 0; }
.tile a .top-right { left: auto; right: 0; }
.tile a .bottom-left { top: auto; bottom: 0; }
.tile a .bottom-right { top: auto; bottom: 0; left: auto; right: 0; }
.tile .tile__image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; background-position: center center; transition: -webkit-transform .4s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: transform .4s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: transform .4s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform .4s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
/*  Tile Small  */
.tile--small a { height: 193px; }
/*  Tile Medium  */
.tile--medium a { height: 294px; }
/*  Tile Large  */
.tile--large a { height: 485px; }
/*  Tile Top  */
.tile--top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.tile { margin-bottom: 10px; }

	.tile a { height: 162px; }
	.tile a span { padding: 5px 10px;  }

	.tile a .bottom-left { top: 0; bottom: auto; }
	.tile a .bottom-right { top: 0; bottom: auto; left: auto; right: 0; }

	/*  Tile Small  */

	.tile--small a { height: 135px; min-width: 194px; }

	/*  Tile Medium  */

	.tile--medium a { height: 173px; }

	/*  Tile Large  */

	.tile--large a { height: 286px; }
}
/* Mobile */
@media (max-width: 767px) {
	.tile a { width: 100%; height: auto; padding-top: 65%; }
	.tile a span { top: auto !important; left: 0 !important; right: auto !important; bottom: 0 !important; font-size: 11px; padding: 4px 7px 0px; }
}
/* ------------------------------------------------------------ *\
	Styles for Touch Enabled Devices
\* ------------------------------------------------------------ */
.touch { }
/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */
.widgets { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	IV.  Themes
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Magnific
\* ------------------------------------------------------------ */
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; }
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}
img.mfp-img { height: 100%; width: auto; }
.mfp-counter { display: none; }
.mfp-with-zoom.mfp-ready.mfp-bg { opacity: 1; }
.mfp-arrow { width: 57px !important; height: 51px !important; background-size: cover !important; opacity: 1 !important; margin: 0; transition: box-shadow .4s; }
.mfp-arrow:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: cover; border: none; width: 40px; height: 11px; margin: 0; left: auto; transition: left .4s, right .4s; }
.mfp-arrow-left:after { background-image: url(images/slider-prev-white.svg) !important; left: 0; }
.mfp-arrow-right:after { background-image: url(images/slider-next-white.svg) !important; right: 0; }
.mfp-arrow-left:before,
.mfp-arrow-right:before { display: none; }
.mfp-image-holder .mfp-content { position: relative; }
.mfp-image-holder .mfp-content .mfp-arrow { top: auto; bottom: -21px; }
.mfp-image-holder .mfp-content button.mfp-close { font-size: 0; line-height: 0; text-indent: -4004px; width: 57px; height: 51px; position: absolute; top: 37px; right: auto; left: calc(100% + 25px); opacity: 1 !important; transition: box-shadow .4s; }
.mfp-image-holder .mfp-content button.mfp-close:before { content: ''; width: 37px; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
.mfp-image-holder .mfp-content button.mfp-close:after { content: ''; width: 37px; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }
.mfp-title img { display: block; margin: 23px auto 0;  }
.magnific-white { background: rgba(255,255,255,.8); opacity: 0; visibility: hidden; transition: opacity .7s, visibility .7s; }
.magnific-white.mfp-ready { opacity: 1; visibility: visible; }
.magnific-slide.mfp-ready .popup { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); transition-delay: .4s; }
.magnific-white.mfp-removing { transition-delay: .7s; opacity: 0; visibility: hidden; }
.magnific-white.mfp-removing .popup { -webkit-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); }
.mfp-gallery { padding-bottom: 30px; }
/* Mobile */
@media (max-width: 767px) {
	.mfp-container { padding: 0; }
	img.mfp-img { width: 100%; height: auto; padding: 0; }
	.mfp-gallery { top: 0 !important; }

	.mfp-image-holder .mfp-content .mfp-arrow { bottom: -67px; }
	.mfp-image-holder .mfp-content button.mfp-close { left: auto; right: 0; background: rgba(0,0,0,.5); top: 0; }
	.mfp-image-holder .mfp-content .mfp-arrow-left { left: 20px; }
	.mfp-image-holder .mfp-content .mfp-arrow-right { right: 20px; }

	.mfp-title img { display: block; margin: 57px auto 0; width: 38%; }
	.mfp-title { padding: 0;  }
}

.list-services li{align-items:center;}