/*
Theme Name: Young Face
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: young-face
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 Young Face is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - normalize.css
2.0 - Typography
3.0 - Elements
4.0 - Forms
5.0 - Navigation
    5.1 - Links
    5.2 - Menus
6.0 - Footer
7.0 - Alignments
8.0 - Clearings
9.0 - Widgets
10.0 - Content
    10.1 - Posts and pages
    10.2 - Asides
    10.3 - Comments
11.0 - Infinite scroll
12.0 - Media
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - normalize.css
--------------------------------------------------------------*/
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
  border: 0;
  display: block;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8+, and Opera
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #565656;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
}

body {
    background: #c6c0c1 url(images/background.jpg) no-repeat top center;
    -ms-touch-action: none !important; /* DISABLE DOUBLE-TAP-ZOOM */
}

/*font-family: 'Open Sans', sans-serif;*/
/*font-family: 'Roboto', sans-serif;*/

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
    overflow-y: scroll;
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 370px;
}

@media (max-width: 960px) {
    body {
      margin-bottom: auto;
    }
}

/**
 *
 */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/**
 *
 */
pre.xdebug-var-dump {
  background: #fff;
}

/**
 *
 */
.site-element-wrapper {
    max-width: 960px;
    padding: 0 10px;
    margin: 0 auto;
}


@media (max-width: 960px) {
    .site-element-wrapper {
        max-width: 768px;
    }
}

/**
 *
 */
.label {
    display: inline-block;
    padding: .2em .6em .3em;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}

.label[href]:hover,
.label[href]:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

/**
 *
 */
#cookie-widget {
    z-index: 1;
}

/**
 *
 */
table.table-responsive {
    table-layout: fixed;
    width: 100%;
}

table.table-responsive > thead {
    border-bottom: 2px solid #c7c7c7;
}

table.table-responsive > thead > tr {}

table.table-responsive > thead > tr > th {
    padding: 8px 13px 16px;
    text-align: left;
    line-height: 1;
}

table.table-responsive > tbody {
    border-bottom: 2px solid #c7c7c7;
    font-size: 12px;
}

table.table-responsive > tbody > tr {
    background: #fff;
}

table.table-responsive > tbody > tr.even {
    background: #f5f5f5;
}

table.table-responsive > tbody > tr.ui-sortable-placeholder {
    border: 1px dashed #ededed;
}

table.table-responsive > tbody > tr > td {
    padding: 13px 10px;
    line-height: 1;
}

table.table-responsive > tbody > tr.ui-sortable-helper > td {
    border: none;
}

@media only screen and (max-width: 960px) {
    .do-responsive-table table.table-responsive,
    .do-responsive-table table.table-responsive > thead,
    .do-responsive-table table.table-responsive > tbody,
    .do-responsive-table table.table-responsive th,
    .do-responsive-table table.table-responsive td,
    .do-responsive-table table.table-responsive tr {
        display: block;
        width: 100%;
    }

    .do-responsive-table table.table-responsive > thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .do-responsive-table table.table-responsive tr {}

    .do-responsive-table table.table-responsive td {
        border: none;
        position: relative;
        padding-left: 50% !important;
    }

    .do-responsive-table table.table-responsive td:before {
        position: absolute;
        left: 6px;
        width: 45%;
        white-space: nowrap;
        line-height: 1.4;
        font-weight: 700;
        font-size: 14px;
        left: 13px;
        white-space: nowrap;
        overflow: hidden;
        margin-top: -5px;

        -ms-text-overflow: ellipsis;
            text-overflow: ellipsis;
    }

    .do-responsive-table table.table-responsive td[data-col-title]:before {
        content: attr(data-col-title);
    }
}

.responsive-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.responsive-video-container iframe,
.responsive-video-container object,
.responsive-video-container embed,
.responsive-video-container video,
.responsive-video-container .video-js,
.responsive-video-container .mejs-container,
.responsive-video-container .mejs-container .mejs-inner > .mejs-mediaelement > .me-plugin,
.responsive-video-container .mejs-container .mejs-inner > .mejs-layers > .mejs-layer,
.responsive-video-container .yf-video-player-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.responsive-video-container .mejs-container .mejs-poster {
	background-color: #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.responsive-video-container .yf-video-player-placeholder {
	background: #000 no-repeat 50% 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	cursor: pointer;
}

/**
 *
 */
.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

/**
 *
 */

.yf-fb-widget {

}
.yf-fb-widget .yf-fb-share {
    background: #4267b2;
    border: 1px solid #4267b2;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 11px;
    line-height: 16px;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    white-space: nowrap;
    text-decoration: none;
    border-radius: 3px;
    height: 20px;
    padding: 1px;
}

.yf-fb-widget .yf-fb-share > span > svg {
    display: block;
    height: 16px;
    width: 16px;
}

.yf-fb-widget .yf-fb-share > span:nth-of-type(2) {
    padding-left: 4px;
    padding-right: 4px;
}

.yf-fb-widget .yf-fb-share > span:nth-of-type(3) {
    padding-right: 4px;
}

/**
 *
 */
.entry-single-wrapper > .entry-content h1,
.entry-single-wrapper > .entry-content h2,
.entry-single-wrapper > .entry-content h3,
.entry-single-wrapper > .entry-content h4 {
    font-weight: 700;
}

.entry-single-wrapper > .entry-content > *:first-child {
    margin-top: 0;
}

.entry-single-wrapper > .entry-content h1 {
    font-size: 22px;
}

.entry-single-wrapper > .entry-content h2 {
    font-size: 18px;
}

.entry-single-wrapper > .entry-content h3 {
    font-size: 16px;
}

.entry-single-wrapper > .entry-content h4 {
    font-size: 14px;
}

.entry-single-wrapper > .entry-content > ul {
    list-style: none;
    padding: 0;
}

.entry-single-wrapper > .entry-content > ul > li {
    position: relative;
    padding-left: 16px;
}

.entry-single-wrapper > .entry-content > ul > li:before {
    background: #63ac15;
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    top: 50%;
    left: 0;
    margin-top: -2px;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

.responsive-video-container .video-js .vjs-big-play-button{
    width:82px;
    height:82px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-41px;
    margin-top:-41px;
    background: transparent url(images/sprite.png) no-repeat -253px -581px;
    border:none;
    border-radius:0;
    box-shadow:none;

    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.responsive-video-container .video-js .vjs-big-play-button:before{
    display:none;
}

.responsive-video-container .video-js:hover .vjs-big-play-button,
.responsive-video-container .video-js .vjs-big-play-button:focus{
    background-color:transparent;
    background-position: -253px -668px;
    box-shadow:none;
}

.vjs-default-skin .vjs-poster {
    background-color: #000;
    background-size: cover;
}

.is-ie-8 .vjs-default-skin .vjs-poster img {
    height: 100%;
}

.vjs-default-skin .vjs-ivn-advertising-block {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.vjs-default-skin .vjs-ivn-advertising,
.vjs-default-skin .vjs-ivn-advertising-time {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #07141e;
    background-color: rgba(7, 20, 30, 0.7);
}

.vjs-default-skin .vjs-ivn-advertising {
    bottom: 39px;
    left: 0;
    padding: 17px;
}

.vjs-default-skin .vjs-ivn-advertising-time {
    top: 0;
    bottom: auto;
    height: 36px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    line-height: 36px;
    padding: 0 12px;
}

.vjs-default-skin .vjs-ivn-advertising-time:before {
    content: 'reklama: ';
}

.vjs-default-skin .vjs-ivn-advertising-time:after {
    content: ' sekund';
}

.vjs-default-skin .vjs-ivn-yf-logo {
	background: transparent url(images/youngface-logo-player.png) no-repeat;
	display: none;
	position: absolute;
	width: 80px;
	height: 94px;
	top: 5px;
	right: 5px;
}

.no-touch-device .vjs-default-skin .iframeblocker {
    display: none !important;
}

.vjs-ivn-advertising-display .vjs-ivn-advertising-block {
    display: block;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
input,
input[type="search"],
input[type="submit"] {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}

input[type="submit"] {
    background: #ccdc33; /* Old browsers */
    background: -moz-linear-gradient(top,  #ccdc33 0%, #c5d80a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccdc33), color-stop(100%,#c5d80a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ccdc33 0%,#c5d80a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ccdc33 0%,#c5d80a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ccdc33 0%,#c5d80a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ccdc33 0%,#c5d80a 100%); /* W3C */

    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    width: 95px;
    border: none;
    color: #454b08;
    padding: 0;
}

input[type="submit"]:hover,
input[type="submit"]:active {
    background: #b5c616;
    text-shadow: 0 1px #d1de4a;
}

input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {
    outline: none;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
    color: #63ac15;
}
a:hover,
a:focus,
a:active {
    text-decoration: underline;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.site-header {
    position: relative;
    z-index: 11;
}

.site-header > .site-element-wrapper {
    position: relative;
}

/*.site-branding*/
.site-header .site-branding {
    float: left;
}

.site-header .site-branding .site-title {
    margin: 20px 0 0;
    float: left;
}

.site-header .site-branding .site-title > a {
    display: block;
}

.site-header .site-branding .site-title > a > img {
    display: block;
}

/*.site-search-form*/
.site-header .site-search-form {
    margin: 36px 0 0 87px;
    float: left;
}


.site-header .site-search-form input {
    font-family: 'Roboto', sans-serif;
    display: block;
    float: left;
    border: none;
    height: 50px;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.site-header .site-search-form input[type="text"],
.site-header .site-search-form input[type="search"] {
    -webkit-appearance: none;
    background: #fff;
    font-weight: 300;
    width: 191px;
    padding: 10px 15px;
    letter-spacing: -0.2px;
}

.site-header .site-search-form input[type="text"]:focus,
.site-header .site-search-form input[type="search"]:focus {
    outline: none;
}

.site-header .site-search-form input[type="text"]:valid,
.site-header .site-search-form input[type="search"]:valid {
    font-weight: 500;
}

.site-header .site-search-form input[type="submit"] {
    width: 95px;
}

/*.site-follow-us*/
.site-header .site-follow-us {
    margin: 36px 0 0 20px;
    float: left;
}

.site-header .site-follow-us > a {
    display: block;
    background: #fff;
    border-left: 1px solid #e0dfdf;
    width: 44px;
    height: 50px;
    float: left;
    position: relative;
}

.site-header .site-follow-us > a:first-child {
    border-left: none;
}

.site-header .site-follow-us > a:hover,
.site-header .site-follow-us > a:active {
    background: #cadb26;
}

.site-header .site-follow-us > a:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
}

.site-header .site-follow-us > a.social-facebook:before {
    background: transparent url(images/sprite.png) -5px -5px;
    width: 8px;
    height: 15px;
    margin-top: -7.5px;
    margin-left: -3px;
}

.site-header .site-follow-us > a.social-facebook:hover:before {
    background-position: -18px -5px;
}

.site-header .site-follow-us > a.social-google-plus:before {
    background: transparent url(images/sprite.png) -31px -5px;
    width: 19px;
    height: 15px;
    margin-top: -7.5px;
    margin-left: -9px;
}

.site-header .site-follow-us > a.social-google-plus:hover:before {
    background-position: -55px -5px;
}

.site-header .site-follow-us > a.social-youtube:before {
    background: transparent url(images/sprite.png) -79px -5px;
    width: 19px;
    height: 18px;
    margin-top: -9px;
    margin-left: -9px;
}

.site-header .site-follow-us > a.social-youtube:hover:before {
    background-position: -103px -5px;
}

.site-header .site-follow-us > a.social-rss:before {
    background: transparent url(images/sprite.png) -127px -5px;
    width: 16px;
    height: 17px;
    margin-top: -8.5px;
    margin-left: -8px;
}

.site-header .site-follow-us > a.social-rss:hover:before {
    background-position: -148px -5px;
}

/*.site-navigation*/
.site-header .site-navigation {
    background: #1f1f1f;
    position: relative;
    margin: 28px 0 0;
    height: 54px;
    z-index: 1;
}

.site-header .site-navigation .navbar-header {
    display: none;
}

.site-header .site-navigation .navbar-collapse {
    padding: 0 0 0 20px;
}

.site-header .site-navigation .navbar-collapse ul {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
}

.site-header .site-navigation .navbar-collapse > ul > li {
    float: left;
    position: relative;
}
.site-header .site-navigation .navbar-collapse > ul > li > a {
    font-size: 14px;
    display: block;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
    color: #fff;
    padding: 21px 0 19px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: -0.1px;
    margin-left: 35px;
}

.site-header .site-navigation .navbar-collapse > ul > li:hover > a,
.site-header .site-navigation .navbar-collapse > ul > li:active > a {
    color: #ccdc33;
}

.site-header .site-navigation .navbar-collapse > ul > li > ul {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    display: none;
    left: 50%;
    top: 100%;
    margin-top: -1px;
    margin-left: -77.5px;
    position: absolute;
    width: 189px;
    padding-top: 10px;
    z-index: 1;
}

.site-header .site-navigation .navbar-collapse > ul > li > ul:before {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    top: 1px;
    left: 50%;
    margin-left: -9px;
    border-style: solid;
    border-width: 0 9px 9px 9px;
    border-color: transparent transparent #1f1f1f transparent;
}

.no-touch-device .site-header .site-navigation .navbar-collapse > ul > li:hover > ul {
    display: block;
}

.site-header .site-navigation .navbar-collapse > ul > li > ul > li {
    background: #1f1f1f;
}

.site-header .site-navigation .navbar-collapse > ul > li > ul > li:first-child,
.site-header .site-navigation .navbar-collapse > ul > li > ul > li.show-mobile:first-child + li {
    padding-top: 4px;
}

.site-header .site-navigation .navbar-collapse > ul > li > ul > li.show-mobile {
	display: none;
}

@media (max-width: 960px) {
	.site-header .site-navigation .navbar-collapse > ul > li > ul > li.show-mobile {
		display: block;
	}

	.site-header .site-navigation .navbar-collapse > ul > li > ul > li.show-mobile:first-child + li {
		padding-top: 0;
	}
}

.site-header .site-navigation .navbar-collapse > ul > li > ul > li:last-child {
    padding-bottom: 4px;
}

.site-header .site-navigation .navbar-collapse > ul > li > ul > li > a {
    color: #fff;
    display: block;
    text-decoration: none;
    text-transform: lowercase;
    position: relative;
    line-height: 1;
    padding: 14px 20px;
}

.site-header .site-navigation .navbar-collapse > ul > li > ul > li > a:hover,
.site-header .site-navigation .navbar-collapse > ul > li > ul > li > a:active {
    background: #151515;
    color: #ccdc33;

    -webkit-box-shadow: inset 0 2px #0f0f0f;
       -moz-box-shadow: inset 0 2px #0f0f0f;
            box-shadow: inset 0 2px #0f0f0f;
}

.site-header .site-navigation .navbar-collapse > ul:first-child {
    padding: 0 0 0 15px;
}

.site-header .site-navigation .navbar-collapse > ul:first-child > li:first-child > a {
    text-indent: -9999px;
    width: 10px;
    margin-left: 0;
}

.site-header .site-navigation .navbar-collapse > ul:first-child > li:first-child > a:before {
    background: transparent url(images/sprite.png) -169px -5px;
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    top: 50%;
    left: 0;
    margin-top: -5px;
}

.site-header .site-navigation .navbar-collapse > ul:first-child > li > ul {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.site-header .site-navigation .navbar-collapse > ul:first-child > li > ul > li > a {
    text-transform: capitalize;
}

.site-header .site-navigation .navbar-collapse > ul:first-child + ul {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    float: right;
    border-left: 1px solid #3d3d3d;
}

.site-header .site-navigation .navbar-collapse > ul:first-child + ul > li > a {
    margin-left: 0;
    padding-left: 41px;
    padding-right: 37px;
}

.site-header .site-navigation .navbar-collapse > ul:first-child + ul > li:first-child:hover > a {
    color: #ccdc33;
}

.site-header .site-navigation .navbar-collapse > ul:first-child + ul > li:first-child > a:before,
.site-header .site-navigation .navbar-collapse > ul:first-child + ul > li:first-child > a:after {
    position: absolute;
    content: '';
    top: 50%;
}

.site-header .site-navigation .navbar-collapse > ul:first-child + ul > li:first-child > a:before {
    background: transparent url(images/sprite.png) -184px -5px;
    width: 11px;
    height: 13px;
    margin-top: -6.5px;
    left: 22px;
}

.site-header .site-navigation .navbar-collapse > ul:first-child + ul > li:first-child:hover > a:before {
    background-position: -200px -5px;
}

.site-header .site-navigation .navbar-collapse > ul:first-child + ul > li:first-child > a:after {
    background: transparent url(images/sprite.png) -216px -5px;
    width: 7px;
    height: 5px;
    margin-top: -1px;
    right: 24px;
}

.site-header .site-navigation .navbar-collapse > ul:first-child + ul > li:first-child:hover > a:after {
    background-position: -216px -15px;
}

.site-header .site-navigation .navbar-collapse > ul:first-child + ul > li:first-child > ul {
    list-style: none;
    left: 0;
    margin-left: 0;
    width: 100%;
}

@media (max-width: 960px) {
    .site-header .site-search-form {
        margin: 36px 0 0;
        float: right;
    }

    .site-header .site-follow-us {
        border-left: 1px solid #3d3d3d;
        position: absolute;
        margin: 0;
        right: 10px;
        z-index: 2;
        bottom: 0;
    }

    .site-header .site-follow-us > a {
        background: transparent;
        border-left: none;
        height: 54px;
    }

    .site-header .site-follow-us > a.social-facebook:before {
        background: transparent url(images/sprite.png) -5px -389px;
    }

    .site-header .site-follow-us > a.social-google-plus:before {
        background: transparent url(images/sprite.png) -18px -389px;
    }

    .site-header .site-follow-us > a.social-youtube:before {
        background: transparent url(images/sprite.png) -42px -389px;
    }

    .site-header .site-follow-us > a.social-rss:before {
        background: transparent url(images/sprite.png) -66px -389px;
    }

    .site-header .site-navigation .navbar-header {
        display: block;
        height: 54px;
        overflow: hidden;
    }

    .site-header .site-navigation .navbar-header .navbar-toggle {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        display: inline-block;
        line-height: 55px;
        position: relative;
        padding: 0 0 0 20px;
        margin: 0 0 0 23px;
        cursor: pointer;
    }

    .site-header .site-navigation .navbar-header .navbar-toggle:before {
        background: transparent url(images/sprite.png) -499px -53px;
        position: absolute;
        content: '';
        width: 9px;
        height: 10px;
        cursor: pointer;
        top: 50%;
        left: -1px;
        margin-top: -5px;
    }

    .site-header .site-navigation .navbar-collapse {
        background: #1F1F1F;
        display: none;
        position: absolute;
        padding: 0;
        top: 100%;
        right: 0;
        left: 0;
        z-index: 1;
    }

    .site-header .site-navigation .navbar-collapse.navbar-open {
        display: block;
    }

    .site-header .site-navigation .navbar-collapse > ul:first-child,
    .site-header .site-navigation .navbar-collapse > ul:first-child + ul {
        float: none;
        padding: 0;
    }

    .site-header .site-navigation .navbar-collapse > ul > li {
        border-top: 1px solid #3D3D3D;
        float: none;
    }

    .site-header .site-navigation .navbar-collapse > ul > li > a {
        margin-left: 23px;
    }

    .site-header .site-navigation .navbar-collapse > ul:first-child > li:first-child > a {
        text-indent: 0;
        width: auto;
        margin-left: 23px;
    }

    .site-header .site-navigation .navbar-collapse > ul:first-child > li:first-child > a:before {
        content: none;
    }

    .site-header .site-navigation .navbar-collapse > ul:first-child > li > a.dropdown-toggle:after {
        background: transparent url(images/sprite.png) -216px -5px;
        position: absolute;
        content: '';
        top: 50%;
        width: 7px;
        height: 5px;
        margin-top: -1px;
        right: 24px;
    }

    .site-header .site-navigation .navbar-collapse > ul:first-child > li:hover > a.dropdown-toggle:after {
        background-position: -216px -15px;
    }

    .site-header .site-navigation .navbar-collapse > ul > li > ul,
    .site-header .site-navigation .navbar-collapse > ul:first-child + ul > li:first-child > ul {
        background: #151515;
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        width: 100%;
        padding: 0;
        float: none;
    }

    .site-header .site-navigation .navbar-collapse > ul > li > ul:before {
        content: none;
    }

    .site-header .site-navigation .navbar-collapse > ul > li > ul > li {
        border-top: 1px solid #3D3D3D;
        background: transparent;
    }

    .site-header .site-navigation .navbar-collapse > ul > li > ul > li:first-child {
        padding: 0;
    }

    .site-header .site-navigation .navbar-collapse > ul > li > ul > li > a {
        padding: 21px 23px 19px;
        text-transform: uppercase;
    }

    .site-header .site-navigation .navbar-collapse > ul > li > ul > li > a:hover,
    .site-header .site-navigation .navbar-collapse > ul > li > ul > li > a:active {
        background: transparent;

        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }

    .site-header .site-navigation .navbar-collapse > ul > li:hover > ul {
        display: none;
    }
}

@media (max-width: 720px) {
    .site-header .site-title > a > img {
        max-width: 100%;
        height: 55px;
    }

    .site-header .site-search-form {
        margin: 25px 0 0;
    }
}

@media (max-width: 620px) {
    .site-header .site-branding,
    .site-header .site-search-form,
    .site-header .site-branding .site-title {
        float: none;
    }

    .site-header .site-title > a > img {
        margin: 0 auto;
        height: auto;
    }

    .site-header .site-search-form {
        position: relative;
    }

    .site-header .site-search-form input[type="text"],
    .site-header .site-search-form input[type="search"] {
        padding-right: 110px;
        width: 100%;
    }

    .site-header .site-search-form input[type="submit"] {
        position: absolute;
        top: 0;
        right: 0;
    }
}

/*--------------------------------------------------------------
6.0 Top Advertisement Block
--------------------------------------------------------------*/
.site-advertisement {
    margin-top: 19px;
}

/*--------------------------------------------------------------
6.0 Footer
--------------------------------------------------------------*/
.site-footer {
    background: #2d2b2b;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 370px;
    overflow: hidden;
}

.site-footer > .site-footer-info {
}

.site-footer > .site-footer-info > .site-element-wrapper {
    position: relative;
    padding: 40px 10px 29px;
    min-height: 310px;
}

.site-footer > .site-footer-info > .site-element-wrapper:before {
    background: transparent url(images/sprite.png) -5px -28px;
    position: absolute;
    content: '';
    width: 312px;
    height: 356px;
    top: -35px;
    left: -181px;
}

.site-footer > .site-footer-info > .site-element-wrapper > div {
    position: relative;
    display: table-cell;
    width: 33.33333333333333%;
    vertical-align: top;
    height: 100%;
    padding: 0 27px 0;
    z-index: 1;
    border-left: 1px solid #424141;
}

.site-footer > .site-footer-info > .site-element-wrapper > div:first-child {
    border-left: none;
    padding-left: 0;
}

.site-footer > .site-footer-info > .site-element-wrapper > div:first-child + div + div {
    padding-right: 0;
}

/*.site-footer > .site-footer-info > .site-element-wrapper > div:before {
    background: #424141;
    position: absolute;
    content: '';
    width: 1px;
    top: 40px;
    bottom: 0;
    left: 0;
}

.site-footer > .site-footer-info > .site-element-wrapper > div:first-child:before {
    content: none;
}*/

.site-footer > .site-footer-info > .site-element-wrapper > div > h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    letter-spacing: -0.5px;
}

/**
 * Site Footer Col 1
 */

.site-footer > .site-footer-info div.site-footer-col-1 > p {
    color: #767373;
    margin: 0;
}

.site-footer > .site-footer-info div.site-footer-col-1 > p:first-child > a {
    background: transparent url(images/sprite.png) -322px -5px;
    display: block;
    width: 217px;
    height: 43px;
    text-indent: -9999px;
}

.site-footer > .site-footer-info div.site-footer-col-1 > p,
.site-footer > .site-footer-info div.site-footer-col-1 > p > a {
    font-size: 12px;
}

.site-footer > .site-footer-info div.site-footer-col-1 > p > a {
    color: #979494;
}

.site-footer > .site-footer-info div.site-footer-col-1 > p:first-child {
    margin: 33px 0 27px;
}

.site-footer > .site-footer-info div.site-footer-col-1 > p:first-child + p {
    margin: 0 0 23px;
}

/**
 * Site Footer Col 2
 */

.site-footer > .site-footer-info div.site-footer-col-2 > h3 {
    margin: 43px 0 37px;
}

.site-footer > .site-footer-info div.site-footer-col-2 > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.site-footer > .site-footer-info div.site-footer-col-2 > ul > li {
    width: 40%;
    float: left;
}

.site-footer > .site-footer-info div.site-footer-col-2 > ul > li:nth-child(2n) {
    width: 60%;
}

.site-footer > .site-footer-info div.site-footer-col-2 > ul > li > a {
    position: relative;
    font-weight: 400;
    font-size: 12px;
    display: block;
    line-height: 1;
    color: #979494;
    margin: 6px 0;
    padding-left: 16px;
}

.site-footer > .site-footer-info div.site-footer-col-2 > ul > li > a:before {
    background: transparent url(images/sprite.png) -228px -5px;
    position: absolute;
    content: '';
    width: 7px;
    height: 6px;
    top: 50%;
    left: 1px;
    margin-top: -3px;
}

/**
 * Site Footer Col 3
 */

.site-footer > .site-footer-info div.site-footer-col-3 > h3:first-child {
    margin: 43px 0 6px;
}

.site-footer > .site-footer-info div.site-footer-col-3 > .site-follow-us {
    margin-left: -11px;
}

.site-footer > .site-footer-info div.site-footer-col-3 > .site-follow-us > a {
    display: block;
    width: 34px;
    height: 34px;
    float: left;
    position: relative;
}

.site-footer > .site-footer-info div.site-footer-col-3 > .site-follow-us > a:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
}

.site-footer > .site-footer-info div.site-footer-col-3 > .site-follow-us > a.social-facebook:before {
    background: transparent url(images/sprite.png) -322px -53px;
    width: 11px;
    height: 23px;
    margin-top: -11.5px;
    margin-left: -5.5px;
}

.site-footer > .site-footer-info div.site-footer-col-3 > .site-follow-us > a.social-google-plus:before {
    background: transparent url(images/sprite.png) -338px -53px;
    width: 22px;
    height: 21px;
    margin-top: -10.5px;
    margin-left: -11px;
}

.site-footer > .site-footer-info div.site-footer-col-3 > .site-follow-us > a.social-twitter:before {
    background: transparent url(images/sprite.png) -365px -53px;
    width: 28px;
    height: 21px;
    margin-top: -10.5px;
    margin-left: -14px;
}

.site-footer > .site-footer-info div.site-footer-col-3 > .site-follow-us > a.social-youtube:before {
    background: transparent url(images/sprite.png) -398px -53px;
    width: 23px;
    height: 22px;
    margin-top: -11px;
    margin-left: -11.5px;
}

.site-footer > .site-footer-info div.site-footer-col-3 > .site-follow-us > a.social-rss:before {
    background: transparent url(images/sprite.png) -426px -53px;
    width: 20px;
    height: 19px;
    margin-top: -9.5px;
    margin-left: -10px;
}

.site-footer > .site-footer-info div.site-footer-col-3 > .site-follow-us > a.social-vimeo:before {
    background: transparent url(images/sprite.png) -451px -53px;
    width: 22px;
    height: 20px;
    margin-top: -10px;
    margin-left: -11px;
}

.site-footer > .site-footer-info div.site-footer-col-3 > h3 {
    margin: 17px 0 7px;
}

.site-footer > .site-footer-info div.site-footer-col-3 > p {
    font-size: 12px;
    margin: 0;
}

.site-footer > .site-footer-info div.site-footer-col-3 > form {
    margin: 9px 0 13px;
}

.site-footer > .site-footer-info div.site-footer-col-3 > form > input {
    display: block;
    float: left;
    font-size: 12px;
    border: none;
    height: 40px;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.site-footer > .site-footer-info div.site-footer-col-3 > form > input[type="text"],
.site-footer > .site-footer-info div.site-footer-col-3 > form > input[type="email"] {
    font-family: 'Roboto', sans-serif;
    background: #1f1d1d;
    color: #828282;
    padding: 5px 10px;
    width: 190px;
}

/**
 * Site Info
 */
.site-footer > .site-info {
    background: #1f1d1d;
    height: 60px;
    font-size: 10px;
    color: #9b9b9b;
    line-height: 60px;
}

.site-footer > .site-info > .site-element-wrapper {
    height: 100%;
}

.site-footer > .site-info > .site-element-wrapper > p {
    float: left;
    margin: 0;
}

.site-footer > .site-info > .site-element-wrapper > p:first-child + p {
    float: right;
}

.site-footer > .site-info > .site-element-wrapper > p > a {
    display: inline-block;
    vertical-align: middle;
}

.site-footer > .site-info > .site-element-wrapper > p:first-child > a {
    background: transparent url(images/sprite.png) -322px -81px;
    width: 94px;
    height: 19px;
    text-indent: -9999px;
    margin: -4px 0 0 8px;
}

.site-footer > .site-info > .site-element-wrapper > p > a.ivision-logo {
    margin-right: 22px;
}

.site-footer > .site-info > .site-element-wrapper > p > a.ivision-logo > img {
    margin-top: -8px;
}

.site-footer > .site-info > .site-element-wrapper > p > a.designedforlife-logo {
    margin-left: 6px;
}

@media (max-width: 900px) {
    .site-footer > .site-info > .site-element-wrapper {
        text-align: center;
    }
}

@media (max-width: 960px) {
    .site-footer {
        position: relative;
        bottom: auto;
        height: auto;
    }

    .site-footer > .site-footer-info > .site-element-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .site-footer > .site-footer-info > .site-element-wrapper > div {
        display: table-row;
        border-left: none;
        padding: 0;
    }

    .site-footer > .site-footer-info > .site-element-wrapper > div:first-child,
    .site-footer > .site-footer-info > .site-element-wrapper > div > h3,
    .site-footer > .site-footer-info > .site-element-wrapper > div.site-footer-col-2 > ul,
    .site-footer > .site-footer-info > .site-element-wrapper > div.site-footer-col-3 > p {
        text-align: center;
    }

    /**
     * Site Footer Col 1
     */

    .site-footer > .site-footer-info div.site-footer-col-1 > p:first-child {
        margin: 2px 0 18px
    }

    .site-footer > .site-footer-info div.site-footer-col-1 > p:first-child > a {
        margin: 0 auto;
    }

    .site-footer > .site-footer-info div.site-footer-col-1 > p:first-child + p {
        margin: 0 0 13px;
    }

    /**
     * Site Footer Col 2
     */

    .site-footer > .site-footer-info div.site-footer-col-2 > h3 {
        margin: 67px 0 17px;
    }

    .site-footer > .site-footer-info div.site-footer-col-2 > ul > li {
        width: auto;
        float: none;
        display: inline-block;
        margin: 0 8px;
    }

    .site-footer > .site-footer-info div.site-footer-col-2 > ul > li,
    .site-footer > .site-footer-info div.site-footer-col-2 > ul > li:nth-child(2n) {
        width: auto;
    }

    /**
     * Site Footer Col 3
     */

    .site-footer > .site-footer-info div.site-footer-col-3 > h3:first-child {
        margin: 36px 0 16px;
    }

    .site-footer > .site-footer-info div.site-footer-col-3 > .site-follow-us {
        margin-left: 0;
        text-align: center;
    }

    .site-footer > .site-footer-info div.site-footer-col-3 > .site-follow-us > a {
        display: inline-block;
        float: none;
    }

    .site-footer > .site-footer-info div.site-footer-col-3 > h3 {
        margin: 22px 0 18px;
    }

    .site-footer > .site-footer-info div.site-footer-col-3 > form {
        margin: 26px auto 20px;
        width: 285px;
    }
}

@media (max-width: 720px) {
    .site-footer > .site-info {
        height: auto;
        line-height: 26px;
        padding: 15px 0;
    }

    .site-footer > .site-info > .site-element-wrapper > p,
    .site-footer > .site-info > .site-element-wrapper > p:first-child + p {
        float: none;
    }
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.align-left {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.align-right {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.align-center {
    clear: both;
    display: block;
    margin: 0 auto;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clearfix:before,
.clearfix:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: '';
    display: table;
}

.clearfix:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget,
.widget-area .textwidget {
    margin: 0 0 20px;
}

.textwidget .adsbygoogle {
	display: block;
}

@media (max-width: 960px) {
    .widget {
        display: inline-block;
        width: 100%;
    }
}

/**
 *
 */
.page-footer {
    margin: 0 0 20px;
}

.page-footer .page-more-entries {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    background: #fff;
    position: relative;
    color: #6c6c6c;
    display: block;
    float: right;
    width: auto;
    padding: 10px 13px 11px 46px;
    line-height: 1;
}

.page-footer .page-more-entries:hover,
.page-footer .page-more-entries:active {
    background: #262626;
    color: #ccdc33;
    text-decoration: none;
}

.page-footer .page-more-entries:before {
    background: transparent url(images/sprite.png) -240px -5px;
    position: absolute;
    content: '';
    width: 22px;
    height: 6px;
    top: 50%;
    left: 13px;
    margin-top: -3px;
}

.page-footer .page-more-entries:hover:before,
.page-footer .page-more-entries:active:before {
    background-position: -240px -16px;
}

/**
 * Pagination
 */
.page-numbers {
    display: inline-block;
    margin: 10px 0;
    padding: 0;
}

.page-numbers > li {
    display: inline;
}

.page-numbers > li > a,
.page-numbers > li > span {
    position: relative;
    float: left;
    padding: 0 13px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-decoration: none;
    color: #585858;
    margin-left: 1px;
    background: #ffffff;
    display: block;
}

.page-numbers > li:first-child > a,
.page-numbers > li:first-child > span {
    margin-left: 0;
}

.page-numbers > li:last-child > a,
.page-numbers > li:last-child > span {}

.page-numbers > li > a:hover,
.page-numbers > li > span:hover,
.page-numbers > li > a:focus,
.page-numbers > li > span:focus {
    background: #ccdc33;
}

.page-numbers > li > a.current,
.page-numbers > li > span.current,
.page-numbers > li > a.current:hover,
.page-numbers > li > span.current:hover,
.page-numbers > li > a.current:focus,
.page-numbers > li > span.current:focus {
    font-weight: 700;
    z-index: 2;
    cursor: default;
    color: #63ac15;
    background: #ffffff;
}

.page-numbers > li.disabled > span,
.page-numbers > li.dots > span,
.page-numbers > li.disabled > a,
.page-numbers > li.dots > a,
.page-numbers > li.disabled > a:hover,
.page-numbers > li.dots > a:hover,
.page-numbers > li.disabled > a:focus,
.page-numbers > li.dots > a:focus {
    color: #999999;
    cursor: not-allowed;
    background: #ffffff;
}

.page-recent{
     font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 22px;
    background: #1f1f1f;
    position: relative;
    line-height: 1;
    color: #fff;
    display: inline-block;
    margin: 0;
    padding: 13px 19px 12px;
    text-transform: uppercase;
    letter-spacing: -0.2px;
    z-index: 1;
}

/**
 * Widget Pointer & Page Header & Recent
 */
.page-header,
.widget-pointer .widget-title {
    margin-bottom: 10px;
    z-index: 1;
}

.page-header .page-title,
.widget-pointer .widget-title{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 22px;
    background: #1f1f1f;
    position: relative;
    line-height: 1;
    color: #fff;
    display: inline-block;
    margin: 0;
    padding: 13px 19px 12px;
    text-transform: uppercase;
    letter-spacing: -0.2px;
    z-index: 1;
}

.widget-pointer .widget-title a {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    line-height: 1;
}

.page-header.style-white .page-title,
.widget-pointer.style-white .widget-title {
    background: #fff;
    color: #4e4d4d;
}

.widget-pointer.style-white .widget-title a {
    color: #4e4d4d;
}

.page-header .page-title:before,
.widget-pointer .widget-title:before{
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    top: 100%;
    left: 20px;
    border-style: solid;
    border-width: 20px 18px 0 0;
    border-color: #1f1f1f transparent transparent transparent;
}

.page-header.style-white .page-title:before,
.widget-pointer.style-white .widget-title:before {
    border-color: #fff transparent transparent transparent;
}

.page-header .page-title > span,
.widget-pointer .widget-title > span {
    color: #ccdc33;
}

.page-header .page-title > span + span {
	color: #fff;
}

.page-header .page-title > span + span > small {
	background: transparent url(images/sprite.png) no-repeat -799px -45px;
	display: inline-block;
	top: 3px;
	position: relative;
	width: 6px;
	height: 8px;
	text-indent: -9999px;
	margin: 0 7px;
}

.page-header.style-white .page-title > span,
.widget-pointer.style-white .widget-title > span {
    color: #4e4d4d;
}

.page-header.author-header,
.page-header.school-header {
    width: 100%;
    background: #1f1f1f;
    position: relative;
    margin-top: 19px;
    margin-bottom: 0;
    overflow: hidden;
    z-index: 1;
}

.page-header.school-header {
    overflow: visible;
}

.page-header.author-header:before,
.page-header.school-header:before {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    top: 100%;
    left: 20px;
    border-style: solid;
    border-width: 20px 18px 0 0;
    border-color: #1f1f1f transparent transparent transparent;
}

.page-header.author-header .page-title,
.page-header.school-header .page-title {
    padding: 13px 19px 6px;
}

.page-header.author-header .page-title:before {
    display: none;
}

.page-header.author-header .settings-btn {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -34px;
}

.page-header .page-subtitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    position: relative;
    line-height: 1;
    color: #ccdc33;
    display: block;
    clear:both;
    margin: 0;
    padding: 0 19px 12px;
    text-transform: uppercase;
    letter-spacing: -0.2px;
    z-index: 1;
}

/**
 * Widget About Us
 */
.widget.widget_about-us {
    background: #262626;
    padding: 24px 19px;
}

.widget.widget_about-us .widget-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
}

.widget.widget_about-us .widget-title span {
    color: #ccdc33;
}

.widget.widget_about-us .textwidget {
    margin-top: 18px;
    font-size: 13px;
    color: #989898;
}

.widget.widget_about-us .textwidget > p {
    margin: 0;
}

.widget.widget_about-us .textwidget > div:first-child + p {
    margin: 18px 0 0 0;
}

.widget.widget_about-us .textwidget > div:first-child + p + p {
    margin: 21px 0 0;
}

.widget.widget_about-us .textwidget > ul {
    list-style: none;
    padding: 0;
    margin: 8px 0 0;
}

.widget.widget_about-us .textwidget > ul > li {
    line-height: 1.1;
}

.widget.widget_about-us .textwidget > ul > li > a {
    font-weight: 400;
    font-size: 13px;
    position: relative;
    line-height: 1;
    color: #d6e736;
    padding-left: 11px;
}

.widget.widget_about-us .textwidget > ul > li > a:before {
    background: #ccdc33;
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    top: 50%;
    left: 3px;
}

/**
 * Widget Contact Info
 */
.widget.widget_contact-info {}

.widget.widget_contact-info .textwidget {
    background: #262626;
    padding: 20px;
    margin-top: 18px;
    color: #989898;
}

.widget.widget_contact-info .textwidget h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    margin: 0;
    line-height: 1.2;
}

.widget.widget_contact-info .textwidget h3 > span {
    display: block;
}

.widget.widget_contact-info .textwidget h3 + p + p {
    margin-bottom: 0;
}

.widget.widget_contact-info .textwidget a {
    font-size: 14px;
    color: #ccdc33;
}

/**
 * Widget Workshops
 */
.widget.widget_workshops,
.widget.widget_recommended-articles {}

.widget.widget_workshops ul,
.widget.widget_recommended-articles ul {
    background: #262626;
    list-style: none;
    padding: 17px 14px;
    margin: 10px 0 0;
}

.widget.widget_workshops ul > li,
.widget.widget_recommended-articles ul > li {
    border-top: 1px solid #404040;
    padding: 14px 0 16px;
}

.widget.widget_recommended-articles ul > li {
    padding: 14px 0;
}

.widget.widget_workshops ul > li:first-child,
.widget.widget_recommended-articles ul > li:first-child {
    border-top: none;
    padding-top: 0;
}

.widget.widget_workshops ul > li:last-child,
.widget.widget_recommended-articles ul > li:last-child {
    padding-bottom: 0;
}

.widget.widget_workshops ul > li > .workshop-media,
.widget.widget_recommended-articles > ul > li > .entry-media {
    width: 81px;
    float: left;
}

.widget.widget_workshops ul > li > .workshop-media img,
.widget.widget_recommended-articles > ul > li > .entry-media img {
    display: block;
}

.widget.widget_workshops ul > li > .workshop-info > .workshop-title,
.widget.widget_recommended-articles > ul > li > .entry-info > .entry-title {
    line-height: 1.2;
    margin: 0;
}

.widget.widget_workshops ul > li > .workshop-media + .workshop-info,
.widget.widget_recommended-articles > ul > li > .entry-media + .entry-info {
    padding-left: 10px;
    overflow: hidden;
}

.widget.widget_workshops ul > li > .workshop-info > .workshop-title > a,
.widget.widget_recommended-articles > ul > li > .entry-info > .entry-title > a {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
}

.widget.widget_workshops ul > li > .workshop-info > .workshop-title > a:hover,
.widget.widget_workshops ul > li > .workshop-info > .workshop-title > a:active,
.widget.widget_recommended-articles > ul > li > .entry-info > .entry-title > a:hover,
.widget.widget_recommended-articles > ul > li > .entry-info > .entry-title > a:active {
    color: #ccdc33;
    text-decoration: none;
}

.widget.widget_workshops ul > li > .workshop-info > .workshop-meta {
    font-weight: 700;
    font-size: 11px;
    color: #fff;
    margin: 8px 0 0;
}

.widget.widget_workshops ul > li > .workshop-info > .workshop-meta > span + span {
    margin-left: 11px;
}

.widget.widget_recommended-articles > ul > li > .entry-info > .entry-meta {
    font-size: 12px;
    color: #c1c1c1;
    margin: 4px 0 0;
    line-height: 1;
}

.widget.widget_recommended-articles > ul > li > .entry-media + .entry-info > .entry-title + .entry-meta {
    margin-top: 15px;
}

.widget.widget_recommended-articles > ul > li > .entry-info > .entry-meta > span {
    display: block;
}

.widget.widget_recommended-articles > ul > li > .entry-info > .entry-meta > span + span {
    margin-top: 3px;
}

.widget.widget_recommended-articles > ul > li > .entry-info > .entry-meta > span > a {
    font-size: 12px;
    color: #ccdc33;
}

.widget.widget_workshops ul > li > .workshop-info > .workshop-meta > .workshop-duration {
    position: relative;
    padding-left: 22px;
}

.widget.widget_workshops ul > li > .workshop-info > .workshop-meta > .workshop-duration:before {
    background: transparent url(images/sprite.png) -267px -5px;
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    top: 50%;
    left: 1px;
    margin-top: -8px;
}

.widget.widget_workshops ul > li > .workshop-info > .workshop-meta > .workshop-difficulty {
    position: relative;
    padding-left: 14px;
}

.widget.widget_workshops ul > li > .workshop-info > .workshop-meta > .workshop-difficulty:before {
    background: transparent url(images/sprite.png) no-repeat;
    position: absolute;
    content: '';
    width: 8px;
    height: 13px;
    top: 50%;
    left: 0;
    margin-top: -6px;
}

.widget.widget_workshops ul > li > .workshop-info > .workshop-meta > .workshop-difficulty[data-difficulty="easy"]:before {
    background-position: -288px -5px;
}

.widget.widget_workshops ul > li > .workshop-info > .workshop-meta > .workshop-difficulty[data-difficulty="medium"]:before {
    background-position: -301px -5px;
}

.widget.widget_workshops ul > li > .workshop-info > .workshop-meta > .workshop-difficulty[data-difficulty="hard"]:before {
    background-position: -314px -5px;
}

/**
 * Widget Ranking Of Schools
 */
.widget.widget_ranking-of-schools {}

.widget.widget_ranking-of-schools .schools-map-wrapper {
    background: #262626;
    position: relative;
    margin-top: 10px;
    padding: 10px;
}

.widget.widget_ranking-of-schools .schools-map-wrapper .schools-map {}

.widget.widget_ranking-of-schools .schools-map-wrapper .schools-map img {
    min-width: 100%;
    max-height: 100%;
    height: auto;
}

.widget.widget_ranking-of-schools .schools-map-wrapper .scholls-see-more {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 13px;

    background: #ccdc33; /* Old browsers */
    background: -moz-linear-gradient(top,  #ccdc33 0%, #c5d80a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccdc33), color-stop(100%,#c5d80a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ccdc33 0%,#c5d80a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ccdc33 0%,#c5d80a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ccdc33 0%,#c5d80a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ccdc33 0%,#c5d80a 100%); /* W3C */

    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #454b08;
    text-shadow: 0 1px #d1de4a;
    padding: 6px 10px 6px 12px;
    letter-spacing: -0.2px;
}

.widget.widget_ranking-of-schools ul {
    background: #262626;
    position: relative;
    list-style: none;
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
}

/*.widget.widget_ranking-of-schools ul:before,
.widget.widget_ranking-of-schools ul:after {
    position: absolute;
    content: '';
    background: #1e1e1e;
    top: 0;
    left: 0;
    bottom: 0;
    width: 19px;
}

.widget.widget_ranking-of-schools ul:after {
    background: #262626;
    left: auto;
    right: 0;
}*/

.widget.widget_ranking-of-schools ul > li {
    display: table-row;
}

.widget.widget_ranking-of-schools ul > li > .school-points,
.widget.widget_ranking-of-schools ul > li > .school-info {
    display: table-cell;
    vertical-align: top;
}

.widget.widget_ranking-of-schools ul > li > .school-points {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    border-top: 1px solid #252525;
    background: #1e1e1e;
    line-height: 1;
    color: #cbcbcb;
    vertical-align: middle;
    width: 94px;
    padding-left: 17px;
}

.widget.widget_ranking-of-schools ul > li.after-4 > .school-points {
    font-size: 11px;
}

.widget.widget_ranking-of-schools ul > li > .school-info {
    border-top: 1px solid #343434;
    padding: 5px 14px 9px 13px;
}

.widget.widget_ranking-of-schools ul > li.after-4 > .school-info {
    padding: 3px 14px 8px 13px;
}

.widget.widget_ranking-of-schools ul > li:first-child > .school-points,
.widget.widget_ranking-of-schools ul > li:first-child > .school-info {
    border-top: none;
}

.widget.widget_ranking-of-schools ul > li:first-child > .school-info {
    padding-top: 15px;
}

.widget.widget_ranking-of-schools ul > li > .school-points > span {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
}

.widget.widget_ranking-of-schools ul > li.after-4 > .school-points > span {
    font-size: 12px;
}

.widget.widget_ranking-of-schools ul > li > .school-info > .school-title {
    line-height: 1.19;
    letter-spacing: -0.4px;
    margin: 0;
}

.widget.widget_ranking-of-schools ul > li.after-4 > .school-info > .school-title {
    line-height: 1;
}

.widget.widget_ranking-of-schools ul > li > .school-info > .school-title a {
    font-size: 14px;
}

.widget.widget_ranking-of-schools ul > li.after-4 > .school-info > .school-title a {
    font-size: 11px;
}

.widget.widget_ranking-of-schools ul > li > .school-info > .school-title > a {
    color: #ccdc33;
}

.widget.widget_ranking-of-schools ul > li > .school-info > span {
    font-weight: 700;
    line-height: 1;
    display: block;
}

.widget.widget_ranking-of-schools ul > li.after-4 > .school-info > span {
    font-size: 10px;
    margin-top: 2px;
}

.widget.widget_ranking-of-schools ul > li > .school-info > span > .school-place {
    font-size: 11px;
    color: #bdbdbd;
}

.widget.widget_ranking-of-schools ul > li.after-4 > .school-info > span > .school-place {
    font-size: 10px;
}

.widget.widget_ranking-of-schools ul > li.empty > .school-info > span {
    margin: 11px 5px 10px 0;
    letter-spacing: -0.2px;
}

.widget.widget_ranking-of-schools ul > li.empty > .school-info > span > .school-show-all {
    font-size: 12px;
    position: relative;
    color: #ccdc33;
    padding-left: 11px;
}

.widget.widget_ranking-of-schools ul > li.empty > .school-info > span > .school-show-all:before {
    background: transparent url(images/sprite.png) -228px -16px;
    position: absolute;
    content: '';
    width: 6px;
    height: 5px;
    top: 50%;
    left: 0;
    margin-top: -2px;
}

/**
 * Widget School Info
 */
.widget.widget_school_info {
    margin: 0 0 55px 0;

}

.widget.widget_school_info .textwidget {
    background: #262626;
    padding: 5px 15px;
}

.widget.widget_school_info .textwidget .school_title {

}

.widget.widget_school_info .textwidget .school_title img{
    display: block;
    float: left;
    margin: 0 10px 20px 0;

}

.widget.widget_school_info .textwidget .school_title h3{
    font-size: 14px;
    font-family: Roboto, serif;
    display: block;
    line-height: 17px;
}

.widget.widget_school_info .textwidget .school_title h3 a{
    text-decoration: none;
    color: #ffffff;
}

.widget.widget_school_info .textwidget .school_title .school_town{
    font-family: 'Open Sans', serif;
    font-size: 12px;
    color: #c4d332;
    font-weight: bold;
    margin: -10px 0 0 0;
}

.widget.widget_school_info .textwidget .school_data{
    width: 300px;
    clear: both;
    margin: 5px 0 0 0;
}


.widget.widget_school_info .textwidget .school_data p{
    font-family: 'Open Sans', Arial, serif;
    font-size: 20px;
    color: #ffffff;
    width: 150px;
    display: block;
    float: left;
    background: #121212;
    text-align: center;
    margin: 0 15px 0 -15px;
    padding: 5px 0;
}
.widget.widget_school_info .textwidget .school_data .school_rank{
    border-left: 2px solid #262626;
}

.widget.widget_school_info .textwidget .school_data p span{
    font-size: 12px;
    color: #8d8d8d;
}


/**
 *
 */
.widget.widget_register-your-school,
.page-header .page-filter.editors > form > div.btn-become-an-editor {
    background: #ccdc33; /* Old browsers */
    background: -moz-linear-gradient(top,  #ccdc33 0%, #c5d80a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccdc33), color-stop(100%,#c5d80a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ccdc33 0%,#c5d80a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ccdc33 0%,#c5d80a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ccdc33 0%,#c5d80a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ccdc33 0%,#c5d80a 100%); /* W3C */

    position: relative;
    height: 50px;
}

.page-header .page-filter.editors > form > div.btn-become-an-editor {
    width: 230px;
    margin-left: 21px;
}

.widget.widget_register-your-school a,
.page-header .page-filter.editors > form > div.btn-become-an-editor a {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    display: block;
    color: #454b08;
    text-shadow: 0 1px #d1de4a;
}

.widget.widget_register-your-school > span,
.widget.widget_register-your-school > span > a,
.page-header .page-filter.editors > form > div.btn-become-an-editor > span,
.page-header .page-filter.editors > form > div.btn-become-an-editor > span > a {
    display: block;
    line-height: 50px;
}

.widget.widget_register-your-school > span:first-child > a {
    padding: 0 0 0 40px;
}

.page-header .page-filter.editors > form > div.btn-become-an-editor > span:first-child > a {
    padding: 0 60px 0 0;
    text-align: center;
}

.widget.widget_register-your-school > span + span,
.page-header .page-filter.editors > form > div.btn-become-an-editor > span + span {
    position: absolute;
    width: 60px;
    top: 0;
    right: 0;
    bottom: 0;
}

.widget.widget_register-your-school > span + span > a,
.page-header .page-filter.editors > form > div.btn-become-an-editor > span + span > a {
    text-decoration: none;
    background: #262626;
    position: relative;
}

.widget.widget_register-your-school > span + span > a:before,
.widget.widget_register-your-school > span + span > a:after,
.page-header .page-filter.editors > form > div.btn-become-an-editor > span + span > a:before,
.page-header .page-filter.editors > form > div.btn-become-an-editor > span + span > a:after {
    position: absolute;
    content: '';
}

.widget.widget_register-your-school > span + span > a:before,
.page-header .page-filter.editors > form > div.btn-become-an-editor > span + span > a:before {
    width: 0px;
    height: 0px;
    top: 0;
    left: -10px;
    border-style: solid;
    border-width: 0 0 50px 10px;
    border-color: transparent transparent #262626 transparent;
}

.widget.widget_register-your-school > span + span > a:after,
.page-header .page-filter.editors > form > div.btn-become-an-editor > span + span > a:after {
    background: transparent url(images/sprite.png) -478px -53px;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -10px;
}

/**
 * Widget Facebook Like Box
 */
.widget.widget_facebook-like-box .textwidget {
    background: #fff;
    margin: 10px 0 0;
    padding: 5px 0 0;
}

/**
 * Widget Recently Joined
 */
.widget.widget_recently-joined {
    margin-bottom: 10px;
}

.widget.widget_recently-joined ul,
.list-of-editors-wrapper ul {
    background: #fff;
    list-style: none;
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 10px 0 0;
}

.list-of-editors-wrapper ul {
    margin: 0;
}

.widget.widget_recently-joined ul:before,
.list-of-editors-wrapper ul:before {
    background: transparent url(images/sprite.png) -322px -105px;
    position: absolute;
    content: '';
    width: 308px;
    height: 353px;
    top: -32px;
    right: -26px;
}

.widget.widget_recently-joined ul > li,
.list-of-editors-wrapper ul > li {
    width: 50%;
    float: left;
    padding: 23px;
    position: relative;
    z-index: 1;
}

.widget.widget_recently-joined ul > li:first-child,
.widget.widget_recently-joined ul > li:first-child + li + li {
    clear: left;
}

.list-of-editors-wrapper ul > li.clear-left {
    clear: left;
}

.list-of-editors-wrapper ul > li {
    padding: 0 23px 23px;
}

.list-of-editors-wrapper ul > li:first-child,
.list-of-editors-wrapper ul > li:first-child + li {
    padding-top: 23px;
}

.widget.widget_recently-joined ul > li > .user-media,
.list-of-editors-wrapper ul > li > .user-media {
    width: 86px;
    float: left;
}

.widget.widget_recently-joined ul > li > .user-media > a,
.widget.widget_recently-joined ul > li > .user-media > a > img,
.list-of-editors-wrapper ul > li > .user-media > a,
.list-of-editors-wrapper ul > li > .user-media > a > img {
    overflow: hidden;
    display: block;
    width: 80px;
    height: 80px;

    -webkit-border-radius: 80px;
       -moz-border-radius: 80px;
            border-radius: 80px;
}

.widget.widget_recently-joined ul > li > .user-media > a,
.list-of-editors-wrapper ul > li > .user-media > a {
    border: 3px solid #d4d4d4;
    background: #d4d4d4;
    width: 86px;
    height: 86px;
}

.widget.widget_recently-joined ul > li > .user-info,
.list-of-editors-wrapper ul > li > .user-info {
    padding-left: 21px;
    overflow: hidden;
}

.widget.widget_recently-joined ul > li > .user-info > .user-name,
.list-of-editors-wrapper ul > li > .user-info > .user-name {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    line-height: 1.1;
    margin: 0;
    display: inline-block;
}

.widget.widget_recently-joined ul > li > .user-info > .user-name > a,
.list-of-editors-wrapper ul > li > .user-info > .user-name > a {
    font-size: 18px;
    color: #3d3d3d;
}

.widget.widget_recently-joined ul > li > .user-info > .user-name > a > span,
.list-of-editors-wrapper ul > li > .user-info > .user-name > a > span {
    display: block;
}

.widget.widget_recently-joined ul > li > .user-info > .user-join-date,
.list-of-editors-wrapper ul > li > .user-info > .user-points {
    display: block;
    line-height: 1;
    font-size: 11px;
    color: #8e8e8e;
    margin-top: 5px;
}

.widget.widget_recently-joined ul > li > .user-info > span,
.list-of-editors-wrapper ul > li > .user-info > span {
    display: block;
    line-height: 1;
    margin-top: 3px;
}

.widget.widget_recently-joined ul > li > .user-info > span > .user-school,
.list-of-editors-wrapper ul > li > .user-info > span > .user-school {
    font-size: 11px;
}

@media (max-width: 660px) {
    .widget.widget_recently-joined ul > li,
    .list-of-editors-wrapper ul > li {
        float: none;
        width: 100%;
        padding: 0 23px 23px;
    }

    .list-of-editors-wrapper ul > li.clear-left {
        clear: none;
    }

    .widget.widget_recently-joined ul > li:first-child,
    .list-of-editors-wrapper ul > li:first-child {
        padding-top: 23px;
    }
}

/**
 *
 */
.infoBox .school-map-wrapper {
	background: #262626;
	padding: 0;
	position: relative;
	margin-top: 26px;
}

.infoBox .school-map-wrapper .school-map-close {
	background: url('images/sprite.png') no-repeat -70px -511px;
	display: block;
	position: absolute;
	width: 44px;
	height: 36px;
	top: -26px;
	z-index: 1;
	right: 19px;
	cursor: pointer;
}

.infoBox .school-map-info {
	background: #121212;
}

.infoBox .school-map-info + .school-map-info {
	border-top: 1px solid #3c3c3c;
}

.infoBox .school-map-details {
	overflow: hidden;
	padding: 16px;
	background: #262626;
	min-height: 78px;
}

.infoBox .school-map-details .details-left {
	width: 85px;
	float: left;
}

.infoBox .school-map-details .details-image {
	display: block;
}

.infoBox .school-map-details .details-image img {
	max-width: 100% !important;
	height: auto;
}

.infoBox .school-map-details .details-right {
	overflow: hidden;
}

.infoBox .school-map-details .details-left + .details-right {
	padding-left: 10px;
}

.infoBox .school-map-details .details-title {
	margin: -1px 0 0;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.2;
}

.infoBox .school-map-details .details-location {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 12px;
	color: #ccdc33;
	margin: 6px 0 0;
	line-height: 1;
}

.infoBox .school-map-details .details-title a {
	color: #fff;
}

.infoBox .school-map-metadata {
	width: 120px;
	float: right;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 12px;
	color: #9d9d9d;
	padding: 16px;
}

.infoBox .school-map-metadata .details-points,
.infoBox .school-map-metadata .details-place {
	display: block;
	line-height: 1;
}

.infoBox .school-map-metadata .details-place {
	margin: 6px 0 0;
}

.infoBox .school-map-metadata span {
	font-weight: 700;
	font-size: 20px;
	color: #fff;
}

.widget.widget_school-about {
    background: #262626;
    padding: 20px 0 0;
}

.widget.widget_school-about .school-info {
    padding: 0 19px;
}

.widget.widget_school-about .school-info > img {}

.widget.widget_school-about .school-info > .school-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    margin: 8px 0 3px;
    line-height: 1.25;
}

.widget.widget_school-about .school-info > .school-title:first-child {
    margin-top: 0;
}

.widget.widget_school-about .school-info > .school-location {
    line-height: 1;
}

.widget.widget_school-about .school-info > .school-location > span {
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    color: #ccdc33;
}

.widget.widget_school-about .school-info > .school-description {
    font-size: 11px;
    color: #bbb;
    margin: 15px 0 0;
    line-height: 1.3;
}

.widget.widget_school-about .school-info > .school-description a,
.widget.widget_school-about .school-info > .school-contact > p > a {
    font-size: 11px;
    color: #ccdc33;
}

.widget.widget_school-about .school-info > .school-contact {
    border-top: 1px solid #404040;
    font-size: 11px;
    color: #bbb;
    margin-top: 10px;
    line-height: 1.3;
    padding: 11px 0;
}

.widget.widget_school-about .school-info > .school-contact > p {
    margin: 0;
}

.widget.widget_school-about .school-info > .school-contact > p:first-child + p + p {
    margin-top: 9px;
}

.widget.widget_school-about .school-info > .school-contact > p > span {
    color: #868686;
}

.widget.widget_school-about .school-meta,
.infoBox .school-map-info > .school-map-meta {
    font-weight: 600;
    font-size: 12px;
    background: #121212;
    line-height: 1;
    padding: 14px 19px;
    color: #9d9d9d;
}

.infoBox .school-map-info > .school-map-meta {
    margin: 12px -19px 0;
}

.widget.widget_school-about .school-meta > div,
.infoBox .school-map-info > .school-map-meta > div {
    float: left;
    width: 50%;
    text-align: center;
}

.widget.widget_school-about .school-meta > div:first-child,
.infoBox .school-map-info > .school-map-meta > div:first-child {
    border-right: 1px solid #404040;
}

.widget.widget_school-about .school-meta > div > span,
.infoBox .school-map-info > .school-map-meta > div > span {
    font-weight: 700;
    font-size: 20px;
    color: #fff;
}

@media (max-width: 960px) {
    .widget.widget_school-about .school-info > img {
        min-width: 100%;
        max-width: 100%;
        height: auto;
        width: 100%;
    }
}

/**
 * Is This Your School
 */
.widget.widget_is-this-your-school {

}

.widget.widget_is-this-your-school > span,
.widget.widget_is-this-your-school > span > a {
    display: block;
    line-height: 50px;
    height: 50px;
    text-decoration: none;
}

.widget.widget_is-this-your-school > span {
    width: 50%;
    float: left;
}

.widget.widget_is-this-your-school > span:first-child > a {
    background: #262626;
    text-align: center;
    position: relative;
    padding: 12px 0;
    color: #fff;
}

.widget.widget_is-this-your-school > span:first-child > a:before {
    background: transparent url(images/sprite.png) no-repeat -600px -5px;
    position: absolute;
    content: '';
    width: 33px;
    height: 49px;
    top: 0;
    left: 32px;
}

.widget.widget_is-this-your-school > span:first-child > a > span {
    line-height: 1;
    display: block;
}

.widget.widget_is-this-your-school > span:first-child > a > span:first-child {
    color: #bbb;
}

.widget.widget_is-this-your-school > span:first-child + span > a {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    background: #c6d911;
    text-align: center;
    color: #454B08;
}

/**
 * Widget Members Of School
 */
.widget.widget_members-of-school {}

.widget.widget_members-of-school ul {
    background: #262626;
    list-style: none;
    padding: 19px 14px;
    margin: 10px 0 0;
}

.widget.widget_members-of-school ul > li {
    float: left;
    width: 33.33333333333333%;
    margin-top: 15px;
}

.widget.widget_members-of-school ul > li:first-child,
.widget.widget_members-of-school ul > li:first-child + li,
.widget.widget_members-of-school ul > li:first-child + li + li {
    margin-top: 0;
}

.widget.widget_members-of-school ul > li:nth-child(3n+1) {
	clear: left;
}

.widget.widget_members-of-school ul > li > .user-media {}

.widget.widget_members-of-school ul > li > .user-media > a,
.widget.widget_members-of-school ul > li > .user-media > a > img {
    overflow: hidden;
    display: block;
    width: 50px;
    height: 50px;

    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
}

.widget.widget_members-of-school ul > li > .user-media > a {
    border: 3px solid #5d5d5d;
    width: 56px;
    height: 56px;
    margin: 0 auto;
}

.widget.widget_members-of-school ul > li > .user-info {
    margin-top: 5px;
}

.widget.widget_members-of-school ul > li > .user-info > .user-name {
    line-height: 1.1;
    margin: 0;
}

.widget.widget_members-of-school ul > li > .user-info > .user-name > a {
    font-size: 12px;
    color: #ccdc33;
    display: block;
}

.widget.widget_members-of-school ul > li > .user-info > .user-name > a > span {
    text-align: center;
    display: block;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
.site-content {}

.site-content .content-area,
.site-content .widget-area {
    margin-top: 19px;
    margin-bottom: 19px;
    float: left;
}

.site-content .content-area {
    width: 620px;
}

.site-content .content-area.full-width {
    width:100%;
}

.site-content .widget-area {
    width: 300px;
    margin-left: 20px;
}

@media (max-width: 960px) {
    .site-content .content-area,
    .site-content .widget-area {
        width: 100%;
    }

    .site-content .widget-area {
        margin-top: 0;
        margin-left: 0;
    }
}

@media (min-width: 601px) and (max-width: 960px) {
    .site-content .widget-area {
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;

        -moz-column-count: 2;
        -moz-column-gap: 20px;

        column-count: 2;
        column-gap: 20px;

        width: 100%;
    }

    .widget.widget_ranking-of-schools.map-only,
    .widget.widget_ranking-of-schools .schools-map-wrapper {
        display: none;
    }

    .widget.widget_ranking-of-schools ul {
        margin-top: 10px;
    }
}

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/

/**
 *
 */

.entry-wrapper,
.entry-school-wrapper {
    background: #fff;
    margin-bottom: 10px;
    overflow: hidden;
}

.entry-wrapper .entry-header {}

.entry-wrapper .entry-title,
.entry-school-wrapper .entry-title,
.entry-wrapper .entry-school-info {
    line-height: 1;
    margin: 0;
}

.entry-wrapper .entry-school-info {
    margin: 4px 0 0;
}

.entry-wrapper .entry-school-info > span {
    font-weight: 600;
    font-size: 13px;
    color: #63ac15;
}

.entry-wrapper .entry-title > a,
.entry-school-wrapper .entry-title >a {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #3d3d3d;
}

.entry-wrapper .entry-title > a.category-name {
	height: 22px;
	background: #000;
	font-size: 11px;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	line-height: 22px;
	padding: 0 10px;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0 10px 0 0;
	text-align: center;
	text-decoration: none;
}

@media (max-width: 460px) {
	.entry-wrapper .entry-title > a.category-name {
		display: block;
		margin: 0 0 10px;
	}
}

.entry-wrapper .entry-meta {
    background: #f5f5f5;
    width: 101px;
    float: left;
    text-align: center;
    line-height: 1;
    position: relative;
}

.entry-wrapper .entry-meta:before {
    background: #f5f5f5;
    position: absolute;
    content: '';
    top: 100%;
    right: 0;
    left: 0;
    width: 101px;
    height: 200px;
}

.entry-wrapper.entry-has-media .entry-meta {
    height: 302px;
}

.entry-wrapper.entry-has-media .entry-meta:before {
    content: none;
}

.entry-wrapper .entry-meta .entry-time {
    font-weight: 700;
    font-size: 13px;
    display: block;
    color: #343434;
    margin-top: 15px;
}

.entry-wrapper .entry-meta .entry-time > span {
    display: block;
}

.entry-wrapper .entry-meta .entry-time > span:first-child {
    font-size: 46.06px;
}

.entry-wrapper .entry-meta .entry-time > span:first-child + span {
    font-weight: 300;
    margin-bottom: 4px;
}

.entry-wrapper .entry-meta .entry-author {
    margin: 8px 8px 20px;
}

.entry-wrapper .entry-meta .entry-author > a:first-child,
.entry-wrapper .entry-meta .entry-author > a:first-child > img,
.entry-wrapper .entry-meta .entry-author > span:first-child,
.entry-wrapper .entry-meta .entry-author > span:first-child > img {
    overflow: hidden;
    display: block;
    width: 50px;
    height: 50px;

    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
}

.entry-wrapper .entry-meta .entry-author > a:first-child,
.entry-wrapper .entry-meta .entry-author > span:first-child {
    border: 3px solid #d4d4d4;
    background: #d4d4d4;
    width: 56px;
    height: 56px;
    margin: 0 auto 2px;
}

.entry-wrapper.workshop .entry-meta .entry-author > span:first-child {
    border-color: #63ac15;
    background: #63ac15;
}

.entry-wrapper .entry-meta .entry-author > a:first-child + a,
.entry-wrapper .entry-meta .entry-author > span:first-child + span {
    font-weight: 400;
    font-size: 12px;
    color: #343434;
}

.entry-wrapper.workshop .entry-meta .entry-author > span:first-child + span {
    color: #63ac15;
}

.entry-wrapper .entry-meta .entry-is-promoted {
    background: transparent url(images/sprite.png) no-repeat -638px -5px;
    width: 91px;
    height: 49px;
    position: relative;
    top: -8px;
    left: -5px;
}

.entry-wrapper .entry-meta .entry-workshop-info {
    margin: 0 0 20px;
    font-weight: 700;
    font-size: 11px;
    line-height: 1;
}

.entry-wrapper .entry-meta .entry-workshop-info > span {
    display: block;
    position: relative;
    padding-left: 20px;
}

.entry-wrapper .entry-meta .entry-workshop-info > span + span {
    margin-top: 10px;
}

.entry-wrapper .entry-meta .entry-workshop-info > span > span {
    display: block;
    position: absolute;
}

.entry-wrapper .entry-meta .entry-workshop-info > .entry-workshop-duration > span {
    background: transparent url(images/sprite.png) -755px -5px;
    width: 16px;
    height: 16px;
    top: 50%;
    margin-top: -8px;
    margin-left: 2px;
}

.entry-wrapper .entry-meta .entry-workshop-info > .entry-workshop-difficulty > span {
    background: transparent url(images/sprite.png) no-repeat;
    width: 8px;
    height: 13px;
    top: 50%;
    margin-top: -7px;
    margin-left: 7px;
}

.entry-wrapper .entry-meta .entry-workshop-info > .entry-workshop-difficulty > span[data-difficulty="easy"] {
    background-position: -776px -5px;
}

.entry-wrapper .entry-meta .entry-workshop-info > .entry-workshop-difficulty > span[data-difficulty="medium"] {
    background-position: -789px -5px;
}

.entry-wrapper .entry-meta .entry-workshop-info > .entry-workshop-difficulty > span[data-difficulty="hard"] {
    background-position: -802px -5px;
}

.entry-wrapper .entry-media,
.entry-wrapper .entry-content {
    background: #fff;
    float: left;
}

.entry-wrapper .entry-media.display-video-icon > a {
    position: relative;
    display: block;
}

.entry-wrapper .entry-media.display-video-icon > a:before {
    background: transparent url(images/sprite.png) no-repeat -253px -581px;
    position: absolute;
    content: '';
    width: 82px;
    height: 82px;
    cursor: pointer;
    top: 50%;
    left: 50%;
    margin-top: -41px;
    margin-left: -41px;
}

.entry-wrapper .entry-media.display-video-icon > a:hover:before {
    background-position: -253px -668px;
}

.entry-wrapper .entry-content {
    padding: 14px 24px 19px;
    width: 519px;
}

.entry-wrapper .entry-content p {
    margin: 12px 0 0;
}

.entry-wrapper.entry-has-media .entry-content {
    width: 100%;
}

@media (max-width: 960px) {
    .entry-wrapper {
        display: table;
        border-collapse: collapse;
        width: 100%;
    }

    .entry-wrapper .entry-media {
        display: table-header-group;
    }

    .entry-wrapper .entry-media img {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
        height: auto;
    }

    .entry-wrapper .entry-meta,
    .entry-wrapper .entry-media,
    .entry-wrapper .entry-content {
        float: none;
        width: auto;
    }

    .entry-wrapper .entry-meta,
    .entry-wrapper.entry-has-media .entry-meta {
        width: 100%;
        height: auto;
        padding: 15px 24px;
    }

    .entry-wrapper .entry-meta:before,
    .entry-wrapper.entry-has-media .entry-meta:before {
        content: none;
    }

    .entry-wrapper .entry-meta .entry-time {
        float: right;
        margin: 0;
        line-height: 54px;
    }

    .entry-wrapper .entry-meta .entry-time > span,
    .entry-wrapper .entry-meta .entry-time > span:first-child,
    .entry-wrapper .entry-meta .entry-time > span:first-child + span {
        font-weight: 700;
        display: inline-block;
        font-size: 18px;
        margin: 0;
    }

    .entry-wrapper .entry-meta .entry-time > span:first-child + span + span {
        font-weight: 300;
    }

    .entry-wrapper .entry-meta .entry-author,
    .entry-wrapper .entry-meta .entry-author > a:first-child,
    .entry-wrapper .entry-meta .entry-author > a:first-child + a,
    .entry-wrapper .entry-meta .entry-author > span:first-child,
    .entry-wrapper .entry-meta .entry-author > span:first-child + span {
        float: left;
        margin: 0;
        line-height: 56px;
    }

    .entry-wrapper .entry-meta .entry-author > a:first-child,
    .entry-wrapper .entry-meta .entry-author > span:first-child {
        margin-right: 16px;
    }

    .entry-wrapper .entry-meta .entry-author > a:first-child + a,
    .entry-wrapper .entry-meta .entry-author > span:first-child + span {
        font-size: 18px;
    }

    .entry-wrapper .entry-meta .entry-is-promoted {
        position: absolute;
        top: -59px;
    }

    .entry-wrapper .entry-meta .entry-workshop-info {
        float: left;
        margin: 0 0 0 15px;
        padding-top: 14px;
    }

    .entry-wrapper .entry-meta .entry-workshop-info > span {
        display: inline-block;
    }

    .entry-wrapper .entry-meta .entry-workshop-info > span + span {
        padding-left: 14px;
        margin-left: 11px;
    }

    .entry-wrapper .entry-meta .entry-workshop-info > span > span {
        margin-left: 0 !important;
        left: 0;
    }
}

@media (max-width: 500px) {
    .entry-wrapper .entry-meta {
        display: table;
        border-collapse: separate;
    }

    .entry-wrapper .entry-meta .entry-time,
    .entry-wrapper .entry-meta .entry-author {
        line-height: 1;
        width: 100%;
        float: none;
    }

    .entry-wrapper .entry-meta .entry-time {
        display: table-footer-group;
    }

    .entry-wrapper .entry-meta .entry-time > span,
    .entry-wrapper .entry-meta .entry-time > span:first-child,
    .entry-wrapper .entry-meta .entry-time > span:first-child + span {
        font-size: 14px;
        margin: 0 2px;
    }

    .entry-wrapper .entry-meta .entry-author {
        display: table-header-group;
        text-align: center;
    }

    .entry-wrapper .entry-meta .entry-author > a:first-child,
    .entry-wrapper .entry-meta .entry-author > span:first-child {
        line-height: 1;
        display: none;
        float: none;
    }

    .entry-wrapper .entry-meta .entry-author > a:first-child + a,
    .entry-wrapper .entry-meta .entry-author > span:first-child + span {
        font-size: 14px;
        display: block;
        margin: 0 0 4px;
        line-height: 1;
        float: none;
    }

    .entry-wrapper .entry-meta .entry-workshop-info {
        float: none;
        margin: 0;
        padding: 0 0 14px;
    }
}

/**
 *
 */
.entry-single-wrapper {
    position: relative;
    background: #fff;
    padding: 20px;
}

.page-contact .entry-single-wrapper:before {
    background: transparent url(images/sprite.png) no-repeat -5px -581px;
    position: absolute;
    content: '';
    width: 243px;
    height: 219px;
    top: 35px;
    right: 0;
}

.page-contact .entry-single-wrapper > * {
    position: relative;
    z-index: 1;
}

.entry-single-wrapper > .entry-meta {
    line-height: 1;
    padding-top: 1px;
}

.entry-single-wrapper > .entry-meta > .entry-social {
    float: left;
}

.entry-single-wrapper > .entry-meta > .entry-social > div {
    margin-left: 5px;
    float: left;
}

.entry-single-wrapper > .entry-meta > .entry-social > .fb-like-widget {
    margin-left: 0;
    overflow: hidden;
}

.entry-single-wrapper > .entry-meta > .entry-social > .wykop-widget {
    margin-top: 2px;
}

.entry-single-wrapper > .entry-meta > .entry-social > .nk-widget img {
	height: 20px;
}

.entry-single-wrapper > .entry-meta > .entry-time {
    line-height: 20px;
    float: right;
}

.entry-single-wrapper > .entry-meta > .entry-time > span {
    font-weight: 700;
}

.entry-single-wrapper > .entry-meta > .entry-time > a.category-name {
	height: 22px;
	background: #000;
	font-size: 11px;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	line-height: 22px;
	padding: 0 10px;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0 0 0 10px;
	text-align: center;
	text-decoration: none;
}

@media (max-width: 460px) {
	.entry-single-wrapper > .entry-meta > .entry-time > a.category-name {
		display: block;
		margin: 10px 0 0;
	}
}

.entry-single-wrapper > .entry-media {
    margin-top: 19px;
}

.entry-single-wrapper > .entry-media.single > a {
	display: block;
	position: relative;
	color: transparent;
}

.entry-single-wrapper > .entry-media.single > a > .image-caption {
    background: #000;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    right: 0;
	bottom: 0;
	left: 0;
}

.entry-single-wrapper > .entry-media.single > a > .image-caption span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 13px;
    display: block;
    color: #fff;
	padding: 14px 17px;
}

.entry-single-wrapper > .entry-media.video > .responsive-video-container > .video-js {
    position: absolute;
    top: 0;
}

.entry-single-wrapper > .entry-media.single > a > img,
.entry-single-wrapper > .entry-media.gallery ul > li > a > img  {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.entry-single-wrapper > .entry-media.gallery ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.entry-single-wrapper > .entry-media.gallery ul.media-slider-pager > li {
    margin-left: 10px;
    float: left;
}

.entry-single-wrapper > .entry-media.gallery div.bx-viewport ul.media-slider-pager > li {
    margin-left: 0;
}

.entry-single-wrapper > .entry-media.gallery ul.media-slider-pager > li:first-child {
    margin-left: 0;
}

.entry-single-wrapper > .entry-media .bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    *zoom: 1;
}

.entry-single-wrapper > .entry-media .bx-wrapper + .bx-wrapper {
    margin: 10px 0 0 !important;
}

.entry-single-wrapper > .entry-media .bx-wrapper .bx-viewport {
    background: #fff;
}

.entry-single-wrapper > .entry-media .bx-wrapper:first-child + .bx-wrapper .bx-viewport > ul > li {
    cursor: pointer;
}

.entry-single-wrapper > .entry-media .bx-wrapper:first-child + .bx-wrapper .bx-viewport > ul > li.active {
    position: relative;
}

.entry-single-wrapper > .entry-media .bx-wrapper:first-child + .bx-wrapper .bx-viewport > ul > li.active:before {
    position: absolute;
    content: '';
    background: #63AC15;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
}

.entry-single-wrapper > .entry-media .bx-wrapper .bx-pager {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.6);
    width: 63px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
}

.entry-single-wrapper > .entry-media .bx-wrapper .bx-caption-background,
.entry-single-wrapper > .entry-media .bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 36px;
}

.entry-single-wrapper > .entry-media .bx-wrapper .bx-caption-background {
    background: #000;
    background: rgba(0, 0, 0, 0.6);
}

.entry-single-wrapper > .entry-media .bx-wrapper .bx-caption span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    display: block;
    color: #fff;
    line-height: 36px;
    padding: 0 60px 0 80px;
    white-space: nowrap;
    overflow: hidden;

    -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
}

.entry-single-wrapper > .entry-media .bx-wrapper .bx-preview {
    position: absolute;
    background: #000;
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    right: 0;
    width: 40px;
    height: 36px;
    z-index: 1;
}

.entry-single-wrapper > .entry-media .bx-wrapper .bx-preview:before {
    background: transparent url(images/sprite.png) no-repeat -734px -5px;
    position: absolute;
    content: '';
    width: 16px;
    height: 15px;
    top: 50%;
    left: 50%;
    margin-top: -7.5px;
    margin-left: -8px;
}

.entry-single-wrapper > .entry-media .bx-wrapper .bx-caption .bx-preview:hover:before {
    background-position: -734px -25px;
}

.entry-single-wrapper > .entry-media .bx-wrapper:first-child .bx-controls-direction a {
    background: transparent url(images/sprite.png) no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    outline: 0;
    width: 23px;
    height: 33px;
    text-indent: -9999px;
    z-index: 1;
}

.entry-single-wrapper > .entry-media .bx-wrapper:first-child .bx-controls-direction a.bx-prev {
    left: 18px;
    background-position: -544px -5px;
}

.entry-single-wrapper > .entry-media .bx-wrapper:first-child .bx-controls-direction a.bx-prev:hover {
    background-position: -544px -43px;
}

.entry-single-wrapper > .entry-media .bx-wrapper:first-child .bx-controls-direction a.bx-next {
    right: 18px;
    background-position: -572px -5px;
}

.entry-single-wrapper > .entry-media .bx-wrapper:first-child .bx-controls-direction a.bx-next:hover {
    background-position: -572px -43px;
}

.entry-single-wrapper > .entry-media .bx-wrapper:first-child + .bx-wrapper .bx-controls-direction a {
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    outline: 0;
    width: 30px;
    height: 71px;
    top: 0;
    text-indent: -9999px;
    z-index: 1;
    display: block;
}

.entry-single-wrapper > .entry-media .bx-wrapper:first-child + .bx-wrapper .bx-controls-direction a:before {
    background: transparent url(images/sprite.png) no-repeat;
    position: absolute;
    content: '';
    width: 10px;
    height: 14px;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    margin-left: -5px;
}

.entry-single-wrapper > .entry-media .bx-wrapper:first-child + .bx-wrapper .bx-controls-direction a.bx-prev {
    left: 0;
}

.entry-single-wrapper > .entry-media .bx-wrapper:first-child + .bx-wrapper .bx-controls-direction a.bx-prev:before {
    background-position: -734px -45px;
}

.entry-single-wrapper > .entry-media .bx-wrapper:first-child + .bx-wrapper .bx-controls-direction a.bx-prev:hover:before {
    background-position: -734px -64px;
}

.entry-single-wrapper > .entry-media .bx-wrapper:first-child + .bx-wrapper .bx-controls-direction a.bx-next {
    right: 0;
}

.entry-single-wrapper > .entry-media .bx-wrapper:first-child + .bx-wrapper .bx-controls-direction a.bx-next:before {
    background-position: -749px -45px;
}

.entry-single-wrapper > .entry-media .bx-wrapper:first-child + .bx-wrapper .bx-controls-direction a.bx-next:hover:before {
    background-position: -749px -64px;
}

.entry-single-wrapper > .entry-author {
    margin-top: 21px;
    line-height: 1;
}

.entry-single-wrapper.workshop > .entry-author {
    float: left;
}

.entry-single-wrapper > .entry-author > a,
.entry-single-wrapper > .entry-author > a > img,
.entry-single-wrapper > .entry-author > span,
.entry-single-wrapper > .entry-author > span > img {
    overflow: hidden;
    display: block;
    width: 37px;
    height: 37px;

    -webkit-border-radius: 37px;
       -moz-border-radius: 37px;
            border-radius: 37px;
}

.entry-single-wrapper > .entry-author > a,
.entry-single-wrapper > .entry-author > span {
    border: 3px solid #d4d4d4;
    background: #d4d4d4;
    width: 43px;
    height: 43px;
    float: left;
}

.entry-single-wrapper.workshop > .entry-author > span {
    border-color: #63ac15;
    background: #63ac15;
}

.entry-single-wrapper > .entry-author > .entry-author-info {
    padding: 6px 0 0 12px;
    overflow: hidden;
}

.entry-single-wrapper > .entry-author > .entry-author-info.single {
    padding-top: 14px;
}

.entry-single-wrapper > .entry-author > .entry-author-info > span {
    display: block;
}

.entry-single-wrapper > .entry-author > .entry-author-info > span:first-child {
    margin-bottom: 3px;
}

.entry-single-wrapper > .entry-author > .entry-author-info > span:first-child > span {
    font-weight: 600;
    font-size: 13px;
    color: #63ac15;
}

.entry-single-wrapper > .entry-author > .entry-author-info > span > span {
    font-size: 13px;
}

.entry-single-wrapper > .entry-workshop-info {
    font-weight: 700;
    font-size: 11px;
    float: right;
    margin-top: 21px;
    padding-top: 15px;
    line-height: 1;
    min-width: 150px;
    text-align: right;
}

.entry-single-wrapper > .entry-workshop-info > .entry-workshop-duration {
    position: relative;
    padding-left: 22px;
}

.entry-single-wrapper > .entry-workshop-info > .entry-workshop-duration:before {
    background: transparent url(images/sprite.png) -755px -5px;
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    top: 50%;
    left: 1px;
    margin-top: -8px;
}

.entry-single-wrapper > .entry-workshop-info > .entry-workshop-difficulty {
    position: relative;
    margin-left: 11px;
    padding-left: 14px;
}

.entry-single-wrapper > .entry-workshop-info > .entry-workshop-difficulty:before {
    background: transparent url(images/sprite.png) no-repeat;
    position: absolute;
    content: '';
    width: 8px;
    height: 13px;
    top: 50%;
    left: 0;
    margin-top: -6.5px;
}

.entry-single-wrapper > .entry-workshop-info > .entry-workshop-difficulty[data-difficulty="easy"]:before {
    background-position: -776px -5px;
}

.entry-single-wrapper > .entry-workshop-info > .entry-workshop-difficulty[data-difficulty="medium"]:before {
    background-position: -789px -5px;
}

.entry-single-wrapper > .entry-workshop-info > .entry-workshop-difficulty[data-difficulty="hard"]:before {
    background-position: -802px -5px;
}

.entry-single-wrapper > .entry-content {
    margin-top: 19px;
    line-height: 1.75;
    letter-spacing: -0.2px;
}

.entry-single-wrapper.no-results > .entry-content {
    margin-top: 0;
}

.entry-single-wrapper.no-results > .entry-content .site-search-form {}

.entry-single-wrapper.no-results > .entry-content .site-search-form input {
    font-family: 'Roboto', sans-serif;
    display: block;
    float: left;
    border: none;
    height: 50px;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.entry-single-wrapper.no-results > .entry-content .site-search-form input[type="search"] {
    -webkit-appearance: none;
    background: #F5F5F5;
    font-weight: 300;
    padding: 10px 15px;
    letter-spacing: -0.2px;
}

.entry-single-wrapper.no-results > .entry-content .site-search-form input[type="submit"] {
    background: #CCDC33;
    background: -moz-linear-gradient(top, #ccdc33 0%, #c5d80a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CCDC33), color-stop(100%,#C5D80A));
    background: -webkit-linear-gradient(top, #CCDC33 0%,#C5D80A 100%);
    background: -o-linear-gradient(top, #ccdc33 0%,#c5d80a 100%);
    background: -ms-linear-gradient(top, #ccdc33 0%,#c5d80a 100%);
    background: linear-gradient(to bottom, #CCDC33 0%,#C5D80A 100%);
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    width: 95px;
    border: none;
    color: #454B08;
    padding: 0;
}

.entry-single-wrapper.workshop > .entry-content {
    margin-top: 0;
    padding-top: 19px;
    clear: both;
}

.entry-single-wrapper.entry-page > .entry-content {
    margin-top: 0;
}

.entry-single-wrapper > .entry-content > p:first-child {
    margin-top: 0;
}

.entry-single-wrapper > .entry-content > .entry-content-section {
    margin-bottom: 15px;
}

.entry-single-wrapper > .entry-content > .entry-content-section.intro {
    font-weight: bold;
    margin-bottom: 0;
}

.entry-single-wrapper > .entry-content > .entry-content-section.intro > p:first-child {
    margin-top: 0;
}

.entry-single-wrapper > .entry-content > .entry-content-section.text {}

.entry-single-wrapper > .entry-content > .entry-content-section:first-child.text > p:first-child {
    margin-top: 0;
}

.entry-single-wrapper > .entry-content > .entry-content-section.text img {
    float: left;
    margin: 0 15px 15px 0;
}
.entry-single-wrapper > .entry-content > .entry-content-section.text img.alignright {
    float: right;
    margin: 0 0 15px 15px;
}

.entry-single-wrapper > .entry-content > .entry-content-section.gallery {
    margin: 0 -5px;
}

.entry-single-wrapper > .entry-content > .entry-content-section.gallery a {
    float: left;
    width: 20%;
    display: block;
    padding: 0 5px 10px;
}

.entry-single-wrapper > .entry-content > .entry-content-section.gallery.has-one-image a {
	width: 100%;
}

.entry-single-wrapper > .entry-content > .entry-content-section.gallery.has-two-images a {
	width: 50%;
}

.entry-single-wrapper > .entry-content > .entry-content-section.gallery.has-three-images a {
	width: 33.33333333333333%;
}

.entry-single-wrapper > .entry-content > .entry-content-section.gallery.has-four-images a {
	width: 25%;
}

.entry-single-wrapper > .entry-content > .entry-content-section.gallery.has-five-or-more-images a {
	width: 20%;
}

.entry-single-wrapper > .entry-content > .entry-content-section.gallery a img {
    display: block;
    margin: 0;
    max-width: 100%;
    min-width: 100%;
    height: auto;
}

.entry-single-wrapper > .entry-content > .entry-content-section.video {}

.entry-single-wrapper > .entry-comments {
    margin-top: 26px;
}

.entry-single-wrapper > .entry-comments > h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 27px;
    line-height: 1;
    text-transform: uppercase;
    color: #262626;
    margin: 0 0 21px;
}

.entry-single-wrapper > .entry-comments > h4 > span > div {
    display: inline-block;
}

.article-gallery-modal #cboxContent {
    margin-top: 59px;
}

.article-gallery-modal #cboxClose,
.article-gallery-modal #cboxClose:hover {
    top: -50px;
}

.article-gallery-modal #cboxPrevious,
.article-gallery-modal #cboxNext {
    background: transparent url(images/sprite.png) no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -16.5px;
    outline: 0;
    width: 23px;
    height: 33px;
    text-indent: -9999px;
    z-index: 1;
}

.article-gallery-modal #cboxPrevious {
    left: 38px;
    background-position: -544px -5px;
}

.article-gallery-modal #cboxPrevious:hover {
    background-position: -544px -43px;
}

.article-gallery-modal #cboxNext {
    right: 38px;
    background-position: -572px -5px;
}

.article-gallery-modal #cboxNext:hover {
    background-position: -572px -43px;
}

.article-gallery-modal .cboxPhoto {
    background: #000;
    border: 20px solid #262626;
    width: 100% !important;
    height: auto !important;
}

.article-gallery-modal #cboxTitle {
    background: #000;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: auto;
    right: 20px;
    bottom: 20px;
    left: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    display: block;
    color: #FFF;
    padding: 14px 17px;
}

.article-gallery-modal #cboxTitle:empty {
    display: none !important;
}

.article-gallery-modal #cboxLoadingGraphic {
    background-color: transparent !important;
    background-image: none !important;
}

.article-gallery-modal #cboxLoadingGraphic:before {
    position: absolute;
    content: '';
    background: #262626 url(images/loader-gallery.gif) no-repeat center center;
    width: 56px;
    height: 56px;
    top: 50%;
    left: 50%;
    margin-top: -28px;
    margin-left: -28px;
}

@media (max-width: 720px) {
    .entry-single-wrapper > .entry-content > .entry-content-section.gallery.has-five-or-more-images a {
        width: 25%;
    }
}

@media (max-width: 620px) {
	.entry-single-wrapper > .entry-media.single > a > .image-caption {
		position: relative;
	}
    .entry-single-wrapper > .entry-media .bx-wrapper:first-child > .bx-viewport > ul > li {
        padding-bottom: 36px;
    }

    .entry-single-wrapper > .entry-media .bx-wrapper:first-child .bx-controls-direction a {
        margin-top: -34.5px;
    }

	.entry-single-wrapper > .entry-content > .entry-content-section.gallery.has-four-images a,
    .entry-single-wrapper > .entry-content > .entry-content-section.gallery.has-five-or-more-images a {
        width: 33.33333333333333%;
    }
}

@media (max-width: 640px) {
    .entry-single-wrapper > .entry-meta > .entry-time {
        margin-top: 8px;
        float: left;
        clear: both;
		width: 100%;
    }
}

@media (max-width: 500px) {
	.entry-single-wrapper > .entry-content > .entry-content-section.gallery.has-three-images a,
	.entry-single-wrapper > .entry-content > .entry-content-section.gallery.has-four-images a,
    .entry-single-wrapper > .entry-content > .entry-content-section.gallery.has-five-or-more-images a {
        width: 50%;
    }
}

@media (max-width: 420px) {
    .entry-single-wrapper.workshop > .entry-author,
    .entry-single-wrapper > .entry-workshop-info {
        float: none;
    }

    .entry-single-wrapper > .entry-workshop-info {
        margin-top: 4px;
    }
}

/**
 *
 */
.page-header .page-filter.schools,
.page-header .page-filter.editors {
    background: #fff;
    margin-top: 11px;
    padding: 25px 20px 23px;
}

.page-header .page-filter.schools > form > *,
.page-header .page-filter.editors > form > * {
    float: left;
}

.page-header .page-filter.schools > form > span,
.page-header .page-filter.editors > form > span {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 50px;
}

.page-header .page-filter.schools > form > .ffSelectWrapper,
.page-header .page-filter.editors > form > .ffSelectWrapper {
    width: 244px;
    margin-left: 21px;
}

.page-header .page-filter.editors > form > .ffSelectWrapper {
    width: 245px;
    margin-left: 17px;
}

.page-header .page-filter.schools > form > input[type="button"] {
    background: #ccdc33; /* Old browsers */
    background: -moz-linear-gradient(top,  #ccdc33 0%, #c5d80a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccdc33), color-stop(100%,#c5d80a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ccdc33 0%,#c5d80a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ccdc33 0%,#c5d80a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ccdc33 0%,#c5d80a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ccdc33 0%,#c5d80a 100%); /* W3C */

    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    border: none;
    color: #454b08;
    padding: 14px 0 15px;
    text-align: center;
    margin-left: 22px;
    width: 138px;
}

.page-header .page-filter.schools > form > input[type="button"]:hover,
.page-header .page-filter.schools > form > input[type="button"]:active {
    background: #b5c616;
    text-shadow: 0 1px #d1de4a;
}

.page-header .page-filter.schools > form > input[type="button"]:hover,
.page-header .page-filter.schools > form > input[type="button"]:active,
.page-header .page-filter.schools > form > input[type="button"]:focus {
    outline: none;
}

@media (max-width: 680px) {
    .page-header .page-filter.schools > form > span,
    .page-header .page-filter.editors > form > span {
        font-size: 16px;
    }

    .page-header .page-filter.schools > form > input[type="button"],
    .page-header .page-filter.editors > form > div.btn-become-an-editor {
        clear: both;
        margin-top: 15px;
        margin-left: 0;
        width: 100%;
    }
}

@media (max-width: 440px) {
    .page-header .page-filter.schools > form > span,
    .page-header .page-filter.editors > form > span {
        font-size: 14px;
    }
}

/**
 *
 */
.schools-map-modal-wrapper {
    background: #000;
    border: 20px solid #262626;
    min-height: 590px;
}

#colorbox.bordered-modal #cboxClose {
    top: -50px;
}

#colorbox.bordered-modal #cboxContent{
        margin-top:50px;
}

/**
 *
 */
.entry-school-wrapper {}

.entry-school-wrapper .entry-media {
    width: 259px;
    float: left;
    padding: 20px 0 10px 20px;
    position: relative;
}

.entry-school-wrapper .entry-media > .yf-fb-widget {
    position: absolute;
    bottom: 15px;
    left: 25px;
    z-index: 1;
    overflow: hidden;
}

.entry-school-wrapper .entry-content {
    padding: 0 20px 0 19px;
    overflow: hidden;
}

.entry-school-wrapper .entry-title {
    margin: 17px 0 0;
}

.entry-school-wrapper .entry-title > a {
    font-size: 18px;
    display: inline-block;
    line-height: 1.11;
}

.entry-school-wrapper .entry-location > span {
    font-weight: 600;
    font-size: 14px;
    color: #63ac15;
}

.entry-school-wrapper .entry-join-date {
    font-size: 12px;
    line-height: 1;
}

.entry-school-wrapper .entry-join-date > span,
.entry-school-wrapper .entry-contact > p > span {
    color: #989898;
}

.entry-school-wrapper .entry-description {
    font-size: 12px;
    margin: 19px 0 0;
    line-height: 1.18;
}

.entry-school-wrapper .entry-contact {
    margin: 16px 0 10px;
}

.entry-school-wrapper .entry-contact > p {
    margin: 3px 0 0;
    line-height: 1;
}

.entry-school-wrapper .entry-contact > p:first-child {
    margin-top: 0;
}

.entry-school-wrapper .entry-contact,
.entry-school-wrapper .entry-contact > p > a {
    font-size: 12px;
}

.entry-school-wrapper .entry-meta {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #696969;
    background: #f5f5f5;
    clear: both;
    padding: 11px 20px 12px;
}

.entry-school-wrapper .entry-meta > div {
    float: left;
    border-right: 1px solid #dedede;
    padding: 0 19px;
}

.entry-school-wrapper .entry-meta > div:first-child {
    padding-left: 0;
}

.entry-school-wrapper .entry-meta > .entry-go-to {
    border-right: none;
    padding-left: 0;
    padding-right: 0;
    float: right;
    line-height: 25px;
}

.entry-school-wrapper .entry-meta > .entry-go-to > a {
    position: relative;
    font-weight: 700;
    font-size: 12px;
    display: inline-block;
    line-height: 1;
    letter-spacing: 0.5px;
    padding-left: 18px;
}

.entry-school-wrapper .entry-meta > .entry-go-to > a:before {
    background: transparent url(images/sprite.png) no-repeat -513px -53px;
    position: absolute;
    content: '';
    width: 8px;
    height: 6px;
    top: 50%;
    left: 0;
    margin-top: -3px;
}

.entry-school-wrapper .entry-meta > div > span {
    font-size: 18px;
    color: #262626;
    margin-right: 2px;
}

@media (max-width: 620px) {
    .entry-school-wrapper .entry-media {
        width: auto;
        float: none;
        padding-right: 20px;
        padding-bottom: 0;
    }

    .entry-school-wrapper .entry-media img {
        min-width: 100%;
        max-width: 100%;
        height: auto;
    }

    .entry-school-wrapper .entry-media > .yf-fb-widget {
        bottom: 5px;
    }

    .entry-school-wrapper .entry-contact {
        margin: 16px 0;
    }
}

@media (max-width: 600px) {
    .entry-school-wrapper .entry-meta,
    .entry-school-wrapper .entry-meta > div > span {
        font-size: 12px;
    }

    .entry-school-wrapper .entry-meta > div {
        padding: 0 8px;
    }

    .entry-school-wrapper .entry-meta > .entry-editors {
        border-right: none;
    }

    .entry-school-wrapper .entry-meta > .entry-go-to {
        line-height: 18px;
    }
}

@media (max-width: 480px) {
    .entry-school-wrapper .entry-meta > .entry-go-to {
        float: left;
        clear: both;
        margin-top: 4px;
    }
}

/**
 *
 */
.site-content  .page-header.school-header ~ .content-area,
.site-content  .page-header.school-header ~ .widget-area {
    margin-top: 10px;
}

/**
 *
 */
.about-us-wrapper {

}

.about-us-wrapper .about-us-person {
    width: 50%;
    float: left;
}

.about-us-wrapper .about-us-person:first-child {
    padding-right: 10px;
}

.about-us-wrapper .about-us-person:first-child + .about-us-person {
    padding-left: 10px;
}

.about-us-wrapper .about-us-person h3 {
    margin-top: 0;
    margin-bottom: 25px;
    line-height: 1;
}

.about-us-wrapper .about-us-person img {
    min-width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

@media (max-width: 620px) {
    .about-us-wrapper .about-us-person {
        width: 100%;
        float: none;
    }

    .about-us-wrapper .about-us-person:first-child,
    .about-us-wrapper .about-us-person:first-child + .about-us-person {
        padding: 0;
    }
}

/**
 *
 */
.search-results-wrapper {
    background: #fff;
    margin-bottom: 21px;
}

.search-results-wrapper > h2,
.search-results-wrapper > h3.search-section-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 18px;
}

.search-results-wrapper > h2 {
    margin: 26px 20px 24px;
}

.search-results-wrapper > h3.search-section-title {
    background: #000;
    text-transform: uppercase;
    color: #fff;
    padding: 11px 22px 13px;
    margin: 0;
}

.search-results-wrapper > ul {
    font-weight: 600;
    list-style: none;
    line-height: 1;
    position: relative;
    padding: 11px 0 21px;
    margin: 0;
}

.search-results-wrapper > ul:before,
.search-results-wrapper > ul:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
}

.search-results-wrapper > ul:before {
    background: #f4f4f4;
    width: 50px;
}

.search-results-wrapper > ul:after {
    background: #dedede;
    width: 1px;
    left: 50px;
}

.search-results-wrapper > ul > li {
    position: relative;
    z-index: 1;
}

.search-results-wrapper > ul > li:nth-of-type(even) {
    background: #e9e9e9;
}

.search-results-wrapper > ul > li > div:first-child {
    text-align: center;
    color: #565656;
    width: 50px;
    float: left;
}

.search-results-wrapper > ul > li > div:first-child + div {
    border-left: 1px solid #dedede;
    overflow: hidden;
    padding-left: 18px;
    padding-right: 18px;
}

.search-results-wrapper > ul > li > div {
    padding: 8px 0;
}

.search-results-wrapper > ul > li > div > h4 > a,
.search-results-wrapper > ul > li > div > a {
    font-size: 14px;

}

.search-results-wrapper > ul > li > div > h4 {
    margin: 0;
}

.search-results-wrapper > ul > li > div > span,
.search-results-wrapper > ul > li > div > p {
    font-weight: 400;
}

.search-results-wrapper > ul > li > div > span {
    font-size: 12px;
}

.search-results-wrapper > ul > li > div > p {
    font-size: 13px;
    margin: 18px 0 4px;
}

.search-results-wrapper span.highlight-term {
    color: #ff5a00;
}

/**
 *
 */
.list-of-my-publications-wrapper {
    background: #fff;
    padding: 20px 20px;
    margin-bottom: 21px;
}

.list-of-my-publications-wrapper table > thead > tr > th.col-type {
    width: 76px;
}

.list-of-my-publications-wrapper table > thead > tr > th.col-added,
.manage-school-wrapper table > thead > tr > th.col-added {
    width: 90px;
}

.list-of-my-publications-wrapper table > thead > tr > th.col-published {
    width: 135px;
}

.list-of-my-publications-wrapper table > thead > tr > th.col-status {
    width: 130px;
}

.list-of-my-publications-wrapper table > thead > tr > th.col-note,
.manage-school-wrapper table > thead > tr > th.col-note {
    width: 78px;
}

.list-of-my-publications-wrapper table > thead > tr > th.col-actions {
    width: 75px;
}

.list-of-my-publications-wrapper table > tbody > tr > td.col-title,
.manage-school-wrapper table > tbody > tr > td.col-title,
.manage-school-wrapper table > tbody > tr > td.col-name-surname,
.manage-school-wrapper table > tbody > tr > td.col-email {
    white-space: nowrap;
    overflow: hidden;

    -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
}

.list-of-my-publications-wrapper table > tbody > tr {}

.list-of-my-publications-wrapper table > tbody > tr.even {
    background: #f5f5f5;
}

.list-of-my-publications-wrapper table > tbody > tr > td {
    padding: 13px 10px;
    line-height: 1;
}

.list-of-my-publications-wrapper table > tbody > tr > td.col-title {
    white-space: nowrap;
    overflow: hidden;

    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.list-of-my-publications-wrapper table > tbody > tr > td.col-title > a,
.manage-school-wrapper table > tbody > tr > td.col-title > a,
.manage-school-wrapper table > tbody > tr > td.col-editor > a,
.manage-school-wrapper table > tbody > tr > td.col-name-surname > a {
    font-size: 12px;
}

.list-of-my-publications-wrapper table > tbody > tr > td.col-status > span {
    border: 1px solid #a2a2a2;
    display: inline-block;
    margin: 0 5px 0 4px;
    width: 11px;
    height: 11px;

    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}

.list-of-my-publications-wrapper table > tbody > tr > td.col-status > span[data-entry-status="0"] {}

.list-of-my-publications-wrapper table > tbody > tr > td.col-status > span[data-entry-status="1"] {
    background: #ffa800;
}

.list-of-my-publications-wrapper table > tbody > tr > td.col-status > span[data-entry-status="2"] {
    background: #63ac15;
}

.list-of-my-publications-wrapper table > tbody > tr > td.col-note > .icon-note,
.list-of-my-publications-wrapper table > tbody > tr > td.col-actions > a,
.manage-school-wrapper table > tbody > tr > td.col-move > .icon-move,
.manage-school-wrapper table > tbody > tr > td.col-note > .icon-note,
.manage-school-wrapper table > tbody > tr > td.col-actions > a {
    background: transparent url(images/sprite.png) no-repeat;
}

.list-of-my-publications-wrapper table > tbody > tr > td.col-note > .icon-note,
.manage-school-wrapper table > tbody > tr > td.col-note > .icon-note {
    background-position: -600px -59px;
    display: block;
    width: 28px;
    height: 24px;
    margin-left: 4px;
}

.list-of-my-publications-wrapper table > tbody > tr > td.col-actions > a,
.manage-school-wrapper table > tbody > tr > td.col-actions > a {
    display: block;
    float: left;
    text-indent: -9999px;
    width: 24px;
    height: 19px;
    margin-left: 5px;
}

.list-of-my-publications-wrapper table > tbody > tr > td.col-actions > a:first-child,
.manage-school-wrapper table > tbody > tr > td.col-actions > a:first-child {
    margin-left: 0;
}

.manage-school-wrapper table > tbody > tr > td.col-actions > .icon-accept {
    background-position: -691px -59px;
    width: 34px;
}

.list-of-my-publications-wrapper table > tbody > tr > td.col-actions > .icon-change,
.manage-school-wrapper table > tbody > tr > td.col-actions > .icon-change {
    background-position: -633px -59px;
}

.list-of-my-publications-wrapper table > tbody > tr > td.col-actions > .icon-remove,
.manage-school-wrapper table > tbody > tr > td.col-actions > .icon-remove {
    background-position: -662px -59px;
}

@media only screen and (max-width: 960px) {
    .do-responsive-table .list-of-my-publications-wrapper table > tbody > tr > td.col-title,
    .do-responsive-table .manage-school-wrapper table > tbody > tr > td.col-title,
    .do-responsive-table .manage-school-wrapper table > tbody > tr > td.col-name-surname {
        white-space: normal;
        overflow: visible;

        -ms-text-overflow: clip;
            text-overflow: clip;
    }

    .do-responsive-table .list-of-my-publications-wrapper table > tbody > tr > td.col-status > span {
        margin-left: 0;
    }

    .do-responsive-table .list-of-my-publications-wrapper table > tbody > tr > td.col-note {
        line-height: 25px;
    }

    .do-responsive-table .list-of-my-publications-wrapper table > tbody > tr > td.col-note > .icon-note {
        margin-left: 0;
    }

    .do-not-responsive-table .list-of-my-publications-wrapper table tr > .col-type,
    .do-not-responsive-table .list-of-my-publications-wrapper table tr > .col-added,
    .do-not-responsive-table .list-of-my-publications-wrapper table tr > .col-published,
    .do-not-responsive-table .list-of-my-publications-wrapper table tr > .col-note {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    .do-not-responsive-table .list-of-my-publications-wrapper table tr > .col-status {
        display: none;
    }
}

/**
 *
 */
.manage-school-wrapper {
    background: #fff;
    padding: 20px 20px;
    margin-bottom: 21px;
}

.manage-school-wrapper nav[role="navigation"] {
    border-bottom: 2px solid #c7c7c7;
    position: relative;
    margin: 6px 0 25px;
}

.manage-school-wrapper nav[role="navigation"] > ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.manage-school-wrapper nav[role="navigation"] > ul > li {
    padding: 18px 12px 14px;
    position: relative;
    float: left;
}

.manage-school-wrapper nav[role="navigation"] > ul > li.active {
    border-top: 2px solid #c7c7c7;
    border-right: 2px solid #c7c7c7;
    border-left: 2px solid #c7c7c7;
}

.manage-school-wrapper nav[role="navigation"] > ul > li.with-badge {
    padding-right: 36px;
}

.manage-school-wrapper nav[role="navigation"] > ul > li.active:after {
    position: absolute;
    content: '';
    background: #fff;
    height: 2px;
    top: 100%;
    right: 0;
    left: 0;
}

.manage-school-wrapper nav[role="navigation"] > ul > li > a {
    font-size: 14px;
    float: left;
    text-decoration: none;
    color: #565656;
    line-height: 1;
    letter-spacing: -0.3px;
}

.manage-school-wrapper nav[role="navigation"] > ul > li > a:hover {
    color: #63ac15;
}

.manage-school-wrapper nav[role="navigation"] > ul > li.active > a {
    font-weight: 700;
    margin-top: -2px;
}

.manage-school-wrapper nav[role="navigation"] > ul > li > a > span {
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background: #63ac15;
    line-height: 1;
    color: #fff;
    min-width: 10px;
    display: inline-block;
    padding: 3px 6px;
    font-size: 11px;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -6px;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

.manage-school-wrapper h2.manage-section-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #565656;
    text-transform: uppercase;
    letter-spacing: -0.3px;
    margin: 10px 0;
}

.manage-school-wrapper .table-list-of-publications-apply {
    margin-bottom: 32px;
}

.manage-school-wrapper .table-list-of-publications-apply table > thead > tr > th.col-actions {
    width: 112px;
}

.manage-school-wrapper .table-list-of-editors-apply table > thead > tr > th.col-actions {
    width: 83px;
}

.manage-school-wrapper .table-list-of-publications table > thead > tr > th.col-move {
    width: 36px;
}

.manage-school-wrapper .table-list-of-publications table > thead > tr > th.col-status {
    width: 130px;
}

.manage-school-wrapper .table-list-of-publications table > thead > tr > th.col-editor {
    width: 220px;
}

.manage-school-wrapper .table-list-of-publications table > thead > tr > th.col-actions {
    width: 73px;
}

.manage-school-wrapper .table-list-of-editors table > thead > tr > th.col-actions {
    width: 44px;
}

table.table-responsive > tbody > tr > td {
    padding: 10px;
}

.manage-school-wrapper table > tbody > tr > td.col-move {
    background: #a8a8a8;
    cursor: move;
}

.manage-school-wrapper table > tbody > tr.even > td.col-move {
    background: #8e8e8e;
}

.manage-school-wrapper table > tbody > tr > td.col-move > .icon-move {
    background-position: -544px -81px;
    display: block;
    width: 16px;
    height: 16px;
}

.manage-school-wrapper table > tbody > tr > td.col-status > .label {
    font-weight: 600;
    font-size: 12px;
    width: 100%;
    line-height: 29px;
    padding: 0 0 0 11px;
    position: relative;
}

.manage-school-wrapper table > tbody > tr > td.col-status > .label:before {
    background: transparent url(images/sprite.png) no-repeat -572px -81px;
    position: absolute;
    content: '';
    width: 11px;
    height: 11px;
    top: 50%;
    margin-top: -5.5px;
    margin-left: -16px;
}

.is-ie .manage-school-wrapper table > tbody > tr > td.col-status > .label:before {
    margin-left: 0;
}

.manage-school-wrapper table > tbody > tr > td.col-status > .label[data-entry-status="0"] {
    background: #a8a8a8;
}

.manage-school-wrapper table > tbody > tr > td.col-status > .label[data-entry-status="1"] {
    background: #ffa800;
}

.manage-school-wrapper table > tbody > tr > td.col-status > .label[data-entry-status="2"] {
    background: #63ac15;
}

.manage-school-wrapper table > tbody > tr > td.col-status > .label[data-entry-status="3"] {
    background: #ff0000;
}

@media only screen and (max-width: 960px) {
    .do-responsive-table .manage-school-wrapper table > tbody > tr > td.col-move > .icon-move {
        margin: 0 auto;
    }

    .is-safari.do-responsive-table .manage-school-wrapper table > tbody > tr > td.col-status > .label:before {
        margin-left: 0;
    }

    .do-responsive-table .manage-school-wrapper table > tbody > tr > td.col-note {
        line-height: 25px;
    }

    .do-responsive-table .manage-school-wrapper table > tbody > tr > td.col-note > .icon-note {
        margin-left: 0;
    }

    .do-not-responsive-table .manage-school-wrapper .table-list-of-publications table > thead > tr > th.col-editor {
        width: auto;
    }

    .do-not-responsive-table .manage-school-wrapper .table-list-of-publications table tr > .col-editor {
        display: none;
    }

    .manage-school-wrapper .form-container {
        max-width: none;
        padding: 20px 0;
    }

    .manage-school-wrapper .form-container .form-group {
        width: 50%;
    }
}

@media only screen and (max-width: 768px) {
    .manage-school-wrapper .form-container .form-group {
        width: 100%;
    }
}

@media only screen and (max-width: 720px) {
    .do-not-responsive-table .manage-school-wrapper table tr > .col-added,
    .do-not-responsive-table .manage-school-wrapper table tr > .col-notification-date,
    .do-not-responsive-table .manage-school-wrapper table tr > .col-note {
        display: none;
    }
}

@media only screen and (max-width: 660px) {
    .manage-school-wrapper nav[role="navigation"] {
        border-bottom: none;
    }

    .manage-school-wrapper nav[role="navigation"] > ul > li {
        border-top: 2px solid #c7c7c7;
        padding: 14px 12px;
        float: none;
    }

    .manage-school-wrapper nav[role="navigation"] > ul > li:first-child {
        border-top: none;
    }

    .manage-school-wrapper nav[role="navigation"] > ul > li.active {
        border-right: none;
        border-left: none;
    }

    .manage-school-wrapper nav[role="navigation"] > ul > li.active:after {
        content: none;
    }

    .manage-school-wrapper nav[role="navigation"] > ul > li > a {
        float: none;
    }

    .manage-school-wrapper nav[role="navigation"] > ul > li > a > span {
        margin-top: -9px;
    }
}

@media only screen and (max-width: 480px) {
    .manage-school-wrapper .table-list-of-publications table tr > .col-status,
    .do-not-responsive-table .manage-school-wrapper table tr > .col-editor {
        display: none;
    }
}

/**
 *
 */
.add-first-article-wrapper {
    background: #fff;
    padding: 20px;
    margin-bottom: 21px;
    position: relative;
}

.add-first-article-wrapper:before,
.add-first-article-wrapper:after,
.add-first-article-wrapper > .user-info:before,
.add-first-article-wrapper > .user-info:after {
    background: transparent url(images/sprite.png) no-repeat;
    position: absolute;
    content: '';
    display: block;
}

.add-first-article-wrapper:before {
    background-position: -666px -258px;
    width: 143px;
    height: 154px;
    top: 252px;
    left: 0;
}

.add-first-article-wrapper:after {
    background-position: -814px -258px;
    width: 155px;
    height: 181px;
    top: 272px;
    right: 0;
}

.add-first-article-wrapper > * {
    position: relative;
    z-index: 1;
}

.add-first-article-wrapper > .user-info {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    line-height: 1;
    position: relative;
}

.add-first-article-wrapper > .user-info:before {
    background-position: -633px -83px;
    width: 217px;
    height: 170px;
    top: -3px;
    left: 68px;
}

.add-first-article-wrapper > .user-info:after {
    background-position: -855px -5px;
    width: 140px;
    height: 186px;
    top: -12px;
    right: 138px;
}

.add-first-article-wrapper > .user-info > .user-media {
    margin: 10px 0 12px;
    position: relative;
    z-index: 1;
}

.add-first-article-wrapper > .user-info > .user-media > a,
.add-first-article-wrapper > .user-info > .user-media > a > img {
    overflow: hidden;
    display: block;
    width: 104px;
    height: 104px;

    -webkit-border-radius: 104px;
       -moz-border-radius: 104px;
            border-radius: 104px;
}

.add-first-article-wrapper > .user-info > .user-media > a {
    border: 6px solid #d4d4d4;
    background: #d4d4d4;
    width: 116px;
    height: 116px;
    margin: 0 auto;
}

.add-first-article-wrapper > .user-info > .user-name {
    font-size: 30px;
    margin: 4px 0 0;
}

.add-first-article-wrapper > p {
    text-align: center;
    margin: 44px 0 47px;
}

.add-first-article-wrapper > .types-of-article-wrapper {
    max-width: 582px;
    margin: 0 auto;
}

.add-first-article-wrapper > .types-of-article-wrapper > div {
    float: left;
    width: 154px;
    margin-left: 60px;
}

.add-first-article-wrapper > .types-of-article-wrapper > div:first-child {
    margin-left: 0;
}

.add-first-article-wrapper > .types-of-article-wrapper > div > a {
    background: #c8da1f;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    display: block;
    line-height: 50px;
    width: 100%;
    height: 50px;
    color: #454b08;
    text-shadow: 0 1px #d1de4a;
    text-align: center;
}

.add-first-article-wrapper > .types-of-article-wrapper > div > p {
    font-size: 11px;
    text-align: center;
    margin: 16px 0 19px;
    line-height: 1.65;
}

@media only screen and (max-width: 680px) {
    .add-first-article-wrapper:before,
    .add-first-article-wrapper:after,
    .add-first-article-wrapper > .user-info:before,
    .add-first-article-wrapper > .user-info:after {
        content: none;
    }

    .add-first-article-wrapper > .types-of-article-wrapper > div {
        float: none;
        width: 100%;
        margin: 0;
    }
}

/**
 *
 */
.register-first-step-wrapper {
    background: #fff;
    padding: 20px;
    margin-bottom: 21px;
    position: relative;
}

.register-first-step-wrapper .register-first-video {
    border: 20px solid #262626;
    margin: 36px auto 0;
    width: 527px;
}

.register-first-step-wrapper .register-first-video .responsive-video-container {
    padding-top:0;
}

.register-first-step-wrapper .register-first-blocks {

}

.register-first-step-wrapper .register-first-block {
    width: 50%;
    float: left;
    padding: 83px 75px 25px;
    position: relative;
}

.register-first-step-wrapper .register-first-block:first-child {
    width: 100%;
    clear: both;
    padding: 0;
}

.register-first-step-wrapper .register-first-block:before,
.register-first-step-wrapper .register-first-block:after {
    position: absolute;
    content: '';
}

.register-first-step-wrapper .register-first-block:first-child:before {
    background: transparent url(images/sprite.png) no-repeat -764px -45px;
    bottom: 14px;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-left: -15px;
}

.register-first-step-wrapper .register-first-block:first-child:after {
    background: #d8d8d8;
    bottom: 0;
    left: 50%;
    width: 5px;
    height: 15px;
    margin-left: -2.5px;
}

.register-first-step-wrapper .register-first-block:first-child + .register-first-block:before,
.register-first-step-wrapper .register-first-block:first-child + .register-first-block + .register-first-block:before {
    background: #d8d8d8;
    height: 5px;
    top: 0;
    right: 0;
    left: 50%;
}

.register-first-step-wrapper .register-first-block:first-child + .register-first-block + .register-first-block:before {
    right: 50%;
    left: 0;
}

.register-first-step-wrapper .register-first-block:first-child + .register-first-block:after,
.register-first-step-wrapper .register-first-block:first-child + .register-first-block + .register-first-block:after {
    background: #d8d8d8;
    top: 0;
    left: 50%;
    width: 5px;
    height: 50px;
    margin-left: -2.5px;
}

.register-first-step-wrapper .register-first-block h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #3d3d3d;
    position: relative;
    line-height: 1.2;
}

.register-first-step-wrapper .register-first-block:first-child h2 {
    margin: 54px 0 66px;
    line-height: 1;
}

.register-first-step-wrapper .register-first-block:first-child + .register-first-block h2:before,
.register-first-step-wrapper .register-first-block:first-child + .register-first-block + .register-first-block h2:before {
    background: transparent url(images/sprite.png) no-repeat -764px -45px;
    position: absolute;
    content: '';
    top: -53px;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-left: -15px;
}

.register-first-step-wrapper .register-first-block h2 > span {
    color: #63ac15;
}

.register-first-step-wrapper .register-first-block > ul {
    list-style: none;
    padding: 0;
    margin: 28px 0 37px;
}

.register-first-step-wrapper .register-first-block > ul > li {
    position: relative;
    padding-left: 22px;
}

.register-first-step-wrapper .register-first-block > ul > li:before {
    background: transparent url(images/sprite.png) no-repeat -755px -28px;
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    top: 5px;
    left: 0;
}

.register-first-step-wrapper .register-first-block .ffSelectWrapper {
    text-align: left;
    display: block;
    margin: 10px 0;
        padding:1px;
}

.register-first-step-wrapper .register-first-block .ffSelectWrapper.error {
    border:1px solid #ff0000;
    padding:0;
}

.register-first-step-wrapper .register-first-block .ffSelectWrapper.disabled .ffSelect > a > span {
    color:#999;
}

.register-first-step-wrapper .register-first-block .ffSelectWrapper + .ffSelectWrapper + .ffSelectWrapper + .ffSelectWrapper .ffSelectMenuWrapper .ffSelectMenuMidBG li span {
    font-size:11px;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    height: 100%;
}

.register-first-step-wrapper .register-first-block .ffSelectWrapper + .ffSelectWrapper + .ffSelectWrapper + .ffSelectWrapper {
    margin-bottom: 0;
}

.register-first-step-wrapper .register-first-block input[type="submit"] {
    color: #fff;
    background: #63ac15;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    padding: 10px 19px;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    padding-top: 14px;
    padding-bottom: 14px;
    margin-top: 30px;
    text-shadow:none;
    width:auto;
}

.register-first-step-wrapper .register-first-block input[type="submit"]:hover {
    text-decoration:underline;
}

@media (max-width: 960px) {
    .register-first-step-wrapper .register-first-video {
        width: auto;
    }

    .register-first-step-wrapper .register-first-block {
        width: 100%;
        float: none;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .register-first-step-wrapper .register-first-block:first-child h2 {
        display: none;
    }

    .register-first-step-wrapper .register-first-block:before,
    .register-first-step-wrapper .register-first-block:after,
    .register-first-step-wrapper .register-first-block h2:before,
    .register-first-step-wrapper .register-first-block h2:after {
        content: none !important;
    }
}

@media (max-width: 480px) {
    .register-first-step-wrapper .register-first-block > h2 {
        font-size: 18px;
    }
}

/**
 *
 */
.youngface-home-slider {
    margin-bottom: 20px;
}

/**
 *
 */
.youngface-home-slider > ul.bxslider {
    margin: 0;
    padding: 0;
    list-style: none;
}

.youngface-home-slider > ul.bxslider > li {
    display: none;
}

.youngface-home-slider > ul.bxslider > li:first-child {
    display: list-item;
}

/**
 *
 */
.youngface-home-slider .bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    *zoom: 1;
}

.youngface-home-slider .bx-wrapper a {
    display: block;
}

.youngface-home-slider .bx-wrapper a > img {
    min-width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

.youngface-home-slider .bx-wrapper .bx-viewport {
    background: #fff;
}

.youngface-home-slider .bx-wrapper .bx-viewport > ul {
    padding: 0;
    margin: 0;
}

.youngface-home-slider .bx-wrapper .bx-pager,
.youngface-home-slider .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

.youngface-home-slider .bx-pager {
    display: table;
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    width: 100%;
}

.youngface-home-slider .bx-pager a {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.148571429;
    background: #fff;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    color: #b5b5b5;
    width: 33.33333333333333%;
    outline: 0;
    border-left: 1px solid #ebebeb;
    padding: 18px 10px;
	position: relative;
}

.youngface-home-slider .bx-pager a:first-child {
    border-left: none;
}

.youngface-home-slider .bx-pager a:hover,
.youngface-home-slider .bx-pager a:active {
    background: #b5c616;
    text-decoration: none;
    color: #454b08;
}

.youngface-home-slider .bx-pager a.active {
    background: #cbdb33;
    color: #454b08;
    text-shadow: 0 1px #d1de4a;
}

.youngface-home-slider .bx-pager a:first-child:before,
.youngface-home-slider .bx-pager a:last-child:before {
	background: #fff;
	position: absolute;
	content: '';
	width: 1px;
	top: 0;
	right: 100%;
	bottom: 0;
	left: -1px;
}

.youngface-home-slider .bx-pager a:last-child:before {
	right: -1px;
	left: 100%;
}

.youngface-home-slider .bx-pager a:first-child:hover:before,
.youngface-home-slider .bx-pager a:first-child:active:before,
.youngface-home-slider .bx-pager a:last-child:hover:before,
.youngface-home-slider .bx-pager a:last-child:active:before {
	background: #b5c616;
}

.youngface-home-slider .bx-pager a:first-child.active:before,
.youngface-home-slider .bx-pager a:last-child.active:before {
	background: #cbdb33;
}

.youngface-home-slider .bx-wrapper .bx-prev {
    left: 18px;
    background: transparent url(images/sprite.png) no-repeat -544px -5px;
}

.youngface-home-slider .bx-wrapper .bx-prev:hover {
    background: transparent url(images/sprite.png) no-repeat -544px -43px;
}

.youngface-home-slider .bx-wrapper .bx-next {
    right: 18px;
    background: transparent url(images/sprite.png) no-repeat -572px -5px;
}

.youngface-home-slider .bx-wrapper .bx-next:hover {
    background: transparent url(images/sprite.png) no-repeat -572px -43px;
}

.youngface-home-slider .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -6.5px;
    outline: 0;
    width: 23px;
    height: 33px;
    text-indent: -9999px;
    z-index: 1;
}

@media (max-width: 960px) {
    .youngface-home-slider {

    }
}

@media (max-width: 480px) {
    .youngface-home-slider {}

    .youngface-home-slider .bx-pager {
        display: block;
    }

    .youngface-home-slider .bx-pager a {
        border-top: 1px solid #EBEBEB;
        border-left: none;
        display: block;
        padding: 18px;
        width: 100%;
    }

    .youngface-home-slider .bx-pager a:first-child {
        border-top: none;
    }
}

/**
 *
 */
.yf-btn {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    padding: 10px 19px;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: none;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
         -o-user-select: none;
            user-select: none;
}

.yf-btn.btn-green {
    color: #fff;
    background-color: #63ac15;
}

.yf-btn.btn-grey {
    color: #fff;
    background-color: #8e8e8e;
}

/**
 *
 */
.form-container .form-submit.form-submit-center {
    text-align: center;
}

.form-container .form-group .customfile-wrap.button-left .customfile-filename {
    padding: 0 15px 0 145px;
    background: #fff;
    font-size: 12px;
}

.form-container .form-group .customfile-wrap.button-left .customfile-upload {
    right: auto;
    left: 0;
}

.form-container .form-group .account-school-remove-info {
    margin-top: -6px;
}

.form-container .form-group .account-school-remove-button {
    margin-top: 18px;
}

.form-container .form-group .account-remove-info {
    font-size: 12px;
    line-height: 1.38;
}

.form-container .form-group .account-remove-button {
    margin-top: 14px;
}

/**
 *
 */
.entry-single-wrapper .form-container.form-contact {
    width: 100%;
    padding: 0;
}

.entry-single-wrapper .form-container.form-contact .wpcf7-not-valid-tip,
.entry-single-wrapper .form-container.form-contact .ajax-loader {
    display: none !important;
}

.entry-single-wrapper .form-container.form-contact > h2 {
    font-size: 22px;
    text-align: left;
    color: #262626;
    padding: 0;
    margin: 27px 0 0;
}

.entry-single-wrapper .form-container.form-contact .form-section {
    margin: 0;
}

.entry-single-wrapper .form-container.form-contact .form-group {
    width: 50%;
}

.entry-single-wrapper .form-container.form-contact .form-group.full {
    width: 100%;
}

.entry-single-wrapper .form-container.form-contact .form-group:first-child {
    padding-left: 0;
}

.entry-single-wrapper .form-container.form-contact .form-group:first-child + .form-group {
    padding-right: 0;
}

.entry-single-wrapper .form-container.form-contact .form-group.full {
    padding-left: 0;
    padding-right: 0;
}

.entry-single-wrapper .form-container.form-contact .form-group textarea {
    height: 219px;
}

.entry-single-wrapper .form-container.form-contact .form-submit {
    border-top: none;
    text-align: right;
    padding-top: 0;
    margin: 8px 0 0;
}

.entry-single-wrapper .form-container.form-contact .form-submit input[type="submit"] {
    padding: 15px 35px;
}

.entry-single-wrapper .form-container.form-contact div.wpcf7-response-output {
    margin: 1em 0 1.7em;
    padding: 0.3em 0.7em;
}

@media (max-width: 500px) {
    .entry-single-wrapper .form-container.form-contact .form-group {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}




/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

.recent {
	margin: 20px 0 0;
}

.recent .recent-title {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 22px;
	background: #1f1f1f;
	position: relative;
	line-height: 1;
	color: #fff;
	display: inline-block;
	margin: 0;
	padding: 13px 19px 12px;
	text-transform: uppercase;
	letter-spacing: -0.2px;
	z-index: 1;
}

.recent .recent-title:before {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	top: 100%;
	left: 20px;
	border-style: solid;
	border-width: 20px 18px 0 0;
	border-color: #1f1f1f transparent transparent transparent;
}

.recent ul {
	background: #ffffff;
	overflow: hidden;
	padding: 20px 5px;
	margin: 10px 0 0 0;

}

.recent ul li {
	list-style: none;
	float: left;
	width: 33.33333333333333%;
	padding: 0 15px;
	position: relative;
}

.recent ul li:before {
	position: absolute;
	content: '';
	background: #c9c9c9;
	width: 1px;
	top: 0;
	bottom: 0;
	left: 0;
}

.recent ul li:first-child:before {
	content: none;
}

@media only screen and (max-width: 600px) {
	.recent ul {
		padding: 5px;
	}

	.recent ul li {
		width: 100%;
		float: none;
		padding: 15px;
	}

	.recent ul li:before {
		width: auto;
		height: 1px;
		left: 15px;
		right: 15px;
		bottom: auto;
	}
}

.recent ul li > figure {
	margin: 0;
}

.recent ul li > figure img {
	min-width: 100%;
	max-width: 100%;
	height: auto;
}

.recent ul li > figure figcaption {
	font-family: 'Roboto', sans-serif;
	line-height: 18px;
	margin: 13px 0 0;
}

.recent ul li > figure figcaption a {
	text-decoration: none;
	color: #000;
	padding: 0;
	font-weight: 700;
	font-size: 14px;
}

.recent ul li > div {
	font-size: 12px;
	margin: 6px 0 0;
	line-height: 1;
}

.recent_date {
	color: #919191;
	margin: 0;
	padding: 0;
}

.recent_author {
	font-size: 12px;
	font-weight: 400;
	color: #9fad19;
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.wp-caption {
    border: 1px solid #ccc;
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 1.2% auto 0;
    max-width: 98%;
}

.wp-caption-text {
    text-align: center;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.site-main .gallery {
    margin-bottom: 1.5em;
}

.gallery-caption {
}

.site-main .gallery a img {
    border: none;
    height: auto;
    max-width: 90%;
}
.site-main .gallery dd,
.site-main .gallery figcaption {
    margin: 0;
}

.site-main .gallery-columns-4 .gallery-item {
}

.site-main .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}

/**
 * TO MERGE
 */
/* fancy styles */

.ffTextBoxWrapper,
.ffPasswordWrapper,
.ffCheckboxWrapper,
.ffRadioWrapper,
.ffTextAreaWrapper,
.ffSubmitWrapper,
.ffResetWrapper,
.ffButtonWrapper{
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.ffSelectWrapper{
    display: inline-block;
    zoom: 1;
}

.ffSelectWrapper > select {
    display:none !important;
    visibility: hidden !important;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
}

/* selectbox */
.ffSelectWrapper {
    width:100%;

    *clear:both;
    background:#f5f5f5;
}
.ffSelect {
    position: relative;

}

.ffSelect > a {
    display: block;
    text-decoration: none;
    outline: 0;
    cursor: default;
    padding:0 15px;
    font-weight:700;
    background:url('images/sprite.png') no-repeat 100% -458px;
}
.ffSelect > a > span {
    display: block;
    height: 50px;
    overflow: hidden;
    line-height: 50px;
    font-size: 14px;
    color: #555;
    white-space: nowrap;
    *white-space: normal;
    text-overflow: ellipsis;
}

.ffSelect:hover > a, .ffSelectWrapper.focus .ffSelect > a {

}
.ffSelect:hover > a > span, .ffSelectWrapper.focus .ffSelect > a > span {

}
.ffSelectWrapper.active  .ffSelect> a {

}
.ffSelectWrapper.active  .ffSelect > a > span {

}
.ffSelectWrapper.disabled .ffSelect > a {

}
.ffSelectWrapper.disabled .ffSelect > a > span {

}


.ffSelectMenuWrapper {
    width: 100%;
}


.ffSelectMenuWrapper .ffSelectMenuMidBG ul{
    list-style-type:none;
    margin:0 0;
    padding:0;
}
.ffSelectMenuWrapper .ffSelectMenuMidBG li {
    padding: 0 15px;
    display:block;
    width:100%;
    cursor: default;
    background-color: #f5f5f5;
    height:50px;
    line-height:50px;
    font-family:'Roboto', sans-serif;
}
.ffSelectMenuWrapper .ffSelectMenuMidBG li SPAN{
    font-size:14px;
}
.ffSelectMenuWrapper .ffSelectMenuMidBG li.disabled SPAN{
    color:#888;
}
.ffSelectMenuWrapper .ffSelectMenuMidBG li.on{
    background-color: #ccc;
}
.ffSelectMenuWrapper{

}
.ffSelectMenuTop {

}
.ffSelectMenuTop span {

}

.ffSelectMenuBottom {


}
.ffSelectMenuBottom span {

}
.ffSelectMenuMidBG {

}
.ffSelectMenuMid  {
    max-height: 200px;
    overflow: auto;

}

.scrollingBarWrapper{
    width:24px;
    height:200px;
}
.scrollingHandle {
    width:24px;
}
.scrollingHandleBottom{
    width:24px;
}

/* checkbox */

.ffCheckboxWrapper a {
    text-decoration: none;
    position: relative;
    top: 1px;
    padding-left: 15px;
    margin-right: 10px;
    font-weight:normal;
    font-size:13px;
    color:#565656;
}
.ffCheckbox {
    width: 25px;
    height: 25px;
    float: left;
    background:url('images/sprite.png') no-repeat 0 -407px;
    cursor: pointer;
}

.ffCheckboxWrapper.on .ffCheckbox {
    background-position: -25px -407px;
}

/* radio */

.ffRadioWrapper a {
    text-decoration: none;
    position: relative;
    top: 1px;
    padding-left: 15px;
    margin-right: 10px;
    font-weight:normal;
    font-size:13px;
    color:#565656;
}
.ffRadio {
    width: 25px;
    height: 25px;
    float: left;
    background:url('images/sprite.png') no-repeat 0 -407px;
    cursor: pointer;
}
.ffRadioWrapper.on .ffRadio {
    background-position: -25px -407px;
}

select.mobileSelect{opacity:0;filter:alpha(opacity=0);position:absolute;top:0;display:block;}

/* file */

.customfile-wrap label:first-child {
    width: 130px;
    display: block;
    color: #333;
}

.customfile-wrap {
    position: relative;
    padding: 0;
}

.customfile-filename,
.customfile-upload {
    margin: 0;
    padding: 0;
}

.customfile-filename {

}
.customfile-filename:focus {
    outline: none;
}

.customfile-upload {
    display: inline-block;
    width: 130px;
    height:50px;
    background: #8e8e8e;
    margin-left: -1px; /* align with input */
    cursor: pointer;
    font-size:14px;
    font-weight:bold;
    color:#fff;
    font-family:'Roboto', sans-serif;
    border:none;
    outline:none;
    text-align:center;
    padding:15px 0;
}

.customfile-upload:hover{
    background:#1f1f1f;
}

.customfile-upload::-moz-focus-inner { /* Fix firefox padding */
    padding: 0; border: 0;
}

/*colorbox override */

#cboxOverlay{
    background: rgba(31, 31, 31, 0.8);
}

#cboxContent{
    background:transparent;

}

#cboxLoadedContent{
    background:transparent;
    border:none;
    overflow:hidden !important;
}

#cboxClose, #cboxClose:hover{
    width:48px;
    height:40px;
    right:0;
    top:10px;
    background:url('images/sprite.png') no-repeat -68px -509px;
}