/*
    Table of Contents

         01. Reset ------------------------------------
         02. Base -------------------------------------
         03. Fonts ------------------------------------
         04. Helpers ----------------------------------
             Clear ------------------------------------
             Notext -----------------------------------
             Hidden -----------------------------------
             Alignleft --------------------------------
             Alignright -------------------------------
             Disabled ---------------------------------
             Grid -------------------------------------
             Responsive Helpers -----------------------
         05. Container --------------------------------
         06. Content ----------------------------------
             Tablet Portrait --------------------------
         07. Footer -----------------------------------
             Mobile -----------------------------------
         08. Footer Home ------------------------------
             Footer Home Secondary --------------------
             Footer Home Tertiary ---------------------
         09. Header -----------------------------------
             Mobile -----------------------------------
         10. Header Home ------------------------------
             Header Home Secondary --------------------
             Header Home tertiary ---------------------
             Mobile -----------------------------------
         11. Main -------------------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         12. Shell ------------------------------------
         13. Sidebar ----------------------------------
             Tablet Portrait --------------------------
         14. Wrapper ----------------------------------
         15. Wrapper Home -----------------------------
         16. Accordion --------------------------------
             Mobile -----------------------------------
         17. Article ----------------------------------
             Mobile -----------------------------------
         18. Article Single ---------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         19. Bar --------------------------------------
         20. Breadcrumbs ------------------------------
             Mobile -----------------------------------
         21. Button -----------------------------------
             Button Block -----------------------------
             Button Default ---------------------------
             Button Success ---------------------------
             Button Danger ----------------------------
             Button Outline ---------------------------
         22. Case Study -------------------------------
             Case Study Alt ---------------------------
             Mobile -----------------------------------
         23. Form Elements ----------------------------
         24. Form -------------------------------------
         25. Intro ------------------------------------
             Intro Secondary --------------------------
             Intro Tertiary ---------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         26. Language ---------------------------------
             Language Large ---------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         27. List -------------------------------------
         28. List Signs -------------------------------
             Mobile -----------------------------------
         29. List Legend ------------------------------
             Tablet Portrait --------------------------
         30. Logo -------------------------------------
         31. Map --------------------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         32. Modal ------------------------------------
             Mobile -----------------------------------
         33. Nav --------------------------------------
             Nav Alt ----------------------------------
             Tablet Portrait --------------------------
             Mobile -----------------------------------
         34. Nav Secondary ----------------------------
             Nav Secondary Alt ------------------------
         35. Nav Tabs ---------------------------------
             Mobile -----------------------------------
         36. Search -----------------------------------
             Mobile -----------------------------------
         37. Section Discover -------------------------
             Mobile -----------------------------------
         38. Section Case Studies ---------------------
             Mobile -----------------------------------
         39. Section Regulations ----------------------
             Mobile -----------------------------------
         40. Slider -----------------------------------
         41. Slideshow --------------------------------
             Slideshow Secondary ----------------------
             Mobile -----------------------------------
         42. Socials ----------------------------------
             Mobile -----------------------------------
         43. Tab --------------------------------------
             Tablet Portrait --------------------------
         44. Table ------------------------------------
             Mobile -----------------------------------
         45. Widget -----------------------------------
         46. Blue Theme -------------------------------
             Button -----------------------------------
             Header Logo ------------------------------
             Nav --------------------------------------
             Nav Secondary ----------------------------
             Nav Tabs ---------------------------------
             Case Study -------------------------------
             Article ----------------------------------
 */

.ico-pdf { background: url(../css/images/sprite/ico-pdf.png) no-repeat 0 0; width: 29px; height: 29px; display: inline-block; vertical-align: middle; font-size: 0; }
.logo-home-mobile { background: url(../css/images/sprite/logo-home-mobile.png) no-repeat 0 0; width: 240px; height: 43px; display: inline-block; vertical-align: middle; font-size: 0; }
.logo-home { background: url(../css/images/sprite/logo-home.png) no-repeat 0 0; width: 308px; height: 55px; display: inline-block; vertical-align: middle; font-size: 0; }
.logo-proffessional { background: url(../css/images/sprite/logo-proffessional.png) no-repeat 0 0; width: 231px; height: 42px; display: inline-block; vertical-align: middle; font-size: 0; }
.logo-recreational { background: url(../css/images/sprite/logo-recreational.png) no-repeat 0 0; width: 231px; height: 42px; display: inline-block; vertical-align: middle; font-size: 0; }


.cols:after { content: ''; line-height: 0; display: table; clear: both; }

/* ------------------------------------------------------------ *\
    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,
body { height: 100%; }

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="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; }

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

textarea { overflow: auto; resize: none; -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: #333; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.8; color: #000; }

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

a:hover,
a:focus { color: inherit; text-decoration: none; }

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

h1,
h2,
h3,
h4,
h5,
h6 { margin: 0 0 0.9em; font-weight: 600; line-height: 1.5; }

h1 { font-size: 40px; font-family: 'Gotham', sans-serif; }
h2 { font-size: 28px; font-family: 'Gotham', sans-serif; }
h3 { font-size: 24px; font-family: 'Gotham', sans-serif; }
h4 { font-size: 17px; font-family: 'Gotham', sans-serif; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

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

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

.body-home { background: #003056; color: #fefefe; }
.body-home-secondary { background: #003446; color: #fff; }
.body-home-tertiary { background: #273e0b; color: #fff; }



@keyframes animationFrames{
  0% {
    transform:  translate(-0px,0px)  ;
  }
  49% {
    transform:  translate(100px,0px)  ;
    opacity: 0;
  }
  51% {
    transform:  translate(-100px,0px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
    opacity: 1;
  }
}



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

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham_500_italic_1450277382.eot');
    src: url('fonts/Gotham_500_italic_1450277382.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham_500_italic_1450277382.svg#Gotham') format('svg'),
        url('fonts/Gotham_500_italic_1450277382.woff') format('woff'),
        url('fonts/Gotham_500_italic_1450277382.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham_400_italic_1450277382.eot');
    src: url('fonts/Gotham_400_italic_1450277382.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham_400_italic_1450277382.svg#Gotham') format('svg'),
        url('fonts/Gotham_400_italic_1450277382.woff') format('woff'),
        url('fonts/Gotham_400_italic_1450277382.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham_400_normal_1450277382.eot');
    src: url('fonts/Gotham_400_normal_1450277382.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham_400_normal_1450277382.svg#Gotham') format('svg'),
        url('fonts/Gotham_400_normal_1450277382.woff') format('woff'),
        url('fonts/Gotham_400_normal_1450277382.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham_500_normal_1450277382.eot');
    src: url('fonts/Gotham_500_normal_1450277382.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham_500_normal_1450277382.svg#Gotham') format('svg'),
        url('fonts/Gotham_500_normal_1450277382.woff') format('woff'),
        url('fonts/Gotham_500_normal_1450277382.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham_700_normal_1450277382.eot');
    src: url('fonts/Gotham_700_normal_1450277382.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham_700_normal_1450277382.svg#Gotham') format('svg'),
        url('fonts/Gotham_700_normal_1450277382.woff') format('woff'),
        url('fonts/Gotham_700_normal_1450277382.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham_700_italic_1450277382.eot');
    src: url('fonts/Gotham_700_italic_1450277382.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham_700_italic_1450277382.svg#Gotham') format('svg'),
        url('fonts/Gotham_700_italic_1450277382.woff') format('woff'),
        url('fonts/Gotham_700_italic_1450277382.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}


/* ------------------------------------------------------------ *\
    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%; }


/*  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 { display: none; }

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

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

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

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

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

.container {}

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

.content { float: none; display: table-cell; vertical-align: top; padding: 0; }

/* Tablet Portrait */

@media (max-width: 959px) {
    .content { display: block; }
}

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

.footer { padding: 205px 0 0; background: #f1f1f1 url(../css/images/footer-bg.png) no-repeat center 0; }

.footer .footer-inner { padding: 35px 0; background: #333; color: #fff; }

.footer .footer-credits { overflow: hidden; font-size: 12px; line-height: 1.4; }
.footer .footer-credits img { float: left; margin-right: 12px; }
.footer .footer-credits p { padding: 5px 0; overflow: hidden; }

.footer .footer-copyright { font-size: 11px; line-height: 1.4; color: rgba(241,241,241,.7); }
.footer .footer-copyright span { display: block; text-transform: uppercase; font-weight: bold; }

.footer .footer-actions { text-align: right; }

.footer .footer-btn { display: inline-block; vertical-align: top; width: 150px; padding: 11px 15px 12px; background: #555; color: rgba(241,241,241,.7); font-family: 'Gotham', sans-serif; font-size: 12px; font-weight: bold; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; text-align: center; transition: all .2s ease-out; }
.footer .footer-btn:hover { background: rgb(77, 77, 77); }

/* Mobile */

@media (max-width: 767px) {
    .footer .footer-credits { margin-bottom: 15px; }
    .footer .footer-copyright { margin-bottom: 15px; }
    .footer .footer-actions { text-align: left; }
}

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

.footer-home { position: relative; margin-top: -205px; background: url(../css/images/footer-home-bg.png) no-repeat center 0;}
.footer-home .footer-inner  {
    background: #004f8d;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNGY4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDMwNTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom,  #004f8d 0%,#003056 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004f8d', endColorstr='#003056',GradientType=0 );
}
.footer-home .footer-btn { background: #005c94; color: rgba(241,241,241,.7); }
.footer-home .footer-btn:hover { background: rgb(0, 83, 133); }

/*  Footer Home Secondary  */

.footer-home-secondary { background: url(../css/images/footer-home-secondary-bg.png) no-repeat center 0; }
.footer-home-secondary .footer-inner {
    background: #006081;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjA4MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDM0NDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom,  #006081 0%,#003446 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006081', endColorstr='#003446',GradientType=0 );
}

/*  Footer Home Tertiary  */

.footer-home-tertiary { background: url(../css/images/footer-home-tertiary-bg.png) no-repeat center 0; }
.footer-home-tertiary .footer-inner {
    background: #4d771a;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNzcxYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNzNlMGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom,  #4d771a 0%,#273e0b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d771a', endColorstr='#273e0b',GradientType=0 );
}

.footer-home-tertiary .footer-btn { background: #497118; }
.footer-home-tertiary .footer-btn:hover { background: rgb(66, 102, 22); }



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

.header { padding: 14px 0 18px; background: #fff; }

.header .header-logo { float: left; display: inline-block; vertical-align: top; text-decoration: none; }
.header .header-logo span { display: block; font-size: 13px; padding-top: 8px; font-weight: bold; text-transform: uppercase; line-height: 1; color: #548313; }

/* Mobile */

@media (max-width: 767px) {
    .header { text-align: center; }
    .header .header-logo { float: none; }
}

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

.header-home { text-align: center; }
.header-home .container { padding-top: 42px; padding-bottom: 32px; position: relative; }

.header-home .header-logo { display: inline-block; vertical-align: top; text-align: left; text-decoration: none; }
.header-home .header-logo span { display: block; margin-top: 8px; font-size: 15px; font-family: 'Gotham', sans-serif; font-weight: bold; color: #ffc425; text-transform: uppercase; }

.header-home .header-language { position: absolute; z-index: 1000; right: 10px; top: 0; font-family: 'Gotham', sans-serif; }

.header-home .header-language-selected { display: inline-block; vertical-align: top; padding: 9px 32px; background: #003258; font-weight: bold; font-size: 13px; text-transform: uppercase; color: rgba(255,255,255,.7); text-decoration: none; transition: all .2s ease-out; }
.header-home .header-language-selected .fa { display: inline-block; vertical-align: middle; margin-left: 8px; font-size: 16px; }
.header-home .header-language-selected span { display: inline-block; vertical-align: middle; }

.header-home .header-language-menu { position: absolute; left: 0; top: 100%; width: 100%; background: #fbfbfb; list-style: none outside none; visibility: hidden; opacity: 0; -ms-transform: translateY(10px); transform: translateY(10px); transition: all .2s ease-out; }
.header-home .header-language-menu li { line-height: 44px; }
.header-home .header-language-menu a { display: block; padding: 0 10px 0 44px; color: #707472; font-size: 12px; font-weight: bold; text-transform: uppercase; text-align: left; text-decoration: none; transition: all .2s ease-out; }
.header-home .header-language-menu .active a,
.header-home .header-language-menu a:hover { background: #ddd; color: #333; }

.header-home .header-language:hover .header-language-selected { background: rgb(13, 60, 96); }
.header-home .header-language:hover .header-language-menu { visibility: visible; opacity: 1; -ms-transform: translateY(0); transform: translateY(0); }

/*  Header Home Secondary  */

.header-home-secondary .header-language-selected { background: #003c51; }
.header-home-secondary .header-language:hover .header-language-selected { background: rgb(0, 54, 73); }

/*  Header Home tertiary  */

.header-home-tertiary .header-language-selected { background: #375511; }
.header-home-tertiary .header-language:hover .header-language-selected { background: rgb(50, 77, 15); }

/* Mobile */

@media (max-width: 767px) {
    .header-home .container { padding-bottom: 10px; }

    .header-home .header-logo span { margin-top: 6px; font-size: 13px; }

    .header-home .header-language { right: 50%; -ms-transform: translateX(50%); transform: translateX(50%); }
    .header-home .header-language-selected { padding: 5px 20px; }
    .header-home .header-language-selected .fa { font-size: 14px; margin: -4px 0 0 5px; }
    .header-home .header-language-menu a { padding: 0 20px;  }
}

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

.main { display: table; width: 100%; margin-bottom: 30px; background: #fff; border: 1px solid #e2e3e3; }

/* Tablet Portrait */

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

/* Mobile */

@media (max-width: 767px) {
    .main { margin-bottom: 10px; }
}

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

.shell { max-width: 1200px; margin: auto; }

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

.sidebar { float: none; display: table-cell; vertical-align: top; padding: 0; background: #fbfbfb; border-left: 1px solid #e2e3e3; }

.sidebar .sidebar-title { padding: 17px 20px; margin: 0 -1px; background: #000; color: #fff; font-weight: bold; }

/* Tablet Portrait */

@media (max-width: 959px) {
    .sidebar { display: block; }
}

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

.wrapper { background: #f1f1f1; }

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

.wrapper-home { background: #004f8d url(../css/images/home-bg.jpg) no-repeat center top; }
.wrapper-home-secondary { background: #006081 url(../css/images/home-bg-secondary.jpg) no-repeat center top; }
.wrapper-home-tertiary { background: #4d771a url(../css/images/home-bg-tertiary.jpg) no-repeat center top; }

/* ------------------------------------------------------------ *\
    Accordion
\* ------------------------------------------------------------ */

.accordion .panel { border: 0; box-shadow: none; border-radius: 0; }

.accordion .panel + .panel { margin: 20px 0 0; }

.accordion .panel-heading { padding: 0; }

.accordion .panel .panel-title { background: #333; font-size: 20px; font-family: 'Gotham', sans-serif; }
.accordion .panel .panel-title a { position: relative; display: block; padding: 10px 40px 10px 30px; color: #fff; text-decoration: none; transition: all .2s ease-out; }
.accordion .panel .panel-title a:after { content: '\f078'; position: absolute; right: 20px; top: 50%; margin-top: -8px; line-height: 1; font-family: 'FontAwesome'; font-size: 16px; transition: all .2s ease-out; }
.accordion .panel .panel-title a:hover { color: rgba(255,255,255,1); }

.accordion .panel .panel-title .collapsed { color: rgba(255,255,255,.5); }
.accordion .panel .panel-title .collapsed:after { -ms-transform: rotate(-180deg); transform: rotate(-180deg); }

.accordion .panel-heading + .panel-collapse > .panel-body { box-shadow: none; border: 0; }

.accordion .panel .panel-body { padding: 18px 30px 0; }
.accordion .panel .panel-body ul { margin: 0; list-style: none outside none; color: #000; }
.accordion .panel .panel-body ul li { margin: 0; padding-left: 0; }
.accordion .panel .panel-body ul li + li { margin-top: 16px; border-top: 1px solid #d9d9d9; }
.accordion .panel .panel-body ul li:before { content: none; }
.accordion .panel .panel-body ul h4 { margin-bottom: 0; }

/* Mobile */

@media (max-width: 767px) {
    .accordion .panel + .panel { margin-top: 10px; }
    .accordion .panel-title { font-size: 16px; }
}

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

.article { padding: 26px 28px 40px; }

.article .article-title { margin-bottom: .6em; font-weight: bold; }

.article .article-image { margin-bottom: 2em; position: relative; }
.article .article-image img { width: 100%; }
.article .article-image-caption { position: absolute; left: 0; bottom: 0; width: 100%; padding: 13px 20px; background: rgba(0,0,0,.6); font-size: 14px; font-weight: 600; color: #fff; }

.article .article-entry { font-size: 14px; letter-spacing: .02em; }

.article .article-entry p { margin-bottom: 2em; }
.article .article-entry p:last-child { margin-bottom: 0; }

.article .article-entry .alignleft { margin: 8px 24px 5px 0; }

.article .article-entry > h4 { font-size: 17px; font-weight: bold; }

.article .article-entry > ul { margin: 0 0 2em; list-style: none outside none; color: #626262; }
.article .article-entry > ul > li { position: relative; padding-left: 20px; margin-bottom: .6em; }
.article .article-entry > ul > li:before { content: ''; position: absolute; left: 0; top: 9px; width: 5px; height: 5px; border-radius: 50px; background: #626262; }

.article .article-entry blockquote { padding: 17px 23px; margin-bottom: 2em; border: 0; background: #f1f1f1; font-family: 'Gotham', sans-serif; font-size: 14px; font-weight: 500; line-height: 1.6; letter-spacing: .1em; }

.article .article-entry .article-quote { position: relative; padding: 30px 55px; background: #fff url(../css/images/bg-diagonal-stripe.png) repeat 0 0; color: #868686; font-weight: normal; }
.article .article-entry .article-quote:before { content: '\00AB'; position: absolute; left: 30px; top: 26px; font-size: 28px; font-weight: bold; line-height: 1; }
.article .article-entry .article-quote:after { content: '\00BB'; position: absolute; right: 30px; bottom: 26px; font-size: 28px; font-weight: bold; line-height: 1; }

.article .article-entry .article-quote h4 { text-transform: uppercase; font-size: 17px; font-weight: bold; text-transform: uppercase; }
.article .article-entry .article-quote p { font-style: italic; font-size: 14px; letter-spacing: 0; }

.article .article-case { padding: 36px 30px 40px; background: #f2f8eb; }
.article .article-case h4 { text-transform: uppercase; }

/* Mobile */

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

    .article .article-title { font-size: 22px; }
    .article .article-entry .alignleft { float: none; }

    .article .article-entry .article-quote { padding: 25px 15px; }
    .article .article-entry .article-quote:before { left: 10px; top: 0; }
    .article .article-entry .article-quote:after { right: 10px; bottom: 0; }
    .article .article-case { padding: 15px; }
}

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

.article-single { padding: 0; margin-bottom: 100px; background: #fff; border: 1px solid #e2e3e3; }

.article-single .article-head { margin: -1px -1px 0; }
.article-single .article-title { margin: 0; padding: 52px 20px; line-height: 1.1; }

.article-single .article-body { padding-bottom: 12px; }

.article-single .article-meta { padding: 0 0 0 23px; }
.article-single .article-meta > ul { list-style: none outside none; }
.article-single .article-meta > ul > li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e2e2e3; }
.article-single .article-meta > ul > li:last-child { border-bottom: 0; }

.article-single .article-meta h4 { margin: 0; }
.article-single .article-meta p { margin: 5px 0; font-size: 12px; color: #888; }

.article-single .article-socials { padding: 10px 0; }
.article-single .article-socials ul { list-style: none outside none; overflow: hidden; }
.article-single .article-socials li { float: left; margin-right: 20px; }
.article-single .article-socials a { display: block; width: 38px; height: 38px; line-height: 38px; border-radius: 50%; background: #7fbb3e; color: #fff; font-size: 20px; text-align: center; transition: all .2s ease-out; }
.article-single .article-socials a:hover { background: #62952b; }

.article-single .article-content { padding: 0 30px; }

.article-single .article-entry > h1 { font-size: 28px; }
.article-single .article-entry > h2 { font-size: 17px; }
.article-single .article-entry > p a { color: #00b3ee; }

.article-single .article-actions { margin-bottom: 5.7em; }
.article-single .article-actions .btn { padding: 11px 21px 10px; margin-right: 25px; }
.article-single .article-actions .btn i { margin-right: 11px; }

.article-single .article-video { margin-bottom: 23px; }
.article-single .article-video-title { margin-bottom: 45px; line-height: 1.1; }
.article-single .article-video iframe { width: 100%; }

.article-single .article-video-alt .article-video-holder { margin: 0 -20px; }

.article-single .article-video-listing iframe { vertical-align: top; width: 100%; }
.article-single .article-video-listing h2 { margin: 0; }
.article-single .article-video-listing h4 { margin-bottom: 30px; }
.article-single .article-video-listing p:nth-child(n) { margin: 16px 0 36px; line-height: 1.3; }

.article-single .article-foot { padding: 0 20px; }

/* Tablet Portrait */

@media (max-width: 959px) {
    .article-single .article-meta,
    .article-single .article-content { padding: 0 10px; }
}

/* Mobile */

@media (max-width: 767px) {
    .article-single h1 { font-size: 22px; }
    .article-single h2 { font-size: 22px; }

    .article-single .article-title { padding: 25px 10px; }
    .article-single .article-entry > h1 { font-size: 22px; }
    .article-single .article-actions { margin-bottom: 2em; }
    .article-single .article-actions .btn { margin: 0 10px 10px 0; }
    .article-single .article-video-listing p:nth-child(n) { margin: 10px 0 20px; }
}

/* ------------------------------------------------------------ *\
    Bar
\* ------------------------------------------------------------ */

.bar { position: relative; background: #333; color: #fff; }

.bar .bar-entry { padding: 15px 0; font-family: 'Arvo', serif; font-size: 13px; font-style: italic; line-height: 1.6; }
.bar .bar-aside { text-align: right; font-size: 0; }

.bar [class^=col-] { position: static; }

/* ------------------------------------------------------------ *\
    Breadcrumbs
\* ------------------------------------------------------------ */

.breadcrumbs { padding: 36px 0; }

.breadcrumbs ul { list-style: none outside none; font-family: 'Gotham', sans-serif; font-size: 11px; font-weight: bold; line-height: 1; letter-spacing: .1em; }
.breadcrumbs li { display: inline-block; vertical-align: middle; text-transform: uppercase; color: #888; }
.breadcrumbs li:nth-child(n+2) + li:before { content: '- '; }
.breadcrumbs a { text-decoration: underline; color: #888; transition: all .2s ease-out; }

.breadcrumbs a:hover,
.breadcrumbs .current a { color: #333; text-decoration: none; }

.breadcrumbs .current:before { color: #333; }

.breadcrumbs .fa { margin-right: 2px; font-size: 20px; }

/* Mobile */

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

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

.btn { display: inline-block; vertical-align: middle; padding: 17px 45px 16px; border-radius: 0; border: 0; text-decoration: none; letter-spacing: .1em; text-transform: uppercase; color: #fff; font-size: 12px; font-family: 'Gotham', sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; transition: all .2s ease-out; }


/*  Button Block  */
.btn-block { display: block; padding-left: 0; padding-right: 0; text-align: center; }

/*  Button Default  */
.btn-default { background: #00b1ee; }

.btn-default:hover,
.btn-default:active,
.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:focus { background: rgb(0, 159, 214); color: #fff; }

/*  Button Success  */
.btn-success { background: #74b92e; font-weight: bold; }

.btn-success:hover,
.btn-success:active,
.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:focus { background: rgb(104, 167, 41); color: #fff; }

/*  Button Danger  */
.btn-danger { background: #d40019; font-weight: bold; }

.btn-danger:hover,
.btn-danger:active,
.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger:focus { background: rgb(191, 0, 23); color: #fff; }

/*  Button Outline  */
.btn-outline { padding: 12px 30px; font-weight: bold; font-size: 12px; border: 1px solid #fff; }

.btn-outline:hover,
.btn-outline:active,
.btn-outline:active:hover,
.btn-outline:active:focus,
.btn-outline:focus { background: #fff; color: #333; }

/* ------------------------------------------------------------ *\
    Case Study
\* ------------------------------------------------------------ */

.case-study { padding: 40px 30px 30px; margin-bottom: 20px; background: #74b92e; background-repeat: no-repeat; background-size: cover; background-position: center center; color: #fff; font-family: 'Gotham', sans-serif; }

.case-study .case-study-title { font-size: 17px; font-weight: 500; text-transform: uppercase; line-height: 1.4; }
.case-study .case-study-title:after { content: ''; display: block; margin: 15px 0; width: 26px; height: 2px; background: #fff; }

.case-study .case-study-entry { margin-bottom: 34px; font-size: 15px; font-weight: 500; line-height: 1.7; }

/*  Case Study Alt  */

.case-study-alt .case-study-title:after { opacity: .3; }
.case-study-alt .case-study-entry { margin-bottom: 10px; line-height: 1.55; }
.case-study-alt .case-study-inner { min-height: 177px; }

/* Mobile */

@media (max-width: 767px) {
    .case-study { margin-bottom: 10px; }
}

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

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

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

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

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

.field {}
.textarea {}
.select {}
.radio {}
.checkbox {}

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

.form {}

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

.intro { position: relative; z-index: 10; padding: 40px 0 25px; background: url(../css/images/pattern-line-blue.png) repeat 0 0; font-weight: 600; }

.intro .intro-head { margin-bottom: 39px; font-size: 15px; }

.intro .intro-body { padding-bottom: 205px; }

.intro .intro-content { padding: 0 20px; }
.intro .intro-content p { font-size: 15px; }
.intro .intro-content a { color: #ffc100; text-decoration: underline; }
.intro .intro-content a:hover { text-decoration: none; }

.intro .intro-callouts { padding: 37px 0; }

.intro .intro-callout { text-align: center; padding: 0 27px 0 14px; }
.intro .intro-callout-alt { padding-left: 3px; padding-right: 38px; }
.intro .intro-callout-image { margin-bottom: 20px; }
.intro .intro-callout-image a { display: block; transition: all .2s ease-out; }
.intro .intro-callout-image a:hover { opacity: .8; }
.intro .intro-callout-title { margin-bottom: 19px; font-family: 'Gotham', sans-serif; font-weight: bold; line-height: 1.4; }

.intro .intro-callout-btn { display: block; padding: 10px 10px; border: 2px solid #fff; background: #00afec; font-weight: 900; font-size: 14px; text-decoration: none; text-transform: uppercase; text-align: center; line-height: 1.6; letter-spacing: 0.1em; transition: all .2s ease-out; }
.intro .intro-callout-btn:hover { background: rgb(0, 158, 212); }

.intro .intro-callout-btn-green { background: #7bb736; }
.intro .intro-callout-btn-green:hover { background: rgb(111, 165, 49); }

/*  Intro Secondary  */

.intro-secondary { padding-top: 0; background: url(../css/images/pattern-line-lightblue.png) repeat 0 0; }
.intro-secondary .intro-inner { padding: 112px 0 0; }
.intro-secondary .intro-body { position: relative; z-index: 10; min-height: 440px; padding-bottom: 140px; }

.intro-secondary .intro-callout { padding: 20px 0; }
.intro-secondary .intro-callout-image { margin-bottom: 9px; }
.intro-secondary .intro-callout-title { margin-bottom: 16px; }
.intro-secondary .intro-callout-btn { display: inline-block; vertical-align: top; padding: 11px 25px 10px; background: none; letter-spacing: .1em; min-width: 67px; min-height: 47px; position: relative;  }
.intro-secondary .intro-callout-btn:hover .state-dafault i {
    opacity: 0;
    -ms-transform: translate(300%, -50%);
        transform: translate(300%, -50%);
  }
 .intro-secondary .intro-callout-btn .state-dafault { z-index: 1;}
.intro-secondary .intro-callout-btn .state-dafault i { position: absolute; top: 50%; left: 50%; opacity: 1;
 -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
transition: all .2s;

}

.intro-secondary .intro-callout-btn:hover .state-hover i {
    animation: animationFrames linear .4s;
    animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    -webkit-animation: animationFrames linear .4s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: animationFrames linear .4s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: animationFrames linear .4s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: animationFrames linear .4s;
    -ms-animation-iteration-count: 1;
  }

.intro-secondary .intro-callout-btn .state-hover { z-index: 1; }
.intro-secondary .intro-callout-btn .state-hover i {position: absolute; top: 50%; left: 50%; margin-left: -7px; margin-top: -8px; }

.intro-secondary .intro-callout-btn span { width: 50px; height: 45px; overflow: hidden; position: absolute; top: 50%; left: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    transition: all .4s;
}

/*  Intro Tertiary  */

.intro-tertiary { padding-top: 0; background: url(../css/images/pattern-line-green.png) repeat 0 0; }
.intro-tertiary .intro-inner { padding: 112px 0 0; }
.intro-tertiary .intro-body { position: relative; z-index: 10; min-height: 440px; padding-bottom: 140px; }

.intro-tertiary .intro-callout { padding: 20px 0; }
.intro-tertiary .intro-callout-image { margin-bottom: 9px; }
.intro-tertiary .intro-callout-title { margin-bottom: 16px; }
.intro-tertiary .intro-callout-btn { display: inline-block; vertical-align: top; padding: 11px 25px 10px; background: none; letter-spacing: .1em; }
.intro-tertiary .intro-callout-btn:hover { background: #7ab234; }


.intro-tertiary .intro-callout-btn { display: inline-block; vertical-align: top; padding: 11px 25px 10px; background: none; letter-spacing: .1em; min-width: 67px; min-height: 47px; position: relative;  }
.intro-tertiary .intro-callout-btn:hover .state-dafault i {
    opacity: 0;
    -ms-transform: translate(300%, -50%);
        transform: translate(300%, -50%);
  }
.intro-tertiary .intro-callout-btn .state-dafault { z-index: 1;}
.intro-tertiary .intro-callout-btn .state-dafault i { position: absolute; top: 50%; left: 50%; opacity: 1;
 -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
transition: all .2s;

}

.intro-tertiary .intro-callout-btn:hover .state-hover i {
    animation: animationFrames linear .4s;
    animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    -webkit-animation: animationFrames linear .4s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: animationFrames linear .4s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: animationFrames linear .4s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: animationFrames linear .4s;
    -ms-animation-iteration-count: 1;
  }

.intro-tertiary .intro-callout-btn .state-hover { z-index: 1; }
.intro-tertiary .intro-callout-btn .state-hover i {position: absolute; top: 50%; left: 50%; margin-left: -7px; margin-top: -8px; }

.intro-tertiary .intro-callout-btn span { width: 50px; height: 45px; overflow: hidden; position: absolute; top: 50%; left: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    transition: all .4s;
}

/* Tablet Portrait */

@media (max-width: 959px) {
    .intro .intro-body { padding-bottom: 0; }

    .intro .intro-callout  { padding-left: 10px; padding-right: 10px; }
}

/* Mobile */

@media (max-width: 767px) {
    .intro .intro-inner { padding: 0; }
    .intro .intro-head { margin-bottom: 0; font-size: 14px; }
    .intro .intro-content { padding: 0; }
    .intro .intro-content p { font-size: 14px; }

    .intro .intro-callouts { padding-bottom: 0; }
    .intro .intro-callout { margin-bottom: 30px; }
}

/* ------------------------------------------------------------ *\
    Language
\* ------------------------------------------------------------ */

.language { position: relative; display: inline-block; vertical-align: top; border-width: 0 1px; border-style: solid; border-color: #515151; }

.language .language-selected { display: block; min-width: 150px; height: 50px; line-height: 50px; padding: 0 20px; font-size: 12px; font-weight: bold; color: #cacaca; text-decoration: none; text-align: center; transition: all .2s ease-out; }
.language .language-selected i { display: inline-block; vertical-align: middle; font-size: 24px; margin-right: 12px; }
.language .language-selected span { display: inline-block; vertical-align: middle; text-transform: uppercase; }

.language .language-menu { position: absolute; z-index: 1000; left: 0; top: 100%; min-width: 100%; background: #fbfbfb; list-style: none outside none; visibility: hidden; opacity: 0; -ms-transform: translateY(10px); transform: translateY(10px); transition: all .2s ease-out; }
/*.language .language-menu li { line-height: 44px; }*/
.language .language-menu a { display: block; padding: 0 10px 0 44px; color: #707472; font-size: 12px; font-weight: bold; text-transform: uppercase; text-align: left; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .2s ease-out; }
.language .language-menu .active a,
.language .language-menu a:hover { background: #ddd; color: #333; }

.language:hover .language-selected { background: #fbfbfb; color: #333; }
.language:hover .language-menu { visibility: visible; opacity: 1; -ms-transform: translateY(0); transform: translateY(0); }

/*  Language Large  */

.language-large { position: static; }

.language-large .language-menu { width: 100%; padding: 10px 0; }
.language-large .language-menu ul { margin: 0 12px; }
.language-large .language-menu a { padding: 0 24px; line-height:44px; }

.language-large .language-menu [class^=col-] { position: relative; }
.language-large .language-menu [class^=col-]:before { content: ''; position: absolute; top: 10px; bottom: 10px; right: 0; width: 1px; background: #ccc; }
.language-large .language-menu [class^=col-]:last-child:before { content: none; }

/* Tablet Portrait */

@media (max-width: 959px) {
    .language .language-menu { left: auto; right: 0; }
    .language .language-menu a { padding: 0 20px; }
}

/* Mobile */

@media (max-width: 767px) {
    .language .language-selected { min-width: 0; height: 34px; line-height: 34px; padding: 0 10px; }
    .language .language-selected i { margin: 0 5px 0 0; font-size: 16px; }
}

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

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

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

.list-signs { margin-bottom: 32px; list-style: none outside none; }

.list-signs li { margin-bottom: 18px; }
.list-signs li:last-child { margin-bottom: 0; }

.list-signs div,
.list-signs span { display: inline-block; vertical-align: middle; }

.list-signs div { width: 50px; margin-right: 12px; }
.list-signs span { font-size: 15px; }

/* Mobile */

@media (max-width: 767px) {
    .list-signs div { width: 40px; }
}

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

.list-legend { list-style: none outside none; text-align: justify; font-size: 1px; line-height: 1; }
.list-legend:after { content: ''; display: inline-block; vertical-align: top; width: 100%; }

.list-legend li { display: inline-block; vertical-align: top; font-family: 'Gotham', sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; color: #333; white-space: nowrap; }
.list-legend .list-legend-color { display: inline-block; vertical-align: middle; width: 22px; height: 22px; margin-right: 10px; border-radius: 50%; background: #333; }
.list-legend .list-legend-text { display: inline-block; vertical-align: middle; }

/* Tablet Portrait */

@media (max-width: 959px) {
    .list-legend li { display: block; margin-top: 10px; white-space: normal; text-align: left; overflow: hidden; }
    .list-legend .list-legend-color { float: left; }
    .list-legend .list-legend-text { display: block; overflow: hidden; padding: 5px 0; }
}

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

.logo {}

/* ------------------------------------------------------------ *\
    Map
\* ------------------------------------------------------------ */

.map { height: 675px; background: #f8f8f8; border: 1px solid #e2e3e3; }

/* Tablet Portrait */

@media (max-width: 959px) {
    .map { height: 500px; margin-bottom: 20px; }
}

/* Mobile */

@media (max-width: 767px) {
    .map { height: 360px; margin-bottom: 10px; }
}

/* ------------------------------------------------------------ *\
    Modal
\* ------------------------------------------------------------ */

.modal { color: #000; }

.modal .modal-dialog { position: relative; width: 780px; max-width: calc(100% - 20px); min-height: calc(100% - 60px); }
.modal .modal-content { position: absolute; left: 0; top: 0; top: 50%; padding: 95px 120px 64px; border-radius: 0; box-shadow: none; -ms-transform: translateY(-50%); transform: translateY(-50%); }

.modal .modal-close { position: absolute; right: 26px; top: 26px; font-size: 30px; line-height: 1; color: #ffc425; }
.modal .modal-title { margin-bottom: 15px; font-family: 'Gotham', sans-serif; font-weight: bold; }

.modal .modal-entry { margin-bottom: 35px; font-size: 14px; }
.modal .modal-entry p { margin-bottom: 3.2em; }
.modal .modal-entry p:last-child { margin-bottom: 0; }
.modal .modal-entry a { color: #00b1ee; }

/* Mobile */

@media (max-width: 767px) {
    .modal .modal-content { position: static; padding: 35px 10px; -ms-transform: translateY(0); transform: translateY(0); }
    .modal .modal-close { right: 7px; top: 3px; }
}

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

.nav { background: #fff; font-family: 'Gotham', sans-serif; font-weight: bold; text-align: center; }

.nav ul { display: inline-block; vertical-align: top; }
.nav li { position: relative; float: left; }
.nav li + li:before { content: ''; position: absolute; left: -2px; top: 50%; height: 14px; width: 2px; margin-top: -7px; background: #dcdcdc; transition: all .2s ease-out; }
.nav a { position: relative; z-index: 10; display: block; height: 55px; line-height: 55px; padding: 0 25px; border-bottom: 2px solid transparent; color: #000; text-decoration: none; text-transform: uppercase; font-size: 14px; letter-spacing: .04em; transition: all .2s ease-out; }

.nav .current > a,
.nav li:hover > a { background: #7fbb3e; border-color: #558314; color: #fff; }

.nav li:hover:before { visibility: hidden; opacity: 0; }

.nav ul ul { position: absolute; z-index: 1000; left: 0; top: 100%; background: #fff; visibility: hidden; opacity: 0; -ms-transform: translateY(10px); transform: translateY(10px); text-align: left; transition: all .2s ease-out; }
.nav ul ul li { float: none; }
.nav ul ul li + li:before { content: none; }
.nav ul ul a { border-bottom: 0;  font-size: 12px; color: #707472;  height: auto; line-height: 1; padding: 0 25px 0 25px; height: 44px; line-height: 44px; white-space: nowrap; }
.nav ul ul a:hover { color: #231f20; background: #ddd; }

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

.nav  ul  li:nth-child(2) ~ li ul { right: 0; left: auto; }

/*  Nav Alt  */

.nav-alt { border-width: 1px 0; border-style: solid; border-color: #e0e0e0; }
.nav-alt ul { display: table; margin-top: -1px; }
.nav-alt li { float: none; display: table-cell; padding: 0 10px; }
.nav-alt a { margin: 0 -10px; font-size: 13px; }

.nav-alt ul ul { display: block; margin: 0; }
.nav-alt ul ul li { display: block; width: auto; }

/* Tablet Portrait */

@media (max-width: 959px) {
    .nav { text-align: left; overflow: hidden; }
    .nav .container { padding: 0; }

    .nav ul { display: block; max-height: 0; visibility: hidden; opacity: 0; transition: all .2s ease-out; }
    .nav li { display: block; padding: 0; }
    .nav li + li:before { content: none; }
    .nav-visible ul { visibility: visible; opacity: 1; max-height: 1000px; }

    .nav li { float: none; }
    .nav li + li { content: none; }
    .nav a { padding: 0 15px; margin: 0; height: 44px; line-height: 44px; }

    .nav ul ul { position: static; margin: 0; max-height: 0; overflow: hidden; -ms-transform: none; transform: none; }
    .nav .nav-expanded > ul { max-height: 400px; visibility: visible; opacity: 1; }

    .nav .nav-btn .fa { font-size: 18px; }
}

/* Mobile */

@media (max-width: 767px) {
    .nav-alt { margin-bottom: 10px; }
}

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

.nav-secondary li { position: relative; margin-left: -1px; }

.nav-secondary a { position: relative; display: block; padding: 21px 0 21px 18px; min-height: 79px; border-left: 4px solid transparent; border-bottom: 1px solid #e2e2e3; text-decoration: none; font-family: 'Gotham', sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: .1em; color: #6f6f6f; white-space: nowrap; transition: all .2s ease-out; }
.nav-secondary a:after { content: ''; line-height: 0; display: table; clear: both; }

.nav-secondary li:hover,
.nav-secondary .current { border-color: #528003; }

.nav-secondary li:hover > a,
.nav-secondary .current > a { background: #7bb735; border-color: #528003; color: #fff; }

.nav-secondary .current > a:before { content: ''; position: absolute; right: 100%; top: 50%; margin: -9px 4px 0 0; border-width: 9px 9px 9px 0; border-style: solid; border-color: transparent #528003; }

.nav-secondary .nav-image,
.nav-secondary .nav-icon,
.nav-secondary .nav-text { display: inline-block; vertical-align: middle; }

.nav-secondary .nav-image { margin-right: 25px; }
.nav-secondary .nav-icon { width: 22px; margin-right: 10px; font-size: 20px; text-align: center; }
.nav-secondary .nav-text { max-width: calc(100% - 90px); white-space: normal; line-height: 1.35; }
.nav-secondary .nav-icon + .nav-text { max-width: calc(100% - 55px); }

.nav-secondary ul ul { max-height: 0; padding-left: 2px; overflow: hidden; transition: all .2s ease-out; }
.nav-secondary ul ul a { padding-left: 42px; text-transform: none; border-left: 0; font-weight: 500; }

.nav-secondary ul ul .current > a:before { content: none; }

.nav-secondary.nav-secondary ul ul .current > a,
.nav-secondary.nav-secondary ul ul li:hover > a { color: #000; background: #fff; border-color: #e2e2e3; }

/*  Nav Secondary Alt  */

.nav-secondary-alt .nav-number { float: left; margin-right: 12px; line-height: 1.5; }
.nav-secondary-alt .nav-text { display: block; max-width: none; overflow: hidden; line-height: 1.5; }

.nav-secondary-alt a { height: auto; min-height: 0; padding: 12px 18px; line-height: 1; }

.nav-secondary-alt li:hover > ul,
.nav-secondary-alt .current > ul { max-height: 500px; }

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

.nav-tabs { list-style: none outside none; background: #fbfbfb; margin: 0 0 20px; border: 1px solid #e2e3e3; }

.nav-tabs > li { position: relative; float: left; width: 33.333%; margin: -1px 0 0; border-radius: 0; text-align: center; }
.nav-tabs > li + li { border-left: 1px solid #e2e3e3; }

.nav-tabs > li > a { display: block; height: 80px; line-height: 80px; margin: 0; padding: 0 10px; border-radius: 0; border: 0; border-bottom: 3px solid transparent; transition: all .2s ease-out; white-space: nowrap; text-decoration: none; font-family: 'Gotham', sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: .1em; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li > a:hover { background: #7fbb3e; border: 0; border-bottom: 3px solid #558314; color: #fff; }

.nav-tabs > li.active > a:after { content: ''; position: absolute; z-index: 10; left: 50%; top: 100%; margin-left: -9px; border-width: 9px 9px 0; border-style: solid; border-color: #558314 transparent; }

.nav-tabs > li > a img,
.nav-tabs > li > a span { display: inline-block; vertical-align: middle; line-height: 1.35; text-align: left; white-space: normal; }
.nav-tabs > li > a span { max-width: calc(100% - 80px); }

.nav-tabs > li > a img { margin-right: 15px; }

/* Mobile */

@media (max-width: 767px) {
    .nav-tabs > li { float: none; width: auto; text-align: left; }
    .nav-tabs > li + li { border: 0; border-top: 1px solid #e2e3e3; }
    .nav-tabs > li.active > a:after { margin-top: -1px; }
}

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

.search { position: relative; float: right; width: 302px; margin-top: -14px; }

.search .search-field { width: 100%; height: 52px; padding: 0 40px 0 20px; background: #fbfbfb; border-radius: 0 0 5px 5px; border: 1px solid #e2e3e3; font-family: 'Gotham', sans-serif; font-size: 12px; text-transform: uppercase; font-weight: bold; letter-spacing: .04em; color: #333; }
.search .search-field::-webkit-input-placeholder { color: #aaa; }
.search .search-field:-ms-input-placeholder { color: #aaa; }
.search .search-field::placeholder { color: #aaa; }

.search .search-btn { position: absolute; right: 0; top: 0; height: 52px; padding: 0 18px; background: none; border: 0; font-size: 13px; color: #000; -webkit-appearance: none; }

/* Mobile */

@media (max-width: 767px) {
    .search { float: none; width: auto; margin-bottom: 10px; }

    .search .search-field { height: 36px; padding: 0 10px; }
    .search .search-btn { height: 36px; }
}

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

.section-discover { padding-bottom: 80px; }

/* Mobile */

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

/* ------------------------------------------------------------ *\
    Section Case Studies
\* ------------------------------------------------------------ */

.section-case-studies { padding-bottom: 80px;  }

.section-case-studies .section-head { margin-bottom: 45px; }
.section-case-studies .section-title { margin-bottom: .15em; line-height: 1; }

/* Mobile */

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

    .section-case-studies .section-head { margin-bottom: 20px; }
    .section-case-studies .section-title { font-size: 30px; }
}

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

.section-regulations { padding-bottom: 80px; }

.section-regulations .section-head { padding: 27px 30px 32px; background: #fff; border: 1px solid #e2e3e3; border-bottom: 0; }
.section-regulations .section-title { margin-bottom: .3em; }

.section-regulations .section-body { margin-bottom: 20px; }

.section-regulations .section-foot { padding: 18px 25px 25px; background: #fff; border: 1px solid #e2e3e3; }

/* Mobile */

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

    .section-regulations .section-head { padding: 15px; }
    .section-regulations .section-title { font-size: 20px; line-height: 1.2; }
    .section-regulations .section-subtitle { font-size: 14px; }
}

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

.slider {}

.slider .slides { list-style: none outside none; }

/* ------------------------------------------------------------ *\
    Slideshow
\* ------------------------------------------------------------ */

.slideshow { padding: 40px 0; margin-bottom: 1.6em; }

.slideshow .slideshow-head { margin-bottom: 21px; }

.slideshow .slideshow-images { list-style: none outside none; overflow: hidden; margin-bottom: -1px; }
.slideshow .slideshow-image { position: relative; }
.slideshow .slideshow-image img { vertical-align: top; width: 100%; }

.slideshow .slideshow-caption { position: absolute; left: 0; bottom: 0; width: 100%; padding: 20px 80px 20px 20px; color: #fff; background: rgba(0,0,0,.6); }
.slideshow .slideshow-caption h4 { margin-bottom: .4em; }
.slideshow .slideshow-caption p { margin: 0; line-height: 1.2; }
.slideshow .slideshow-close { position: absolute; right: 20px; top: 20px; color: #808080; font-size: 20px; line-height: 1; }

.slideshow .slideshow-thumbnails { position: relative; padding: 18px 49px; background: #333; }
.slideshow .slideshow-thumbnails .slick-arrow { position: absolute; top: 50%; color: #fff; font-size: 24px; -ms-transform: translateY(-50%); transform: translateY(-50%); }
.slideshow .slideshow-thumbnails .slick-prev { left: 20px; }
.slideshow .slideshow-thumbnails .slick-next { right: 20px; }

.slideshow .slideshow-thumbnail { padding: 0 11px; opacity: .7; transition: all .2s ease-out; }
.slideshow .slideshow-thumbnail img { vertical-align: top; width: 100%; border: 2px solid #fff; }
.slideshow .slideshow-thumbnail.slick-current { opacity: 1; }

/*  Slideshow Secondary  */

.slideshow-secondary .slideshow-images { margin: 0 -20px; }
.slideshow-secondary .slideshow-thumbnails { margin: 0 -20px; }

.slideshow-secondary .slideshow-thumbnails { padding: 22px 58px; }
.slideshow-secondary .slideshow-thumbnails .slick-arrow { font-size: 34px; }

/* Mobile */

@media (max-width: 767px) {
    .slideshow { padding: 20px 0; }
    .slideshow .slideshow-thumbnail { visibility: hidden; }
    .slideshow .slideshow-close { right: 5px; top: 5px; }
    .slideshow .slideshow-caption { padding: 10px; }
}

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

.socials { display: inline-block; vertical-align: top; }

.socials ul { list-style: none outside none; overflow: hidden; }
.socials li { float: left; }
.socials a { display: block; width: 50px; height: 50px; line-height: 50px; color: #cacaca; font-size: 24px; text-align: center; border-left: 1px solid #515151; transition: all .2s ease-out; }
.socials a:hover { color: #333; background: #fbfbfb; }

/* Mobile */

@media (max-width: 767px) {
    .socials a { width: 34px; height: 34px; line-height: 34px; font-size: 16px; }
}

/* ------------------------------------------------------------ *\
    Tab
\* ------------------------------------------------------------ */

.tab-aside { display: none; height: 675px; background: #fff; border: 1px solid #e2e3e3; overflow: hidden; overflow-y: auto; }
.tab-aside.active { display: block; }

.tab-aside .tab-aside-title { padding: 10px 23px; background: #333; color: #fff; overflow: hidden; font-size: 20px; }
.tab-aside .tab-aside-title i { margin-right: 7px; }
.tab-aside .tab-aside-title img { float: right; margin: 2px 9px 0 0; }

.tab-aside .tab-aside-content { padding: 0 20px; height: 430px; overflow-y: auto;}

.tab-aside .tab-aside-group { padding: 12px 0 21px; border-bottom: 1px solid #d9d9d9; }
.tab-aside .tab-aside-group:last-child { border-bottom: 0; }

.tab-aside .tab-aside-group h4 { margin-bottom: .5em; }
.tab-aside .tab-aside-group ul { list-style: none outside none; font-size: 12px; }
.tab-aside .tab-aside-group li { position: relative; padding-left: 17px; margin-bottom: 6px; line-height: 1.3; }
.tab-aside .tab-aside-group li:last-child { margin-bottom: 0; }
.tab-aside .tab-aside-group li:before { position: absolute; left: 0; top: 0; content: '-'; }

.tab-aside .tab-aside-actions { padding: 5px 20px; }
.tab-aside .tab-aside-actions .btn { width: 100%; padding: 11px 25px; margin-bottom: 20px; text-align: center; }
.tab-aside .tab-aside-actions .btn:last-child { margin-bottom: 0; }

/* Tablet Portrait */

@media (max-width: 959px) {
    .tab-aside { height: auto; padding-bottom: 20px; }
}

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

.table { margin-bottom: 100px; overflow-x: auto; }

.table .table-head { margin-bottom: 21px; }
.table .table-body { min-width: 540px; }

.table table,
.table th,
.table td { border: 0; }

.table table { border-bottom: 1px solid #e2e3e3; }

.table th { padding: 11px 18px; background: #333; font-size: 16px; font-weight: bold; font-family: 'Gotham', sans-serif; color: #fff; }
.table th + th { border-left: 1px solid #e2e3e3; }

.table td { vertical-align: top; padding: 20px 18px; border-width: 0 1px; border-style: solid; border-color: #e2e3e3; font-size: 12px; font-weight: 600; line-height: 1.5; }
.table tr:nth-child(even) td { background: #f8f8f8; }
.table td a { color: #00aeeb; }

/* Mobile */

@media (max-width: 767px) {
    .table { margin-bottom: 30px; }
}

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

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

/* ------------------------------------------------------------ *\
    Blue Theme
\* ------------------------------------------------------------ */

/*  Button  */
.blue-theme .btn-success { background: #00b1ee; font-weight: bold; }

.blue-theme .btn-success:hover,
.blue-theme .btn-success:active,
.blue-theme .btn-success:active:hover,
.blue-theme .btn-success:active:focus,
.blue-theme .btn-success:focus { background: rgb(0, 159, 214); color: #fff; }

/*  Header Logo  */

.blue-theme .header .header-logo span { color: #008fbf; }

/*  Nav  */

.blue-theme .nav .current > a,
.blue-theme .nav li:hover > a { background: #00b1ee; border-color: #008dbd; }

/*  Nav Secondary  */

.blue-theme .nav-secondary li:hover,
.blue-theme .nav-secondary .current { border-color: #008dbd; }

.blue-theme .nav-secondary li:hover > a,
.blue-theme .nav-secondary .current > a { border-color: #008dbd; background: #00b1ee; }

.blue-theme .nav-secondary .current a:before { border-color: transparent #008dbd; }

/*  Nav Tabs  */

.blue-theme .nav-tabs > li.active > a,
.blue-theme .nav-tabs > li.active > a:hover,
.blue-theme .nav-tabs > li.active > a:focus,
.blue-theme .nav-tabs > li > a:hover { background: #00b1ee; border: 0; border-bottom: 3px solid #008dbd; color: #fff; }

.blue-theme .nav-tabs > li.active > a:after { content: ''; position: absolute; z-index: 10; left: 50%; top: 100%; margin-left: -9px; border-width: 9px 9px 0; border-style: solid; border-color: #008dbd transparent; }

/*  Case Study  */

.blue-theme .case-study { background: #00b1ef; }

/*  Article */

.blue-theme .article .article-case { background: #ebf2f8; }

.blue-theme .article-single .article-socials a { background: #00b1ee; }
.blue-theme .article-single .article-socials a:hover { background: rgb(0, 142, 190); }