/* 
    Table of Contents

    01. DatePicker --------------------------------
         Layout helpers
---------------------------------- 
         Interaction Cues
---------------------------------- 
         Icons
---------------------------------- -
         Misc visuals
---------------------------------- 
         Overlays ---------------------------------
         Support: IE <= 11 ------------------------
         Support: Firefox 5 - 40 ------------------
         Spinner specific style fixes -------------
         Support: IE8 only, Android < 4.4 only ----
         RTL support ------------------------------
         Icons ------------------------------------
         Component containers
---------------------------------- 
         Interaction states
---------------------------------- 
         Interaction Cues
---------------------------------- 
         Icons
---------------------------------- -
         Misc visuals
---------------------------------- 
         Corner radius ----------------------------
         Overlays ---------------------------------
    02. Animation on Scroll -----------------------
    03. Settings ----------------------------------
    04. Sprite ------------------------------------
    05. Generic -----------------------------------
    06. Base --------------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    07. Fonts -------------------------------------
    08. Helpers -----------------------------------
         Clear ------------------------------------
         Notext -----------------------------------
         Hidden -----------------------------------
         Alignleft --------------------------------
         Alignright -------------------------------
         Disabled ---------------------------------
         Grid -------------------------------------
         Responsive Helpers -----------------------
    09. Reset -------------------------------------
    10. Regions -----------------------------------
    11. Container ---------------------------------
    12. Content -----------------------------------
    13. Footer ------------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    14. Header ------------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    15. Main --------------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    16. Shell -------------------------------------
    17. Sidebar -----------------------------------
    18. Wrapper -----------------------------------
    19. Modules -----------------------------------
    20. Article -----------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    21. Article Reversed --------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    22. Article FLex Start ------------------------
         Tablet Portrait --------------------------
    23. Article Vertical --------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    24. Button ------------------------------------
         Button Small -----------------------------
         Button Block -----------------------------
    25. Form Elements -----------------------------
    26. Checkbox ----------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    27. Select ------------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    28. Form Registration -------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    29. Intro -------------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    30. List --------------------------------------
    31. List Buttons ------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    32. Logo --------------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    33. Nav ---------------------------------------
    34. Nav Lang ----------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    35. Section -----------------------------------
         Mobile -----------------------------------
    36. Section Gallery ---------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    37. Section Articles --------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    38. Section Schedule --------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    39. Slider ------------------------------------
    40. Socials -----------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    41. Table -------------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    42. Video -------------------------------------
    43. Widget ------------------------------------
    44. Themes ------------------------------------
 */

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

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

.ico-arrow-right-bold { background-image: url(https://s3.amazonaws.com/themes.limelightplatform.com/web/porsche-event-registration/images/sprite.png); background-position: 75.43859649122807% 60.273972602739725%; background-size: 1136.3636363636363% 763.6363636363636%; width: 11px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-facebook { background-image: url(https://s3.amazonaws.com/themes.limelightplatform.com/web/porsche-event-registration/images/sprite.png); background-position: 0% 0%; background-size: 320.51282051282055% 210%; width: 39px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-instagram { background-image: url(https://s3.amazonaws.com/themes.limelightplatform.com/web/porsche-event-registration/images/sprite.png); background-position: 50% 0%; background-size: 320.51282051282055% 210%; width: 39px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-linkedin { background-image: url(https://s3.amazonaws.com/themes.limelightplatform.com/web/porsche-event-registration/images/sprite.png); background-position: 100% 0%; background-size: 320.51282051282055% 210%; width: 39px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-right { background-image: url(https://s3.amazonaws.com/themes.limelightplatform.com/web/porsche-event-registration/images/sprite.png); background-position: 84.87394957983193% 59.45945945945946%; background-size: 2083.333333333333% 840%; width: 6px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-twitter { background-image: url(https://s3.amazonaws.com/themes.limelightplatform.com/web/porsche-event-registration/images/sprite.png); background-position: 0% 100%; background-size: 320.51282051282055% 210%; width: 39px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-youtube { background-image: url(https://s3.amazonaws.com/themes.limelightplatform.com/web/porsche-event-registration/images/sprite.png); background-position: 50% 100%; background-size: 320.51282051282055% 210%; width: 39px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0px; }

@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
    .ico-facebook { background-image: url(https://s3.amazonaws.com/themes.limelightplatform.com/web/porsche-event-registration/images/sprite.@2x.png); background-position: 0% 0%; background-size: 320.51282051282055% 210%; width: 39px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0px; }
    .ico-instagram { background-image: url(https://s3.amazonaws.com/themes.limelightplatform.com/web/porsche-event-registration/images/sprite.@2x.png); background-position: 50% 0%; background-size: 320.51282051282055% 210%; width: 39px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0px; }
    .ico-linkedin { background-image: url(https://s3.amazonaws.com/themes.limelightplatform.com/web/porsche-event-registration/images/sprite.@2x.png); background-position: 100% 0%; background-size: 320.51282051282055% 210%; width: 39px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0px; }
    .ico-twitter { background-image: url(https://s3.amazonaws.com/themes.limelightplatform.com/web/porsche-event-registration/images/sprite.@2x.png); background-position: 0% 100%; background-size: 320.51282051282055% 210%; width: 39px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0px; }
    .ico-youtube { background-image: url(https://s3.amazonaws.com/themes.limelightplatform.com/web/porsche-event-registration/images/sprite.@2x.png); background-position: 50% 100%; background-size: 320.51282051282055% 210%; width: 39px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0px; }
}

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

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


.navbar-collapse {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

body {min-width: 320px;background: #fff;font-family: 'PorscheNext','Times New Roman',serif !important;font-size: 14px;line-height: 1.43;color: #363636;}

a { color: inherit; text-decoration: underline; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }

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

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.715em; }

h1 { font-size: 22px; }

h2 { font-size: 20px; font-weight: 400; color: #363636; line-height: 1.45; }

h3 { font-size: 18px; }

h4 { font-size: 16px; }

h5 { font-size: 14px; }

h6 { font-size: 12px; }

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

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

/* Tablet Portrait */

@media (max-width: 1023px) {
    h2 { font-size: 16px; line-height: 1.34; letter-spacing: 0; }
}

/* Mobile */

@media (max-width: 767px) {
    h2 { font-size: 18px; line-height: 1.43; }
    p { font-size: 14px; }
}

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

@font-face {
    font-family: 'PorscheNext';
    src: url('https://s3.amazonaws.com/themes.limelightplatform.com/web/porsche-event-registration/fonts/PorscheNextBold.eot');
    src: url('https://s3.amazonaws.com/themes.limelightplatform.com/web/porsche-event-registration/fonts/PorscheNextBold.eot?#iefix') format('embedded-opentype'),
        url('https://s3.amazonaws.com/themes.limelightplatform.com/web/porsche-event-registration/fonts/PorscheNextBold.woff') format('woff'),
        url('https://s3.amazonaws.com/themes.limelightplatform.com/web/porsche-event-registration/fonts/PorscheNextBold.ttf') format('truetype'),
        url('https://s3.amazonaws.com/themes.limelightplatform.com/web/porsche-event-registration/fonts/PorscheNextBold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'PorscheNext';
    src: url('https://s3.amazonaws.com/themes.limelightplatform.com/web/porsche-event-registration/fonts/PorscheNext.eot');
    src: url('https://s3.amazonaws.com/themes.limelightplatform.com/web/porsche-event-registration/fonts/PorscheNext.eot?#iefix') format('embedded-opentype'),
        url('https://s3.amazonaws.com/themes.limelightplatform.com/web/porsche-event-registration/fonts/PorscheNext.woff') format('woff'),
        url('https://s3.amazonaws.com/themes.limelightplatform.com/web/porsche-event-registration/fonts/PorscheNext.ttf') format('truetype'),
        url('https://s3.amazonaws.com/themes.limelightplatform.com/web/porsche-event-registration/fonts/PorscheNext.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

/*  Clear  */

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

/*  Notext  */

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

/*  Hidden  */

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

/*  Alignleft  */

.alignleft { float: left; }

/*  Alignright  */

.alignright { float: right; }

/*  Disabled  */

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

/*  Grid  */

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

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

.col--1 { max-width: 642px; -webkit-box-flex: 0; -ms-flex: 0 1 642px; flex: 0 1 642px; }

.col--2 { max-width: 220px; -webkit-box-flex: 0; -ms-flex: 0 1 220px; flex: 0 1 220px; }

.col--1of2 {max-width: 50%;/* -webkit-box-flex: 0; */margin: 0px 20px;}

/*  Responsive Helpers  */

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

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

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

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

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

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

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

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

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

template { display: none; }

html { -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img,
iframe,
video,
audio,
object { max-width: 100%; }

img,
iframe { border: 0 none; }

img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

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

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

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

button,
select { text-transform: none; }

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

nav > ul,
nav > ol,
.article__content ul { /*list-style: none outside none;*/ 
        list-style-image: url(https://s3.amazonaws.com/themes.limelightplatform.com/web/porsche-event-registration/images/FooterArrow_Red.png);
        margin-left: 15px;
}

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

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

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

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

.footer .footer__inner { padding: 33px 0 37px; }

.footer .footer__title { margin-bottom: 34px; }

.footer .footer__subtitle { margin-bottom: 19px; line-height: 1; }

.footer .footer__bar { padding: 30px 0; background-color: #3e4146; color: #fff; }

.footer .footer__copyright { margin: 0; }

.footer .cols { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.footer .footer__nav { min-height: 125px; padding-bottom: 13px; font-size: 14px; letter-spacing:0px;}

.footer .footer__nav > ul > li ~ li { margin-top: 11px; }

.footer .footer__nav li > ul { list-style: none; padding: 0 0 12px 34px; }

.footer .footer__nav li > ul > li { padding-left: 15px; position: relative; line-height: 1.7; }

.footer .footer__nav li > ul > li:before { content: ''; position: absolute; left: 0; top: 10px; height: 1px; width: 9px; background-color: #404040;  }

.footer .footer__nav a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; }

.footer .footer__nav a:hover { text-decoration: underline; color: #d5001c; }

.footer .footer__nav i { margin-right: 8px; }

.footer .col--1of2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.footer .footer__nav--secondary { padding: 0; margin: 0; }

/* Tablet Portrait */

@media (max-width: 1023px) {

    .footer .footer__title { font-size: 16px; }
    .footer .footer__subtitle { margin-bottom: 12px; font-size: 16px; color: #888; }
    .footer .footer__inner { padding: 40px 15px 46px; }
    .footer .col--1,
    .footer .col--2 { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; }
    .footer .col--2 { padding: 62px 17px 0; }
    .footer .col--1of2 { max-width: 47%; -webkit-box-flex: 0; -ms-flex: 0 1 47%; flex: 0 1 47%; }
    .footer .cols { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0 14px; }
    .footer .footer__nav { padding-bottom: 0; min-height: 90px; }
    .footer .footer__nav li > ul { padding: 0 0 2px 27px; }
    .footer .footer__nav i { margin-right: 5px; }
    .footer .footer__bar { padding: 20px 21px; }
}

/* Mobile */

@media (max-width: 767px) {
    .footer .footer__title { margin-bottom: 42px; }
    .footer .footer__bar { padding: 19px 23px; }
    .footer .footer__copyright { font-size: 14px; line-height: 1.71; }
    .footer .footer__subtitle { font-size: 14px; }
    .footer .col--1of2 { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; }
    .footer .col--2 { padding: 45px 3px 0; }
    .footer .cols { padding: 0; }

    .footer .footer__nav { min-height: 101px; }
    .footer .footer__nav a { font-size: 14px; }
    .footer .footer__nav--secondary { padding-bottom: 17px; }

}

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

.header { padding-top: 30px; }

.header .header__inner { position: relative; text-align: center; }

.header .header__inner:before {content: '';position: absolute;left: 0;bottom: 5px;height: 1px;width: 101%;max-width: 338px;background-color: #e3e3e3;/* width: 100%; */z-index: 5;top: 15px;}

.header .header__inner:after {content: '';position: absolute;right: 0px;bottom: 5px;height: 1px;width: 100%;max-width: 338px;background-color: #e3e3e3;/* width: 100%; */z-index: 5;top: 15px;}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .header { position: relative; padding: 20px 0 55px; }
    .header .header__inner:before {width: 32%;bottom: 1px;}
    .header .header__inner:after {width: 32%;bottom: 1px;}

}

/* Mobile */

@media (max-width: 767px) {
    .header { padding: 20px 0 0; }
    .header .header__inner:before {width: 17%;bottom: 1px;}
    .header .header__inner:after {width: 17%;bottom: 1px;}   
}

@media (max-width: 400px) {
    .header .header__inner:before {width: 15%;bottom: 1px;}
    .header .header__inner:after {width: 15%;bottom: 1px;}   
    .header .header__inner .logo{
        width: 65% !important;
    }
}


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

/* Tablet Portrait */

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

/* Mobile */

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

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

.shell { max-width: 960px; padding-left: 10px; padding-right: 10px; margin: auto; }

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

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

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

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

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

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

.articles { padding-top: 60px; }

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

.article .article__title { margin-bottom: 16px; font-weight: 400; font-size: 20px;  }

.article ~ .article { margin-top: 40px; }

.article .article__image { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; text-align: right; }

.article .article__image img { max-width: 460px; }

.article .article__image--left-aligned { text-align: left; }

.article .article__content { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; padding: 14px 0px 0 10px; }

.article .article__content--no-padding-top { padding: 0 0 0 10px; }

.articles--no-padding { padding: 0; }

/* Tablet Portrait */

@media (max-width: 1023px) {
    .articles .article .article__title { margin-bottom: 15px; }
    .article .article__title { font-size: 16px; line-height: 1.44; }
    .article .article__content { padding: 8px 0px 0 13px; }
    .article .article__content--more-padding { padding: 31px 0px 0 13px; }
    
    .article ~ .article{  margin-top: 36px; }
    .article ~ .article--reversed { margin-top: 75px; }
    .article .article__image img { max-width: 338px; }
    .article .article__content--no-padding { padding: 0; }
}

/* Mobile */

@media (max-width: 767px) {
    .articles { padding-top: 40px; }
    .article { display: block; }
    .article .article__title { font-size: 16px; }
    .article .article__image { max-width: 100%; text-align: center; }
    .article ~ .article { margin-top: 18px; }
    .article ~ .article--reversed { margin-top: 32px; }

    .article .article__image img { width: 283px; }
    .article .article__content { padding: 20px 0 0; max-width: 100% }
    .articles--no-padding { padding: 0; }
}

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

.article--reversed { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.article--reversed .article__title { margin-bottom: 11px; }

.article--reversed .article__image { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.article--reversed .article__content { padding: 0 10px 0 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.article--reversed .article__content p { margin-bottom: 10px; }

/* Tablet Portrait */

@media (max-width: 1023px) {
    .article--reversed .article__title { margin-bottom: 15px; }
    .article--reversed .article__content { padding: 0 13px 0 0; }
}

/* Mobile */

@media (max-width: 767px) {
    .article--reversed .article__content { padding: 20px 0 0; }
    .article--reversed .article__image img { width: 283px; height: 167px; }

}

/* ------------------------------------------------------------ *\
    Article FLex Start
\* ------------------------------------------------------------ */

.article--flex-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.article--flex-start .article__title { margin-bottom: 15px; }

/* Tablet Portrait */

@media (max-width: 1023px) {
    .article--flex-start .article__title { padding-right: 50px; }
}

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

.articles--vertical { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 22px; }

.articles--vertical .article { display: block; max-width: 300px; -webkit-box-flex: 0; -ms-flex: 0 1 300px; flex: 0 1 300px; }

.articles--vertical .article ~ .article { margin-top: 0; }

.articles--vertical .article__title { font-weight: 400; margin-bottom: 19px; line-height: 1; }

.articles--vertical .article__image { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; }

.articles--vertical .article__image img { max-width: 300px; }

.articles--vertical .article__content { padding: 30px 0 0; max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; }

/* Tablet Portrait */

@media (max-width: 1023px) {
    .articles--vertical { padding: 45px 0 2px; }
    .articles--vertical .article { max-width: 222px; -webkit-box-flex: 0; -ms-flex: 0 1 222px; flex: 0 1 222px; }
    .articles--vertical .article__content { padding: 20px 0 0; font-size: 13px; }
    .articles--vertical .article__content p { margin-bottom: 0; }
    .articles--vertical .article .article__title { margin-bottom: 14px; }
    .articles--vertical .article__image img { width: 222px; height: 155px; }
}

/* Mobile */

@media (max-width: 767px) {
    .articles--vertical { padding: 45px 0 2px; display: block }
    
    .articles--vertical .article__image img { width: 290px; height: 202px; }
    .articles--vertical .article ~ .article { margin-top: 19px; }
    .articles--vertical .article { max-width: 100%; }
}

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

.btn { display: inline-block; height: 50px; padding: 0 40px; background-color: #3e4146; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; /*line-height: 50px*/; color: #fff; border: none; }

.btn:hover { background-color: #d5001c;; }

/* Button Small*/

.btn--xs-small { max-width: 98px; padding: 0 22px; letter-spacing: 0; }

/*  Button Block  */

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

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

input::-webkit-input-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }

textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }

textarea:-ms-input-placeholder { color: inherit; opacity: 1; }

textarea::-ms-input-placeholder { color: inherit; opacity: 1; }

textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

textarea{
    width:100%;
}
/* ------------------------------------------------------------ *\
    Checkbox
\* ------------------------------------------------------------ */

/*.checkbox { padding-top: 11px; }

.checkbox input { display: none; }

.checkbox input { display: none; }*/

.checkbox label { position: relative; padding-left: 34px; letter-spacing: 0; }

/*.checkbox label:before { content: ''; position: absolute; left: 0; top: -2px; width: 22px; height: 22px; border: 1px solid #ccc; }

.checkbox label:after { content: ''; opacity: 0; position: absolute; top: -2px; left: 0; width: 22px; height: 22px; background-image: url(https://s3.amazonaws.com/themes.limelightplatform.com/web/porsche-event-registration/images/ico-check.png); background-size: 90%; background-repeat: no-repeat; background-position: center center; }

.checkbox input:checked + label:after { opacity: 1; }*/

ul.option-list > li.checkbox-option{
    list-style: none;
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    .checkbox { padding-top: 0; }
    .checkbox label { font-size: 14px; }
    
    .checkbox label:before,
    .checkbox label:after { top: -5px; }
}

/* Mobile */

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

/* ------------------------------------------------------------ *\
    Radio
\* ------------------------------------------------------------ */

    li.radio-button-option{
        list-style: none;
    }

    li.radio-button-option > label{
        padding-left: 15px
    }

/* ------------------------------------------------------------ *\
    Select
\* ------------------------------------------------------------ */

.ll-dropdown { position: relative; height: 50px; }

.ll-dropdown:before { content: ''; position: absolute; right: 15px; top: 50%; margin-top: 0; width: 0; height: 0; border-width: 10px 7px 0 7px; border-style: solid; color: #979797; border-left-color: transparent; border-right-color: transparent; pointer-events: none; }

.ll-dropdown:after { content: ''; position: absolute; right: 15px; top: calc(50% - 13px); width: 0; height: 0; border-width: 10px 7px 0 7px; border-style: solid; color: #979797; border-left-color: transparent; border-right-color: transparent; pointer-events: none; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.ll-dropdown select { display: block; width: 100%; height: 100%; padding: 0 40px 0 21px; border: 1px solid #ccc; background-color: transparent; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; }

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

/* Tablet Portrait */

@media (max-width: 1023px) {
    .select { height: 43px; }
    .select select { padding: 0 30px 0 13px; }
}

/* Mobile */

@media (max-width: 767px) {
    .select { height: 32px; }
    .select select { font-size: 14px; }
    .select:before { border-width: 6px 3px 0 3px; }
    .select:after { top: calc(50% - 8px); border-width: 6px 3px 0 3px; }
}

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

.form-registration { font-family: PorscheNext, Helvetica, sans-serif !important; }

.form-registration .form__head h2 { margin-bottom: 8px; }

.form-registration .form__head { padding-bottom: 40px; }

.form-registration .form__subtitle { margin-bottom: 32px; }

.form-registration .form__section:first-of-type { margin-top: 5px; }

.form-registration .form__section:last-of-type { margin-top: 30px; }

.form-registration .form__section:nth-child(2) { margin-top: 41px; }

.form-registration .form__section h2 { font-size: 20px; letter-spacing: 0; }

.form-registration .form__section p {letter-spacing: 0px;; }

.form-registration .form__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.form-registration .form__row ~ .form__row { margin-top: 18px; }

.form-registration .form__col { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; }

.form-registration /*.form__label*/ .field-label { display: inline-block; margin-bottom: 7px; font-size: 14px; letter-spacing: 0; font-weight: normal;}

.form-registration .input-container > input { height: 50px; padding: 5px 30px 5px 15px; width: 100%; border: 1px solid #ccc; line-height: 50px; background-color: transparent; -webkit-transition: border .4s; -o-transition: border .4s; transition: border .4s; border-radius: 0; }

.form-registration .form__col--1of2 { max-width: 460px; -webkit-box-flex: 0; -ms-flex: 0 1 460px; flex: 0 1 460px; }

.form-registration .input-container > input:focus { border-color: #000; }

.form-registration .form__message { padding-top: 11px; }

.form-registration .form__message--large-gutters { padding: 24px 0 40px; }

.form-registration .form__message p { letter-spacing: 0; line-height: 1.3; }

/* Tablet Portrait */

@media (max-width: 1023px) {
    .form-registration .form__section:first-of-type { margin-top: 10px;  }
    .form-registration .form__section:nth-child(2) { margin-top: 33px; }
    .form-registration .form__section:last-of-type { margin-top: 37px; }
    .form-registration .field { height: 43px; line-height: 43px; }
    .form-registration .form__head { padding-bottom: 14px; }
    .form-registration .form__head h2 { margin-bottom: 2px; font-weight: 700; }
    .form-registration .form__section h2 { margin-bottom: 8px; font-weight: normal; font-size: 16px; letter-spacing: 0px; }
    .form-registration .form__section .form__subtitle { margin-bottom: 15px; font-weight: 400; }
    .form-registration .form__message { padding-top: 0; }
    .form-registration .form__message p { letter-spacing: 0px; line-height: 1.5; }
    .form-registration .form__message--large-gutters { padding: 0 0 34px;  }
    .form-registration .form__head p { letter-spacing: 0; }
    .form-registration .form__col--1of2 { max-width: 346px; -webkit-box-flex: 0; -ms-flex: 0 1 346px; flex: 0 1 346px; }
}

/* Mobile */

@media (max-width: 767px) {
    .form-registration .form__row { display: block; }
    .form-registration .form__section:first-of-type { margin-top: 2px; }
    .form-registration .form__section:nth-child(2) { margin-top: 20px; }
    .form-registration .form__section:last-child { margin-top: 19px; }
    .form-registration .form__section h2 { font-size: 14px; }
    .form-registration .form__section .form__subtitle { margin-bottom: 10px; }
    .form-registration .form__label { margin-bottom: 7px; font-size: 14px; }
    .form-registration .form__row ~ .form__row { margin-top: 7px; }
    .form-registration .form__message { padding-top: 12px; }
    .form-registration .form__message p {  line-height: 1.4; letter-spacing: 0; }
    .form-registration .form__message--large-gutters { padding: 26px 0 32px 0; }
    .form-registration .field { height: 32px; line-height: 32px; font-size: 14px; }
    .form-registration .form__head h2 { margin-bottom: 10px; line-height: 1.1; }
    .form-registration .form__head { padding-bottom: 7px; }
    .form-registration .form__col--1of2 { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; }
    .form-registration .form__col--1of2 ~ .form__col--1of2 { margin-top: 7px;  }
}

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

.intro .intro__image img { width: 100%; }

.intro .intro__content { background-color: #f6f6f6; }

.intro .intro__head { padding: 20px 0 17px; }

.intro .intro__title { margin-bottom: 0; }

/* Tablet Portrait */

@media (max-width: 1023px) {
    .intro .intro__head { padding: 17px; }
}

/* Mobile */

@media (max-width: 767px) {
    .intro .intro__head { padding: 21px 8px 15px; }
}

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

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

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

.list-buttons { margin: 0; padding: 0; }

.list-buttons li { margin-right: -2px; display: inline-block; }

/* Tablet Portrait */

@media (max-width: 1023px) {
    .list-buttons { padding-left: 17px; }       
}

/* Mobile */

@media (max-width: 767px) {
    .list-buttons { padding-left: 0; text-align: center; }
    
    .list-buttons li { display: block; }
    .list-buttons li a { text-align: left; }
    .list-buttons li ~ li { margin-top: 1px; }
    .list-buttons .btn { height: 32px; line-height: 32px; padding: 0 23px; max-width: 283px; margin: 0 auto; width: 100% }  
}

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

.logo { position: relative; display: inline-block; margin: 0 auto; font-size: 0; text-decoration: none; }

.logo { width: 100%; max-width:252px; max-height: 130px; padding-bottom: 5px }

.logo img { width: 100%; height: auto; max-width:252px; max-height: 130px; }

/* Tablet Portrait */

/*@media (max-width: 1023px) {
    .logo img { height: 35px; width: 71px; }
}*\

/* Mobile */

@media (max-width: 767px) {
    .logo img { height: auto; width: 100%; max-width:252px; max-height: 130px; }    
}

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

.navbar-default .navbar-toggle {
    float: left;
    margin-left: 15px;
}

.nav { padding: 8px 0 0; }

.nav ul { margin: 0; padding: 0; }

.nav ul > li { position: relative; display: inline-block; }

.nav > ul > li ~ li { padding-left: 27px; }

.nav > ul > li > a { display: block; padding: 14px 0 10px; text-decoration: none; }

.nav > ul > li > a:hover { color: #d5001c; }

.nav ul > li:hover > .nav__dropdown  { -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); visibility: visible; opacity: 1; }

.nav ul > li:hover {  color: #d5001c; }

.nav .nav__dropdown { position: absolute; width: 249px; top: 28px; left: 10px; visibility: hidden; opacity: 0; background-color: #fff; text-align: left; -webkit-transition: visibility .4s, opacity .4s, -webkit-transform .4s; transition: visibility .4s, opacity .4s, -webkit-transform .4s; -o-transition: visibility .4s, opacity .4s, transform .4s; transition: visibility .4s, opacity .4s, transform .4s; transition: visibility .4s, opacity .4s, transform .4s, -webkit-transform .4s; }

.nav .nav__dropdown > li { width: 100%; }

.nav .nav__dropdown > li > a { display: block; padding: 9px 25px; text-decoration: none; color: #363636; }

.nav .nav__dropdown > li:hover { background-color: #d5001c; }

.nav .nav__dropdown > li:hover a { color: #fff; }

.navbar-default {
    background-color: #FFFFFF !important;
    border-color: none;
}
/* ------------------------------------------------------------ *\
    Nav Lang
\* ------------------------------------------------------------ */

.nav-lang { position: absolute; right: 4px; bottom: 12px; font-size: 16px; z-index: 10; }

.nav-lang ul { list-style: none; padding: 0; margin: 0; }

.nav-lang li { position: relative; display: inline-block; }

.nav-lang li ~ li { padding-left: 6px; }

.nav-lang li ~ li:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 1px; height: 70%; margin: auto; background-color: #363636; }

.nav-lang a { text-transform: uppercase; text-decoration: none; }

.nav-lang a:hover { color: #d5001c; }

/* Tablet Portrait */

@media (max-width: 1023px) {
    .nav-lang  { font-size: 14px; bottom: 7px; right: 22px; }
}

/* Mobile */

@media (max-width: 767px) {
    .nav-lang  { font-size: 14px; right: 10px; bottom: 12px; }
    .nav-lang li ~ li { padding-left: 5px; }

}

/* Tablet Portrait */

@media (max-width: 1023px) {
    /*.nav { position: absolute; top: 110px; right: 100%; z-index: 10; width: 100%; padding: 0; margin: 0; -webkit-transition: right .4s,opacity.4s,visibility .4s; -o-transition: right .4s,opacity.4s,visibility .4s; transition: right .4s,opacity.4s,visibility .4s; opacity: 0; visibility: hidden; text-align: left; font-size: 16px; /*overflow-x: scroll;*/ }*/

    .nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 748px; margin: 0 auto; background-color: #fff; }
    .nav ul> li:first-child:before { content: '';  position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; height: 1px; background-color: #e3e3e3; width: 95%; }
    .nav ul > li ~ li { padding-left: 0; }
    .nav ul > li ~ li:before { content: '';  position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; height: 1px; background-color: #e3e3e3; width: 98%; }
    
    .nav ul > li > ul { position: static; width: 100%; visibility: hidden; opacity: 0; text-align: left; -webkit-transition: visibility .4s, opacity .4s, top .4s; -o-transition: visibility .4s, opacity .4s, top .4s; transition: visibility .4s, opacity .4s, top .4s;  }

    .nav li { padding: 1px 0 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.59;  }
    .nav ul > li > a { padding: 9px 19px; font-size: 14px; }
    .nav ul > li > a:hover { background-color: #d5001c; color: #fff; }
    .nav ul > li:hover > .nav__dropdown { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); }
    .nav ul > li.active .nav__dropdown { display: block; }
    
    .nav .nav__dropdown li > a { padding: 9px 35px; }
    .nav .nav__dropdown { display: none; position: static; width: 100%; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; }
    .nav > ul > li .nav__dropdown > li:before { content: none; }
    .nav > ul > li .nav__dropdown > li:first-of-type { border-top: 1px solid #e3e3e3; }
    .nav > ul > li .nav__dropdown > li ~ li { border-top: 1px solid #e3e3e3; }
    
    .nav-trigger { position: absolute; left: 0; bottom: 0; width: 44px; height: 38px; margin-bottom: 4px; margin-left: 19px; display: inline-block; border: 1px solid #fff; border-radius: 4px; }
    .nav-trigger span { position: absolute; left: 0; right: 0; display: block; height: 2px; width: 20px; margin: 0 auto; background: #0a0a08; -webkit-transition: top .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s; transition: top .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s; -o-transition: top .2s .25s, opacity .2s .25s, transform .2s 0s; transition: top .2s .25s, opacity .2s .25s, transform .2s 0s; transition: top .2s .25s, opacity .2s .25s, transform .2s 0s, -webkit-transform .2s 0s; }

    .nav-trigger span:nth-child(1) { top: 9px; }
    .nav-trigger span:nth-child(2) { top: 15px; }
    .nav-trigger span:nth-child(3) { top: 21px; }
    .nav-trigger--active span { -webkit-transition: background .2s, top .2s, opacity .2s, -webkit-transform .2s .25s; transition: background .2s, top .2s, opacity .2s, -webkit-transform .2s .25s; -o-transition: background .2s, top .2s, opacity .2s, transform .2s .25s; transition: background .2s, top .2s, opacity .2s, transform .2s .25s; transition: background .2s, top .2s, opacity .2s, transform .2s .25s, -webkit-transform .2s .25s; }
    .nav-trigger--active span:nth-child(3),
    .nav-trigger--active span:nth-child(1) { top: 17px; }
    .nav-trigger--active span:nth-child(2) { opacity: 0; }
    .nav-trigger--active span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

    .nav-trigger--active span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
    .nav.visible { opacity: 1; visibility: visible; right: 0; }

}

/* Mobile */

@media (max-width: 767px) {
    .nav { position: static; height: 0; padding-top: 14px; }
    .nav ul > li  { line-height: 1.5;  }
    .nav ul > li > a { font-size: 14px; padding: 7px 15px; }
    .nav .nav__dropdown li > a { padding: 9px 25px; }
    .nav-trigger { top: 10px; margin-bottom: 0; margin-left: 10px; }
    .nav.visible { height: 100%; }
}

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

.section {  padding: 60px 0; border-bottom: 1px solid #e3e3e3; }

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

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

.section .section__actions .btn {  padding: 0 20px; }

/*.section .section__actions i { margin-right: 5px; }*/

.section .section__actions i { margin-right: 10px; }

/* Mobile */

@media (max-width: 767px) {
    .section { padding: 40px 0; display: block; }
    .section .section__content { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; padding-right: 0; }  
    .section .section__aside { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; }  
}

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

.section--gallery { display: block; }

.section--gallery .section__title { margin-bottom: 30px; }

.section--gallery .section__aside { padding-left: 10px; }

.section--gallery .section__body { display: -webkit-box; display: -ms-flexbox; display: flex; }

.section--gallery .section__foot { padding-top: 17px; }

.section--gallery .section__foot .cols { margin: 0 -15px; }

.section--gallery .section__foot .col { padding: 0 15px; }

.section--gallery .section__image { margin-bottom: 22px; }

.section--gallery .section__actions { padding-top: 28px; }

.section--gallery .section__image img { max-width: 460px; }

.section--gallery .section__image--small img { max-width: 380px; }

/* Tablet Portrait */

@media (max-width: 1023px) {
    .section--gallery .section__title { margin-bottom: 13px; }
    .section--gallery .section__image { margin-bottom: 15px; }
    .section--gallery .section__image img { max-width: 338px; }
    .section--gallery .section__image--small img { max-width: 249px; }
    .section--gallery .section__actions { padding-top: 22px; }
}

/* Mobile */

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

    .section--gallery .col { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; }
    .section--gallery .section__foot .col ~ .col { margin-top: 8px; }
    .section--gallery .section__body { display: block; }
    
    .section--gallery .section__image { margin-bottom: 19px; }
    .section--gallery .section__image img { max-width: 283px; }
    .section--gallery .section__image--small { margin-bottom: 5px; }
    .section--gallery .section__image--small img { max-width: 249px; height: 119px; }
    .section--gallery .section__content { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; }   
    .section--gallery .section__aside { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; padding-left: 0; }    
}

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

.section--articles .section__head { text-align: center; padding-bottom: 30px; }

.section--articles .section__title { margin-bottom: 0; }

.section--articles .section__foot { padding-top: 28px; }

.section--articles .section__video { max-width: 620px; height: 388px; margin: auto; }

/* Tablet Portrait */

@media (max-width: 1023px) {
    .section--articles .section__video { width: 500px; height: 324px; }
    .section--articles .section__head { padding-bottom: 27px; }
    .section--articles .section__foot { padding-top: 42px; }
}

/* Mobile */

@media (max-width: 767px) {
    .section--articles .section__head { padding-bottom: 16px; }
    .section--articles .section__foot { padding-top: 26px; }
    .section--articles .section__video { width: 290px; height: 182px; }
}

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

.section--schedule .section__foot { padding-top: 50px; }

.section--schedule .section__foot strong { display: inline-block; margin: 3px 0 30px; font-size: 17px; font-weight: 700; }

/* Tablet Portrait */

@media (max-width: 1023px) {
    .section--schedule .section__title { line-height: 1; }
    .section--schedule .section__foot { padding-top: 25px; }
    .section--schedule .section__foot strong { margin: 3px 0 21px; }
}

/* Mobile */

@media (max-width: 767px) {
    .section--schedule { padding: 30px 0 40px; }
    .section--schedule .section__foot { padding: 19px 0 5px; }
    .section--schedule .section__foot strong { margin: 0 0 24px; font-size: 14px; font-weight: 700; }
}

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

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

.socials ul { padding: 0; margin: 0; list-style: none; }

.socials li { display: inline-block; }

.socials li ~ li { margin-left: 3px; }

.socials a { text-decoration: none; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }

.socials a:hover { opacity: .8; }

/* Tablet Portrait */

@media (max-width: 1023px) {
    .socials li ~ li { margin-left: 4px; }
}

/* Mobile */

@media (max-width: 767px) {
    .socials li ~ li { margin-left: 3px; }
}

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

.table ~ .table { margin-top: 5px; }

.table .table__head th { font-weight: 700; text-transform: uppercase; font-size: 20px; }

.table .table__row td { padding: 16px 0; }

.table .table__head th { text-align: left; padding: 38px 0 21px; }

.table .table__row:first-child { border-top: 1px solid #ddd; }

.table .table__row ~ .table__row { border-top: 1px solid #ddd; }

.table .table__row:last-child { border-bottom: 1px solid #ddd; }

/* Tablet Portrait */

@media (max-width: 1023px) {
    .table ~ .table { margin-top: 31px; }
    
    .table col:first-of-type { width: 320px!important; }

    /*.table col { width: 100px!important; }*/
    .table .table__head th { padding: 25px 0 15px; font-size: 16px; }
    .table .table__head { padding: 22px 0 16px; font-size: 16px; }
}

/* Mobile */

@media (max-width: 767px) {

    .table { font-size: 14px; line-height: 1.6;  }
    .table ~ .table { margin-top: 0; }
    .table:nth-child(2) { margin-top: 5px; }

    .table:nth-child(3) { margin-top: 8px; }
    .table:nth-child(4) { margin-top: 0; }
    .table:nth-child(4) .table__head th { padding: 20px 0; }
    .table:nth-child(5) .table__head th { padding: 20px 0; }
    .table:nth-child(6) .table__head th { padding: 20px 0; }
    .table:nth-child(7) .table__head th { padding: 20px 0; }

    .table .table__head th { padding: 32px 0 20px; font-size: 18px;  }
}

/* ------------------------------------------------------------ *\
    Video
\* ------------------------------------------------------------ */

.video { position: relative; padding-top: 56.25%; margin: auto; }

.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

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

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

/* ------------------------------------------------------------ *\
    Themes
\* ------------------------------------------------------------ */

 
/*.footer__nav > ul > li{
    
    }*/

.session-modal-info{
    display: none;
}

input[type=checkbox], input[type=radio] {
    /*margin: 4px 0 0;*/
    margin-top: 4px;
    line-height: normal;
}

.input-container > ul > li > input[type=radio],
.input-container > ul > li > input[type=checkbox]
{
    margin-left: 0px !important;
}

.btn--small,
.section__actions > .btn
{
    line-height: 50px;
}

table[role="grid"]{
    min-width: 600px;
}

@media (max-width: 767px) {
    .btn{/* padding: 0px; */}
}
.clear-filters > .btn{ width:100%; }

.payment-field > .input-container{

    border: 1px solid #ccc;
}

@media (min-width: 992px){
.container {
    width: 100%; 
}
}
@media (min-width: 768px){
.container {
     width: 100%; 
}
}
.container {
    padding-right: 0px;
    padding-left: 0px;
/*    margin-right: auto;
    margin-left: auto;*/
}

.shopping-cart-box{
    display: block !important;
}

.navbar-default .navbar-nav > li > a {
    text-decoration: none;
}

.nav > li > a {
    padding: 15px 8px !important;
}

.global-errors, .error{
    color: #ff0000;
}

.articles img{
    width: 100%;
}

@media (min-width: 768px){
    .modal-dialog {
        width: 80% !important;
        margin: 30px auto;
    }

        .navbar{
            float: none;
            margin: 0 auto;
            display: table;
            table-layout: fixed;
        }
}

#stry-wrapper{
    margin-left: 0px !important;
}