/* 
	Table of Contents
	update on Thu Aug 08 2019 13:58:36 GMT+0300 (GTB Summer Time)

	     01. Animations -------------------------------
	         Tablet Portrait --------------------------
	     02. Reset ------------------------------------
	     03. Base -------------------------------------
	         Small Desktop ----------------------------
	         Mobile -----------------------------------
	     04. Fonts ------------------------------------
	     05. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Overflow ---------------------------------
	         Mobile -----------------------------------
	         Re Captcha -------------------------------
	     06. Container --------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	     07. Content ----------------------------------
	     08. Footer -----------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     09. Header -----------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     10. Main -------------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	     11. Shell ------------------------------------
	     12. Sidebar ----------------------------------
	         Mobile -----------------------------------
	     13. Wrapper ----------------------------------
	         Tablet Portrait --------------------------
	     14. Article ----------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     15. Article-single ---------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     16. Article compact --------------------------
	         Tablet Portrait --------------------------
	     17. Banner Policy ----------------------------
	     18. Browser happy ----------------------------
	     19. Button -----------------------------------
	         Button Block -----------------------------
	         Mobile -----------------------------------
	     20. Cols -------------------------------------
	         Tablet Portrait --------------------------
	     21. Contacts ---------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     22. Extended ---------------------------------
	     23. Faq items --------------------------------
	     24. Features ---------------------------------
	         Mobile -----------------------------------
	     25. File Preview -----------------------------
	         Mobile -----------------------------------
	     26. Form Elements ----------------------------
	     27. Form -------------------------------------
	         Small Desktop ----------------------------
	         Mobile -----------------------------------
	     28. Form contact -----------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     29. Form access ------------------------------
	         Tablet Portrait --------------------------
	     30. Intro ------------------------------------
	         Landing pages intro ----------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     31. List -------------------------------------
	         List dashes ------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	         List Values ------------------------------
	         Small Desktop ----------------------------
	         Mobile -----------------------------------
	         List squares -----------------------------
	         List qa ----------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	         List estimate ----------------------------
	         Mobile -----------------------------------
	         List Description -------------------------
	         Mobile -----------------------------------
	         List stats -------------------------------
	         Small Desktop ----------------------------
	         Mobile -----------------------------------
	         List types -------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	         List steps -------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	         List tools -------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     32. Loader -----------------------------------
	         Mobile -----------------------------------
	         Tablet Portrait --------------------------
	     33. Logo -------------------------------------
	         Small Desktop ----------------------------
	     34. Mouse ------------------------------------
	     35. Nav --------------------------------------
	         Mobile -----------------------------------
	     36. Nav utilities ----------------------------
	     37. Paging -----------------------------------
	     38. Popup ------------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     39. Preview Frame ----------------------------
	     40. Samples ----------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     41. Search -----------------------------------
	     42. Section ----------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     43. Section primary --------------------------
	         Mobile -----------------------------------
	     44. Section secondary ------------------------
	         Mobile -----------------------------------
	     45. Section welcome --------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     46. Section benefits -------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     47. Section samples --------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     48. Section services -------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     49. Section testimonials ---------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     50. Section callout --------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     51. Section about ----------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     52. Section values ---------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     53. Section team -----------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     54. Section contact --------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     55. Section preparation ----------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     56. Section step -----------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     57. Section faq ------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     58. Section showcase -------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     59. Section members --------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     60. Section features -------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     61. Section process --------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     62. Service ----------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     63. showcase-preview -------------------------
	         Mobile -----------------------------------
	     64. Slider -----------------------------------
	         Mobile -----------------------------------
	     65. Fade slider ------------------------------
	     66. Vetical slider ---------------------------
	     67. Slider benefits --------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     68. Slider-testimonials ----------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     69. Slider values ----------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     70. Socials ----------------------------------
	         Mobile -----------------------------------
	     71. Subscribe --------------------------------
	     72. Table ------------------------------------
	     73. Team-members -----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     74. Testimonial ------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     75. Tile -------------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     76. Tip --------------------------------------
	     77. Title ------------------------------------
	         Mobile -----------------------------------
	     78. Tooltip ----------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     79. Video ------------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     80. Widget -----------------------------------
	         Mobile -----------------------------------
	     81. Font sizes @ min-width 1541px ------------
	         Large Desktop ----------------------------
 */

/* ------------------------------------------------------------ *\
	Animations
\* ------------------------------------------------------------ */

@-webkit-keyframes bounce {
	0,100% { -webkit-transform: translateY(0); }
	50% { -webkit-transform: translateY(30px); }
}

@keyframes bounce {
	0,100% { -webkit-transform: translateY(0); transform: translateY(0); }
	50% { -webkit-transform: translateY(30px); transform: translateY(30px); }
}

@-webkit-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }

    15% {
        opacity: 1;
        top: 50%;
    }

    50% {
        opacity: 0;
        top: 50%;
    }

    100% {
        opacity: 0;
        top: 29%;
    }
}

@keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }

    15% {
        opacity: 1;
        top: 50%;
    }

    50% {
        opacity: 0;
        top: 50%;
    }

    100% {
        opacity: 0;
        top: 29%;
    }
}

@-webkit-keyframes blink {
    0,100% { opacity: 1 }
    50% { opacity: 0 }
}

@keyframes blink {
    0,100% { opacity: 1 }
    50% { opacity: 0 }
}

.animated { opacity: 0; visibility: hidden; -webkit-transition: opacity .6s ease-in-out, visibility .6s ease-in-out, -webkit-transform .6s ease-in-out; transition: opacity .6s ease-in-out, visibility .6s ease-in-out, -webkit-transform .6s ease-in-out; -o-transition: transform .6s ease-in-out, opacity .6s ease-in-out, visibility .6s ease-in-out; transition: transform .6s ease-in-out, opacity .6s ease-in-out, visibility .6s ease-in-out; transition: transform .6s ease-in-out, opacity .6s ease-in-out, visibility .6s ease-in-out, -webkit-transform .6s ease-in-out; }
.animated-top { -webkit-transform: translate(0px, 40px); -ms-transform: translate(0px, 40px); transform: translate(0px, 40px); }
.animated-bottom { -webkit-transform: translate(0px, -40px); -ms-transform: translate(0px, -40px); transform: translate(0px, -40px); }
.animated-left { -webkit-transform: translate(-40px, 0px); -ms-transform: translate(-40px, 0px); transform: translate(-40px, 0px); }
.animated-farleft { -webkit-transform: translate(-100%, 0px); -ms-transform: translate(-100%, 0px); transform: translate(-100%, 0px); }
.animated-right { -webkit-transform: translate(40px, 0px); -ms-transform: translate(40px, 0px); transform: translate(40px, 0px); }
.animated-fade { opacity: 0; }
.animated-popout { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }

.animated-right.animated-scale { -webkit-transform: translate(40px, 0px) scale(1.1); -ms-transform: translate(40px, 0px) scale(1.1); transform: translate(40px, 0px) scale(1.1); }
.animated-left.animated-scale { -webkit-transform: translate(-40px, 0px) scale(1.1); -ms-transform: translate(-40px, 0px) scale(1.1); transform: translate(-40px, 0px) scale(1.1); }
 
.animated.animated-in { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; visibility: visible; }

/* Tablet Portrait */

@media (max-width: 1023px) {
    .animated { opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; }
}.ico-arrow-down { background: url(../css/images/sprite/ico-arrow-down.png) no-repeat 0 0; width: 13px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-close-brown { background: url(../css/images/sprite/ico-close-brown.png) no-repeat 0 0; width: 15px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-close { background: url(../css/images/sprite/ico-close.png) no-repeat 0 0; width: 16px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-css { background: url(../css/images/sprite/ico-css.png) no-repeat 0 0; width: 11px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-eye { background: url(../css/images/sprite/ico-eye.png) no-repeat 0 0; width: 24px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-html { background: url(../css/images/sprite/ico-html.png) no-repeat 0 0; width: 11px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-link { background: url(../css/images/sprite/ico-link.png) no-repeat 0 0; width: 16px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-paperclip { background: url(../css/images/sprite/ico-paperclip.png) no-repeat 0 0; width: 10px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-sketch { background: url(../css/images/sprite/ico-sketch.png) no-repeat 0 0; width: 40px; height: 37px; display: inline-block; vertical-align: middle; font-size: 0; }

@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
	.ico-arrow-down { background: url(../css/images/sprite/ico-arrow-down@2x.png) no-repeat 0 0; width: 13px; height: 17px; background-size: 13px 17px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-close-brown { background: url(../css/images/sprite/ico-close-brown@2x.png) no-repeat 0 0; width: 15px; height: 15px; background-size: 15px 15px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-close { background: url(../css/images/sprite/ico-close@2x.png) no-repeat 0 0; width: 16px; height: 16px; background-size: 16px 16px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-css { background: url(../css/images/sprite/ico-css@2x.png) no-repeat 0 0; width: 11px; height: 17px; background-size: 11px 17px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-eye { background: url(../css/images/sprite/ico-eye@2x.png) no-repeat 0 0; width: 24px; height: 14px; background-size: 24px 14px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-html { background: url(../css/images/sprite/ico-html@2x.png) no-repeat 0 0; width: 11px; height: 17px; background-size: 11px 17px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-link { background: url(../css/images/sprite/ico-link@2x.png) no-repeat 0 0; width: 16px; height: 17px; background-size: 16px 17px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-paperclip { background: url(../css/images/sprite/ico-paperclip@2x.png) no-repeat 0 0; width: 10px; height: 20px; background-size: 10px 20px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-sketch { background: url(../css/images/sprite/ico-sketch@2x.png) no-repeat 0 0; width: 40px; height: 37px; background-size: 40px 37px; display: inline-block; vertical-align: middle; font-size: 0; }
}

.article:after,
.article-foot:after,
.article-single .article-head:after,
.article-single .article-inner:after,
.article-single .article-body-inner:after,
.cols:after,
.form-cols:after,
.intro-content .shell:after,
.list-stats:after,
.paging ul:after,
.samples:after,
.section-benefits .shell:after,
.section-samples .shell:after,
.section-about .shell:after,
.section-values .section-body:after,
.section-team .section-images:after,
.section-step .shell:after,
.section-process .section-body:after,
.services:after,
.team-member:after,
.testimonial:after { content: ''; line-height: 0; display: table; clear: both;
}
/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; }

html,
body { height: 100%; }

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; -moz-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="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; resize: none; -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
\* ------------------------------------------------------------ */

html { overflow-y: scroll; }

body { min-width: 320px; font: 300 15px/2 'Roboto Slab', serif; color: #000; }

a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }

a[href^="tel"] { text-decoration: none; }

h2,
h3,
h4,
h5,
h6 { font-weight: 300; }

h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'Roboto Mono', sans-serif; }

h1 { font-size: 70px; font-weight: 100; line-height: 1.3; margin: 50px 0; }
h2 { font-size: 45px; line-height: 1.44; margin: 40px 0 50px; }
h3 { font-size: 35px; line-height: 1.43; margin: 30px 0 40px; }
h4 { font-size: 30px; line-height: 1.5; }
h5 { font-size: 25px; line-height: 1.6; }
h6 { font-size: 20px; line-height: 1.75; }


h4,
h5,
h6 { margin-bottom: 1em; }

p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 2em; }

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; }

/* Small Desktop */

@media (max-width: 1540px) {
	body { font-size: 13px; }

	h1 { font-size: 55px; }
	h2 { font-size: 38px; }
	h3 { font-size: 30px; }
}

@media (max-width: 1279px) {
	h1 { font-size: 50px; }
	h2 { font-size: 34px; }
}

@media (max-width: 1023px) {
	body { font-size: 15px; }

	h1 { font-size: 70px; }
	h2 { font-size: 40px; }
	h3 { font-size: 35px; }
	h4 { font-size: 30px; }
}

/* Mobile */

@media (max-width: 767px) {
	body { font-size: 12px; }

	h1 { font-size: 36px; }
	h2 { font-size: 20px; margin: 25px 0 35px; }
	h3 { font-size: 20px; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }
	h6 { font-size: 14px; }
}
/* ------------------------------------------------------------ *\
	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; }

/*  Overflow  */

.overflow { height: 100%; overflow: hidden; }

/* Mobile */

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

/*  Re Captcha  */
.g-recaptcha { display: none; }
/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

.container { position: relative; width: 100%; overflow: hidden; -webkit-transition: margin .3s; -o-transition: margin .3s; transition: margin .3s; }

.container-secondary .cols,
.container-secondary .col { display: -webkit-box; display: -ms-flexbox; display: flex; }
.container-secondary .cols { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.container-secondary .section p { margin-bottom: 20px; }
.container-secondary .section-primary { background: #ece9e1; }
.container-secondary .section-secondary { background: #a4977d; position: relative; }
.container-secondary .section-secondary .shell { position: static; }

/* Small Desktop */

@media (max-width: 1540px) {
	.container-secondary { margin: 0 -50px; padding: 0 50px; } 
}

@media (max-width: 1279px) {
	.container-secondary { margin: 0 -25px; padding: 0 25px; } 
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.container-secondary { padding: 0; margin: 0; }
}/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.content {}
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { overflow: hidden; position: relative; padding: 30px 0 11px; font-size: 14px; color: #7f7f7f; }

.footer .copyrights { float: left; padding: 8px 0 0 9px; }

.footer .socials { float: right; }
.footer .socials li + li { margin-left: 15px; }
.footer .socials a { display: inline-block; padding: 5px; }

.footer .slogan { position: absolute; top: 38px; left: 400px; right: 400px; text-align: center; color: #191919; }

.footer-secondary { position: absolute; bottom: 0; left: 0; width: 100%; background: none; color: rgba(255, 255, 255, .5); }
.footer-secondary .slogan { color: rgba(255, 255, 255, .9); }

/* Small Desktop */

@media (max-width: 1540px) {
	.footer { font-size: 12px; padding: 20px 0 1px; }
	.footer .shell { padding: 0 50px; }
	.footer .copyrights { padding-left: 0; }
}

@media (max-width: 1279px) {
	.footer .shell { padding: 0 25px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.footer { font-size: 14px; }
	.footer .shell { padding: 0 50px; }
}

/* Mobile */

@media (max-width: 767px) {
	.footer { text-align: center; padding: 20px 0 10px; }
	.footer .shell { padding: 0 20px; }
	
	.footer .copyrights,
	.footer .socials { float: none; }
	
	.footer .copyrights { max-width: 190px; margin: 0 auto 10px; padding-top: 0; }
}
/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { position: fixed; top: 47px; left: 0; width: 100%; z-index: 10; -webkit-transition: top .3s, margin .3s, padding .3s, background .3s; -o-transition: top .3s, margin .3s, padding .3s, background .3s; transition: top .3s, margin .3s, padding .3s, background .3s; }
.header .logo { float: left; }
.header-actions { float: right; padding-top: 5px; }
.header-actions .nav-trigger { margin-left: 12px; }

.header-compact { top: 0; padding: 9px 0 12px; background: rgba(0, 0, 0, 0.8); }
.header-compact .logo { width: 76px; height: 47px; margin-top: 6px; }

.header-preview,
.header-preview.header-compact { height: 0; top: 0; padding: 0; }
.header-preview .header-actions { float: left; padding: 0; }
.header-preview .btn { background-color: rgba(0,0,0,.8); margin: 5px; padding: 0 10px; height: 36px; line-height: 30px; opacity: .66; border-color: #ece9e1; -webkit-transition: opacity .3s, background .3s, border-color .3s, color .3s; -o-transition: opacity .3s, background .3s, border-color .3s, color .3s; transition: opacity .3s, background .3s, border-color .3s, color .3s; }
.header-preview .btn:hover { opacity: 1; }

.header-hidden { top: -112px; }

/* Small Desktop */

@media (max-width: 1540px) {
	.header .shell { padding: 0 50px; }
	.header-actions { padding-top: 2px; }

	.header-compact { padding: 10px 0; }
	.header-compact .logo { margin: 0; }
	.header-compact .header-actions { padding-top: 0; }
}

@media (max-width: 1279px) {
	.header .shell { padding: 0 25px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.header .shell { padding: 0 50px; }
}

/* Mobile */

@media (max-width: 767px) {
	.header { top: 20px; }
	.header .shell { padding: 0 20px; }
	.header-actions .btn { display: none; }
	.landing-page .header-actions .btn { display: block; }

	.header-compact { top: 0; }
	
	.header-preview,
	.header-preview.header-compact { top: 0; }
	.header-preview .btn { display: block; }
}/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main { position: relative; margin-top: -100px; }

/* Small Desktop */

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

@media (max-width: 1279px) {
	.main { padding: 0 25px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.main { padding: 0; margin: 0; }
}/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1480px; margin: auto; }
/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar { position: fixed; top: 0; right: 0; left: 0; z-index: -1; height: 100%; overflow-y: auto; overflow-x: hidden; background: rgba(0, 0, 0, .7); opacity: 0; visibility: hidden; will-change: auto; -webkit-transition: background .3s, visibility .3s, opacity .3s, z-index .3s; -o-transition: background .3s, visibility .3s, opacity .3s, z-index .3s; transition: background .3s, visibility .3s, opacity .3s, z-index .3s; }
.sidebar-inner { float: right; width: 300px; min-height: 100%; padding: 30px 40px; background: #000; color: #fff; will-change: transform; -webkit-transform: translateX(300px); -ms-transform: translateX(300px); transform: translateX(300px); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }

.sidebar-actions { margin-bottom: 29px; }
.sidebar-actions a { display: inline-block; padding: 5px; margin-left: -5px; font-size: 0; line-height: 0; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
.sidebar-actions a:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.sidebar-visible { overflow: visible; }
.sidebar-visible body { height: 100%; overflow: hidden; }
.sidebar-visible .sidebar { z-index: 11; opacity: 1; visibility: visible; -webkit-overflow-scrolling: touch; }
.sidebar-visible .sidebar.scroll-fix { -webkit-overflow-scrolling: touch; }
.sidebar-visible .sidebar-inner { -webkit-transform: none; -ms-transform: none; transform: none; }
.sidebar-visible .container { margin-left: -47px; height: 100%; }
.sidebar-visible .header { margin-left: -47px; }

/* Mobile */

@media (max-width: 767px) {
	.sidebar-actions { margin-bottom: 20px; }
}
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { position: relative; min-height: 100%; opacity: 0; background: #fff; -webkit-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; }

.wrapper.loaded { opacity: 1; }

.wrapper.fadeout { opacity: 0; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.wrapper { opacity: 1; }
}
/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */

.articles { padding-bottom: 5px; }
.article { position: relative; }
.article:after { }

.article-content { width: 50%; min-height: 579px; padding: 97px 130px 90px 80px; background: #ece9e1; }
.article-content h3 { margin: 27px 0 28px; }

.article-image { position: absolute; top: 50px; bottom: 50px; left: 50%; z-index: 2; width: calc(50% + 150px); margin: 0 -100px 0 -50px; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.article-image img { display: none; }

.article-foot { padding-top: 10px; }
.article-foot:after { }

.article-actions { float: left; }
.article-meta { float: right; padding-top: 14px; font-size: 14px; text-transform: uppercase; font-family: 'Roboto Mono', sans-serif; letter-spacing: 0.1em; }
.article-meta a { -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.article-meta a:hover { text-decoration: none; color: #b3a06c; }

.article:nth-child(even) .article-content { float: right; padding: 97px 80px 90px 130px; }
.article:nth-child(even) .article-image { left: auto; right: 50%; margin: 0 -50px 0 -100px; }

/* Small Desktop */

@media (max-width: 1540px) {
	.article-content { padding: 50px 100px 50px 50px; min-height: 0; }
	.article:nth-child(even) .article-content { padding: 50px 50px 50px 100px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.article-image { position: static; height: 410px; width: 100%; margin: 0; }
	.article:nth-child(even) .article-image { margin: 0; }
	.article-content { width: 100%; float: none; padding: 50px; }
	.article:nth-child(even) .article-content { padding: 50px; }
}

/* Mobile */

@media (max-width: 767px) {
	.article-image { padding-bottom: 54%; height: auto; }
	.article:nth-child(even) .article-content,
	.article-content { padding: 30px; }

	.article-meta span { display: none; }
}

/* ------------------------------------------------------------ *\
	Article-single
\* ------------------------------------------------------------ */

.article-single { letter-spacing: 0.02em; padding-bottom: 40px; }

.article-single .article-body ul { list-style: none outside none; padding-left: 30px; }
.article-single .article-body li { position: relative; padding-left: 20px; }
.article-single .article-body li:before { content: ''; position: absolute; top: 13px; left: 0; width: 5px; height: 5px; background: #b3a06c; }
.article-single .article-body li + li { margin-top: 15px; }

.article-single .article-head:before,
.article-single .article-head { background: #a4977d; }

.article-single .article-head { font-family: 'Roboto Mono', sans-serif; font-size: 14px; letter-spacing: 0.1em; color: #fefefe; text-transform: uppercase; }
.article-single .article-head:after { }

.article-single .article-meta { float: left; padding: 0; }

.article-single .article-meta span,
.article-single .article-avatar { display: inline-block; vertical-align: middle; }

.article-single .article-avatar { margin-right: 20px; }

.article-single .article-tags { float: right; padding-top: 37px; }
.article-single .article-tags i { margin-right: 6px; }

.article-single .article-inner { font-size: 0; line-height: 0; letter-spacing: 0; }
.article-single .article-inner:after { }

.article-single .article-image,
.article-single .article-content { display: inline-block; vertical-align: middle; font-size: 15px; line-height: 2; letter-spacing: 0.02em; }
.article-single .article-entry { font-size: 15px; line-height: 2; letter-spacing: 0.02em; }

.article-single .article-image { position: static; margin: 0; width: 50%; }
.article-single .article-image img { display: inline-block; width: 100%; height: auto; }

.article-single .article-content { background: #fff; min-height: 0; padding: 20px 80px; }
.article-single .article-content h6 { font-family: 'Roboto Slab', serif; padding-top: 10px; }
.article-single .article-content h6 strong { font-weight: 300; color: #b3a06c; }

.article-single .article-body-inner { padding: 60px 80px 197px; background: #ece9e1; }
.article-single .article-body-inner:after { }
.article-single .article-body-inner:before { background: #ece9e1; }
.article-single .article-body-inner img.alignright { margin: 0 -80px 60px 160px; clear: right; }
.article-single .article-body-inner img.alignleft { margin: 40px 60px 40px 0; clear: left; }

.article-single .article-body-inner .tip { margin: 80px -80px; clear: both; }

.article-single .article-entry { overflow: hidden; }

.article-single h3 { margin: 34px 0 20px; letter-spacing: 0; }
.article-single h3 span { color: #b3a06c; }

.article-single .article-outro { padding: 10px 0; text-align: center; }
.article-single .socials { padding-top: 40px; }
.article-single .socials li { padding: 0; }
.article-single .socials li:before { display: none; }
.article-single .socials li + li { margin-top: 0; }

.article-single .article-foot { position: relative; margin-top: -106px; padding: 0; }
.article-single .article-foot .article-compact { position: absolute; top: -190px; right: -40px; }

/* Small Desktop */

@media (max-width: 1540px) {
	.article-single .article-head { padding-right: 20px; }
	.article-single .article-content { padding: 50px; }
	.article-single .article-body-inner { padding: 40px 50px 200px; }

	.article-single .article-body-inner img.alignright { margin: 0 -30px 0 30px; }
	.article-single .article-body-inner img.alignleft { margin-right: 30px; }

	.article-single .article-body-inner .tip { margin: 40px -40px; }

	.article-comments { margin-right: 420px; min-height: 510px; }

	.article-single .article-foot .article-compact { right: -90px; }
}

@media (max-width: 1279px) {
	.article-single .article-content { padding: 25px; }
	.article-single .article-body-inner { padding: 40px 25px 200px; }

	.article-single .article-foot .article-compact { right: -65px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.article-single .article-tags { display: none; }
	.article-single .article-image { width: 100%; height: auto; }
	.article-single .article-content { padding: 50px; }
	.article-single .article-body-inner { padding: 50px; }

	.article-single .article-inner img.alignleft,
	.article-single .article-inner img.alignright { float: none; margin: 0; }

	.article-single .article-body-inner .tip { padding: 50px 100px; margin: 50px -50px; }
	.article-single .article-body-inner .tip h3 { margin-top: 0; }
	
	.article-single .article-foot { margin-top: 0; }
	.article-comments { width: 100%; }

	.article-single .article-foot .article-compact { position: static; }
}

/* Mobile */

@media (max-width: 767px) {
	.article-single .article-meta { display: none; }
	.article-single .article-image { padding-bottom: 0; }

	.article-single .article-body-inner,
	.article-single .article-content { padding: 30px; }
	
	.article-single .article-entry,
	.article-single .article-content { font-size: 12px; }
	.article-single .article-body-inner .tip { margin: 30px -30px; padding: 30px; }
	
	.article-single .list-squares { padding-left: 15px; }
	.article-comments { min-height: 0; }
}

/* ------------------------------------------------------------ *\
	Article compact
\* ------------------------------------------------------------ */

.article-compact { width: 440px; padding: 56px 40px 60px; background: #a4977d; }

.article-compact .article-image,
.article-compact .article-content { width: 100%; }

.article-compact .article-content { background: none; padding: 0; color: #fff; font-size: 13px; }

.article-compact .title:after { border-color: #c8c1b1; }
.article-compact h6 { text-transform: none; margin-top: 28px; }

.article-compact .article-head { padding-bottom: 20px; }
.article-compact .article-image { padding-bottom: 20px; }
.article-compact .article-content { padding-right: 80px; }
.article-compact .article-actions { padding-top: 15px; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.article-compact { display: none; }
}/* ------------------------------------------------------------ *\
	Banner Policy
\* ------------------------------------------------------------ */

.banner-policy { position: fixed; bottom: 0; left: 0; z-index: 500; background-color: #fff; width: 100%; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.banner-policy p { line-height: 1.2; margin-bottom: 0; }

.banner-policy { position: fixed; left: 0; width: 100%; z-index: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 50px; -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; -o-transition: transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s }
.banner-policy > p { margin: 0; position: relative; padding-right: 35px }

.banner-policy .banner__close,
.banner-policy > p .ico-hand-okay,
.banner-policy > p .ico-hand-pointing { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }

.banner-policy > p .ico-hand-pointing { left: 0 }
.banner-policy > p .ico-hand-okay { right: 0 }

.banner-policy .banner__close { right: 20px; text-decoration: none; border: 0 }
.banner-policy { bottom: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); height: 60px }
.banner-policy .btn span { white-space: nowrap }

.banner-policy p { text-align: left }
.banner-policy p a { text-decoration: none; border-bottom: 1px solid #fff; -webkit-transition: color .4s; -o-transition: color .4s; transition: color .4s }
.banner-policy p a:hover {}

.banner-policy .banner__close { color: inherit }

html.show-banner-policy .banner-policy { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }

@media(max-width:767px) {
  div.banner-policy { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 35px 10px }
  div.banner-policy > p { text-align: center; padding: 0 }

  .banner-policy .btn { margin-top: 10px }
}

@media(max-width:480px) {
  .banner-policy { padding-left: 10px }
  .banner-policy a { font-size: 13px }
  .banner-policy > p { padding: 0 0 0 35px }
  div.banner-policy > p { text-align: center; padding: 0 }
  .banner-policy>p .ico-hand-okay { display: none }
}
/* ------------------------------------------------------------ *\
	Browser happy
\* ------------------------------------------------------------ */

.browsehappy { position: fixed; z-index: 9999; top: 0px; left: 0px; width: 100%; height: 100%; background: #ece9e1; text-align: center; color: #000; font-size: 20px; line-height: 200px; }
.browsehappy a { color: #b3a06c; }
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { position: relative; display: inline-block; vertical-align: middle; height: 45px; padding: 0 20px; white-space: nowrap; border: 3px solid #b3a06c; line-height: 39px; font-family: 'Roboto Mono', sans-serif; font-size: 14px; text-transform: uppercase; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: background .3s, color .3s, border-color .3s; -o-transition: background .3s, color .3s, border-color .3s; transition: background .3s, color .3s, border-color .3s; }
.btn:hover { text-decoration: none; }

.btn-default { color: #000; }
.btn-default-alt { color: #fff; }
.btn-default-lg { font-weight: bold; height: 46px; padding: 0 25px; line-height: 40px; }
.btn-default:hover { background: #b3a06c; color: #fff; }

.btn-white { border-color: #e9e5dd; }
.btn-white-alt { color: #fff; }
.btn-white:hover { background: #e9e5dd; color: #000; }

.btn-light { border-color: #fff; color: #fff; }
.btn-light:hover { background: #fff; color: #a4977d; }

.btn-brown { border-color: #837964; color: #fff; }
.btn-brown:hover { border-color: #fff; }

.btn-gray { min-width: 170px; padding: 0 5px; border-color: #5e5e5e; color: rgba(255, 255, 255, .7); }
.btn-gray .ico-paperclip { opacity: .7; margin: -2px 2px 0 10px; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
.btn-gray:hover { color: #fff; border-color: #b3a06c; }
.btn-gray:hover .ico-paperclip { opacity: 1; }

.btn-play { position: relative; width: 100px; height: 100px; border-color: #ece9e1; padding: 0; }
.btn-play:after { content: ''; position: absolute; top: 50%; left: 50%; border-width: 15px 21px; border-style: solid; border-color: transparent transparent transparent #ece9e1; margin: -16px 0 0 -7px; -webkit-transition: border-color .3s; -o-transition: border-color .3s; transition: border-color .3s; }
.btn-play:hover { border-color: #b3a06c; }
.btn-play:hover:after { border-color: transparent transparent transparent #b3a06c; }

.btn-top { position: relative; display: inline-block; vertical-align: middle; width: 50px; height: 46px; padding: 15px 15px 0; background: #b3a06c; }
.btn-top span { display: block; position: absolute; top: 14px; left: 50%; width: 2px; height: 20px; background: #000; margin-left: -1px; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; }

.btn-top span:nth-child(1),
.btn-top span:nth-child(2) { height: 12px; }

.btn-top span:nth-child(1) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; }
.btn-top span:nth-child(2) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: right 0; -ms-transform-origin: right 0; transform-origin: right 0; }
.btn-top:hover span { background: #fff; }

/*  Button Block  */
.btn-block { display: block; padding-left: 0; padding-right: 0; }

/* Mobile */

@media (max-width: 767px) {
	.btn { font-size: 12px; }

	.btn-play { width: 70px; height: 70px; }

	.btn-code { display: none; }
}/* ------------------------------------------------------------ *\
	Cols
\* ------------------------------------------------------------ */

.cols:after {}

.col { float: left; }
.col-1of2 { width: 50%; }
.col-1of3 { width: 33.333%; }
.col-1of4 { width: 25%; }

.cols-secondary { margin: 0 -10px; }
.cols-secondary .col { padding: 0 10px; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.col { float: none; width: 100%; }
	
	.cols-secondary { margin: 0; }
	.cols-secondary .col { padding: 0; }
}/* ------------------------------------------------------------ *\
	Contacts
\* ------------------------------------------------------------ */

.contacts { text-align: left; font-size: 13px; font-weight: 300; line-height: 1.7; letter-spacing: 0.02em; }
.contacts h6 { font-size: 15px; font-family: 'Roboto Slab', serif; font-weight: normal; margin-top: 0; }
.contacts address { min-height: 105px; }

/* Small Desktop */

@media (max-width: 1540px) {
	.contacts address { min-height: 90px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.contacts address:last-child { min-height: 0; }
}

/* Mobile */

@media (max-width: 767px) {
	.contacts address { min-height: 0; margin-bottom: 20px; }
	.contacts address:last-child { margin-bottom: 0; }
}/* ------------------------------------------------------------ *\
	Extended
\* ------------------------------------------------------------ */

.extended { position: relative; }

.extended:before { content: ''; position: absolute; top: 0; bottom: 0; right: 100%; width: 1000%; }
.extended-alt:before { right: auto; left: 100%; }

.extended-down:before { bottom: -100px; }
.extended-up:before { top: -100px; }
/* ------------------------------------------------------------ *\
	Faq items
\* ------------------------------------------------------------ */

.faq-items { list-style: none outside none; margin-bottom: 60px; }
.faq-item { position: relative; line-height: 1.67; }
.faq-item ~ .faq-item { margin-top: 15px; }
.faq-item > span:hover { text-decoration: underline; }/* ------------------------------------------------------------ *\
	Features
\* ------------------------------------------------------------ */

.features .shell:before,
.features .shell { background: #a4977d; }

.features { color: #fff; }
.features .shell { padding: 33px 50px; min-height: 100px; }

/* Mobile */

@media (max-width: 767px) {
	.features .shell { padding: 30px; min-height: 0; }
}/* ------------------------------------------------------------ *\
	File Preview
\* ------------------------------------------------------------ */

.file-preview { background: #ece9e1; margin: 2px 0 0; position: relative; overflow: hidden; height: 44px; }
.file-preview:first-child { margin-top: 48px; }
.file-preview .fa-check,
.file-preview .fa-exclamation { width: 44px; height: 44px; font-size: 20px; line-height: 44px; color: #fff; text-align: center; position: absolute; top: 0; left: -44px; -webkit-transition: left .25s; -o-transition: left .25s; transition: left .25s; background: #000; }

.file-preview-title { font-size: 16px; line-height: 44px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; position: absolute; top: 0; left: 10px; right: 94px; -webkit-transition: left .25s; -o-transition: left .25s; transition: left .25s; z-index: 2; }

.file-preview-size { font-size: 10px; line-height: 44px; white-space: nowrap; position: absolute; top: 0; right: 44px; width: 40px; z-index: 2; }

.file-preview-error { font-size: 12px; line-height: 44px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; position: absolute; top: 0; left: 10px; right: 94px; -webkit-transition: left .25s; -o-transition: left .25s; transition: left .25s; visibility: hidden; }

.file-preview-remove { width: 44px; height: 44px; font-size: 0; line-height: 0; text-indent: -100%; color: #f25448; text-align: center; position: absolute; top: 0; right: 0; overflow: hidden; }
.file-preview-remove i { font-size: 20px; line-height: 44px; text-align: center; display: block; text-indent: 0; }
.file-preview-remove:hover { text-decoration: none; }

.file-preview-progress { position: absolute; bottom: 0; top: 0; left: 0; right: 0; -webkit-transition: opacity .25s; -o-transition: opacity .25s; transition: opacity .25s; }
.file-preview-progress div { position: absolute; top: 0; left: 0; bottom: 0; background: #fff; -webkit-transition: width .15s; -o-transition: width .15s; transition: width .15s; }

.file-preview.dz-complete .fa-check { left: 0; }
.file-preview.dz-error .fa-exclamation { left: 0; }
.file-preview.dz-complete .file-preview-title { left: 54px; }
.file-preview.dz-error .file-preview-title { display: none; }
.file-preview.dz-error .file-preview-error { left: 54px; visibility: visible; }
.file-preview.dz-complete .file-preview-progress { opacity: 0; }

.file-preview .dz-remove { display: none; }

.file-preview-secondary { background: #000; }
.file-preview-secondary:first-child { margin-top: 24px; }
.file-preview-secondary .fa-check,
.file-preview-secondary .fa-exclamation { background: rgba(255,255,255,.4); color: #000; }
.file-preview-secondary .file-preview-progress { opacity: .3; }

/*  Mobile  */

@media (max-width: 767px) {
	.file-previews { text-align: left; }
	.file-previews .file-preview:first-child { margin-top: -14px; }
	.file-previews .file-preview:last-child { margin-bottom: 16px; }
}/* ------------------------------------------------------------ *\
	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::-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::-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: #000 !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; background-color: transparent !important; }


.select select,
.field { width: 100%; height: 50px; padding: 6px 18px; border: 1px solid #837964; -webkit-box-shadow: 0 1px 0 #837964; box-shadow: 0 1px 0 #837964; background: none; color: #fff; font-weight: 300; border-radius: 0; -webkit-appearance: none; -webkit-transition: border-color .3s, -webkit-box-shadow .3s; transition: border-color .3s, -webkit-box-shadow .3s; -o-transition: border-color .3s, box-shadow .3s; transition: border-color .3s, box-shadow .3s; transition: border-color .3s, box-shadow .3s, -webkit-box-shadow .3s; }

.field::-webkit-input-placeholder { color: #fff; }

.field::-moz-placeholder { color: #fff; }

.field:-ms-input-placeholder { color: #fff; }

.field::-ms-input-placeholder { color: #fff; }

.field::placeholder { color: #fff; }

.select-secondary select,
.field-secondary { border-color: #5c5c5c; -webkit-box-shadow: 0 2px 0 #4e4e4c; box-shadow: 0 2px 0 #4e4e4c; font-family: 'Roboto Mono', sans-serif; }

.filed-tertiary { border-color: #b8b7b7; -webkit-box-shadow: 0 2px 0 #aba9a2; box-shadow: 0 2px 0 #aba9a2; }

.select { position: relative; }
.select:before { content: '\f107'; position: absolute; top: 50%; right: 20px; font-family: 'FontAwesome'; color: #fff; font-size: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.select select {
	-webkit-appearance: none; 
	   -moz-appearance: none; 
	        appearance: none; 
}

.select select::-ms-expand { display: none; }

.select option { color: #000; background: #fff; }

.select-secondary:after { content: '\f073'; position: absolute; top: 50%; left: 23px; font-family: 'FontAwesome'; margin-top: -15px; }
.select-secondary select { height: 45px; padding-left: 53px; }

.field-textarea { height: 300px; padding: 24px 18px; vertical-align: top; }
.field-textarea-sm { height: 210px; }

.select select:focus,
.field:focus { border-color: #fff; -webkit-box-shadow: 0 2px 0 #ece9e1; box-shadow: 0 2px 0 #ece9e1; }

.select-secondary select:focus,
.field-secondary:focus { border-color: #fff; -webkit-box-shadow: 0 2px 0 #fff; box-shadow: 0 2px 0 #fff; }

.filed-tertiary:focus { border-color: #b3a06c; -webkit-box-shadow: 0 2px 0 #b3a06c; box-shadow: 0 2px 0 #b3a06c; }

.radio {}
.checkbox {}

.file-upload-btn { display: inline-block; position: relative; overflow: hidden; }
.file-upload-input { opacity: 0; font-size: 100px; position: absolute; top: -10px; bottom: -10px; right: -10px; cursor: pointer; }

.has-error .select select,
.has-error .field { border-color: #985656; -webkit-box-shadow: 0 2px 0 #985656; box-shadow: 0 2px 0 #985656; }

@media (max-width: 1540px) {
	.field-textarea { height: 200px; }
	.field-textarea-sm { height: 210px;  }
}
/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form {}

.form-cols { margin: 0 -32px; }
.form-cols:after { }

.form-col { float: left; width: 50%; padding: 0 32px; }

.form-col-size1 { width: 38%; }
.form-col-size2 { width: 62%; }

.form-cols-secondary { margin: 0 -14px; }
.form-cols-secondary .form-col { padding: 0 14px; }

.form-row ~ .form-row { padding-top: 30px; }

.form-btn { background: none; border-radius: 0; }

.form .checkbox { margin: 24px 0 0; position: relative; overflow: hidden; }
.form .checkbox label { padding-left: 48px; display: block; font-size: 14px; }
.form .checkbox input { position: absolute; top: 0; left: -30px; }
.form .checkbox label:before { content: ''; width: 24px; height: 24px; border-width: 1px 1px 2px; border-style: solid; border-color: #b8b7b7; position: absolute; top: 3px; left: 0; cursor: pointer; -webkit-transition: border-color .25s; -o-transition: border-color .25s; transition: border-color .25s; }
.form .checkbox input ~ label:after { content: ''; width: 12px; height: 8px; border-width: 0 0 2px 2px; border-style: solid; border-color: #b8b7b7; position: absolute; top: 9px; left: 6px; -webkit-transform: rotate(-45deg) scale(0); -ms-transform: rotate(-45deg) scale(0); transform: rotate(-45deg) scale(0); -webkit-transition: -webkit-transform .25s, border-color .25s; -webkit-transition: border-color .25s, -webkit-transform .25s; transition: border-color .25s, -webkit-transform .25s; -o-transition: transform .25s, border-color .25s; transition: transform .25s, border-color .25s; transition: transform .25s, border-color .25s, -webkit-transform .25s; }
.form .checkbox input:checked ~ label:before,
.form .checkbox input:checked ~ label:after { border-color: #837964; }
.form .checkbox input:checked ~ label:after { -webkit-transform: rotate(-45deg) scale(1); -ms-transform: rotate(-45deg) scale(1); transform: rotate(-45deg) scale(1); }

/* Small Desktop */

@media (max-width: 1540px) {
	.form-cols { margin: 0 -14px; }
	.form-col { padding: 0 14px; }
}

/* Mobile */

@media (max-width: 767px) {
	.form-cols { margin: 0; }
	.form-cols-secondary .form-col { padding: 0; } 
	
	.form-col { float: none; width: 100%; padding: 0; }
	.form-col ~ .form-col { padding-top: 30px; }
}

/* ------------------------------------------------------------ *\
	Form contact
\* ------------------------------------------------------------ */

.form-contact:before,
.form-contact { background: #a4977d; }

.form-contact { padding: 80px 80px 140px; text-align: left; }

.form-contact .field-textarea { margin-top: 24px; }

.form-contact .form-actions { padding-top: 48px; overflow: hidden; }
.form-contact .form-actions .btn { float: left; }
.form-contact .form-actions .form-btn { float: right; }

.form-contact .file-upload-container { float: left; width: 50%; }
.form-contact .file-upload-container .btn { float: none; }
.form-contact .file-upload-container .file-upload-btn { width: 150px; padding: 0; text-align: center; }
.form-contact .file-upload-container.dropzone-initialized .file-upload-btn { cursor: pointer; }
.form-contact .file-upload-container.dropzone-initialized .file-upload-btn input { right: 100%; margin-right: 10px; }

.form-contact-secondary { max-width: 1062px; padding: 0; margin: 0 auto; background: none; }
.form-contact-secondary .field-textarea { margin-top: 0; }
.form-contact-secondary .form-actions { padding-top: 30px; }

/* Small Desktop */

@media (max-width: 1540px) {
	.form-contact { padding: 50px; }
	.form-contact .field-textarea { margin-top: 0; }

}

@media (max-width: 1279px) {
	.form-contact { padding: 25px; }
	.form-contact .field-textarea { margin-top: 0; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.form-contact { padding: 50px; }
}

/* Mobile */

@media (max-width: 767px) {
	.form-contact { padding: 30px; }
	.form-contact .form-actions { text-align: center; padding-top: 30px; margin-bottom: -30px; }
	.form-contact .form-actions .btn { float: none; margin: 0 0 30px; min-width: 100%; }

	.form-contact .file-upload-container { float: none; width: auto; }
}

/* ------------------------------------------------------------ *\
	Form access
\* ------------------------------------------------------------ */

.form-access .form-head { margin-bottom: 32px; }
.form-access .form-head h6 { font-size: 14px; text-transform: uppercase; font-family: 'Roboto Mono', sans-serif; letter-spacing: 0.1em; margin: 0; }
.form-access .form-actions { padding-top: 30px; overflow: hidden; }
.form-access .form-actions .form-btn { float: left; }
.form-access .form-actions .form-btn:hover { background: #b3a06c; }
.form-access .form-actions .link-pass { float: right; margin-top: 10px; text-decoration: underline; color: rgba(255, 255, 255, .4); font-size: 13px; }
.form-access .form-actions .link-pass:hover { text-decoration: none; }

.form-access .form-forgot { margin-top: 30px; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.form-access .form-head { display: none; }
}/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro { position: relative; background: #000; }

.intro-image { height: calc(100vh + 100px); min-height: 760px; background-size: cover; background-position: center center; background-repeat: no-repeat; opacity: 0; -webkit-transition: height .01s linear, opacity .3s; -o-transition: height .01s linear, opacity .3s; transition: height .01s linear, opacity .3s; }
.intro-image.loaded { opacity: 1; }

.intro-image-has-overlay { position: relative; }
.intro-image-has-overlay:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .4); }

.intro-content { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -15px; color: #fff; font-size: 14px; line-height: 2.14; letter-spacing: 0.02em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.intro-content .shell { position: relative; }
.intro-content .shell:after { }
.intro-content .title { color: #b3a06c; }

.intro-title { margin-top: 28px; letter-spacing: 0; padding-bottom: 36px; max-width: 1060px; }
.intro-title strong { display: block; }
.intro-title-alt strong { display: inline; }
.intro-title-alt span { color: #b3a06c; }

.intro-entry { max-width: 500px; }
.intro-entry-md { max-width: 960px; }

.intro-actions { position: absolute; bottom: 130px; left: 0; right: 0; text-align: center; }

.intro-alt .intro-image { height: 100vh; }

.intro-secondary .intro-image { height: 730px; min-height: 0; }
.intro-secondary .intro-image-lg { height: 752px; }
.intro-secondary .intro-image-md { height: 560px; }
.intro-secondary .intro-content { margin-top: 25px; }

.intro .socials { position: absolute; bottom: 60px; right: 0; }

.intro-inner { float: left; max-width: 614px; }
.intro-inner strong { color: #e5cf8c; font-weight: normal; }
.intro-inner .btn ~ .btn { margin-left: 10px; }

.intro .form { position: absolute; top: 50%; right: 182px; width: 382px; margin-top: 8px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

/* Landing pages intro */
.intro-lp .intro-title { max-width: 100%; }

.intro-lp-secondary h1 { font-size: 45px; padding-bottom: 10px; }
.intro-lp-secondary h1 strong { font-size: 75px; padding: 10px 0; }
.intro-lp-secondary p { font-size: 15px; }


/* Small Desktop */

@media (max-width: 1540px) {
	.intro-content .shell { padding: 0 50px; }
	.intro-title-secondary { max-width: 82%; }

	.intro .socials { right: 30px; }

	.intro .form { right: 50px; }
}

@media (max-width: 1279px) {
	.intro-content .shell { padding: 0 25px; }

	.intro-inner { max-width: 560px; }

	.intro .form { right: 25px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.intro-content .shell { padding: 0 50px; }
	
	.intro-image { height: 960px; min-height: 1024px; }

	.intro-secondary .intro-image { height: 665px; }
	.intro-secondary .intro-image-lg { height: 752px; }
	.intro-secondary .intro-image-md { height: 560px; }

	.intro-title { font-size: 60px; }
	.intro-title br { display: none; }

	.intro .socials { top: 100%; bottom: auto; margin-top: 10px; }

	.intro-inner { float: none; max-width: 100%; margin-top: 100px; }
	.intro .form { position: static; margin: 0 0 30px; width: 100%; max-width: 382px; -webkit-transform: none; -ms-transform: none; transform: none; }

	.intro-lp-secondary h1 { font-size: 30px; }
	.intro-wp h1 strong { font-size: 65px; }

	.intro-entry p br { display: none; }
}

/* Mobile */

@media (max-width: 767px) {
	.intro-content .shell { padding: 0 30px; }
	
	.intro-content { margin-top: 10px; font-size: 13px; }
	.intro-title { margin-top: 15px; padding-bottom: 15px; font-size: 27px; }
	.intro-actions { bottom: 10px; }
	.intro-title-secondary { max-width: 100%; font-size: 32px; }
	.intro-title-alt strong { display: block; }
	.intro-entry-md { font-size: 10px; }
	
	.intro-secondary .intro-content { margin-top: 0; }

	.intro-alt { padding: 90px 0 150px; min-height: 560px; }
	.intro-alt .intro-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: auto; }
	.intro-alt .intro-content { position: relative; top: auto; left: auto; margin: 0; -webkit-transform: none; -ms-transform: none; transform: none; }
	
	.intro-secondary .intro-image,
	.intro-image { height: 560px; min-height: 0; }
	
	.intro-secondary .intro-image-md { height: 400px; background-position: 0 center; }

	.intro-inner { margin-top: 0; }

	.intro-lp-secondary h1 { font-size: 20px; }
	.intro-lp-secondary h1 strong { font-size: 38px; }
	.intro-lp-secondary p { font-size: 13px; }
	.intro-wp h1 strong { font-size: 25px; }
}

@media (max-width: 374px) {
	.intro-inner .btn { margin: 0 10px 10px 0; }
	.intro-inner .btn ~ .btn { margin-left: 0; }
}/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

/*  List dashes  */

.list-dashes { font-size: 15px; font-family: 'Roboto Slab', serif; line-height: 2; }
.list-dashes li { position: relative; padding-left: 40px; letter-spacing: 0.02em; }
.list-dashes li:before { content: ''; position: absolute; top: 13px; left: 0; width: 20px; height: 3px; background: #fff; }

.list-dashes li + li { margin-top: 10px; }

.list-dashes-alt li:before { background: #000; }
.list-dashes-alt li + li { margin-top: 20px; }

.list-dashes-secondary li:before { background: #b3a16d; }

.list-dashes-inline li + li,
.list-dashes-inline li { display: inline-block; vertical-align: middle; margin: 0 35px 0 0; }
.list-dashes-inline li:before { top: 50%; margin-top: -1px; }


/* Small Desktop */

@media (max-width: 1540px) {
	.list-dashes li { font-size: 12px; }
	.list-dashes li + li { margin-top: 15px; }

	.list-dashes-inline li + li,
	.list-dashes-inline li { margin: 0 35px 0 0; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.list-dashes li { font-size: 15px; }
	
	.list-dashes-inline li + li,
	.list-dashes-inline li { margin: 0 20px 0 0; }
}

/* Mobile */

@media (max-width: 767px) {
	.list-dashes li { font-size: 12px; padding-left: 35px; }
	.list-dashes li:before { height: 2px; width: 15px; margin-top: -2px; }
	
	.list-dashes-inline li + li,
	.list-dashes-inline li { display: block; margin: 10px 0 0; }
}

/*  List Values  */

.list-values li { position: relative; padding: 0 0 0 75px; counter-increment: values; line-height: 1.6; }
.list-values li:before { content: counter(values,decimal-leading-zero)':'; position: absolute; top: 0; left: 0; color: #b3a06c; font-size: 30px; font-family: 'Roboto Mono', sans-serif; }
.list-values li + li { margin-top: 51px; }
.list-values h4 { margin: 0 0 15px; }

/* Small Desktop */

@media (max-width: 1540px) {
	.list-values h4 { font-size: 26px; }
}

/* Mobile */

@media (max-width: 767px) {
	.list-values li { padding-left: 45px; }
	.list-values li:before { font-size: 20px; }
	.list-values li + li { margin-top: 25px; }
	.list-values h4 { font-size: 16px; padding-top: 3px; }
}

/*  List squares  */

.list-squares li { position: relative; padding-left: 20px; }
.list-squares li:before { content: ''; position: absolute; top: 13px; left: 0; width: 5px; height: 5px; background: #b3a06c; }

.list-squares li + li { margin-top: 30px; }
.list-squares-sm li + li { margin-top: 10px; }
.list-squares-alt li:before { background: #ece9e1; }

/*  List qa  */

.list-qa dt,
.list-qa dd { position: relative; padding: 6px 0 0 44px; line-height: 1.7; }

.list-qa dt:before,
.list-qa dd:before { position: absolute; top: 0; left: 0; font-size: 20px; color: #b3a06c; font-family: 'Roboto Mono', sans-serif; font-weight: 300; }

.list-qa dt:before { content: 'Q:'; }
.list-qa dd:before { content: 'A:'; }

.list-qa dt { font-weight: normal; margin-bottom: 10px; }
.list-qa dd { font-size: 13px; padding-top: 8px; margin-bottom: 64px; }

/* Small Desktop */

@media (max-width: 1540px) {
	.list-qa dd { margin-bottom: 35px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.list-qa { -webkit-columns: 2; -moz-columns: 2; columns: 2; }
	
	.list-qa dt,
	.list-qa dd { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; }
	
	.list-qa dd:nth-child(2) { margin-bottom: 40px; }

	.list-qa dd:last-child { margin-bottom: 0; }
}

/* Mobile */

@media (max-width: 767px) {
	.list-qa { -webkit-columns: 1; -moz-columns: 1; columns: 1; }
	.list-qa dd:nth-child(2) { margin-bottom: 35px; }
}

/*  List estimate  */

.list-estimate dt,
.list-estimate dd { display: inline-block; vertical-align: middle; }

.list-estimate dt { padding-right: 15px; }
.list-estimate dt ~ dt { margin-left: 55px; }
.list-estimate dd { font-size: 25px; line-height: 1.3; font-family: 'Roboto Mono', sans-serif; }

/* Mobile */

@media (max-width: 767px) {
	
	.list-estimate dt,
	.list-estimate dd { display: block; }
	
	.list-estimate dt { padding: 0 0 10px; }
	.list-estimate dt ~ dt { margin: 20px 0 0; }
	.list-estimate dd { font-size: 20px; }
}

/*  List Description  */

.list-description dd,
.list-description { overflow: hidden; }

.list-description dt,
.list-description dd { margin-bottom: 16px; }

.list-description dt { float: left; font-weight: normal; min-width: 240px; margin-right: 5px; }

/* Mobile */

@media (max-width: 767px) {
	.list-description dt { margin-bottom: 5px; min-width: 0; margin-right: 8px; }
	.list-description dd:last-child { margin-bottom: 0; }
}

/*  List stats  */

.list-stats:after { }
.list-stats li { float: left; width: 33.333%; padding: 62px 5px 5px; min-height: 196px; background: #a4977d; text-align: center; color: #fff; font-family: 'Roboto Mono', sans-serif; }
.list-stats li:nth-child(even) { background: #968a72; }
.list-stats .extended:before { background: #a4977d; }
.list-stats strong { display: block; font-size: 45px; line-height: 1; }

/* Small Desktop */

@media (max-width: 1540px) {
	.list-stats li { padding-top: 40px; min-height: 150px; }
}

@media (max-width: 1279px) {
	.list-stats li { padding-top: 33px; min-height: 140px; }
}

/* Mobile */

@media (max-width: 767px) {
	.list-stats li { width: 33.333%; min-height: 108px; padding: 15px 16px; }
	.list-stats strong { font-size: 30px; margin: 0 -8px; }
}

@media(max-width: 374px) {
	.list-stats li { padding: 15px 8px; }
}

/*  List types  */

.list-types { font-size: 0; line-height: 0; }
.list-types li { display: inline-block; vertical-align: middle; width: 80px; height: 80px; border: 2px solid #a4977d;  text-align: center; line-height: 80px; font-size: 22px; font-family: 'Roboto Mono', sans-serif; font-weight: normal; color: #a4977d; }
.list-types li ~ li { margin-left: 86px; }

@media (max-width: 1279px) {
	.list-types li ~ li { margin-left: 66px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.list-types li ~ li { margin-left: 20px; }
}

/* Mobile */

@media (max-width: 767px) {
	.list-types { margin: 0 10px; }
	.list-types li,
	.list-types li ~ li { margin: 0 10px 20px; }

	.list-types li { width: 60px; height: 60px; line-height: 56px; font-size: 18px; }
}

/*  List steps  */

.list-steps-outter { counter-reset: step; }

.list-steps { padding: 71px 75px 74px 97px; min-height: 561px; font-size: 12px; line-height: 1.83; }
.list-steps li { position: relative; padding-left: 70px; counter-increment: step; }
.list-steps li:before { content: counter(step,decimal-leading-zero); position: absolute; top: 0; left: 0; font-family: 'Roboto Mono', sans-serif; font-weight: 100; font-size: 45px; line-height: 1; color: #b3a06c; }
.list-steps li + li { margin-top: 76px; }
.list-steps li + li:after { content: '\f107'; position: absolute; top: -77px; left: 16px; font-family: 'FontAwesome'; color: #b3a06c; font-size: 30px; }
.list-steps h5 { font-size: 18px; margin: 0 0 18px; }
.list-steps-alt { background: #fff; }

/* Small Desktop */

@media (max-width: 1540px) {
	.list-steps { padding: 50px; min-height: 558px; }
}

@media (max-width: 1279px) {
	.list-steps { padding: 30px 25px; min-height: 496px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.list-steps { min-height: 0; padding: 30px; font-size: 14px; }
}

/* Mobile */

@media (max-width: 767px) {
	.list-steps { padding: 30px; font-size: 13px; }
	.list-steps li { padding-left: 50px; }
	.list-steps li:before { font-size: 30px; }
	.list-steps li + li:after { left: 7px; }
	.list-steps h5 { font-size: 16px; padding-top: 2px; }
}

/*  List tools  */

.list-tools dt { font-size: 18px; font-family: 'Roboto Mono', sans-serif; font-weight: 300; padding-bottom: 2px; }
.list-tools dt ~ dt { margin-top: 20px; }
.list-tools dd { font-size: 12px; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.list-tools { -webkit-columns: 2; -moz-columns: 2; columns: 2; max-width: 580px; margin: 0 auto; }
	.list-tools dd { font-size: 14px; }
	.list-tools dd:nth-child(4) { margin-bottom: 52px; }
}

/* Mobile */

@media (max-width: 767px) {
	.list-tools { margin: 0; -webkit-columns: 1; -moz-columns: 1; columns: 1; }
	.list-tools dt { line-height: 1.5; }
	.list-tools dd { font-size: 13px; }
	.list-tools dd:nth-child(4) { margin-bottom: 0; }
}/* ------------------------------------------------------------ *\
	Loader
\* ------------------------------------------------------------ */

.loader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 50; background: #fff; opacity: 0; visibility: hidden; -webkit-transition: opacity .4s ease-in-out, visibility .4s ease-in-out; -o-transition: opacity .4s ease-in-out, visibility .4s ease-in-out; transition: opacity .4s ease-in-out, visibility .4s ease-in-out; }
.loader-inner { position: absolute; left: 50%; top: 50%; margin: -80px 0 0 -80px; width: 160px; height: 160px; }

.loader-inner span { position: absolute; background: #b3a06c; -webkit-transition: width .4s ease-in-out, height .4s ease-in-out, opacity .4s ease-in-out; -o-transition: width .4s ease-in-out, height .4s ease-in-out, opacity .4s ease-in-out; transition: width .4s ease-in-out, height .4s ease-in-out, opacity .4s ease-in-out; }

.loader-inner span:nth-child(1) { bottom: 87px; right: 0; height: 0; width: 7px; -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; }
.loader-inner span:nth-child(2) { right: 0; width: 0; height: 7px; -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; }
.loader-inner span:nth-child(3) { left: 0; width: 7px; height: 0; -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; }
.loader-inner span:nth-child(4) { left: 0; bottom: 0; width: 0; height: 7px; -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }
.loader-inner span:nth-child(5) { right: 0; bottom: 0; height: 0; width: 7px; -webkit-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s; }
.loader-inner span:nth-child(6) { bottom: 62px; right: 0; width: 7px; height: 11px; opacity: 0; background: #000; -webkit-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; }

.loader-inner p { font-weight: normal; opacity: 0; width: 290px; padding: 32px 0 0 26px; text-transform: uppercase; font-size: 46px; font-family: 'Roboto Mono', sans-serif; line-height: 1; -webkit-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; -webkit-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; }
.loader-inner strong { display: block; }
.loader-inner em { font-style: normal; padding-left: 12px; } 

.loader-visible { height: 100%; overflow: hidden; }
.loader-visible .loader { opacity: 1; visibility: visible; -webkit-transition: none; -o-transition: none; transition: none; }

.loader-visible .loader span:nth-child(1) { height: 73px; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
.loader-visible .loader span:nth-child(2) { width: 100%; }
.loader-visible .loader span:nth-child(3) { height: 100%; }
.loader-visible .loader span:nth-child(4) { width: 100%; }
.loader-visible .loader span:nth-child(5) { height: 54px; }
.loader-visible .loader span:nth-child(6) { opacity: 1; }

.loader-visible .loader p { opacity: 1; }

.loader-small { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: #fff; }
.loader-small:before { content: ''; position: absolute; top: 50%; left: 50%; width: 105px; height: 65px; margin: -32px 0 0 -52px; background: url(images/logo-black.svg) no-repeat 0 0; background-size: 105px 65px; -webkit-animation: blink 1s linear infinite; animation: blink 1s linear infinite;  }


/* Mobile */

/* Tablet Portrait */

@media (max-width: 1023px) {
	.loader-small { background: #000; }
	.loader-small:before { display: none; }       
}

@media (max-width: 767px) {
	.loader-inner { -webkit-transform: scale(.6); -ms-transform: scale(.6); transform: scale(.6); }
}/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { display: inline-block; vertical-align: middle; width: 105px; height: 65px; background: url(images/logo.svg) no-repeat 0 0; font-size: 0; line-height: 0; background-size: 100% auto; -webkit-transition: width .3s, height .3s, margin .3s; -o-transition: width .3s, height .3s, margin .3s; transition: width .3s, height .3s, margin .3s; }

/* Small Desktop */

@media (max-width: 1540px) {
	.logo { width: 80px; height: 50px; }
}/* ------------------------------------------------------------ *\
	Mouse
\* ------------------------------------------------------------ */

.mouse { position: relative; display: inline-block; width: 30px; height: 45px; border: 2px solid #fff; border-radius: 23px; cursor: pointer; opacity: .7; margin-top: 1px; }

.mouse-dot { position: absolute; display: block; top: 29%; left: 50%; width: 6px; height: 6px; margin: -3px 0 0 -3px; background: #fff; border-radius: 50%; -webkit-animation: ani-mouse 2.5s linear infinite; animation: ani-mouse 2.5s linear infinite; }
/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav-trigger { position: relative; display: inline-block; vertical-align: middle; width: 50px; height: 46px; padding: 15px 15px 0; background: #b3a06c; }
.nav-trigger span { position: absolute; display: block; height: 2px; width: 20px; background: #303030; -webkit-transition: top .2s .25s, width .2s 0s, -webkit-transform .2s 0s; transition: top .2s .25s, width .2s 0s, -webkit-transform .2s 0s; -o-transition: top .2s .25s, transform .2s 0s, width .2s 0s; transition: top .2s .25s, transform .2s 0s, width .2s 0s; transition: top .2s .25s, transform .2s 0s, width .2s 0s, -webkit-transform .2s 0s; } 

.nav-trigger span:nth-child(1) { top: 15px; } 
.nav-trigger span:nth-child(2) { top: 22px; } 
.nav-trigger span:nth-child(3) { top: 29px; } 
 
.nav-trigger span:nth-child(1), 
.nav-trigger span:nth-child(3) { -webkit-transform-origin: 0 center; -ms-transform-origin: 0 center; transform-origin: 0 center; } 
 
.nav-trigger:hover span:nth-child(1), 
.nav-trigger:hover span:nth-child(3) { top: 22px; width: 10px; -webkit-transition: top .2s, width .2s .25s, -webkit-transform .2s .25s; transition: top .2s, width .2s .25s, -webkit-transform .2s .25s; -o-transition: top .2s, transform .2s .25s, width .2s .25s; transition: top .2s, transform .2s .25s, width .2s .25s; transition: top .2s, transform .2s .25s, width .2s .25s, -webkit-transform .2s .25s; } 
 
.nav-trigger:hover span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } 
.nav-trigger:hover span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.nav ul { list-style: none outside none; }
.nav > ul > li:last-child a { border: none; }

.nav li { border-bottom: 1px solid #262626; -webkit-transition: border-color .3s; -o-transition: border-color .3s; transition: border-color .3s; }
.nav a { padding: 20px 0; text-transform: uppercase; display: block; font-family: 'Roboto Mono', sans-serif; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.nav li:hover { border-color: #b3a06c; }
.nav li:hover > a { color: #b3a06c; }
.nav li:hover a { text-decoration: none; }

.nav .link-alt { color: #b3a06c; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.nav .link-alt:hover { color: #fff; }

.nav ul ul { padding: 10px 0 10px 23px; margin-top: -17px; }
.nav ul ul li { border: none; }
.nav ul ul a { padding: 5px 0; font-size: 13px; }

/* Mobile */

@media (max-width: 767px) {
	.nav a { padding: 15px 0; }

	.nav ul ul a { padding: 10px 0; font-size: 11px; }
}

/* ------------------------------------------------------------ *\
	Nav utilities
\* ------------------------------------------------------------ */

.nav-utilities { font-family: 'Roboto Mono', sans-serif; }
.nav-utilities ul { list-style: none outside none; }
.nav-utilities li + li { padding-top: 5px; }
.nav-utilities a { font-size: 12px; color: #acaeb0; text-transform: uppercase; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.nav-utilities a:hover { color: #b3a06c; text-decoration: none; }
/* ------------------------------------------------------------ *\
	Paging
\* ------------------------------------------------------------ */

.paging { text-align: center; font-size: 0; line-height: 0; margin: 40px 0 20px; }

.paging ul { margin: 0 10px; display: inline-block; vertical-align: middle; list-style: none outside none; }
.paging ul:after { }

.paging li { float: left; }
.paging li + li { margin-left: 10px; }
.paging a { display: inline-block; vertical-align: middle; width: 40px; height: 40px; border: 2px solid #b3a06c; color: #000; font-size: 16px; line-height: 36px; -webkit-transition: color .3s, background .3s; -o-transition: color .3s, background .3s; transition: color .3s, background .3s; }
.paging .current a,
.paging a:hover { background: #b3a06c; color: #fff; text-decoration: none; }/* ------------------------------------------------------------ *\
	Popup
\* ------------------------------------------------------------ */

.popup-outter { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; opacity: 0; visibility: hidden; background: rgba(164, 151, 125, .9); -webkit-transition: opacity .3s, visibility .3s; -o-transition: opacity .3s, visibility .3s; transition: opacity .3s, visibility .3s; }
.popup-outter-secondary { background: rgba(236, 233, 225, .9); }

.popup { position: absolute; top: 50%; left: 50%; max-width: 100%; width: 900px; max-height: calc(100% - 40px); padding: 80px 25px; border: 5px solid #fff; -webkit-box-shadow: 60px 60px 60px rgba(0,0,0, .15); box-shadow: 60px 60px 60px rgba(0,0,0, .15); background: #ece9e1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.popup .popup-inner p { margin-bottom: 18px; }

.popup-inner { overflow: auto; padding: 0 61px; max-height: calc(100vh - 200px); }
.popup-inner::-webkit-scrollbar { width: 5px; }
.popup-inner::-webkit-scrollbar-track { border-radius: 10px; }
.popup-inner::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(255, 255, 255, 0.5); }

.popup-inner:hover::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.8); }

.popup-actions { position: absolute; top: 25px; right: 25px; }
.popup-actions a { display: block; width: 45px; height: 45px; border: 3px solid #b3a06c; text-align: center; line-height: 36px; -webkit-transition: background .3s, border-color .3s; -o-transition: background .3s, border-color .3s; transition: background .3s, border-color .3s; }

.popup-actions a:hover { background: #c9b16a; border-color: #c9b16a; }

.popup-outter-secondary .popup { background: #a4977d; }
.popup-outter-secondary .popup-actions a { border-color: #ece9e1; }
.popup-outter-secondary .popup-actions a:hover { background: #b3a06c; border-color: #b3a06c; }

.popup-visible { opacity: 1; visibility: visible; }
.popup-visible .popup-inner { -webkit-overflow-scrolling: touch; }

.popup .list-dashes strong { display: block; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.popup-inner { padding: 0 50px; }
}

/* Mobile */

@media (max-width: 767px) {
	.popup { padding: 44px 10px 30px; }
	.popup-inner { padding: 0 20px; }
	.popup-actions { top: 10px; right: 10px; }
	.popup-actions a { width: 30px; height: 30px; line-height: 22px; }
	.popup-actions a i { width: 10px; height: 10px; background-size: 100% auto; }
}/* ------------------------------------------------------------ *\
	Preview Frame
\* ------------------------------------------------------------ */

.preview-frame { width: 100%; }/* ------------------------------------------------------------ *\
	Samples
\* ------------------------------------------------------------ */

.samples { list-style: none outside none; margin-right: -1px; }
.samples:after { }
.sample { float: left; width: 50%; position: relative; }
.sample-pull-left { margin-left: -100px; width: calc(50% + 100px); }
.sample-pull-right { margin-right: -100px; width: calc(50% + 100px); }
.sample-1of3 { width: 33.3333%; }
.sample-1of3:nth-child(3):not(:last-child) { clear: left; }
.sample a { display: block; }
.sample a:hover { text-decoration: none; }

.sample-image { background: #000; overflow: hidden; }
.sample-image img { opacity: .5; width: 100%; height: auto; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, -webkit-transform .3s; -o-transition: opacity .3s, transform .3s; transition: opacity .3s, transform .3s; transition: opacity .3s, transform .3s, -webkit-transform .3s; }

.sample-actions { position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border: 3px solid #fff; text-align: center; opacity: 0; visibility: hidden; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } 
.sample-actions .btn { position: absolute; top: 50%; left: 50%; display: inline-block; -webkit-transform: translate(-50%, -40%); -ms-transform: translate(-50%, -40%); transform: translate(-50%, -40%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } 

.sample-meta { position: absolute; top: 50%; left: 5px; right: 5px; text-align: center; color: #fff; font-size: 13px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
.sample-meta h6 { margin: 0 0 16px; }
.sample-meta i { font-size: 30px; }
.sample-meta span { padding: 0 8px; }

.sample .link-more { display: block; position: relative; background: #91856e; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; }
.sample .link-more img { opacity: 0; display: block; width: 100%; height: auto; }
.sample .link-more:before { content: ''; position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; border: 3px solid #ece9e1; }
.sample .link-more span { position: absolute; top: 50%; left: 0; right: 0; text-align: center; text-transform: uppercase; color: #fff; font-size: 14px; font-family: 'Roboto Mono', sans-serif; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.sample .link-more:hover { background: #847860; }

.sample:hover .sample-image img { opacity: .2; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-filter: grayscale(0); filter: grayscale(0); }
.sample:hover .sample-meta-secondary { opacity: 0; }
.sample:hover .sample-actions { top: 20px; left: 20px; right: 20px; bottom: 20px; opacity: 1; visibility: visible; }
.sample:hover .sample-actions .btn { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.sample .link-more-alt { display: block; overflow: hidden; }
.sample .link-more-alt:hover,
.sample .link-more-alt { background: #b1aea8; }

/* Small Desktop */

@media (max-width: 1540px) {
	.sample-image-lg { overflow: hidden; }
	.sample-image-lg img { max-width: none; width: auto; }

	.sample-pull-left { margin-left: -50px; width: calc(50% + 50px); }
	.sample-pull-right { margin-right: -50px; width: calc(50% + 50px); }
}

@media (max-width: 1279px) {
	.sample-pull-left { margin-left: -25px; width: calc(50% + 25px); }
	.sample-pull-right { margin-right: -25px; width: calc(50% + 25px); }

	.sample-meta { font-size: 10px; }
	.sample-meta h6 { font-size: 16px; margin-bottom: 10px; }
	.sample-meta p { margin-bottom: 10px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.sample-pull-right,
	.sample-pull-left { margin: 0; width: 50%; }

	.sample-actions { opacity: 1; visibility: visible; border: none; }
	.sample-meta-secondary { display: none; }

	.sample-meta p { display: none; }
	.sample-image-lg img { width: 100%; height: auto; }

	.sample-meta img { max-width: 50%; }
}

/* Mobile */

@media (max-width: 767px) {
	.sample { width: 50%; }

	.sample-meta h6 { font-size: 14px; }
	
	.sample .link-more:before { border-width: 1px; top: 5px; right: 5px; left: 5px; bottom: 5px; }
	.sample .link-more span { font-size: 11px; }
	
	.sample .link-more-alt { padding-bottom: 1px; }

	.sample:hover .sample-actions { top: 5px; left: 5px; right: 5px; bottom: 5px; border-width: 1px; }

	.sample-meta img { max-width: 50%; }

	.sample-1of3:nth-child(3):not(:last-child) { clear: none; }
}

@media(max-width: 374px) {
	.sample-meta h6 { font-size: 12px; line-height: 1.3; }
}/* ------------------------------------------------------------ *\
	Search
\* ------------------------------------------------------------ */

.search { position: relative; }
.search-field { padding: 6px 46px 6px 18px; border-color: #b3a06c; -webkit-box-shadow: 0 2px 0 #b3a06c; box-shadow: 0 2px 0 #b3a06c; color: #000; font-family: 'Roboto Mono', sans-serif; -webkit-appearance: none; }
.search-field::-webkit-input-placeholder { color: #000; }
.search-field::-moz-placeholder { color: #000; }
.search-field:-ms-input-placeholder { color: #000; }
.search-field::-ms-input-placeholder { color: #000; }
.search-field::placeholder { color: #000; }
.search-field:focus { border-color: #b3a06c; -webkit-box-shadow: 0 2px 0 #b3a06c; box-shadow: 0 2px 0 #b3a06c; }
.search-btn { position: absolute; top: 50%; right: 20px; margin-top: -18px; height: 32px; line-height: 0; border: none; background: none; color: #b3a06c; font-size: 24px; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.search-btn:hover { color: #b3a06c; }

.search .acResults { top: 100% !important; left: 0 !important; right: 0 !important; z-index: 5; width: auto !important; border: 1px solid #b3a06c; padding: 20px; background: #ece9e1; }

.search .acResults ul { list-style: none outside none; }
.search .acResults li { font-size: 14px; cursor: pointer; }
.search .acResults li + li { padding-top: 5px; }
.search .acResults strong { color: #b3a06c; }

.search .acResults .acSelect { text-decoration: underline; }
/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section { text-align: left; }
.section .shell { padding: 87px 80px; }
.section h2 { margin: 20px 0 25px; }
.section h3 { margin: 0 0 20px; }
.section h5 { margin-bottom: 30px; }
.section h5 span { color: #c2c0bb; }
.section p { margin-bottom: 40px; }
.section p:last-child { margin-bottom: 0; }
.section .link-more { text-decoration: underline; }
.section .link-more:hover { text-decoration: none; }

.section .section-actions { padding: 26px 0 12px; }
.section .section-actions-secondary { padding: 0; }
.section .section-actions .btn ~ .btn { margin-left: 18px; }

.section .list-squares { display: inline-block; vertical-align: top; margin-left: 30px; }
.section .list-squares + .list-squares { margin-left: 80px; }

.section .list-estimate { padding: 27px 0 10px; }

.section-inner { max-width: 1180px; margin: 0 auto; }
.section-entry { max-width: 940px; margin: 0 auto; }

.section-center { text-align: center; }

.section-eq,
.section-eq .shell,
.section-eq-alt,
.section-eq-alt .shell { min-height: 100%; width: 100%; }

/* Small Desktop */

@media (max-width: 1540px) {
	.section .shell { padding: 50px; }

	.section-inner { padding-left: 30px; padding-right: 30px; }
	.section-entry { padding-left: 30px; padding-right: 30px; }
}

@media (max-width: 1279px) {
	.section .shell { padding: 35px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section .shell { padding: 50px; }

	.section-inner { padding-left: 50px; padding-right: 50px; }
	.section-entry { padding: 0; }

}

/* Mobile */

@media (max-width: 767px) {
	.section h5 { margin-bottom: 20px; }
	.section p { margin-bottom: 30px; }
	.section .shell { padding: 30px; }

	.section-inner { padding-left: 30px; padding-right: 30px; }

	.section .section-actions { padding: 10px 0 0; margin: 0 -10px; }

	.section .section-actions .btn,
	.section .section-actions .btn ~ .btn { margin: 0 10px 20px; vertical-align: top; }

	.section .section-actions .btn:last-child { margin-bottom: 0; }

	.section .list-squares { margin-left: 15px; }
	.section .list-estimate { padding-top: 10px; }

	.section-center { text-align: left; }
}

/* ------------------------------------------------------------ *\
	Section primary
\* ------------------------------------------------------------ */

.section-primary .shell { background: #ece9e1; }

.section-primary .section-head h2 { margin: 16px 0 24px; }
.section-primary .section-head h2 strong { font-weight: 300; color: #b3a06c; }

.section-primary .section-body .shell { background: none; }

.section-primary .title:after { margin-left: auto; margin-right: auto; }

.section-primary .extended:before { background: #ece9e1; }

/* Mobile */

@media (max-width: 767px) {
	.section-primary .title:after { margin-left: 0; margin-right: 0; }
}

/* ------------------------------------------------------------ *\
	Section secondary
\* ------------------------------------------------------------ */

.section-secondary { color: #fff; }

.section-secondary .shell { background: #a4977d; }
.section-secondary .title:after { margin-left: auto; margin-right: auto; border-color: #d2cbbe; }
.section-secondary .extended:before { background: #a4977d; }

/* Mobile */

@media (max-width: 767px) {
	.section-secondary .title:after { margin-left: 0; margin-right: 0; }
}

/* ------------------------------------------------------------ *\
	Section welcome
\* ------------------------------------------------------------ */

.section-welcome { text-align: center; }
.section-welcome h2 { margin: 25px 0; }
.section-welcome h2 strong { font-weight: 300; color: #b3a06c; }
.section-welcome .shell { padding: 88px 0 208px; }

/* Small Desktop */

@media (max-width: 1540px) {
	.section-welcome .shell { padding: 50px 0; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-welcome .section-entry { padding: 0; }
}

/* Mobile */

@media (max-width: 767px) {
	.section-welcome { text-align: left; }
	.section-welcome .shell { padding: 30px 0; }
	.section-welcome h2 { margin: 25px -5px; }
}

/* ------------------------------------------------------------ *\
	Section benefits
\* ------------------------------------------------------------ */

.section-benefits { position: relative; margin-top: -100px; color: #fff; }
.section-benefits .shell { position: relative; }
.section-benefits .shell:after { }
.section-benefits .extended:before { background: #a4977d; }
.section-benefits .title { margin-bottom: 40px; }
.section-benefits .title:after { border-color: #c8c1b1; }

.section-benefits .section-image { position: absolute; top: 0; bottom: 0; left: 50%; width: 50%; background-size: cover; background-position: center center; }
.section-benefits .section-image img { display: none; }

.section-benefits .section-content { padding: 76px 80px 20px; min-height: 589px; background: #a4977d; font-family: 'Roboto Mono', sans-serif; font-size: 18px; float: left; width: 50%; }
.section-benefits .section-content h3 { margin: 0 0 10px; }
.section-benefits .section-content p { margin-bottom: 26px; }

/* Small Desktop */

@media (max-width: 1540px) {
	.section-benefits { margin-top: 0; }
	.section-benefits .section-content { min-height: 0; padding: 50px 10px 50px 50px; font-size: 15px; }
}

@media (max-width: 1279px) {
	.section-benefits .section-content { padding: 50px 10px 50px 25px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-benefits .section-content { width: 100%; float: none; padding: 50px; }
	.section-benefits .section-image { position: static; height: 450px; width: 100%; }
}

/* Mobile */

@media (max-width: 767px) {
	.section-benefits .title { margin-bottom: 25px; }
	.section-benefits .section-content { padding: 30px; }
	.section-benefits .section-image { height: 270px; }
}

/* ------------------------------------------------------------ *\
	Section samples
\* ------------------------------------------------------------ */

.section-samples .shell { position: relative; }
.section-samples .shell:after { }

.section-samples .title:after { border-color: #8e8c87; }

.section-samples .extended:before,
.section-samples .section-content { background: #ece9e1; }

.section-samples .section-image { position: absolute; top: 0; bottom: 0; left: 0; width: 50%; background-size: cover; background-position: center center; }
.section-samples .section-image img { display: none; }

.section-samples .section-content { float: right; width: 50%; }
.section-samples .section-content h3 { margin: 17px 0 20px; }

.section-samples .section-inner { min-height: 409px; padding: 76px 40px 76px 80px; }

.section-samples .samples { margin-right: -91px; }

/* Small Desktop */

@media (max-width: 1540px) {
	.section-samples .section-inner { padding: 50px; min-height: 0; }
	.section-samples .samples { margin-right: -50px; }
}

@media (max-width: 1279px) {
	.section-samples .section-inner { padding: 50px 25px; }
	.section-samples .samples { margin-right: -25px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-samples .section-content { float: none; width: 100%; }
	.section-samples .section-image { display: none; }
	.section-samples .section-inner { padding: 50px; }

	.section-samples .samples { margin: 0; }
}

/* Mobile */

@media (max-width: 767px) {
	.section-samples .section-inner { padding: 30px; }
	.section-samples .section-content h3 { margin-top: 25px; }
}

/* ------------------------------------------------------------ *\
	Section services
\* ------------------------------------------------------------ */

.section-services { margin-top: -100px; }
.section-services .section-head { padding: 195px 0 192px; background: #a4977d; text-align: center; color: #fff; }
.section-services .title:after { margin-left: auto; margin-right: auto; border-color: #c8c1b1; }
.section-services h2 { margin: 24px 0; }
.section-services .section-body { position: relative; z-index: 3; margin: -100px 0; }

.section-services .extended:before { background: #ece9e1; }

.section-services-alt .shell { padding-top: 85px; }
.section-services-alt .section-head { text-align: center; padding-bottom: 90px; }
.section-services-alt h3 { margin-bottom: 35px; }
.section-services-alt h3 strong { color: #b3a06c; font-weight: 300; }
.section-services-alt .services { position: relative; z-index: 2; margin-bottom: -50px; }
.section-services-alt .service-inner { min-height: 899px; }

/* Small Desktop */

@media (max-width: 1540px) {
	.section-services { margin-top: 0; }
	.section-services .section-head { padding: 50px 50px 150px; margin: 0 -50px; }

	.section-services .section-entry { padding: 0 40px; }
	.section-services-alt .shell { padding-top: 50px; }
	.section-services-alt .section-head { padding-bottom: 50px; }

	.section-services-alt .services { margin-bottom: 0; }

	.section-services-alt .service-inner { min-height: 810px; padding-bottom: 80px; }
}

@media (max-width: 1279px) {
	.section-services-alt .service-inner { min-height: 816px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-services .section-head { padding: 50px; }
	.section-services .section-body { margin: 0; }
	.section-services .section-entry { padding: 0 20px; }

	.section-services .services { margin: 0; }
	.section-services .service { padding: 0; }

	.section-services-alt .section-entry br { display: none; }
	.section-services-alt .service-inner { min-height: 0; padding-bottom: 50px; }
	.section-services-alt .service:nth-child(even) .service-inner { background: #ece9e1; }
	.section-services-alt .services { margin-bottom: 0; }
	.section-services-alt .list-dashes { -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }
	.section-services-alt .list-dashes li { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; padding-bottom: 15px; }
	.section-services-alt .list-dashes li + li { margin-top: 0; }
}

/* Mobile */

@media (max-width: 767px) {
	.section-services .section-head { padding: 30px; text-align: left; margin: 0; }
	.section-services .title:after { margin-left: 0; margin-right: 0; }

	.section-services-alt .list-dashes { -webkit-columns: 1; -moz-columns: 1; columns: 1; }

	.section-services .service:nth-child(1),
	.section-services .service:nth-child(2) { width: 100%; float: none; }

	.section-services .service:nth-child(1) .service-inner,
	.section-services .service:nth-child(2) .service-inner { min-height: 0; }

	.section-services-alt .shell { padding-top: 30px; }
	.section-services-alt .section-head { padding-bottom: 30px; text-align: left; }
	.section-services-alt .section-head .title { margin: 0 30px; }
	.section-services-alt .service-inner { padding-bottom: 30px; }
}

/* ------------------------------------------------------------ *\
	Section testimonials
\* ------------------------------------------------------------ */

.section-testimonials .shell { position: relative; }
.section-testimonials .section-head { position: absolute; top: 0; left: 0; z-index: 2; width: calc(50% - 46px); padding: 197px 0 30px 75px; background: #fff; }

/* Small Desktop */

@media (max-width: 1540px) {
	.section-testimonials .section-head { padding: 197px 0 30px 50px; }
}

@media (max-width: 1279px) {
	.section-testimonials .section-head { padding: 210px 0 30px 25px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-testimonials { padding: 50px; }
	.section-testimonials .section-head { position: static; padding: 0 0 50px; width: 100%; }
}

/* Mobile */

@media (max-width: 767px) {
	.section-testimonials { padding: 30px 30px 20px; }
	.section-testimonials .section-head { padding-bottom: 25px; }
}

/* ------------------------------------------------------------ *\
	Section callout
\* ------------------------------------------------------------ */

.section-callout { position: relative; z-index: 9; }
.section-callout-alt { margin: -50px 0; }

.section-callout .section-image { height: 395px; background-size: cover; background-attachment: fixed; background-position: center center; }
.section-callout .section-image-lg { height: 563px; }
.section-callout .section-image-md { height: 463px; }
.section-callout .section-image img { display: none; }

.section-callout .section-content { position: absolute; top: 50%; left: 0; width: 100%; margin-top: 3px; text-align: center; color: #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.section-callout .section-content h3 { font-weight: 500; margin: 0 0 56px; }
.section-callout .section-content h3 small { display: block; font-size: 15px; text-transform: uppercase; font-weight: normal; letter-spacing: 0.1em; padding-bottom: 13px; }

.section-callout .section-content .btn { padding: 0 28px; }

.section-callout .section-content-alt h3 { font-family: 'Roboto Mono', sans-serif; font-weight: 300; margin-bottom: 40px; }

.section-callout-secondary { padding: 91px 0 110px; }
.section-callout-secondary .section-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: auto; }
.section-callout-secondary .section-content { position: relative; top: auto; -webkit-transform: none; -ms-transform: none; transform: none; }
.section-callout-secondary .form { padding-top: 33px; }
.section-callout-secondary .form .btn { padding: 0 5px; }

.section-callout-tertiary { background: #fff; }
.section-callout-tertiary .section-image { margin: 0 1px 0 -100px; }
.section-callout-tertiary .section-content { margin-top: 50px; }

/* Small Desktop */

@media (max-width: 1540px) {
	.section-callout { margin: 0 -50px; }
	.section-callout-alt { margin: 0 -50px; }
	.section-callout .section-image { height: 300px; }
	.section-callout .section-image-lg { height: 400px; }
	.section-callout .section-content h3 { margin-bottom: 17px; }

	.section-callout-secondary { padding: 80px 0 40px; }
	.section-callout-secondary .section-image { height: auto; }
}

@media (max-width: 1279px) {
	.section-callout { margin: 0 -25px; }
	.section-callout-alt { margin: 0 -25px; }
	.section-callout-secondary { padding-bottom: 60px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-callout { margin: 0; }
	.section-callout .section-content h3 { margin-bottom: 30px; }
	.section-callout .section-image { background-attachment: scroll; background-position: center 80%; }
	.section-callout .section-content .shell { padding: 0 50px; }

	.section-callout-secondary { padding: 50px 0; }
	.section-callout-secondary .form { padding: 0; }
}

/* Mobile */

@media (max-width: 767px) {
	.section-callout .section-content .shell { padding: 0; }
	.section-callout .section-content-alt .shell { padding: 0 10px; }
	.section-callout .section-content h3 { margin-bottom: 30px; }

	.section-callout .section-image { height: 250px; }

	.section-callout-secondary { padding: 30px 0; }
	.section-callout-secondary .section-image { height: auto; }
	.section-callout-secondary .section-content { text-align: left; padding: 0 30px; }
	.section-callout-secondary .form { padding: 0; }

}

/* ------------------------------------------------------------ *\
	Section about
\* ------------------------------------------------------------ */

.section-about .shell { position: relative; }
.section-about .shell:after { }

.section-about .section-content { float: right; width: 50%; min-height: 626px; }

.section-about .section-image { position: absolute; top: 0; left: 0; bottom: 0; width: 50%; background-size: cover; background-position: center center; }
.section-about .section-image img { display: none; }

.section-about .extended:before,
.section-about .section-content { background: #fff; }

.section-about .section-content { padding: 97px 80px 40px; }
.section-about .section-content h2 { margin: 24px 0 35px; }
.section-about .section-content .title:after { margin-bottom: 24px; }

/* Small Desktop */

@media (max-width: 1540px) {
	.section-about .section-content { padding: 50px; min-height: 0; }
}

@media (max-width: 1279px) {
	.section-about .section-content { padding: 30px 25px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-about .section-image { display: none; }
	.section-about .section-content { float: none; width: 100%; padding: 50px; }
}

/* Mobile */

@media (max-width: 767px) {
	.section-about .section-content { padding: 30px; }
}

/* ------------------------------------------------------------ *\
	Section values
\* ------------------------------------------------------------ */

.section-values { margin-bottom: -72px; }
.section-values .section-head { text-align: center; }
.section-values .section-head .shell { padding: 94px 0 181px; }
.section-values .section-body { position: relative; margin-top: -80px; }
.section-values .section-body:after { }

.section-values .section-image,
.section-values .section-content { float: left; }

.section-values .section-content { width: 50%; padding: 80px 0 0 10px; color: #000; }
.section-values .section-image { width: calc(50% + 100px); margin-right: -100px; }

/* Small Desktop */

@media (max-width: 1540px) {
	.section-values { margin-bottom: -50px; }
	.section-values .section-head .shell { padding: 50px 0 110px; }
	.section-values .section-image { overflow: hidden; }
	.section-values .section-image img { max-width: none; width: 760px; }

	.section-values .section-content { padding: 110px 0 0 10px; }
}

@media (max-width: 1279px) {
	.section-values .section-image img { width: 710px; }

	.section-values .section-content { padding: 80px 0 0 10px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-values { margin-bottom: 0; }
	.section-values .section-head .shell { padding: 50px; }
	.section-values .section-body { margin: 0; }
	.section-values .section-content { float: none; width: 100%; padding: 50px; background: #fff; }
	.section-values .section-image { width: 100%; margin: 0; }
	.section-values .section-image img { width: 100%; height: auto; margin: 0; }
}

/* Mobile */

@media (max-width: 767px) {
	.section-values .section-head { text-align: left; }
	.section-values .section-head .shell { padding: 30px; }
	.section-values .section-content { padding: 30px 20px; }
}

/* ------------------------------------------------------------ *\
	Section team
\* ------------------------------------------------------------ */

.section-team { padding-bottom: 5px; text-align: center; }
.section-team .section-head .shell { padding: 85px 0 191px; }
.section-team .section-body { position: relative; margin-top: -80px; }
.section-team .section-images:after { }

.section-team .section-image { float: left; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.section-team .section-image img { display: none; }

.section-team .section-image-sm { width: 25%; height: 365px; }
.section-team .section-image-md { width: 50%; height: 365px; }
.section-team .section-image-lg { width: 50%; height: 790px; }
.section-team .section-image-xl { width: calc(50% + 100px); height: 790px; margin-left: -100px; }
.section-team .section-image-xl.section-image-right { margin: 0 -100px 0 0; }
.section-team .section-image-right { float: right; }

/* Small Desktop */

@media (max-width: 1540px) {
	.section-team .section-head .shell { padding: 20px 0 130px; }

	.section-team .section-image-xl,
	.section-team .section-image-xl.section-image-right { margin: 0; width: 50%; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-team .section-head .shell { padding: 50px; }
	.section-team .section-body { margin-top: 0; }

	.section-team .section-image { width: 50%; }

	.section-team .section-image-md,
	.section-team .section-image-xl,
	.section-team .section-image-xl.section-image-right,
	.section-team .section-image-lg { width: 100%; }

	.section-team .section-image-xl { height: 730px; }
}

/* Mobile */

@media (max-width: 767px) {
	.section-team { text-align: left; }
	.section-team .section-head .shell { padding: 30px; }
	.section-team .section-head h2 { margin: 16px 0 24px; }

	.section-team .section-image { width: 100%; }
	.section-team .section-image-sm { height: 315px; }
	.section-team .section-image-lg { height: 350px; }
	.section-team .section-image-xl { height: 300px; }
	.section-team .section-image-md { height: 160px; }
}

/* ------------------------------------------------------------ *\
	Section contact
\* ------------------------------------------------------------ */

.section-contact .section-head { text-align: center; }
.section-contact .section-head .shell { padding: 85px 0 191px; }
.section-contact .section-body { margin-top: -110px; text-align: left; }
.section-contact .section-body .shell { background: #ece9e1; }
.section-contact .form { z-index: 2; }
.section-contact .form:before { background: #a4977d; }

.section-contact .col-size1 { width: calc(100% - 500px); }
.section-contact .col-size2 { width: 500px; }

.section-contact .contacts { padding-left: 80px; margin-top: -8px; }
.section-contact .list-qa { margin: 0 97px 0 113px; }
.section-contact .list-qa:after { content: ''; position: absolute; bottom: 0; left: 50%; height: 100px; width: 1000%; background: #fff; }
.section-contact .map { height: 513px; margin-right: -100px; }

/* Small Desktop */

@media (max-width: 1540px) {
	.section-contact .section-head .shell { padding: 50px 0 160px; }
	.section-contact .contacts { padding-left: 50px; }
	.section-contact .map { height: 299px; margin-right: 0; }

	.section-contact .list-qa { margin: 0 50px; }
	.section-contact .list-qa:after { left: 0; height: 50px; }
}

@media (max-width: 1279px) {
	.section-contact .contacts { padding-left: 25px; }
	.section-contact .list-qa { margin: 0 25px; }

	.section-contact .map { height: 249px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-contact .section-head .shell { padding: 50px 0; }
	.section-contact .section-body { margin-top: 0; }
	.section-contact .col { width: 100%; }
	.section-contact .col-1of2 { float: left; width: 50%; }
	.section-contact .contacts { margin: 0; padding: 40px; }
	.section-contact .list-qa { margin: 0; padding: 50px; }
	.section-contact .list-qa:after { display: none; }
}

/* Mobile */

@media (max-width: 767px) {
	.section-contact .section-head { text-align: left; }
	.section-contact .section-head .shell { padding: 30px; }
	.section-contact .contacts { padding: 30px; }
	.section-contact .col { float: none; width: 100%; }
	.section-contact .col-1of2 ~ .col-1of2 { padding-top: 20px; }
	.section-contact .map { height: 220px; }
	.section-contact .list-qa { padding: 30px; }
}

/* ------------------------------------------------------------ *\
	Section preparation
\* ------------------------------------------------------------ */

.section-preparation h2 { margin: 20px 0 25px; }
.section-preparation .shell { padding-top: 95px; }
.section-preparation .section-entry { margin-bottom: 60px; }

/* Small Desktop */

@media (max-width: 1540px) {
	.section-preparation .shell { padding-top: 40px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-preparation .shell { padding-top: 50px; }
}

/* Mobile */

@media (max-width: 767px) {
	.section-preparation .shell { padding-top: 30px; }
	.section-preparation .section-entry { margin-bottom: 30px; }
}

/* ------------------------------------------------------------ *\
	Section step
\* ------------------------------------------------------------ */

.section-step .shell { position: relative; }
.section-step .shell:after { }

.section-step .section-image { position: relative; z-index: 2; width: calc(50% + 100px); }
.section-step .section-image.alignright { margin-right: -100px; }
.section-step .section-image.alignleft { margin-left: -100px; text-align: right; }
.section-step .section-image-secondary { position: absolute; bottom: -63px; left: 0; z-index: 3; }
.section-step .section-image-secondary.alignright { left: auto; right: 0; }
.section-step .section-image-tertiary { position: relative; z-index: 2; text-align: center; margin: 88px 0 -100px; }

.section-step .section-image-multiple { height: 400px; width: 50%; z-index: 4; }

.section-step .section-image-multiple.alignleft,
.section-step .section-image-multiple.alignright { margin: 0; }

.section-step .section-image-quaternary.alignleft { margin-top: -104px; }

.section-step .section-image-inner { position: absolute; bottom: 0; text-align: left; }
.section-step .section-image-inner img { max-width: none; }

.section-step .section-image-browser { margin-bottom: 62px; }
.section-step .section-image-ipad { width: 404px; height: 501px; padding: 44px 48px 0 51px; background: url(images/ipad.png) no-repeat 0 0; background-size: 100% 100%; }
.section-step .section-image-iphone { width: 190px; height: 339px; padding: 40px 24px 0; background: url(images/iphone.png) no-repeat 0 0; background-size: 100% auto; }
.section-step .section-image-iphone.video-secondary:after { content: ''; position: absolute; top: 39px; left: 23px; right: 23px; bottom: 46px; border-radius: 2px; border: 2px solid #000; }

.section-step .section-image-browser-lg { width: 632px; height: 385px; padding-top: 30px; background: #fff url(images/browser-lg.png) no-repeat 0 0; background-size: 100% 31px; }
.section-step .section-image video { vertical-align: top; }

.section-step .section-image-multiple.alignright .section-image-monitor { margin-left: 162px; }

.section-step .section-image-multiple.alignleft .section-image-monitor { margin-left: 66px; }
.section-step .section-image-multiple.alignleft .section-image-browser { margin-left: 400px; }

.section-step .section-image-multiple.alignleft .section-image-browser-lg { margin-left: 108px; }
.section-step .section-image-multiple.alignleft .section-image-iphone { margin: 0 0 -50px 124px; }

.section-step .section-image-multiple.alignright .section-image-ipad { margin: 0 0 -187px 260px; }
.section-step .section-image-multiple.alignright .section-image-iphone { margin: 0 0 -240px 174px; }

.section-step .section-image-multiple-alt.alignright .section-image-iphone { margin: 0 0 -190px 130px; }
.section-step .section-image-multiple-alt.alignright .section-image-browser-lg { right: 0; margin-bottom: -138px; }

.section-step .section-image-multiple .link-code { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.section-step .section-image-multiple .link-code i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.section-step .section-video { position: absolute; top: 0; height: 100%; width: 50%; overflow: hidden; }
.section-step .section-video video { min-height: calc(100% + 1px); min-width: 100%; margin-top: -1px; -o-object-fit: cover; object-fit: cover; }
.section-step .section-video.alignleft { right: 50%; width: calc(50% + 100px); }
.section-step .section-video.alignright { position: relative; top: auto; z-index: 2; float: right; width: 50%; }

.section-step .section-content { width: 50%; padding: 90px 108px; }
.section-step .section-content-eq { min-height: 538px; }
.section-step .section-content-md { padding-bottom: 143px; }
.section-step .section-content-alt p { margin-right: -20px; }
.section-step .section-content.alignright { padding-left: 84px; }
.section-step .section-content .title:after { margin-left: 0; margin-right: 0; }
.section-step .section-content h2 { margin: 25px 0 20px; }
.section-step .section-content p { margin-bottom: 10px; }
.section-step .section-content p:last-child { margin-bottom: 0; }
.section-step .section-content a { text-decoration: underline; }
.section-step .section-content a:hover { text-decoration: none; }

.section-step .section-inner { max-width: 100%; }

.section-step .section-inner .shell { background: #ece9e1; color: #000; }
.section-step .section-inner .shell:before { background: #ece9e1; }
.section-step .section-inner .section-content-alt { padding: 156px 84px 0; }

.section-step-alt { margin-top: -100px; }

.section-step-alt .section-image,
.section-step-alt .section-content { padding: 0; width: 100%; float: none; }

.section-step-alt .section-content .shell { padding: 95px 108px 83px; }
.section-step-alt .section-content .cols { margin: 0 -100px; }
.section-step-alt .section-content .col { padding: 0 100px; }

.section-step-alt .section-image img { max-width: none; }

.section-step-secondary { margin-top: 0; }
.section-step .section-content .section-title-alt { margin-right: -20px; }

/* Small Desktop */

@media (max-width: 1540px) {
	.section-step .section-content { padding: 50px; }
	.section-step .section-content.alignright { padding-left: 50px; }
	.section-step .section-image-secondary { bottom: -63px; }

	.section-step .section-content-eq { min-height: 424px; }
	.section-step .section-content-md { padding-bottom: 120px; }
	.section-step .section-content-alt p { margin-right: 0; }
	.section-step .section-inner .section-content { padding: 50px 50px 50px 0; }
	.section-step .section-inner .section-content-alt { padding: 156px 50px 0; }

	.section-step .section-image { width: calc(50% + 50px); }
	.section-step .section-image.alignright { margin-right: -50px; }
	.section-step .section-image.alignleft { margin-left: -50px; }

	.section-step-alt .section-image,
	.section-step-alt .section-content { padding: 0; }

	.section-step .section-image-browser-lg { width: 559px; height: 344px; }

	.section-step .section-image-multiple.alignright .section-image-monitor { margin-left: 104px; }

	.section-step .section-image-multiple.alignright .section-image-ipad { margin: 0 0 -107px 190px; }
	.section-step .section-image-multiple.alignright .section-image-iphone { margin: 0 0 -150px 114px; }

	.section-step .section-image-multiple.alignleft .section-image-browser { margin-left: 272px; }
	.section-step .section-image-multiple.alignleft .section-image-browser-lg { left: auto; right: 0; margin-left: 0; }
	.section-step .section-image-multiple.alignleft .section-image-browser-lg img { max-width: 100%; }
	.section-step .section-image-multiple.alignleft .section-image-iphone { margin-left: 24px; }

	.section-step .section-image-multiple-alt.alignright .section-image-iphone { margin: 0 0 -60px 130px; }
	.section-step .section-image-multiple-alt.alignright .section-image-browser-lg { right: auto; left: 0; margin-bottom: -24px; }
	.section-step .section-image-multiple-alt.alignright .section-image-browser-lg img { max-width: 100%; }

	.section-step-alt .section-content .cols { margin: 0 -40px; }
	.section-step-alt .section-content .col { padding: 0 40px; }

	.section-step-alt .section-content .shell { padding: 50px; }

	.section-step .section-video.alignright { margin-right: -30px; width: calc(50% + 30px); }

	.section-eq .shell { padding-bottom: 30px; }

	.section-step .section-content .section-title-alt { margin-right: 0; }
}

@media (max-width: 1279px) {

	.section-step .section-image { width: calc(50% + 25px); }
	.section-step .section-image.alignright { margin-right: -25px; }
	.section-step .section-image.alignleft { margin-left: -25px; }

	.section-step .section-image:not(.section-image-multiple) { overflow: hidden; }
	.section-step .section-image:not(.section-image-multiple) img { max-width: 700px; }
	.section-step .section-inner .section-image img { max-width: 100%; }

	.section-step .section-image-secondary { bottom: -55px; }
	.section-step .section-image-inner img { max-width: 100%; }

	.section-step .section-content-eq { min-height: 0; }

	.section-step .section-image-monitor { width: 430px; }

	.section-step .section-image-browser { width: 250px; margin-bottom: 55px; }
	.section-step .section-image-browser-lg { width: 482px; height: 301px; }

	.section-step .section-image-multiple.alignright .section-image-monitor { margin-left: 60px; }
	.section-step .section-image-multiple.alignleft .section-image-monitor { margin-left: 25px; }
	.section-step .section-image-multiple.alignleft .section-image-browser { margin-left: 220px; }
	.section-step .section-image-multiple.alignright .section-image-ipad { margin: 0 0 -107px 80px; }
	.section-step .section-image-multiple.alignright .section-image-iphone { margin: 0 0 -170px 54px; }

	.section-step .section-image-multiple-alt.alignright .section-image-iphone { margin: 0 0 -120px 280px; }
	.section-step .section-image-multiple-alt.alignright .section-image-browser-lg { margin-bottom: -70px; }

	.section-step-alt { margin-top: -50px; }
	.section-step-alt .section-image { width: 100%; }
	.section-step-alt .section-image:not(.section-image-multiple) img { max-width: 100%; }

	.section-eq .section-actions { padding-bottom: 0; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-step .section-content,
	.section-step .section-image { float: none; width: 100%; }

	.section-step .section-image.alignleft,
	.section-step .section-image.alignright { margin: 0; }

	.section-step .section-image:not(.section-image-multiple) img { max-width: 100%; width: 100%; height: auto; }

	.section-step .section-image-multiple { position: relative; left: auto; bottom: auto; }
	.section-step .section-image-inner { left: 50%; }

	.section-step .section-image-multiple.alignleft .section-image-monitor,
	.section-step .section-image-multiple.alignright .section-image-monitor { margin: 0 0 0 -215px; }

	.section-step .section-image-multiple.alignleft .section-image-browser { margin-left: 0; }

	.section-step .section-image-multiple.alignright .section-image-ipad { margin: 0 0 0 -202px; }
	.section-step .section-image-multiple.alignright .section-image-iphone { margin: 0 0 0 50px; }
	.section-step .section-image-multiple.alignleft .section-image-iphone { margin: 0 0 -30px 50px; }

	.section-step .section-image-multiple.alignleft .section-image-browser-lg { margin-right: -241px; right: 50%; }

	.section-step .section-image-multiple-alt.alignright .section-image-browser-lg { left: 50%; margin: 0 0 0 -241px; }
	.section-step .section-image-multiple-alt.alignright .section-image-iphone { margin: 0 0 -50px 50px; }

	.section-step .section-image-tertiary { height: 551px; }
	.section-step .section-image-quaternary { height: 350px; }

	.section-step .section-content-md { padding-bottom: 50px; }

	.section-step .section-inner { padding: 0; }

	.section-step .section-inner .section-content { padding: 50px; }

	.section-step .section-video { position: relative; width: 100%; float: none; height: 508px; }
	.section-step .section-video.alignleft { right: auto; }

	.section-step .section-video.alignleft { width: 100%; }

	.section-step-alt { margin: 0; }

	.section-step ~ .container-secondary .col { float: left; width: 50%; }

	.section-step .section-video.alignright { float: none; width: auto; }
}

/* Mobile */

@media (max-width: 767px) {
	.section-step .section-content { padding: 30px; }
	.section-step .section-content.alignright { padding-left: 30px; }
	.section-step .section-image-monitor { width: 300px; }

	.section-step .section-image-multiple { height: 275px; }

	.section-step .section-image-multiple.alignleft .section-image-monitor,
	.section-step .section-image-multiple.alignright .section-image-monitor { margin-left: -150px; }

	.section-step .section-image-browser { width: 160px; margin: 0 0 55px -10px; }
	.section-step .section-image-browser-lg { width: 300px; height: 199px; background-size: 100% 20px}
	.section-step .section-image-ipad { width: 300px; height: 370px; padding: 33px 37px 0; }
	.section-step .section-image-iphone { width: 140px; height: 260px; padding: 34px 18px 0; }
	.section-step .section-image-iphone.video-secondary { padding: 34px 19px 0 20px; }
	.section-step .section-image-iphone.video-secondary:after { top: 34px; left: 19px; right: 17px; bottom: 47px; }

	.section-step .section-image-multiple.alignleft .section-image-browser { margin-left: -10px; }
	.section-step .section-image-multiple.alignleft .section-image-browser-lg { margin-right: -150px; }
	.section-step .section-image-multiple.alignright .section-image-ipad { margin: 50px 0 0 -150px; }
	.section-step .section-image-multiple.alignleft .section-image-iphone { margin: 0 0 -42px 0; }
	.section-step .section-image-multiple.alignright .section-image-iphone { margin: 0 0 -9px 14px; }

	.section-step .section-image-multiple-alt.alignright .section-image-browser-lg { margin-left: -150px; }
	.section-step .section-image-multiple-alt.alignright .section-image-iphone { margin: 0 0 -40px 0; }

	.section-step .section-image-tertiary { height: 400px; }
	.section-step .section-image-quaternary { height: 230px; }

	.section-step .section-inner .section-content { padding: 30px; }
	.section-step .section-inner .section-content-alt { padding-top: 50px; }

	.section-step .section-video { height: 230px; }

	.section-step-alt .section-content { padding: 0; }

	.section-step-alt .section-content .shell { padding: 30px; }

	.section-step ~ .container-secondary .col { float: none; width: 100%; }
	.section-step .link-code { display: none; }
}

/* ------------------------------------------------------------ *\
	Section faq
\* ------------------------------------------------------------ */

.section-faq .shell { padding: 143px 96px 93px 70px; }
.section-faq .section-head { padding-bottom: 65px; }
.section-faq .title { margin-bottom: 24px; }
.section-faq .title:after { margin-left: 0; }
.section-faq .cols { margin: 0 -80px; }
.section-faq .col { padding: 0 80px; }

.section-faq .section-actions { position: fixed; bottom: 130px; right: 25px; z-index: 5; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s, visibility .3s; -o-transition: opacity .3s, visibility .3s; transition: opacity .3s, visibility .3s; }
.section-faq .section-actions-visible { opacity: 1; visibility: visible; }

.section-faq-secondary h2 { margin: 25px 0; }
.section-faq-secondary .shell { padding: 95px 0 80px; }
.section-faq-secondary .section-entry { margin-bottom: 70px; }
.section-faq-secondary .section-actions { margin-top: 70px; }

/* Small Desktop */

@media (max-width: 1540px) {
	.section-faq .shell { padding: 50px 50px 40px; }
	.section-faq .cols { margin: 0 -20px; }
	.section-faq .col { padding: 0 20px; }

	.section-faq .section-actions { bottom: 100px; }

	.section-faq-secondary .shell { padding: 50px 0; }
	.section-faq-secondary .section-entry { margin-bottom: 50px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-faq .shell { padding: 50px; }
	.section-faq .cols { margin: 0; }
	.section-faq .col { padding: 0; }

	.section-faq-secondary .shell { padding: 50px 0 0; }
	.section-faq-secondary .cols { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.section-faq-secondary .col { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; }
	.section-faq-secondary .tile { width: 100%; }
	.section-faq-secondary .section-entry { padding: 0 50px; }
	.section-faq-secondary .section-actions { margin-top: 50px; }
}

/* Mobile */

@media (max-width: 767px) {
	.section-faq .shell { padding: 30px; }
	.section-faq .section-head { padding-bottom: 35px; }
	.section-faq .col ~ .col { margin-top: 60px; }

	.section-faq-secondary .shell { padding: 30px 0 0; }
	.section-faq-secondary .title { margin: 0 30px; }
	.section-faq-secondary h2 { margin-left: 30px; margin-right: 30px; }
	.section-faq-secondary .section-entry { padding: 0 30px; margin-bottom: 30px; }
	.section-faq-secondary .section-actions { display: none; }
	.section-faq-secondary .cols { display: block; }
	.section-faq-secondary .col { display: block; width: 100%; }
	.section-faq-secondary .tile { padding-bottom: 0; display: block; width: 100%; }
	.section-faq-secondary .col:last-child .tile { padding-bottom: 30px; }
}

/* ------------------------------------------------------------ *\
	Section showcase
\* ------------------------------------------------------------ */

.section-showcase .section-head .shell { padding: 88px 0 100px; }
.section-showcase .section-head .shell:before { left: 0; }
.section-showcase .section-head .section-inner { position: relative; z-index: 2; }
.section-showcase .section-body { position: relative; z-index: 2; }
.section-showcase .samples-pull-right { margin-right: -100px; }
.section-showcase .samples { position: relative; }

@media (max-width: 1540px) {
	.section-showcase .section-head .shell { padding: 50px 0; }
	.section-showcase .samples-pull-right { margin-right: -50px; }
}

@media (max-width: 1279px) {
	.section-showcase .samples-pull-right { margin-right: -25px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-showcase .title { margin-bottom: 26px; }
	.section-showcase .samples { margin: 0; }
	.section-showcase .samples-pull-right { margin: 0; }
	.section-showcase .sample:not(.sample-1of3) { width: 50%; padding-bottom: 31%; }
	.section-showcase .sample:not(.sample-1of3) .sample-image { position: absolute; top: 0; left: 0; }
}

/* Mobile */

@media (max-width: 767px) {
	.section-showcase .section-head .shell { padding: 30px 0; }
	.section-showcase .samples { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.section-showcase .sample { float: none; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }
	.section-showcase .sample:first-child { width: 100%; display: block; }
	.section-showcase .sample:not(.sample-1of3) { width: 50%; padding-bottom: 0; }
	.section-showcase .sample:not(.sample-1of3):first-child { width: 100%; display: block; }
	.section-showcase .sample:not(.sample-1of3):first-child .sample-image img { width: 100%; }

	.section-showcase .sample:not(.sample-1of3) .sample-image  {  }
	.section-showcase .sample:not(.sample-1of3) .sample-image { position: static; overflow: hidden; }
	.section-showcase .sample .sample-image-lg img { display: block; width: calc(100% + 12px); }
	.section-showcase .sample-pull-right .sample-image-lg img { display: block; width: calc(100% + 38px); }

	.section-showcase .samples { background: #a4977d; }
}

/* ------------------------------------------------------------ *\
	Section members
\* ------------------------------------------------------------ */

.section-members { position: relative; z-index: 2; }
.section-members .section-head { margin-bottom: -140px; }
.section-members .section-head .shell { padding: 88px 0 230px; }
.section-members .section-body { position: relative; }

@media (max-width: 1540px) {
	.section-members .section-head .shell { padding: 50px 0 180px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-members .section-head { margin: 0; }
	.section-members .section-head .shell { padding: 50px 0; }
}

/* Mobile */

@media (max-width: 767px) {
	.section-members .section-head .shell { padding: 30px 0; }
}

/* ------------------------------------------------------------ *\
	Section features
\* ------------------------------------------------------------ */

.section-features .section-image { margin-left: -94px; }
.section-features .section-image img { max-width: none; }
.section-features .tile-lg { min-height: 886px; }
.section-features .cols { font-size: 0; }
.section-features .col { float: none; display: inline-block; vertical-align: top; }

.section-features-secondary { margin-top: -100px; text-align: center; }
.section-features-secondary .list-dashes { margin-right: -20px; }

.section-features-secondary .section-head .shell { padding: 95px 0 225px; }
.section-features-secondary .section-head h2 { margin: 25px 0; }
.section-features-secondary .section-body { position: relative; margin-top: -100px; color: #000; padding-bottom: 100px; }
.section-features-secondary .section-body .shell { background: none; }
.section-features-secondary .section-body h5 { margin: 90px 0px 70px; }

/* Small Desktop */

@media (max-width: 1540px) {
	.section-features .section-image { text-align: right; }
	.section-features .section-image img  { max-width: 521px }
	.section-features .tile-lg { min-height: 730px; }

	.section-features-secondary .section-head .shell { padding: 50px 0 145px; }
	.section-features-secondary .section-body h5 { margin: 50px 0; }
	.section-features-secondary .section-body { padding-bottom: 50px; }
}

@media (max-width: 1279px) {
	.section-features .tile-lg { min-height: 680px; }
	.section-features .section-image img { max-height: 634px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-features .section-image { display: none; }
	.section-features .tile-lg { min-height: 710px; }
	.section-features .col { float: left; width: 50%; }

	.section-features-secondary { margin-top: 0; }
	.section-features-secondary .section-body { margin: 0; }
	.section-features-secondary .section-head .shell { padding: 50px; }

	.section-features-secondary .cols { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.section-features-secondary .col { display: -webkit-box; display: -ms-flexbox; display: flex; }
	.section-features-secondary .tile { width: 100%; }
}

/* Mobile */

@media (max-width: 767px) {
	.section-features .col { float: none; width: 100%; }
	.section-features .tile-lg { min-height: 0; }

	.section-features-secondary { text-align: left; }
	.section-features-secondary .section-head .shell { padding: 30px; }
	.section-features-secondary .section-body { padding-bottom: 30px; }
	.section-features-secondary .section-body h5 { margin: 30px 20px; }
}

/* ------------------------------------------------------------ *\
	Section process
\* ------------------------------------------------------------ */

.section-process .section-head { text-align: center; padding: 93px 0; }
.section-process .section-head-alt { padding: 70px 0; }
.section-process .section-body:after { }

.section-process h3 strong { font-weight: 300; color: #b3a06c; }

.section-process .cols { margin-right: -100px; font-size: 0; line-height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.section-process .col { float: none; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 15px; line-height: 2; }

.section-process .section-image { position: relative; height: 100%; width: 100%; background-size: cover; background-position: right center; }
.section-process .section-image img { display: none; }
.section-process .section-image-alt { position: relative; margin-left: -100px; float: left; width: calc(50% + 100px); overflow: hidden; }
.section-process .section-image-alt img { max-width: none; }

.section-process .section-content { float: left; width: 50%; padding: 33px 70px; }

/* Small Desktop */

@media (max-width: 1540px) {
	.section-process .section-head { padding: 50px 0; }
	.section-process .cols { margin-right: -50px; }
	.section-process .section-image { min-height: 558px; }
	.section-process .section-content { padding: 33px 50px; }
}

@media (max-width: 1279px) {
	.section-process .cols { margin-right: -25px; }
	.section-process .section-content { padding: 33px 25px; }
	.section-process .section-image { min-height: 539px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-process .cols { margin: 0; }
	.section-process .col { float: left; width: 50%; }
	.section-process .col:nth-child(3) { width: 100%; }

	.section-process .section-image-alt,
	.section-process .section-content { float: none; width: 100%; }

	.section-process .section-image { min-height: 530px; }

	.section-process .section-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
	.section-process .section-content { padding: 0 50px 50px; }
	.section-process .section-image-alt { display: none; }
}

/* Mobile */

@media (max-width: 767px) {
	.section-process .section-head { padding: 30px 0; text-align: left; }
	.section-process .section-image { min-height: 340px; }
	.section-process .section-image-alt img { max-width: 100%; }
	.section-process .section-content { padding: 0 30px 30px; }
	.section-process .col { width: 100%; float: none; display: block; }
}
/* ------------------------------------------------------------ *\
	Service
\* ------------------------------------------------------------ */

.services { margin: 0 -5px; list-style: none outside none; font-size: 0; line-height: 0; }
.services:after { }

.service { display: inline-block; vertical-align: top; padding: 0 5px; font-size: 14px; font-size: 15px; line-height: 2; }
.service:nth-child(1) { width: 34%; }
.service:nth-child(2) { width: 32%; }
.service:nth-child(3) { width: 34%; }
.service-inner { padding: 72px 80px 81px; min-height: 611px; background: #ece9e1; }
.service h3 { margin: 0 0 38px; line-height: 1.3; }
.service h3 small { display: block; font-weight: 100; font-size: 25px; padding-top: 1px; }
.service p { padding-bottom: 15px; }
.service-actions { padding-top: 10px; }

.service-alt .service-inner:before,
.service-alt .service-inner { background: #fff; }

/* Small Desktop */

@media (max-width: 1540px) {
	.service { font-size: 13px; }
	.service h3 { margin-bottom: 20px; }
	.service-inner { padding: 50px 50px 120px; min-height: 550px; position: relative; }
	.service-actions { position: absolute; bottom: 40px; left: 50px; right: 50px; }
}

@media (max-width: 1279px) {
	.service-inner { padding: 30px 25px 80px; min-height: 480px; }
	.service-actions { left: 25px; right: 25px; bottom: 25px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	
	.service:nth-child(1),
	.service:nth-child(2),
	.service:nth-child(3) { width: 100%; }

	.service-inner { padding: 50px; min-height: 0; }
	.service-actions { position: static; }
}

/* Mobile */

@media (max-width: 767px) {
	.service-inner { padding: 30px; }
	.service h3 small { font-size: 18px; }
}/* ------------------------------------------------------------ *\
	showcase-preview
\* ------------------------------------------------------------ */

.showcase-preview-page { overflow: hidden; height: 100%; padding-top: 46px; }
.showcase-preview .header { height: 46px; background: #a4977d; }

.showcase-preview .showcase-pages { position: absolute; top: -41px; left: 70px; z-index: 11; font-size: 15px; color: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.showcase-preview .showcase-pages h4 { font-size: 24px; margin: 0; float: left; margin-right: 10px; }
.showcase-preview .showcase-pages ul { position: relative; float: left; list-style: none outside none; margin-top: 0; width: 200px; padding-top: 30px; max-height: 30px; border: 3px solid #ece9e1; overflow: hidden; background: #a4977d; -webkit-transition: max-height .3s; -o-transition: max-height .3s; transition: max-height .3s; }
.showcase-preview .showcase-pages ul::-webkit-scrollbar { width: 6px; }
.showcase-preview .showcase-pages ul::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0); border-radius: 5px; }
.showcase-preview .showcase-pages ul:hover::-webkit-scrollbar-thumb { background: #fff; }

.showcase-preview .showcase-pages li { height: 30px; width: 100%; background: #a4977d; margin-top: 3px; }
.showcase-preview .showcase-pages .current { position: absolute; top: -3px; left: 0; width: 100%; }
.showcase-preview .showcase-pages .current a { pointer-events: none; }
.showcase-preview .showcase-pages a { display: block; height: 30px; width: 100%; padding: 0 10px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; }
.showcase-preview .showcase-pages a:hover { text-decoration: none; background: #826d45; }
.showcase-preview .showcase-pages-trigger { position: absolute; opacity: 0; }
.showcase-preview .showcase-pages-trigger-btn { position: relative; float: right; width: 36px; height: 36px; border: 3px solid #ece9e1; text-align: center; margin: 0 0 0 -3px; }
.showcase-preview .showcase-pages-trigger-btn:before { content: ''; }
.showcase-preview .showcase-pages-trigger-btn i { margin-left: -2px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }

.showcase-preview .showcase-pages-trigger:checked ~ ul { max-height: 500px; overflow: auto; }
.showcase-preview .showcase-pages-trigger:checked ~ .showcase-pages-trigger-btn i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

/* Mobile */

@media (max-width: 767px) {
	.showcase-preview .showcase-pages { left: 50px; }
	.showcase-preview .showcase-pages h4 { margin-right: 5px; }
	.showcase-preview .showcase-pages ul { width: 150px; }
}/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider .slider-clip,
.slider .slides { -webkit-transition: height .3s; -o-transition: height .3s; transition: height .3s; }

.slider { position: relative; display: block; }
.slider .slider-clip { overflow: hidden; }
.slider .slides { position: relative; list-style: none outside none; white-space: nowrap; -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; -o-transition: transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; }
.slider .slides.disable-transitions { -webkit-transition: none; -o-transition: none; transition: none; }
.slider .slide { display: inline-block; vertical-align: top; white-space: normal; width: 100%; }

.slider-page { display: block; width: 15px; height: 15px; border: 2px solid #b3a06c; font-size: 0; line-height: 0; cursor: pointer; background: #fff; -webkit-appearance: none; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; }

.slider-page:hover,
.slider-page.current { background: #a4977d; }

.slider-page ~ .slider-page { margin-top: 15px; }

/* Mobile */

@media (max-width: 767px) {
	.slider-page { position: relative; }
	.slider-page:before { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; }
}

/* ------------------------------------------------------------ *\
	Fade slider
\* ------------------------------------------------------------ */
.slider.fade .slide { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s, visibility .3s; -o-transition: opacity .3s, visibility .3s; transition: opacity .3s, visibility .3s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }
.slider.fade .slide.current { opacity: 1; visibility: visible; }

/* ------------------------------------------------------------ *\
	Vetical slider
\* ------------------------------------------------------------ */

.slider.vertical .slide { display: block; }

/* ------------------------------------------------------------ *\
	Slider benefits
\* ------------------------------------------------------------ */

.slider-benefits .slider-paging { position: relative; }
.slider-benefits .slider-paging-inner { list-style: none outside none; overflow: hidden; margin-bottom: 34px; }
.slider-benefits .slider-paging-inner .slider-page { width: 76px; height: 76px; margin-right: 30px; font-size: 30px; text-align: center; line-height: 70px; color: #f4f0e9; font-family: 'Roboto Mono', sans-serif; float: left; cursor: pointer; background: none; border: 3px solid transparent; font-weight: 300; -webkit-transition: border-color .3s; -o-transition: border-color .3s; transition: border-color .3s; }
.slider-benefits .slider-paging-inner .slider-page ~ .slider-page { margin-top: 0; }
.slider-benefits .slider-paging-inner .slider-page:last-child { margin-right: 0; }
.slider-benefits .slider-paging-current { position: absolute; top: 0; left: 0; width: 76px; height: 76px; border: 3px solid #f4f0e9; -webkit-transition: left .3s; -o-transition: left .3s; transition: left .3s; }
.slider-benefits .slider-page:hover { border-color: rgba(255, 255, 255, .5); }
.slider-benefits .slider-page.current { border-color: transparent; }

/* Small Desktop */

@media (max-width: 1540px) {
	.slider-benefits .slider-paging-current,
	.slider-benefits .slider-paging-inner .slider-page { width: 60px; height: 60px; line-height: 54px; font-size: 26px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	
	.slider-benefits .slider-paging { position: absolute; top: -30px; right: 20px; z-index: 5; }
	.slider-benefits .slider-paging-inner { margin: 0; }

	.slider-benefits .slider-paging-current { display: none; }
	.slider-benefits .slider-paging-inner .slider-page { width: 60px; height: 60px; line-height: 54px; font-size: 26px; float: none; margin: 0; -webkit-transition: border-color .3s; -o-transition: border-color .3s; transition: border-color .3s; }
	.slider-benefits .slider-paging-inner .slider-page.current { border-color: #fff; }
	.slider-benefits .slider-paging-inner .slider-page ~ .slider-page { margin-top: 10px; }
	
}

/* Mobile */

@media (max-width: 767px) {
	.slider-benefits .slider-paging-current,
	.slider-benefits .slider-paging-inner .slider-page { width: 50px; height: 50px; line-height: 44px; font-size: 20px; margin-right: 20px; }

	.slider-benefits .slider-paging { position: static; margin-bottom: 20px; }
	.slider-benefits .slider-paging-inner .slider-page { float: left; }
	.slider-benefits .slider-paging-inner .slider-page,
	.slider-benefits .slider-paging-inner .slider-page ~ .slider-page { margin: 0 10px 0 0; }

	.slider-benefits .slides { margin-bottom: -20px; }
	.slider-benefits .slides .slide { width: 100%; float: none; }
	.slider-benefits .slides .slide:before { font-size: 16px; }
}

/* ------------------------------------------------------------ *\
	Slider-testimonials
\* ------------------------------------------------------------ */

.slider-testimonials { }
.slider-testimonials .slides { -webkit-transition-duration: .7s; -o-transition-duration: .7s; transition-duration: .7s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }
.slider-testimonials .slider-clip { margin-right: -91px; }
.slider-testimonials .slide { height: 100%; }

.slider-testimonials .slider-paging { position: absolute; top: 50%; left: 50%; margin: 4px 0 0 -99px; }
.slider-testimonials .slider-page { position: relative; z-index: 2; }

.slider-testimonials .testimonial { height: 100%; }
.slider-testimonials .testimonial-image { -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; -o-transition: transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; }
.slider-testimonials .owl-animated-out .testimonial-image { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }

/* Small Desktop */

@media (max-width: 1540px) {
	.slider-testimonials .slider-paging { margin-left: -86px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.slider-testimonials .slider-clip { margin: 0; }
	.slider-testimonials .slider-paging { margin: -8px 0 0 20px; left: 100%; }
}

/* Mobile */

@media (max-width: 767px) {
	.slider-testimonials { padding-bottom: 23px; }
	.slider-testimonials .slider-paging { bottom: 0; top: auto; left: 0; right: 0; margin: 0; text-align: center; line-height: 1; }
	.slider-testimonials .slide { overflow: hidden; }
	
	.slider-testimonials .slider-page { display: inline-block; vertical-align: top; margin: 0 10px; }
	.slider-testimonials .slider-page ~ .slider-page { margin: 0 10px; }
}

/* ------------------------------------------------------------ *\
	Slider values
\* ------------------------------------------------------------ */

.slider-values { padding-right: 105px; counter-reset: values; }
.slider-values .slides { -webkit-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; }
.slider-values .slide { padding: 86px 0; height: 100%; }
.slider-values .slider-paging { position: absolute; top: 50%; right: 40px; margin-top: -53px; }

/* Small Desktop */

@media (max-width: 1540px) {
	.slider-values { padding-right: 55px; }
	.slider-values .slide { padding: 50px 0; height: 100%; } 
	.slider-values .slider-paging { right: 20px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.slider-values .slide { padding: 0; }
	.slider-values .slider-paging { right: -5px; }
}

/* Mobile */

@media (max-width: 767px) {
	.slider-values { padding: 0 0 40px; }
	.slider-values .slide { overflow: hidden; }
	.slider-values .slider-paging { top: auto; bottom: 0; left: 0; right: 0; text-align: center; margin: 0; }
	.slider-values .slider-page { display: inline-block; vertical-align: middle; margin: 0 5px; }
	.slider-values .slider-page ~ .slider-page { margin: 0 5px; }
}/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */

.socials li,
.socials-label,
.socials ul { display: inline-block; vertical-align: middle; }

.socials-label { font-family: 'Roboto Mono', sans-serif; text-transform: uppercase; font-size: 12px; margin-right: 25px; }
.socials-label-alt { display: block; margin: 0 0 46px; font-size: 14px; text-transform: uppercase; letter-spacing: 0.1em; }
.socials-label-alt:before { content: ''; display: block; width: 31px; height: 7px; border-width: 0 1px 1px 0; border-style: solid; border-color: #74726e; margin: 0 auto 62px; }

.socials ul { list-style: none outside none; }
.socials li + li { margin-left: 15px; }
.socials a { font-size: 17px; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.socials a:hover { color: #b3a06c; }

.socials-secondary li + li { margin-left: 16px; }
.socials-secondary a { display: block; width: 40px; height: 40px; text-align: center; border: 3px solid #ece9e1; line-height: 32px; -webkit-transition: border-color .3s, background .3s; -o-transition: border-color .3s, background .3s; transition: border-color .3s, background .3s; }
.socials-secondary a:hover { border-color: #b3a06c; background: #b3a06c; color: #fff; }

.socials-secondary-colored a,
.socials-secondary-alt a { width: 45px; height: 45px; line-height: 39px; }

.socials-secondary-colored li + li { margin-left: 11px; }

.socials-secondary-colored .link-facebook { border-color: #4d70a8; color: #4d70a8; }
.socials-secondary-colored .link-facebook:hover { background: #4d70a8; border-color: #4d70a8; }

.socials-secondary-colored .link-twitter { border-color: #00bbf2; color: #00bbf2; }
.socials-secondary-colored .link-twitter:hover { background: #00bbf2; border-color: #00bbf2; }

.socials-secondary-colored .link-google { border-color: #e3401d; color: #e3401d; }
.socials-secondary-colored .link-google:hover { background: #e3401d; border-color: #e3401d; }

/* Mobile */

@media (max-width: 767px) {
	.socials-label-alt:before { margin-bottom: 30px; }
}
/* ------------------------------------------------------------ *\
	Subscribe
\* ------------------------------------------------------------ */

.subscribe { font-size: 11px; color: #6f6f6f; position: relative; }
.subscribe label { font-size: 12px; text-transform: uppercase; display: inline-block; font-family: 'Roboto Mono', sans-serif; padding-bottom: 10px; color: #fff; }
.subscribe p { margin-bottom: 21px; }

.subscribe-field,
.subscribe-btn { -webkit-transition: color .3s, border-color .3s; -o-transition: color .3s, border-color .3s; transition: color .3s, border-color .3s; }

.subscribe-field::-webkit-input-placeholder { opacity: 1; color: #6f6f6f; }

.subscribe-field::-moz-placeholder { opacity: 1; color: #6f6f6f; }

.subscribe-field:-ms-input-placeholder { opacity: 1; color: #6f6f6f; }

.subscribe-field::-ms-input-placeholder { opacity: 1; color: #6f6f6f; }

.subscribe-field::placeholder { opacity: 1; color: #6f6f6f; }

.subscribe-field { height: 40px; width: 100%; padding: 0 62px 0 16px; border-width: 1px 1px 2px; border-style: solid; border-color: #4d4d4d; color: #fff; background: none; font-size: 12px; font-family: 'Roboto Mono', sans-serif; border-radius: 0; }


.subscribe-field:focus { border-color: #b3a06c; }

.subscribe-btn { position: absolute; bottom: 0; right: 0; height: 40px; width: 45px; border-width: 0 0 0 1px; border-style: solid; border-color: #4d4d4d; background: none; font-size: 18px; }
.subscribe-btn:hover { color: #fff; }
.subscribe-field:focus ~ .subscribe-btn { border-color: #b3a06c; }
/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table {}
/* ------------------------------------------------------------ *\
	Team-members
\* ------------------------------------------------------------ */

.team-members { list-style: none outside none; }

.team-member:after { }

.team-member { text-align: left; }

.team-member-image { position: relative; width: calc(50% + 100px); overflow: hidden; }
.team-member-image img { max-width: none; }
.team-member-image.alignright { margin: 100px -100px 0 0; }
.team-member-image.alignright img { margin-left: -255px; }
.team-member-image.alignleft { margin-left: -100px; }

.team-member-quote { position: absolute; top: 106px; left: 257px; font-size: 18px; color: #887e68; line-height: 1.94; }
.team-member-quote:before { content: open-quote; position: absolute; opacity: 0; }
.team-member-quote:after { content: close-quote; position: absolute; top: 0; right: 100%; font-family: Georgia; font-size: 165px; color: rgba(164, 151, 125, .4); line-height: 1; margin: -10px 35px 0 0; }

.team-member-image.alignright .team-member-quote { top: 146px; left: 327px; }

.team-member-content { width: 50%; min-height: 518px; padding: 85px 80px 50px; background: #a4977d; color: #fff; }
.team-member-content.alignright { margin-top: 100px; }
.team-member-content h2 { margin: 0 0 5px; }
.team-member-content p { margin-top: 30px; }
.team-member-content h2 small { font-size: 60px; line-height: 1; }
.team-member-content h2 span { font-weight: 100; color: #d2c8b5; }
.team-member-content .list-description { margin-top: 30px; }

.team-member-meta { text-transform: uppercase; font-family: 'Roboto Mono', sans-serif; }

@media (max-width: 1540px) {

	.team-member-content { padding: 95px 70px 20px; }
	.team-member-content.alignright { margin-top: 50px; }

	.team-member-image { width: calc(50% + 50px); }

	.team-member-image.alignright img { margin-left: -222px; }
	.team-member-image.alignleft { margin-left: -50px; }
	.team-member-image.alignleft img { margin-left: -185px; }
	.team-member-image.alignright { margin: 50px -50px 0 0; }

	.team-member-quote { left: 150px; max-width: 304px; padding-right: 10px; }
	.team-member-quote br { display: none; }

}

@media (max-width: 1279px) {
	.team-member-content { padding: 105px 25px 10px; }
	.team-member-content h2 small { font-size: 46px; }

	.team-member-image { width: calc(50% + 25px); }

	.team-member-image.alignleft { margin-left: -25px; }
	.team-member-image.alignleft img { margin-left: -280px; }
	.team-member-image.alignright img  { margin-left: -300px; }
	
	.team-member-image.alignright { margin: 50px -25px 0 0; }

	.team-member-quote { left: 100px; max-width: 245px; }
	.team-member-image.alignright .team-member-quote { left: 240px; padding-right: 24px; }
	.team-member-quote:after { margin-right: 10px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.team-member-content,
	.team-member-image { float: none; width: 100%; }
	
	.team-member-image { height: 518px; }
	.team-member-image img { position: absolute; top: 0; left: -100px; }
	
	.team-member-image.alignleft img { left: auto; right: -100px; }
	.team-member-image.alignright img { margin: 0; }
	
	.team-member-image.alignright,
	.team-member-content.alignright,
	.team-member-image.alignleft { margin: 0; }

	.team-member-content { min-height: 0; padding: 50px; }

	.team-member-image.alignright .team-member-quote { left: auto; right: 0; }
}

/* Mobile */

@media (max-width: 767px) {
	.team-member-image { height: calc(100vw - 60px); max-height: 518px; overflow: hidden; }
	.team-member-image img { position: absolute; top: 0; left: -25px; max-width: 200%; }
	.team-member-image.alignleft img { left: auto; right: -45px; }
	.team-member-image.alignright img { margin-left: 0; }
	.team-member-quote { display: none; }

	.team-member-content { padding: 20px; }
	.team-member-content h2 small { font-size: 30px; }
	.team-member-content .list-description { margin-top: 20px; } 
	.team-member-content p { margin-top: 20px; }
}
/* ------------------------------------------------------------ *\
	Testimonial
\* ------------------------------------------------------------ */

.testimonial { position: relative; }
.testimonial:after { }

.testimonial-content { width: calc(50% - 91px); padding: 277px 100px 50px 75px; min-height: 617px; }
.testimonial-content h3 { margin: 0 0 30px; }
.testimonial-content h3 a { font-size: 26px; color: #b3a06c; text-decoration: none; }

.testimonial blockquote { position: relative; padding: 0 50px 0 101px; text-align: justify; }
.testimonial blockquote:before { content: open-quote; position: absolute; top: -8px; left: 2px; font-family: Georgia; color: #ccc; font-size: 165px; line-height: 1; }
.testimonial blockquote:after { content: close-quote; position: absolute; opacity: 0; visibility: hidden; }

.testimonial-image { position: absolute; top: 0; bottom: 0; right: 0; width: calc(50% + 91px); background-size: cover; background-position: center center; }
.testimonial-image img { display: none; }

/* Small Desktop */

@media (max-width: 1540px) {
	.testimonial-content { padding: 277px 30px 30px 50px; }
	.testimonial-content h3 { font-size: 26px; }

	.testimonial blockquote { padding-left: 60px; }
	.testimonial blockquote:before { font-size: 120px; }
}

@media (max-width: 1279px) {
	.testimonial-content { padding: 300px 30px 30px 25px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.testimonial-content { padding: 0; width: 100%; min-height: 0; float: none; }
	.testimonial-image { position: absolute; top: auto; bottom: 0; right: 0; width: 100px; height: 100px; display: none; }
}

/* Mobile */

@media (max-width: 767px) {
	.testimonial-content { padding: 0 0 10px; text-align: left; }
	.testimonial-content h3 { margin-bottom: 22px; padding-bottom: 0; font-size: 20px; }
	.testimonial-content blockquote { padding: 0; }
	.testimonial-content blockquote:before { display: none; }
	.testimonial-image { display: none; }
}/* ------------------------------------------------------------ *\
	Tile
\* ------------------------------------------------------------ */

.tile { padding: 50px 40px; color: #000; text-align: left; background: #fff; font-size: 12px; line-height: 1.92; }
.tile.extended:before { background: #fff; }

.tile h6 { font-size: 14px; font-family: 'Roboto Slab', serif; font-weight: normal; }

.tile-alt.extended:before,
.tile-alt { background: #ece9e1; }

.tile-lg { padding: 86px 80px; }
.tile-lg .title { margin-bottom: 43px; }
.tile-lg ul { margin-bottom: 58px; }
.tile-lg ul:last-child { margin-bottom: 0; }

.tile-eq { min-height: 254px; }

/* Small Desktop */

@media (max-width: 1540px) {
	.tile { padding: 40px 30px; }
	.tile-lg { padding: 50px; }

	.tile-eq { min-height: 258px; } 
}

@media (max-width: 1279px) {
	.tile { padding: 30px 20px; }
	.tile-lg { padding: 30px 25px; }

	.tile h6 { font-size: 12px; }
	.tile .title { margin-bottom: 20px; }
	.tile .title-md:after { margin-top: 20px; }

	.tile-eq { min-height: 235px; } 
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.tile { padding: 50px; font-size: 14px; }
	.tile h6 { font-size: 16px; }

	.tile-eq { min-height: 100%; } 
}

/* Mobile */

@media (max-width: 767px) {
	.tile { padding: 30px; font-size: 12px; }
	.tile .title { margin-bottom: 30px; }
	.tile-lg ul { margin-bottom: 30px; }
	.tile h6 { font-size: 14px; }
}/* ------------------------------------------------------------ *\
	Tip
\* ------------------------------------------------------------ */

.tip { padding: 53px 0 90px; background: #a4977d; color: #fff; text-align: center; }
.tip:before { background: #a4977d; }

.tip h3 { letter-spacing: 0; margin-bottom: 30px; }
.tip-entry { max-width: 970px; margin: 0 auto; letter-spacing: 0.02em; }
/* ------------------------------------------------------------ *\
	Title
\* ------------------------------------------------------------ */

.title { text-transform: uppercase; font-size: 14px; font-family: 'Roboto Mono', sans-serif; font-weight: 300; letter-spacing: 0.1em; }
.title:after { content: ''; display: block; width: 31px; height: 7px; border-width: 0 1px 1px 0; border-style: solid; border-color: #4e4e4e; margin-top: 24px; }
.title-alt:after { border-width: 0 0 1px 1px; }

.title-md:after { margin-top: 35px; }
.title-lg:after { margin-top: 44px; }

/* Mobile */

@media (max-width: 767px) {
	.title:after { margin-top: 15px; }
}/* ------------------------------------------------------------ *\
	Tooltip
\* ------------------------------------------------------------ */

.tooltip { position: absolute; bottom: 0; left: 50%; z-index: 5; opacity: 0; visibility: hidden; width: 600px; padding: 40px 48px 44px; margin: 0 0 16px -320px; background: #a4977d; color: #fff; line-height: 2; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-transition: opacity .3s, visibility .3s, bottom .3s, -webkit-transform .3s; transition: opacity .3s, visibility .3s, bottom .3s, -webkit-transform .3s; -o-transition: opacity .3s, visibility .3s, transform .3s, bottom .3s; transition: opacity .3s, visibility .3s, transform .3s, bottom .3s; transition: opacity .3s, visibility .3s, transform .3s, bottom .3s, -webkit-transform .3s; }
.tooltip a { text-decoration: underline; }
.tooltip a:hover { text-decoration: none; }
.tooltip:after { content: ''; position: absolute; top: 100%; left: 50%; border-width: 13px; border-style: solid; border-color: #a4977d transparent transparent; margin-left: -13px; }

.tooltip-actions { position: absolute; top: 0; right: 8px; }
.tooltip-actions a { text-decoration: none;}
.tooltip-actions a:hover { text-decoration: none; }

.tooltip-trigger { cursor: pointer; }

.tooltip-visible { bottom: 100%; opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.tooltip-visible ~ .tooltip-trigger { text-decoration: underline; }

/* Small Desktop */

@media (max-width: 1540px) {
	.tooltip { padding: 25px 20px; width: 400px; margin-left: -200px; font-size: 14px; }
	.tooltip .list-dashes { font-size: inherit; }
	.tooltip-actions { top: 15px; right: 15px; line-height: 0; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.tooltip { left: auto; right: 0; -webkit-transform-origin: 0 bottom; -ms-transform-origin: 0 bottom; transform-origin: 0 bottom; }
	.tooltip-actions { top: 10px; right: 15px; }
	.tooltip:after { display: none; }
}

/* Mobile */

@media (max-width: 767px) {
	.tooltip { width: 100%; font-size: 12px; }
	.tooltip-actions { top: 10px; right: 10px; }
}/* ------------------------------------------------------------ *\
	Video
\* ------------------------------------------------------------ */

.video-player { position: relative; padding-bottom: 56.2%; }
.video-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: opacity .3s, visibility .3s; -o-transition: opacity .3s, visibility .3s; transition: opacity .3s, visibility .3s; }
.video-overlay img { width: 100%; height: auto; }
.video-actions { position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -50px; }

.video-playing .video-overlay { opacity: 0; visibility: hidden; }

.video-secondary .btn-play { position: absolute; top: 50%; left: 50%; z-index: 5; margin: -40px 0 0 -40px; width: 80px; height: 80px; border: none; border-radius: 50%; background: rgba(255, 255, 255, 0.8); display: none; }
.video-secondary .btn-play:after { border-color: transparent transparent transparent #747474; }
.video-secondary *::-webkit-media-controls-panel { display: none !important; -webkit-appearance: none; }
.video-secondary *::--webkit-media-controls-play-button { display: none !important; -webkit-appearance: none; }
.video-secondary *::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none; } 

/* Tablet Portrait */

@media (max-width: 1023px) {
	.video-secondary .btn-play { display: block; }
	.video-secondary .btn-play.hidden { display: none; }
}

/* Mobile */

@media (max-width: 767px) {
	.video-actions { margin: -35px 0 0 -35px; }
	.video-secondary .btn-play { width: 60px; height: 60px; margin: -30px 0 0 -30px; }
}/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; }

.widget ~ .widget { border-top: 1px solid #262626; }
.widget ~ .widget-socials { border: none; }

.widget-contact { padding: 40px 0 42px; font-size: 14px; }
.widget-contact ul { list-style: none outside none; }
.widget-contact li + li { margin-top: 14px; }
.widget-contact strong { min-width: 23px; display: inline-block; font-family: 'Roboto Mono', sans-serif; font-size: 13px; margin-right: 15px; font-weight: 300; color: #fff; }
.widget-contact a { cursor: pointer; color: #808080; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.widget-contact a:hover { color: #b3a06c; }

.widget-subscribe { padding: 51px 0 30px; }
.widget-socials { padding-bottom: 40px; }

.widget-nav-utilities { padding: 37px 0 14px; }

/* Mobile */

@media (max-width: 767px) {
	.widget-subscribe,
	.widget-contact { padding: 30px 0; }
	.widget-socials { padding-bottom: 30px; }
	.widget-nav-utilities { padding-top: 30px; }
}/* ------------------------------------------------------------ *\
	Font sizes @ min-width 1541px
\* ------------------------------------------------------------ */

/* Large Desktop */

@media (min-width: 1541px) {
	.contacts h6,
	.intro-content,
	body { font-size: 18px; }
	
	.sample .link-more span,
	.tile h6,
	.service,
	.list-dashes { font-size: calc(18px - 1); }
	
	.widget-contact strong,
	.list-qa dd,
	.contacts,
	.list-description { font-size: calc(18px - 2); }
	
	.nav-utilities a,
	.socials-label,
	.subscribe label,
	.tile,
	.list-tools dd,
	.list-steps { font-size: calc(18px - 3); }

	.subscribe { font-size: calc(18px - 4); }

	.list-dashes li:before { top: 16px; }

	.intro-entry { max-width: 650px; }

	.service-inner { padding: 62px 60px 71px; }

	.testimonial blockquote { padding: 0 0 0 80px; }

	.section-entry { max-width: 1064px; }

	.tile-lg { padding: 76px 60px; }
	.tile-eq { min-height: 316px; }

	.field { font-size: 15px; }

	.section-step .section-content { padding: 64px 80px; }
	.section-step .section-content-md { padding-bottom: 120px; }
	.section-step .section-content-alt { padding-top: 140px; }

	.section-step .section-inner .section-content-alt { padding: 60px 84px; }

	.section-step .section-image-quaternary.alignleft { margin-top: -54px; }

	.section-step .section-image-multiple.alignright .section-image-ipad { margin-bottom: -130px; }
	.section-step .section-image-multiple.alignright .section-image-iphone { margin-bottom: -180px; }

	
	.section-step-alt { margin-top: -70px; }
	.section-step-alt .section-content .cols { margin: 0 -50px; }
	.section-step-alt .section-content .col { padding: 0 50px; }

	.section-step-alt .section-image,
	.section-step-alt .section-content { padding: 0; }

	.section-step-secondary { margin-top: 0; }

	.section-about .section-content { padding: 97px 80px; }

	.slider-values { margin-bottom: 72px; }
	.slider-values .slide { padding: 70px 0; }

	.section-faq .cols { margin: 0 -50px; }
	.section-faq .col { padding: 0 50px; }

	.contacts .cols { margin: 0 -20px; }
	.contacts .col { padding: 0 20px; }
	.contacts address { min-height: 97px; }

	.section-contact .list-qa { margin: 0 20px 0 50px; }

	.socials-label { margin-right: 15px; }
	.socials li + li { margin-left: 10px; }
}