/* 
	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. Container --------------------------------
	     02. Content ----------------------------------
	     03. Footer -----------------------------------
	     04. Header -----------------------------------
	     05. Main -------------------------------------
	     06. Shell ------------------------------------
	     07. Sidebar ----------------------------------
	     08. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Bar --------------------------------------
	     02. Button -----------------------------------
	         Button Block -----------------------------
	     03. Chart ------------------------------------
	     04. Feed -------------------------------------
	     05. Form Elements ----------------------------
	     06. Form -------------------------------------
	     07. Intro ------------------------------------
	     08. Item -------------------------------------
	     09. List -------------------------------------
	     10. Logo -------------------------------------
	     11. Nav --------------------------------------
	     12. Section About ----------------------------
	     13. Section Info -----------------------------
	     14. Section Articles -------------------------
	     15. Section Stats ----------------------------
	     16. Section Competition ----------------------
	     17. Section  ---------------------------------
	     18. Slider -----------------------------------
	     19. Socials ----------------------------------
	     20. Subscribe --------------------------------
	     21. Table ------------------------------------
	     22. Widget -----------------------------------
 */

.brand-logo { background-image: url(images/sprite.png); background-position: 0% 72.22222222222221%; background-size: 454% 388%; width: 50px; height: 50px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-drop { background-image: url(images/sprite.png); background-position: 0% 100%; background-size: 810.7142857142858% 538.8888888888889%; width: 28px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-facebook { background-image: url(images/sprite.png); background-position: 33.18181818181819% 76.66666666666667%; background-size: 3242.857142857143% 1385.7142857142858%; width: 7px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-instagram { background-image: url(images/sprite.png); background-position: 25.471698113207548% 76.66666666666667%; background-size: 1513.3333333333333% 1385.7142857142858%; width: 15px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-shape { background-image: url(images/sprite.png); background-position: 28.272251308900525% 63.41463414634146%; background-size: 630.5555555555555% 646.6666666666666%; width: 36px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-twitter { background-image: url(images/sprite.png); background-position: 44.761904761904766% 57.4585635359116%; background-size: 1335.2941176470588% 1492.3076923076924%; width: 17px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; }
.logo { background-image: url(images/sprite.png); background-position: 0% 0%; background-size: 100% 194%; width: 227px; height: 100px; display: inline-block; vertical-align: middle; font-size: 0; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.brand-logo { background-image: url(images/sprite.@2x.png); background-position: 0% 72.12543554006969%; background-size: 451.99999999999994% 387%; width: 50px; height: 50px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-drop { background-image: url(images/sprite.@2x.png); background-position: 0% 100%; background-size: 807.1428571428571% 537.5%; width: 28px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-facebook { background-image: url(images/sprite.@2x.png); background-position: 33.33333333333333% 76.6016713091922%; background-size: 3228.5714285714284% 1382.142857142857%; width: 7px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-instagram { background-image: url(images/sprite.@2x.png); background-position: 25.59241706161137% 76.6016713091922%; background-size: 1506.6666666666667% 1382.142857142857%; width: 15px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-shape { background-image: url(images/sprite.@2x.png); background-position: 28.421052631578945% 63.30275229357798%; background-size: 627.7777777777777% 645%; width: 36px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-twitter { background-image: url(images/sprite.@2x.png); background-position: 44.97607655502392% 57.340720221606645%; background-size: 1329.4117647058824% 1488.4615384615386%; width: 17px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; }
	.logo { background-image: url(images/sprite.@2x.png); background-position: 0% 0%; background-size: 100% 194.47236180904522%; width: 226px; height: 99.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: 'Univers', 'Arial', 'Helvetica', sans-serif; font-size: 15px; line-height: 1.6; color: #000; font-weight: 300; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
a[href^="tel"] { text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.8em; }
h1 { font-size: 97px; }
h2 { font-family: 'Interstate', sans-serif; font-size: 66px; }
h3 { font-size: 25px; }
h4 { font-size: ; }
h5 { font-size: 16px; }
h6 { font-size: ; }
p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.6em; }
h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }
/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */
@font-face {
    font-family: 'Univers';
    src: url('fonts/Univers-Light.eot');
    src: url('fonts/Univers-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/Univers-Light.woff') format('woff'),
         url('fonts/Univers-Light.ttf') format('truetype'),
         url('fonts/Univers-Light.svg#Univers-Light') format('svg');
    font-style: normal;
    font-weight: 300;
}
@font-face {
    font-family: 'Univers';
    src: url('fonts/univers-black-normal-webfont.woff2') format('woff2'),
         url('fonts/univers-black-normal-webfont.woff') format('woff'),
         url('fonts/univers-black-normal-webfont.ttf') format('truetype'),
         url('fonts/univers-black-normal-webfont.svg#univers-black-normalregular') format('svg');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Freshman';
    src: url('fonts/freshman-webfont.woff2') format('woff2'),
         url('fonts/freshman-webfont.woff') format('woff'),
         url('fonts/freshman-webfont.ttf') format('truetype'),
         url('fonts/freshman-webfont.svg#freshmannormal') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Interstate';
    src: url('fonts/interstateblackcondensed-webfont.woff2') format('woff2'),
         url('fonts/interstateblackcondensed-webfont.woff') format('woff'),
         url('fonts/interstateblackcondensed-webfont.ttf') format('truetype'),
         url('fonts/interstateblackcondensed-webfont.svg#interstateregular') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'United Serif Condensed';
    src: url('fonts/UnitedSerifCdBd.eot'),
         url('fonts/UnitedSerifCdBd.woff') format('woff'), 
         url('fonts/UnitedSerifCdBd.ttf') format('truetype'), 
         url('fonts/UnitedSerifCdBd.svg') format('svg');
    font-weight: 700;
    font-style: normal;
}
/* ------------------------------------------------------------ *\
	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 -15px; }
.cols:after { }
.col { float: left; width: 100%; padding: 0 15px; }
.col-1of2 { width: 50%; }
.col-1of3 { width: 33.3%; }
/*  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: 1280px) {
	.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: 1281px) {
	.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 { position: relative; }
/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */
.content {}
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer { padding: 115px 0 111px; background: #f8f8f8; font-size: 11px; line-height: 1.45; color: #6e89a2; letter-spacing: 0.03em; }
.footer h5 { font-family: 'Interstate', sans-serif; text-transform: uppercase; color: #002f5b; letter-spacing: 0.22em; }
.footer .footer-content { max-width: 745px; margin: 0 auto; }
.footer-cols { overflow: hidden; margin: 0 -30px; }
.footer-cols ~ .footer-cols { margin-top: 40px; }
.footer-col { float: left; padding: 0 30px; }
.footer-col-size1 { width: 61%; }
.footer-col-size2 { width: 39%; }
.footer .outro { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.footer .outro img { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; margin-right: 14px; }
/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; }
.header .header-inner { padding: 14px 0; }
.header .header-inner:after { content: ''; display: table; clear: both; }
.header .logo { float: left; margin-left: 3px; }
.header .header-right { float: right; padding: 32px 3px 0 0; }
/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
.main {}
/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */
.shell { max-width: 1560px; padding-left: 10px; padding-right: 10px; margin: auto; }
.shell-fluid { max-width: none; }
/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */
.sidebar {}
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper { position: relative; overflow: hidden; min-height: 100vh; }
/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Bar
\* ------------------------------------------------------------ */
.bar { min-height: 40px; padding: 12px 0 8px; background: #002f5a; color: #fff; text-align: center; font-size: 12px; letter-spacing: 0.03em; }
.bar strong { display: inline-block; margin: 0 4px; font-family: 'Interstate', sans-serif; letter-spacing: 0.22em; text-transform: uppercase; }
.bar a { display: inline-block; margin: 0 8px; font-size: 11px; font-weight: 900; text-transform: uppercase; text-decoration: underline; letter-spacing: 0.04em; }
.bar a:hover { text-decoration: none; }
.bar ~ .container .intro { min-height: calc(100vh - 40px); }
/* ------------------------------------------------------------ *\
	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; }
/* ------------------------------------------------------------ *\
	Chart
\* ------------------------------------------------------------ */
.chart { position: relative; max-width: 780px; padding-top: 160px; margin: 0 auto; }
.chart .chart-area { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 33px; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.chart .chart-column { position: relative; width: 50px; height: 282px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }
.chart .chart-column-large { width: 170px; }
.chart .chart-column-inner { position: relative; width: 100%; background: linear-gradient(to bottom,  rgba(0,47,91,1) 0%,rgba(225,225,225,1) 100%); }
.chart .chart-column-caption { position: absolute; bottom: 100%; left: -9px; right: -9px; margin-bottom: 14px; text-align: center; font-size: 13px; letter-spacing: 0.03em; }
.chart .chart-column-caption span { display: block; max-width: 70px; margin: 0 auto; margin-top: 9px; background: #f8f8f8; }
.chart .chart-legend { padding: 36px 52px 0 36px; font-size: 11px; letter-spacing: 0.03em; }
.chart .chart-legend span ~ span { margin-left: 19px; }
.chart .chart-legend .right { float: right; font-size: 14px; text-align: center; }
.chart .chart-axis-y { position: absolute; top: 160px; bottom: 0; right: 100%; margin-right: 10px; }
.chart .chart-axis-y > span { position: relative; display: block; height: 70px; text-align: right; }
.chart .chart-axis-y > span:last-child { margin-top: 2px; }
.chart .chart-axis-y > span:after { position: absolute; top: 0; left: 100%; width: 780px; height: 1px; margin-left: 12px; background: #d5d5d5; content: ''; }
.chart .chart-axis-y > span span { display: block; -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); }
/* ------------------------------------------------------------ *\
	Feed
\* ------------------------------------------------------------ */
.feed { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -2px; list-style: none outside none; }
.feed li { width: 25%; padding: 0 2px; margin-bottom: 4px; }
.feed img { width: 100%; height: auto; }
/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */
input::-webkit-input-placeholder { color: inherit; opacity: 1; }
input::-moz-placeholder { color: inherit; opacity: 1; }
input:-ms-input-placeholder { color: inherit; opacity: 1; }
input::placeholder { color: inherit; opacity: 1; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea::-moz-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }
input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }
.field {}
.textarea {}
.select {}
.radio {}
.checkbox {}
/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */
.form {}
.form-subscribe .error-container,
.form-subscribe .sent-container,
.form-subscribe .sending-container,
.form-subscribe .form-error,
.form-success { display: none; }
.form-subscribe.state-sending .sending-container { display: block; margin-top: 10px; }
.form-subscribe.state-sent .sent-container { display: block; }
.form-subscribe.state-sent + .form-success { display: block; }
.form-subscribe.state-error .form-error { display: block; }
.form-subscribe.state-error .error-container { display: block; }
.form-subscribe.state-error .error-container ul { list-style: none inside none; }
.form-subscribe .alert { padding: 15px; margin-bottom: 20px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; }
.form-subscribe .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
.form-subscribe .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }
.form-subscribe .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
.form-subscribe .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
.form-subscribe .alert-text-success { color: #3c763d; }
.form-subscribe .alert-text-info { color: #31708f; }
.form-subscribe .alert-text-warning { color: #8a6d3b; }
.form-subscribe .alert-text-danger { color: #a94442; }
.form-subscribe .alert ul { list-style: none inside none; }
/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */
.intro { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; min-height: 100vh; width: 100%; padding: 150px 0; background-size: cover; background-position: center center; background-repeat: no-repeat; color: #fff; text-align: center; font-size: 25px; }
.intro:before { position: absolute; left: 50%; top: 128px; width: 1532px; margin-left: -766px; border-bottom: 1px solid rgba(0,22,38,.23); content: ''; }
.intro:after { position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; height: 309px; background: url(../css/images/grass.png) no-repeat center bottom; content: ''; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out; }
.intro .intro-content { position: relative; z-index: 2; padding-bottom: 243px; }
.intro .intro-subtitle { margin-bottom: 0; font-family: 'United Serif Condensed', 'Times', serif; font-weight: bold; letter-spacing: 0.21em; line-height: 1.2; opacity: 0; -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); transition: opacity .4s, -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out, opacity .4s; transition: transform .4s ease-in-out, opacity .4s, -webkit-transform .4s ease-in-out; transition-delay: .1s; }
.intro .intro-title { margin-bottom: 27px; font-family: 'Freshman', serif; line-height: 1; opacity: 0; -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); transition: opacity .4s, -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out, opacity .4s; transition: transform .4s ease-in-out, opacity .4s, -webkit-transform .4s ease-in-out; transition-delay: .2s; }
.intro .intro-shape { position: relative; display: inline-block; margin-bottom: 17px; opacity: 0; -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); transition: opacity .4s, -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out, opacity .4s; transition: transform .4s ease-in-out, opacity .4s, -webkit-transform .4s ease-in-out; transition-delay: .3s; }
.intro .intro-slogan { font-family: 'Interstate', sans-serif; letter-spacing: 0.085em; text-transform: uppercase; -webkit-font-smoothing: antialiased; opacity: 0; -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); transition: opacity .4s, -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out, opacity .4s; transition: transform .4s ease-in-out, opacity .4s, -webkit-transform .4s ease-in-out; transition-delay: .4s; }
.intro .intro-image { position: absolute; bottom: 22px; left: 50%; margin-left: 309px; opacity: 0; -webkit-transform: translate3d(100px,0,0); transform: translate3d(100px,0,0); transition: opacity .4s, -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out, opacity .4s; transition: transform .4s ease-in-out, opacity .4s, -webkit-transform .4s ease-in-out; transition-delay: .7s; }
.intro .intro-image img { width: auto; max-width: none; max-height: 90vh; }
.intro.animate .intro-subtitle,
.intro.animate .intro-title,
.intro.animate .intro-slogan,
.intro.animate .intro-shape,
.intro.animate .intro-image,
.intro.animate:after { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
@media (max-width: 1280px) {
	.intro .intro-image img { width: auto; max-height: 700px; }
}
/* ------------------------------------------------------------ *\
	Item
\* ------------------------------------------------------------ */
.item h3 { text-transform: uppercase; }
/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */
[class^="list-"] { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */
.logo {}
/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav {}
/* ------------------------------------------------------------ *\
	Section About
\* ------------------------------------------------------------ */
.section-about { padding: 67px 0 0; background-size: cover; background-position: center center; background-repeat: no-repeat; color: #fff; }
.section-about .section-title { margin-bottom: 46px; text-align: center; }
.section-about .section-head { position: relative; max-width: 926px; padding-bottom: 51px; margin: 0 auto 35px; font-size: 15px; line-height: 1.3; letter-spacing: 0.04em; }
.section-about .section-head:after { position: absolute; bottom: 0; left: 0; right: 0; width: 240px; height: 1px; margin: auto; background: #c2c2c1; content: ''; }
.section-about .section-head-inner { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; }
.section-about .section-head-inner > i { position: absolute; top: 2px; left: 0; right: 0; margin: auto; -webkit-transform: translateX(-17px); -ms-transform: translateX(-17px); transform: translateX(-17px); }
.section-about .section-head-inner > p { width: 45.5%; }
.section-about .section-head p img { vertical-align: bottom; margin-top: -10px; }
.section-about .section-body { display: -webkit-flex; display: -ms-flexbox; display: flex; /* padding-right: 141px; */ -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.section-about .section-image { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; padding-right: 29px; }
.section-about .section-content { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 385px; padding: 40px 0 82px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; font-family: 'Interstate', sans-serif; font-size: 16px; line-height: 1.13; letter-spacing: 0.24em; text-transform: uppercase; }
.section-about .section-content h2 { line-height: 1.2; margin-bottom: 4px; letter-spacing: 0; }
.section-about .section-content p { margin-bottom: 23px; }
.section-about .section-caption { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 35px 0 101px; }
.section-about .section-caption .section-caption-image { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; margin-right: 71px; }
.section-about .section-caption h2 { max-width: 260px; font-size: 50px; text-transform: uppercase; line-height: 1; }
@media (max-width: 1280px) {
	.section-about .section-body { padding-right: 0; }
}
/* ------------------------------------------------------------ *\
	Section Info
\* ------------------------------------------------------------ */
.section-info { position: relative; min-height: 300px; padding: 107px 0 108px; }
.section-info .section-head { max-width: 565px; margin: 0 auto 28px; text-align: center; font-size: 21px; }
.section-info .section-head p img { margin: 0 2px; }
.section-info .section-subtitle { margin-bottom: 4px; font-family: 'Interstate', sans-serif; letter-spacing: 0.22em; text-transform: uppercase; color: #002f5b; line-height: 1.2; }
.section-info .section-title { position: relative; margin-bottom: 18px; color: #002f5b; line-height: 1.2; }
.section-info .section-title:after,
.section-info .section-title:before { position: absolute; top: 50%; width: 32px; height: 92px; margin-top: -49px; background-size: 100% 100%; background-position: 0 0; background-repeat: no-repeat; content: ''; }
.section-info .section-title:before { right: 100%; margin-right: 14px; background-image: url(../css/images/title-border-left.png); }
.section-info .section-title:after { left: 100%; margin-left: 14px; background-image: url(../css/images/title-border-right.png); }
.section-info .section-body { max-width: 526px; margin: 0 auto; }
.section-info .section-body ul:not([class]) { list-style-position: inside; }
.section-info .section-image { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.section-info .section-image-left { right: 50%; margin-right: 335px; }
.section-info .section-image-right { left: 50%; margin-left: 335px; }
/* ------------------------------------------------------------ *\
	Section Articles
\* ------------------------------------------------------------ */
.section-articles { position: relative; font-size: 0; text-align: center; }
.section-articles:before { position: absolute; top: 0; bottom: 0; left: 0; right: 50%; background: #002f5b url(../css/images/line-light.png) repeat 0 0; content: ''; }
.section-articles:after { position: absolute; top: 0; bottom: 0; left: 50%; right: 0; border-top: 1px solid #e0e0e0; background: url(../css/images/line-dark.png) repeat 0 0;  content: ''; }
.section-articles .shell:after { content: ''; display: table; clear: both; }
.section-articles .section-inner { position: relative; z-index: 2; display: inline-block; vertical-align: top; width: 50%; padding: 154px 0 98px; font-size: 15px; }
.section-articles .section-inner:nth-child(odd) { padding-right: 55px; color: #fff; }
.section-articles .section-inner:nth-child(even) { padding-left: 20px; color: #002f5b; }
.section-articles .section-content { position: relative; max-width: 390px; margin: 0 auto; letter-spacing: 0.03em; }
.section-articles .section-icon { position: absolute; bottom: 100%; left: 0; right: 0; margin: 0 auto 26px; }
.section-articles .section-subtitle { margin-bottom: 4px; font-family: 'Interstate', sans-serif; letter-spacing: 0.24em; text-transform: uppercase; line-height: 1.2; }
.section-articles .section-title { margin-bottom: 9px; text-transform: uppercase; line-height: 1.2; letter-spacing: 0; }
@media (max-width: 1280px) {
	.section-articles .section-inner { padding: 95px 0 40px; }
}
/* ------------------------------------------------------------ *\
	Section Stats
\* ------------------------------------------------------------ */
.section-stats { padding: 105px 0; background: #f8f8f8; }
.section-stats .section-head { margin-bottom: 28px; text-align: center; font-size: 21px; line-height: 1.48; }
.section-stats .section-head p { max-width: 470px; margin: 0 auto; }
.section-stats .section-head p img { vertical-align: bottom; }
.section-stats .section-subtitle { margin-bottom: 0; font-family: 'Interstate', sans-serif; color: #002f5b; text-transform: uppercase; line-height: 1; }
.section-stats .section-title { margin-bottom: 19px; color: #002f5b; text-transform: uppercase; line-height: 1.1; }
/* ------------------------------------------------------------ *\
	Section Competition
\* ------------------------------------------------------------ */
.section-competition { position: relative; padding: 186px 0 207px; background: #f8f8f8; text-align: center; }
.section-competition:before { position: absolute; top: -220px; left: 0; right: 0; bottom: 0; background: url(../css/images/wave.png) no-repeat center top; background-size: cover; content: ''; }
.section-competition:after { position: absolute; bottom: 0; left: 0; right: 0; height: 50px; background: linear-gradient(to bottom,  rgba(248,248,248,0) 0%,rgba(248,248,248,1) 100%); content: ''; }
.section-competition .shell { position: relative; }
.section-competition .section-head { margin-bottom: 28px; text-align: center; font-size: 21px; line-height: 1.48; }
.section-competition .section-subtitle { margin-bottom: 9px; font-family: 'Interstate', sans-serif; color: #002f5b; text-transform: uppercase; line-height: 1; letter-spacing: 0.22em; }
.section-competition .section-title { margin-bottom: 69px; color: #002f5b; text-transform: uppercase; line-height: 1.1; }
.section-competition .section-inner { padding: 0 10px; font-size: 21px; }
.section-competition .section-inner h3 { margin-bottom: 9px; font-family: 'Interstate', sans-serif; text-transform: uppercase; color: #002f5b; letter-spacing: 0.08em; }
@media ( max-width: 1530px ) {
	.section-competition:before { top: -149px; }
}
@media (max-width: 1280px) {
	.section-competition { padding-bottom: 100px; }
	.section-competition .section-inner { font-size: 16px; }
}
/* ------------------------------------------------------------ *\
	Section 
\* ------------------------------------------------------------ */
.section-follow { background: #f8f8f8; }
.section-follow .section-head { margin-bottom: 24px; text-align: center; font-size: 21px; line-height: 1.48; color: #002f5b; text-align: center; }
.section-follow .section-head a {  }
.section-follow .section-head a:hover { text-decoration: underline; }
.section-follow .section-subtitle { margin-bottom: 11px; font-family: 'Interstate', sans-serif; color: #002f5b; text-transform: uppercase; line-height: 1; letter-spacing: 0.22em; }
.section-follow .section-subtitle i { vertical-align: top; margin-right: 10px; }
.section-follow .section-title { margin-bottom: 6px; color: #002f5b; text-transform: uppercase; line-height: 1.1; }
.section-follow .section-head p { color: #020202; }
/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */
.slider {}
.slider .slides { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */
.socials ul { overflow: hidden; list-style: none outside none; }
.socials li { float: left; }
.socials li ~ li { margin-left: 3px; }
.socials a { position: relative; display: block; width: 30px; height: 30px; border: 1px solid rgba(90,107,120,.53); transition: border .3s; }
.socials a:hover { border-color: rgba(90,107,120,1); }
.socials i { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.socials-large li ~ li { margin-left: 6px; }
.socials-large a { width: 55px; height: 55px; border-color: #.socials; }
/* ------------------------------------------------------------ *\
	Subscribe
\* ------------------------------------------------------------ */
.subscribe { position: relative; }
.subscribe .subscribe-field { width: 100%; height: 55px; padding: 0 21px; border: 1px solid #acacac; font-size: 15px; }
.subscribe .subscribe-field::-webkit-input-placeholder { color: #7a93a9; }
.subscribe .subscribe-field::-moz-placeholder { color: #7a93a9; }
.subscribe .subscribe-field:-ms-input-placeholder { color: #7a93a9; }
.subscribe .subscribe-field::placeholder { color: #7a93a9; }
.subscribe .subscribe-btn { position: absolute; top: 0; right: 0; width: 140px; border: 0 none; background: #002f5b; color: #fff; font-weight: 900; text-transform: uppercase; font-size: 11px; letter-spacing: 0.04em; line-height: 55px; transition: background .3s; }
.subscribe .subscribe-btn:hover { background: #0c457a; }
.subscribe .subscribe-field.error { border-color: #e4002b; }
.subscribe .form-error { padding-top: 10px; color: #e4002b; font-size: 12px; letter-spacing: 0.03em; }
.subscribe .form-success { padding-top: 13px; font-size: 15px; color: #007d2b; letter-spacing: 0.03em; }
/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */
.table {}
/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */
.widgets { list-style: none outside none; }