/*--------------------------------------------*/
/*  1. FONTS
/*--------------------------------------------*/
/* Open Sans family from Google Fonts */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300);
/* Gotham Family localy */
@font-face {
  font-family: "GothamBook";
  src: url('../fonts/gotham-book.eot?1434938072') format('embedded-opentype'), url('../fonts/gotham-book.woff?1434938072') format('woff'), url('../fonts/gotham-book.ttf?1434938072') format('truetype'), url('../fonts/gotham-book.svg?1434938072') format('svg');
}
@font-face {
  font-family: "GothamBold";
  src: url('../fonts/gotham-bold.eot?1435244908') format('embedded-opentype'), url('../fonts/gotham-bold.woff?1435244908') format('woff'), url('../fonts/gotham-bold.ttf?1435146102') format('truetype'), url('../fonts/gotham-bold.svg?1435244908') format('svg');
}
/* Helvetica Neue family localy */
@font-face {
  font-family: "HelveticaNeueBold";
  src: url('../fonts/helveticaneue-bold.eot?1434938072') format('embedded-opentype'), url('../fonts/helveticaneue-bold.woff?1434938072') format('woff'), url('../fonts/helveticaneue-bold.ttf?1434938072') format('truetype'), url('../fonts/helveticaneue-bold.svg?1434938072') format('svg');
}
@font-face {
  font-family: "HelveticaNeueLight";
  src: url('../fonts/helveticaneue-light.eot?1434938150') format('embedded-opentype'), url('../fonts/helveticaneue-light.woff?1434938150') format('woff'), url('../fonts/helveticaneue-light.ttf?1434938150') format('truetype'), url('../fonts/helveticaneue-light.svg?1434938150') format('svg');
}
@font-face {
  font-family: "HelveticaNeueMedium";
  src: url('../fonts/helveticaneue-medium.eot?1434938150') format('embedded-opentype'), url('../fonts/helveticaneue-medium.woff?1434938150') format('woff'), url('../fonts/helveticaneue-medium.ttf?1434938150') format('truetype'), url('../fonts/helveticaneue-medium.svg?1434938150') format('svg');
}
@font-face {
  font-family: "HelveticaNeueThin";
  src: url('../fonts/helveticaneue-thin.eot?1434938150') format('embedded-opentype'), url('../fonts/helveticaneue-thin.woff?1434938150') format('woff'), url('../fonts/helveticaneue-thin.ttf?1434938150') format('truetype'), url('../fonts/helveticaneue-thin.svg?1434938150') format('svg');
}
@font-face {
  font-family: "HelveticaNeueLightItalic'";
  src: url('../fonts/helveticaneue-lightitalic.eot?1434938150') format('embedded-opentype'), url('../fonts/helveticaneue-lightitalic.woff?1434938150') format('woff'), url('../fonts/helveticaneue-lightitalic.ttf?1434938150') format('truetype'), url('../fonts/helveticaneue-lightitalic.svg?1434938150') format('svg');
}
/*--------------------------------------------*/
/*  2. RESET
/*--------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

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

/*-----------------------------------------------------------------------------*/
/*  3. GLOBAL STYLES
/*-----------------------------------------------------------------------------*/
/* Contest:

  3.1. Main;
  3.2. Helper classes (also see _variables.scss file for color-classes);
  3.3. Typography;
  3.4. Links;
  3.5. Images;
  3.6. Buttons;
  3.7. Other:

    3.7.1. ALl;
    3.7.2. Placeholders;
    3.7.3. Select;
    3.7.4. Dropdown;
    3.7.5. Tooltip;
    3.7.6. Highlighting text.

*/
/*------------------------------------------------------------------------*/
/*  3.1. Main
/*------------------------------------------------------------------------*/
body {
  color: #111111;
  font-family: "Open Sans", Arial sans-serif;
  font-size: 16px;
  width: 100%;
  background-color: #f7f6f1;
}

ol, ul {
  list-style: none outside none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*------------------------------------------------------------------------*/
/*  3.2. Helper classes
/*------------------------------------------------------------------------*/
.container {
  position: relative;
  min-width: 310px;
}

.dn {
  display: none;
}

.pl {
  padding-left: 15px;
}

.no-p {
  padding: 0 !important;
}

.no-m {
  margin: 0 !important;
}

.no-pr {
  padding-right: 0 !important;
}

.no-pl {
  padding-left: 0 !important;
}

.border-grey {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}

.mt {
  margin-top: 30px;
}
@media only screen and (max-width: 400px) {
  .mt {
    margin-top: 15px;
  }
}

.mb {
  margin-bottom: 30px;
}
@media only screen and (max-width: 400px) {
  .mb {
    margin-bottom: 15px;
  }
}

.more-mt {
  margin-top: 45px;
}
@media only screen and (max-width: 767px) {
  .more-mt {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 400px) {
  .more-mt {
    margin-top: 15px;
  }
}

.more-mb {
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .more-mb {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 400px) {
  .more-mb {
    margin-bottom: 15px;
  }
}

.pt {
  padding-top: 20px;
}

.pb {
  padding-bottom: 20px;
}

.title_global {
  margin: 15px 0;
  text-transform: uppercase;
}
@media only screen and (max-width: 350px) {
  .title_global {
    margin: 30px 0;
    text-align: center;
  }

}
.title_global.big {
  margin: 30px 0;
  font-family: "HelveticaNeueThin", sans-serif;
}

.ellipsis {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

/*------------------------------------------------------------------------*/
/*  3.3. Typography
/*------------------------------------------------------------------------*/
h2, h3 {
  font-family: "GothamBold", sans-serif;
  font-size: 4.5vw;
  line-height: 4.6vw;
}
@media only screen and (min-width: 1200px) {
  h2, h3 {
    font-size: 54px;
    line-height: 56px;
  }
}

h3 {
  font-size: 3vw;
  line-height: 3.2vw;
}
@media only screen and (min-width: 1200px) {
  h3 {
    font-size: 36px;
    line-height: 39px;
  }
}
@media only screen and (max-width: 767px) {
  h3 {
    font-size: 4.4vw;
    line-height: 5vw;
  }
}

h4 {
  font-family: "HelveticaNeueThin", sans-serif;
  font-size: 2.5vw;
}
@media only screen and (min-width: 1200px) {
  h4 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  h4 {
    font-size: 3vw;
    line-height: 3.2vw;
  }
}
@media only screen and (max-width: 400px) {
  h4 {
    font-size: 20px;
    line-height: 20px;
  }
}

h5 {
  font-family: "HelveticaNeueLight", sans-serif;
  font-size: 2vw;
  line-height: 2.2vw;
}
@media only screen and (min-width: 1200px) {
  h5 {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  h5 {
    font-size: 3vw;
    line-height: 3.2vw;
  }
}
@media only screen and (max-width: 400px) {
  h5 {
    font-size: 4vw;
    line-height: 4.2vw;
  }
}

h6 {
  font-family: "GothamBook", sans-serif;
  font-size: 1vw;
  line-height: 1.2vw;
}
@media only screen and (min-width: 1200px) {
  h6 {
    font-size: 16px;
    line-height: 16px;
  }
}
@media only screen and (max-width: 767px) {
  h6 {
    font-size: 2vw;
    line-height: 2.2vw;
  }
}
@media only screen and (max-width: 400px) {
  h6 {
    font-size: 3vw;
    line-height: 3.2vw;
  }
}

p {
  font-family: "HelveticaNeueLightItalic", sans-serif;
  font-style: italic;
  font-size: 1.5vw;
}
@media only screen and (min-width: 1200px) {
  p {
    font-size: 16px;
    line-height: 16px;
  }
}
@media only screen and (max-width: 767px) {
  p {
    font-size: 16px;
    line-height: 16px;
  }
}

/*------------------------------------------------------------------------*/
/*  3.4. Links
/*------------------------------------------------------------------------*/
a {
  text-decoration: none !important;
  color: #111111;
  -moz-transition: ease-out 0.2s;
  -o-transition: ease-out 0.2s;
  -webkit-transition: ease-out 0.2s;
  transition: ease-out 0.2s;
}
a img {
  border: medium none;
}

.see_all {
  position: absolute;
  right: 15px;
  top: 53px;
  color: #ff8000;
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .see_all {
    top: 10px;
    right: 0;
    left: 0;
    width: 50px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 320px) {
  .see_all {
    top: 15px;
    right: 15px;
    left: inherit;
  }
}
.see_all:hover {
  color: #ff8000;
}

.all_jobs, .job_offering {
  display: block;
  text-align: right;
  color: #ff8000;
  font-size: 14px;
  padding-right: 0;
}
.all_jobs span, .job_offering span {
  vertical-align: top;
}
.all_jobs:hover, .job_offering:hover {
  color: #ff8000;
}

.read_full {
  color: #ff8000;
}
.read_full:hover {
  color: #ff8000;
}

/*------------------------------------------------------------------------*/
/*  3.5. Images
/*------------------------------------------------------------------------*/
img.attachment-large.size-large {
    width: 150px;
    }
.entry-attachment {
    text-align: center;
}
img {
  width: 100%;
}

/*------------------------------------------------------------------------*/
/*  3.6. Buttons
/*------------------------------------------------------------------------*/
.btn {
  border-radius: 0;
  border: 0;
  background: #ff8000;
  color: #ffffff;
  text-shadow: none;
  font-family: "Open Sans", sans-serif;
}
.btn:hover {
  color: #ffffff;
  background: #ff8000;
}
.btn.subscribe, .btn.find_jobs, .btn.post_job {
  width: 30%;
  height: 30px;
}
.btn.find_jobs, .btn.save, .btn.payment, .btn.submit_payment, .btn.back {
  width: 20%;
  height: 40px;
  margin: 10px 0;
}
.btn.save, .btn.payment, .btn.submit_payment, .btn.submit, .btn.cancel, .btn.send_inquiry {
  width: 186px;
}
@media only screen and (max-width: 560px) {
  .btn.save, .btn.payment, .btn.submit_payment, .btn.submit, .btn.cancel, .btn.send_inquiry {
    display: block;
    margin: 20px auto 0;
  }
}
.btn.submit, .btn.send_inquiry {
  width: 146px;
}
.btn.back {
  background: #dddddd;
  width: 230px;
  color: #777777;
}
@media only screen and (max-width: 560px) {
  .btn.back {
    display: block;
    margin: 0 auto;
  }
}
.btn.post_job {
  width: 60%;
  height: 30px;
  float: none;
  margin: 16px auto 0;
  display: block;
}
.btn.close {
  cursor: pointer;
  position: absolute;
  font-size: 30px;
  color: #777777;
  background: none;
  opacity: 1;
  right: 1px;
  top: 4px;
  padding: 0;
  height: 35px;
  width: 35px;
}
.btn.close:hover {
  color: #ff8000;
}
.btn.cancel {
  width: 75px;
  background: inherit;
  color: #777777;
  font-size: 15px;
}
.btn.cancel:hover {
  color: #ff8000;
}
.btn.join_the_community {
  width: 300px;
  height: 60px;
  padding: 20px 0;
  font-size: 20px;
  line-height: 20px;
  font-family: "HelveticaNeueBold", sans-serif;
}
@media only screen and (max-width: 400px) {
  .btn.join_the_community {
    width: 200px;
    height: 40px;
    padding: 10px 0;
    font-size: 15px;
    line-height: 15px;
    margin: 0 auto;
  }
}

/*------------------------------------------------------------------------*/
/*  3.7. Other
/*------------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*  3.7.1. All
/*-------------------------------------------------------------------*/
a, input, select, button, .form-control, .btn {
  outline: none !important;
  outline: 0 !important;
  border: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a:focus, a:active, input:focus, input:active, select:focus, select:active, button:focus, button:active, .form-control:focus, .form-control:active, .btn:focus, .btn:active {
  outline: none !important;
  outline: 0 !important;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*-------------------------------------------------------------------*/
/*  3.7.2. Placeholders
/*-------------------------------------------------------------------*/
::-webkit-input-placeholder {
  color: #777777;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #777777;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #777777;
}

:-ms-input-placeholder {
  color: #777777;
}

/*-------------------------------------------------------------------*/
/*  3.7.3. Select
/*-------------------------------------------------------------------*/
select.form-control {
  color: #777777;
}

/*-------------------------------------------------------------------*/
/*  3.8.4. Dropdown
/*-------------------------------------------------------------------*/
.btn-group.open .dropdown-toggle {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*-------------------------------------------------------------------*/
/*  3.8.5. Tooltip
/*-------------------------------------------------------------------*/
.tooltip-inner {
  background: #ff8000;
  width: 150px;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #ff8000;
}

/*-------------------------------------------------------------------*/
/*  3.8.6. Highlighting text
/*-------------------------------------------------------------------*/
::-moz-selection {
  background-color: rgba(255, 130, 0, 0.5);
}

::selection {
  background-color: rgba(255, 130, 0, 0.5);
}

/*-----------------------------------------------------------------------------*/
/*  4. HOME PAGE STYLES
/*-----------------------------------------------------------------------------*/
/* Contest:

  4.1. Header:

    4.1.1. Logo;
    4.1.2. Menu;
    4.1.3. Social links.

  4.2. Search form;

  4.3. Main Content:

    4.3.1. Row one:

      4.3.1.1. Slider;
      4.3.1.2. Advertising.

    4.3.2. Row two:

      4.3.3.1. Top articles;
      4.3.3.2. Social share.

    4.3.3. Row three:

      4.3.3.1. Recent articles;
      4.3.3.2. Aside:

        4.3.3.2.1. Follow:

          4.3.3.2.1.1. Nav tabs:

            4.3.3.2.1.1.1. Email link;
            4.3.3.2.1.1.2. Twitter link;
            4.3.3.2.1.1.3. Facebook link;
            4.3.3.2.1.1.4. LinkedIn link;
            4.3.3.2.1.1.5. RSS link.

          4.3.3.2.1.2. Tab panes.

         4.3.3.2.2. Most popular.

    4.3.4. Row four:

      4.3.4.1. Latest review;
      4.3.4.2. Suggested reading.

    4.3.5. Row five:

      4.4.5.1. More news;
      4.4.5.2. Jobs.

  4.4. Footer:

    4.4.1. Footer Pop-up.

  4.5. Post a job pop-up.

*/
/*------------------------------------------------------------------------*/
/*  4.1. Header
/*------------------------------------------------------------------------*/
.header {
  background: #ffffff;
}

/*-------------------------------------------------------------------*/
/*  4.1.1. Logo
/*-------------------------------------------------------------------*/
.logo-w, .menu-w {
  padding: 0 40px;
}
@media only screen and (max-width: 991px) {
  .logo-w, .menu-w {
    padding: 15px;
  }
}

.logo {
  display: block;
}
.logo img {
  width: 100%;
  padding: 25px 0;
}

/*-------------------------------------------------------------------*/
/*  4.1.2. Menu
/*-------------------------------------------------------------------*/
.menu-w .menu {
  margin: 16px 0 10px;
}
.menu-w a {
  font-family: "GothamBook", sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  color: #565366;
  vertical-align: middle;
}
.menu-w a:hover {
  color: #ff8000;
}
.menu-w li {
  display: inline;
  margin-right: 5px;
}
.menu-w .menu_subcategory {
  font-size: 12px;
}
.menu-w .sub_menu {
  margin-bottom: 16px;
}

.search_link {
  background-image: url('../images/icons-s50ffad9b98.png');
  background-position: -132px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 24px;
  width: 24px;
  display: inline-block;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .search_link {
    background-image: url('../images/icons-2x-s5fe3e1c89e.png');
    background-size: 23px 50px;
    background-position: -132px 0;
    height: 24px;
    width: 24px;
  }
}
/*-------------------------------------------------------------------*/
/*  4.1.3. Social links
/*-------------------------------------------------------------------*/
.social.links {
  margin: 15px 0 0;
}
.social a {
  font-size: 23px;
  display: inline-block;
  color: #333333;
}
.social a:hover {
  color: #00aced;
}

.social a:hover {
    color: #ff8000 !important;
}

/*------------------------------------------------------------------------*/
/*  4.2. Search form
/*------------------------------------------------------------------------*/
.search_form.global {
  background: rgba(86, 83, 105, 0.6);
  position: absolute;
  top: 186px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 8;
  display: none;
}
.search_form.global.fixed {
  position: fixed;
  top: 150px;
}
.search_form.global .form-group {
  background: #ffffff;
  margin: 15px 3% 0;
  overflow: hidden;
  width: 71%;
}
@media only screen and (max-width: 991px) {
  .search_form.global .form-group {
    width: 92%;
  }
}

.form-control {
  font-family: "HelveticaNeueThin", sans-serif;
  font-style: normal;
  font-size: 20px;
  padding: 2px 20px;
  width: 80%;
  height: 59px;
  float: left;
  border: 0;
}
@media only screen and (max-width: 400px) {
  .form-control {
    font-size: 12px;
    width: 73%;
  }
}

.search_button {
  background-image: url('../images/icons-s50ffad9b98.png');
  background-position: -72px -24px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 35px;
  width: 35px;
  background-color: transparent;
  border: 0 none;
  cursor: pointer;
  height: 35px;
  margin: 12px 14px;
  float: right;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .search_button {
    background-image: url('../images/icons-2x-s5fe3e1c89e.png');
    background-size: 235px 527px;
    background-position: -72px -24px;
    height: 35px;
    width: 35px;
  }
}

/*------------------------------------------------------------------------*/
/*  4.3. Main content
/*------------------------------------------------------------------------*/
.main_content {
  padding: 0 20px;
}
@media only screen and (max-width: 991px) {
  .main_content {
    padding: 0;
  }
}

/*-------------------------------------------------------------------*/
/*  4.3.1. Row one
/*-------------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*  4.3.1.1. Slider
/*--------------------------------------------------------------*/
.slider {
  padding-right: 0;
}
@media only screen and (max-width: 991px) {
  .slider {
    padding-right: 15px;
  }
}

#home_slider.item img, #books_slider.item img {
  display: block;
  width: 100%;
  height: auto;
}

#home_slider.owl-theme .owl-controls {
  position: absolute;
  bottom: 10px;
  right: 0;
  left: 0;
}
#home_slider.owl-theme .owl-controls .owl-page.active span {
  background-color: #ff8000;
}
#home_slider.owl-theme .owl-controls .owl-page span {
  background-color: #565366;
  width: 20px;
  height: 20px;
  opacity: 1;
}
@media only screen and (max-width: 400px) {
  #home_slider.owl-theme .owl-controls .owl-page span {
    width: 15px;
    height: 15px;
  }
}

.color_box {
  position: absolute;
  background: #ff8000;
  opacity: 0.4;
}
.color_box.left {
  width: 42%;
  height: 42%;
  top: 21%;
  left: 0;
}

.item h2 {
  position: absolute;
  top: 28%;
  left: 38px;
  width: 90%;
  z-index: 1;
}
@media only screen and (max-width: 400px) {
  .item h2 {
    width: 80%;
  }
}

/*--------------------------------------------------------------*/
/*  4.3.1.2. Advertising
/*--------------------------------------------------------------*/
.adv {
  padding-left: 0;
  padding-right: 0;
  min-width: 300px;
}
@media only screen and (max-width: 991px) {
  .adv {
    padding-left: 15px;
    min-width: auto;
  }
}

/*-------------------------------------------------------------------*/
/*  4.3.2. Row two
/*-------------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*  4.3.2.1. Top articles
/*--------------------------------------------------------------*/
.image-w {
  position: relative;
}

.tag {
  background: rgba(255, 255, 255, 0.4);
  color: #111111;
  font-family: "HelveticaNeueLight", sans-serif;
  font-size: 16px;
  padding: 8px 19px;
  position: absolute;
  right: 0;
  top: 0;
  text-transform: uppercase;
}
@media only screen and (max-width: 400px) {
  .tag {
    font-size: 12px;
  }
}
.tag:hover {
  background: rgba(255, 255, 255, 0.5);
}

.second .title {
  margin-top: 8px;
}

.author {
  display: block;
  margin-top: 8px;
  color: #777777;
}

a.title:hover, a.author:hover {
  color: #ff8000;
}

.text {
  margin-top: 8px;
}

/*--------------------------------------------------------------*/
/*  4.3.2.2. Social share
/*--------------------------------------------------------------*/
.social.share {
  margin-top: 8px;
}
.social.share a {
  font-size: 23px;
}

/*-------------------------------------------------------------------*/
/*  4.3.3. Row three
/*-------------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*  4.3.3.1. Recent articles
/*--------------------------------------------------------------*/
.article .title h3 {
  font-size: 3vw;
  line-height: 3vw;
}
@media only screen and (min-width: 1200px) {
  .article .title h3 {
    font-size: 32px;
    line-height: 34px;
  }
}
/* Nab bar invisible on mobiles */
@media only screen and (max-width: 767px){
	#wnb-bar{
		display: none;
	}
}
}
@media only screen and (max-width: 767px) {
  .article .title h3 {
    font-size: 4.4vw;
    line-height: 5vw;
  }
}
.article .author h5 {
  font-size: 1.5vw;
  line-height: 1.5vw;
}
@media only screen and (min-width: 1200px) {
  .article .author h5 {
    font-size: 16px;
    line-height: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .article .author h5 {
    font-size: 3vw;
    line-height: 3vw;
  }
}
@media only screen and (max-width: 400px) {
  .article .author h5 {
    font-size: 4vw;
    line-height: 4vw;
  }
}
.article .text {
  margin-top: 8px;
}

/*--------------------------------------------------------------*/
/*  4.3.3.2. Aside
/*--------------------------------------------------------------*/
/*---------------------------------------------------------*/
/*  4.3.3.2.1. Follow
/*---------------------------------------------------------*/
#social_tabs .social.links {
  margin: 0;
  position: relative;
}
#social_tabs .social.links a {
  font-size: 35px;
  line-height: 20px;
  padding: 0 5px 10px;
  border: 0;
  background: transparent;
}
@media only screen and (max-width: 991px) {
  #social_tabs .social.links a {
    font-size: 28px;
  }
}
#social_tabs .social.links.active {
  background: transparent;
}
#social_tabs .social.links.active:after, #social_tabs .social.links.active:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#social_tabs .social.links.active:after {
  border-top-color: #f7f6f1;
  border-width: 10px;
  margin-left: -10px;
}
#social_tabs .social.links.active:before {
  border-top-color: #eeeeee;
  border-width: 13px;
  margin-left: -13px;
}

/*----------------------------------------------------*/
/*  4.3.3.2.1.1. Nav tabs
/*----------------------------------------------------*/
.nav-tabs {
  border-bottom: 2px solid #eeeeee;
  border-top: 2px solid #eeeeee;
  padding-top: 15px;
}

/*----------------------------------------------------*/
/*  4.3.3.2.1.2. Tab panes
/*----------------------------------------------------*/
.tab-pane {
  padding-top: 30px;
}
.tab-pane a {
  float: left;
  margin-right: 6px;
}
.tab-pane p {
  font-size: 13px;
  line-height: 20px;
}
@media only screen and (max-width: 991px) and (min-width: 767px) {
  .tab-pane p {
    line-height: 12px;
  }
}

/*-----------------------------------------------*/
/*  4.3.3.2.1.2.1. Email link
/*-----------------------------------------------*/
.form-inline h3 {
  font-size: 17px;
  line-height: 17px;
}
.form-inline h3 span {
  font-size: 14px;
  line-height: 14px;
  font-family: "HelveticaNeueLight", sans-serif;
  margin-left: 5px;
}
@media only screen and (max-width: 1200px) and (min-width: 767px) {
  .form-inline h3 span {
    display: block;
    margin: 5px 0 0;
  }
}
@media only screen and (max-width: 370px) {
  .form-inline h3 span {
    display: block;
    margin: 5px 0 0;
  }
}
.form-inline .form-group {
  margin: 15px 0;
  width: 100%;
  background-color: transparent;
  display: inline-block;
}
.form-inline .form-group .form-control {
  height: 30px;
  border: 0;
  border-radius: 0;
  width: 70%;
  padding: 2px 10px;
}
@media only screen and (max-width: 991px) and (min-width: 767px) {
  .form-inline .form-group .form-control {
    width: 100%;
  }
}
.form-inline .form-group .btn.subscribe {
  width: 30%;
  margin: 0;
}
@media only screen and (max-width: 991px) and (min-width: 767px) {
  .form-inline .form-group .btn.subscribe {
    width: 100%;
    margin-top: 10px;
  }
}
.form-inline .form-group label {
  font-size: 12px;
  margin-left: 4px;
  margin-top: 10px;
}

/*-----------------------------------------------*/
/*  4.3.3.2.1.2.2. Twitter link
/*-----------------------------------------------*/
.twitter_share {
  background-image: url('../images/icons-s50ffad9b98.png');
  background-position: 0 -69px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 19px;
  width: 61px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .twitter_share {
    background-image: url('../images/icons-2x-s5fe3e1c89e.png');
    background-size: 235px 527px;
    background-position: 0 -69px;
    height: 19px;
    width: 61px;
  }
}

/*-----------------------------------------------*/
/*  4.3.3.2.1.2.3. Facebook link
/*-----------------------------------------------*/
.facebook_like {
  background-image: url('../images/icons-s50ffad9b98.png');
  background-position: -61px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 20px;
  width: 48px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .facebook_like {
    background-image: url('../images/icons-2x-s5fe3e1c89e.png');
    background-size: 235px 527px;
    background-position: -61px 0;
    height: 20px;
    width: 48px;
  }
}

.facebook_share {
  background-image: url('../images/icons-s50ffad9b98.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 20px;
  width: 41px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .facebook_share {
    background-image: url('../images/icons-2x-s5fe3e1c89e.png');
    background-size: 235px 527px;
    background-position: 0 0;
    height: 20px;
    width: 41px;
  }
}

#facebook_link p a {
  margin-right: 4px;
  color: #ff8000;
}

/*-----------------------------------------------*/
/*  4.3.3.2.1.2.4. LinkedIn link
/*-----------------------------------------------*/
.linkedin_share {
  background-image: url('../images/icons-s50ffad9b98.png');
  background-position: -107px -24px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 20px;
  width: 61px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .linkedin_share {
    background-image: url('../images/icons-2x-s5fe3e1c89e.png');
    background-size: 235px 527px;
    background-position: -107px -24px;
    height: 20px;
    width: 61px;
  }
}

/*-----------------------------------------------*/
/*  4.3.3.2.1.2.5. RSS link
/*-----------------------------------------------*/
#rss_link a {
  color: #ff8000;
  font-size: 30px;
  line-height: 13px;
}

/*---------------------------------------------------------*/
/*  4.3.3.2.2. Most popular
/*---------------------------------------------------------*/
.most_popular img {
  width: 100%;
  margin-bottom: 17px;
}
.most_popular h3 {
  float: left;
}
.most_popular div {
  margin-left: 50px;
  margin-bottom: 20px;
  padding-top: 5px;
}
@media only screen and (max-width: 1200px) {
  .most_popular div {
    margin-left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .most_popular div {
    padding-top: 0;
  }
}
@media only screen and (max-width: 400px) {
  .most_popular div {
    margin-left: 25px;
  }
}
.most_popular .title h4 {
  font-family: "GothamBook", sans-serif;
}

/*-------------------------------------------------------------------*/
/*  4.3.4. Row four
/*-------------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*  4.3.4.1. Latest review
/*--------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  .latest_review-w, .suggested_reading-w {
    width: 100%;
  }
}

.latest_review {
  background-color: #ffffff;
  padding: 19px 0;
}
@media only screen and (max-width: 767px) {
  .latest_review {
    margin: 0;
  }
}
@media only screen and (max-width: 400px) {
  .latest_review .book, .latest_review .about {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .latest_review .book {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .latest_review .book img {
    width: 60%;
  }
}
.latest_review .about h6.title {
  font-family: "GothamBold", sans-serif;
  font-size: 16px;
  line-height: 16px;
}
@media only screen and (max-width: 400px) {
  .latest_review .about h6.title {
    margin-top: 10px;
  }
}
.latest_review .about h6.title:hover {
  color: inherit;
}
.latest_review .about p.year, .latest_review .about p.author {
  font-family: "Helvetica Neue", sans-serif;
  margin-top: 5px;
  font-size: 12px;
  color: #777777;
}
.latest_review .about p.text {
  font-family: "HelveticaNeueLightItalic", sans-serif;
  font-style: italic;
  margin-top: 5px;
  font-size: 14px;
  color: #777777;
}
.latest_review .about p.author a {
  color: #ff8000;
}
.latest_review .about a.get_link {
  display: block;
  margin-top: 20px;
}
.latest_review .about a.get_link .amazon {
  background-image: url('../images/icons-s50ffad9b98.png');
  background-position: -156px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 24px;
  width: 66px;
  display: inline-block;
  vertical-align: top;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .latest_review .about a.get_link .amazon {
    background-image: url('../images/icons-2x-s5fe3e1c89e.png');
    background-size: 235px 527px;
    background-position: -156px 0;
    height: 24px;
    width: 66px;
  }
}

/*--------------------------------------------------------------*/
/*  4.3.4.1. Suggested reading
/*--------------------------------------------------------------*/
.suggested_reading {
  background-color: #eeeeee;
}
@media only screen and (max-width: 767px) {
  .suggested_reading {
    margin: 0;
  }
}

#books_slider {
  padding: 43px 25px 26px;
}
@media only screen and (max-width: 1200px) {
  #books_slider {
    padding: 62px 40px 46px;
  }
}
@media only screen and (max-width: 991px) {
  #books_slider {
    padding: 59px 40px 38px;
  }
}
#books_slider .item {
  padding: 0 5px;
}
@media only screen and (max-width: 400px) {
  #books_slider .item {
    text-align: center;
  }
}
#books_slider .owl-pagination {
  display: none;
}
#books_slider.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
  width: 80px;
  height: 100%;
  background: rgba(200, 200, 200, 0.3);
  opacity: 1;
  padding: 0;
  margin: 0;
  border-radius: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media only screen and (max-width: 991px) {
  #books_slider.owl-theme .owl-controls .owl-buttons div {
    width: 40px;
  }
}
#books_slider.owl-theme .owl-controls .owl-buttons div i {
  font-size: 80px;
  width: 50%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 31%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 991px) {
  #books_slider.owl-theme .owl-controls .owl-buttons div i {
    font-size: 40px;
  }
}
#books_slider.owl-theme .owl-controls .owl-buttons .owl-prev {
  left: 0;
  top: 0;
}
#books_slider.owl-theme .owl-controls .owl-buttons .owl-next {
  right: 0;
  top: 0;
}

/*-------------------------------------------------------------------*/
/*  4.3.5. Row five
/*-------------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*  4.3.5.1. More news
/*--------------------------------------------------------------*/
.more_news-w .title h3 {
  font-size: 20px;
  line-height: 20px;
}
.more_news-w .author {
  float: left;
  width: 60%;
}
.more_news-w .author h5 {
  font-size: 14px;
  line-height: 14px;
}
.more_news-w .social {
  float: left;
  width: 40%;
  text-align: right;
  margin-top: 0;
}

/* 4.4.5.2. Jobs */
.jobs .author {
  margin-bottom: 8px;
}
.jobs .title {
  font-size: 14px;
}

/*------------------------------------------------------------------------*/
/*  4.4. Footer
/*------------------------------------------------------------------------*/
.footer {
  background: #565366;
  padding: 30px 4% 10px;
  color: #ffffff;
  /*-------------------------------------------------------------------*/
  /*  4.4.1. Footer pop-up
  /*-------------------------------------------------------------------*/
}
.footer a {
  color: #ffffff;
}
.footer p {
  font-family: "HelveticaNeueLight", sans-serif;
  font-style: normal;
  line-height: 18px;
}
.footer .footer_col {
  padding-right: 0;
  padding-left: 0;
}
@media only screen and (max-width: 991px) {
  .footer .footer_col {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only screen and (max-width: 560px) {
  .footer .footer_col {
    width: 100%;
  }
}
.footer .title_footer {
  font-family: "GothamBook", sans-serif;
  font-size: 28px;
  line-height: 28px;
  padding-bottom: 20px;
}
.footer .about_col .about {
  padding-right: 100px;
  padding-bottom: 21px;
  font-size: 14px;
}
@media only screen and (max-width: 991px) {
  .footer .about_col .about {
    padding-right: 0;
  }
}
.footer .copyright p {
  font-size: 12px;
  margin: 10px 0;
}
.footer .license_info {
  height: auto !important;
  width: 70% !important;
  min-height: 46px;
}
@media only screen and (max-width: 1200px) {
  .footer .license_info {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .footer .license_info {
    width: 100% !important;
  }
}
.footer .license_info span {
  background-image: url('../images/icons-s50ffad9b98.png');
  background-position: -168px -24px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 45px;
  width: 46px;
  float: left;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .footer .license_info span {
    background-image: url('../images/icons-2x-s5fe3e1c89e.png');
    background-size: 235px 527px;
    background-position: -168px -24px;
    height: 45px;
    width: 46px;
  }
}
.footer .license_info p {
  font-size: 12px;
  line-height: 12px;
  float: right;
  width: 80%;
  padding-left: 5px;
}
@media only screen and (max-width: 560px) {
  .footer .license_info p {
    padding-top: 5px;
  }
}
.footer .links_col li {
  padding: 2px 0;
}
.footer .links_col li a:hover {
  color: #ff8000;
}
.footer .links_col .footer_menu {
  margin-bottom: 59px;
}
@media only screen and (max-width: 1200px) {
  .footer .links_col .footer_menu {
    margin-bottom: 103px;
  }
}
@media only screen and (max-width: 991px) {
  .footer .links_col .footer_menu {
    margin-bottom: 50px;
  }
}
.footer .links_col .social {
  margin: 0;
}
.footer .links_col .social a {
  font-size: 50px;
}
.footer .footer_subscribe {
  margin-top: 87px;
}
@media only screen and (max-width: 1200px) {
  .footer .footer_subscribe {
    margin-top: 101px;
  }
}
@media only screen and (max-width: 991px) {
  .footer .footer_subscribe {
    margin-top: 45px;
  }
}
.footer .footer_subscribe .form-group {
  background: transparent;
  margin: 0;
  width: 100%;
}
.footer .footer_subscribe .form-control {
  background: #aba9b3;
  border: 0;
  border-radius: 0;
  padding: 4px;
  color: #ffffff;
  margin-top: 5px;
  width: 100%;
  height: 30px;
}
.footer .footer_subscribe label {
  margin-top: 7px;
  padding-right: 6px;
  font-size: 12px;
  vertical-align: middle;
}
.footer .footer_subscribe input[type="checkbox"] {
  font-size: 25px;
}
.footer .footer_subscribe p {
  margin: 10px 0;
}
.footer .footer_subscribe .btn.subscribe {
  margin: 10px 12px 0 0;
  width: 40%;
}
.footer .footer_popup {
  background: url("../images/footer_popup_bg.jpg");
  width: 360px;
  height: 230px;
  bottom: 0;
  position: absolute;
  right: 0;
}
.footer .footer_popup .popup_close {
  color: #777777;
}
.footer .footer_popup .popup_close:hover {
  color: #ff8000;
}
.footer .footer_popup h2 {
  color: #111111;
  font-size: 36px;
  line-height: 32px;
  margin-left: 40px;
  margin-top: 97px;
}
.footer .footer_popup .facebook_like {
  float: left;
  margin-right: 5px;
}
.footer .footer_popup p {
  line-height: 21px;
}
.footer .footer_popup .facebook_like, .footer .footer_popup p {
  color: #111111;
  font-family: "HelveticaNeueLight", sans-serif;
  font-size: 12px;
  margin-left: 20px;
  margin-top: 17px;
}

/*------------------------------------------------------------------------*/
/*  4.5. Post job pop-up
/*------------------------------------------------------------------------*/
.post_a_job_popup {
  position: fixed;
  background: #ffffff;
  border-left: 15px solid #ff8000;
  right: 0;
  top: 45vh;
  width: 100%;
  max-width: 650px;
  height: auto;
  z-index: 100;
  display: none;
  padding: 17px;
}
@media only screen and (max-width: 400px) {
  .post_a_job_popup {
    margin: 0 auto;
    top: 20vh;
  }
}
.post_a_job_popup h2 {
  margin-bottom: 14px;
}
@media only screen and (max-width: 400px) {
  .post_a_job_popup h2 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 5px;
  }
}
.post_a_job_popup h5 {
  font-weight: 900;
  font-style: normal;
  margin-bottom: 23px;
  font-size: 18px;
  line-height: 28px;
}
@media only screen and (max-width: 400px) {
  .post_a_job_popup h5 {
    margin-bottom: 10px;
  }
}
.post_a_job_popup p {
  display: inline-block;
  color: #ff8000;
  font-style: normal;
  margin-top: 7px;
}
.post_a_job_popup p span {
  color: #777777;
  font-size: 13px;
  font-weight: 100;
}
@media only screen and (max-width: 560px) {
  .post_a_job_popup p span {
    display: block;
    margin-top: 10px;
  }
}
.post_a_job_popup .btn.post_job {
  float: right;
  width: 150px;
  display: inline-block;
  margin-top: 0;
}
@media only screen and (max-width: 400px) {
  .post_a_job_popup .btn.post_job {
    display: block;
    float: none;
    margin-top: 10px;
  }
}

/*-----------------------------------------------------------------------------*/
/*  5. CATEGORY PAGE STYLES
/*-----------------------------------------------------------------------------*/
/* Contest:

  5.1. Header (see _home.scss file);

  5.2. Search form (see _home.scss file);

  5.3. Main Content:

    5.3.1. Row one:

      5.3.1.1. Category articles:

        5.3.1.1.1. Head article;
        5.3.1.1.2. Other articles (see _home.scss file for similar code);
        5.3.1.1.3. Download more.

      5.3.1.2. Aside:

        5.3.1.2.1. Advertising block 1;
        5.3.1.2.2. Most popular (see _home.scss file for similar code);
        5.3.1.2.3. Follow (see _home.scss file for similar code);
        5.3.1.2.4. Advertising block 2;
        5.3.1.2.5. Twitter favorites.

  5.4. Footer (see _home.scss file).

*/
/*------------------------------------------------------------------------*/
/*  5.3. Main Content
/*------------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*  5.3.1. Row one
/*-------------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*  5.3.1.1. Category articles
/*--------------------------------------------------------------*/
/*----------------------------------------------------*/
/*  5.3.1.1.1. Head article
/*----------------------------------------------------*/
.head_article {
  max-height: 413px;
}
.head_article h2 {
  position: absolute;
  left: 24px;
  width: 94%;
  bottom: 17px;
  z-index: 1;
}
@media only screen and (min-width: 950px) {
  .head_article h2 {
    font-size: 38px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 400px) {
  .head_article h2 {
    width: 80%;
  }
}

.color_box.bottom {
  bottom: 0;
  width: 100%;
  height: 40%;
  left: 0;
}

/*----------------------------------------------------*/
/*  5.3.1.1.3. Download more
/*----------------------------------------------------*/
.download_more a h3 {
  float: right;
}
.download_more a h4 {
  line-height: 37px;
  float: left;
}
.download_more a h4, .download_more a h3 {
  font-family: "GothamBold", sans-serif;
  text-transform: uppercase;
  color: #777777;
}
@media only screen and (max-width: 400px) {
  .download_more a h4, .download_more a h3 {
    float: none;
    text-align: center;
  }
}
.download_more a h4:hover, .download_more a h3:hover {
  color: #ff8000;
  -moz-transition: ease-out 0.2s;
  -o-transition: ease-out 0.2s;
  -webkit-transition: ease-out 0.2s;
  transition: ease-out 0.2s;
}

/*--------------------------------------------------------------*/
/*  5.3.1.2. Aside
/*--------------------------------------------------------------*/
/*----------------------------------------------------*/
/*  5.3.1.2.1. Advertising block 1, 2
/*----------------------------------------------------*/
.aside .adv {
  padding-left: 15px;
}

/*----------------------------------------------------*/
/*  5.3.1.2.5. Twitter favorites
/*----------------------------------------------------*/
.twitter_favorites span {
  font-size: 15px;
}
.twitter_favorites .typcn {
  font-size: 40px;
  color: #00aced;
}
.twitter_favorites .twitter_share {
  display: inline-block;
  margin-left: 10px;
}
@media only screen and (max-width: 1200px) and (min-width: 767px) {
  .twitter_favorites .twitter_share {
    margin: 0;
  }
}

/*-----------------------------------------------------------------------------*/
/*  6. NEWS PAGE STYLES
/*-----------------------------------------------------------------------------*/
/* Contest:

  6.1. Header (see _home.scss file);

  6.2. Search form (see _home.scss file);

  6.3. Main Content:

    6.3.1. Row one:

      6.3.1.1. Map:

        6.3.1.1.1. Article Box;
        6.3.1.1.2. Map search;
        6.3.1.1.3. Map tags.

    6.3.2. Row two:

      6.3.2.1. Category articles (see _category.scss file);
      6.3.2.2. Aside:

        6.3.2.2.1. Advertising block 1 (see _category.scss file);
        6.3.2.2.2. Most popular (see _home.scss file for similar code);
        6.3.2.2.3. Follow (see _home.scss file for similar code);
        6.3.2.2.4. Advertising block 2 (see _category.scss file).

    6.3.3. Row three:

      6.3.3.1. Latest review (see _home.scss file for similar code);
      6.3.3.2. Suggested reading (see _home.scss file for similar code);

    6.3.4. Row four:

      6.3.4.1. Join & Contribute;
      6.3.4.2. Meet;
      6.3.4.3. Jobs (see _home.scss file for similar code).

  6.4. Footer (see _home.scss file).

*/
/*------------------------------------------------------------------------*/
/*  6.3. Main Content
/*------------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*  6.3.1. Row one
/*-------------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*  6.3.1.1. Map
/*--------------------------------------------------------------*/
/*---------------------------------------------------------*/
/*  6.3.1.1.1. Article Box
/*---------------------------------------------------------*/
.article_box {
  position: absolute;
  top: 43px;
  left: 37%;
  background: rgba(255, 255, 255, 0.8);
  padding: 9px;
  width: 260px;
}
.article_box .btn.close {
  right: -4px;
  top: -2px;
}
.article_box .title h3 {
  font-size: 16px;
  line-height: 18px;
}
.article_box .author h5 {
  font-size: 13px;
  line-height: 13px;
}
.article_box .text {
  font-size: 11px;
  line-height: 11px;
}

/*---------------------------------------------------------*/
/*  6.1.1.1.2. Map search
/*---------------------------------------------------------*/
.map_search, .search_results {
  position: absolute;
  top: 0;
  right: 15px;
}
.map_search input, .map_search button, .search_results input, .search_results button {
  display: block;
  height: 39px;
}
.map_search .form-control, .search_results .form-control {
  float: left;
  margin: 0;
  padding: 5px 5px 5px 13px;
  border: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.9);
  width: 200px;
  display: none;
  font-style: italic;
}
.map_search .map_search_button, .search_results .map_search_button {
  margin: 0;
  padding: 0;
  border: 0;
  float: right;
  width: 39px;
  background: rgba(200, 200, 200, 0.5);
}
.map_search .map_search_button:hover, .search_results .map_search_button:hover {
  background: rgba(255, 130, 0, 0.9);
}

.search_results {
  display: none;
  top: 40px;
  width: 238px;
  padding: 14px;
  z-index: 1;
  background: rgba(255, 255, 255, 0.9);
}
.search_results span, .search_results li {
  font-family: "GothamBook", sans-serif;
}
.search_results span {
  font-size: 10px;
  line-height: 10px;
  color: #dddddd;
  text-transform: uppercase;
  margin: 7px 0;
  display: block;
}
.search_results ul {
  padding: 5px 0;
  overflow: scroll;
  max-height: 200px;
}
.search_results li {
  color: #777777;
  font-size: 15px;
  line-height: 15px;
  padding: 3px 11px;
}
.search_results p {
  font-size: 11px;
  line-height: 11px;
  padding-top: 8px;
  color: #777777;
}
.search_results p a {
  color: #ff8000;
}

/*---------------------------------------------------------*/
/*  6.1.1.1.3. Map tags
/*---------------------------------------------------------*/
.map_tags {
  position: absolute;
  top: 50px;
  right: 15px;
  display: block;
  text-align: right;
}
.map_tags a {
  background: rgba(200, 200, 200, 0.5);
  padding: 5px 15px;
  font-family: "GothamBook", sans-serif;
  font-size: 16px;
  text-transform: uppercase;
}
.map_tags a:hover {
  background: rgba(255, 130, 0, 0.9);
}
.map_tags li {
  margin-bottom: 20px;
}
.map_tags li .regions_link {
  background: rgba(255, 255, 255, 0.9);
}
.map_tags li .regions_link:hover {
  background: rgba(255, 130, 0, 0.9);
}
.map_tags .regions_tags {
  padding-top: 15px;
  display: none;
}
.map_tags .regions_tags li {
  margin-bottom: 8px;
}
.map_tags .regions_tags li a {
  background: rgba(255, 255, 255, 0.9);
  font-size: 9px;
  padding: 5px 8px;
}
.map_tags .regions_tags li a:hover {
  background: rgba(255, 130, 0, 0.9);
}
.map_tags.active {
  display: block;
}

/*-------------------------------------------------------------------*/
/*  6.3.4. Row four
/*-------------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*  6.3.4.1. Join & Contribute
/*--------------------------------------------------------------*/
@media only screen and (max-width: 560px) {
  .join_contribute, .meet, .jobs {
    width: 100%;
  }
}
.join_contribute .title_global, .meet .title_global, .jobs .title_global {
  margin-bottom: 35px;
}

.join_contribute h3, .contribute h3 {
  font-size: 25px;
  line-height: 25px;
}

.join_contribute .join span {
  background-image: url('../images/icons-s50ffad9b98.png');
  background-position: 0 -452px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 75px;
  width: 75px;
  float: left;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .join_contribute .join span {
    background-image: url('../images/icons-2x-s5fe3e1c89e.png');
    background-size: 235px 527px;
    background-position: 0 -452px;
    height: 75px;
    width: 75px;
  }
}
.join_contribute .join h3 {
  float: right;
  width: 70%;
  font-size: 25px;
  line-height: 25px;
}
.join_contribute .join p {
  margin-top: 125px;
}

.contribute span {
  background-image: url('../images/icons-s50ffad9b98.png');
  background-position: 0 -324px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 103px;
  width: 100px;
  float: right;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .contribute span {
    background-image: url('../images/icons-2x-s5fe3e1c89e.png');
    background-size: 235px 527px;
    background-position: 0 -324px;
    height: 103px;
    width: 100px;
  }
}
.contribute h3 {
  width: 60%;
  margin-bottom: 20px;
}
.contribute p {
  margin-top: 20px;
}

/*--------------------------------------------------------------*/
/*  6.3.4.2. Meet
/*--------------------------------------------------------------*/
.meet img {
  margin-bottom: 10px;
}
.meet h3 {
  float: left;
  font-size: 30px;
  line-height: 30px;
}
.meet .social.share {
  text-align: right;
}
.meet p {
  margin-top: 10px;
}
@media only screen and (max-width: 400px) {
  .meet .latest_articles {
    margin-top: 20px;
  }
}
.meet .latest_articles h5 {
  font-family: "HelveticaNeueThin", sans-serif;
  margin: 10px 0;
  font-size: 21px;
}
.meet .latest_articles a {
  font-family: "GothamBold", sans-serif;
  display: block;
  margin: 5px 0;
  font-size: 13px;
}
.meet .latest_articles a:hover {
  color: #ff8000;
}

/*--------------------------------------------------------------*/
/*  6.3.4.3. Jobs
/*--------------------------------------------------------------*/
.jobs {
  position: relative;
}
.jobs .see_all {
  top: 20px;
}

/*-----------------------------------------------------------------------------*/
/*  7. INTERN PAGE STYLES
/*-----------------------------------------------------------------------------*/
/* Contest:

  7.1. Header (see _home.scss file);

  7.2. Search form (see _home.scss file);

  7.3. Main Content:

    7.3.1. Row one:

      7.3.1.1 Main:

        7.3.1.1.1. Intern profile;
        7.3.1.1.2. Recent articles (also see _home.scss file for more code);
        7.3.1.1.3. Pagination.

      7.3.1.2. Aside:

        7.3.1.2.1. Twitter favorites (see _category.scss file);
        7.3.1.2.2. Advertising block 1 (see _category.scss file);
        7.3.1.2.3. Follow (see _home.scss file for similar code);
        7.3.1.2.4. You might also like.

  7.4. Footer (see _home.scss file).

*/
/*------------------------------------------------------------------------*/
/*  7.3. Main content
/*------------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*  7.3.1. Row one
/*-------------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*  7.3.1.1. Main
/*--------------------------------------------------------------*/
/*---------------------------------------------------------*/
/*  7.3.1.1.1. Intern profile
/*---------------------------------------------------------*/
.intern_profile {
  background: #ffffff;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (max-width: 600px) {
  .intern_profile {
    padding: 0 0 10px;
  }
}
.intern_profile .social.share {
  text-align: right;
  margin-top: 11px;
}
@media only screen and (max-width: 400px) {
  .intern_profile .social.share {
    margin-top: 0;
  }
}
@media only screen and (max-width: 400px) {
  .intern_profile .image-w {
    width: 100%;
    padding: 0 15px;
    text-align: center;
  }
}
.image_size_reduction {
    width: 60%;
}
@media only screen and (max-width: 400px) {
  .image_size_reduction {
    width: 50%;
}
}
@media only screen and (max-width: 400px) {
  .intern_profile .text-w {
    width: 100%;
    padding-left: 85px;
    margin-top: -5px;
  }
}
.intern_profile p {
  margin-top: 10px;
}
.intern_profile .color_box {
  height: 99%;
  top: 0;
}
.intern_profile .color_box.left {
  width: 6%;
  left: 25%;

}
.intern_profile .color_box.left_2 {
  left: 35%;
  width: 10%;
}

/*---------------------------------------------------------*/
/*  7.3.1.1.2. Recent Articles
/*---------------------------------------------------------*/
.intern-w .article .image-w .tag {
  left: 0;
  right: inherit;
}
.intern-w .article .text {
  margin-bottom: 5px;
}

/*---------------------------------------------------------*/
/*  7.3.1.1.3. Pagination
/*---------------------------------------------------------*/
.pagination li {
  background: none;
}
.pagination li a {
  background: none;
  border: 0;
  border-radius: 0;
  padding: 6px;
  color: #111111;
}
.pagination li a:hover, .pagination li a:active, .pagination li a:focus {
  background: none;
  color: #ff8000;
}
.pagination .typcn {
  color: #777777;
  font-size: 18px;
  line-height: 20px;
}
.pagination .typcn:hover {
  color: #ff8000;
}

/*--------------------------------------------------------------*/
/*  7.3.1.2. Aside
/*--------------------------------------------------------------*/
/*---------------------------------------------------------*/
/*  7.3.1.2.4. You might also like
/*---------------------------------------------------------*/
.also_like .title h3 {
  font-size: 19px;
  line-height: 23px;
}

/*-----------------------------------------------------------------------------*/
/*  8. ARTICLE PAGE STYLES
/*-----------------------------------------------------------------------------*/
/* Contest:

  8.1. Header (see _home.scss file);

  8.2. Articles header;

  8.3. Search form (see _home.scss file);

  8.4. Main Content:

    8.4.1. Row one (Banner News).

    8.4.2. Row two:

      8.4.2.1. Article main:

        8.4.2.1.1. Info;
        8.4.2.1.2. Text;
        8.4.2.1.3. Author;
        8.4.2.1.4. Social;
        8.4.2.1.5. Pagination.

      8.4.2.2. Aside:

        8.4.2.2.1. Advertising block 1 (see _category.scss file);
        8.4.2.2.2. Most popular (see _home.scss file);
        8.4.2.2.3. Follow (see _home.scss file);
        8.4.2.2.4. Advertising block 2 (see _category.scss file).
        8.4.3.2.5. You might also like. (see _intern.scss file);

  8.5. Footer (see _home.scss file).

*/
/*------------------------------------------------------------------------*/
/*  8.2. Articles header
/*------------------------------------------------------------------------*/
.articles_header {
  padding: 0;
  background: #ffffff;
  text-align: center;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
  display: none;
  top: -150px;
}
.articles_header.fixed {
  display: block;
  position: fixed;
}
.articles_header .logo_small {
  float: left;
  background-image: url('../images/icons-s50ffad9b98.png');
  background-position: 0 -146px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 50px;
  width: 50px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .articles_header .logo_small {
    background-image: url('../images/icons-2x-s5fe3e1c89e.png');
    background-size: 235px 527px;
    background-position: 0 -146px;
    height: 50px;
    width: 50px;
  }
}
.articles_header .now_reading-w, .articles_header .up_next-w {
  padding: 21px 40px 0;
}
.articles_header .now_reading-w .now_reading, .articles_header .up_next-w .now_reading {
  float: left;
  display: inline-block;
  padding-left: 17px;
  padding-top: 6px;
  text-align: left;
}
.articles_header .now_reading-w h4, .articles_header .up_next-w h4 {
  font-size: 12px;
  text-transform: uppercase;
}
.articles_header .now_reading-w h3, .articles_header .up_next-w h3 {
  font-size: 18px;
  color: #777777;
}
.articles_header .now_reading-w .social, .articles_header .up_next-w .social {
  display: inline-block;
  float: left;
  padding-left: 45px;
}
.articles_header .up_next-w .up_next {
  text-align: left;
  padding-top: 6px;
}
.articles_header .up_next-w h4 {
  font-size: 12px;
  text-transform: uppercase;
  padding-bottom: 9px;
}
.articles_header .up_next-w h3 {
  font-size: 15px;
  line-height: 15px;
  color: #777777;
}

/*------------------------------------------------------------------------*/
/*  8.4. Main content
/*------------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*  8.4.1. Row one (Banner News)
/*-------------------------------------------------------------------*/
.banner_news {
  height: 100px;
  overflow: hidden;
  position: relative;
  opacity: 0.9;
}
.banner_news:hover {
  opacity: 1;
}
.banner_news .tag {
  right: inherit;
  left: 15px;
  background: rgba(255, 130, 0, 0.5);
  padding: 4px 11px;
  font-size: 13px;
  color: #ffffff;
}
.banner_news .title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30%;
  font-family: GothamBold, sans-serif;
  font-size: 20px;
  line-height: 20px;
  color: #ffffff;
  margin: auto;
  max-width: 271px;
}

/*-------------------------------------------------------------------*/
/*  8.4.2. Row two
/*-------------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*  8.4.2.1. Article main
/*--------------------------------------------------------------*/
/*---------------------------------------------------------*/
/*  8.4.2.1.1. Info
/*---------------------------------------------------------*/
.article_main {
  /*---------------------------------------------------------*/
  /*  8.4.2.1.2. Text
  /*---------------------------------------------------------*/
}
@media only screen and (max-width: 400px) {
  .article_main .title {
    font-size: 25px;
    line-height: 25px;
  }
}
.article_main .title, .article_main .subtitle {
  margin-bottom: 10px;
}
.article_main .about {
  margin-bottom: 10px;
}
.article_main .about span {
  padding-right: 10px;
  padding-bottom: 5px;
  display: inline-block;
  text-align: center;
}
@media only screen and (max-width: 400px) {
  .article_main .about span {
    display: block;
    padding-right: 0;
  }
}
.article_main .twitter_link.typcn, .article_main .comments.typcn {
  color: #777777;
  font-size: 23px;
  line-height: 23px;
}
.article_main .twitter_link a, .article_main .comments a {
  font-size: 15px;
  line-height: 15px;
  padding-left: 4px;
}
.article_main .twitter_link a:hover, .article_main .comments a:hover {
  color: #ff8000;
}
.article_main .comments.typcn {
  color: #111111;
}
.article_main .text {
  font-family: "Open Sans", sans-serif;
  font-weight: 200;
  font-size: 16px;
  line-height: 16px;
  /*---------------------------------------------------------*/
  /*  8.4.2.1.4. Social
  /*---------------------------------------------------------*/
}
.article_main .text img.left {
  float: left;
  width: 47%;
  padding-right: 3%;
  padding-bottom: 1%;
}
@media only screen and (max-width: 400px) {
  .article_main .text img.left {
    float: none;
    width: 100%;
    padding-right: 0;
    padding-bottom: 10px;
  }
}
.article_main .text .social.orange .typcn:before {
  padding-top: 8px;
}

.social.orange a {
  background-color: #ff8000;
  border-radius: 20px;
  width: 30px;
  height: 30px;
  color: #ffffff;
  text-align: center;
}
.social.orange a.typcn:before {
  padding-top: 5px;
}
.social.orange a:hover {
  color: #00aced;
}
.social.orange.bottom a {
  width: 40px;
  height: 40px;
  padding-top: 5px;
}

/*---------------------------------------------------------*/
/*  8.4.2.1.5. Pagination
/*---------------------------------------------------------*/
.article_main .pagination div {
  padding-bottom: 10px;
}
.article_main .pagination a:hover h4, .article_main .pagination a:hover h3 {
  color: #ff8000;
}
.article_main .pagination h4, .article_main .pagination h3 {
  color: #777777;
}
.article_main .pagination h4 {
  font-size: 17px;
  line-height: 17px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.article_main .pagination h3 {
  font-size: 23px;
  line-height: 23px;
}

/*-----------------------------------------------------------------------------*/
/*  9. JOBS PAGE STYLES
/*-----------------------------------------------------------------------------*/
/* Contest:

  9.1. Header (see _home.scss file);

  9.2. Search form (see _home.scss file);

  9.3. Main Content:

    9.3.1. Row one:

      9.3.1.1. Main:

        9.3.1.1.1. Jobs search form;
        9.3.1.1.2. Jobs list top;
        9.3.1.1.3. Jobs list bottom;
        9.3.1.1.4. Pagination (see _intern.scss file for similar code).

      9.3.1.2. Aside:

        9.3.1.2.1. Advertising block 1 (see _category.scss file);
        9.3.1.2.2. Post a job;
        9.3.1.2.3. Follow (see _home.scss file for similar code);
        9.3.1.2.4. Advertising block 2 (see _category.scss file);
        9.3.1.2.5. You might also like (see _intern.scss file).

  9.4. Footer (see _home.scss file).

*/
/*------------------------------------------------------------------------*/
/*  9.3. Main content
/*------------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*  9.3.1. Row one
/*-------------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*  9.3.1.1. Main
/*--------------------------------------------------------------*/
/*---------------------------------------------------------*/
/*  9.3.1.1.1. Jobs search form
/*---------------------------------------------------------*/
.jobs_search {
  background: #eeeeee;
  padding: 20px;
  display: block;
}
.jobs_search .form-group {
  margin: 0;
}
.jobs_search .form-group label {
  width: 28%;
  margin-top: 3px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 600px) {
  .jobs_search .form-group label {
    display: block;
    width: 100%;
    margin-left: 0;
  }
}
.jobs_search .form-group label:nth-child(2n) {
  margin-left: 21px;
}
@media only screen and (max-width: 600px) {
  .jobs_search .form-group label:nth-child(2n) {
    margin-left: 0;
  }
}
.jobs_search .form-control.location, .jobs_search .form-control.keywords {
  height: 40px;
}
.jobs_search .form-control.location {
  width: 30%;
  display: block;
  margin-top: 7px;
}
@media only screen and (max-width: 600px) {
  .jobs_search .form-control.location {
    width: 100%;
    margin-bottom: 10px;
  }
}
.jobs_search .form-control.keywords {
  width: 70%;
  margin-top: 10px;
}
@media only screen and (max-width: 600px) {
  .jobs_search .form-control.keywords {
    width: 65%;
  }
}
@media only screen and (max-width: 600px) {
  .jobs_search .btn.find_jobs {
    width: 35%;
  }
}

/*---------------------------------------------------------*/
/*  9.3.1.1.2. Jobs list top
/*---------------------------------------------------------*/
.jobs_list .title, .jobs_list .author {
  display: block;
}
.jobs_list .author {
  font-size: 15px;
  line-height: 15px;
  color: #ff8000;
  width: 70%;
  float: left;
}
@media only screen and (max-width: 991px) {
  .jobs_list .author {
    width: 60%;
  }
}
.jobs_list .location {
  float: right;
  width: 30%;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .jobs_list .location {
    width: 100px;
  }
}
.jobs_list .location .typcn {
  display: block;
  float: left;
  padding-top: 3px;
  font-size: 20px;
  width: 20px;
}
.jobs_list .location .city, .jobs_list .location .country {
  display: block;
  color: grey;
  font-size: 10px;
  padding-top: 6px;
}
.jobs_list .location .country {
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .jobs_list.top:first-child .job:last-child {
    border-bottom: 4px solid #eeeeee;
  }
  .jobs_list.top:nth-child(2) .job:first-child {
    border-top: 4px solid #eeeeee;
  }
}
.jobs_list.top .job {
  border-top: 8px solid #eeeeee;
  border-bottom: 4px solid #eeeeee;
  padding: 20px 5px;
  display: inline-block;
  width: 100%;
}
.jobs_list.top .job:hover {
  color: inherit;
}
.jobs_list.top .job:nth-child(2n) {
  border-top: 4px solid #eeeeee;
  border-bottom: 8px solid #eeeeee;
}
.jobs_list.top .job .title {
  font-size: 25px;
  line-height: 25px;
  margin-bottom: 12px;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .jobs_list.top .job .title {
    width: 85%;
  }
}
@media only screen and (max-width: 991px) and (min-width: 767px) {
  .jobs_list.top .job .title {
    width: 85%;
  }
}

/*---------------------------------------------------------*/
/*  9.3.1.1.3. Jobs list bottom
/*---------------------------------------------------------*/
.jobs_list.bottom {
  margin-bottom: 2px;
  padding: 10px;
  display: inline-block;
  width: 100%;
}
.jobs_list.bottom.special {
  border-left: 5px solid #ff8000;
  background: #ffffff;
}
.jobs_list.bottom .title, .jobs_list.bottom .author, .jobs_list.bottom .location {
  display: inline-block;
}
.jobs_list.bottom .title {
  width: 54%;
}
@media only screen and (max-width: 560px) {
  .jobs_list.bottom .title {
    width: 100%;
  }
}
.jobs_list.bottom .author {
  width: 28%;
  float: none;
  margin-top: 0;
  text-align: left;
  color: #777777;
  font-weight: 600;
}
@media only screen and (max-width: 560px) {
  .jobs_list.bottom .author {
    text-align: left;
    padding-top: 10px;
    width: 65%;
  }
}
.jobs_list.bottom .author:hover {
  color: #ff8000;
}
.jobs_list.bottom .location {
  float: none;
  width: 15%;
  vertical-align: sub;
}
@media only screen and (max-width: 560px) {
  .jobs_list.bottom .location {
    width: 100px;
    float: right;
  }
}

/*--------------------------------------------------------------*/
/*  9.3.1.2. Aside
/*--------------------------------------------------------------*/
/*---------------------------------------------------------*/
/*  9.3.1.2.2. Post a job
/*---------------------------------------------------------*/
.post_a_job .icon {
  background-image: url('../images/icons-s50ffad9b98.png');
  background-position: -128px -196px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 128px;
  width: 98px;
  float: left;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .post_a_job .icon {
    background-image: url('../images/icons-2x-s5fe3e1c89e.png');
    background-size: 235px 527px;
    background-position: -128px -196px;
    height: 128px;
    width: 98px;
  }
}
.post_a_job .text {
  width: 64%;
  float: right;
  font-family: "HelveticaNeueThin", sans-serif;
  color: #777777;
  font-size: 18px;
  padding: 14px;
}
.post_a_job .text span {
  font-weight: bold;
  color: #111111;
}

/*-----------------------------------------------------------------------------*/
/*  10. JOB AD PAGE STYLES
/*-----------------------------------------------------------------------------*/
/* Contest:

  10.1. Header (see _home.scss file);

  10.2. Search form (see _home.scss file);

  10.3. Main Content:

    10.3.1. Row one:

      10.3.1.1. Job-post:

        10.3.1.1.1. Info;
        10.3.1.1.2. Job description;
        10.3.1.1.3. About the company:

          10.3.1.1.3.1. About candidate;
          10.3.1.1.3.2. Education and skills;
          10.3.1.1.3.3. Benefits;
          10.3.1.1.3.4. Salary;
          10.3.1.1.3.5. How to apply.

      10.3.1.2. Aside:

        10.3.1.2.1. Advertising block 1 (see _category.scss file);
        10.3.1.2.2. Post a job;
        10.3.1.2.3. Follow (see _home.scss file for similar code);
        10.3.1.2.4. Advertising block 2 (see _category.scss file);
        10.3.1.2.5. Jobs you may like.

  10.4. Footer (see _home.scss file).

*/
/*------------------------------------------------------------------------*/
/*  10.3. Main content
/*------------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*  10.3.1. Row one
/*-------------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*  10.3.1.1. Job post
/*--------------------------------------------------------------*/
.job_post {
  /*---------------------------------------------------------*/
  /*  10.3.1.1.1. Info
  /*---------------------------------------------------------*/
}
@media only screen and (max-width: 400px) {
  .job_post h2.title {
    font-size: 30px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 400px) {
  .job_post .about {
    height: 40px;
  }
}
.job_post .about .location {
  color: #777777;
  float: left;
  font-size: 25px;
}
@media only screen and (max-width: 400px) {
  .job_post .about .location {
    float: none;
    margin-bottom: 10px;
  }
}
.job_post .about .social {
  float: right;
}
@media only screen and (max-width: 400px) {
  .job_post .about .social {
    float: none;
  }
}
.job_post h3.title, .job_post h4.title {
  font-size: 23px;
  line-height: 23px;
  margin: 20px 0;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: bold;
}
.job_post h4.title {
  font-size: 20px;
  line-height: 20px;
}
.job_post ul li {
  list-style-type: disc;
  color: #ff8000;
  margin-left: 40px;
  padding-bottom: 5px;
}
.job_post ul li p {
  color: #111111;
}
.job_post p {
  font-style: normal;
  font-family: "HelveticaNeueLight", sans-serif;
  line-height: 19px;
}

/*---------------------------------------------------------*/
/*  10.3.1.1.2. Job description
/*---------------------------------------------------------*/
@media only screen and (max-width: 991px) {
  .job_descr .right {
    margin-top: 20px;
  }
}
.job_descr .right p {
  font-family: "Helvetica Neue", sans-serif;
  margin-bottom: 8px;
}
.job_descr .right p span {
  font-weight: bold;
}
.job_descr .right p span.apply_date {
  color: #ff8000;
}

/*---------------------------------------------------------*/
/*  10.3.1.1.3. About the company
/*---------------------------------------------------------*/
.about_company h3.title {
  display: inline-block;
}
@media only screen and (max-width: 400px) {
  .about_company h3.title {
    margin-bottom: 10px;
  }
}
.about_company .social {
  display: inline-block;
  margin-left: 10px;
}
@media only screen and (max-width: 400px) {
  .about_company .social {
    margin-left: 0;
    margin-bottom: 15px;
  }
}
.about_company .social a {
  color: #777777;
}
.about_company .social a:hover {
  color: #00aced;
}

/*---------------------------------------------------------*/
/*  10.3.1.1.3.5. How to apply.
/*---------------------------------------------------------*/
.how_to_apply a {
  color: #ff8000;
}

/*--------------------------------------------------------------*/
/*  10.3.1.2. Aside
/*--------------------------------------------------------------*/
/*---------------------------------------------------------*/
/*  10.3.1.2.5. Jobs you may like
/*---------------------------------------------------------*/
.job_ad_page .jobs_list.top .job {
  border-top: 0;
  border-bottom: 0;
  padding: 10px 0;
}
.job_ad_page .jobs_list.top .job a.title {
  font-size: 20px;
  line-height: 20px;
}
.job_ad_page .jobs_list.top .job a.author {
  color: #777777;
}
.job_ad_page .jobs_list.top .job a.author:hover {
  color: #ff8000;
}

/*-----------------------------------------------------------------------------*/
/*  11. POST A JOB PAGE STYLES
/*-----------------------------------------------------------------------------*/
/* Contest:

  11.1. Header (see _home.scss file);

  11.2. Search form (see _home.scss file);

  11.3. Main Content:

    11.3.1. Row one:

      11.3.1.1. Post a job:

        11.3.1.1. Prices.

    11.3.2. Row two:

      11.3.2.1. FAQ;
      11.3.2.2. Job listing options.

  11.4. Footer (see _home.scss file).

*/
/*------------------------------------------------------------------------*/
/*  11.3. Main content
/*------------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*  11.3.1. Row one
/*-------------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*  11.3.1.1. Post a job
/*--------------------------------------------------------------*/
.post_a_job_page p {
  font-family: HelveticaNeueThin, sans-serif;
  font-size: 16px;
  line-height: 18px;
  font-style: normal;
}
@media only screen and (max-width: 1200px) {
  .post_a_job_page .post_a_job {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .post_a_job_page .post_a_job {
    margin-bottom: 30px;
  }
}
.post_a_job_page .post_a_job .title_global {
  margin-top: 0;
}
.post_a_job_page .post_a_job p {
  margin-bottom: 10px;
}
.post_a_job_page .post_a_job span {
  font-family: HelveticaNeue, sans-serif;
  font-weight: bold;
}

/*---------------------------------------------------------*/
/*  11.3.1.1.1. Prices
/*---------------------------------------------------------*/
.prices-w {
  text-align: center;
  font-family: HelveticaNeueThin, sans-serif;
}
.prices-w .prices {
  position: relative;
  height: 320px;
}
@media only screen and (max-width: 767px) {
  .prices-w .prices {
    height: inherit;
    position: inherit;
    padding-bottom: 20px;
  }
}
.prices-w .wrapper {
  position: absolute;
  bottom: 0;
  right: 15px;
  left: 15px;
}
@media only screen and (max-width: 767px) {
  .prices-w .wrapper {
    position: inherit;
  }
}
.prices-w .price {
  font-size: 50px;
  line-height: 50px;
  padding: 20px 0;
  border-top: 4px solid #111111;
  border-bottom: 4px solid #ff8000;
}
.prices-w .price span {
  font-family: HelveticaNeueLight, sans-serif;
  font-size: 14px;
  line-height: 14px;
}
.prices-w .features {
  text-align: left;
  padding: 20px 30px;
  background: #ffffff;
}
.prices-w .features span {
  font-size: 30px;
  color: #ff8000;
}
.prices-w .status {
  display: block;
  padding: 10px 0;
  background: #565366;
  color: #ffffff;
}
.prices-w .status.standart:hover, .prices-w .status.premium:hover {
  padding: 20px 0;
}
.prices-w .status.standart:hover span, .prices-w .status.premium:hover span {
  display: none;
}
.prices-w .status.standart:hover:before {
  content: "Post Standart job listing";
}
.prices-w .status.premium {
  background: #ff8000;
}
.prices-w .status.premium:hover:before {
  content: "Post Premium job listing";
}

/*-------------------------------------------------------------------*/
/*  11.3.2. Row two
/*-------------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*  11.3.2.1. FAQ
/*--------------------------------------------------------------*/
.faq p {
  margin-bottom: 10px;
}

/*--------------------------------------------------------------*/
/*  11.3.2.1. Job listing options
/*--------------------------------------------------------------*/
.listing_options .job {
  position: relative;
}
.listing_options .job:hover .overlay {
  opacity: 1;
}
.listing_options .overlay {
  content: '';
  vertical-align: middle;
  position: absolute;
  z-index: 100;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.listing_options .overlay .text {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: "HelveticaNeueBold", sans-serif;
  font-size: 20px;
  line-height: 20px;
}
.listing_options .overlay .text.premium:after {
  content: 'Premium';
}
.listing_options .overlay .text.enhanced:after {
  content: 'Enhanced';
}
.listing_options .jobs_list.top .job .title {
  width: 100%;
}
.listing_options .jobs_list.top .job .overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.listing_options .jobs_list.bottom .job .overlay {
  width: 100%;
  height: 117%;
  top: -4px;
  left: 0;
}

/*-----------------------------------------------------------------------------*/
/*  12. COMPOSE A JOB AD PAGE STYLES
/*-----------------------------------------------------------------------------*/
/* Contest:

  12.1. Header (see _home.scss file);

  12.2. Search form (see _home.scss file);

  12.3. Main Content:

    12.3.1. Row one:

      12.3.1.1. Steps navigation;
      12.3.1.2. Step 1. Create ad.
      12.3.1.3. Step 2. Review (see _job_ad.scss file):

        12.3.1.3.1. Info;
        12.3.1.3.2. Job description;
        12.3.1.3.3. About the company:

          12.3.1.3.3.1. About candidate;
          12.3.1.3.3.2. Education and skills;
          12.3.1.3.3.3. Benefits;
          12.3.1.3.3.4. Salary;
          12.3.1.3.3.5. How to apply.

      12.3.1.4. Step 3. Payment:

        12.3.1.4.1. Top row;
        12.3.1.4.2. Middle row;

          12.3.1.4.2.1. Left Column;
          12.3.1.4.2.2. Left Column.

        12.3.1.4.3. Bottom row.

      12.3.1.5. Step 4. Confirmation.

  12.4. Footer (see _home.scss file).

*/
/*------------------------------------------------------------------------*/
/*  12.3. Main content
/*------------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*  12.3.1. Row one
/*-------------------------------------------------------------------*/
.compose_a_job_ad_page .row {
  background: #eeeeee;
}

/*--------------------------------------------------------------*/
/*  12.3.1.1. Steps navigation
/*--------------------------------------------------------------*/
.setup-content {
  padding: 7%;
}
@media only screen and (max-width: 560px) {
  .setup-content {
    padding: 30px 15px;
  }
}

.steps {
  display: table;
  width: 100%;
}

@media only screen and (min-width: 767px) {
  .nav-justified {
    display: table-row;
  }
  .nav-justified li {
    display: table-cell;
    width: 25%;
  }
}
.nav-pills li {
  background: #e5e5e5;
}
.nav-pills li:not(:first-child) {
  margin-left: 0;
}
.nav-pills li.active a, .nav-pills li.active a:hover, .nav-pills li.active a:focus {
  background: #ffffff;
  border-left: 12px solid #ff8000;
  z-index: 2;
}
@media only screen and (min-width: 767px) {
  .nav-pills li::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 20px solid #e5e5e5;
    border-bottom: 19px solid #e5e5e5;
    border-left: 19px solid #dddddd;
    position: absolute;
    right: -19px;
    top: 0;
    z-index: 1;
  }
}
.nav-pills li.active::after {
  border-left-color: #ffffff;
}
.nav-pills li.non-active {
  z-index: 0;
}
.nav-pills li:last-child::after {
  display: none;
}
.nav-pills li a {
  border-radius: 0;
  padding: 0;
  border-left: 12px solid #dddddd;
}
.nav-pills li a:hover, .nav-pills li a:focus {
  background: #e5e5e5;
}
.nav-pills li h4 {
  margin-bottom: 0;
  color: #111111;
  height: 39px;
  padding: 11px 0 0 24px;
  text-align: left;
  font-size: 20px;
}

/*--------------------------------------------------------------*/
/*  12.3.1.2. Step 1. Create ad
/*--------------------------------------------------------------*/
.compose_a_job_ad_page .title-global, .intern_form_page .title-global, .guest_blogger_page .title-global, .contact_page .title-global {
  font-family: "HelveticaNeueBold", sans-serif;
  font-size: 25px;
  color: #777777;
}
.compose_a_job_ad_page .checkbox, .intern_form_page .checkbox, .guest_blogger_page .checkbox, .contact_page .checkbox {
  font-family: HelveticaNeueLight, sans-serif;
  color: #777777;
  font-size: 14px;
  display: inline-block;
  margin-top: 12px;
  margin-left: 5px;
}
.compose_a_job_ad_page .checkbox input, .intern_form_page .checkbox input, .guest_blogger_page .checkbox input, .contact_page .checkbox input {
  margin-top: 0;
}
.compose_a_job_ad_page .left .checkbox, .intern_form_page .left .checkbox, .guest_blogger_page .left .checkbox, .contact_page .left .checkbox {
  float: right;
  width: 31%;
}
@media only screen and (max-width: 560px) {
  .compose_a_job_ad_page .left .checkbox, .intern_form_page .left .checkbox, .guest_blogger_page .left .checkbox, .contact_page .left .checkbox {
    display: block;
    float: none;
    width: 100%;
  }
}
.compose_a_job_ad_page .form-control, .intern_form_page .form-control, .guest_blogger_page .form-control, .contact_page .form-control {
  height: 40px;
  width: 100%;
  padding: 4px 20px;
  position: relative;
  float: none;
  font-size: 16px;
  -moz-appearance: none;
  -webkit-appearance: none;
}
@media only screen and (max-width: 560px) {
  .compose_a_job_ad_page .form-control, .intern_form_page .form-control, .guest_blogger_page .form-control, .contact_page .form-control {
    font-size: 14px;
  }
}

.create_ad {
  padding: 7% 1%;
}
@media only screen and (max-width: 560px) {
  .create_ad {
    padding: 30px 0;
  }
}
.create_ad .title-global {
  margin-bottom: 20px;
}
.create_ad .wrapper {
  padding: 0 30px;
}
@media only screen and (max-width: 400px) {
  .create_ad .wrapper {
    padding: 0;
  }
}

@media only screen and (max-width: 560px) {
  .form {
    width: 100%;
  }
}

.textarea .controls {
  background: #e5e6e5;
  width: 100%;
  height: 40px;
}
.textarea .form-control {
  height: inherit;
}

.required_icon,
.select_icon,
.calendar_icon {
  position: absolute;
}

.required_icon {
  background-image: url('../images/icons-s50ffad9b98.png');
  background-position: -27px -24px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 12px;
  width: 45px;
  top: 4px;
  right: 23px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .required_icon {
    background-image: url('../images/icons-2x-s5fe3e1c89e.png');
    background-size: 235px 527px;
    background-position: -27px -24px;
    height: 12px;
    width: 45px;
  }
}

.select_icon {
  background-image: url('../images/icons-s50ffad9b98.png');
  background-position: 0 -24px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 6px;
  width: 13px;
  top: 17px;
  right: 29px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .select_icon {
    background-image: url('../images/icons-2x-s5fe3e1c89e.png');
    background-size: 235px 527px;
    background-position: 0 -24px;
    height: 6px;
    width: 13px;
  }
}

.calendar_icon {
  background-image: url('../images/icons-s50ffad9b98.png');
  background-position: -109px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 22px;
  width: 23px;
  top: 9px;
  right: 10px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .calendar_icon {
    background-image: url('../images/icons-2x-s5fe3e1c89e.png');
    background-size: 235px 527px;
    background-position: -109px 0;
    height: 22px;
    width: 23px;
  }
}

.calendar {
  width: 64.4%;
  display: inline-block;
  position: relative;
}
@media only screen and (max-width: 560px) {
  .calendar {
    width: 100%;
  }
}

.bottom .checkbox {
  display: block;
  margin: 0;
}
@media only screen and (max-width: 991px) {
  .bottom .checkbox {
    width: 100%;
  }
}
.bottom .checkbox label {
  display: block;
  padding-bottom: 15px;
}
.bottom .btn span {
  margin-left: 5px;
  color: #777777;
}
.bottom p {
  font-family: HelveticaNeueLight, sans-serif;
  font-size: 14px;
  font-style: normal;
  margin-top: 10px;
}

.note {
  margin: 7px 0;
  text-align: right;
}
@media only screen and (max-width: 560px) {
  .note {
    text-align: center;
  }
}
.note p {
  font-family: "Open Sans", sans-serif;
  color: #777777;
  font-size: 12px;
  font-weight: 100;
  font-style: normal;
}
.note p::before {
  content: '';
  display: inline-block !important;
  margin-right: 5px;
  background-image: url('../images/icons-s50ffad9b98.png');
  background-position: -13px -24px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 14px;
  width: 14px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .note p::before {
    background-image: url('../images/icons-2x-s5fe3e1c89e.png');
    background-size: 235px 527px;
    background-position: -13px -24px;
    height: 14px;
    width: 14px;
  }
}
.note span {
  color: #777777;
  font-size: 13px;
  font-weight: 600;
}

/*--------------------------------------------------------------*/
/*  12.3.1.3. Step 2. Review
/*--------------------------------------------------------------*/
@media only screen and (max-width: 991px) {
  .job_post .note {
    text-align: center;
  }
}
@media only screen and (max-width: 560px) {
  .job_post .note {
    margin-top: 20px;
  }
}
.job_post .btn.payment {
  margin-left: 35px;
}
@media only screen and (max-width: 560px) {
  .job_post .btn.payment {
    margin-left: auto;
  }
}

/*--------------------------------------------------------------*/
/*  12.3.1.4. Step 3. Payment
/*--------------------------------------------------------------*/
.payment {
  /*---------------------------------------------------------*/
  /*  12.3.1.4.1. Top row
  /*---------------------------------------------------------*/
  /*---------------------------------------------------------*/
  /*  12.3.1.4.2. Middle row
  /*---------------------------------------------------------*/
  /*----------------------------------------------------*/
  /*  12.3.1.4.2.1. Left column
  /*----------------------------------------------------*/
  /*----------------------------------------------------*/
  /*  12.3.1.4.2.2. Right column
  /*----------------------------------------------------*/
  /*---------------------------------------------------------*/
  /*  12.3.1.4.2. Bottom row
  /*---------------------------------------------------------*/
}
.payment .form-group .select_icon {
  right: 18px;
}
.payment .form-control {
  padding: 4px 9px;
}
.payment .col {
  padding-right: 7px;
  padding-left: 7px;
}
@media only screen and (max-width: 991px) {
  .payment .top {
    text-align: center;
  }
}
.payment .top h3 {
  font-family: "HelveticaNeueBold", sans-serif;
  margin-bottom: 10px;
  font-size: 32px;
  color: #777777;
}
.payment .top .pay_pal {
  background-image: url('../images/icons-s50ffad9b98.png');
  background-position: -61px -69px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 41px;
  width: 167px;
  display: inline-block;
  margin-left: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .payment .top .pay_pal {
    background-image: url('../images/icons-2x-s5fe3e1c89e.png');
    background-size: 235px 527px;
    background-position: -61px -69px;
    height: 41px;
    width: 167px;
  }
}
.payment .cards, .payment .pay_pal, .payment .buy_with_pay_pal {
  background-image: url('../images/icons-s50ffad9b98.png');
  background-position: 0 -110px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 36px;
  width: 235px;
  margin-left: 10px;
  vertical-align: middle;
  display: inline-block;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .payment .cards, .payment .pay_pal, .payment .buy_with_pay_pal {
    background-image: url('../images/icons-2x-s5fe3e1c89e.png');
    background-size: 235px 527px;
    background-position: 0 -110px;
    height: 36px;
    width: 235px;
  }
}
@media only screen and (max-width: 991px) {
  .payment .cards, .payment .pay_pal, .payment .buy_with_pay_pal {
    margin: 20px 15px;
  }
}
.payment label, .payment p {
  font-family: "Helvetica Neue", sans-serif;
  color: #777777;
  font-size: 15px;
  margin-bottom: 7px;
  font-style: normal;
}
.payment .country .form-group .select_icon {
  top: 41px;
}
.payment .buy_with_pay_pal {
  background-image: url('../images/icons-s50ffad9b98.png');
  background-position: -75px -452px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 27px;
  width: 142px;
  display: inline-block;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .payment .buy_with_pay_pal {
    background-image: url('../images/icons-2x-s5fe3e1c89e.png');
    background-size: 235px 527px;
    background-position: -75px -452px;
    height: 27px;
    width: 142px;
  }
}
@media only screen and (max-width: 560px) {
  .payment .expiration_date {
    width: 100%;
  }
}
@media only screen and (max-width: 560px) {
  .payment .expiration_date_month,
  .payment .expiration_date_year,
  .payment .security_code label {
    width: 50%;
  }
}
@media only screen and (max-width: 991px) {
  .payment .security_code label {
    width: 100%;
  }
}
@media only screen and (max-width: 560px) {
  .payment .security_code.form-group div, .payment .security_code.form-group label {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.payment .help {
  position: absolute;
  right: -19px;
  top: 10px;
  background-image: url('../images/icons-s50ffad9b98.png');
  background-position: -41px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 20px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .payment .help {
    background-image: url('../images/icons-2x-s5fe3e1c89e.png');
    background-size: 235px 527px;
    background-position: -41px 0;
    height: 20px;
    width: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .payment .right {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
}
@media only screen and (max-width: 400px) {
  .payment .right #pay_pal {
    margin-top: 20px;
  }
}
.payment .right .buy_with_pay_pal {
  margin: 20px;
}
.payment .btn {
  display: block;
}
.payment .btn.back {
  margin-top: 50px;
}
@media only screen and (max-width: 400px) {
  .payment .btn.back {
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------*/
/*  12.3.1.5. Step 4. Confirmation
/*--------------------------------------------------------------*/
.confirmation {
  text-align: center;
  min-height: 500px;
  position: relative;
}
.confirmation .wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.confirmation h2, .confirmation p {
  font-family: "HelveticaNeueBold", sans-serif;
  color: #777777;
  font-size: 50px;
  line-height: 50px;
}
.confirmation p {
  font-family: "HelveticaNeueLight", sans-serif;
  font-style: normal;
  margin-top: 30px;
  font-size: 15px;
  line-height: 15px;
}

/*-----------------------------------------------------------------------------*/
/*  14. JOIN SELECTION PAGE STYLES
/*-----------------------------------------------------------------------------*/
/* Contest:

  13.1. Header (see _home.scss file);

  13.2. Search form (see _home.scss file);

  13.3. Main Content:

    13.3.1. Row one:

      13.3.1.1. Columns.

  13.4. Footer (see _home.scss file).

*/
/*------------------------------------------------------------------------*/
/*  13.3. Main content
/*------------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*  13.3.1. Row one
/*-------------------------------------------------------------------*/
/*---------------------------------------------------------*/
/*  13.3.1.1. Columns
/*---------------------------------------------------------*/
.join_selection_page {
  min-height: 571px;
  padding: 10%;
}
@media only screen and (max-width: 1200px) {
  .join_selection_page {
    padding: 11% 0;
  }
}
@media only screen and (max-width: 400px) {
  .join_selection_page {
    padding: 0;
  }
}
.join_selection_page h2 {
  font-size: 40px;
  line-height: 40px;
  min-height: 165px;
  color: #777777;
}
@media only screen and (max-width: 600px) {
  .join_selection_page h2 {
    min-height: 0;
    font-size: 30px;
    line-height: 30px;
  }
}
.join_selection_page span {
  display: inline-block;
}
@media only screen and (max-width: 600px) {
  .join_selection_page .left, .join_selection_page .right {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .join_selection_page .left {
    margin-bottom: 20px;
  }
}
.join_selection_page .left h2 {
  margin-bottom: 37px;
}
@media only screen and (max-width: 600px) {
  .join_selection_page .left h2 {
    margin-bottom: 20px;
  }
}
.join_selection_page .left a {
  margin-top: 29px;
}
@media only screen and (max-width: 991px) {
  .join_selection_page .left a {
    margin-top: 10px;
  }
}
.join_selection_page .left span {
  margin-right: 20px;
  background-image: url('../images/icons-s50ffad9b98.png');
  background-position: -100px -324px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 128px;
  width: 96px;
  float: left;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .join_selection_page .left span {
    background-image: url('../images/icons-2x-s5fe3e1c89e.png');
    background-size: 235px 527px;
    background-position: -100px -324px;
    height: 128px;
    width: 96px;
  }
}
@media only screen and (max-width: 991px) {
  .join_selection_page .left span {
    display: block;
    margin: 0 auto;
    float: none;
  }
}
.join_selection_page .right h2 {
  margin-bottom: 47px;
}
@media only screen and (max-width: 600px) {
  .join_selection_page .right h2 {
    margin-bottom: 20px;
  }
}
.join_selection_page .right a {
  margin-top: 53px;
}
@media only screen and (max-width: 991px) {
  .join_selection_page .right a {
    margin-top: 10px;
  }
}
.join_selection_page .right span {
  background-image: url('../images/icons-s50ffad9b98.png');
  background-position: 0 -196px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 118px;
  width: 128px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .join_selection_page .right span {
    background-image: url('../images/icons-2x-s5fe3e1c89e.png');
    background-size: 235px 527px;
    background-position: 40px -196px;
    height: 118px;
    width: 168px;
  }
}
@media only screen and (max-width: 991px) {
  .join_selection_page .right span {
    display: block;
    margin: 0 auto;

  }
}
.join_selection_page a {
  font-family: HelveticaNeueLight, sans-serif;
  font-size: 25px;
  line-height: 34px;
  color: #777777;
  width: 65%;
  display: inline-block;
}
@media only screen and (max-width: 991px) {
  .join_selection_page a {
    display: block;
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .join_selection_page a {
    font-size: 20px;
    line-height: 29px;
  }
}
.join_selection_page a:hover {
  color: #ff8000;
}

/*-----------------------------------------------------------------------------*/
/*  14. INTERN FORM PAGE STYLES
/*-----------------------------------------------------------------------------*/
/* Contest:

  14.1. Header (see _home.scss file);

  14.2. Search form (see _home.scss file);

  14.3. Main Content:

    14.3.1. Row one;

    14.3.2. Row two (see _compose_job_ad.scss file):

      14.3.2.1. Left column;
      14.3.2.2. Right column;
      14.3.2.3. Bottom column.

  14.4. Footer (see _home.scss file).

*/
/*------------------------------------------------------------------------*/
/*  14.3. Main content
/*------------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*  14.3.2. Row two
/*-------------------------------------------------------------------*/
/*---------------------------------------------------------*/
/*  12.3.2.1. Left column
/*---------------------------------------------------------*/
.intern_form_page {
  /*---------------------------------------------------------*/
  /*  12.3.2.2. Right column
  /*---------------------------------------------------------*/
  /*---------------------------------------------------------*/
  /*  12.3.2.2. Bottom column
  /*---------------------------------------------------------*/
}
.intern_form_page .wrapper {
  padding: 3%;
}
@media only screen and (max-width: 560px) {
  .intern_form_page .wrapper {
    padding: 30px 0;
  }
}
.intern_form_page h4 {
  color: #777777;
  font-size: 26px;
  line-height: 26px;
}
.intern_form_page .title-global {
  color: #555555;
  font-size: 25px;
  line-height: 25px;
}
.intern_form_page .address .form-control {
  height: 80px;
}
.intern_form_page label {
  font-family: HelveticaNeueLight, sans-serif;
  color: #777777;
  font-size: 14px;
  margin-bottom: 8px;
}
.intern_form_page .interested_internship .select_icon,
.intern_form_page .interested_academic_credit .select_icon {
  top: 60%;
}
.intern_form_page .here_about_position .select_icon {
  top: 55%;
}
@media only screen and (max-width: 560px) {
  .intern_form_page .left, .intern_form_page .right {
    width: 100%;
  }
}
.intern_form_page .textarea .form-control {
  padding: 16px;
}
.intern_form_page .upload_files {
  margin-bottom: 10px;
}
.intern_form_page .upload_files .file-input-wrapper {
  background: #eeeeee;
  font-family: HelveticaNeue, sans-serif;
  height: 25px;
  padding: 3px 12px;
  width: 30%;
}
@media only screen and (max-width: 480px) {
  .intern_form_page .upload_files .file-input-wrapper {
    display: block;
    margin: 0 auto;
    width: 100%;
  }
}
.intern_form_page .upload_files .file-input-wrapper:hover {
  background: #777777;
}
.intern_form_page .upload_files .file-input-wrapper span {
  color: #ffffff;
  margin: 0;
  width: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.intern_form_page .upload_files .required_file, .intern_form_page .upload_files .file-input-name {
  font-family: "HelveticaNeueLight", sans-serif;
  font-size: 14px;
  color: #777777;
  margin-left: 9px;
}
@media only screen and (max-width: 480px) {
  .intern_form_page .upload_files .required_file, .intern_form_page .upload_files .file-input-name {
    display: block;
    margin: 10px 0;
  }
}

/*-----------------------------------------------------------------------------*/
/*  15. GUEST BLOGGER PAGE STYLES
/*-----------------------------------------------------------------------------*/
/* Contest:

  15.1. Header (see _home.scss file);

  15.2. Search form (see _home.scss file);

  15.3. Main Content:

    15.3.1. Row one:

      15.3.1.1. Main;

        15.3.1.1.1. Text;
        15.3.1.1.2. Form.

      15.3.1.2. Aside:

        15.3.1.2.1. Advertising block 1 (see _category.scss file);
        15.3.1.2.2. Advertising block 2 (see _category.scss file);
        15.3.1.2.3. Follow (see _home.scss file);
        15.3.1.2.4. You might also like (see _intern.scss file).

  15.4. Footer (see _home.scss file).

*/
/*------------------------------------------------------------------------*/
/*  15.3. Main content
/*------------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*  15.3.1. Row one
/*-------------------------------------------------------------------*/
/*---------------------------------------------------------*/
/*  15.3.1.1. Main
/*---------------------------------------------------------*/
.guest_blogger_page {
  /*----------------------------------------------------*/
  /*  15.3.1.1.1. Text
  /*----------------------------------------------------*/
  /*---------------------------------------------------------*/
  /*  15.3.1.2. Aside
  /*---------------------------------------------------------*/
  /*----------------------------------------------------*/
  /*  15.3.1.2.3. Follow
  /*----------------------------------------------------*/
}
.guest_blogger_page .title-global {
  font-family: "GothamBold", sans-serif;
  font-size: 40px;
  line-height: 40px;
  color: #777777;
}
.guest_blogger_page .text {
  color: #525252;
}
.guest_blogger_page .text p, .guest_blogger_page .text li {
  font-family: "HelveticaNeueThin", sans-serif;
  margin-bottom: 10px;
  font-style: normal;
  font-size: 16px;
  line-height: 18px;
}
.guest_blogger_page .text ul {
  margin-bottom: 10px;
}
.guest_blogger_page .text li {
  padding-left: 10px;
  margin-bottom: 3px;
}
.guest_blogger_page .follow .form-control {
  float: left;
}

/*-----------------------------------------------------------------------------*/
/*  16. INTERN JOIN PAGE STYLES
/*-----------------------------------------------------------------------------*/
/* Contest:

  16.1. Header (see _home.scss file);

  16.2. Search form (see _home.scss file);

  16.3. Main Content:

    16.3.1. Row one:

      16.3.1.1. Heading;
      16.3.1.2. Accordion:

        16.3.1.2.1. Text.

  16.4. Footer (see _home.scss file).

*/
/*------------------------------------------------------------------------*/
/*  16.3. Main content
/*------------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*  16.3.1. Row one
/*-------------------------------------------------------------------*/
/*---------------------------------------------------------*/
/*  16.3.1.1. Heading
/*---------------------------------------------------------*/
.intern_join_page .title-global, .intern_join_page h5 {
  font-family: "GothamBold", sans-serif;
  font-size: 40px;
  line-height: 40px;
  color: #777777;
  margin-right: 15px;
}
.intern_join_page h5 {
  font-family: "HelveticaNeueThin", sans-serif;
  color: #525252;
  font-size: 20px;
  line-height: 24px;
}
.intern_join_page h5 span {
  font-family: "HelveticaNeue", sans-serif;
  color: #777777;
}

/*---------------------------------------------------------*/
/*  16.3.1.2. Accordion
/*---------------------------------------------------------*/
.panel {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  background-color: inherit;
  position: relative;
  margin-bottom: 12px;
}
.panel .title a {
  font-family: "HelveticaNeueLight", sans-serif;
  color: #777777;
  font-size: 20px;
  position: relative;
}
.panel .title a:hover {
  color: #ff8000;
}
@media only screen and (min-width: 1200px) {
  .panel .title a:hover::after {
    content: 'See details';
    text-transform: uppercase;
    color: #ff8000;
    font-size: 10px;
    position: absolute;
    top: 9px;
    right: -80px;
  }
}

/*----------------------------------------------------*/
/*  16.3.1.2.1. Text
/*----------------------------------------------------*/
.panel-body.text {
  font-size: 15px;
}
@media only screen and (max-width: 560px) {
  .panel-body.text {
    padding: 0 5px;
  }
}
.panel-body.text p, .panel-body.text li, .panel-body.text li p {
  margin-bottom: 10px;
  font-family: "HelveticaNeueLight", sans-serif;
  font-style: normal;
  font-size: 15px;
  line-height: 17px;
  color: #777777;
}
.panel-body.text h5, .panel-body.text a {
  font-family: HelveticaNeue, sans-serif;
}
.panel-body.text a {
  color: #ff8000;
}
.panel-body.text h5, .panel-body.text ul {
  margin-bottom: 10px;
}
.panel-body.text h5 {
  font-size: 20px;
  line-height: 20px;
}
.panel-body.text li {
  margin-bottom: 5px;
  margin-left: 40px;
  list-style-type: disc;
  color: #ff8000;
}
@media only screen and (max-width: 560px) {
  .panel-body.text li {
    margin-left: 20px;
  }
}

/*-----------------------------------------------------------------------------*/
/*  17. SEARCH RESULTS PAGE STYLES
/*-----------------------------------------------------------------------------*/
/* Contest:

  17.1. Header (see _home.scss file);

  17.2. Search form (see _home.scss file);

  17.3. Main Content:

    17.3.1. Row one:

      17.3.1.1. Main:

        17.3.1.1.1. Detailed search form;
        17.3.1.1.2. Results;
        17.3.1.1.3. Search results:

          17.3.1.1.3.1. Articles;
          17.3.1.1.3.2. Jobs.

        17.3.1.1.4. Pagination (see _intern.scss file for similar code).

      17.3.1.2. Aside:

        17.3.1.2.1. Advertising block 1 (see _category.scss file);
        17.3.1.2.2. Advertising block 1 (see _category.scss file);
        17.3.1.2.3. Follow (see _home.scss file for similar code);
        17.3.1.2.4. Most popular (see _home.scss file for similar code);

  17.4. Footer (see _home.scss file).

*/
/*------------------------------------------------------------------------*/
/*  17.3. Main content
/*------------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*  17.3.1. Row one
/*-------------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*  17.3.1.1. Main
/*--------------------------------------------------------------*/
/*---------------------------------------------------------*/
/*  17.3.1.1.1. Detailed search form
/*---------------------------------------------------------*/
.search_form.detailed {
  width: 100%;
  background: white;
  height: 59px;
}
.search_form.detailed .form-group {
  margin: 0;
}
.search_form.detailed .btn-group {
  display: inherit;
}
.search_form.detailed .btn.select {
  height: 59px;
  padding: 20px 0;
  width: 115px;
  font-family: "HelveticaNeueThin", sans-serif;
  font-style: italic;
  font-size: 14px;
  background: #ffffff;
  color: #777777;
}
.search_form.detailed .btn.select .caret {
  color: orange;
  margin-left: 7px;
}
.search_form.detailed .dropdown-menu {
  top: 56px;
  left: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.search_form.detailed .form-control {
  width: 70%;
  padding: 10px 5px;
}
@media only screen and (max-width: 600px) {
  .search_form.detailed .form-control {
    width: 55%;
  }
}
@media only screen and (max-width: 400px) {
  .search_form.detailed .form-control {
    width: 40%;
  }
}
.search_form.detailed .search_button {
  width: 35px;
  margin: 12px 24px 0 0;
}

/*---------------------------------------------------------*/
/*  17.3.1.1.2. Results
/*---------------------------------------------------------*/
.results p {
  font-family: "HelveticaNeueLight", sans-serif;
  font-style: normal;
}
.results p .query {
  color: #ff8000;
}

/*---------------------------------------------------------*/
/*  17.3.1.1.3. Search results
/*---------------------------------------------------------*/
/*----------------------------------------------------*/
/*  17.3.1.1.3.1. Articles
/*----------------------------------------------------*/
.search_results-w .tag {
  font-size: 12px;
  left: 0;
  right: inherit;
}
.search_results-w .article .title h3 {
  font-size: 19px;
  line-height: 19px;
}
.search_results-w .article .author h5 {
  font-size: 14px;
  line-height: 14px;
}
.search_results-w .article .text, .search_results-w .article .read_full {
  font-size: 12px;
  line-height: 12px;
}

/*----------------------------------------------------*/
/*  17.3.1.1.3.2. Jobs
/*----------------------------------------------------*/
.search_results-w .jobs_list.top .job {
  border-bottom: 8px solid #eeeeee !important;
}
.search_results-w .jobs_list.top .job .tag {
  left: 15px;
  top: 8px;
  background-color: #ffffff;
}
.search_results-w .jobs_list.top .job .title, .search_results-w .jobs_list.top .job .author, .search_results-w .jobs_list.top .job .location {
  display: inline-block;
}
.search_results-w .jobs_list.top .job .title {
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 0;
}
@media only screen and (min-width: 767px) {
  .search_results-w .jobs_list.top .job .title {
    width: 45%;
    margin-left: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .search_results-w .jobs_list.top .job .title {
    margin-top: 20px;
  }
}
.search_results-w .jobs_list.top .job .author {
  width: 20%;
  float: none;
  vertical-align: top;
  padding-top: 6px;
  margin: 0;
}
@media only screen and (min-width: 767px) {
  .search_results-w .jobs_list.top .job .location {
    width: 15%;
  }
}

/*-----------------------------------------------------------------------------*/
/*  18. ABOUT PAGE STYLES
/*-----------------------------------------------------------------------------*/
/* Contest:

  18.1. Header (see _home.scss file);

  18.2. Search form (see _home.scss file);

  18.3. Main Content:

    18.3.1. Row one;
    18.3.2. Row two;
    18.3.3. Row three;
    18.3.4. Row four;
    18.3.5. Row five.

  18.4. Footer (see _home.scss file).

*/
/*------------------------------------------------------------------------*/
/*   18.3. Main Content
/*------------------------------------------------------------------------*/
.parallax {
  min-height: 500px;
  background: transparent;
  position: relative;
  margin: 0;
  padding: 10% 0;
  /*-------------------------------------------------------------------*/
  /*  18.3.1. Row one
  /*-------------------------------------------------------------------*/
  /*-------------------------------------------------------------------*/
  /*  18.3.2. Row two
  /*-------------------------------------------------------------------*/
  /*-------------------------------------------------------------------*/
  /*  18.3.3. Row three
  /*-------------------------------------------------------------------*/
  /*-------------------------------------------------------------------*/
  /*  18.3.4. Row four
  /*-------------------------------------------------------------------*/
  /*-------------------------------------------------------------------*/
  /*  18.3.5. Row five
  /*-------------------------------------------------------------------*/
}
@media only screen and (max-width: 400px) {
  .parallax {
    margin: 0;
  }
}
.parallax.parallax_3, .parallax.parallax_4, .parallax.parallax_5 {
  min-height: 700px;
}
@media only screen and (max-width: 400px) {
  .parallax.parallax_3, .parallax.parallax_4, .parallax.parallax_5 {
    min-height: 500px;
  }
}
.parallax .row {
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  position: absolute;
  top: 50%;
  z-index: 4;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.parallax h2 {
  padding: 10% 0;
  color: #ffffff;
  font-family: "GothamBold", sans-serif;
  font-size: 55px;
  line-height: 60px;
}
@media only screen and (max-width: 400px) {
  .parallax h2 {
    font-size: 40px;
    line-height: 46px;
    text-align: center;
  }
}
.parallax h3 {
  padding: 10% 0;
  color: #111111;
  font-size: 26px;
  line-height: 28px;
}
@media only screen and (max-width: 991px) {
  .parallax h3 {
    padding-bottom: 2%;
  }
}
@media only screen and (max-width: 400px) {
  .parallax h3 {
    font-size: 16px;
    line-height: 18px;
  }
}
.parallax a {
  color: #ffffff;
  display: block;
  font-size: 18px;
  line-height: 16px;
  padding: 4px 0;
}
@media only screen and (max-width: 1200px) {
  .parallax a {
    padding: 8px 0;
  }
}
@media only screen and (max-width: 400px) {
  .parallax a {
    font-size: 16px;
    line-height: 18px;
  }
}
.parallax a:hover {
  color: #ff8000;
}
.parallax .photo_by {
  position: absolute;
  bottom: 18px;
  right: 12px;
  color: #ffffff;
  font-style: normal;
  font-size: 10px;
  line-height: 10px;
}
.parallax.parallax_1 .row, .parallax.parallax_4 .row {
  background: rgba(255, 128, 0, 0.3);
}
.parallax.parallax_2 .right, .parallax.parallax_3 .right {
  padding: 7% 0;
}
@media only screen and (max-width: 991px) {
  .parallax.parallax_2 .right, .parallax.parallax_3 .right {
    text-align: center;
  }
}
.parallax.parallax_3 .row {
  background: rgba(0, 0, 0, 0.2);
}
.parallax.parallax_3 .left {
  text-align: right;
}
.parallax.parallax_3 .left h3 {
  padding: 16% 0;
  color: #ffffff;
  font-size: 36px;
  line-height: 38px;
}
@media only screen and (max-width: 400px) {
  .parallax.parallax_3 .left h3 {
    font-size: 26px;
    line-height: 28px;
    text-align: center;
  }
}
.parallax.parallax_3 .right {
  padding: 6% 0;
}
.parallax.parallax_4 .row {
  padding: 2%;
}
.parallax.parallax_4 h2, .parallax.parallax_4 h3 {
  color: #ffffff;
  padding: 0;
  font-family: "HelveticaNeueLight", sans-serif;
}
.parallax.parallax_4 h3 {
  font-size: 36px;
  line-height: 38px;
}
@media only screen and (max-width: 400px) {
  .parallax.parallax_4 h3 {
    font-size: 28px;
    line-height: 44px;
    text-align: center;
  }
}
.parallax.parallax_5 .row {
  background: rgba(255, 255, 255, 0.7);
  padding: 0 4%;
}
.parallax.parallax_5 .text {
  float: right;
  margin: 6% 0;
}
.parallax.parallax_5 .text p {
  font-family: "HelveticaNeueThin", sans-serif;
  font-size: 22px;
  line-height: 24px;
  font-style: normal;
  color: #111111;
  text-align: right;
}
@media only screen and (max-width: 400px) {
  .parallax.parallax_5 .text p {
    font-size: 16px;
    line-height: 18px;
    text-align: center;
  }
}
.parallax.parallax_5 img {
  width: 39%;
  position: absolute;
  bottom: 0;
}
@media only screen and (max-width: 991px) {
  .parallax.parallax_5 img {
    width: 50%;
    margin-left: 55px;	}
    /*Nav menu center*/
    .menu-top-menu-container {
    text-align: center;
}
  ul#menu-sub-menu {
    text-align: center;
}
.menu-w li {
    display: inline-block;
}
}
/*-----------------------------------------------------------------------------*/
/*  19. CONTACT PAGE STYLES
/*-----------------------------------------------------------------------------*/
/* Contest:

  19.1. Header (see _home.scss file);

  19.2. Search form (see _home.scss file);

  19.3. Main Content:

    19.3.1. Row one (Columns);

      19.3.1.1 Top;

      19.3.1.2 Left;

      19.3.1.3 Right:

        19.3.1.3.1. Form;
        19.3.1.3.2. Success message.

  19.4. Footer (see _home.scss file).

*/
/*------------------------------------------------------------------------*/
/*  19.3. Main Content
/*------------------------------------------------------------------------*/
.contact_page {
  min-height: 571px;
  /*-------------------------------------------------------------------*/
  /*  19.3.1. Row one
  /*-------------------------------------------------------------------*/
  /*---------------------------------------------------------*/
  /*  19.3.1.2. Left
  /*---------------------------------------------------------*/
  /*---------------------------------------------------------*/
  /*  19.3.1.3. Right
  /*---------------------------------------------------------*/
}
.contact_page .left p, .contact_page .left a {
  color: #111111;
  font-size: 20px;
  line-height: 23px;
  font-style: normal;
  font-family: "HelveticaNeueThin", sans-serif;
}
.contact_page .left .site.links {
  margin-top: 20px;
}
.contact_page .left .site.links a {
  display: block;
  padding: 5px 0;
  color: #777777;
  font-family: "HelveticaNeueLight", sans-serif;
}
.contact_page .left .site.links a:hover {
  color: #ff8000;
}
.contact_page .left .social.links {
  margin-top: 50px;
}
.contact_page .left .social.links a {
  font-size: 60px;
}
.contact_page .left .social.links a:hover {
  color: #00aced;
}
.contact_page .right {
  /*----------------------------------------------------*/
  /*  19.3.1.3.1. Form
  /*----------------------------------------------------*/
  /*----------------------------------------------------*/
  /*  19.3.1.3.2. Success message
  /*----------------------------------------------------*/
}
.contact_page .right .btn-w {
  float: right;
}
@media only screen and (max-width: 400px) {
  .contact_page .right .btn-w {
    float: none;
    text-align: center;
  }
}
.contact_page .right .btn.cancel, .contact_page .right .btn.send_inquiry {
  display: inline-block;
}
.contact_page .right .btn.cancel {
  margin-right: 10px;
}
.contact_page .right .success_message {
  display: none;
}
.contact_page .right .success_message h2 {
  font-family: "HelveticaNeueThin", sans-serif;
  color: #777777;
  font-size: 30px;
  line-height: 40px;
  padding: 50px 0;
}

/*-----------------------------------------------------------------------------*/
/*  20. 404 PAGE STYLES
/*-----------------------------------------------------------------------------*/
/* Contest:

  20.1. Header (see _home.scss file);

  20.2. Search form (see _home.scss file);

  20.3. Main Content:

    20.3.1. Row one (Columns);

  20.4. Footer (see _home.scss file).

*/
/*------------------------------------------------------------------------*/
/*  20.3. Main Content
/*------------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*  20.3.1. Row one
/*-------------------------------------------------------------------*/
.page_not_found {
  min-height: 571px;
  padding: 11% 8%;
}
@media only screen and (max-width: 1200px) {
  .page_not_found {
    min-height: inherit;
    padding: 11% 0;
  }
}
@media only screen and (max-width: 767px) {
  .page_not_found .left, .page_not_found .right {
    width: 100%;
  }
}
.page_not_found .left img {
  width: 70%;
  margin: 0 auto;
  display: block;
}
@media only screen and (max-width: 767px) {
  .page_not_found .left img {
    width: 300px;
  }
}
.page_not_found .right {
  padding-top: 2%;
}
@media only screen and (max-width: 767px) {
  .page_not_found .right {
    padding-top: 8%;
  }
}
.page_not_found .right h2 {
  font-family: HelveticaNeueThin, sans-serif;
  font-size: 55px;
  line-height: 60px;
}
@media only screen and (max-width: 991px) {
  .page_not_found .right h2 {
    font-size: 36px;
    line-height: 43px;
  }
}
@media only screen and (max-width: 767px) {
  .page_not_found .right h2 {
    text-align: center;
  }
}
.page_not_found .right p, .page_not_found .right a {
  font-family: HelveticaNeueLight, sans-serif;
  font-size: 26px;
  line-height: 32px;
  color: #555266;
  margin-top: 24px;
  font-style: normal;
}
@media only screen and (max-width: 991px) {
  .page_not_found .right p, .page_not_found .right a {
    font-size: 20px;
    line-height: 25px;
  }
}
.page_not_found .right a {
  color: #ff8000;
}
.col-md-4.news.pt.pb > .author {
    margin-bottom: 50px;
}