/* 
	Table of Contents

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Grid -------------------------------------
	         Responsive Helpers -----------------------
	II.  Regions --------------------------------------
	     01. Footer -----------------------------------
	     02. Header -----------------------------------
	     03. Main -------------------------------------
	     04. Shell ------------------------------------
	     05. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Bagde ------------------------------------
	     02. Button -----------------------------------
	     03. Button Scroll ----------------------------
	     04. Intro ------------------------------------
	     05. Link Action ------------------------------
	     06. List -------------------------------------
	     07. List Contacts ----------------------------
	     08. Logo -------------------------------------
	     09. Magnific Popup ---------------------------
	     10. Nav --------------------------------------
	     11. Section ----------------------------------
	     12. Timeline ---------------------------------
 */

.ico-antique { background-image: url(images/sprite.png); background-position: 0% 0%; background-size: 337.7049180327869% 313.20754716981133%; width: 61px; height: 53px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-arrow-down { background-image: url(images/sprite.png); background-position: 100% 27.692307692307693%; background-size: 572.2222222222223% 461.1111111111111%; width: 36px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-arrow-down-hover, a:hover .ico-arrow-down, button:hover .ico-arrow-down, a.hover .ico-arrow-down, button.hover .ico-arrow-down, .ico-arrow-down.hover { background-image: url(images/sprite.png); background-position: 100% 0%; background-size: 572.2222222222223% 461.1111111111111%; width: 36px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-arrow-up { background-image: url(images/sprite.png); background-position: 76.47058823529412% 91.53846153846153%; background-size: 572.2222222222223% 461.1111111111111%; width: 36px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-arrow-up-hover, a:hover .ico-arrow-up, button:hover .ico-arrow-up, a.hover .ico-arrow-up, button.hover .ico-arrow-up, .ico-arrow-up.hover { background-image: url(images/sprite.png); background-position: 55.294117647058826% 91.53846153846153%; background-size: 572.2222222222223% 461.1111111111111%; width: 36px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-heart { background-image: url(images/sprite.png); background-position: 41.78082191780822% 0%; background-size: 343.3333333333333% 313.20754716981133%; width: 60px; height: 53px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-light-bulb { background-image: url(images/sprite.png); background-position: 0% 53%; background-size: 447.82608695652175% 251.5151515151515%; width: 46px; height: 66px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-linkedin-small { background-image: url(images/sprite.png); background-position: 98.26589595375722% 78.94736842105263%; background-size: 624.2424242424242% 503.030303030303%; width: 33px; height: 33px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-linkedin-small-hover, a:hover .ico-linkedin-small, button:hover .ico-linkedin-small, a.hover .ico-linkedin-small, button.hover .ico-linkedin-small, .ico-linkedin-small.hover { background-image: url(images/sprite.png); background-position: 98.26589595375722% 54.13533834586466%; background-size: 624.2424242424242% 503.030303030303%; width: 33px; height: 33px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-linkedin { background-image: url(images/sprite.png); background-position: 0% 100%; background-size: 438.2978723404255% 353.1914893617021%; width: 47px; height: 47px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-linkedin-hover, a:hover .ico-linkedin, button:hover .ico-linkedin, a.hover .ico-linkedin, button.hover .ico-linkedin, .ico-linkedin.hover { background-image: url(images/sprite.png); background-position: 29.559748427672954% 100%; background-size: 438.2978723404255% 353.1914893617021%; width: 47px; height: 47px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-lock { background-image: url(images/sprite.png); background-position: 75.625% 46.017699115044245%; background-size: 447.82608695652175% 313.20754716981133%; width: 46px; height: 53px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-piggy-bank { background-image: url(images/sprite.png); background-position: 77.07006369426752% 0%; background-size: 420.4081632653061% 319.2307692307692%; width: 49px; height: 52px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-rocket { background-image: url(images/sprite.png); background-position: 30.065359477124183% 46.902654867256636%; background-size: 388.6792452830189% 313.20754716981133%; width: 53px; height: 53px; display: inline-block; vertical-align: middle; font-size: 0; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.ico-antique { background-image: url(images/sprite.@2x.png); background-position: 0% 0%; background-size: 337.7049180327869% 313.20754716981133%; width: 61px; height: 53px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-arrow-down { background-image: url(images/sprite.@2x.png); background-position: 100% 27.692307692307693%; background-size: 572.2222222222223% 461.1111111111111%; width: 36px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-arrow-down-hover, a:hover .ico-arrow-down, button:hover .ico-arrow-down, a.hover .ico-arrow-down, button.hover .ico-arrow-down, .ico-arrow-down.hover { background-image: url(images/sprite.@2x.png); background-position: 100% 0%; background-size: 572.2222222222223% 461.1111111111111%; width: 36px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-arrow-up { background-image: url(images/sprite.@2x.png); background-position: 76.47058823529412% 91.53846153846153%; background-size: 572.2222222222223% 461.1111111111111%; width: 36px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-arrow-up-hover, a:hover .ico-arrow-up, button:hover .ico-arrow-up, a.hover .ico-arrow-up, button.hover .ico-arrow-up, .ico-arrow-up.hover { background-image: url(images/sprite.@2x.png); background-position: 55.294117647058826% 91.53846153846153%; background-size: 572.2222222222223% 461.1111111111111%; width: 36px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-heart { background-image: url(images/sprite.@2x.png); background-position: 41.78082191780822% 0%; background-size: 343.3333333333333% 313.20754716981133%; width: 60px; height: 53px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-light-bulb { background-image: url(images/sprite.@2x.png); background-position: 0% 53%; background-size: 447.82608695652175% 251.5151515151515%; width: 46px; height: 66px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-linkedin-small { background-image: url(images/sprite.@2x.png); background-position: 98.26589595375722% 78.94736842105263%; background-size: 624.2424242424242% 503.030303030303%; width: 33px; height: 33px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-linkedin-small-hover, a:hover .ico-linkedin-small, button:hover .ico-linkedin-small, a.hover .ico-linkedin-small, button.hover .ico-linkedin-small, .ico-linkedin-small.hover { background-image: url(images/sprite.@2x.png); background-position: 98.26589595375722% 54.13533834586466%; background-size: 624.2424242424242% 503.030303030303%; width: 33px; height: 33px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-linkedin { background-image: url(images/sprite.@2x.png); background-position: 0% 100%; background-size: 438.2978723404255% 353.1914893617021%; width: 47px; height: 47px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-linkedin-hover, a:hover .ico-linkedin, button:hover .ico-linkedin, a.hover .ico-linkedin, button.hover .ico-linkedin, .ico-linkedin.hover { background-image: url(images/sprite.@2x.png); background-position: 29.559748427672954% 100%; background-size: 438.2978723404255% 353.1914893617021%; width: 47px; height: 47px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-lock { background-image: url(images/sprite.@2x.png); background-position: 75.625% 46.017699115044245%; background-size: 447.82608695652175% 313.20754716981133%; width: 46px; height: 53px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-piggy-bank { background-image: url(images/sprite.@2x.png); background-position: 77.07006369426752% 0%; background-size: 420.4081632653061% 319.2307692307692%; width: 49px; height: 52px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-rocket { background-image: url(images/sprite.@2x.png); background-position: 30.065359477124183% 46.902654867256636%; background-size: 388.6792452830189% 313.20754716981133%; width: 53px; height: 53px; 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 { font-weight: 300; font-family: 'ProximaNova', sans-serif; font-size: 21px; line-height: 1.2; color: #fff; background: #454f58; min-width: 320px; transition: background .5s; }
a { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }
a[href^="tel"] { text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.6em; }
h1 { font-size: 58px; }
h2 { font-size: 45px; }
h3 { font-size: 37px; }
h4 { font-size: 30px; }
h5 { font-size: 21px; }
h6 { font-size: 18px; }
p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.2em; }
h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }
@media (max-width: 1024px) {
	body { font-size: 18px; }

	h1 { font-size: 45px; }
	h2 { font-size: 36px; }
	h3 { font-size: 29px; }
	h4 { font-size: 24px; }
	h5 { font-size: 18px; }
	h6 { font-size: 16px; }
}
@media (max-width: 767px) {
	body { font-size: 14px; }

	h1 { font-size: 35px; }
	h2 { font-size: 30px; }
	h3 { font-size: 24px; }
	h4 { font-size: 20px; }
	h5 { font-size: 14px; }
	h6 { font-weight: 400; font-size: 12px; }
}
/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */
@font-face {
  font-family: 'ProximaNova';
  src: url('fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),  
       url('fonts/ProximaNova-Light.otf')  format('opentype'),
       url('fonts/ProximaNova-Light.woff') format('woff'), 
       url('fonts/ProximaNova-Light.ttf')  format('truetype'), 
       url('fonts/ProximaNova-Light.svg#ProximaNova-Light') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNova';
  src: url('fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),  
	   url('fonts/ProximaNova-Regular.woff') format('woff'), 
	   url('fonts/ProximaNova-Regular.ttf')  format('truetype'), 
	   url('fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
    font-family: 'ProximaNova';
    src: url('fonts/proximanova-bold-webfont.eot');
    src: url('fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-bold-webfont.woff') format('woff'),
         url('fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: 700;
    font-style: normal;
}
/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */
/*  Clear  */
.shell:after,
.header .header-content:after,
.section .section-entry: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 -15px; }
.cols:after { }
.col { float: left; width: 100%; padding: 0 15px; }
.col-1of2 { width: 50%; }
/*  Responsive Helpers  */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }
@media (max-width: 767px) {
	.hidden-xs { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
	.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: 1025px) 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
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer { font-size: 23px; text-align: center; color: #666; background: #fff; position: relative; z-index: 20; }
.footer .footer-content { border-bottom: 1px solid #c6c6c6; padding: 59px 0 24px; }
.footer .footer-content > p { margin-bottom: 52px; }
.footer .footer-bar { font-size: 15px; padding: 15px 0 62px; }
.footer .list-contacts { text-align: left; }
@media (max-width: 1200px) {
	.footer { font-size: 19px; }

	.footer .footer-content { padding: 30px 0 15px; }
	.footer .footer-content > p { margin-bottom: 20px; }

	.footer .footer-bar { font-size: 14px; padding-bottom: 30px; }

	.footer .shell { padding: 0 30px; }
}
@media (max-width: 767px) {
	.footer { font-size: 14px; text-align: left; }

	.footer .footer-content { padding-top: 20px; }
	.footer .footer-bar { font-size: 12px; padding-bottom: 20px; }

	.footer .shell { padding: 0 20px; }
}
/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header .header-content { background: #fff; padding: 58px 63px 48px; position: relative; z-index: 20; }
.header .header-aside { float: right; }
.header .header-aside a + a { margin-left: 14px; }
.header .header-aside a span { border-image: none; margin-left: 5px; }
.header .logo { margin-top: 3px; position: absolute; top: 50%; left: 55px; -ms-transform: translateY(-50%); transform: translateY(-50%); }
@media (max-width: 1024px) {
	.header .header-content { padding: 40px 30px; }

	.header .logo { margin: 0; left: 30px; }
}
@media (max-width: 767px) {
	.header .header-content { padding: 20px; }

	.header .header-aside { text-align: right; float: none; }
	.header .header-aside a { display: block; }
	.header .header-aside a + a { margin: 15px 0 0; }

	.header .logo { top: 15px; left: 20px; -ms-transform: translateY(0); transform: translateY(0); }
}
/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
.main { background: transparent; transition: background .5s; }
.main.color-grey { background-color: #777d86; }
.main.color-beige { background-color: #998e88; }
.main.color-lightgreen { background-color: #92a65b; }
.main.color-purple { background-color: #4560a6; }
.main.color-green { background-color: #72723e; }
.main.color-bluegreen { background-color: #4dbdcd; }
.main.color-dkgray { background-color: #333333; }
.main .shell { position: relative; z-index: 5; }
/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */
.shell { max-width: 955px; margin: auto; }
@media (max-width: 1200px) {
	.shell { padding: 0 90px 0 30px; }
}
@media (max-width: 767px) {
	.shell { padding: 0 80px 0 20px; }
}
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper { min-height: 100vh; overflow: hidden; }
/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Bagde
\* ------------------------------------------------------------ */
.badge { font-size: 26px; line-height: 95px; text-align: center; border: 2px solid #fff; border-radius: 50%; width: 95px; height: 95px; }
.badge-red { background: #e64c3c; }
.badge-lightblue { background: #9bc0dd; }
.badge-bluesecondary { background: #02b8ce; }
.badge-cherry { background: #cf1f45; }
.badge-pink { background: #d36b5e; }
.badge-purplered { background: #764c96; }
.badge-orange { background: #f47627; }
@media (max-width: 1024px) {
	.badge { font-size: 17px; line-height: 60px; width: 60px; height: 60px; left: 33px; }
}
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer;
	-webkit-appearance: none;
	   -moz-appearance: none;
	 		appearance: none;
}
/* ------------------------------------------------------------ *\
	Button Scroll
\* ------------------------------------------------------------ */
.btn-scroll { display: inline-block; border-radius: 50%; margin-left: -17px; position: fixed; left: 50%; bottom: 15px; z-index: 10; visibility: visible; opacity: 1; transition: visibility .5s, opacity .5s; }
.btn-scroll#prev { bottom: auto; top: 15px; }
.btn-scroll.hidden { visibility: hidden; opacity: 0; }
@media (max-width: 1024px) {
	.btn-scroll { left: auto; right: 37px; -ms-transform: translateX(0); transform: translateX(0); }
}
@media (max-width: 767px) {
	.btn-scroll { bottom: 5px; right: 12px; }

	.btn-scroll#prev { top: 5px; }
}
/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */
.intro { font-weight: 400; font-size: 31px; text-align: center; color: #fff; min-height: calc(100vh - 153px); padding: 119px 40px 140px; position: relative; }
.intro h1,
.intro strong { color: #00b6f1; }
.intro h1 { margin-bottom: 37px; }
.intro p { margin-bottom: 38px; }
.intro p:last-child { margin-bottom: 0; }
.intro strong { font-size: 18px; text-transform: uppercase; width: 100%; position: absolute; bottom: 121px; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); }
@media (max-width: 1200px) {
	.intro { display: -ms-flexbox; display: flex; font-size: 26px; padding: 50px 0; }

	.intro h1,
	.intro p { margin-bottom: 15px; }

	.intro strong { text-align: center; position: static; -ms-transform: translateX(0); transform: translateX(0); }

	.intro .shell { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; min-height: calc(100vh - 153px); }
}
@media (max-width: 1024px) {
	.intro { font-size: 25px; }

	.intro,
	.intro .shell { min-height: calc(100vh - 127px); }

	.intro strong { font-size: 16px; }
}
@media (max-width: 767px) {
	.intro,
	.intro strong { font-size: 14px; }
}
/* ------------------------------------------------------------ *\
	Link Action
\* ------------------------------------------------------------ */
.link-action { font-weight: 400; font-size: 18px; text-decoration: none; text-transform: uppercase; color: #454f58; transition: color .5s; }
.link-action:hover { color: #00b6f1; }
@media (max-width: 767px) {
	.link-action { font-size: 15px; }
}
/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */
[class^="list-"] { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	List Contacts
\* ------------------------------------------------------------ */
.list-contacts { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
.list-contacts li:last-child { position: relative; top: -6px; }
.list-contacts a { display: inline-block; font-weight: 700; vertical-align: bottom; text-decoration: none; transition: color .5s; }
.list-contacts a:hover { color: #00b6f1; }
@media (max-width: 767px) {
	.list-contacts { display: block; }

	.list-contacts a { margin-left: 5px; }
}
/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */
.logo { display: inline-block; font-size: 0; line-height: 0; text-indent: -4000px; background: url(../css/images/logo@2x.png) 0 0 no-repeat; background-size: 100% auto; width: 174px; height: 90px; }
@media (max-width: 767px) {
	.logo { width: 87px; height: 45px; }
}
/* ------------------------------------------------------------ *\
	Magnific Popup
\* ------------------------------------------------------------ */
.mfp-content { padding-top: 50%; position: relative; }
.mfp-content iframe { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.mfp-inline-holder .mfp-content { width: 80%; }
@media (max-width: 767px) {
	.mfp-inline-holder .mfp-content { width: 100%; }
}
/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav { margin-top: 13vh; position: fixed; top: 50%; right: 70px; -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 15; transition: margin-top .5s; }
.nav.scrolled { margin-top: 0; }
.nav li + li { margin-top: 21px; }
.nav a { display: inline-block; font-weight: 700; font-size: 12px; line-height: 46px; text-decoration: none; text-align: center; color: #fff; border: 2px solid #fff; border-radius: 50%; width: 48px; height: 48px; transition: background .5s; }
.nav .red a:hover, 
.nav .current.red a { background: #e64c3c; }
.nav .lightblue a:hover,
.nav .current.lightblue a { background: #9bc0dd; }
.nav .bluesecondary a:hover,
.nav .current.bluesecondary a { background: #02b8ce; }
.nav .cherry a:hover,
.nav .current.cherry a { background: #cf1f45; }
.nav .pink a:hover,
.nav .current.pink a { background: #d36b5e; }
.nav .purplered a:hover,
.nav .current.purplered a { background: #764c96; }
.nav .orange a:hover,
.nav .current.orange a { background: #f47627; }

@media (max-width: 1200px) {
	.nav { right: 30px; }
}
@media (max-width: 1024px) {
	.nav { margin-top: 6vh; }
}
@media (max-width: 767px) {
	.nav { margin-top: 7vh; right: 10px; }

	.nav li + li { margin-top: 10px; }
	.nav a { font-weight: 400; font-size: 11px; line-height: 40px; border-width: 1px; width: 40px; height: 40px; }
}
/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */
.section { display: -ms-flexbox; display: flex; min-height: 100vh; padding: 30px 0; position: relative; z-index: 5; }
.section:before { content: ''; background: #fff; width: 1px; height: 100%; margin-left: -207px; position: absolute; top: 0; left: 50%; z-index: 6; z-index: -1; }
.section .section-aside { -ms-flex-item-align: start; align-self: flex-start; font-weight: 300; font-size: 15px; text-align: center; width: 174px; position: relative; top: 0; visibility: hidden; opacity: 0; transition: visibility .5s, opacity .5s; }
.section.animate .section-aside { visibility: visible; opacity: 1; }
.section .section-aside strong { display: block; font-size: 56px; margin-bottom: 35px; }
.section .section-aside i { margin-bottom: 10px; }
.section .section-content { width: 683px; }
.section .shell { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 100vh; -ms-flex-preferred-size: 955px; flex-basis: 955px; }
.section .badge { position: absolute; top: 50%; left: 50px; -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 1200px) {
	.section:before { margin-left: -210px; }

	.section .section-content { width: calc(100% - 180px); float: left; padding-left: 0; }
	.section .badge { left: 15px; }
}
@media (max-width: 1024px) {
	.section .section-aside strong { font-size: 40px; margin-bottom: 10px; }

	.section .section-content img { margin-right: 20px; }
	.section .badge { left: 33px; }

	.section .section-entry { min-height: 60px; }
	.section .section-entry:before { width: 45px; }
	.section .section-entry + .section-entry { margin-top: 20px; }
}
@media (max-width: 955px) {
	.section:before { margin-left: 0; left: 239px; -ms-transform: translateX(0); transform: translateX(0); }

	.section .section-content { padding-left: 0; }

	.section .badge { left: 5px; }

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

	.section .section-aside,
	.section .section-content { width: 100%; }

	.section .section-aside { text-align: left; margin-bottom: 15px; position: static; visibility: visible; opacity: 1; }
	.section .section-aside strong { display: inline-block; font-size: 30px; margin: 0 19px 0 0; }

	.section .section-content { position: relative; }
	.section .section-content:before { content: ''; background: #fff; width: 1px; height: 100%; position: absolute; top: 0; left: 35px; z-index: 6; z-index: -1; }

	.section .shell { display: block; }
}
@media (max-width: 479px) {
	.section { padding: 40px 0; }
}
/* ------------------------------------------------------------ *\
	Timeline
\* ------------------------------------------------------------ */
.timeline .timeline-section figure { max-width: 158px; margin-right: 31px; }
.timeline .timeline-section span { display: inline-block; overflow: hidden; }
.timeline .timeline-section p { -ms-flex-negative: 14; flex-shrink: 14; }
.timeline .timeline-section h1,
.timeline .timeline-section h2,
.timeline .timeline-section h3,
.timeline .timeline-section h4,
.timeline .timeline-section h5,
.timeline .timeline-section h6 { margin-bottom: 5px; }
.timeline .timeline-section { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 22px 0 22px 183px; position: relative; right: -300px; visibility: hidden; opacity: 0; transition: right .5s, visibility .5s, opacity .5s; }
.timeline .timeline-section.active { right: 0; visibility: visible; opacity: 1; }
.timeline .timeline-section + .timeline-section { margin-top: 25px; }
.timeline .timeline-section:before { content: ''; background: #fff; width: 69px; height: 1px; position: absolute; top: 50%; left: 98px; -ms-transform: translateY(-50%); transform: translateY(-50%); }
.timeline .timeline-section-inner figure { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; max-width: 100%; margin: 0; }
.timeline .timeline-section-inner figcaption { -ms-flex-preferred-size: 350px; flex-basis: 350px; }
.timeline .timeline-section-inner a { display: inline-block; min-width: 158px; max-width: 158px; margin-right: 15px; }
.timeline .timeline-section-inner img { width: 100%; }
@media (max-width: 1200px) {
	.timeline .timeline-section { padding-left: 130px; }
	.timeline .timeline-section:before { width: 52px; left: 64px; }
}
@media (max-width: 955px) {
	.timeline .timeline-section figure,
	.timeline .timeline-section-inner figure a,
	.timeline .timeline-section-inner figure img { max-width: 120px; }
	.timeline .timeline-section-inner figure a { min-width: 120px; }
	.timeline .timeline-section-inner figure { display: block; max-width: none; }
	.timeline .timeline-section { padding: 9px 0 9px 80px; }
	.timeline .timeline-section:before { width: 40px; left: 35px; }
}
@media (max-width: 767px) {
	.timeline .timeline-section { padding: 15px 0 15px 80px; }

	.timeline .timeline-section figure { float: left; }
	.timeline .timeline-section .timeline-section-inner figure { float: none; }
}
@media (max-width: 479px) {
	.timeline .timeline-section { display: block; min-height: 0; }
	.timeline .timeline-section figure { float: none; margin-bottom: 15px; }
	.timeline .timeline-section + .timeline-section { margin-top: 30px; }

	.timeline .timeline-section-inner figure { display: block; margin-bottom: 0; }
	.timeline .timeline-section-inner figure img { margin-bottom: 15px; }
}