.ico-facebook-dark {
  background-image: url(images/sprite.png);
  background-position: 17.426545086119553% 100%;
  background-size: 1333.75% 993.9024390243903%;
  width: 80px;
  height: 82px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0; }

.ico-facebook {
  background-image: url(images/sprite.png);
  background-position: 25.937183383991897% 100%;
  background-size: 1333.75% 993.9024390243903%;
  width: 80px;
  height: 82px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0; }

.ico-instagram-dark {
  background-image: url(images/sprite.png);
  background-position: 34.51776649746193% 99.72789115646259%;
  background-size: 1301.219512195122% 1018.75%;
  width: 82px;
  height: 80px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0; }

.ico-instagram {
  background-image: url(images/sprite.png);
  background-position: 0% 100%;
  background-size: 1301.219512195122% 993.9024390243903%;
  width: 82px;
  height: 82px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0; }

.ico-mail-dark {
  background-image: url(images/sprite.png);
  background-position: 8.730964467005077% 100%;
  background-size: 1301.219512195122% 993.9024390243903%;
  width: 82px;
  height: 82px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0; }

.ico-twitter-dark {
  background-image: url(images/sprite.png);
  background-position: 43.248730964467% 99.72789115646259%;
  background-size: 1301.219512195122% 1018.75%;
  width: 82px;
  height: 80px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0; }

.ico-twitter {
  background-image: url(images/sprite.png);
  background-position: 51.97969543147208% 99.72789115646259%;
  background-size: 1301.219512195122% 1018.75%;
  width: 82px;
  height: 80px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0; }

.logo {
  background-image: url(images/sprite.png);
  background-position: 0% 0%;
  background-size: 100% 111.79698216735254%;
  width: 1067px;
  height: 729px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0; }

/* ------------------------------------------------------------ *	Reset
\* ------------------------------------------------------------ */
* {
  padding: 0;
  margin: 0;
  outline: 0;
  box-sizing: border-box; }

*:before,
*:after {
  box-sizing: border-box; }

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

html,
body {
  height: 100%; }

html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%; }

body {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: middle;
  display: block; }

strong {
  font-weight: bold; }

small {
  font-size: 80%; }

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

input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="submit"],
textarea,
button {
  -webkit-appearance: none; }

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

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

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

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

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

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

button {
  overflow: visible; }

textarea {
  overflow: auto;
  resize: none; }

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

th,
td {
  padding: 0; }

/* ------------------------------------------------------------ *\	
	Base
\* ------------------------------------------------------------ */
html {
  overflow-x: hidden; }

body {
  min-width: 320px;
  background: #fff;
  font-family: "Roboto", sans-serif, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #666; }

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

a:hover {
  color: inherit; }

a:focus {
  color: inherit;
  outline: 0; }

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

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: calc(1.63em/2);
  font-weight: normal; }

h1 {
  font-size: 26px;
  font-family: 'RobotoSlab', sans-serif; }

h2 {
  font-size: 20px;
  font-family: 'RobotoSlab', sans-serif; }

h5 {
  font-size: 16px; }

h6 {
  font-size: 14px; }

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

p {
  margin-bottom: 25px; }

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child {
  margin-bottom: 0; }

/* Media Query */
@media (max-width: 1023px) {
  h1 {
    font-size: 22px; } }

@media (max-width: 767px) {
  h1 {
    font-size: 26px;
    line-height: 1.2; } }

/* ------------------------------------------------------------ *	Shell
\* ------------------------------------------------------------ */
.shell {
  max-width: 1140px;
  margin: auto;
  padding: 0 30px; }

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

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

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

@font-face {
  font-family: 'Roboto';
  src: url("Roboto-Light.eot?#iefix") format("embedded-opentype"), url("Roboto-Light.woff") format("woff"), url("Roboto-Light.ttf") format("truetype"), url("Roboto-Light.svg#Roboto-Light") format("svg");
  font-weight: 300;
  font-style: normal; }

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

/* ------------------------------------------------------------ *	Wrapper
\* ------------------------------------------------------------ */
.wrapper {
  overflow: hidden; }

/* ------------------------------------------------------------ *	Header
\* ------------------------------------------------------------ */
.header .header__bar {
  padding: 30px 0 15px; }
  .header .header__bar img {
    margin-left: auto; }

.header .header__body {
  background: rgba(59, 117, 151, 0.1); }

.header .header__body__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 28px 4px; }

.header .header__nav {
  margin-top: 30px; }

/* Media Query */
@media (max-width: 1023px) {
  .header .header__bar {
    padding: 26px 0 11px; }
  .header .header__body__inner {
    padding: 19px 0; } }

@media (max-width: 767px) {
  .header .header__bar {
    display: none; }
  .header .header__body__inner {
    position: relative;
    padding: 8px 0;
    display: block;
    text-align: center; }
  .header .header__nav {
    margin-top: 0; } }

/* ------------------------------------------------------------ *	Footer
\* ------------------------------------------------------------ */
.footer {
  background: rgba(59, 117, 151, 0.1);
  margin-top: 91px;
  padding: 39px 0;
  font-size: 14px; }
  .footer p {
    margin-bottom: 0; }
  .footer a {
    font-weight: 700;
    -webkit-transition: color .4s;
    transition: color .4s; }
    .footer a:hover {
      color: #3b7597; }
  .footer ul {
    list-style: none; }
    .footer ul li {
      display: inline-block;
      position: relative; }
    .footer ul li + li {
      padding-left: 12px;
      margin-left: 5px; }
    .footer ul li + li:after {
      content: '/';
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
  .footer .footer__inner:after {
    content: '';
    display: table;
    clear: both;
    font-size: 0; }
  .footer .credits {
    float: right; }

/* Media Query */
@media (max-width: 1023px) {
  .footer {
    padding-bottom: 100px; } }

@media (max-width: 767px) {
  .footer {
    margin-top: 33px;
    padding: 35px 0 208px;
    text-align: center; }
    .footer ul {
      margin-bottom: 23px; }
      .footer ul li + li {
        padding-left: 6px;
        margin-left: 1px; }
      .footer ul li + li:after {
        content: '|'; }
    .footer__inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .footer .copyright {
      padding-bottom: 1px; }
    .footer .credits {
      float: none;
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; }
      .footer .credits a {
        display: inline-block; } }

/* ------------------------------------------------------------ *	Logo
\* ------------------------------------------------------------ */
.logo {
  width: 161px;
  height: 110px; }

/* Media Query */
@media (max-width: 767px) {
  .logo {
    width: 95px;
    height: 65px; } }

/* ------------------------------------------------------------ *	Nav
\* ------------------------------------------------------------ */
.nav {
  font-weight: 700;
  color: #3b7597; }
  .nav ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .nav span {
    display: none; }
  .nav a {
    -webkit-transition: color .4s;
    transition: color .4s; }
    .nav a:hover {
      color: #2b5f7d; }
  .nav li {
    position: relative;
    padding-bottom: 10px; }
  .nav li.active:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #3b7597; }
  .nav li + li {
    margin-left: 40px; }

/* Media Query */
@media (max-width: 767px) {
  .nav {
    position: absolute;
    top: 81px;
    left: 0;
    width: calc(100% + 60px);
    margin: 0 -30px;
    background: #ebf1f4;
    z-index: 100;
    font-weight: 500;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .4s;
    transition: max-height .4s; }
    .nav ul {
      display: block; }
    .nav span {
      display: inline-block; }
    .nav li {
      max-width: 207px;
      margin: auto;
      padding: 14px 0 12px; }
    .nav li.active {
      font-weight: 700; }
    .nav li.active:after {
      content: none; }
    .nav li + li {
      border-top: 1px solid #fff;
      margin: auto;
      padding-bottom: 11px; }
    .nav.active {
      max-height: 500px; } }

/* ------------------------------------------------------------ *	Main
\* ------------------------------------------------------------ */
.main__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 8px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

/* Media Query */
@media (max-width: 767px) {
  .main__inner {
    display: block;
    padding-top: 24px; } }

/* ------------------------------------------------------------ *	Sidebar
\* ------------------------------------------------------------ */
.sidebar {
  max-width: 340px;
  min-width: 340px;
  margin-left: 30px;
  padding: 22px 0 10px; }
  .sidebar .sidebar__social {
    margin-bottom: 24px; }

/* Media Query */
@media (max-width: 1023px) {
  .sidebar {
    max-width: 240px;
    min-width: 240px;
    margin-left: 30px; } }

@media (max-width: 767px) {
  .sidebar {
    max-width: 100%;
    min-width: 100%;
    margin-left: 0;
    padding: 31px 0 10px; } }

/* ------------------------------------------------------------ *	Article
\* ------------------------------------------------------------ */
.article {
  padding-top: 11px;
  -webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
  transition: opacity .5s ease, -webkit-transform .5s ease;
  transition: transform .5s ease, opacity .5s ease;
  transition: transform .5s ease, opacity .5s ease, -webkit-transform .5s ease;
  will-change: transform, opacity; }
  .article .channel-title {
    margin-bottom: 10px;
  }
  .article.scaleFade {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  .article img {
    max-width: 100%;
    margin-bottom: 15px; }
  .article a {
    text-decoration: none;
    color: #3b7597; }
  .article h1 {
    margin-bottom: 1px;
    color: #3b7597; }
  .article h5 {
    margin-bottom: 2px; }
  .article ul {
    list-style: none;
    margin: 0; }
  .article p {
    margin: 0 0 25px; }
  .article h5 + ul {
    padding-top: 25px; }
  .article ul + ul {
    padding-top: 26px; }
  .article h6 {
    color: #999999;
    padding-left: 4px; }
  .article a {
    -webkit-transition: opacity .4s;
    transition: opacity .4s; }
    .article a:hover {
      opacity: .6; }
  .article .article__meta {
    margin-bottom: 25px; }
    .article .article__meta a {
      -webkit-transition: opacity .4s;
      transition: opacity .4s; }
      .article .article__meta a:hover {
        opacity: .6; }
  .article .article__socials {
    padding-top: 30px; }
  .article .article__inner {
    padding-top: 33px; }
    .article .article__inner h2 {
      margin: 0;
      padding: 22px 0 10px;
      border-top: 1px solid #ebebeb; }
  .article .article__inner + .article__inner {
    padding-top: 20px; }
  .article--primary {
    border-bottom: 2px solid #ebebeb;
    padding-bottom: 23px; }
    .article--primary h1 {
      margin-bottom: 15px;
    }
  .article--secondary {
    padding-top: 11px;
    margin: 0 -3px; }
    .article--secondary p {
      margin: 0;
      padding: 0 19px 0 6px; }
    .article--secondary h2 {
      margin: 0;
      padding: 0 3px; }
    .article--secondary h1 {
      padding: 0 3px 0 5px;
      margin-bottom: 6px; }
    .article--secondary h5 {
      padding: 0 3px; }
    .article--secondary img {
      margin-bottom: 11px; }
    .article--secondary .article__credits {
      padding-top: 47px; }
      .article--secondary .article__credits a {
        padding: 0 3px; }
    .article--secondary .article__socials {
      padding-top: 20px; }
    .article--secondary p + p {
      margin-top: 26px; }
    .article--secondary p + h2 {
      padding-top: 20px; }
    .article--secondary h2 + p {
      padding-top: 14px; }
    .article--secondary .article__credits + h2 {
      padding-top: 20px; }
    .article--secondary h2 + h5 {
      padding-top: 13px; }
  .article--teritary {
    padding-top: 11px; }

/* Media Query */
@media (max-width: 767px) {
  .article h1 {
    margin-bottom: 7px; }
  .article h5 {
    margin: 0; }
  .article p {
    margin: 0 0 27px; }
  .article .article__head {
    padding-bottom: 13px; }
  .article .article__content {
    padding: 0 4px; }
  .article .article__inner {
    padding-top: 32px; }
    .article .article__inner h2 {
      padding: 24px 0 10px; }
  .article .article__image {
    padding-bottom: 16px; }
  .article .article__socials {
    padding-top: 26px; }
  .article .article__image {
    margin: 0 -30px; }
  .article--primary {
    padding-bottom: 22px; }
    .article--primary .article__image {
      padding-bottom: 14px; }
  .article .article__inner + .article__inner {
    padding-top: 24px; } }

/* ------------------------------------------------------------ *	Articles
\* ------------------------------------------------------------ */
.articles {
  list-style: none;
  margin: 0 -15px -22px;
  padding-top: 25px; }
  .articles:after {
    content: '';
    display: table;
    clear: both;
    font-size: 0; }
  .articles .article {
    width: 50%;
    padding: 0 15px 25px; }
    .articles .article h1 {
      margin-bottom: 8px;
      line-height: 1.2; }
    .articles .article h6 {
      padding-left: 1px; }
    .articles .article p {
      margin-bottom: 0; }
    .articles .article img {
      -webkit-transition: -webkit-transform .4s;
      transition: -webkit-transform .4s;
      transition: transform .4s;
      transition: transform .4s, -webkit-transform .4s;
      margin-bottom: 0; }
    .articles .article .article__head {
      padding-bottom: 15px; }
    .articles .article .article__meta {
      margin-bottom: 0; }
    .articles .article .article__inner {
      border-bottom: 1px solid #ebebeb;
      padding-bottom: 22px;
      padding-top: 0; }
    .articles .article .article__image {
      margin-bottom: 13px; }
      .article--primary .article__image a, .articles .article .article__image a {
        display: block;
        overflow: hidden;
        /*&:hover img { transform: scale(1.2); }*/ }
    .articles .article:nth-child(2n + 1) {
      float: left;
      clear: left; }
    .articles .article:nth-child(2n + 2) {
      float: right; }

/* Media Query */
@media (max-width: 767px) {
  .articles {
    margin: 0 0 -26px;
    padding-top: 29px; }
    .articles .article {
      width: 100%;
      padding: 0 0 26px; }
      .articles .article h1 {
        margin-right: -4px; }
      .articles .article h6 {
        letter-spacing: 0.01em; }
      .articles .article .article__image {
        margin: 0 -2px 20px; }
      .articles .article:nth-child(2n + 1), .articles .article:nth-child(2n + 2) {
        float: none; }
      .articles .article + .articles .article {
        padding-top: 30px; } }

/* ------------------------------------------------------------ *	Social
\* ------------------------------------------------------------ */
.social {
  background: #3b7597;
  color: #fff;
  line-height: 1.6;
  padding: 15px 22px 17px 22px; }
  .social h1 {
    margin: 0;
    padding-bottom: 3px; }
  .social p {
    margin-bottom: 14px; }
  .social a {
    display: block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: #fff;
    position: relative;
    -webkit-transition: background .4s;
    transition: background .4s; }
    .social a i {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      color: #3b7597;
      font-size: 27px;
      -webkit-transition: color .4s;
      transition: color .4s; }
    .social a:hover i {
      color: #00446f; }
  .social ul {
    list-style: none; }
  .social li {
    display: inline-block; }
  .social li + li {
    margin-left: 16px; }

@media (max-width: 1023px) {
  .social {
    padding: 10px 17px 20px 17px; }
    .social h1 {
      padding-bottom: 0; } }

@media (max-width: 767px) {
  .social {
    padding: 19px 65px 24px 33px;
    margin: 0 -30px;
    line-height: 1.56; }
    .social h1 {
      padding-bottom: 12px; } }

/* ------------------------------------------------------------ *	Socials
\* ------------------------------------------------------------ */
/* AddThis overwrite */
.at-style-responsive .at-share-btn {
  background: #918f8f !important;
  margin-right: 20px !important;
}
.socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .socials h5,
  .socials h2 {
    margin: 0;
    display: inline-block;
    padding-right: 29px;
    position: relative;
    top: 6px; }
  .socials a {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    background: #918f8f;
    border-radius: 50%;
    -webkit-transition: background .4s;
    transition: background .4s; }
    .socials a i {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      color: #fff;
      font-size: 25px;
      -webkit-transition: color .4s;
      transition: color .4s; }
    .socials a .fa-envelope-o {
      font-size: 19px; }
    .socials a:hover i {
      color: #ddd; }
  .socials h5 {
    padding-right: 9px; }
  .socials ul {
    display: inline-block; }
    .socials ul li {
      display: inline-block; }
    .socials ul li + li {
      margin-left: 16px; }
  .socials--primary {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .socials--primary h5 {
      padding-right: 14px;
      position: relative;
      top: 1px; }
    .socials--primary ul li + li {
      margin-left: 10px; }

/* Media Query */
@media (max-width: 479px) {
  .socials--primary {
    display: block; }
    .socials--primary h5 {
      padding-right: 0; } }

/* ------------------------------------------------------------ *	Outbrain
\* ------------------------------------------------------------ */

.outbrain::after {
  content: ' ';
  display: table;
  clear: both;
}

/* ------------------------------------------------------------ *	Trivia Form
\* ------------------------------------------------------------ */
.trivia-comment-form {
  background-color: #ecf1f5;
  padding: 15px;
}

.trivia-comment-form h3 {
  border-top: 1px solid #ccc;
  padding-top: 15px;
}

.trivia-comment-form input[type=text], .trivia-comment-form textarea {
  width: 100%;
  border: 1px solid #737373;
  padding: 2px;
}
.trivia-comment-form input[type=submit], .trivia-comment-form input[type=reset] {
  background: #918f8f;
  border-radius: 5px;
  border: 0;
  padding: 5px;
  cursor: pointer;
  color: #fff;
}
.trivia-comment-form .form-row {
  width: 100%;
}

.trivia-comment-form .form-row::after {
  display: table;
  content: " ";
  clear: both;
}

.trivia-comment-form .form-row .form-col-1 {
  width: 100%;
}

.trivia-comment-form .form-row .form-col-2 {
  width: 50%;
  float: left;
}

.trivia-comment-form .form-row .form-col-2:nth-child(2) {
  padding-left: 15px;
}

.trivia-comment-form .form-actions {
  text-align: center;
}

@media (max-width: 767px) {
  .trivia-comment-form .form-row .form-col-2 {
    width: 100%;
  }
  .trivia-comment-form .form-row .form-col-2:nth-child(2) {
    padding-left: 0px;
  }
}

/* ------------------------------------------------------------ *	Embedded search form
\* ------------------------------------------------------------ */

.embedded-search input[type=text] {
  border: 1px solid #737373;
  padding: 2px;
}
.embedded-search input[type=submit] {
  background: #918f8f;
  border-radius: 20%;
  border: 0;
  padding: 5px;
  cursor: pointer;
  color: #fff;
}

/* ------------------------------------------------------------ *	Widges
\* ------------------------------------------------------------ */
.widgets {
  list-style: none; }

/* Media Query */
@media (max-width: 767px) {
  .widgets {
    padding-top: 7px; } }

/* ------------------------------------------------------------ *	Widget
\* ------------------------------------------------------------ */
.widget h2 {
  margin: 0; }

.widget p {
  padding-right: 25px; }

.widget ul {
  list-style: none;
  padding-top: 10px; }
  .widget ul li + li {
    padding-top: 14px; }

.widget a {
  color: #3b7597;
  -webkit-transition: opacity .4s;
  transition: opacity .4s; }
  .widget a:hover {
    opacity: .6; }

.widget .widget__image {
  margin-bottom: 11px; }
  .widget .widget__image a {
  	display: block;
  }

.widget .widget__features {
  padding: 24px 0 20px; }
  .widget .widget__features li + li {
    padding-top: 0; }

.widget--primary {
  padding: 28px 0 21px !important; }
  .widget--primary .widget__image {
    margin-bottom: 24px; }
  .widget--primary .widget__content ul li {
    line-height: 20px;
  }

.widget h2 + p {
  padding-top: 7px; }

.widget h2 + img {
  margin-top: 9px;
  margin-bottom: -3px; }

.widget + .widget {
  margin-top: 17px;
  padding-top: 32px;
  border-top: 1px solid #ebebeb; }

/* Media Query */
@media (max-width: 767px) {
  .widget .widget__image {
    margin-bottom: 12px; }
  .widget .widget__features {
    padding: 11px 0 2px; }
    .widget .widget__features li + li {
      padding-top: 0; }
  .widget--primary {
    padding: 21px 0 18px !important; }
    .widget--primary .widget__image {
      display: none; }
  .widget + .widget {
    margin-top: 24px;
    padding-top: 22px; }
  .widget-twitter iframe {
    height: 400px !important;
  }
}

/* ------------------------------------------------------------ *	Ico
\* ------------------------------------------------------------ */
.ico-facebook-dark {
  width: 40px;
  height: 41px; }

.ico-instagram-dark {
  width: 41px;
  height: 40px; }

.ico-twitter-dark {
  width: 41px;
  height: 40px; }

.ico-mail-dark {
  width: 41px;
  height: 41px; }

.ico-twitter {
  width: 41px;
  height: 40px; }

.ico-facebook {
  width: 40px;
  height: 41px; }

.ico-instagram {
  width: 41px;
  height: 41px; }

/* ------------------------------------------------------------ *	Link
\* ------------------------------------------------------------ */
.link {
  color: #3b7597;
  position: relative;
  display: inline-block;
  -webkit-transition: opacity .4s;
  transition: opacity .4s; }
  .link:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #3b7597;
    -webkit-transition: width .4s;
    transition: width .4s; }
  .link:hover:after {
    width: 100%; }
  .link i {
    padding-right: 6px; }

/* ------------------------------------------------------------ *	List Features
\* ------------------------------------------------------------ */
.list-features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0 -2px -4px; }
  .list-features li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 0 2px 4px; }
  .list-features img {
    display: block;
    width: 100%; }

/* ------------------------------------------------------------ *	Load
\* ------------------------------------------------------------ */
.load {
  padding-top: 37px;
  clear: both; }
  .load p {
    color: #3b7597;
    text-align: center; }

.pagination-mobile {
  display: none;
}

/* Media Query */
@media (max-width: 767px) {
  .load {
    display: none; }
  .pagination-mobile {
    display: block;
    margin-top: 25px;
  }
}

/* ------------------------------------------------------------ *	Credits
\* ------------------------------------------------------------ */
.credits h2 {
  margin: 0 0 13px; }

/* ------------------------------------------------------------ *	Form
\* ------------------------------------------------------------ */
.form-message {
  margin-right: -3px;
  /*.form__controls { border: 1px solid #d2d2d2; }*/ }
  .form-message label {
    padding-bottom: 4px;
    display: inline-block; }
  .form-message .textarea,
  .form-message .form__field {
    border: 1px solid #d2d2d2;
    -webkit-transition: border-color .4s;
    transition: border-color .4s; }
  .form-message .textarea:hover,
  .form-message .textarea:focus,
  .form-message .form__field:hover,
  .form-message .form__field:focus {
    border-color: #00ccff; }
  .form-message .textarea {
    width: 100%;
    height: 200px;
    padding: 6px; }
  .form-message .form__field {
    line-height: 38px;
    height: 38px;
    width: 100%;
    padding-left: 6px;
    padding-right: 6px; }
  .form-message .form__hint {
    padding-top: 5px;
    display: inline-block; }
  .form-message .form__actions {
    padding-top: 22px; }
  .form-message .form__col {
    width: 50%;
    padding: 0 15px; }
  .form-message .form__col-full {
    width: 100%;
  }
  .form-message .form__row--primary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px; }
  .form-message .form__row + .form__row {
    padding-top: 14px; }

/* Media Query */
@media (max-width: 767px) {
  .form-message {
    margin-right: 0; }
    .form-message .form__col {
      width: 100%;
      padding: 0; }
    .form-message .form__row--primary {
      display: block;
      margin: 0; }
    .form-message .form__btn {
      margin: auto;
      width: 100%; }
    .form-message .form__col + .form__col {
      padding-top: 14px; } }

/* ------------------------------------------------------------ *	Button
\* ------------------------------------------------------------ */
.btn {
  display: inline-block;
  border: none; }
  .btn--primary {
    width: 340px;
    display: block;
    text-align: center;
    padding: 10px; }
  .btn--blue {
    background: #3b7597;
    color: #fff;
    -webkit-transition: background .4s;
    transition: background .4s; }
  .btn--blue:hover {
    background: #2b9adb; }

/* ------------------------------------------------------------ *	Button Burger
\* ------------------------------------------------------------ */
.btn-burger {
  display: none;
  width: 21px;
  height: 19px;
  position: absolute;
  left: 0px;
  top: 41px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 201; }
  .btn-burger span {
    width: 100%;
    height: 4px;
    background: #3c7698;
    position: absolute;
    left: 0;
    border-radius: 1px;
    -webkit-transition: top .2s .25s, left .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s;
    transition: top .2s .25s, left .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s;
    transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s;
    transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s, -webkit-transform .2s 0s; }
    .btn-burger span:first-child {
      top: 0; }
    .btn-burger span:nth-child(2) {
      top: 7px; }
    .btn-burger span:last-child {
      top: 14px; }
  .btn-burger.active span {
    height: 5px;
    -webkit-transition: background .2s, top .2s, left .2s, opacity .2s, -webkit-transform .2s .25s;
    transition: background .2s, top .2s, left .2s, opacity .2s, -webkit-transform .2s .25s;
    transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s;
    transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s, -webkit-transform .2s .25s; }
    .btn-burger.active span:first-child {
      top: 8px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .btn-burger.active span:nth-child(2) {
      opacity: 0; }
    .btn-burger.active span:last-child {
      top: 8px;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }

/*  Button Burger Active  */
/* Media Query */
@media (max-width: 767px) {
  .btn-burger {
    display: block; } }

/* ------------------------------------------------------------ *	Section
\* ------------------------------------------------------------ */
.section {
  padding-top: 12px; }
  .section h1 {
    color: #3b7597; }
  .section a {
    color: #3b7597; }
  .section .section__head {
    padding-bottom: 4px; }
  .section .section__socials {
    padding-bottom: 16px; }

/* Media Query */
@media (max-width: 767px) {
  .section .section__socials h5 {
    display: block;
    margin: 0 0 10px; } }

/* ------------------------------------------------------------ *	Content
\* ------------------------------------------------------------ */
.content {
  width: 100%; }

/* ------------------------------------------------------------ *	Search
\* ------------------------------------------------------------ */
.search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .search label {
    display: none; }
  .search .search__body {
    padding-left: 10px;
    color: #42759a;
    position: relative;
    width: 0;
    overflow: hidden;
    -webkit-transition: width .4s, overflow .4s;
    transition: width .4s, overflow .4s; }
    .search .search__body .search__ico-primary {
      position: absolute;
      top: 50%;
      right: 100%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      margin-right: 4px;
      display: none;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none; }
  .search .search__field {
    border: none;
    background: none;
    width: 100%; }
  .search .search__btn {
    position: absolute;
    top: 0;
    right: 100%;
    font-size: 0;
    background: none;
    border: none;
    width: 19px;
    height: 100%;
    cursor: pointer; }
  .search .search__bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.search.expanded .search__body {
  width: 150px;
  overflow: visible; }

/* Media Query */
@media (max-width: 767px) {
  .search {
    display: block; }
    .search .search__body {
      padding-left: 0;
      padding-top: 5px;
      max-height: 0;
      -webkit-transition: max-height .4s;
      transition: max-height .4s; }
      .search .search__body .search__ico-primary {
        display: block; }
    .search .search__btn {
      z-index: 2; }
  .search.expanded .search__body {
    width: 100%;
    max-height: 100px; } }

img.edit_this {
  width: auto !important;
}

#leaderboard {
  text-align: right;
}