/* 
	Table of Contents

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Grid -------------------------------------
	         Old IE fallback --------------------------
	         Responsive Helpers -----------------------
	II.  Regions --------------------------------------
	     01. Container --------------------------------
	     02. Container main ---------------------------
	     03. Container main secondary -----------------
	     04. Content ----------------------------------
	     05. Footer -----------------------------------
	     06. Footer secondary -------------------------
	     07. Header -----------------------------------
	     08. Header secondary -------------------------
	     09. Header tertiary --------------------------
	     10. Main -------------------------------------
	     11. Shell ------------------------------------
	     12. Sidebar ----------------------------------
	     13. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Article ----------------------------------
	     02. Article reversed -------------------------
	     03. Article solid ----------------------------
	     04. Article main -----------------------------
	     05. Articles primary -------------------------
	     06. Article light ----------------------------
	     07. Articles primary-alt ---------------------
	     08. Article primary alt ----------------------
	     09. Article reversed secondary ---------------
	     10. Article primary --------------------------
	     11. Articles primary main --------------------
	     12. Button -----------------------------------
	         Button Block -----------------------------
	         Button -----------------------------------
	         Button outline warning -------------------
	         Button play ------------------------------
	         Button secondary -------------------------
	         Button link ------------------------------
	     13. Callout ----------------------------------
	     14. Contacts ---------------------------------
	     15. Features ---------------------------------
	     16. Feature ----------------------------------
	     17. Form Elements ----------------------------
	     18. Form -------------------------------------
	     19. Intro ------------------------------------
	     20. List -------------------------------------
	     21.  -----------------------------------------
	     22. List filters -----------------------------
	     23. Logo -------------------------------------
	     24. Nav --------------------------------------
	     25. Nav trigger ------------------------------
	     26. Pagination -------------------------------
	     27. Panel ------------------------------------
	     28. Popup ------------------------------------
	     29. Project ----------------------------------
	     30. Project video ----------------------------
	     31. Projects main ----------------------------
	     32. Project main -----------------------------
	     33. Projects ---------------------------------
	     34. Project secondary ------------------------
	     35. Projects filters -------------------------
	     36. Section ----------------------------------
	     37. Section projects -------------------------
	     38. Section info -----------------------------
	     39. Section primary --------------------------
	     40. Section solid ----------------------------
	     41. Section solid secondary ------------------
	     42. Section details --------------------------
	     43. Section section primary alt --------------
	     44. Section primary main ---------------------
	     45. Section projects -------------------------
	     46. Section process --------------------------
	     47. Section primary main ---------------------
	     48. Section about ----------------------------
	     49. Section articles -------------------------
	     50. Section client portal --------------------
	     51. Dropdown ---------------------------------
	     52. Slider -----------------------------------
	     53. Socials ----------------------------------
	     54. Table ------------------------------------
	     55. Widget -----------------------------------
	IV.  Themes ---------------------------------------
	     01. Magnific ---------------------------------
 */

.logo-footer { background-image: url(images/sprite.png); background-position: 0% 0%; background-size: 100% 100%; width: 194px; height: 95px; display: inline-block; vertical-align: middle; font-size: 0; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.logo-footer { background-image: url(images/sprite.@2x.png); background-position: 0% 0%; background-size: 100% 100%; width: 174.5px; height: 85.5px; display: inline-block; vertical-align: middle; font-size: 0; }}
.cols:after { content: ''; line-height: 0; display: table; clear: both; }
/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */
*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main { display: block; }
html { tap-highlight-color: rgba(0,0,0,0); }
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }
img,
iframe,
video,
audio,
object { max-width: 100%; }
img,
iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }
b,
strong { font-weight: bold; }
address { font-style: normal; }
svg:not(:root) { overflow: hidden; }
a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }
a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
button,
select { text-transform: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
nav ul,
nav ol { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
body { min-width: 320px; background: #fff; font-family: 'Work Sans', sans-serif; font-size: 18px; line-height: 1.4; color: #4A4A4A; }
a { color: inherit; text-decoration: underline; transition: color .4s; }
a:hover { text-decoration: none; }
a[href^="tel"] { text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.7em; font-family: 'canada-type-gibson', sans-serif; }
h1 { font-size: 62px; font-weight: 600; }
h2 { font-size: 32px; font-weight: 600; }
h3 { font-size: 42px; font-weight: 600; }
h4 { font-size: 28px; }
h5 { font-size: 22px; }
h6 { font-size: 16px; }
p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.4em; }
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; }
ul,
ol {
	list-style-position: inside;
}
@media (max-width: 1200px) {
	h1 { font-size: 54px; }
}
@media (max-width: 1023px) {
	h1 { font-size: 40px; }
}
@media (max-width: 767px) {
	body { font-size: 16px; }

	h1 { font-size: 36px; }
	h2 { font-size: 28px; }
	h3 { font-size: 26px; }
	h4 { font-size: 24px; }
	h5 { font-size: 22px; }
	h6 { font-size: 16px; }
}
/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */
/*  Clear  */
.clear:after { content: ''; line-height: 0; display: table; clear: both; }
/*  Notext  */
.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }
/*  Hidden  */
[hidden],
.hidden { display: none; }
/*  Alignleft  */
.alignleft { float: left; }
/*  Alignright  */
.alignright { float: right; }
/*  Disabled  */
[disabled],
.disabled { cursor: default; }
/*  Grid  */
.cols { margin: 0 -20px; }
.cols:after { }
.cols-flex { display: -ms-flexbox; display: flex; }
.col { float: left; width: 100%; padding: 0 20px; }
.col-1of2 { width: 50%; max-width: 50%; }
.col-1of3 { width: 33.33%; max-width: 33.33%; }
/*  Old IE fallback  */
.browsehappy { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; margin: 0; padding-top: 50px; background: #e0e0e0; text-align: center; }
/*  Responsive Helpers  */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }
@media (max-width: 767px) {
	.hidden-xs { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
}
@media (min-width: 768px) and (max-width: 1023px) {
	.hidden-sm { display: none !important; }
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
}
@media (min-width: 1024px) and (max-width: 1200px) {
	.hidden-md { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
}
@media (min-width: 1201px) {
	.hidden-lg { display: none !important; }
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
}
/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */
.container {}
@media (max-width: 767px) {
	.container { margin-top: 80px; }
}
/* ------------------------------------------------------------ *\
	Container main
\* ------------------------------------------------------------ */
.container--main { margin-top: 179px; }
@media (max-width: 1023px) {
	.container--main { margin-top: 105px; }
}
@media (max-width: 767px)  {
	.container--main { margin-top: 80px; }
}
/* ------------------------------------------------------------ *\
	Container main secondary
\* ------------------------------------------------------------ */
.container--main-secondary { margin-top: 156px; }
@media (max-width: 1023px) {
	.container--main-secondary { margin-top: 146px; }
}
/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */
.content {}
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer { padding: 100px 0 100px; }
.footer h6 { margin-bottom: 7px; font-weight: 500; font-family: 'Work Sans', sans-serif; font-size: 15px; color: #F90649; letter-spacing: 0.14em; }
.footer .footer__inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 82px; max-width: 1163px; margin: 0 auto; }
.footer .footer__bar { text-align: center; }
.footer .footer__bar p { font-size: 14px; }
.footer .footer__aside { -ms-flex: 0 0 51.7%; flex: 0 0 51.7%; max-width: 51.7%; -ms-flex-order: 1; order: 1; }
.footer .footer__content { -ms-flex: 0 0 48.3%; flex: 0 0 48.3%; max-width: 48.3%; -ms-flex-order: 2; order: 2; }
.footer .list-contacts { margin-bottom: 6px; margin-top: 13px; }
.footer .mail { margin-bottom: 40px; }
.footer .mail a { font-weight: normal; text-decoration: none; }
.footer .mail a:hover { color: #F90649; }
.footer .contacts { margin-right: 40px; }
.footer .contacts p { margin-right: -10px; }
.footer .socials { margin-bottom: 67px; }
@media (max-width: 1200px) {
	.footer { padding: 70px 0 60px; }

	.footer .footer__inner { padding-bottom: 45px; }

	.footer .list-contacts { margin-bottom: 6px; }

	.footer .socials { margin-bottom: 39px; }
}
@media (max-width: 1023px) {
	.footer .footer__aside { -ms-flex: 0 0 44%; flex: 0 0 44%; max-width: 44%; }

	.footer .footer__content { -ms-flex: 0 0 56%; flex: 0 0 56%; max-width: 56%; }

	.footer .list-contacts { margin-top: 17px; }
}
@media (max-width: 767px) {
	.footer { text-align: center; padding: 59px 0 60px; }

	.footer h6 { margin-bottom: 38px; }

	.footer .footer__inner { display: block; padding-bottom: 51px; }

	.footer .footer__aside { width: 100%; max-width: 100%; }

	.footer .footer__content { width: 100%; max-width: 100%; margin-bottom: 58px; }

	.footer .socials { margin-top: -21px; margin-bottom: 49px; }
	.footer .socials ul { -ms-flex-pack: center; justify-content: center; }

	.footer .contacts { margin-right: 0; }

	.footer .list-contacts { display: block; margin-bottom: 25px; }
	.footer .list-contacts a { display: block; text-align: center; }
	.footer .list-contacts li + li { margin-left: 0; margin-top: 36px; }
}
/* ------------------------------------------------------------ *\
	Footer secondary
\* ------------------------------------------------------------ */
.footer--secondary { padding: 83px 0 100px; }
.footer--secondary .logo-footer { width: 194px; height: 95px; }
@media (max-width: 1200px) {
	.footer--secondary { padding: 70px 0 60px; }
}
@media (max-width: 767px) {
	.footer--secondary {  padding: 59px 0 60px; }

	.footer--secondary .logo-footer { width: 174px; height: 85px; }
}
/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header { position: absolute; top: 0; left: 0; width: 100%; padding: 41px 0 43px; z-index: 20; }
.header .header__inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.header .header__content { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }
.header .header__content .logo-white { display: none; }
.header .logo-white { display: inline-block; position: relative; -ms-flex: 0 0 193px; flex: 0 0 193px; max-width: 193px; margin-right: 127px; left: 0px; }
.header .logo-white img { max-width: 100%; }
.header .logo { display: inline-block; position: relative; -ms-flex: 0 0 193px; flex: 0 0 193px; max-width: 193px; margin-right: 127px; left: 0px; }
.header .logo img { max-width: 100%; }
.header .nav-trigger { display: none; }
@media (max-width: 1023px) {
	.header { padding: 25px 0 20px; }

	.header .logo-white { position: relative; -ms-flex: 0 0 130px; flex: 0 0 130px; max-width: 130px; margin-right: 37px; left: 0px; }
	.header .logo { position: relative; -ms-flex: 0 0 130px; flex: 0 0 130px; max-width: 130px; margin-right: 37px; left: 0px; }
}
@media (max-width: 767px) {
	.header { position: fixed; top: -1px; padding: 16px 0; background: #fff; }

	.header .header__content { display: block; position: absolute; top: 0; left: 0; width: 100%; z-index: 20; background: #000000; padding: 17px 30px 49px; -ms-transform: translateY(-100%); transform: translateY(-100%); transition: transform .4s; -webkit-overflow-scrolling: touch; }
	.header .header__content.visible { -ms-transform: translateY(0); transform: translateY(0); }
	.header .header__content .nav { margin-bottom: 45px; }
	.header .header__content .nav a { color: #fff; }
	.header .header__content .btn { display: block; width: 100%; color: #fff; }
	.header .header__content .logo-white { display: inline-block; }

	.header .header__inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }

	.header .logo { width: 99px; -ms-flex: 0 0 99px; flex: 0 0 99px; max-width: 99px; }
	.header .logo-white { width: 99px; -ms-flex: 0 0 99px; flex: 0 0 99px; max-width: 99px; margin-bottom: 50px; }

	.header .nav-trigger { display: inline-block; position: relative; z-index: 30; }
}
/* ------------------------------------------------------------ *\
	Header secondary
\* ------------------------------------------------------------ */
.header--secondary { background: #fff; }
.header--secondary .nav a { color: #4A4A4A; }
.header--secondary .btn { color: #4A4A4A; }
.header--secondary .btn:hover { color: #fff; }
/* ------------------------------------------------------------ *\
	Header tertiary
\* ------------------------------------------------------------ */
.header--tertiary { background: #111111; color: #fff; z-index: 100; }
.header--tertiary h2 { line-height: 1; font-size: 42px; font-weight: 600; color: #fff; letter-spacing: 0.02em; }
.header--tertiary h5 { margin-bottom: 0; font-size: 20px; font-weight: normal; line-height: 1; letter-spacing: 0.02em; }
.header--tertiary .header__content-inner { color: #F90649; }
.header--tertiary .header__inner { max-width: 1170px; margin: 0 auto; }
.header--tertiary .logo-white { width: 145px; -ms-flex: 0 0 145px; flex: 0 0 145px; margin-right: 69px; }
@media (max-width: 1023px) {
	.header--tertiary h2 { font-size: 28px; }

	.header--tertiary h5 { font-size: 18px; }

	.header--tertiary .select-primary.visible ul { visibility: visible; opacity: 1; z-index: 100; }

	.header--tertiary .logo-white { position: relative; -ms-flex: 0 0 130px; flex: 0 0 130px; max-width: 130px; margin-right: 37px; left: 0px; }
}
@media (max-width: 767px) {
	.header--tertiary h2 { margin-bottom: 10px; font-size: 16px; }

	.header--tertiary h5 { margin-bottom: 7px; font-size: 13px; }

	.header--tertiary .header__inner { display: block; }

	.header--tertiary .header__content { position: static; -ms-transform: translateY(0); transform: translateY(0); background: #111111; padding: 0; }
	.header--tertiary .header__content-inner { position: absolute; top: -55px; left: 125px; }

	.header--tertiary .logo-white { width: 99px; -ms-flex: 0 0 99px; flex: 0 0 99px; max-width: 99px; margin-bottom: 15px; margin-right: 15px; }

	.header--tertiary .select-primary.visible ul { overflow-y: scroll; height: 190px; }
	.header--tertiary .select-primary > a { width: 100%; }
	.header--tertiary .select-primary ul { width: 100%; }
}
/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
.main {}
/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */
.shell { max-width: 1440px; padding-left: 20px; padding-right: 20px; margin: auto; }
.shell-fluid { max-width: none; }
@media (max-width: 767px) {
	.shell { padding: 0 30px; }
}
@media(max-width: 370px) {
	.shell { padding: 0 15px; }
}
/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */
.sidebar {}
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper { min-height: 100vh; }
/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */
.article { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
.article h2 { margin-bottom: 3px; font-size: 48px; font-weight: normal; color: #F90649; line-height: 1.1; letter-spacing: -0.03em; }
.article h3 { font-size: 42px; font-weight: 600; color: #111111; line-height: 1.2; }
.article p { margin-bottom: 0; line-height: 1.7; letter-spacing: -0.025em; }
.article p + p { margin-top: 15px; }
.article .article__content-title { display: block; width: 100%; margin-bottom: 32px; background: #fff; padding: 17px 28px; position: relative; left: -90px; z-index: 10; }
.article .article__aside { position: relative; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 20px; }
.article .article__aside .article__aside-inner { position: relative; height: 560px; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.article .article__aside:before { content: ''; width: 50px; height: 2px; background: #F90649; display: inline-block; position: absolute; top: 0; left: 0; }
.article .article__aside:after { content: ''; width: 2px; height: 50px; background: #F90649; display: inline-block; position: absolute; top: 0; left: 0; }
.article .article__content { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 30px 140px 30px 20px; margin-bottom: 39px; }
.article .video { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; height: 380px; width: 100%; }
.article .video .btn--play { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media (max-width: 1440px) {
	.article .article__content { padding: 30px 20px 30px 20px; margin-bottom: 39px; }
}
@media (max-width: 1200px) {
	.article h2 { font-size: 38px; }

	.article h3 { font-size: 36px; }

	.article .article__content { padding: 30px 0 30px 10px; }

	.article .article__aside { padding-right: 10px; }
}
@media (max-width: 1023px) {
	.article h2 { font-size: 28px; }

	.article h3 { font-size: 28px; }

	.article p { font-size: 15px; }
	.article p + p { margin-top: 5px; }

	.article .article__content { margin-bottom: 0; }

	.article .article__content-title { margin-bottom: 10px; padding: 14px 15px; position: relative; left: -60px; }

	.article .article__aside .article__aside-inner { height: 450px; }
}
@media (max-width: 767px) {
	.article { display: block; }

	.article h2 { font-size: 26px; }

	.article h3 { font-size: 26px; }

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

	.article .article__content { width: 100%; max-width: 100%; padding: 0; }

	.article .article__aside { width: 100%; max-width: 100%; height: auto; margin-bottom: 15px; padding-right: 0; padding-bottom: 0; }
	.article .article__aside .article__aside-inner { height: 200px; }

	.article .article__content-title { margin-bottom: 10px; padding: 0px 0px; left: 0; }
}
/* ------------------------------------------------------------ *\
	Article reversed
\* ------------------------------------------------------------ */
.article--reversed .article__aside { -ms-flex-order: 2; order: 2; }
.article--reversed .article__aside:before { content: ''; width: 50px; height: 2px; background: #F90649; display: inline-block; position: absolute; top: 0; left: auto; right: 0; }
.article--reversed .article__aside:after { content: ''; width: 2px; height: 50px; background: #F90649; display: inline-block; position: absolute; top: 0; left: auto; right: 0; }
.article--reversed .article__content { -ms-flex-order: 1; order: 1; padding: 30px 20px 30px 140px; }
.article--reversed .article__content-title { left: auto; right: -90px; text-align: right; }
@media (max-width: 1440px) {
	.article--reversed .article__content { -ms-flex-order: 1; order: 1; padding: 30px 20px 30px 20px; }

	.article--reversed .article__aside { padding-right: 20px; padding-left: 10px; }
}
@media (max-width: 1200px) {
	.article--reversed .article__content { -ms-flex-order: 1; order: 1; padding: 30px 10px 30px 0; }
}
@media (max-width: 1023px) {
	.article--reversed .article__content-title { left: auto; right: -60px; }
}
@media (max-width: 767px) {
	.article--reversed .article__aside { padding-left: 0; padding-bottom: 0; }

	.article--reversed .article__content { -ms-flex-order: 1; order: 1; padding: 0; }
	.article--reversed .article__content-title { right: 0px; text-align: left;}
}
/* ------------------------------------------------------------ *\
	Article solid
\* ------------------------------------------------------------ */
.article--solid:before { content: ''; height: 2px; width: 500px; display: inline-block; background: #F90649; position: absolute; right: 100%; top: 0; margin-right: -70px; }
.article--solid:after { content: ''; height: 2px; width: 500px; display: inline-block; background: #F90649; position: absolute; right: 100%; bottom: 0; margin-right: -70px; }
.article--solid h3 { margin-bottom: 11px; font-size: 42px; font-weight: 600; color: #fff; letter-spacing: 0.05em; }
.article--solid h5 { margin-bottom: 20px; font-size: 18px; font-weight: normal; font-family: 'Work Sans', sans-serif; color: #F90649; letter-spacing: 0.06em; }
.article--solid h6 { margin-bottom: 27px; font-size: 20px; font-weight: normal; font-family: 'Work Sans', sans-serif; line-height: 1.5; }
.article--solid p { font-size: 16px; line-height: 1.65 !important; }
.article--solid .article__content { background: linear-gradient(to right, #333333 0%, #000000 100%); color: #fff; padding: 52px 100px 60px 60px; margin: 30px 0; }
.article--solid .article__content:before { content: ''; width: 2px; height: 60px; display: inline-block; background: #F90649; position: absolute; left: 70px; top: 0; }
.article--solid .article__content:after { content: ''; width: 2px; height: 60px; display: inline-block; background: #F90649; position: absolute; left: 70px; bottom: 0; }
@media (max-width: 1440px) {
	.article--solid h6 { font-size: 18px; }

	.article--solid .article__content { padding: 52px 40px 70px 30px; margin: 30px 0; }
}
@media (max-width: 1200px) {
	.article--solid h3 { font-size: 38px; }

	.article--solid h5 { font-size: 16px; }

	.article--solid h6 { margin-bottom: 10px; font-size: 16px; }

	.article--solid .article__content { padding: 40px 40px 40px 20px; margin: 30px 0; }
}
@media (max-width: 1023px) {
	.article--solid h3 { font-size: 32px; }

	.article--solid h5 { margin-bottom: 10px; font-size: 14px; }
	.article--solid p { font-size: 14px; }
}
@media (max-width: 767px) {
	.article--solid:before { top: 215px; margin-right: -70px; }

	.article--solid .article__content { padding: 40px 20px; margin: 30px 0 5px; }

	.article--solid .article__content:before { height: 40px; left: 70px; top: 215px; }
	.article--solid .article__content:after { height: 40px; }

	.article--solid h3 { font-size: 30px; }

	.article--solid h5 { font-size: 16px; }
	.article--solid h6 { font-size: 15px; }

	.article--solid p { font-size: 15px; }
	.article--solid .video  { height: 200px; }
}
/* ------------------------------------------------------------ *\
	Article main
\* ------------------------------------------------------------ */
.article--main { position: relative; }
.article--main .article__content { -ms-flex: 0 0 54%; flex: 0 0 54%; max-width: 54%; margin-right: auto; }
.article--main .article__aside { position: absolute; right: 0; top: 70px; width: 47.2%; height: 380px; margin: 0 20px 0 0; padding: 0; }
.article--main .article__aside:before { display: none; }
.article--main .article__aside:after { display: none; }
@media(max-width: 1550px) {
	.article--main .article__aside { margin: 0; }
}
@media (max-width: 1440px) {
	.article--main .article__aside { width: 49.2%; }
}
@media (max-width: 767px) {
	.article--main .article__content { width: 100%; max-width: 100%; }

	.article--main .article__aside { position: static; width: 100%; max-width: 100%; height: 380px; margin: 0; }
}
@media (max-width: 767px) {
	.article--main { padding-bottom: 10px; }
	.article--main .article__aside { height: auto; }
}
/* ------------------------------------------------------------ *\
	Articles primary
\* ------------------------------------------------------------ */
.articles--primary .article + .article { margin-top: 20px; }
@media (max-width: 767px) {
	.articles--primary .article + .article { margin-top: 50px; }
}
/* ------------------------------------------------------------ *\
	Article light
\* ------------------------------------------------------------ */
.article--light .article__content { margin-bottom: 0; background: #F2F2F1; }
/* ------------------------------------------------------------ *\
	Articles primary-alt
\* ------------------------------------------------------------ */
.articles--primary-alt .article + .article { margin-top: 50px; }
/* ------------------------------------------------------------ *\
	Article primary alt
\* ------------------------------------------------------------ */
.article--primary-alt { position: relative; display: block; }
.article--primary-alt h2 { margin-bottom: 26px !important; font-size: 42px; font-weight: 600; letter-spacing: 0em !important; }
.article--primary-alt p { margin-bottom: 40px !important; font-size: 17px; }
.article--primary-alt .article__content { padding: 102px 150px 106px 73px; width: 54.2%; max-width: 54.2%; }
.article--primary-alt .article__content .btn { min-width: 230px; }
.article--primary-alt .article__aside { position: absolute; width: 51.5%; max-width: 51.5%; z-index: 10; right: -20px; left: auto; height: auto; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }
.article--primary-alt .article__aside:before { right: 0; left: auto; }
.article--primary-alt .article__aside:after { right: 0; left: auto; }
.article--primary-alt .btn--play { width: 70px; height: 70px; }
.article--primary-alt .btn--play:before { border-left: 16px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent; left: 30px; }
.article--primary-alt .video { height: 480px;  }
@media(max-width: 1500px) {
	.article--primary-alt .article__aside { right: 0px; }
}
@media (max-width: 1440px) {
	.article--primary-alt .article__content { padding: 100px 100px 100px 50px; }
}
@media (max-width: 1200px) {
	.article--primary-alt .article__content { padding: 80px 80px 80px 30px; }

	.article--primary-alt .video { height: 400px; }
}
@media (max-width: 1023px) {
	.article--primary-alt h2 { margin-bottom: 12px !important; font-size: 34px; }

	.article--primary-alt p { margin-bottom: 20px !important; font-size: 16px; }

	.article--primary-alt .article__content { padding: 40px 45px 40px 20px; }

	.article--primary-alt .article__aside { width: 50.5%; max-width: 50.5%; }

	.article--primary-alt .video { height: 290px; }

	.article--primary-alt .btn--play { width: 52px; height: 52px; }
	.article--primary-alt .btn--play:before { border-left: 12px solid #fff; border-top: 8px solid transparent; border-bottom: 8px solid transparent; left: 22px; }
}
@media (max-width: 767px) {
	.article--primary-alt { display: block; }

	.article--primary-alt h2 { font-size: 30px; }

	.article--primary-alt .article__content { width: 100%; max-width: 100%; padding: 30px 20px; }

	.article--primary-alt .article__aside { position: static; width: 100%; max-width: 100%; -ms-transform: translateY(0); transform: translateY(0); padding-left: 0; padding-right: 20px; }

	.article--primary-alt .video { height: 200px; }
}
/* ------------------------------------------------------------ *\
	Article reversed secondary
\* ------------------------------------------------------------ */
.article--reversed-secondary .article__content { margin-left: auto; padding: 102px 100px 106px 129px; }
.article--reversed-secondary .article__aside { right: auto; left: -20px; }
.article--reversed-secondary .article__aside:before { left: 0; right: auto; }
.article--reversed-secondary .article__aside:after { left: 0; right: auto; }
@media(max-width: 1500px) {
	.article--reversed-secondary .article__aside { left: 0px; }
}
@media (max-width: 1440px) {
	.article--reversed-secondary .article__content { padding: 100px 50px 100px 100px; }
}
@media (max-width: 1200px) {
	.article--reversed-secondary .article__content { padding: 80px 30px 80px 80px; }
}
@media (max-width: 1023px) {
	.article--reversed-secondary .article__content { padding: 40px 20px 40px 45px; }
}
@media (max-width: 767px) {
	.article--reversed-secondary .article__content { padding: 30px 20px; }
	.article--reversed-secondary .article__aside { padding-left: 20px; padding-right: 0; }
}
/* ------------------------------------------------------------ *\
	Article primary
\* ------------------------------------------------------------ */
.article--primary .article__content h5 { margin-bottom: 7px; margin-top: 3px;  }
.article--primary .article__content h6 { margin-bottom: 5px; }
/* ------------------------------------------------------------ *\
	Articles primary main
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer;
	-webkit-appearance: none;
	   -moz-appearance: none;
	 		appearance: none;
}
/*  Button Block  */
.btn-block { display: block; padding-left: 0; padding-right: 0; }
/* Button */
#wp-submit,
.gform_wrapper input[type="submit"],
.btn { padding: 0 41px; height: 50px; line-height: 50px; font-family: 'canada-type-gibson', sans-serif; font-size: 16px; background: #F90649; color: #fff; text-decoration: none; border-radius: 0px; transition: border-radius .2s; letter-spacing: 0.17em; }
#wp-submit:hover,
.gform_wrapper input[type="submit"]:hover,
.btn:hover { border-radius: 25px; }
/* Button outline warning */
.btn--outline-primary { padding: 0 17px; border: 2px solid #F90649; background: transparent; color: #F2F2F0; line-height: 46px; transition: background .2s, color .2s; font-size: 18px; font-weight: normal; letter-spacing: 0.1em; }
.btn--outline-primary:hover { background: #F90649; border-radius: 0; }
/* Button play */
.btn--play { position: relative; width: 82px; height: 82px; padding: 0; }
.btn--play span { position: absolute; top: 50%; left: 49px; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 200px; font-size: 26px; font-weight: 600; letter-spacing: 0.12em; }
.btn--play:hover { border-radius: 50%; }
.btn--play:before { content: ''; width: 0; height: 0; border-left: 22px solid #fff; border-top: 14px solid transparent; border-bottom: 14px solid transparent; position: absolute; top: 50%; left: 32px; -ms-transform: translateY(-50%); transform: translateY(-50%); }
@media (max-width: 1200px) {
	.btn--play { width: 72px; height: 72px; }
	.btn--play span { left: 34px; width: 200px; font-size: 22px; letter-spacing: 0.12em; top: 44%; }
	.btn--play:before { border-left: 20px solid #fff; border-top: 13px solid transparent; border-bottom: 13px solid transparent; left: 30px; }
}
/* Button secondary */
.btn.secondary { background: #5AC1C9; }
/* Button link */
.btn--link { position: relative; display: inline-block; width: 270px; height: 48px; border: 1px solid rgba(74, 181, 169, .46); border-radius: 4px; text-decoration: none; padding: 0 20px; line-height: 44px; font-size: 16px; font-weight: 500; background: #fff; color: #333333; box-shadow: 0px 1px 2px rgba(0, 0, 0, .1); transition: background .4s, color .4s; }
.btn--link i { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); right: 17px; transition: color .4s; font-size: 18px; color: #5ac1c9; }
.btn--link:hover { background: #5AC1C9; color: #fff; }
.btn--link:hover i { color: #fff; }
.btn--link:before { content: ''; display: inline-block; background: #ACDDD8; height: 23px; width: 1px; position: absolute; top: 50%; right: 40px; -ms-transform: translateY(-50%); transform: translateY(-50%); transition: background .4s;}
/* ------------------------------------------------------------ *\
	Callout
\* ------------------------------------------------------------ */
.callout { position: relative; padding: 100px 0 100px; background-color: #000000; }
.callout h2 { font-size: 32px; font-weight: 300; line-height: 1.1; letter-spacing: 0.05em; margin-bottom: 41px; }
.callout h5 { margin-bottom: 5px; font-size: 20px; color: #5AC1C9; font-family: 'Work Sans', sans-serif; font-weight: normal; letter-spacing: 0.1em; }
.callout .callout__image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; opacity: .7; }
.callout .callout__inner { position: relative; z-index: 10; max-width: 800px; margin: 0 auto; text-align: center; background: rgba(0, 0, 0, .3); color: #fff; padding: 58px 30px; border: 2px solid #F90649; }
.callout .callout__inner:before { content: ''; display: inline-block; width: 2px; height: 143px; background: #F90649; position: absolute; bottom: 100%; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); }
.callout .btn { letter-spacing: 0.15em; min-width: 261px; }
@media (max-width: 1023px) {
	.callout h2 { font-size: 26px; }

	.callout h5 { margin-bottom: 16px; font-size: 18px; }
}
@media (max-width: 767px) {
	.callout { position: relative; padding: 57px 0 45px; }

	.callout h2 { margin-bottom: 29px; font-size: 26px; line-height: 1.2; }
	.callout h2 br { display: none; }

	.callout h5 { margin-bottom: 14px; font-size: 18px; letter-spacing: 0.1em; }

	.callout .callout__inner { margin: 0 -10px; padding: 35px 20px 38px; }
	.callout .callout__inner:before { height: 100px; }
}
/* ------------------------------------------------------------ *\
	Contacts
\* ------------------------------------------------------------ */
.contacts ul { list-style-type: none; display: -ms-flexbox; display: flex; margin: 0 -30px; }
.contacts li { padding: 0 30px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.contacts p { margin-bottom: 0; font-size: 15px; line-height: 1.7; }
.contacts p + p { margin-top: -4px; }
.contacts span { display: block; margin-bottom: 10px; font-weight: bold; }
@media (max-width: 767px) {
	.contacts ul { display: block; margin: 0; }
	.contacts li { padding: 0; width: 100%; max-width: 100%; margin-top: 20px; }
	.contacts li + li { margin-top: 26px; }
	.contacts p { line-height: 1.65;  }
}
/* ------------------------------------------------------------ *\
	Features
\* ------------------------------------------------------------ */
.features { list-style-type: none; }
.features .feature + .feature { margin-top: 30px; padding-top: 30px; border-top: 1px solid #ddd; }
@media (max-width: 767px) {
	.features .feature + .feature { margin-top: 30px; padding-top: 22px; }
}
/* ------------------------------------------------------------ *\
	Feature
\* ------------------------------------------------------------ */
.feature h5 { margin-bottom: 0px; font-family: 'Work Sans', sans-serif; font-size: 28px; font-weight: bold; }
.feature h6 { margin-bottom: 0; font-size: 16px; color: #F90649; font-family: 'Work Sans', sans-serif; font-weight: normal; letter-spacing: 0.05em; }
.feature p { font-size: 16px; }
.feature .feature__head { margin-bottom: 2px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.feature .feature__body { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; }
.feature .feature__content { -ms-flex: 1; flex: 1; }
.feature .feature__actions { -ms-flex: 0 0 270px; flex: 0 0 270px; max-width: 270px; padding-top: 6px; }
.feature .feature__actions a + a { margin-top: 10px; }
.feature .badge,
.feature .bagde { font-family: 'Work Sans', sans-serif; text-transform: uppercase;  font-size: 13px; font-weight: 500; background: #F90649; color: #fff; padding: 0px 7px 0px; margin-left: 12px; }
@media (max-width: 1023px) {
	.feature h5 { font-size: 26px; }
}
@media (max-width: 767px) {
	.feature h5 { font-size: 24px; }

	.feature .feature__body { display: block; }

	.feature .feature__content { margin-bottom: 5px; }
}
@media(max-width: 400px) {
	.feature .feature__actions .btn--link { width: 100%; }
}
/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */
input::-webkit-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::placeholder { color: inherit; opacity: 1; }
input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }
.field {}
.textarea {}
.select {}
.radio {}
.checkbox {}
/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */
.form {}
/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */
.intro { position: relative; height: 902px; overflow: hidden; background-color: #000000; }
.intro .intro__background { background-size: cover; background-repeat: no-repeat; position: absolute; left: 0; bottom: 0; opacity: .3; z-index: 10; height: auto; top: auto; padding-top: 52.25%; width: 100%; }
.intro h1 { line-height: 1; margin-bottom: 18px; font-size: 68px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.026em; }
.intro p { margin-bottom: 44px; font-size: 20px; max-width: 640px; }
.intro .intro__video { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; }
.intro .intro__inner { position: absolute; top: 55%; left: 0; width: 100%; -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; }
.intro .intro__content { max-width: 63%; color: #fff; padding-left: 200px; }
@media(max-width: 1599px) {
	.intro { height: 800px; }

	.intro .intro__inner { position: absolute; top: 57%; }
}
@media (max-width: 1440px) {
	.intro { height: 650px; }

	.intro h1 { font-size: 62px; }
	.intro h1 br { display: none;  }
	.intro p { margin-bottom: 20px; }
	.intro .intro__inner { position: absolute; top: 59%; }

	.intro .intro__content { max-width: 70%; color: #fff; padding-left: 80px; }
}
@media (max-width: 1200px) {
	.intro { height: 570px; }

	.intro h1 { font-size: 48px; }
	.intro p { font-size: 18px; }
}
@media (max-width: 1023px) {
	.intro { height: 580px; }

	.intro h1 { margin-bottom: 30px; font-size: 52px; max-width: 100%; line-height: 1.15; letter-spacing: 0.026em; }

	.intro p { margin-bottom: 42px; line-height: 1.45; }

	.intro .intro__content { max-width: 80%; }

	.intro .intro__inner { position: absolute; top: 53.4%; }

	.intro .intro__video { display: none; }

	.intro .intro__image { display: block !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; }
}
@media (max-width: 767px) {
	.intro  { height: auto; }

	.intro .intro__background { }

	.intro .intro__content { max-width: 100%; padding: 49px 0 67px; }

	.intro .intro__inner { position: relative; -ms-transform: translateY(0); transform: translateY(0); }
}
/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */
[class^="list-"] { list-style: none outside none; }
/* ------------------------------------------------------------ *\

\* ------------------------------------------------------------ */
.list-contacts { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.list-contacts li + li { margin-left: 45px; }
.list-contacts a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-decoration: none; font-size: 22px; font-family: 'canada-type-gibson', sans-serif; font-weight: 600; letter-spacing: 0.07em; color: #111111; min-width: 280px; }
.list-contacts a i { text-decoration: none; color: #5AC1C9; font-size: 24px; }
.list-contacts i { margin-right: 15px; color: #F90649; transition: color .1s; }
.list-contacts a:hover i { color: #F90649; }
@media (max-width: 767px)  {
	.list-contacts li + li { margin-left: 20px; }
	.list-contacts a { font-size: 20px; letter-spacing: 0.05em; }
	.list-contacts i { margin-right: 10px; }
}
/* ------------------------------------------------------------ *\
	List filters
\* ------------------------------------------------------------ */
.list--filters { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; border-bottom: 3px solid #4A4A4A; }
.list--filters li + li { margin-top: 0; margin-left: 37px; }
.list--filters a { position: relative; font-family: 'canada-type-gibson', sans-serif; font-weight: normal; font-size: 20px; text-decoration: none; color: #5AC1C9; padding: 10px 0px; display: block; margin-bottom: -3px; letter-spacing: 0.02em; }
.list--filters a:after { content: ''; width: 0; height: 3px; display: inline-block; background: #F90649; transition: width .4s; position: absolute; bottom: 0; left: 0; }
.list--filters .current a { color: #F90649; }
.list--filters .current a:after { width: 100%; }
@media (min-width: 1025px) {
	.list--filters a:hover { color: #F90649; }
	.list--filters a:hover:after { width: 100%; }
}
@media (max-width: 767px) {
	.list--filters { display: block; border-bottom: 0; }
	.list--filters li + li { margin-top: 5px; margin-left: 0; }
	.list--filters a { padding: 7px 0; font-size: 18px; }
	.list--filters a:after { height: 2px; }
}
/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */
.logo {}
/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav ul { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.nav li + li { margin-left: 74px; }
.nav a { font-family: 'canada-type-gibson', sans-serif; font-size: 18px; font-weight: normal; text-decoration: none; color: #F2F2F0; letter-spacing: 0.07em; }
.nav a:hover { color: #F90649; }
.nav li.current-menu-item a { color: #F90649; }

/* Desktop only */
@media (min-width: 768px) {
	.nav a { position: relative; display: inline-block; padding: 12px 6px; }
	.nav a span { position: relative; z-index: 1; }
	.nav a:after { position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #F90649; display: block; transition: .2s height, .05s width, .05s left; z-index: 0; }
	.nav a:hover, .nav .current-menu-item a:hover { color: #fff; }
	.nav a:hover:after { height: 100%; width: calc(100% + 20px); left: -10px; }
}
@media (max-width: 1023px) {
	.nav li + li { margin-left: 30px; }
}
@media (max-width: 767px) {
	.nav ul { display: block; }
	.nav li + li { margin-left: 0; margin-top: 30px; }
	.nav a { font-size: 22px; letter-spacing: 0.06em; }
}
/* ------------------------------------------------------------ *\
	Nav trigger
\* ------------------------------------------------------------ */
.nav-trigger { position: relative; display: inline-block; width: 30px; height: 20px; }
.nav-trigger span { position: absolute; display: block; height: 2px; width: 100%; border-radius: 2px; background: #F90649; transition: top .2s .25s, opacity .2s .25s, transform .2s 0s; }
.nav-trigger span:nth-child(1) { top: 0; }
.nav-trigger span:nth-child(2) { top: 9px; }
.nav-trigger span:nth-child(3) { top: 18px; }
.nav-trigger--active span { transition: background .2s, top .2s, opacity .2s, transform .2s .25s; }
.nav-trigger--active span:nth-child(3),
.nav-trigger--active span:nth-child(1) { top: 9px; }
.nav-trigger--active span:nth-child(2) { opacity: 0; }
.nav-trigger--active span:nth-child(1) { -ms-transform: rotate(45deg); transform: rotate(45deg); }
.nav-trigger--active span:nth-child(3) { -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
/* ------------------------------------------------------------ *\
	Pagination
\* ------------------------------------------------------------ */
.pagination ul { list-style-type: none; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin: 0 -2px; }
.pagination li { margin: 0 2px; }
.pagination li:first-child { margin-right: 10px; }
.pagination li:last-child { margin-left: 10px; }
.pagination a { display: inline-block; text-align: center; line-height: 40px; width: 40px; height: 40px; border-radius: 50%; font-size: 18px; font-weight: normal; text-decoration: none; color: #fff; -webkit-text-emphasis: none; text-emphasis: none; transition: background .4s; }
.pagination .current a { background: #F90649; }
.pagination .arrow-left { display: inline-block; width: 10px; height: 10px; border-left: 2px solid #fff; border-top: 2px solid #fff; -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: relative; left: 1px; }
.pagination .arrow-right { display: inline-block; width: 10px; height: 10px; border-right: 2px solid #fff; border-top: 2px solid #fff; -ms-transform: rotate(45deg); transform: rotate(45deg); position: relative; right: 1px; }
.pagination .disabled { opacity: .5; pointer-events: none; }
@media (min-width: 1025px) {
	.pagination a:hover { background: #5AC1C9; }
}
@media(max-width: 370px) {
	.pagination li:first-child { margin-right: 2px; }
	.pagination li:last-child { margin-left: 2px; }
}
/* ------------------------------------------------------------ *\
	Panel
\* ------------------------------------------------------------ */
.panel { background: #fff; box-shadow: 0px 2px 12px rgba(0, 0, 0, .1); padding: 31px 51px 39px 40px; }
.panel h3 { font-size: 32px; font-weight: 600; color: #F90649; }
.panel .panel__head { margin-bottom: 31px; }
@media (max-width: 767px) {
	.panel { padding: 30px 20px 39px; }

	.panel h3 { font-size: 24px; }

	.panel .panel__head { margin-bottom: 23px; }
}
/* ------------------------------------------------------------ *\
	Popup
\* ------------------------------------------------------------ */
.popup { padding: 30px 0; }
.popup .popup__inner { padding: 37px 38px; background: #000000; color: #fff; }
.popup .popup__head { margin-bottom: 24px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between;}
.popup .popup__head h2 { margin-top: -4px; margin-bottom: 4px; font-size: 32px; font-weight: 600; letter-spacing: 0.03em; }
.popup .popup__head h3 { font-size: 18px; font-weight: normal; color: #F90649; letter-spacing: 0.1em; }
.popup .popup__head p { font-size: 16px; font-weight: normal; color: #9B9B9B; -ms-flex: 1 ; flex: 1 ; top: -10px; position: relative; line-height: 1.5; }
.popup .popup__head-inner { -ms-flex: 0 0 52%; flex: 0 0 52%; max-width: 52%; padding-right: 20px; }
.popup .popup__body h5 { font-family: 'Work Sans', sans-serif; font-weight: 600; font-size: 20px; text-align: center; margin-bottom: 20px; letter-spacing: 0.1em; }
.popup .project-video { margin-bottom: 36px; }
.popup .project--main .project__inner { height: 176px; }
.popup .btn--play { width: 70px; height: 70px; }
.popup .mfp-close { top: 60px !important; right: 6px !important; }
@media (max-width: 1200px) {
	.popup { padding: 30px 15px; }

	.popup .mfp-close { right: 20px !important; }
}
@media (max-width: 1023px) {
	.popup .popup__head h2 { font-size: 26px; }

	.popup .popup__head h3 { font-size: 16px; }

	.popup .popup__head p br { display: none; }

	.popup .project-video { margin-bottom: 28px; }

	.popup .project--main .project__inner { height: 140px; }
}
@media (max-width: 767px) {
	.popup { padding: 30px 0; }

	.popup .popup__head h2 { font-size: 22px; }

	.popup .popup__head h3 { font-size: 16px; }

	.popup .popup__head { display: block; margin-bottom: 5px; }
	.popup .popup__head p { width: 100%; max-width: 100%; margin-top: 20px; }

	.popup .popup__head-inner { padding-right: 0; width: 100%; max-width: 100%; }

	.popup .popup__body h5 { font-size: 18px; }

	.popup .popup__inner { padding: 30px 10px; }

	.popup .project--main .project__inner { height: 90px; }

	.popup .mfp-close { right: 0px !important; }
}
@media(max-width: 370px) {
	.popup .project--main .project__inner { height: 70px; }
}
/* ------------------------------------------------------------ *\
	Project
\* ------------------------------------------------------------ */
.project { opacity: 1; transform: scale(1) translateZ(0px); transition: opacity .2s ease, transform .2s ease; }
.project.animate--fade-out { transform: scale(0) translateZ(0px); opacity: 0; }
.project h4 { margin-bottom: 5px; font-weight: 600; font-size: 21px; color: #fff; }
.project h5 { font-family: 'Work Sans', sans-serif; font-weight: 400; font-size: 16px; color: #F90649; }
.project .project__inner { position: relative; display: block; height: auto; padding-top: 56.25%; text-decoration: none; overflow: hidden; }
.project .project__image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; -ms-transform: scale(1); transform: scale(1); transition: transform .5s; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.project .project__content { position: absolute; bottom: 20px; left: 20px; right: 20px; z-index: 10; background: #111111; padding: 15px 20px; visibility: hidden; opacity: 0; transition: visibility .5s, opacity .5s; }
@media(min-width: 1025px) {
	.project .project__inner:hover .project__image { -ms-transform: scale(1.03); transform: scale(1.03); }
	.project .project__inner:hover .project__content { visibility: visible; opacity: 1; }
}
@media (max-width: 1023px) {
	.project h4 { font-size: 18px; }
	.project h5 { font-size: 14px; }

	.project .project__content { position: absolute; bottom: 15px; left: 15px; right: 15px; padding: 11px 15px; }
}
/* ------------------------------------------------------------ *\
	Project video
\* ------------------------------------------------------------ */
.project-video iframe { width: 100%; min-height: 554px; }
@media (max-width: 1023px) {
	.project-video iframe { width: 100%; min-height: 360px; }
}
@media (max-width: 767px) {
	.project-video iframe { width: 100%; min-height: 220px; max-height: 280px; }
}
@media(max-width: 370px) {
	.project-video iframe { width: 100%; min-height: 180px; height: 180px; }
}
/* ------------------------------------------------------------ *\
	Projects main
\* ------------------------------------------------------------ */
.projects--main { list-style-type: none; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -15px; }
.projects--main .project { -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; padding: 0 15px; }
@media (max-width: 767px) {
	.projects--main { list-style-type: none; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -5px; }
	.projects--main .project { -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; padding: 0 5px; }
}
/* ------------------------------------------------------------ *\
	Project main
\* ------------------------------------------------------------ */
.project--main .project__inner { cursor: pointer; }
.project--main .btn--play { position: absolute; visibility: hidden; opacity: 0; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: visibility .4s, opacity .4s; }
.project--main:hover .btn--play { visibility: visible; opacity: 1; border-radius: 0px; }
.project--main .btn--play:before { left: 29px; border-left: 20px solid #fff; }
@media (max-width: 1023px) {
	.project--main .btn--play { width: 40px; height: 40px; }
	.project--main .btn--play:before { border-left: 12px solid #fff; border-top: 8px solid transparent; border-bottom: 8px solid transparent; left: 16px; }
}
/* ------------------------------------------------------------ *\
	Projects
\* ------------------------------------------------------------ */
.projects--primary { list-style-type: none; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -20px -40px !important; }
.projects--primary li { -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; padding: 0 20px; margin-bottom: 40px; }
.projects--primary .project.visible .project__content { visibility: visible; opacity: 1; }
@media (max-width: 1023px) {
	.projects--primary { margin: 0 -10px -40px !important; }
	.projects--primary li { padding: 0 10px; margin-bottom: 20px; }
}
@media (max-width: 767px) {
	.projects--primary { display: block; margin: 0 0 -30px !important; }
	.projects--primary li { width: 100%; max-width: 100%; margin-bottom: 30px; padding: 0; }
}
/* ------------------------------------------------------------ *\
	Project secondary
\* ------------------------------------------------------------ */
.project--secondary .project__content { padding: 10px 21px 13px; bottom: 11px; }
.project--secondary .project__content h4 { margin-bottom: 1px; letter-spacing: 0.03em;}
.project--secondary .project__content h5 { font-family: 'Work Sans', sans-serif; font-weight: 400 !important; font-size: 16px !important; color: #F90649; letter-spacing: 0.04em !important; }
@media (max-width: 767px) {
	.project--secondary .project__content h4 { margin-bottom: -5px; }
	.project--secondary .project__content { bottom: 10px; left: 10px; right: 10px; padding: 8px 15px 7px; }
}
/* ------------------------------------------------------------ *\
	Projects filters
\* ------------------------------------------------------------ */
.projects--filters { counter-reset: section; }
.projects--filters .project { counter-increment: section; }
.projects--filters .project .project__inner { position: relative; }
.projects--filters .project .project__inner:before { content: counter(section); display: inline-block; font-family: 'canada-type-gibson', sans-serif; font-size: 16px; font-weight: normal; position: absolute; top: 10px; right: 10px; z-index: 10; }
/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */
.section {}
.section .line { position: relative; display: inline-block; width: 2px; height: 50px; background: #fff; position: absolute; top: -50px; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; }
.section .line:before { content: ''; position: absolute; top: 100%; left: 0; display: inline-block; width: 2px; height: 50px; background: #F90649; }
.section .js-filter-container-wrapper { overflow: hidden; transition: height .4s ease; }
/* ------------------------------------------------------------ *\
	 Section projects
\* ------------------------------------------------------------ */
.section--projects { padding: 100px 0 100px;  position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.section--projects h1 { margin-bottom: 34px; font-size: 68px; overflow: hidden; letter-spacing: 0.02em; line-height: 1; }
.section--projects .section__body { margin-bottom: 59px; position: relative; }
.section--projects .section__foot { text-align: center; }
.section--projects .section__foot .btn { min-width: 260px; }
.section--projects .section__inner { position: absolute; top: 0; left: 0; width: 100%; margin-top: 4px; }
.section--projects .section__inner:before { content: ''; height: 2px; width: 500px; display: inline-block; background: #F90649; position: absolute; right: 100%; top: 0; margin-right: -70px; }
.section--projects .section__inner:after { content: ''; height: 2px; width: 500px; display: inline-block; background: #F90649; position: absolute; right: 100%; bottom: 0; margin-right: -70px; }
.section--projects .section__inner-content { position: relative; width: 33.33%; max-width: 33.33%; padding: 107px 71px 103px 40px; }
.section--projects .section__inner-content p { line-height: 1.6; }
.section--projects .section__inner-content:before { content: ''; width: 2px; height: 60px; display: inline-block; background: #F90649; position: absolute; left: 70px; top: 0; }
.section--projects .section__inner-content:after { content: ''; width: 2px; height: 60px; display: inline-block; background: #F90649; position: absolute; left: 70px; bottom: 0; }
.section--projects .cols-right { -ms-flex-pack: end; justify-content: flex-end; }
.section--projects .cols + .cols { margin-top: 40px; }
@media (max-width: 1200px) {
	.section--projects h1 { font-size: 52px; }

	.section--projects .section__inner-content { padding: 97px 30px 103px 40px; }
}
@media (max-width: 1023px) {
	.section--projects .section__inner-content { padding: 41px 20px 50px 0px; }

	.section--projects .section__inner-content:before { content: ''; width: 2px; height: 30px; display: inline-block; background: #F90649; position: absolute; left: 70px; top: 0; }
	.section--projects .section__inner-content:after { content: ''; width: 2px; height: 30px; display: inline-block; background: #F90649; position: absolute; left: 70px; bottom: 0; }
}
@media (max-width: 767px) {
	.section--projects { padding: 46px 0 51px; }

	.section--projects h1 { margin-bottom: 21px; font-size: 64px; line-height: 1.05; }

	.section--projects .section__body { margin-bottom: 74px; }

	.section--projects .section__inner { position: relative; margin-bottom: 61px; }
	.section--projects .section__inner:before { margin-right: -30px; }
	.section--projects .section__inner:after { margin-right: -30px; }

	.section--projects .section__inner-content { width: 100%; max-width: 100%; padding: 98px 0 88px 0; margin-top: 0px; }
	.section--projects .section__inner-content p { font-size: 18px; line-height: 1.8; letter-spacing: 0.06em; }
	.section--projects .section__inner-content:before { content: ''; width: 2px; height: 60px; display: inline-block; background: #F90649; position: absolute; left: 30px; top: 0; }
	.section--projects .section__inner-content:after { content: ''; width: 2px; height: 60px; display: inline-block; background: #F90649; position: absolute; left: 30px; bottom: 0; }
}
@media(max-width: 370px) {
	.section--projects h1 { margin-bottom: 0px; font-size: 52px; }
}
/* ------------------------------------------------------------ *\
	Section info
\* ------------------------------------------------------------ */
.section--info { position: relative; padding: 116px 0 100px; text-align: center; }
.section--info h2 { font-size: 36px; font-weight: 300; margin-bottom: 59px; line-height: 1.2; letter-spacing: 0.054em; }
.home .section--info h2 { margin-bottom: 0; font-size: 42px; }
.section--info .section__foot .btn { min-width: 260px; }
.section--info .section__content { max-width: 800px; margin: 0 auto; }
@media (max-width: 1023px) {
	.section--info h2 { font-size: 32px; margin-bottom: 42px; }
	.home .section--info h2 { font-size: 38px; }
}
@media (max-width: 767px) {
	.section--info { position: relative; padding: 90px 0 79px; text-align: center; }

	.section--info h2 { margin: 0 0px 50px; line-height: 1.32; letter-spacing: 0.054em; font-size: 26px; }
	.home .section--info h2 { font-size: 26px; }
	.section--info h2 br { display: none; }
}
/* ------------------------------------------------------------ *\
	Section primary
\* ------------------------------------------------------------ */
.section--primary { padding: 0 0 100px; }
.section--primary h2 { margin-bottom: 10px; color: #F90649; letter-spacing: 0.05em; }
.section--primary p { margin-bottom: 31px; }
.section--primary p:last-child { margin-bottom: 0; }
.section--primary p a { color: #5AC1C9; }
.section--primary p a:hover { color: inherit; text-decoration: underline; }
.section--primary .section__head { padding-top: 58px; background: #F2F2F0; }
.section--primary .section__head h1 { color: #111111; letter-spacing: 0.03em; }
.section--primary .section__head p { font-size: 22px; max-width: 780px; letter-spacing: 0.002em; }
.section--primary .section__body { padding-top: 79px; }
.section--primary .section__body p { letter-spacing: 0.002em; line-height: 1.8; }
.section--primary .section__body .btn { letter-spacing: 0.12em; }
.section--primary .section__inner { max-width: 922px; margin: 0 auto; }
.section--primary .section__head-image { position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; margin-top: 50px; height: 500px; }
.section--primary .title { margin-bottom: 30px; position: relative; padding-bottom: 19px;  }
.section--primary .title:after { content: ''; width: 120px; height: 4px; display: inline-block; background: #F90649; position: absolute; bottom: 0; left: 0; }
.section--primary .cols { margin-bottom: 42px; }
.section--primary .cols p { margin-bottom: 35px; margin-right: -3px; }
.section--primary .projects--primary { margin: 0 -15px; }
.section--primary .projects--primary li + li { margin-top: 0; }
@media (max-width: 1200px) {
	.section--primary .section__head-image { height: 400px; }
}
@media (max-width: 1023px) {
	.section--primary { padding: 0 0 80px; }

	.section--primary .section__head { padding-top: 35px; }
	.section--primary .section__head p { font-size: 20px; }

	.section--primary .section__head-image { margin-top: 40px; height: 340px; }

	.section--primary .section__body { padding-top: 40px; }
}
@media (max-width: 767px) {
	.section--primary { padding: 0 0 92px; }

	.section--primary h2 { margin-bottom: 14px; }
	.section--primary p { margin-bottom: 22px; }
	.section--primary p:last-child { margin-bottom: 0; }

	.section--primary .section__head { padding-top: 39px; }
	.section--primary .section__head p { font-size: 20px; line-height: 1.5; }

	.section--primary .section__head-image { margin-top: 49px; height: 160px;  }

	.section--primary .section__body { padding-top: 54px; }
	.section--primary .section__body p + .cols { margin-top: 33px; }

	.section--primary .cols { display: block; margin: 0 0 54px; }
	.section--primary .cols .col-1of2 { width: 100%; max-width: 100%; padding: 0; }
	.section--primary .cols .col + .col { margin-top: 43px; }
	.section--primary .cols p { margin-bottom: 24px; margin-right: 0; }

	.section--primary .title { margin-bottom: 25px; padding-bottom: 28px; }
	.section--primary .title:after { content: ''; width: 80px; height: 3px; }
}
/* ------------------------------------------------------------ *\
	Section solid
\* ------------------------------------------------------------ */
.section--solid { background-color: #000; color:  #fff; }
.section--solid .section__head { background: linear-gradient(to right, #333333 0%, #000000 100%); color: #fff; }
.section--solid .section__head-inner { padding-bottom: 49px; }
.section--solid .section__head h1 { margin-bottom: 0px; color: #fff; }
.section--solid .section__head h4 { color: #F90649; }
/* ------------------------------------------------------------ *\
	Section solid secondary
\* ------------------------------------------------------------ */
.section--solid-secondary .section__head { background: #F2F2F0; color: #111111; }
.section--solid-secondary .section__head h1 { color: #111111; }
/* ------------------------------------------------------------ *\
	Section details
\* ------------------------------------------------------------ */
.section--details { padding: 0 0 100px;}
.section--details h2 { margin-bottom: 15px; letter-spacing: 0em; }
.section--details .project-video { margin-bottom: 45px; max-width: 1370px; }
.section--details .project-video iframe { min-height: 768px; }
.section--details .section__inner-small { max-width: 770px; margin: 0 auto 59px; }
.section--details .section__inner-small p { line-height: 1.7; letter-spacing: -0.025em; color: #979797; }
.section--details .projects--main-wrapper h5 { margin-bottom: 28px; color: #F90649; font-size: 20px; font-weight: 600; letter-spacing: 0.13em; text-align: center; }
.section--details .projects--main-wrapper .project__content h5 { margin-bottom: 0; text-align: left; }
@media (max-width: 1200px) {
	.section--details .project-video iframe { min-height: 560px; }
}
@media (max-width: 1023px) {
	.section--primary { padding: 0 0 80px; }

	.section--details .project-video { margin-bottom: 30px; }
	.section--details .project-video iframe { min-height: auto; }

	.section--details h2 { font-size: 28px; letter-spacing: -0.03em }

	.section--details .section__inner-small { max-width: 100%; margin: 0 auto 40px; }
}
/* ------------------------------------------------------------ *\
	Section section primary alt
\* ------------------------------------------------------------ */
.section--primary-alt .section__head { padding-bottom: 50px; }
.section--primary-alt .section__head-inner { max-width: 1320px; margin: 0 auto; }
.section--primary-alt .section__head-inner h1 { margin-bottom: -9px; }
.section--primary-alt .section__head-inner h4 { margin-bottom: 23px; font-size: 24px; font-weight: normal; letter-spacing: 0.1em }
.section--primary-alt .section__body { padding-top: 61px; }
.section--primary-alt .section__body-solid { background: #000; }
.section--primary-alt .title { padding-bottom: 25px; }
@media (max-width: 1023px) {
	.section--primary-alt .section__head-inner h1 { margin-bottom: 0; }
}
/* ------------------------------------------------------------ *\
	Section primary main
\* ------------------------------------------------------------ */
.section--main ul,
.section--main ol { margin-left: 34px; margin-bottom: 48px; list-style-position: outside; }
.section--main ul:last-child,
.section--main ol:last-child { margin-bottom: 0; }
.section--main ul li { letter-spacing: 0em; }
.section--main ul li + li { margin-top: 17px; }
.section--main ol li { letter-spacing: 0em; }
.section--main ol li + li { margin-top: 17px; }
@media (max-width: 767px) {
	.section--main ul,
	.section--main ol { margin-left: 30px; margin-bottom: 41px; }
	.section--main ul li,
	.section--main ol li { line-height: 1.7;  }
	.section--main ul li + li { margin-top: 12px; }
	.section--main ol li + li { margin-top: 12px; }
}
/* ------------------------------------------------------------ *\
	Section projects
\* ------------------------------------------------------------ */
.section--projects-main { padding: 0 0 85px; }
.section--projects-main .section__body { padding-top: 39px; }
.section--projects-main .list--filters { margin-bottom: 39px; }
.section--projects-main .pagination { margin-top: 21px; }
@media (max-width: 767px) {
	.section--projects-main { padding: 0 0 54px; }

	.section--projects-main .list--filters { margin-bottom: 30px; }
}
/* ------------------------------------------------------------ *\
	Section process
\* ------------------------------------------------------------ */
.section--process { padding: 35px 0 80px; }
.section--process .section__head { margin-bottom: 44px; text-align: center; }
.section--process .section__head h1 { margin-bottom: 15px; font-size: 68px; font-weight: 600; text-align: center; color: #F90649; }
.section--process .section__head p { margin-bottom: 0; font-size: 20px; text-align: center; }
.section--process .section__body { margin: 0 -20px; }
@media(max-width: 1550px) {
	.section--process .section__body { margin: 0; }
}
@media (max-width: 1023px) {
	.section--process .section__head { margin-bottom: 30px; }
	.section--process .section__head h1 { margin-bottom: 10px; font-size: 36px; }
	.section--process .section__head p { font-size: 18px; }
}
/* ------------------------------------------------------------ *\
	Section primary main
\* ------------------------------------------------------------ */
.section--primary-main .section__head { padding-bottom: 0; }
.section--primary-main .section__body { padding-top: 61px; }
/* ------------------------------------------------------------ *\
	Section about
\* ------------------------------------------------------------ */
.section--about { padding: 0 0 23px;  }
.section--about .article { margin: 0 -20px; }
@media(max-width: 1550px) {
	.section--about .article { margin: 0; }
	.section--about .section__body { padding-top: 45px; }
}
/* ------------------------------------------------------------ *\
	Section articles
\* ------------------------------------------------------------ */
.section--articles { padding: 0 0 120px; }
.section--articles .section__body { padding-top: 50px; }
@media (max-width: 1023px) {
	.section--articles { padding: 0 0 100px; }
}
@media (max-width: 767px) {
	.section--articles { padding: 0 0 80px; }
}
/* ------------------------------------------------------------ *\
	Section client portal
\* ------------------------------------------------------------ */
.section--client-portal { background: #F2F2F1; padding: 52px 0 99px; }
.section--client-portal .section__content { max-width: 1170px; margin: 0 auto; }
.section--client-portal .cols { margin: 0 -25px; }
.section--client-portal .col { padding: 0 25px; }
.section--client-portal .cols .cols { margin: 0 -10px;  }
.section--client-portal .cols .cols .col { padding: 0 10px; }
.section--client-portal .cols h6 { margin-bottom: 17px; color: #F90649; font-family: 'Work Sans', sans-serif; font-weight: normal; font-size: 16px; letter-spacing: 0.06em; }
.section--client-portal .cols .btn--link { margin-bottom: 9px; width: 100%; }
.section--client-portal .cols + .panel { margin-top: 51px; }
.section--client-portal .panel + .panel { margin-top: 60px; }
.section--client-portal ul.projects { list-style: none; }
.section--client-portal ul.projects li { margin: 0 0 16px; padding: 0; }
.section--client-portal ul.projects li a { display: block !important; width: 100%; height: auto; padding-top: 6px; padding-bottom: 6px; text-decoration: none; font-family: 'Work Sans', sans-serif; font-size: 26px; font-weight: bold; margin: 0; }
.section--client-portal ul.projects li a::before { display: none; }
@media(max-width: 1400px) {
	.section--client-portal .cols { margin: 0 -10px; }
	.section--client-portal .col { padding: 0 10px; }
}
@media (max-width: 1023px) {
	.section--client-portal .cols { margin: 0 -10px; }
	.section--client-portal .col { padding: 0 10px; }
	.section--client-portal .cols .cols { display: block; margin: 0;  }
	.section--client-portal .cols .cols .col { display: block; width: 100%; max-width: 100%; padding: 0; }
}
@media (max-width: 767px) {
	.section--client-portal { padding: 40px 0 60px;  }

	.section--client-portal .cols { display: block; margin: 0; }
	.section--client-portal .col { padding: 0; width: 100%; max-width: 100%; }
	.section--client-portal .col + .col { margin-top: 23px;  }
	.section--client-portal .cols .cols .col + .col { margin-top: 0px;  }
}
/* ------------------------------------------------------------ *\
	Dropdown
\* ------------------------------------------------------------ */
.select-primary { position: relative; }
.select-primary > a { position: relative; display: block; width: 270px; height: 50px; line-height: 46px; border: 2px solid #5AC1C9; font-size: 16px; font-weight: normal; text-decoration: none; color: #fff; padding: 0 23px; transition: background .4s; letter-spacing: -0.03em; text-decoration: none; }
.select-primary > a > i { position: absolute; right: 16px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); text-decoration: none; color: #5ac1c9; font-size: 20px; font-weight: 400; }
.select-primary ul { margin-top: -2px; border-top: 2px solid rgba(255, 255, 255, .5); position: absolute; top: 100%; left: 0; width: 270px; background: #5AC1C9; list-style-type: none; padding: 12px 0 13px; visibility: hidden; opacity: 0; transition: visibility .4s, opacity .4s; z-index: 120; }
.select-primary ul a { display: block; padding: 6px 23px 5px; font-size: 16px; text-decoration: none; letter-spacing: -0.08em; transition: background .4s; }
@media(min-width: 1025px) {
	.select-primary:hover { background: #5AC1C9; }
	.select-primary:hover ul { visibility: visible; opacity: 1; }
	.select-primary:hover > a > i { color: #fff; }
	.select-primary ul a:hover { background: rgba(0, 0, 0, .3); }
}
@media(max-width: 1200px)  {
	.select-primary.visible > a  { background: #5AC1C9; }
	.select-primary.visible ul { visibility: visible; opacity: 1; z-index: 120; }
	.select-primary.visible > a > i { color: #fff; }
}
@media (max-width: 767px) {
	.select-primary > a { height: 46px; line-height: 42px; padding: 0 12px; }
	.select-primary ul { padding: 15px 0 17px; }
	.select-primary ul a { padding: 6px 12px 5px; }
}
/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */
.slider {}
.slider .slides { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */
.socials ul { list-style-type: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.socials li + li { margin-left: 32px; }
.socials a { text-decoration: none; color: #5AC1C9; font-size: 33px; transition: color .1s; }
.socials a:hover { color: #F90649; }
@media (max-width: 1023px) {
	.socials li + li { margin-left: 28px; }
}
@media (max-width: 767px) {
	.socials li + li { margin-left: 32px; }
}
/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */
.table {}
/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */
.widgets { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	IV.  Themes
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Magnific
\* ------------------------------------------------------------ */
.mfp-bg { opacity: .6; }
.mfp-content { padding: 20px 0; position: relative;  }
.mfp-close { position: absolute; top: -40px !important; right: 0 !important; padding-right: 0 !important; color: #6EC2B8 !important; opacity: 1; font-size: 34px; transition: color .4s; }
.mfp-close:hover { color: #F90649 !important; }
.mfp-close:active { top: 0; }
.mfp-iframe-holder .mfp-close { top: -40px !important; }
.mfp-content { position: relative; max-width: 1060px; margin: 0 auto; }
@media (max-width: 1200px) {
	.mfp-close { top: 35px; right: 20px; }
	.mfp-close:active { top: 35px; }
}
@media (max-width: 767px) {
	.mfp-close { top: 35px; right: 5px; }
	.mfp-close:active { top: 35px; }
}

.panel__body label { display: block; }
.panel__body form input[type="text"],
.panel__body form input[type="password"] { border: 1px solid #ddd; font-size: 1em; padding: .5em; }