/* 
	Table of Contents

    01. Settings ----------------------------------
    02. Sprite ------------------------------------
    03. Generic -----------------------------------
    04. Base --------------------------------------
    05. Fonts -------------------------------------
    06. Helpers -----------------------------------
         Clear ------------------------------------
         Notext -----------------------------------
         Hidden -----------------------------------
         Alignleft --------------------------------
         Alignright -------------------------------
         Disabled ---------------------------------
         Grid -------------------------------------
         Responsive Helpers -----------------------
    07. Reset -------------------------------------
    08. Regions -----------------------------------
    09. Container ---------------------------------
    10. Content -----------------------------------
    11. Footer ------------------------------------
    12. Header ------------------------------------
    13. Main --------------------------------------
    14. Shell -------------------------------------
    15. Sidebar -----------------------------------
    16. Wrapper -----------------------------------
    17. Modules -----------------------------------
    18. Animte ------------------------------------
    19. Article -----------------------------------
    20. Badge -------------------------------------
    21. Button ------------------------------------
         Button Block -----------------------------
    22. Callout -----------------------------------
    23. Card --------------------------------------
    24. Courses -----------------------------------
    25. Feature -----------------------------------
    26. Form Elements -----------------------------
    27. Form --------------------------------------
    28. Form Search -------------------------------
    29. Form Header -------------------------------
    30. Form Article ------------------------------
    31. Form Cart ---------------------------------
    32. Form Intro --------------------------------
    33. Form Filters ------------------------------
    34. Intro -------------------------------------
    35. Intro Alt ---------------------------------
    36. Intro Secondary ---------------------------
    37. Intro Tertiary ----------------------------
    38. List --------------------------------------
    39. List Icons --------------------------------
    40. List Perks --------------------------------
    41. List Logos --------------------------------
    42. List Checks -------------------------------
    43. List links --------------------------------
    44. List Ticks --------------------------------
    45. List Blog ---------------------------------
    46. Logo --------------------------------------
    47. Nav ---------------------------------------
    48. Nav Trigger -------------------------------
    49. Nav Footer --------------------------------
    50. Section -----------------------------------
    51. Section Slider ----------------------------
    52. Section Logos -----------------------------
    53. Section Testimonials ----------------------
    54. Section Callout ---------------------------
    55. Section Feature ---------------------------
    56. Section Schedule --------------------------
    57. Section Product ---------------------------
    58. Section Courses ---------------------------
    59. Section Equal -----------------------------
    60. Section Blog ------------------------------
    61. Slider ------------------------------------
    62. Slider Tstimonials ------------------------
    63. Socials -----------------------------------
    64. Table -------------------------------------
    65. Tabs --------------------------------------
    66. Widget ------------------------------------
    67. Themes ------------------------------------
 */

/* ------------------------------------------------------------ *\
	Settings
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Sprite
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { min-width: 320px; background: #fff; font-family: 'Noto Sans',sans-serif; font-size: 16px; line-height: 1.75; color: #282828; }

/*body.js-render  { opacity: 0; }*/

body.in { opacity: 1; }

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

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

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.875em; line-height: 1.2; font-family: 'Poppins',sans-serif; font-weight: bold;  }

h1 { font-size: 52px; }

h2 { font-size: 42px; }

h3 { font-size: 28px; }

h4 { font-size: 22px; }

h5 { font-size: 16px; }

h6 { font-size: 14px; }

@media (max-width: 1023px) {
	h1 { font-size: 44px; }
	h2 { font-size: 38px; }
	h3 { font-size: 26px; }
	h4 { font-size: 20px; }
}

@media (max-width: 767px) {
	h1 { font-size: 38px; }
	h2 { font-size: 32px; }
	h3 { font-size: 24px; }
	h5 { font-size: 15px; }
	h6 { font-size: 13px; }
}

p,
ul,
ol,
dl,
hr,
table,
blockquote { margin-bottom: 10px }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans.woff2') format('woff2'),
        url('../fonts/NotoSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('../fonts/EncodeSans-Bold.woff2') format('woff2'),
        url('../fonts/EncodeSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('../fonts/EncodeSans-Regular.woff2') format('woff2'),
        url('../fonts/EncodeSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Encode Sans Condensed';
    src: url('../fonts/EncodeSansCondensed-Bold.woff2') format('woff2'),
        url('../fonts/EncodeSansCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after { content: ''; display: block; clear: both; }

/*  Notext  */

.notext { overflow: hidden; text-indent: 101%; white-space: nowrap; }

/*  Hidden  */

[hidden],
.hidden { display: none !important; }

/*  Alignleft  */

.alignleft { float: left; }

/*  Alignright  */

.alignright { float: right; }

/*  Disabled  */

[disabled],
.disabled { cursor: default; }

/*  Grid  */

.cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }

.col { max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; }

.col--1of2 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }

/*  Responsive Helpers  */

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }

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

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

@media (min-width: 1024px) and (max-width: 1200px) {
	.hidden-md { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
}

@media (min-width: 1201px) {
	.hidden-lg { display: none !important; }
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
}

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

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

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

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

template { display: none; }

html { -webkit-tap-highlight-color: rgba(0,0,0,0); 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="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }

textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { padding: 88px 0 35px; font-size: 14px; }

.footer .logo { margin-top: -3px; display: inline-block; margin-bottom: 29px; }

.footer .footer__inner { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -15px; }

.footer .footer__col { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 0 15px;  }

.footer .footer__col--sm { -webkit-box-flex: 0; -ms-flex: 0 0 16.66%; flex: 0 0 16.66%; max-width: 16.66%;  }

.footer .footer__col h5 { margin-bottom: 20px;  }

.footer .footer__col ul { list-style-type: none; margin-bottom: 17px;  }

.footer .footer__col a[href^="tel"] { font-weight: bold; font-size: 16px;  }

.footer .footer__col .socials { margin-bottom: 44px; margin-top: -3px; }

.footer ul:not([class]) li + li { margin-top: 10px; }

.footer ul:not([class]) a { text-decoration: none; -webkit-transition: color .2s; -o-transition: color .2s; transition: color .2s; }

.footer ul:not([class]) a:hover { color: #17acff; }

@media (max-width: 1023px) {
	.footer .footer__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; }	
	.footer .footer__col { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; text-align: center; padding-bottom: 51px; }	
	.footer .footer__col:last-child { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }	
	.footer .footer__col--sm { display: none; }	
}

@media (max-width: 767px) {
	.footer { padding-top: 63px; }	
	.footer .footer__col .socials { margin-bottom: 31px; }	
	.footer .logo img { width: 135px; height: 70px; }	
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.15); box-shadow: 0 2px 4px rgba(0,0,0,.15); z-index: 5; background-color: #fff; position: fixed; top: 0; right: 0; left: 0; }

.header .shell { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 15px; padding-bottom: 13px; }

.header .header__actions { display: -webkit-box; display: -ms-flexbox; display: flex; }

.header .header__actions .list-icons { margin-left: 79px; }

.header .header__actions-mobile { display: none; }

.header .logo { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; top: -1px;  }

.header .logo-mobile { display: none; }

.header .nav-header { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 0; padding-top: 4px; }

@media (max-width: 1200px) {
	.header .nav-header { padding-top: 5px; }
	.header .logo { position: static; }
	.header .header__actions .list-icons  { margin-left: 30px; }
}

@media (min-width: 1024px) {
	.header .header__actions { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
}

@media (max-width: 1023px) {
	.header .shell { padding-left: 25px; padding-right: 35px; }
	.header .header__actions { position: absolute; top: 100%; left: 0; right: 0; display: block; background-color: #f43616; padding: 37px 30px 30px 44px; display: none; overflow-y: auto; }
	.header .header__actions-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
	.header .logo-desktop { display: none; }
	.header .logo-mobile { display: inline-block; }
	.header .header__actions .list-icons { margin-left: 0; margin-top: 20px; }
}

@media (max-width: 767px) {

	.header .header__actions { height: calc(100vh - 67px); }
}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main {padding-top: 98px; }

.main > .shell { display: -webkit-box; display: -ms-flexbox; display: flex; }

.aside { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; max-width: 300px; padding-top: 86px; }

.aside .btn { display: block; font-size: 18px; text-transform: none; padding: 9px 20px 7px; }

.aside .btn + .btn { margin-top: 9px; }

.aside .btn + h3 { margin-top: 36px; text-align: center; font-size: 32px; margin-bottom: 19px; }

.content { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding-right: 70px; padding-top: 40px; padding-bottom: 90px; }

.content h3 { line-height: 1; padding: 20px 21px 12px; background-color: #E9F4FA; font-size: 30px; letter-spacing: -.03em; margin-bottom: 31px; margin-top: 80px; position: relative; z-index: 1; }

.content h3:first-child { margin-top: 20px; }

.content > h4 { font-size: 20px; color: #76ce29; margin-bottom: 24px; }

.content p + p { margin-top: 26px; }

.content h3 + .courses { margin-top: -31px; margin-bottom: 78px; -webkit-box-shadow: 0 2px 16px rgba(0,0,0,.1); box-shadow: 0 2px 16px rgba(0,0,0,.1); }

.content .courses .list-checks { padding-left: 25px; padding-top: 10px; }

.content .courses .list-checks label { font-size: 13px; padding-left: 26px; }

.content .courses .list-checks li + li { margin-top: 2px; }

.content .component--view-more { position: relative;  }

.content .component__inner > ol { counter-reset: digits; }

.content .component__inner > ol,
.content > ol,
.content > ul { list-style-type: none; }

.content .component__inner > ul + h4,
.content > ol + h4,
.content > ul + h4 { margin-top: 34px; }

.content .component__inner > ol > li,
.content .component__inner > ul > li,
.content > ol > li,
.content > ul > li { padding-left: 10px; position: relative; }

.content .component__inner > ol > li + li,
.content > ol > li + li,
.content > ul > li + li { margin-top: 10px; }

.content .component__inner > ol li:not(.list-trigger),
.content > ol li:not(.list-trigger) { counter-increment: digits; padding-left: 0; }

.content .component__inner > ol > li:not(.list-trigger):before,
.content > ol > li:not(.list-trigger):before { content: counter(digits) "."; padding-right: 5px; }

.content .component__inner > ul > li:not(.list-trigger):before,
.content > ul > li:not(.list-trigger):before { content: ''; position: absolute; left: 1px; top: 11px; width: 4px; height: 4px; background-color: #000; border-radius: 50%; }

.content .component__inner > ol .list-trigger,
.content > ol .list-trigger,
.content > ul .list-trigger { text-align: center;  margin-top: 0; position: relative; z-index: 1; }

.content .component__inner > ol .component__actions .btn,
.content > ol .component__actions .btn,
.content > ul .component__actions .btn { margin: 10px 20px; -webkit-transition: padding .3s, margin .3s, height .3s, background-color .3s, color .3s; -o-transition: padding .3s, margin .3s, height .3s, background-color .3s, color .3s; transition: padding .3s, margin .3s, height .3s, background-color .3s, color .3s; margin-top: -30px; margin-bottom: -25px; line-height: 1.7; }

.content .component__inner > ol .list-trigger .btn:before,
.content > ol .list-trigger .btn:before,
.content > ul .list-trigger .btn:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 20px; background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(#fff), to(rgba(255,255,255,.1))); background-image: -o-linear-gradient(bottom, #fff, #fff, rgba(255,255,255,.1)); background-image: linear-gradient(to top, #fff, #fff, rgba(255,255,255,.1)); z-index: -1; }

.content .component__inner > ol .list-trigger .btn.active,
.content > ol .list-trigger .btn.active,
/*.content > ul .list-trigger .btn.active { padding: 0; margin: 0; height: 0; width: 0; overflow: hidden; }*/


.content .component__inner > ol .list-trigger .btn.active:before,
.content > ol .list-trigger .btn.active:before,
/*.content > ul .list-trigger .btn.active:before { display: none; }*/

.content .component__inner > ol .component__actions .btn span,
.content > ol .component__actions .btn span,
.content > ul .component__actions .btn span { margin-right: 10px; }

.content .component__inner > ol .component__actions:before,
.content > ol .component__actions:before,
.content > ul .component__actions:before { display: none; }

.content > ol[id^="hidden"],
.content > ul[id^="hidden"],
.content > ol li[class^="hidden"] { display: none; }

.content .component__actions { position: absolute !important; bottom: 5px; left: 0; right: 0; text-align: center; max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; z-index: 1; }

.content .component__actions .btn { -webkit-transition: all .4s !important; -o-transition: all .4s !important; transition: all .4s !important; }

.content .component__actions .btn:after { content: ''; position: absolute; top: 0; bottom: -7px; left: 0; right: 0; background-color: #fff; -webkit-box-shadow: 0 0 20px 15px #fff; box-shadow: 0 0 20px 15px #fff; z-index: -1; }

.content .component__actions .btn.active { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }

.content .component__actions .btn.active:after  { display: none; }

@media (max-width: 1200px) {
	.main { padding-top: 80px; }	
	
	.content .courses .row .col:last-child { padding-left: 0; padding-right: 15px; }
}

@media (max-width: 1023px) {
	.main > .shell { display: block; }	

	.content { padding-right: 0; padding-bottom: 40px; }
	.content h3 { margin-bottom: 20px; margin-top: 50px; }
	.content h3 + .courses { margin-top: -20px; }
	.content p + p { margin-top: 15px; }

	.aside { padding-top: 0; padding-bottom: 40px; max-width: 100%; }
}

@media (max-width: 767px) {
	.main { padding-top: 65px; }

	.content { padding-top: 20px; }
	.content h3 + .courses { margin-bottom: 40px; }
	.content .courses .list-checks { text-align: left; padding-bottom: 10px; }
	.content h3 { padding: 9px 10px 7px; font-size: 24px; margin-top: 30px; }

	.content > ol li + li,
	.content > ul li + li { margin-top: 3px;  }
	.content > h4 { font-size: 18px; margin-bottom: 15px;  }

	.aside .btn + h3 { font-size: 28px; margin-top: 25px; margin-bottom: 15px;  }
}

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1210px; padding-left: 20px; padding-right: 20px; margin: auto; }

.shell--fluid { max-width: none; }

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { min-height: 100vh; overflow: hidden; }

/* ------------------------------------------------------------ *\
	Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Animte
\* ------------------------------------------------------------ */

.js-render .animate { opacity: 0; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, -webkit-transform 1s; -o-transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s, -webkit-transform 1s; }

.js-render .animate.animated { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.js-render .animate.animated .animate-rtl.animated { opacity: 0; -webkit-transform: translateX(100vw); -ms-transform: translateX(100vw); transform: translateX(100vw); }

.js-render .animate.animated .animate-ltr.animated { opacity: 0; -webkit-transform: translateX(-100vw); -ms-transform: translateX(-100vw); transform: translateX(-100vw); }

.js-render .animate.animated .animate-btt.animated { opacity: 0; -webkit-transform: translateY(200px); -ms-transform: translateY(200px); transform: translateY(200px); }

.animate.single-animated { opacity: 1 !important; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important; -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important; }

.animate.animate-rtl { -webkit-transform: translateX(100vw); -ms-transform: translateX(100vw); transform: translateX(100vw); }

.animate.animate-ltr { -webkit-transform: translateX(-100vw); -ms-transform: translateX(-100vw); transform: translateX(-100vw); }

.animate.animate-btt { -webkit-transform: translateY(200px); -ms-transform: translateY(200px); transform: translateY(200px); }

.animated .slider-cards .slider__slide { opacity: 1 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; }

.animated .features li { opacity: 1 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; }

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

.article { max-width: 1210px; padding-left: 25px; padding-right: 25px; margin: 0 auto; padding-top: 80px; padding-bottom: 0; }
.article:last-child { padding-bottom: 80px; }

.article a { color: #17acff; }

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 { letter-spacing: -.02em; margin-bottom: 14px; }

.article h3 { letter-spacing: -.03em; margin-top: 15px; }

.article p + p { margin-top: 25px; }

.article br { line-height: 1; font-size: 10px; display: block; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; float: left; }

.article ul { list-style-type: none; }

.article ul li { position: relative; padding-left: 20px; }

.article ul li:before { content: '•'; position: absolute; top: 0; left: 0; }
.article .courses ul li:before { display: none; }

.article ol { counter-reset: list-count; list-style-type: none; }

.article ol li { position: relative; padding-left: 20px; counter-increment: list-count; }

.article ol li:before { content: counter(list-count) '.'; position: absolute; top: 0; left: 0; }

.article blockquote { font-size: 18px; }

.article  .form-article { margin-left: 105px; margin-top: 0; margin-bottom: 80px; min-width: 400px; max-width: 500px; z-index: 1; position: relative; }

.article .content-row { margin-bottom: 80px; }

.article .content-row:first-child .form-article { margin-top: -140px; }

.article .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; clear: both; margin-bottom: 40px; }
.article .courses .row { margin-bottom: 0px; }
.article .courses .row--head.row--fluid { margin-top: 40px; }

.article .row .article__image { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 15px 0 0; position: relative; z-index: 1; }

.article .row .article__image:after { content: ''; display: block; width: 100px; height: 100px; background-color: #f43616; bottom: -10px; left: -10px; position: absolute; z-index: -1; }

.article .row .article__content { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding-left: 85px; padding-top: 10px; }

.article .row--reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.article .row--reverse .article__content { padding-left: 0; padding-right: 85px; }

.article .row--reverse .article__image { padding: 0 0 0 15px; text-align: right; }

.article .row--reverse .article__image:after { left: auto; right: -10px; }

.article .article__inner { padding-top: 43px; max-width: 770px; margin: 0 auto; }

.article .article__inner .form-article { margin: 0; }

.article .article__inner .row { padding-top: 40px; margin-bottom: 54px; }

.article .article__inner div:not(.col) { width: 100%; }

.article .article__inner .row .col { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; align-self: flex-start; }

.article .article__inner .row .col + .col { padding-left: 15px; }

@media (max-width: 1023px) {
	body .article { font-size: 15px; padding-top: 40px; }	
	body .article .form-article { margin-bottom: 40px; }	
	body .article .content-row:first-child .form-article { margin-top: -70px; }	
	body .article .content-row { margin-bottom: 40px; }
	body .article .row .article__content { padding-left: 40px; padding-right: 0; }	
	body .article .row--reverse .article__content { padding-left: 0; padding-right: 40px; }	
	body .article .article__inner { padding-top: 20px; }	
}

@media (max-width: 767px) {
	.article h1,
	.article h2,
	.article h3,
	.article h4,
	.article h5,
	.article h6 { margin-bottom: 10px; }

	.article { padding-bottom: 40px;  }	
	.article p + p { margin-top: 15px; }	
	.article .form-article { margin-left: 0; min-width: 0; }	
	.article .alignleft,
	.article .alignright { float: none; }	
	.article .row { display: block; margin-bottom: 20px; }
	.article .row .article__image { max-width: 100%; margin: 40px 0; padding: 0; }
	.article .row .article__image:after { left: -5px; bottom: -5px; }
	.article .row--reverse .article__image:after { right: -5px; bottom: -5px; left: auto; }
	.article .row .article__content { padding: 0; }
	.article .article__inner { padding-top: 0; }
	.article .article__inner .row { padding-top: 15px; margin-bottom: 40px; }
	.article .article__inner .row .col { max-width: 100%; }
	.article .article__inner .row .col + .col { padding-top: 20px; padding-left: 0; }
}

/* ------------------------------------------------------------ *\
	Badge
\* ------------------------------------------------------------ */

.badge { border: 2px solid #76ce29; border-radius: 4px; display: inline-block; font-size: 12px; color: #76ce29; line-height: 1.3; padding: 3px 10px 1px; color: #76ce29; font-weight: 400;  }

.badge.badge--active { background-color: #76ce29; color: #fff;    }

.badge.badge--active i { margin-right: 5px;  }

.badge.badge--disabled { color: #626262;  border-color: #999; }

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

#pts-wrapper .main .section-blog .cta_button,
#pts-wrapper #main--interior .cta_button { display: inline-block !important; vertical-align: middle !important; text-align: center !important; cursor: pointer !important; text-decoration: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important;  -webkit-transition: color .2s, background-color .2s !important;  -o-transition: color .2s, background-color .2s !important;  transition: color .2s, background-color .2s !important; }
.btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;  -webkit-transition: color .2s, background-color .2s;  -o-transition: color .2s, background-color .2s;  transition: color .2s, background-color .2s; }

#pts-wrapper .main .section-blog .cta_button,
#pts-wrapper #main--interior .cta_button { font-family: 'Poppins',sans-serif !important; text-transform: uppercase !important; font-weight: bold !important; background-color: #fff !important; border-radius: 50px !important; font-size: 18px !important; padding: 12px 20px 10px !important; }
.btn-pill { font-family: 'Poppins',sans-serif !important; text-transform: uppercase; font-weight: bold; background-color: #fff; border-radius: 50px; font-size: 13px; padding: 12px 20px 10px; }

#pts-wrapper .main .section-blog .cta_button *,
#pts-wrapper #main--interior .cta_button * { text-decoration: none !important; }

.btn-pill--orange { background-color: #FF7417; -webkit-box-shadow: 0 2px 0 #D93320; box-shadow: 0 2px 0 #D93320; }

.btn-pill--yellow { background: #EDE20C; box-shadow: 1px 2px 0 0 rgba(0,0,0,0.60); border-radius: 99px; transition: all .3s; }
.btn-pill--yellow:hover { background: #FFF30D; box-shadow: 1px 2px 0 0 rgba(0,0,0,1); }

.btn-pill--red { background-color: #EE3823; -webkit-box-shadow: none; box-shadow: none; color: #fff;   }

.btn-pill--blue { background-color: #37BBFF; -webkit-box-shadow: 0 2px 0 #159BE6; box-shadow: 0 2px 0 #159BE6; color: #fff;}

.btn-pill--blue:hover { background-color: #0D81F5;  }

#pts-wrapper .main .section-blog .cta_button,
#pts-wrapper #main--interior .cta_button { font-weight: bold !important; text-transform: none !important; background-image: -webkit-gradient(linear, left top, right top, from(#FF7417) , to(#EE3823)) !important; background-image: -o-linear-gradient(left, #FF7417 , #EE3823) !important; background-image: linear-gradient(to right, #FF7417 , #EE3823) !important; color: #fff !important; -webkit-box-shadow: 0 2px 0 #D93320 !important; box-shadow: 0 2px 0 #D93320 !important; position: relative !important; z-index: 2 !important;  }
.btn-pill--gradient { background-image: -webkit-gradient(linear, left top, right top, from(#FF7417) , to(#EE3823)); background-image: -o-linear-gradient(left, #FF7417 , #EE3823); background-image: linear-gradient(to right, #FF7417 , #EE3823); color: #fff !important; -webkit-box-shadow: 0 2px 0 #D93320; box-shadow: 0 2px 0 #D93320; position: relative; z-index: 2;  }

#pts-wrapper #main--interior.cta_button:after,
.btn-pill--gradient:after  { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; background-color: #FF7417; border-radius: inherit; opacity: 0; -webkit-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; }

#pts-wrapper .main .section-blog .cta_button:hover:after,
#pts-wrapper #main--interior.cta_button:hover:after,
.btn-pill--gradient:hover:after { opacity: 1;  }

.btn-outline { background-color: transparent; border: 2px solid #fff; }

.btn-outline--orange, .article .btn-outline--orange  { color: #EE3823;  border-color: #EE3823; }

.btn-outline--orange:hover, .article .btn-outline--orange:hover { background-color: #EE3823; color: #fff;  }

.btn-lg { font-size: 22px; font-weight: bold; text-transform: none; padding: 13px 30px 7px;  }

.btn-md { font-family: 'Poppins',sans-serif; font-size: 15px; font-weight: bold; text-transform: none; padding: 7px 15px 5px; }

.btn-sm { font-family: 'Poppins',sans-serif; font-size: 14px; font-weight: bold; text-transform: none; padding: 7px 20px 5px; }

/*  Button Block  */

.btn--block { display: block; padding-left: 0; padding-right: 0; }

/* ------------------------------------------------------------ *\
	Callout
\* ------------------------------------------------------------ */

.callout { display: -webkit-box; display: -ms-flexbox; display: flex; }

.callout .callout__aside { -webkit-box-flex: 0; -ms-flex: 0 0 680px; flex: 0 0 680px; max-width: 680px; padding-right: 40px; padding-top: 27px; }

.callout .callout__content { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding-right: 50px; }

.callout .callout__content h5 { text-transform: uppercase; color: #e8dd0c; margin-left: 6px; letter-spacing: .125em; }

.callout .callout__content h5:after { content: ''; display: inline-block; vertical-align: middle; height: 2px; width: 40px; background-color: #e8dd0c; margin-bottom: 2px; margin-left: 15px; }

.callout .callout__content h2 { color: #fff; }

.callout--alt { display: block; text-align: center; color: #fff; }

.callout--alt h4 { text-transform: uppercase; color: #e8dd0c; font-size: 20px; letter-spacing: .125em; margin-bottom: 5px;  }

.callout--alt h1 { font-size: 62px; letter-spacing: -.016em; margin-bottom: 7px;  }

.callout--alt .btn { margin-top: 30px; min-width: 220px;  }

.callout-secondary { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.callout-secondary .callout__image { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: -228px;  }

.callout-secondary .callout__content { background-color: #e8dd0c; padding: 37px 36px 28px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 30px 0; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; position: relative;   }

.callout-secondary .callout__content .callout__entry { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding-right: 40px; font-size: 14px; line-height: 1.45; }

.callout-secondary .callout__content h4 { font-size: 32px; letter-spacing: -.03em; color: #000; margin-bottom: 8px;   }

.callout-secondary .callout__content .callout__actions { -webkit-box-flex: 0; -ms-flex: 0 0 207px; flex: 0 0 207px; max-width: 207px; margin-top: -7px;  }

.callout-secondary .callout__content .callout__actions a { display: block;  }

.callout-secondary .callout__content .callout__actions .btn { color: #f43616; letter-spacing: .07em; margin-bottom: 18px;  }

.callout-secondary .callout__content .callout__actions .btn:hover { color: #000;  }

.callout-secondary .callout__content .callout__actions p { border-top: 1px solid rgba(0,0,0,.2); padding-top: 20px; text-align: center; font-size: 16px; font-weight: bold; line-height: 1.3; font-family: 'Poppins',sans-serif; letter-spacing: -.02em;  }

@media (max-width: 1200px) {
	.callout .callout__aside { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%;  }	
}

@media (max-width: 1023px) {
	.callout { display: block;  }	
	.callout .callout__aside { max-width: 100%; padding-right: 0;  }	
	.callout .callout__content { padding-right: 0;  }	
	.callout .callout__content h2 { line-height: 1.13; margin-bottom: 12px;  }	

	.callout .form-search .hs-input { height: 65px; padding-left: 30px;  }
	.callout .form-search .hs-button { font-size: 16px; padding-left: 20px; padding-right: 20px; top: 4px; bottom: 4px; right: 4px;  }

	.callout--alt h1 { font-size: 45px;  }
	.callout--alt .btn { margin-top: 10px;  }
}

@media (max-width: 767px) {
	.callout--alt h4 { font-size: 16px;  }	
	.callout--alt h1 { font-size: 36px;  }	

	.callout-secondary { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.callout-secondary .callout__image { margin: 0; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.callout-secondary .callout__image img { width: 100%;  }
	.callout-secondary .callout__content { display: block; margin: 0; padding: 30px 20px;  }
	.callout-secondary .callout__content .callout__actions { margin-top: 20px; max-width: 100%;  }
	.callout-secondary .callout__content .callout__entry { padding: 0;  }
}

/* ------------------------------------------------------------ *\
	Card
\* ------------------------------------------------------------ */

.card { text-decoration: none; height: 100%; background-color: #76ce29;display: block; -webkit-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s; }

.card:hover { background-color: #17acff;  }

.card:hover .card__body .btn { color: #17acff;  }

.card .card__image { height: 200px; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; }

.card .card__body { padding: 42px 30px 85px; font-size: 14px; line-height: 1.5; position: relative; min-height: 234px; height: calc(100% - 200px);  }

.card .card__body h4 { letter-spacing: -.022em; margin-bottom: 7px; }

.card .card__body .btn { color: #76ce29; position: absolute; bottom: 30px; left: 30px; }

@media (max-width: 1023px) {
	.card .card__image{ height: 148px;  }	
	.card .card__body { height: calc(100% - 148px); padding-top: 30px;  }	
}

@media (max-width: 767px) {
	.card .card__body { padding: 26px 19px 75px; min-height: 245px;  }	
	.card .card__body .btn { bottom: 25px; left: 22px;  }	
	.card .card__body h4 { margin-bottom: 10px;  }	
}

/* ------------------------------------------------------------ *\
	Courses
\* ------------------------------------------------------------ */

.courses { background-color: #fff; font-size: 14px; color: #626262; overflow: hidden; position: relative; }

.courses--hidden { display: none; }

.courses h6 { font-size: 13px; font-family: 'Poppins',sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: .072em; color: #626262; }

.courses h5 { color: #282828; font-family: 'Noto Sans',sans-serif; font-weight: bold; font-size: 15px; letter-spacing: .005em; margin-bottom: 6px; }

.courses h5 span { color: #626262; font-weight: 400; font-size: 14px; }

.courses h5 + .badge { position: relative; top: -3px; }

.courses .col h3 { font-size: 36px; color: #000; }

.courses .row { display: -webkit-box; display: -ms-flexbox; display: flex; }

.courses .row[class^="row hidden"] { display: none; }

.courses .row:not(.row--head){ border-top: 1px solid #EAEDF3; }

.courses .col { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; min-height: 104px; padding: 20px 10px 15px 30px; }

.courses .row--head .col {	padding-top: 24px; min-height: 0; }

.courses .btn { width: 100%; margin-top: -4px; }

.courses .courses__info { font-size: 12px; font-style: italic; display: block; letter-spacing: -.02em; padding-top: 8px; }

.courses .courses__info b { color: #76ce29; }

.courses .courses__info--alt { font-style: normal; font-size: 13px; padding-top: 0; line-height: 1.3; }

.courses .row--head figure { background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 50%; width: 60px; height: 60px; -webkit-box-shadow: 0 0 6px rgba(0,0,0,.1); box-shadow: 0 0 6px rgba(0,0,0,.1); display: inline-block; vertical-align: bottom; }

.courses .row--head figure + * { display: inline-block; vertical-align: middle; }

.courses .courses__actions { text-align: center; position: absolute; left: 0; bottom: 0; right: 0; background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(#fff), to(rgba(255,255,255,.1))) ; background-image: -o-linear-gradient(bottom, #fff, #fff, rgba(255,255,255,.1)) ; background-image: linear-gradient(to top, #fff, #fff, rgba(255,255,255,.1)) ; z-index: 4; }

.courses .courses__actions .btn { display: inline-block; width: auto; margin: 80px auto 15px; -webkit-transition: height .3s, margin .3s, padding .3s, background-color .3s, color .3s; -o-transition: height .3s, margin .3s, padding .3s, background-color .3s, color .3s; transition: height .3s, margin .3s, padding .3s, background-color .3s, color .3s; }

.courses .courses__actions .btn.active { overflow: hidden; height: 0; margin: 0; padding: 0; }

.courses .courses__actions .btn span { margin-right: 10px; display: inline-block; }

.courses .col:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 33.2%; flex: 0 0 33.2%; max-width: 33.2%; }

.courses .col:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 24.6%; flex: 0 0 24.6%; max-width: 24.6%; }

.courses .col:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 0 18%; flex: 0 0 18%; max-width: 18%; }

.courses .col:nth-child(4) { padding-right: 30px; text-align: center; }

.courses--alt { overflow: visible; }

.courses--alt + .courses { padding-top: 54px; }

.courses--alt .col { -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; padding: 10px 22px 5px; text-decoration: none; display: block; min-height: 0; -webkit-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s; }

.courses--alt .col p { margin-bottom: 3px; }

.courses--alt .col h5 { font-size: 18px; font-family: 'Poppins',sans-serif; font-weight: bold; margin-bottom: 2px; -webkit-transition: color .2s; -o-transition: color .2s; transition: color .2s; }

.courses--alt .row--head figure { position: absolute; top: 15px; left: -80px; }

.courses--alt .col .badge { margin-left: 10px; }

.courses--alt .row--fluid .col { padding-left: 0; position: relative; padding-bottom: 14px; }

.courses--alt a.col:hover { background: rgba(234,237,234,.3); }

.courses--alt a.col:hover h5 { color: #17acff; }

.courses--alt .courses__actions { margin-bottom: -5px; }

.courses--alt .courses__actions .btn { margin: 10px 0; }

.courses--secondary + .courses--secondary { margin-top: 45px; }

.courses--secondary .row--fluid .col { padding-left: 0 !important; }

.courses--secondary .col figure { margin-right: 16px; }

.courses--secondary .row--fluid .col { width: 100% !important; max-width: 100% !important; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; }

.courses--secondary .row .col--alt { padding: 15px 0 0px ; }

.courses--secondary .col--alt h4 { background-color: #E9F4FA; line-height: 1; padding: 18px 30px 12px; font-size: 26px; color: #000; }

.courses--secondary .col--alt h3 { background-color: #E9F4FA; line-height: 1; padding: 25px 30px 20px; color: #000; }

@media (max-width: 1023px) {
	.courses .row:not(.row--head) .col:last-child { padding-left: 10px;  }

	.courses--alt .row--head figure  { position: static; margin-right: 20px;  }
	.courses--alt .row .badge { display: block; max-width: 140px; margin-left: 0; }
	.courses--secondary .col--alt h3 { font-size: 30px;  }
}

@media (max-width: 767px) {
	.courses .row { display: block; text-align: center; }
	.courses .row .col { max-width: 100%; padding: 15px 10px 20px; min-height: 0; }
	.courses .row .col + .col { padding-top: 0; }
	.courses .row--head:not(.row--fluid) { display: none; }
	.courses--alt + .courses { padding-top: 40px; }
	.courses--alt .col h5 { font-size: 16px; }
	.courses--alt .row { text-align: left; }
	.courses--alt .row--head { display: -webkit-box; display: -ms-flexbox; display: flex; }
	.courses--alt .col { padding: 10px !important; }
	.courses--secondary .col--alt h3 { font-size: 24px; }
}

/* ------------------------------------------------------------ *\
	Feature
\* ------------------------------------------------------------ */

.features { list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px -50px; padding-top: 48px; font-size: 14px;  }

.features li { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; padding: 0 15px 50px;  -webkit-transition: opacity 1s, -webkit-transform 1s;  transition: opacity 1s, -webkit-transform 1s;  -o-transition: opacity 1s, transform 1s;  transition: opacity 1s, transform 1s;  transition: opacity 1s, transform 1s, -webkit-transform 1s;}

.animate .features li  {   -webkit-transform: translateY(200px);   -ms-transform: translateY(200px);   transform: translateY(200px); opacity: 0;}

.features .feature__head { background-size: cover; background-repeat: no-repeat; background-position: center center;  height: 250px;  }

.features .feature__body { margin: -25px 14px 0; background-color: #76ce29; padding: 25px 35px 80px; min-height: 218px; position: relative;  }

.features .feature__body h3 { font-size: 26px; letter-spacing: -.03em; margin-bottom: 8px;  }

.features .feature__body .btn { position: absolute; bottom: 24px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); color: #76ce29; min-width: 170px; font-size: 14px;  }

.features .feature__body .btn:hover { color: #17acff  }

@media (max-width: 1023px) {
	.features li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;  }	
	.features .feature__head { height: 200px;  }
	.features .feature__body { padding: 20px 20px 80px;  }
}

@media (max-width: 767px) {
	.features { margin: 0 -15px -30px; padding-top: 20px;  }	
	.features li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 15px 30px; }	
	.features .feature__body  { padding: 15px 15px 80px; min-height: 180px;  }
		
}

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] {
    -moz-appearance:textfield; 
}

input::-webkit-input-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:-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: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

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

form fieldset { border: 0; }

form fieldset input { -webkit-box-shadow: none !important; box-shadow: none !important; }

form fieldset label { display: none; }

form .hs-field-desc { display: none !important; }

/* ------------------------------------------------------------ *\
	Form Search
\* ------------------------------------------------------------ */

.form-search .hs-field-desc { display: none !important; }

.form-search form { position: relative; }

.form-search img { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 35px; }

.form-search .hs-button { position: absolute; top: 6px; right: 6px; bottom: 6px; border-radius: 50px; width: 140px; border: 0; background-image: -webkit-gradient(linear, left top, right top, from(#FF7417), to(#EE3823)); background-image: -o-linear-gradient(left, #FF7417, #EE3823); background-image: linear-gradient(to right, #FF7417, #EE3823); font-size: 18px; font-weight: bold; color: #fff; font-family: 'Poppins',sans-serif; padding: 3px 15px 0; -webkit-transition: -webkit-box-shadow .3s; transition: -webkit-box-shadow .3s; -o-transition: box-shadow .3s; transition: box-shadow .3s; transition: box-shadow .3s, -webkit-box-shadow .3s; }

.form-search .hs-button:hover { -webkit-box-shadow: inset 0 0 1000px 1000px #ff7417; box-shadow: inset 0 0 1000px 1000px #ff7417; }

.form-search .hs-input { height: 76px; border-radius: 50px; font-size: 20px; color: #555; font-family: 'Encode Sans', sans-serif; font-weight: 400; width: 100%; padding: 0 150px 0 35px; }

.form-search .hs-input::-webkit-input-placeholder { color: inherit; }

.form-search .hs-input:-ms-input-placeholder { color: inherit; }

.form-search .hs-input::-ms-input-placeholder { color: inherit; }

.form-search .hs-input::placeholder { color: inherit; }

.form-search img + fieldset .hs-input { padding-left: 66px; padding-right: 110px; }

@media (max-width: 767px) {
	.form-search img { left: 21px; }
	.form-search .hs-input { font-size: 16px; padding: 0 60px 0 40px; height: 80px; }
	.form-search img + fieldset .hs-input { padding-left: 48px; font-size: 14px; }
	.form-search .hs-button { width: auto; }
}

/* ------------------------------------------------------------ *\
	Form Header
\* ------------------------------------------------------------ */

.form-header { background-color: #f43616; position: absolute; top: 100%; left: 0; right: 0; display: none; }

.form-header .shell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 0; padding-bottom: 0; }

.form-header fieldset { width: 100%; }

.form-header fieldset input { height: 80px; width: 100%; font-size: 20px; color: #fff; border: 0; background-color: transparent; outline: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 0 46px; font-family: 'Noto Sans',sans-serif !important; line-height: 1.2; }

.form-header fieldset input::-webkit-input-placeholder { color: inherit; }

.form-header fieldset input:-ms-input-placeholder { color: inherit; }

.form-header fieldset input::-ms-input-placeholder { color: inherit; }

.form-header fieldset input::placeholder { color: inherit; }

.form-header input[type="submit"] { border: 0; background-color: transparent; font-family: 'FontAwesome'; color: #fff; font-size: 23px; padding-left: 1px; }

.form-header form { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; }

.form-header .hs_submit { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.form-header .searchTrigger { color: #fff; text-decoration: none; font-size: 45px; font-weight: 100; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 30px; }

@media (max-width: 1023px) {
	.form-header fieldset input { height: 67px; font-size: 16px; padding: 0 36px; }
	.form-header .searchTrigger { line-height: 1; }
	.form-header input[type="submit"] { font-size: 18px; }
	.form-header .searchTrigger { font-size: 40px; margin-right: -12px; margin-left: 0; }
	
}

/* ------------------------------------------------------------ *\
	Form Article
\* ------------------------------------------------------------ */

body .form-article,
body .pts-form { background-color: #17acff; color: #fff; border-radius: 8px; padding: 34px 30px; }

body .form-article label,
body .pts-form label { display: block; color: #fff !important; font-size: 16px !important; font-weight: bold !important; margin-bottom: 5px !important; line-height: 1.3 !important; letter-spacing: .02em; }

body .form-article h5,
body .pts-form h5 { text-transform: uppercase !important; letter-spacing: .125em !important; color: #e8dd0c; margin-bottom: 11px !important; }

body .form-article h5:after,
body .pts-form h5:after { content: ''; display: inline-block; vertical-align: middle; margin-bottom: 2px; height: 1px; width: 40px; background-color: #e8dd0c; margin-left: 10px; }

body .form-article h2 { color: #fff !important; font-size: 36px !important; letter-spacing: 0; margin-bottom: 20px !important; }

body .form-article fieldset input { height: 46px !important; border-radius: 24px !important; padding: 0 15px !important; font-size: 18px !important; border: 0; }

body .form-article fieldset textarea,
body .pts-form fieldset textarea { border-radius: 15px !important; height: 100px !important; resize: none; padding: 10px 15px !important; font-size: 18px !important; border: 0; }

body .form-article .hs-richtext,
body .pts-form .hs-richtext { color: #fff; }

body .form-article .hs-error-msgs,
body .pts-form .hs-error-msgs { display: none !important; }

body .form-article .hs-form-required { display: none; }

body .form-article .hs_submit,
body .pts-form .hs_submit { padding-top: 8px !important; }

body .form-article .hs_submit input,
body .pts-form .gform_footer input.button,
body .pts-form .hs_submit input { background-image: -webkit-gradient(linear, left top, right top, from(#FF7417) , to(#EE3823)) !important; background-image: -o-linear-gradient(left, #FF7417 , #EE3823) !important; background-image: linear-gradient(to right, #FF7417 , #EE3823) !important; border: 2px solid rgb(163, 149, 149); border-radius: 99px !important; font-size: 20px !important; font-family: 'Poppins',sans-serif !important; font-weight: bold !important; color: #fff !important; height: 50px !important; -webkit-box-shadow: 0 2px 0 #D93320 !important; box-shadow: 0 2px 0 #D93320 !important; max-width: 340px !important; -webkit-transition: all .3s !important; -o-transition: all .3s !important; transition: all .3s !important; padding: 0px 20px; min-width: 180px; }

body .form-article .hs_submit input:hover,
body .pts-form .hs_submit input:hover { -webkit-box-shadow: 0 2px 0 #D93320,inset 0 0 1000px 1000px #ff7417 !important; box-shadow: 0 2px 0 #D93320,inset 0 0 1000px 1000px #ff7417 !important; border: 2px solid #fff !important; }

body .form-article .actions,
body .pts-form .actions { padding-top: 0; padding-bottom: 0; }

body .form-article .form-columns-2 .field:first-child,
body .pts-form .form-columns-2 .field:first-child { padding-right: 4px; }

body .form-article--alt { padding: 34px 60px; }

body .form-article--alt .hs_submit { padding-top: 20px; }

body .form-article--secondary { padding: 34px 34px 8px; }

body .form-article--secondary h5 { color: #e8dd0c !important; margin-bottom: 11px !important; }

body .form-article--secondary h5:after { background-color: #e8dd0c !important; }

body .form-article--secondary .input { width: 100%; max-width: 100%; padding-right: 15px; }

body .form-article--secondary .hs-input { height: 38px; border-radius: 24px; width: 100%; }

body .form-article--secondary .hs-form .hs-richtext { color: #fff; line-height: 1.45; margin-bottom: 10px; }

body .form-article--secondary .actions { padding-right: 5px; }

body .form-article--secondary .hs-submit input { height: 54px; padding: 2px 0 0; line-height: 1; max-width: 100%; }

/* PTS Form */
body .pts-form { margin: 30px 0; }
body .pts-form .gform_wrapper h2.gform_submission_error,
body .pts-form .gform_wrapper .gform_submission_error { color: #c02b0a !important; }
body .pts-form .actions { margin: 0; padding: 0; }
body .pts-form .hs-form { margin: 0; padding: 0; }
body .pts-form .hs-error-msgs label,
body .pts-form .hs-form .hs-form-required { color: #fff !important; font-weight: normal; }
body .pts-form .hs-form label { font: 15px/1.1 'Poppins',sans-serif; }
body .pts-form > h2 { color: #fff !important; font-size: 28px !important; line-height: 1.0; letter-spacing: 0; margin-bottom: 20px !important; }
body .pts-form p { line-height: 1.4; font-size: 16px; margin-bottom: 20px; }
body .pts-form .hbspt-form { margin-top: 30px; }
body .pts-form textarea { border-radius: 9px; padding: 8px 12px; box-shadow: none; border-color: #fff; border-width: 0; color: #000 !important; }
body .pts-form input[type='text'],
body .pts-form input[type='email'],
body .pts-form input[type='tel'],
body .pts-form input[type='number'],
body .pts-form input[type='password'] { border-radius: 99px; padding: 8px 12px; box-shadow: none; border-color: #fff; border-width: 0; color: #000 !important; }
body .pts-form input.error { border-color: #c87872; }
body .pts-form textarea.hs-input { border-radius: 12px; padding: 8px 12px; width: 100%; min-height: 160px; box-shadow: none; }
body .pts-form .gform_footer input.gform_button { height: 54px; padding: 2px 0 0; line-height: 1; max-width: 100%; }

@media (max-width: 767px) {
	body .form-article { padding: 35px 15px 25px; }		
	body .form-article h2 { font-size: 28px; }		
	body .form-article .actions { width: 100%; }		
	body .form-article .actions input { width: 100%; max-width: 100%; }		
	body .form-article .field label { font-size: 15px; }
	body .form-article fieldset + fieldset { margin-top: 15px; }
	
	body .form-article--secondary { padding: 25px 15px 10px; }
	body .form-article--secondary .input { padding-right: 10px; }
	body .form-article--secondary .hs-input { width: 100%; margin-right: 0; }
	body .form-article--secondary .hs-form .hs-richtext { margin-bottom: 0; }
	body .form-article--secondary .actions { padding: 15px 0 0 !important; margin: 0 !important; }
	body .form-article--secondary .hs-submit input { height: 45px; font-size: 20px; }	
}

/* ------------------------------------------------------------ *\
	Form Cart
\* ------------------------------------------------------------ */

.form-cart { border-top: 1px solid #EAEDF3; padding: 16px 0; position: relative; -webkit-box-shadow: 0 2px 12px rgba(0,0,0,.14); box-shadow: 0 2px 12px rgba(0,0,0,.14); font-size: 14px; padding: 27px 30px 30px; }

.form-cart p { text-align: center; }

.form-cart p strong { font-size: 24px; color: #76ce29; font-weight: bold; margin-left: 10px; }

.form-cart label { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0 17px 0 22px; display: block !important; }

.form-cart .form__controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 15px; margin-top: 29px; position: relative; }

.form-cart .form__controls input { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; height: 40px; border-radius: 20px; padding: 0 40px 0 20px; font-size: 16px; color: #000; border: 1px solid #DDD; }

.form-cart .quant-minus,
.form-cart .quant-plus { position: absolute; display: inline-block; right: 1px; width: 35px; border-left: 1px solid #ddd; color: #f43616; font-size: 17px; font-style: normal; line-height: 1; cursor: pointer; padding-left: 10px; }

.form-cart .quant-plus { top: 0; bottom: 50%; border-bottom: 1px solid #ddd; padding-top: 2px; }

.form-cart .quant-minus { top: 50%; bottom: 0; padding-left: 12px; }

.form-cart .form__actions { margin-top: 20px; position: relative; }

.form-cart .form__actions button { display: block; width: 100%; font-family: 'Poppins',sans-serif; font-weight: bold; font-size: 16px; color: #fff; border: 0; -webkit-box-shadow: 0 2px 0 #D93320; box-shadow: 0 2px 0 #D93320; background-image: -webkit-gradient(linear, left top, right top, from(#FF7417), to(#EE3823)); background-image: -o-linear-gradient(left, #FF7417, #EE3823); background-image: linear-gradient(to right, #FF7417, #EE3823); border-radius: 24px; height: 40px; padding: 3px 15px 0; -webkit-transition: -webkit-box-shadow .3s; transition: -webkit-box-shadow .3s; -o-transition: box-shadow .3s; transition: box-shadow .3s; transition: box-shadow .3s, -webkit-box-shadow .3s; }

.form-cart .form__actions button:hover { -webkit-box-shadow: 0 2px 0 #D93320, inset 0 0 1000px 1000px #ff7417; box-shadow: 0 2px 0 #D93320, inset 0 0 1000px 1000px #ff7417; }

.form-cart .form__actions button img { margin-right: 10px; }

@media (max-width: 767px) {
	.form-cart { padding: 20px; }	
	.form-cart p { margin-bottom: 0; }	
}

/* ------------------------------------------------------------ *\
	Form Intro
\* ------------------------------------------------------------ */

.form-intro { position: relative; }

.form-intro .field { height: 75px; border-radius: 35px; font-size: 20px; color: #555; padding: 0 160px 0 55px; width: 100%; background-color: #fff; border: 0; }

.form-intro .form__controls { position: relative; }

.form-intro .btn { border: 0; position: absolute; top: 2px; right: 3px; text-transform: none; margin: 2px 0; height: 67px; line-height: 60px; padding-top: 5px; padding-bottom: 0; font-size: 18px; min-width: 140px; }

.form-intro .fa-search { position: absolute; left: 23px; top: 25px; color: #EE3823; }

@media (max-width: 767px) {
	.form-intro .fa-search { left: 15px; top: 29px; }	
	.form-intro .field { font-size: 18px; padding-right: 85px; padding-left: 38px; }	
	.form-intro .btn { min-width: 0; font-size: 16px; padding-left: 10px; padding-right: 10px; }	
}

/* ------------------------------------------------------------ *\
	Form Filters
\* ------------------------------------------------------------ */

.form-filters h6 { text-transform: uppercase; font-size: 13px; font-weight: 900; letter-spacing: .07em; }

.form-filters .form__group { padding-bottom: 29px; }

.form-filters .form__group + .form__group { padding-top: 44px; border-top: 1px solid rgba(218,218,218,.5); }

.form-filters .checks-toggle { font-size: 14px; text-decoration: none; }

.form-filters .checks-toggle strong { margin-right: 5px; font-weight: bold; font-size: 18px; }

.form-filters .checks-toggle strong + strong { display: none; }

.form-filters .checks-toggle span + span { display: none; }

.form-filters .checks-toggle.active span { display: none; }

.form-filters .checks-toggle.active span + span { display: inline-block; }

.form-filters .checks-toggle.active strong { display: none; }

.form-filters .checks-toggle.active strong + strong { display: inline-block; }

@media (max-width: 767px) {
	.form-filters .form__group { padding-bottom: 10px; }	
	.form-filters .form__group + .form__group { padding-top: 20px; }	
}

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro { background-size: cover; background-repeat: no-repeat; background-position: center center; padding-top: 70px; position: relative; overflow: hidden; }

.intro .intro__item { width: 652px; margin-left: auto; background: rgba(237,226,12,.9); padding: 54px 90px 40px 87px; line-height: 1.5; }

.intro .intro__item .form-search { padding-top: 13px; margin-bottom: 28px; }

.intro .intro__item h1 { font-size: 54px; line-height: .98; margin-bottom: 7px; color: #000; }

.intro .intro__item h5 { text-transform: uppercase; margin-bottom: 3px; position: relative; font-weight: 300; letter-spacing: .011em; }

.intro .intro__item h5:after { content: ''; display: inline-block; vertical-align: middle; height: 1px; width: 30px; background-color: #000; margin-left: 5px; margin-bottom: 3px; }

.intro .intro__item h5 i { margin-right: 5px; }

.intro .intro__item ul { list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #000; font-family: 'Encode Sans Condensed', sans-serif; font-weight: 700; margin: 0 -9px; }

.intro .intro__item ul li { padding: 0 9px 2px; }

.intro .intro__item ul + h5 { margin-top: 18px; }

.intro .intro__video { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; pointer-events: none; background-color: #fff; }

.intro .intro__video video { position: absolute; top: 0; left: 0; width: 100%; height: auto }

@media (max-width: 1023px) {
	.intro .intro__item { padding: 40px 50px; } 
	.intro .intro__item h1 { font-size: 44px; } 
}

@media (max-width: 767px) {
	.intro	{ padding: 0; }
	.intro .intro__video { display: none; }
	.intro .shell { padding: 0; }
	.intro .intro__item { width: 100%; padding: 69px 24px 32px; }
	.intro .intro__item h1 { font-size: 38px; letter-spacing: -.017em; margin-bottom: 21px; }
	.intro .intro__item .form-search { padding-top: 0; margin-bottom: 38px; } 
	.intro .intro__item h5 { position: relative; padding-left: 27px; letter-spacing: .08em; font-size: 14px; } 
	.intro .intro__item h5 i { position: absolute; top: 0; left: 4px; } 
	.intro .intro__item ul + h5 { margin-top: 21px; } 
}

/* ------------------------------------------------------------ *\
	Intro Alt
\* ------------------------------------------------------------ */

.intro-alt { background-size: cover; background-repeat: no-repeat; background-position: center center; padding: 170px 0 55px; color: #fff; font-size: 20px; background-color: #e8dd0c;}

.intro-alt h1 { font-size: 58px; letter-spacing: -.0172em; margin-bottom: 15px; }

.intro-alt--center { text-align: center; padding: 77px 0 65px; color: #000; letter-spacing: 0; font-size: 20px; }

.intro-alt--center h1 { margin-bottom: 18px; }

.intro-alt--flexed { padding: 80px 0 65px; color: #000; }

.intro-alt--flexed .shell { display: -webkit-box; display: -ms-flexbox; display: flex; }

.intro-alt--flexed .shell .intro__image { -webkit-box-flex: 0; -ms-flex: 0 0 400px; flex: 0 0 400px; background-size: cover; background-repeat: no-repeat; background-position: center center; margin: -40px 0 -95px; }

.intro-alt--flexed .shell .intro__content { padding-right: 50px; }

.intro-alt--flexed-secondary { padding: 80px 0 56px; font-size: 18px; color: #414141; line-height: 1.65; }

.intro-alt--flexed-secondary .shell { display: -webkit-box; display: -ms-flexbox; display: flex; }

.intro-alt--flexed-secondary h5 { text-transform: uppercase; letter-spacing: .125em; color: #000; }

.intro-alt--flexed-secondary h5:after { content: ''; display: inline-block; vertical-align: middle; height: 2px; width: 45px; background-color: #000; margin-left: 10px; }

.intro-alt--flexed-secondary h1 { font-size: 52px; color: #000; margin-bottom: 11px; }

.intro-alt--flexed-secondary .intro__image { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; max-width: 300px; background-size: cover; background-repeat: no-repeat; background-position: center center; margin: 14px 0 -100px; }

.intro-alt--flexed-secondary .intro__content { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding-right: 160px; }

.intro-alt--secondary { color: #000; padding: 60px 0 54px; }

.intro-alt--secondary p { margin-bottom: 0; }

.intro-alt--secondary h1 { font-size: 58px; letter-spacing: -.017em; margin-bottom: 26px; }

@media (max-width: 1023px) {
	.intro-alt { padding-top: 100px; font-size: 17px; }	
	.intro-alt h1 { font-size: 44px; }	
	.intro-alt br { display: none; }	

	.intro-alt--flexed { padding: 60px 0 25px; text-align: center; }
	.intro-alt--flexed .shell { display: block; }
	.intro-alt--flexed .shell .intro__image { height: 240px; margin: 20px auto 0 auto; max-width: 500px; }

	.intro-alt--flexed-secondary { padding: 60px 0 25px; text-align: center; }
	.intro-alt--flexed-secondary .shell { display: block; }
	.intro-alt--flexed-secondary .intro__image { margin: 20px auto 0; max-width: 500px; height: 240px; }
	.intro-alt--flexed-secondary .intro__content { padding-right: 0; }
}

@media (max-width: 767px) {
	.intro-alt { padding: 50px 0 60px; font-size: 15px; }	
	.intro-alt h1 { font-size: 36px; }	

	.intro-alt--flexed { padding: 50px 0 25px; }
	.intro-alt--flexed .shell .intro__image { height: 200px; }
	.intro-alt--flexed-secondary { padding: 50px 0 25px; }
	.intro-alt--flexed-secondary .shell .intro__image { height: 200px; }
}

/* ------------------------------------------------------------ *\
	Intro Secondary
\* ------------------------------------------------------------ */

.intro-secondary { padding: 108px 0 43px; color: #fff; line-height: 1.65; position: relative; z-index: 1; }

.intro-secondary:after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0,0,0,.4); z-index: -1; }

.intro-secondary h1 { font-weight: 400; font-size: 52px; letter-spacing: -.02em; margin-bottom: 10px; }

.intro-secondary h1 strong { display: block; line-height: 1; }

.intro-secondary p { max-width: 970px; }

@media (max-width: 1023px) {
	.intro-secondary { padding-top: 60px; }
	.intro-secondary h1 { font-size: 45px; }
}

@media (max-width: 767px) {
	.intro-secondary { padding-top: 40px; }	
	.intro-secondary h1 { font-size: 36px; }	
}

/* ------------------------------------------------------------ *\
	Intro Tertiary
\* ------------------------------------------------------------ */

.intro-tertiary { background-size: cover; background-repeat: no-repeat; background-position: center center; padding: 66px 0 49px; position: relative; }

.intro-tertiary h4 { text-transform: uppercase; font-family: 'Poppins',sans-serif; font-weight: 300; text-transform: uppercase; color: #e8dd0c; letter-spacing: .08em; font-size: 24px; margin-bottom: 12px; }

.intro-tertiary h1 { font-size: 72px; font-family: 'Poppins',sans-serif; line-height: .9; color: #fff; letter-spacing: -.01em; }

.intro-tertiary h1 span { font-weight: 400; }

.intro-tertiary--center { text-align: center; padding: 93px 0 56px; position: relative; }

.intro-tertiary--center .shell { position: relative; }

.intro-tertiary--center .intro__action { position: absolute; top: -50px; left: 20px; color: #17acff; font-family: 'Poppins',sans-serif; font-weight: bold; word-spacing: 2px; letter-spacing: .04em; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }

.intro-tertiary--center .intro__action:hover { color: #ee3823; }

.intro-tertiary--center h5 { text-transform: uppercase; color: #76ce29; font-family: 'Poppins',sans-serif; font-weight: bold; letter-spacing: .13em; }

.intro-tertiary--center h1 { color: #282828; letter-spacing: -.02em; margin-bottom: 9px; }

.intro-tertiary--center p { text-transform: uppercase; letter-spacing: .05em; }

.intro-tertiary--fade-bot { position: relative; }

.intro-tertiary--fade-bot:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 50px; background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255,255,255,.001))); background-image: -o-linear-gradient(bottom, #fff, rgba(255,255,255,.001)); background-image: linear-gradient(to top, #fff, rgba(255,255,255,.001)); pointer-events: none; }

@media (max-width: 1023px) {
	.intro-tertiary h1 { font-size: 55px; }	
	.intro-tertiary h4 { font-size: 22px; }	
}

@media (max-width: 767px) {
	.intro-tertiary { padding: 40px 0 35px; }	
	.intro-tertiary h1 { font-size: 40px; }	
	.intro-tertiary h4 { font-size: 18px; }	
	.intro-tertiary--center .intro__action { top: -30px; }
}

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

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

/* ------------------------------------------------------------ *\
	List Icons
\* ------------------------------------------------------------ */

.list-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: 'Poppins',sans-serif; font-size: 12px; font-weight: 400; text-transform: uppercase; padding-right: 0px; }

.list-icons li + li { margin-left: 17px; }

.list-icons li:not(:last-child) { padding-top: 4px; }

.list-icons i { margin-right: 3px; color: #17acff; font-size: 14px; }

.list-icons a { text-decoration: none; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }

.list-icons a:hover { color: #17caff; }

.list-icons a span { display: none; }

.list-icons .fa-user { font-size: 18.1px; }

.list-icons .fa-shopping-cart { font-size: 17px; }

.search-trigger { display: inline-block; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 50%; background-image: -webkit-gradient(linear, left top, right top, from(#FF7417) , to(#EE3823)); background-image: -o-linear-gradient(left, #FF7417 , #EE3823); background-image: linear-gradient(to right, #FF7417 , #EE3823); }

@media (max-width: 1023px) {
	.list-icons { display: block; font-size: 18px; font-weight: 600; color: #fff; text-transform: none; letter-spacing: -.044em; }	
	.list-icons li + li { margin-left: 0; margin-top: 4px; }	
	.list-icons li { position: relative; padding-left: 28px; }	
	.list-icons i { color: #7A1D12; font-size: 17px; position: absolute; top: 5px; left: 0; }	
	.list-icons a span { display: inline; }	

	.list-icons .search-trigger { display: none; }	
	.search-trigger img { margin-left: 0; }
}

/* ------------------------------------------------------------ *\
	List Perks
\* ------------------------------------------------------------ */

.list-perks { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 14px; line-height: 1.6; margin-bottom: -45px; }

.list-perks li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-right: 40px; padding-bottom: 45px; }

.list-perks img { margin-bottom: 20px; }

.list-perks h5 { color: #f43616; text-transform: none; margin-bottom: 9px; }

@media (max-width: 1200px) {
	.list-perks li { padding-right: 30px; }	
}

@media (max-width: 767px) {
	.list-perks { margin: 0 -13px; }
	.list-perks li { padding: 0 13px 25px; }
	.list-perks img { margin-bottom: 18px; }	
	.list-perks h5 { font-size: 16px; }
}

/* ------------------------------------------------------------ *\
	List Logos
\* ------------------------------------------------------------ */

.list-logos { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 -29px; }

.list-logos li { padding: 0 29px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.list-logos .slick-list { overflow: visible !important; }

.list-logos .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; }

.list-logos .slick-track .slick-cloned:last-child { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }

@media (max-width: 767px) {
		.list-logos img { width: 100px; height: 100px; }
}

/* ------------------------------------------------------------ *\
	List Checks
\* ------------------------------------------------------------ */

.list-checks--hidden { display: none; }

.list-checks li { position: relative; }

.list-checks li + li { margin-top: 6px; }

.list-checks input { width: 0; height: 0; opacity: 0; position: absolute; }

.list-checks label { padding-left: 32px; position: relative; font-size: 14px; color: #282828; }

.list-checks label:before { content: ''; width: 16px; height: 16px; border: 1px solid #D8DCE6; border-radius: 2px; background-color: #fff; display: inline-block; position: absolute; top: 3px; left: 0; -webkit-transition: border-color .2s, background-color .2s; -o-transition: border-color .2s, background-color .2s; transition: border-color .2s, background-color .2s; }

.list-checks label:after { content: '\f00c'; font-family: 'FontAwesome'; color: #fff; font-size: 11px; position: absolute; top: 2px; left: 3px; z-index: 1; }

.list-checks label span { font-weight: bold; }

.list-checks input:checked + label:before { border-color: #17acff; background-color: #17acff; }

.list-checks--round label:before { border-radius: 50% }

.list-checks { position: relative; }

.list-checks .checks-toggle { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; }

.list-checks .checks-toggle a:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #E9F4FA; z-index: -1; }

.checks-toggle a.active { display: none; }

@media (max-width: 767px) {
	.list-checks li + li { margin-top: auto; }	
}

/* ------------------------------------------------------------ *\
	List links
\* ------------------------------------------------------------ */

.component__inner { margin: -5px -5px 0; padding: 5px 5px 0; }

.list-links ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; font-size: 16px; font-family: 'Poppins',sans-serif; font-weight: bold; text-align: center; list-style-type: none; }

.list-links li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 10px 20px; }

.list-links li:before { display: none; }

.list-links li + li { margin-top: 0 !important; }

.list-links a:not(.btn) { display: block; -webkit-box-shadow: 0 0 6px rgba(0,0,0,.1); box-shadow: 0 0 6px rgba(0,0,0,.1); height: 100%; text-decoration: none; padding: 19px 20px 15px; -webkit-transition: color .3s, background-color .3s; -o-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; background-color: #fff; }

.list-links a:not(.btn) h5 { text-align: left; text-transform: uppercase; color: #76ce29; margin-top: 5px; letter-spacing: .0125em; margin-bottom: -3px; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }

.list-links a:not(.btn) p { text-align: left; font-size: 18px; }

.list-links a:not(.btn):hover { color: #fff; background-color: #76ce29; }

.list-links a:not(.btn):hover h5 { color: #fff; }

.list-links li[class^="hidden"] { display: none; }

.list-links .view-toggle { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center;margin: 0 !important; position: relative; z-index: 1; padding: 0 !important; line-height: 0; }

.list-links .view-toggle .btn { display: inline-block; background-color: #17acff; padding: 7px 20px 5px; -webkit-box-shadow: 0 2px 0 #159BE6; box-shadow: 0 2px 0 #159BE6; color: #fff; height: auto; line-height: 1.7; -webkit-transition: height .1s, padding .1s, margin .1s; -o-transition: height .1s, padding .1s, margin .1s; transition: height .1s, padding .1s, margin .1s; margin: -40px 0; }

.list-links .view-toggle .btn:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 70px; background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(#fff), color-stop(#fff), to(rgba(255,255,255,.1))); background-image: -o-linear-gradient(bottom, #fff, #fff, #fff, rgba(255,255,255,.1)); background-image: linear-gradient(to top, #fff, #fff, #fff, rgba(255,255,255,.1)); z-index: -1; }

.list-links .view-toggle .btn span { margin-right: 10px; }

.list-links .view-toggle .btn.active { height: 0; overflow: hidden; padding: 0; margin: 0; }

.list-links .view-toggle .btn.active:after { display: none; }

@media (max-width: 1023px) {
	.list-links a { padding: 14px 15px 12px; }	
}

@media (max-width: 767px) {
	.list-links li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 10px 10px; }	
	.list-links li a { padding: 9px 15px 7px; }	
}

/* ------------------------------------------------------------ *\
	List Ticks
\* ------------------------------------------------------------ */

.list-ticks { background-color: #fff; padding: 32px 20px 22px 24px; font-size: 15px; line-height: 1.7; margin-bottom: 0; }

.list-ticks li { position: relative; padding-left: 28px; }

.list-ticks li + li { margin-top: 18px; }

.list-ticks i { color: #76ce29; font-size: 22px; margin-right: 5px; position: absolute; top: 0; left: 0; }

@media (max-width: 767px) {
	.list-ticks { padding: 20px 15px 15px; }	
}

/* ------------------------------------------------------------ *\
	List Blog
\* ------------------------------------------------------------ */

.list-blog { font-size: 14px; text-align: left; margin-bottom: 30px; }

.list-blog h5 { font-family: 'Poppins',sans-serif; font-weight: bold; color: #76ce29; letter-spacing: .13em; text-transform: uppercase; margin-bottom: 17px !important; }

.list-blog h3 { font-size: 32px; margin-bottom: 4px; letter-spacing: -.03em; }

.list-blog p { text-transform: uppercase; color: #626262; letter-spacing: .06em; margin-bottom: 10px !important; }

.list-blog li { padding-bottom: 15px; border-bottom: 1px solid #D8D8D8; }

.list-blog li + li { padding: 36px 0 14px; }

@media (max-width: 1023px) {
	.list-blog h3 { font-size: 28px; }	
	.list-blog li { padding-bottom: 10px; }	
	.list-blog li + li { padding: 25px 0 10px; }	
}

@media (max-width: 767px) {
	.list-blog h5 { margin-bottom: 10px !important; }	
	.list-blog h3 { font-size: 22px; }	
	.list-blog li { padding-bottom: 5px; }	
	.list-blog li + li { padding: 20px 0 5px; }	
}

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { font-size: 0; line-height: 0; }

@media (max-width: 1200px) {
	.logo img { width: 100px; height: 52px;  }	
}

@media (max-width: 767px) {
	.logo img { width: 68px; height: 37px;  }	
}

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

.nav-header { display: -webkit-box; display: -ms-flexbox; display: flex; list-style-type: none; font-family: 'Poppins',sans-serif; font-weight: 600; padding-left: 13px; margin-bottom: 6px; }

.nav-header li { position: relative; }

.nav-header > li > a { -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }

.nav-header > li > a:hover { color: #17acff;  }

.nav-header li + li { margin-left: 32px; }

.nav-header a { text-decoration: none; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }

.nav-header li > ul:not(.nav-menu) { display: none; }

.nav-header .nav__mega-menu h6 a { padding: 0 !important;  }

.nav-header .nav__mega-menu h6 a:hover { background-color: transparent !important; }

.nav-header .nav__mega-menu,
.nav-header .nav-menu { display: none; }

.nav-header li.active .nav__mega-menu { display: -webkit-box; display: -ms-flexbox; display: flex;  }

.nav-header li.active .nav-menu { display: block; }

.nav-header > li:not(.has-mega-menu) ul { z-index: 3; width: 260px; top: 100%; left: 50%; margin-left: -130px; position: absolute; background-color: #17acff; margin-top: 33px; list-style-type: none; padding: 21px 22px; color: #fff; }

.nav-header > li:not(.has-mega-menu) ul:before { content: ''; position: absolute; left: 0; right: 0; bottom: 100%; height: 40px; }

.nav-header > li:not(.has-mega-menu) ul:after { content: ''; position: absolute; bottom: 100%; left: 50%; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px; border-color: transparent transparent #17acff transparent; margin-left: -6px; }

.nav-header > li:not(.has-mega-menu) ul a { padding: 6px 13px; border-radius: 4px; display: block; -webkit-transition: color .2s, background-color .2s; -o-transition: color .2s, background-color .2s; transition: color .2s, background-color .2s; }

.nav-header > li:not(.has-mega-menu) ul a:hover { background-color: #fff; color: #000; }

.nav-header > li:not(.has-mega-menu) ul li + li { margin-left: 0; margin-top: 11px; }

.nav-header li.has-mega-menu { position: static; }

.nav-header li.has-mega-menu > a:after { content: ''; opacity: 0; }

.nav-header li.has-mega-menu.active > a:before { content: ''; display: block; height: 40px; margin-bottom: -40px; position: relative; bottom: -25px; }

.nav-header li.has-mega-menu.active > a:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px; border-color: transparent transparent #17acff transparent; margin-bottom: -60px; margin-top: 27px; text-align: center; margin-left: auto; margin-right: auto; opacity: 1; -webkit-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; display: block; }

.nav-header .nav__mega-menu { position: absolute; top: 100%; left: 10px; right: 10px; ; background-color: #17acff; padding: 20px 20px 20px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; display: none; }

.nav-header .nav__mega-menu .menu__aside { -webkit-box-flex: 0; -ms-flex: 0 0 205px; flex: 0 0 205px; max-width: 205px; list-style-type: none; color: #fff; }

.nav-header .nav__mega-menu .menu__aside h6 { background-color: #76ce29; color: #fff; text-transform: uppercase; text-align: center; font-size: 14px; border-radius: 20px; margin-right: 20px; padding: 12px 4px; letter-spacing: .071em; margin-bottom: 16px; }

.nav-header .nav__mega-menu .menu__aside li + li { margin-left: 0; margin-top: 11px; }

.nav-header .nav__mega-menu .menu__aside a { padding: 6px 15px; display: block; -webkit-transition: background-color .2s, color .2s; -o-transition: background-color .2s, color .2s; transition: background-color .2s, color .2s; border-radius: 4px 0 0 4px; }

.nav-header .nav__mega-menu .menu__aside a:hover,
.nav-header .nav__mega-menu .menu__aside li.active a { background-color: #fff; color: #000; }

.nav-header .nav__mega-menu .menu__content { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; }

.nav-header .nav__mega-menu .menu__content ul { list-style-type: none; height: 100%; }

.nav-header .nav__mega-menu .menu__content li { background-color: #fff; margin-left: 0; height: 100%; border-radius: 4px; }

.tabs > li:not(.active) { display: none; }

@media (max-width: 1200px) {
	.nav-header { font-size: 15px; }	
	.nav-header li + li { margin-left: 25px; }	
}

@media (max-width: 1023px) {
	.nav-header .nav-menu { pointer-events: auto; }
	.nav-header li.has-mega-menu:hover > a:before { display: none;  }
	.nav-header li.has-mega-menu:hover > a:after { display: none;  }

	.nav-header { display: block; font-size: 24px; font-weight: 600; color: #fff; padding-left: 0; }
	.nav-header li + li { margin-left: 0; }
	.nav-header li a { display: block;  }

	.nav-header .nav__mega-menu { display: none !important; }
	.nav-header > li:not(.has-mega-menu) ul { position: static;  opacity: 1; margin: 0; width: auto; font-size: 18px; font-weight: 500; background-color: transparent; padding: 2px 10px; display: none;  }
	.nav-header > li:not(.has-mega-menu) ul li + li { margin-top: 0;  }
	.nav-header > li:not(.has-mega-menu) ul li a { padding: 5px 13px;  }
	.nav-header > li:not(.has-mega-menu) ul:after,
	.nav-header > li:not(.has-mega-menu) ul:before { display: none;   }

	.nav-header .hasDropdown { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex;  }
	.nav-header .hasDropdown:after { content: '+'; margin-left: 5px; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; }
	.nav-header .hasDropdown:before  { content: '-'; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-left: -12px  }
	.nav-header .hasDropdown.active:after  { opacity: 0;  }
}

/* ------------------------------------------------------------ *\
	Nav Trigger
\* ------------------------------------------------------------ */

.nav-trigger { position: relative; display: inline-block; width: 25px; height: 19px; margin-left: 25px; }

.nav-trigger span { position: absolute; display: block; height: 3px; width: 100%; border-radius: 4px; background-image: -webkit-gradient(linear, left top, right top, from(#FF7417), to(#EE3823)); background-image: -o-linear-gradient(left, #FF7417, #EE3823); background-image: linear-gradient(to right, #FF7417, #EE3823); -webkit-transition: top .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s; transition: top .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s; -o-transition: top .2s .25s, opacity .2s .25s, transform .2s 0s; transition: top .2s .25s, opacity .2s .25s, transform .2s 0s; transition: top .2s .25s, opacity .2s .25s, transform .2s 0s, -webkit-transform .2s 0s; }

.nav-trigger span:nth-child(1) { top: 0; }

.nav-trigger span:nth-child(2) { top: 8px; }

.nav-trigger span:nth-child(3) { top: 16px; }

.nav-trigger.active span { -webkit-transition: background .2s, top .2s, opacity .2s, -webkit-transform .2s .25s; transition: background .2s, top .2s, opacity .2s, -webkit-transform .2s .25s; -o-transition: background .2s, top .2s, opacity .2s, transform .2s .25s; transition: background .2s, top .2s, opacity .2s, transform .2s .25s; transition: background .2s, top .2s, opacity .2s, transform .2s .25s, -webkit-transform .2s .25s; }

.nav-trigger.active span:nth-child(3),
.nav-trigger.active span:nth-child(1) { top: 8px; }

.nav-trigger.active span:nth-child(2) { opacity: 0; }

.nav-trigger.active span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.nav-trigger.active span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

/* ------------------------------------------------------------ *\
	Nav Footer
\* ------------------------------------------------------------ */

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

.section-slider { overflow: hidden; padding-top: 40px; }

.section-slider .shell { margin-right: 0; max-width: 100%; -webkit-transform: translateX(185px); -ms-transform: translateX(185px); transform: translateX(185px); }

@media (max-width: 1023px) {
	.section-slider { padding-top: 58px; }	
	.section-slider .shell { margin: 0 auto; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }	
}

/* ------------------------------------------------------------ *\
	Section Slider
\* ------------------------------------------------------------ */

.section-about { padding: 116px 0 20px; }

.section-about .shell { max-width: 1360px; }

.section-about .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; }

.section-about .section__image { -webkit-box-flex: 0; -ms-flex: 0 0 585px; flex: 0 0 585px; max-width: 585px; margin-bottom: 100px; }

.section-about .section__image figure { background-size: cover; background-repeat: no-repeat; background-position: center center;position: relative; height: 100%; }

.section-about .section__image figure:before { content: ''; position: absolute; top: -10px; left: -10px; bottom: -10px; width: 180px; background-color: #f43616; z-index: -1; }

.section-about .section__content { padding: 25px 50px 0 100px; line-height: 1.55; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.section-about .section__content > h5 { text-transform: uppercase; color: #76ce29; letter-spacing: .11em; margin-bottom: 9px; }

.section-about .section__content > h5:after { content: ''; display: inline-block; vertical-align: middle; height: 2px; width: 44px; background-color: #76ce29; margin-left: 15px; margin-bottom: 3px; }

.section-about .section__content h1 { letter-spacing: -.02em; margin-bottom: -1px; }

.section-about .section__content .list-perks { margin-top: 50px; }

@media (max-width: 1400px) {
	.section-about .section__image { margin-left: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
}

@media (max-width: 1200px) {
	.section-about .section__content { padding-left: 40px; padding-right: 10px; }	
}

@media (max-width: 1023px) {
	.section-about { padding-top: 70px; }	
	.section-about .section__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; }	
	.section-about .section__image { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; height: 400px; }	
	.section-about .section__content { padding: 30px 0; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }	
}

@media (max-width: 767px) {
	.section-about { padding-top: 35px; }	
	.section-about .section__content { padding-bottom: 10px; }
	.section-about .section__content > h5 { margin-bottom: 18px; }
	.section-about .section__content > h1 { font-size: 36px; margin-bottom: 6px; }
	.section-about .section__content .list-perks { margin-top: 29px; }
	.section-about .section__image { margin-left: 5px; height: calc(100vw - 60px); margin-bottom: 5px; }
	.section-about .section__image:after { top: -5px; left: -5px; bottom: -5px; width: 98px; }
}

/* ------------------------------------------------------------ *\
	Section Logos
\* ------------------------------------------------------------ */

.section-logos { text-align: center; padding: 43px 0; overflow: hidden; }

.section-logos h1 { letter-spacing: -.019em; margin-bottom: 61px; }

.section-logos .list-logos { margin-right: 0; max-width: 1560px; margin-left: auto; -webkit-transform: translateX(150px); -ms-transform: translateX(150px); transform: translateX(150px); }

@media (max-width: 1023px) {
	.section-logos h1 { margin-bottom: 20px; }
}

/* ------------------------------------------------------------ *\
	Section Testimonials
\* ------------------------------------------------------------ */

.section-testimonials { padding: 123px 0 105px; }

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

@media (max-width: 767px) {
	.section-testimonials { padding: 40px 0; }
}

/* ------------------------------------------------------------ *\
	Section Callout
\* ------------------------------------------------------------ */

.section-callout { clear: both; background-color: #17acff; padding: 64px 0 53px; }

.section-callout .shell { max-width: 1200px; }

.section-callout--alt { background-size: cover; background-repeat: no-repeat; background-position: center center; padding: 105px 0 100px; }

.section-callout--alt .shell { max-width: 880px; }

@media (max-width: 1023px) {
	.section-callout { padding: 76px 0 54px; }
		
	.section-callout--alt { padding: 60px 0; }
}

@media (max-width: 767px) {
	.section-callout--alt { padding: 40px 0; }	
}

/* ------------------------------------------------------------ *\
	Section Feature
\* ------------------------------------------------------------ */

.section-features { padding: 107px 0 48px; text-align: center; }

.section-features h2 { margin-bottom: 15px; }

.section-features p { letter-spacing: 0; }

@media (max-width: 1023px) {
	.section-features { padding: 50px 0 30px; }	
	.section-features br { display: none; }	
}

@media (max-width: 767px) {
	.section-features { padding: 40px 0 10px; }	
}

/* ------------------------------------------------------------ *\
	Section Schedule
\* ------------------------------------------------------------ */

.section-schedule { padding: 105px 0 101px; background-color: #E9F4FA; }

.section-schedule .shell > h1,
.section-schedule .shell > h2,
.section-schedule .shell > h3,
.section-schedule .shell > h4,
.section-schedule .shell > h5,
.section-schedule .shell > h6 { padding-left: 30px; }

.section-schedule .shell > h1 { letter-spacing: -.02em; margin-bottom: 20px; }

.section-schedule .shell > h5 { text-transform: uppercase; color: #76ce29; letter-spacing: .125em; margin-bottom: 11px; }

.section-schedule .shell > h5:after { content: ''; display: inline-block; margin-bottom: 2px; vertical-align: middle; width: 42px; height: 2px; background-color: #76ce29; margin-left: 12px; }

.section-schedule .shell { max-width: 850px; }

@media (max-width: 1023px) {
	.section-schedule { padding: 60px 0; }	
	.section-schedule .shell > h1,
	.section-schedule .shell > h2,
	.section-schedule .shell > h3,
	.section-schedule .shell > h4,
	.section-schedule .shell > h5,
	.section-schedule .shell > h6 { padding-left: 0; }
}

@media (max-width: 767px) {
	.section-schedule { padding: 40px 0; }	
}

/* ------------------------------------------------------------ *\
	Section Product
\* ------------------------------------------------------------ */

.section-product { padding: 97px 0; }

.section-product .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; }

.section-product .section__image { -webkit-box-flex: 0; -ms-flex: 0 0 335px; flex: 0 0 335px; max-width: 335px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-clip: content-box; padding-right: 65px; padding-bottom: 110px; }

.section-product .section__aside { -webkit-box-flex: 0; -ms-flex: 0 0 270px; flex: 0 0 270px; max-width: 270px; }

.section-product .section__content { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding-right: 65px; padding-top: 5px; }

.section-product .section__content h5 { color: #76ce29; text-transform: uppercase; letter-spacing: .125em; margin-bottom: 7px; }

.section-product .section__content h2 { letter-spacing: -.023em; margin-bottom: 12px; }

.section-product .section__content p + p { margin-top: 28px; }

@media (max-width: 1200px) {
	.section-product .section__image { padding-right: 30px; }	
	.section-product .section__content { padding-right: 30px; }	
}

@media (max-width: 1023px) {
	.section-product { padding: 60px 0; }	
	.section-product .section__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}	
	.section-product .section__image { padding: 0; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }	
	.section-product .section__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 30px 0 0; }	
}

@media (max-width: 767px) {
	.section-product { padding: 40px 0; }	
	.section-product .section__image { height: 220px; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; }	
	.section-product .section__content { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; padding: 30px 0; }	
	.section-product .section__aside { margin: 0 auto; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; }	

}

/* ------------------------------------------------------------ *\
	Section Courses
\* ------------------------------------------------------------ */

.section-courses { overflow: hidden; }

.section-courses .filters-trigger { display: none; }

.section-courses .shell { display: -webkit-box; display: -ms-flexbox; display: flex; }

.section-courses .section__aside { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; max-width: 300px; background-color: #E9F4FA; position: relative; padding-top: 65px; padding-bottom: 104px; padding-right: 30px; }

.section-courses .section__aside:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 100vw; background-color: #E9F4FA; z-index: -1; pointer-events: none;}

.section-courses .section__aside:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; -webkit-box-shadow: 0 2px 16px rgba(0,0,0,.8); box-shadow: 0 2px 16px rgba(0,0,0,.8); width: 1px; pointer-events: none;}

.section-courses .section__content {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1; padding-left: 119px; padding-top: 45px; padding-bottom: 227px; position: relative; z-index: 1; background-color: #fff; }

.section-courses .section__content > h6 { font-size: 16px; font-family: 'Noto Sans',sans-serif; font-weight: 400; margin-top: -2px; letter-spacing: .014em; margin-bottom: 34px; }

.section-courses .section__content > h6 span { font-weight: bold; color: #f43616; }

.section-courses .section__content--results { padding-left: 100px; }

.section-courses .section__content--secondary { padding-left: 40px; padding-top: 36px; }

@media (max-width: 1023px) {
	.section-courses .section__aside { -webkit-box-flex: 0; -ms-flex: 0 0 220px; flex: 0 0 220px; max-width: 220px; }
	.section-courses .section__content { padding-left: 40px; padding-bottom: 60px; }
	.section-courses .section__content--secondary { padding-left: 30px; }
	.section-courses .section__content--secondary .courses .col { padding-right: 0px; }
	.section-courses .section__content--secondary .courses .col:first-child { padding-left: 10px; }
}

@media (max-width: 767px) {
	.section-courses .filters-trigger { display: block; position: absolute; top: 15px; right: -100px; z-index: 2; -webkit-transition: right 1s ease-in-out; -o-transition: right 1s ease-in-out; transition: right 1s ease-in-out; padding-top: 3px; padding-bottom: 0; }	
	.section-courses .filters-trigger.sticky { position: fixed; left: 7px; top: 82px; right: auto; }	
	.section-courses { overflow: visible; -webkit-transition: margin 1s ease-in-out; -o-transition: margin 1s ease-in-out; transition: margin 1s ease-in-out; position: relative; }	
	.section-courses.filters-in { margin-left: 250px; margin-right: -250px; }	
	.section-courses.filters-in .filters-trigger:not(.sticky) { right: 150px; }	
	.section-courses .section__aside { margin-left: -250px; }	
	.section-courses .section__content { padding-left: 25px; padding-bottom: 70px; }	
}

/* ------------------------------------------------------------ *\
	Section Equal
\* ------------------------------------------------------------ */

.section-equal { padding: 80px 0; background-size: contain; background-position: top left; background-repeat: no-repeat; }

.section-equal .shell { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.section-equal img { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.section-equal img + .section__content { margin: 30px 0 30px -90px; background-color: #fff; }

.section-equal .section__content { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding: 45px 0 40px 70px; position: relative; z-index: 1; }

.section-equal .section__content a { text-decoration: none; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }

.section-equal .section__content h5 { text-transform: uppercase; color: #76ce29; font-weight: bold; font-family: 'Poppins',sans-serif; margin-bottom: 22px; letter-spacing: .13em; }

.section-equal .section__content h2 { letter-spacing: -.01em; word-spacing: -.08em; margin-bottom: 30px; }

.section-equal .section__content h2 span { font-size: 14px; font-family: 'Noto Sans',sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: .11em; display: block; margin-top: -1px; }

.section-equal .section__content p { margin-bottom: 23px; }

.section-equal .section__content .btn { min-width: 180px; margin-left: 8px; }

.section-equal .section__content a:not(.btn):hover { color: #17acff; }

.section-equal .section__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.section-equal .section__actions .btn { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 10px;  }

.section-equal--secondary { padding: 85px 0; }

.section-equal--secondary .section__aside { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding-right: 32px; padding-bottom: 500px; position: relative; }

.section-equal--secondary .section__aside h5 { text-transform: uppercase; font-family: 'Poppins',sans-serif; font-weight: bold; letter-spacing: .14em; color: #f43616; margin-bottom: 23px; }

.section-equal--secondary .section__aside h5:after { content: ''; display: inline-block; width: 40px; height: 2px; background-color: #f43616; margin-left: 10px; vertical-align: middle; }

.section-equal--secondary .section__aside h1 { font-size: 42px; }

.section-equal--secondary .section__aside .form-article { position: absolute; bottom: 136px; left: 0; right: 33px; }

.section-equal--secondary .section__content { -webkit-box-flex: 0; -ms-flex: 0 0 57%; flex: 0 0 57%; max-width: 57%; padding-top: 0; text-align: right; }

.section-equal--secondary .section__content .btn { min-width: 140px; margin-right: 8px; }

.section-equal--reversed { padding: 80px 0; }

.section-equal--reversed .section__aside { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-right: 0; padding-left: 32px; padding-bottom: 0; }

.section-equal--reversed .section__aside .form-article { position: static; }

.section-equal--reversed .section__content { padding-left: 0; padding-right: 70px; padding-top: 10px; text-align: left; }

.section-equal--reversed .section__content h2 { margin-bottom: 52px; }

.section-equal--reversed .section__content .hs-input { width: 100%; }

@media (max-width: 1023px) {
	.section-equal { padding: 60px 0; }	
	.section-equal .shell { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }	
	.section-equal img { -webkit-box-flex: 0; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; }	
	.section-equal .section__content { padding: 30px 0 30px 40px; }	

	.section-equal--secondary .shell { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
	.section-equal--secondary .section__content { padding: 0; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	.section-equal--secondary .section__aside { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-bottom: 700px; }
	
	.section-equal--reversed .section__aside { padding-bottom: 0; }
}

@media (max-width: 767px) {
	.section-equal { padding: 40px 0; }	
	.section-equal img { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }	
	.section-equal img + .section__content { margin: 0; }	
	.section-equal .section__content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0; padding: 20px 0 0; }	
	.section-equal .section__content h5 { margin-bottom: 10px; }	
	.section-equal .section__content h2 { margin-bottom: 15px; }	
	.section-equal .section__content .btn { margin-left: 0; }	

	.section-equal--secondary .section__aside { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; }
	.section-equal--secondary .section__aside .form-article { position: static; }
	.section-equal--secondary .section__aside h1 { font-size: 34px;  }
	.section-equal--secondary .section__content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 40px 0 0; }

	.section-equal--reversed .section__content { padding: 0 0 40px; }
}

/* ------------------------------------------------------------ *\
	Section Blog
\* ------------------------------------------------------------ */

.section-blog { padding-bottom: 63px; }

.section-blog ol { margin-left: 30px; margin-bottom: 40px; }

.section-blog ul { list-style-type: none; margin-bottom: 40px; margin-left: 10px; }

.section-blog ul li { padding-left: 12px; position: relative; }

.section-blog ul li + li { margin-top: 14px; }

.section-blog ul li:before { content: ''; width: 6px; height: 6px; background-color: #f43616; display: inline-block; vertical-align: middle;  border-radius: 50%; position: absolute; top: 11px; left: 0; }

.section-blog .shell { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.section-blog .section__aside { -webkit-box-flex: 0; -ms-flex: 0 0 25.7%; flex: 0 0 25.7%; max-width: 25.7%; font-size: 14px; }

.section-blog .section__aside figure { width: 80px; height: 80px; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 50%; margin-bottom: 18px; }

.section-blog .section__aside h5 { margin-bottom: 8px; }

.section-blog .section__video { padding-bottom: 56.25%; position: relative; margin-bottom: 70px; }

.section-blog .section__video iframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; }

.section-blog .section__content { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; }

.section-blog .section__content img { margin-bottom: 20px; }

.section-blog .section__content h2 { letter-spacing: -.015em; margin-bottom: 20px; }

.section-blog .section__content p + p { margin-top: 26px; }

.section-blog .section__content p + h2 { margin-top: 58px; }

.section-blog .section__content p + ul { margin-top: 18px; }

.section-blog .section__content .courses { margin-top: 35px; }

@media (max-width: 1023px) {
	.section-blog  .section__aside { -webkit-box-flex: 0; -ms-flex: 0 0 22%; flex: 0 0 22%; max-width: 22%;  }	

	.section-blog .section__video  { margin-bottom: 40px;  }	
	.section-blog  .section__content p + p { margin-top: 15px;  }	
	.section-blog  .section__content p + h2 { margin-top: 40px;  }	
}

@media (max-width: 767px) {
	.section-blog ul li + li { margin-top: 6px;  }	
	.section-blog .section__aside { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center; padding-bottom: 30px;  }	
	.section-blog .section__aside figure { margin: 0 auto 15px;  }	
	.section-blog .section__content p { margin-bottom: 10px;  }	
	.section-blog .section__content p + p { margin-top: 10px;  }	
	.section-blog .section__content p + h2 { margin-top: 25px;  }	
}

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

.slider-cards .slider__slide { padding-right: 30px; width: 400px; height: auto; float: none; -webkit-box-flex: 0; -ms-flex: 0 0 400px; flex: 0 0 400px; max-width: 400px; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, -webkit-transform 1s; -o-transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s, -webkit-transform 1s; }

.animate .slider-cards .slider__slide  {  opacity: 0; -webkit-transform: translateY(200px); -ms-transform: translateY(200px); transform: translateY(200px); }

.slider-cards .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.slider-cards .slick-list { overflow: visible !important; }

.slider-cards .slider__actions { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -185px; right: 185px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 64px; pointer-events: none; }

.slider-cards .slider__actions .slick-disabled { opacity: 0; pointer-events: none; }

.slider-cards .slider__actions a { display: block !important; background-color: #fff; text-decoration: none; width: 78px; height: 78px; line-height: 78px; text-align: center; color: #EE3823; font-size: 50px; border-radius: 50%; pointer-events: auto; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }

@media (max-width: 1023px) {
	.slider-cards .slider__actions { right: 0; }
}

@media (max-width: 767px) {
	.slider-cards .slider__actions { display: none; }
	.slider-cards .slider__slide { width: 304px; -webkit-box-flex: 0; -ms-flex: 0 0 304px; flex: 0 0 304px; max-width: 304px; }
}

/* ------------------------------------------------------------ *\
	Slider Tstimonials
\* ------------------------------------------------------------ */

.slider-testimonials { position: relative; }

.slider-testimonials .slick-list { margin: 0 -30px; }

.slider-testimonials .slick-slide { margin: 0 30px; }

.slider-testimonials .slider__slide { display: -webkit-box; display: -ms-flexbox; display: flex; }

.slider-testimonials .slider__slide-image { -webkit-box-flex: 0; -ms-flex: 0 0 500px; flex: 0 0 500px; max-width: 500px; margin: 10px; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; position: relative; }

.slider-testimonials .slider__slide-image a { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.slider-testimonials .slider__slide-image:after { content: ''; position: absolute; top: -10px; right: -10px; bottom: -10px; width: 160px; background-color: #f43616; z-index: -1; }

.slider-testimonials .slider__slide-content { padding: 5px 50px 10px 10px; }

.slider-testimonials .slider__slide-content blockquote { font-size: 28px; line-height: 1.3; margin-bottom: 30px; color: #000; }

.slider-testimonials .slider__slide-content h5 { font-size: 20px; color: #000; margin-bottom: 10px; }

.slider-testimonials .slider__slide-content h6 { font-size: 20px; font-weight: 400; color: #000; }

.slider-testimonials .slick-dots { position: absolute; top: -47px; left: 10px; list-style-type: none; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }

.slider-testimonials .slick-dots button { display: none; }

.slider-testimonials .slick-dots li { width: 12px; height: 12px; border-radius: 50%; background-color: rgba(0,0,0,.2); -webkit-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s; }

.slider-testimonials .slick-dots li.slick-active { background-color: #f43616; }

.slider-testimonials .slick-dots li + li { margin-left: 6px; }

.slider-testimonials .slider__actions { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -60px; right: -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; pointer-events: none; }

.slider-testimonials .slider__actions .slick-disabled { opacity: 0; pointer-events: none; }

.slider-testimonials .slider__actions a { display: block !important; background-color: #fff; text-decoration: none; width: 52px; height: 52px; line-height: 52px; text-align: center; color: #EE3823; font-size: 30px; border-radius: 50%; pointer-events: auto; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.2); box-shadow: 0 0 8px rgba(0,0,0,.2) }

@media (max-width: 1300px) {
	.slider-testimonials .slider__actions { top: -40px; right: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
	.slider-testimonials .slider__actions a + a { margin-left: 50px; }
}

@media (max-width: 1023px) {
	.slider-testimonials .slider__slide-image { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; }
	.slider-testimonials .slider__slide-content blockquote { font-size: 24px; line-height: 1.5; }
}

@media (max-width: 767px) {
	.slider-testimonials .slick-dots { top: -24px; left: 0; }
	.slider-testimonials .slider__slide { -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.slider-testimonials .slider__slide-image { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; height: 202px; margin: 0 0 5px; }
	.slider-testimonials .slider__slide-image a img { width: 58px; height: 58px; }
	.slider-testimonials .slider__slide-image:after { top: -5px; right: -5px; bottom: -5px; width: 105px; }
	.slider-testimonials .slider__slide-content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 10px 0 46px; }

	.slider-testimonials .slider__actions { top: -20px; }
	.slider-testimonials .slider__actions a { width: 35px; height: 35px; line-height: 35px; font-size: 25px; }
	.slider-testimonials .slider__actions a + a { margin-left: 30px; }

}

/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */

.socials { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -4px ; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.socials li { padding: 0 4px 10px; }

.socials a { width: 38px; height: 38px; line-height: 42px; text-align: center; border-radius: 50%; background-color: #76ce29; color: #fff; -webkit-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s; display: block; font-size: 20px; }

.socials a:hover { background-color: #17acff; }

@media (max-width: 1200px) {
	.socials { margin-right: 0; }	
}

@media (max-width: 767px) {
	.socials { margin: 0 -5px; }	
	.socials li { padding: 0 5px 10px; }	
}

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Tabs
\* ------------------------------------------------------------ */

.tabs { color: #000; }

.tabs > li { padding: 34px 17px 35px 32px; }

.tabs .tabs__item { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 19px; position: relative; font-size: 14px; font-family: 'Poppins',sans-serif; }

.tabs .tabs__item + .tabs__item:after { content: ''; position: absolute; height: 1px; top: 0; left: 0; right: 30px; background-color: #979797; }

.tabs .tabs__item + .tabs__item { padding-top: 23px; padding-bottom: 0; }

.tabs .tabs__item h5 { -webkit-box-flex: 0; -ms-flex: 0 0 153px; flex: 0 0 153px; max-width: 153px;text-transform: uppercase; color: #76ce29; letter-spacing: .014em; }

.tabs .tabs__item ul { -webkit-columns: 3 auto; columns: 3 auto; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; margin-top: -3px; }

.tabs .tabs__item li { height: auto !important; }

.tabs .tabs__item li + li { margin-top: 3px; }

.tabs .tabs__item li a { display: inline-block; width: 100%; position: relative; z-index: 1; padding: 3px 0; -webkit-transition: color .2s; -o-transition: color .2s; transition: color .2s; }

.tabs .tabs__item li a:after { content: ''; position: absolute; top: 0px; left: -14px; right: 10px; bottom: 0px; background-color: transparent; border-radius: 4px; z-index: -1; -webkit-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s; }

.tabs .tabs__item li a:hover { color: #fff; }

.tabs .tabs__item li a:hover:after { background-color: #76ce29; }

.tabs .tabs__item-secondary { margin-right: -17px; margin-top: -10px; }

.tabs .tabs__item-secondary:after { content: ''; display: block; height: 2px; background-color: #fff; margin-top: -2px; position: relative; z-index: 1; }

.tabs .tabs__item-secondary ul { -webkit-columns: 3 auto; columns: 3 auto; font-size: 15px; font-weight: 400; color: #626262; }

.tabs .tabs__item-secondary h6 { color: #000; margin-bottom: 8px; -webkit-transition: color .2s; -o-transition: color .2s; transition: color .2s; }

.tabs .tabs__item-secondary ul li { border-radius: 0 !important; border-bottom: 1px solid rgba(151,151,151,.3); margin-right: 30px; }

.tabs .tabs__item-secondary p { margin-bottom: 6px; }

.tabs .tabs__item-secondary li a { padding-top: 7px; display: block; position: relative; -webkit-transition: color .2s; -o-transition: color .2s; transition: color .2s; z-index: 2; }

.tabs .tabs__item-secondary li a:after { content: ''; position: absolute; top: 0; bottom: -8px; left: -11px; right: -6px; border-radius: 4px; background-color: #76ce29; opacity: 0; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; z-index: -1; }

.tabs .tabs__item-secondary li a:hover { color: #fff; }

.tabs .tabs__item-secondary li a:hover h6 { color: #fff; }

.tabs .tabs__item-secondary li a:hover:after { opacity: 1; }

.tabs .tabs__item-tertiary { display: -webkit-box; display: -ms-flexbox; display: flex; }

.tabs .tabs__item-tertiary ul { -webkit-box-flex: 0; -ms-flex: 0 0 36.5%; flex: 0 0 36.5%; max-width: 36.5%; border-right: 1px solid rgba(151,151,151,.3); font-size: 14px; padding-right: 54px; padding-bottom: 70px; }

.tabs .tabs__item-tertiary li + li { margin-top: 23px; }

.tabs .tabs__item-tertiary h6 { text-transform: uppercase; letter-spacing: .125em; color: #76ce29; margin-bottom: 15px; }

.tabs .tabs__item-tertiary a { font-family: 'Poppins',sans-serif; font-weight: 600; color: #000; display: block; position: relative; z-index: 2; -webkit-transition: color .2s; -o-transition: color .2s; transition: color .2s;}

.tabs .tabs__item-tertiary a:after { content: ''; position: absolute; z-index: -1; top: -10px; left: -10px; right: 0; bottom: 0; border-radius: 4px; background-color: #76ce29; opacity: 0; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; }

.tabs .tabs__item-tertiary a:hover { color: #fff; }

.tabs .tabs__item-tertiary a:hover:after { opacity: 1; }

.tabs .tabs__item-tertiary .tab__entry { padding-left: 60px; color: #414141; font-weight: 400; font-size: 16px; font-family: 'Noto Sans',sans-serif; letter-spacing: -.027em; line-height: 1.35; }

.tabs .tabs__item-tertiary .tab__entry h4 { font-size: 20px; margin-bottom: 15px; letter-spacing: 0; }

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

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

.widgets-alt { list-style-type: none; font-size: 13px; line-height: 1.3;  }

.widgets-alt .widget  { -webkit-box-shadow: 0 0 8px rgba(0,0,0,.15); box-shadow: 0 0 8px rgba(0,0,0,.15); padding: 15px 9px 12px; border-radius: 6px; }

.widgets-alt .widget + .widget { margin-top: 40px;  }

.widgets-alt .widget:after { content: ''; clear: both; display: table;  }

.widgets-alt figure { float: left; margin-right: 10px; margin-bottom: 15px;  }

.widgets-alt h5 { color: #76ce29; font-size: 18px; font-weight: 600; letter-spacing: -.03em; margin-top: 5px; margin-bottom: 6px; }

.widgets-alt .widget--text { padding: 20px 60px 17px 20px; }

.widgets-alt .widget--alt  { background-color: #76ce29; padding: 34px 6px 6px;  }

.widgets-alt .widget--alt h4 { font-size: 20px; font-weight: 400; padding-left: 25px; margin-bottom: 26px;  }

.widgets-alt .widget--alt h4 strong { font-weight: bold;  }

@media (max-width: 1023px) {
	.widgets-alt .widget + .widget { margin-top: 20px;  }	
}

/* ------------------------------------------------------------ *\
	Themes
\* ------------------------------------------------------------ */
