/*
Theme Name: BeautyAgency
Theme URI: https://webdesign-finder.com/beautyagency/
Author: MW Templates
Author URI: https://webdesign-finder.com/
Description: BeautyAgency is a bright, classy and modern Wordpress template for portfolio website. As well as theme functionality! The template comes with great portfolio design and customized layout for BOOKED appointment plugin. We've made main accent on theme readability and convenient navigation. BeautyAgency looks great at any device, both desktop computers and phones. Live customizer allows to easily change theme colors, change logo, title, tagline, add social icons and adjust widgets according to your needs.
Version: 1.0
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: Custom-Header, Left-Sidebar, Right-Sidebar, Post-Formats, Rtl-Language-Support, Theme-Options, Editor-Style, Sticky-Post, Portfolio
Text Domain: beautyagency

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.
*/

/**
@TODO: widgets recent posts - add options.
@TODO: widgets recent posts - improve js.
@TODO: search animation.
*/

/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Site Layout
 * 	 2.1 - Preloader
 * 3.0 - Typography
 * 4.0 - Elements
 *	 4.1 Effects
 * 5.0 - Forms
 * 6.0 - Navigations
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 *    10.1 - Header style 1 (Main page)
 *    10.2 - Header style 2
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Media Queries
 *    15.1 - Mobile Small 240px
 *    15.2 - Mobile Small 320px
 *    15.3 - Mobile Small 480px
 *    15.4 - Mobile Large 600px
 *    15.5 - Mobile Large 620px
 *    15.6 - Tablet Small 740px
 * 	  15.7 - Tablet Medium 768px
 *    15.8 - Tablet Medium 783px
 *    15.9 - Tablet Large 880px
 *    15.10 - Desktop Small 955px
 *    15.11 - Desktop Small 992px
 *    15.12 - Desktop Medium 1100px
 *    15.13 - Desktop Large 1240px
 *    15.14 - Desktop X-Large 1403px
 *    16.0 - Print
 *    16.1 - Retina-specific styles
 *    16.2 - Retina-specific styles
 */

/**
 * 1.0 - Reset
 *
 * 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/
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 62.5%;
    font-weight: 300;
    overflow-y: scroll;
    overflow-x: hidden; /* Hide horizontal scroll */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    height: 100%;
}

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

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

ol,
ul {
    list-style: none;
    list-style-position: inside !important;
}

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

caption,
th,
td {
    text-align: left;
}

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

blockquote,
q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}

a:hover,
a:active,
a:focus {
    outline: 0;
}

a img {
    border: 0;
}

a, button {
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

/**
 * 2.0 - Site Layout
 */
.page.sidebar_none .post-container.sidebar_none,
.single-post.sidebar_none .post-container.sidebar_none,
.page.page-sidebar-none .post-container.container-fluid {
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
}

.page.sidebar_none .page-builder .post-container.container-fluid,
.page.page-sidebar-none .page-builder .post-container.container-fluid {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.sidebar_none .page-builder .site-content,
.page-sidebar-none .page-builder .site-content {
    padding-bottom: 0;
    padding-top: 0;
}

.site-content {
    padding: 36px 0;
}

.site__content {
    margin-bottom: 10px;
}

/**
 * 2.1 - Preloader
 */
.chromeframe {
    margin: 0.2em 0;
    padding: 0.2em 0;
}

/* JavaScript Turned Off */
.no-js #loader-wrapper {
    display: none;
}

/**
 * 3.0 Typography
 */
body {
    overflow-x: hidden;
}

body,
button,
input,
select,
textarea {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.71429;
}

textarea {
    resize: none;
}

label {
    font-weight: 100;
}

.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-weight: 100;
    margin: 0 0 24px 0;
}

.h1, h1 {
    /*font-size: 75px;*/
	font-size: 36px;
    /*font-size: 7.5rem;*/
    line-height: 1.28;
}

.h2, h2 {
   /* font-size: 60px;*/
    font-size: 26px;
    /*font-size: 6rem;*/
	/*font-size: 4rem;*/
    line-height: 1.2;
}

.h3, h3 {
    font-size: 21px;
    /*font-size: 5rem;*/
    line-height: 1.44;
}

.h4, h4 {
    font-size: 18px;
    /*font-size: 4rem;*/
    line-height: 1.2;
}

.h5, h5 {
    font-size: 18px;
   /* font-size: 3rem;*/
    line-height: 1.6;
}

.h6, h6 {
    font-size: 17px;
    /*font-size: 2rem;*/
    line-height: 1.2;
}

@media (max-width: 991px) {
    .h1, h1 {
        font-size: 50px;
        font-size: 5rem;
        line-height: 1.44;
    }

    .h2, h2 {
        font-size: 45px;
        font-size: 4.5rem;
        line-height: 1.6;
    }

    .h3, h3 {
        font-size: 40px;
        font-size: 4rem;
        line-height: 1.2;
    }

    .h4, h4 {
        font-size: 35px;
        font-size: 3.5rem;
        line-height: 1.3714;
    }
}

p {
    margin: 0 0 24px 0;
}

b,
strong {
    font-weight: 700;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1;
    font-style: italic;
    margin: 0 0 24px 0;
    padding: 15px 0 15px 40px;
    border-style: solid;
    border-left-width: 5px;
}

blockquote p {
    margin-bottom: 24px;
}

blockquote cite,
blockquote small {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.714;
    margin-top: 24px;
}

blockquote cite img,
blockquote small img {
    margin-right: 12px;
    width: 40px;
    border-radius: 50%;
}

blockquote em,
blockquote i,
blockquote cite,
blockquote cite a {
    font-style: normal;
    text-decoration: none;
}

blockquote cite a {
    font-weight: 900;
}

blockquote strong,
blockquote b {
    font-weight: 400;
}

address {
    font-style: italic;
    line-height: 1.71429;
    margin: 0 0 24px;
}

code,
kbd,
tt,
var,
samp,
pre {
    font-family: Inconsolata, monospace;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    border-radius: 0;
    line-height: 1;
    vertical-align: middle;
}

kbd {
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 1;
}

code {
    line-height: 1;
}

pre {
    line-height: 1.71429;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 0.8em;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

abbr[title] {
    cursor: help;
}

mark,
ins {
    background-color: #fff9c0;
    text-decoration: none;
}

sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
    line-height: 1;
}


/* Title Block */
.post__title a {
    font-size: 30px !important;
    font-size: 3rem !important;
    font-weight: 700;
}

.post__heading {
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: 100;
    line-height: 1.1111;
}

.posted-on a {
    text-decoration: none;
}

/**
 * 4.0 Elements
 */

hr {
    border: 0;
    height: 1px;
    margin-bottom: 23px;
}

ul,
ol {
    margin: 0 0 24px 0;
    padding: 0 0 0 24px;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
}

dl {
    margin-bottom: 24px;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 24px;
}

dd, dt {
    line-height: 1.71429;
}


table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px;
    margin: 0 0 24px;
    table-layout: fixed; /* Prevents HTML tables from becoming too wide */
    width: 100%;
}

caption,
th,
td {
    text-align: left;
}

th {
    border-width: 0 1px 1px 0;
    font-weight: 700;
}

td {
    border-width: 0 1px 1px 0;
}

th, td {
    line-height: 1.71429;
    text-align: center;
    padding: 12px 5px 11px 5px;
}

thead th {
    padding: 12px 5px 11px 5px;
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

figure {
    margin: 0;
    max-width: 100%;
}

del {
    opacity: 0.8;
}

/* Links */
a:hover,
a:focus {
    text-decoration: none;
}


/* Dropcaps */

body.dropcaps2:not(.home):not(.blog):not(.archive) .entry-content .post-content > p:first-child:first-letter {
    float: left;
    font-weight: 700;
    font-size: 48px;
    font-size: 4.8rem;
    margin-right: 15px;
    padding-top: 5px;
    line-height: 1;
}

body.dropcaps3:not(.home):not(.blog):not(.archive) .entry-content .post-content > p:first-child:first-letter {
    float: left;
    font-size: 48px;
    font-size: 4.8rem;
    font-weight: 300;
    margin: 10px 4px 0 0;
    line-height: 90%;
}

/**
 * 4.1 Effects
 */
/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-shutter-in-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
    color: white;
}

.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

/**
 * 5.0 Forms
 */
button,
input,
select,
textarea {
    border-radius: 0;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.71429;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}

button,
input {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
    font-size: 12px;
    font-size: 1.2rem;
    transition: all 0.3s ease 0s;
    font-weight: 900;
    letter-spacing: 0.046875em;
    line-height: 1;
    padding: 1em 3em;
    text-transform: uppercase;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background: transparent;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    outline: 0;
    outline-offset: -4px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
    background: transparent;
    font-style: italic;
    padding: 0.5em 0.8em 0.5em 2.6em;
    width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
    outline: 0;
}

.post-password-form {
    margin-bottom: 1.75em;
}

.post-password-form label {
    display: block;
    font-size: 13px;
    font-size: 0.8125rem;
    letter-spacing: 0.076923077em;
    line-height: 1.6153846154;
    margin-bottom: 1.75em;
    text-transform: uppercase;
}

.post-password-form input[type="password"] {
    margin-top: 0.4375em;
}

.post-password-form > :last-child {
    margin-bottom: 0;
}

/* Search Form */
.search-form {
    position: relative;
}

.search-form label {
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
}

.search-form input[type="search"] {
    height: 40px;
    padding: 0.5em 0.8em;
}

.search-submit {
    text-indent: -99999px;
    border: 0 !important;
}

label.submit-button-icon {
    display: block;
    bottom: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px !important;
    height: 40px !important;
}

label.submit-button-icon:after {
    font-family: rt-icons-2;
    content: "\e65c";
    font-size: 16px;
    right: 12px;
    top: 5px;
    position: absolute;
    cursor: pointer;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

/* Bootstrap select */
.bootstrap-select > .btn {
    margin-top: 0;
}

.bootstrap-select .btn,
.bootstrap-select .dropdown-menu {
    border-radius: 0;
}

.bootstrap-select .btn.dropdown-toggle.selectpicker {
    padding: 11px 19px;
}

/* Contact From 7 */
form.wpcf7-form p {
    margin-bottom: 16px;
    position: relative;
    line-height: 0;
}
@media (max-width: 992px) {
    form.wpcf7-form input {
        margin-bottom: 10px;
    }
}
form.wpcf7-form label {
    position: absolute;
    display: block;
    font-size: 20px;
    left: 12px;
    line-height: 1;
    top: 10px;
    z-index: 1;
}

form.wpcf7-form .your-name + label {
    font-size: 18px;
    line-height: 1.2;
}

form.wpcf7-form .your-email + label {
    font-size: 18px;
    line-height: 1.4;
}

form.wpcf7-form .your-phone + label {
    font-size: 24px;
    line-height: 1;
    left: 15px;
}

form.wpcf7-form .your-address + label {
    font-size: 18px;
    line-height: 1.2;
}

form.wpcf7-form .your-message + label {
    font-size: 18px;
    line-height: 1.2;
}

form.wpcf7-form input[type="text"],
form.wpcf7-form input[type="email"],
form.wpcf7-form input[type="url"],
form.wpcf7-form input[type="password"],
form.wpcf7-form input[type="search"],
form.wpcf7-form textarea {
    font-size: 14px;
    font-size: 1.4rem;
}
form.wpcf7-form input[type="reset"] {
    background: transparent !important;
    cursor: pointer;
}

form.wpcf7-form textarea {
    resize: none;
    min-height: 153px;
}

form.wpcf7-form .submit {
    text-align: center;
    margin-bottom: 10px;
}

form.wpcf7-form .submit button,
form.wpcf7-form .submit input[type="button"],
form.wpcf7-form .submit input[type="reset"],
form.wpcf7-form .submit input[type="submit"] {
    padding-left: 60px;
    padding-right: 60px;
    margin: 0;
}
div.wpcf7 img.ajax-loader {
    border: medium none;
    margin-left: 3px;
    vertical-align: middle;
}

span.wpcf7-not-valid-tip {
    color: #ff0000;
    display: block;
    font-size: 1em;
    position: absolute;
    right: 10px;
    top: 9px;
}
:-moz-ui-invalid:not(output) {
    box-shadow: 0px 1.5px #ff0000;
}

div.wpcf7-validation-errors {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* MailChimp Widget */

.widget.widget_text .mc4wp-form,
.widget.widget_mc4wp_form_widget {
    background-color: transparent;
}

.widget.widget_mc4wp_form_widget .mc4wp-form .widget-title {
    display: none;
}

.widget.widget_text .mc4wp-form p,
.widget.widget_mc4wp_form_widget p {
    position: relative;
}

.widget.widget_text .mc4wp-form .mc4wp_button_position_absolute,
.widget.widget_mc4wp_form_widget .mc4wp_button_position_absolute {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
}

.widget.widget_text .mc4wp-form .mc4wp_button_position_absolute input,
.widget.widget_mc4wp_form_widget .mc4wp_button_position_absolute input {
    height: 40px;
    width: 40px;
    padding: 0;
    border-radius: 0;
    background-color: transparent !important;
    border-color: transparent;
    z-index: 2;
    position: relative;
}
.mc4wp-form .mc4wp_button_position_absolute .fa {
    display: none !important;
}
.widget.widget_text .mc4wp-form .mc4wp_button_position_absolute,
.widget.widget_mc4wp_form_widget .mc4wp_button_position_absolute {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}
.widget.widget_text .mc4wp-form .mc4wp_button_position_absolute:before,
.widget.widget_mc4wp_form_widget .mc4wp_button_position_absolute:before {
    font-family: 'rt-icons-2';
    content: "\e65c";
    font-size: 16px;
    position: absolute;
    right: 12px;
}

.widget.widget_text .mc4wp-form input,
.widget.widget_text .mc4wp-form textarea,
.widget.widget_mc4wp_form_widget .mc4wp-form input,
.widget.widget_mc4wp_form_widget .mc4wp-form textarea {
    padding: 0.68em 0.8em 0.68em 0.8em;
    height: 40px;
}

.widget.widget_text .mc4wp-form .button,
.widget.widget_text .mc4wp-form button,
.widget.widget_text .mc4wp-form input[type="button"],
.widget.widget_text .mc4wp-form input[type="reset"],
.widget.widget_text .mc4wp-form input[type="submit"] {
    border-color: transparent;
}

.widget.widget_text .mc4wp-form .mc4wp-form-fields p:last-child {
    margin-bottom: 0;
}

.widget.widget_text .mc4wp-form ::-webkit-input-placeholder,
.widget.widget_text .mc4wp-form :-moz-placeholder,
.widget.widget_text .mc4wp-form ::-moz-placeholder,
.widget.widget_text .mc4wp-form :-ms-input-placeholder,
.widget.widget_mc4wp_form_widget .mc4wp-form ::-webkit-input-placeholder,
.widget.widget_mc4wp_form_widget .mc4wp-form :-moz-placeholder,
.widget.widget_mc4wp_form_widget .mc4wp-form ::-moz-placeholder,
.widget.widget_mc4wp_form_widget .mc4wp-form :-ms-input-placeholder {
    opacity: 1;
}

/**
 * 6.0 Navigations
 */

/**** Main Navigation
----------------------------------------- ***/
.menu-strip {
    position: relative;
    width: 100%;
    text-align: center;
    z-index: 3;
}

.create-menu {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.1111;
    margin: 0 auto;
    padding: 0;
    text-align: right;
}

.create-menu a {
    display: inline-block;
    padding: 0 0 0 20px;
    line-height: 1;
}

/* Main menu */
.menu-strip {
    display: none;
}

.main-nav {
}

.main-nav .create-menu {
    margin-left: -15px;
}

.main-nav .menu,
.main-nav .menu ul {
    font-size: 14px;
    font-size: 1.4rem;
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
}

.main-nav .menu {
    border-bottom: 0;
}

.main-nav .menu li {
    position: relative;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.main-nav .menu li a {
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

/* Main menu -- zero level */
.main-nav .menu > li {
    display: inline-block;
    border-bottom: 1px solid transparent;
    margin-bottom: 0;
    line-height: 1;
    margin-right: 0;
}

.main-nav .menu > li a {
    display: inline-block;
    padding: 0 15px 0 15px;
    text-transform: uppercase;
    position: relative;
}

.main-nav .menu > li:after {
    content: ".";
    font-size: 20px;
    font-size: 2rem;
    font-weight: 400;
    position: relative;
    top: -3px;
}

.main-nav .menu > #more-li:after,
.main-nav .menu > li:last-child:after {
    display: none;
}

/* Main menu -- dropdown */
.main-nav .menu li ul {
    display: block;
    visibility: hidden;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 2000;
    min-width: 200px;
    padding: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0px, 40px);
    -moz-transform: translate(0px, 40px);
    transform: translate(0px, 40px);
    -webkit-transition: visibility 0.1s ease 0.2s, opacity 0.2s ease-in-out 0.1s, -webkit-transform 0.2s ease-in-out 0.1s;
    -moz-transition: visibility 0.1s ease 0.2s, opacity 0.2s ease-in-out 0.1s, -moz-transform 0.2s ease-in-out 0.1s;
    transition: visibility 0.1s ease 0.2s, opacity 0.2s ease-in-out 0.1s, transform 0.2s ease-in-out 0.1s;
}

.main-nav .menu li:hover > ul {
    overflow: visible;
    visibility: visible;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

.main-nav .menu li li ul {
    top: 0;
    left: 100%;
    -webkit-transform: translate(-40px, 0px);
    -moz-transform: translate(-40px, 0px);
    transform: translate(-40px, 0px);
}

.main-nav .menu li li:hover > ul {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

.main-nav .menu li li {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    padding: 0 15px;
}

.main-nav .menu li li a {
    display: block;
    position: relative;
    padding: 17px 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.1111;
    text-transform: uppercase;
}

.main-nav .menu > li.md-hidden {
    display: none;
}

.main-nav .menu > li#more-li {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 10px;
    z-index: 100;
}

.main-nav .menu > li#more-li > ul {
    left: auto;
    right: 0;
}

.main-nav .menu > li#more-li > ul [class*=icon] {
    display: none;
}

.main-nav .menu > li#more-li > ul li.dropdown a::before {
    position: relative;
    width: 0;
    left: 0;
    top: 2px;
}

.main-nav #more-li > ul li ul {
    left: auto;
    right: 100.5%;
}

/* Main menu -- data-dup */
.main-nav .menu li li a:after {
    /*content: attr(data-dup);*/
    display: block;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.1111;
    text-transform: none;
    filter: alpha(opacity=35);
    opacity: 0.35;
}

.ie-lt-10 .menu li li a:after {
    display: none;
}

/* Main menu -- dropdown items divider */
.main-nav .menu li li + li a:before {
    content: '';
    display: block;
    position: relative;
    top: -17px;
    left: 0;
}

/* Main menu -- dropdown level 1 items divider */
.sub-menu li:first-of-type > a {
    border-top: 0;
}

/* Main menu -- dropdown level 2,3,... */
.main-nav .menu li li ul {
    margin-top: -11px;
    margin-left: 1px;
}

/* Main menu -- icon */
.main-nav > ul > li .dropdown .genericon,
.main-nav > ul > li .dropdown .glyphicon,
.main-nav > ul > li .dropdown .rt-icon,
.main-nav > ul > li .dropdown .fa {
    line-height: 20px;
}

.main-nav > ul > li .genericon,
.main-nav > ul > li .glyphicon,
.main-nav > ul > li .rt-icon,
.main-nav > ul > li .fa {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.8;
    font-weight: 700;
}

.main-nav > ul > li .rt-icon {
    margin-top: -3px;
    margin-left: 1px;
}

/* Mobile Menu */

.mobile-menu {
    cursor: pointer;
    height: 40px;
    width: 40px;
    position: absolute;
    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=0);
    /* Older than Firefox 0.9 */
    -moz-opacity: 0;
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0;
    /* Modern!
    /* Firefox 0.9+, Safari 2?, Chrome any?
    /* Opera 9+, IE 9+ */
    opacity: 0;
    z-index: 10;
    border: none;
}

.mobile-menu-title {
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 20px;
    font-size: 2rem;
    font-style: italic;
    font-weight: 300;
    line-height: 38px;
    text-transform: uppercase;
    text-align: center;
}

.nav-button {
    display: block;
    vertical-align: middle;
    position: relative;
    width: 40px;
    height: 40px;
    padding: 0 0 0 0;
    line-height: 40px;
    text-align: center;
}

/* Social Menu */
.social-navigation {
    list-style: none;
    margin: 17px 0;
    position: relative;
    padding: 0;
    border: 0 !important;
}
.social-navigation li a,
.top-bar-center .social-navigation li a:hover:before {
    color: #ffffff !important;
}

.social-navigation li {
    display: inline-block;
    padding: 5px !important;
}

.social-navigation li a {
    position: relative;
    width: 40px;
    height: 40px;
    display: block;
    margin: 0;
}

.social-navigation li a::before {
    content: '';
    font-family: 'FontAwesome';
    font-size: 16px;
    height: 40px;
    left: 0;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
}

.social-navigation li a.hidden {
    display: none;
}

/** Facebook */
.social-navigation li a[href*="facebook.com"] {
    background: #3b5998;
}

.social-navigation li a[href*="facebook.com"]::before {
    content: '\f09a';
}

/** Twitter */
.social-navigation li a[href*="twitter.com"] {
    background: #33ccff;
}

.social-navigation li a[href*="twitter.com"]::before {
    content: '\f099';
}

/** Google Plus */
.social-navigation li a[href*="plus.google.com"] {
    background: #dd4b39;
}

.social-navigation li a[href*="plus.google.com"]::before {
    content: '\f067';
}

/** Linkedin */
.social-navigation li a[href*="linkedin.com"] {
    background: #069;
}

.social-navigation li a[href*="linkedin.com"]::before {
    content: '\f0e1';
}

/** Instagram */
.social-navigation li a[href*="instagram.com"] {
    background: #3f729b;
}

.social-navigation li a[href*="instagram.com"]::before {
    content: '\f16d';
}

/** Pinterest */
.social-navigation li a[href*="pinterest.com"] {
    background: #c8232c;
}

.social-navigation li a[href*="pinterest.com"]::before {
    content: '\f231';
}

/** Vimeo */
.social-navigation li a[href*="vimeo.com"] {
    background: #1AB7EA;
}

.social-navigation li a[href*="vimeo.com"]::before {
    content: '\f27d';
}

/** Youtube */
.social-navigation li a[href*="youtube.com"] {
    background: #bc0001;
}

.social-navigation li a[href*="youtube.com"]::before {
    content: '\f16a';
}

/** RSS */
.social-navigation li a[href$=".rss"] {
    background: #FF6600;
}

.social-navigation li a[href$=".rss"]::before {
    content: '\f09e';
}

/** Top bar social navigation **/
.top-bar-center .social-navigation {
    margin: 0;
    padding: 0;
    width: auto;
}

.top-bar-center .social-navigation li a::before {
    height: 30px;
    line-height: 30px;
    width: 30px;
}

.top-bar-center .social-navigation li a {
    background: transparent;
    height: 30px;
    margin: 6px 6px 0 0;
    width: 30px;
}

.top-bar-center .social-navigation li a:hover {
    opacity: 1;
}

.top-bar-center .social-navigation li a:hover:before {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/** Facebook */
.top-bar-center .social-navigation li a[href*="facebook.com"]::before {
    color: #3b5998;
}

/** Twitter */
.top-bar-center .social-navigation li a[href*="twitter.com"]::before {
    color: #33ccff;
}

/** Google Plus */
.top-bar-center .social-navigation li a[href*="plus.google.com"]::before {
    color: #dd4b39;
}

/** Linkedin */
.top-bar-center .social-navigation li a[href*="linkedin.com"]::before {
    color: #069;
}

/** Instagram */
.top-bar-center .social-navigation li a[href*="instagram.com"]::before {
    color: #3f729b;
}

/** Pinterest */
.top-bar-center .social-navigation li a[href*="pinterest.com"]::before {
    color: #c8232c;
}

/** Vimeo */
.top-bar-center .social-navigation li a[href*="vimeo.com"]::before {
    color: #1AB7EA;
}

/** Youtube */
.top-bar-center .social-navigation li a[href*="youtube.com"]::before {
    color: #bc0001;
}

/** RSS */
.social-navigation li a[href$=".rss"]::before {
    color: #FF6600;
}

/* Share icons */

.share-this {
    min-height: 29px;
}

.share-this ul.social-icons {
    overflow: hidden;
}

ul.share-icons {
    margin: 0;
    padding: 0;
}

.share-icons > li {
    display: inline-block;
    position: relative;
}

.share-icons li a {
    display: block;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}

.share-icons li a:before {
    margin-right: 0;
}

.share-icons > li {
    line-height: 29px;
    margin-left: 0;
}

.share-icons > li > a {
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    padding: 0;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* Pagination */

.pagination {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    margin-top: 36px;
    margin-bottom: 36px;
    width: 100%;
    text-align: center;
    display: block;
}

.pagination .nav-links {
    display: inline-block;
}

.pagination a,
.pagination span {
    display: block;
    float: left;
    margin: 6px 6px 0 0;
    padding: 6px;
    text-align: center;
}

.pagination span span {
    display: none;
    float: initial;
    min-width: initial;
    min-height: initial;
    height: initial;
    margin: 0;
    padding: 0;
    text-align: center;
    border-radius: 0;
    background-color: transparent;
}

.next.page-numbers,
.prev.page-numbers {
    font-weight: 900;
}

/* Reset screen-reader-text */
.pagination .current .screen-reader-text {
    position: static !important;
}

/* Image Navigation */

.image-navigation {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.5;
    text-transform: uppercase;
}

.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty) {
    display: inline-block;
}

.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
    font-weight: 400;
    margin: 0 0.7em;
}
.image-navigation .nav-previous {
    float: left;
}
.image-navigation .nav-next {
    float: right;
}

.image-navigation .nav-previous a:before {
    font-family: 'FontAwesome';
    content: "\f053";
    margin-right: 15px;
    position: relative;
}

.image-navigation .nav-next a:after {
    font-family: 'FontAwesome';
    content: "\f054";
    margin-left: 15px;
    position: relative;
    float: right;
}

.image-navigation {
    padding: 0;
}

.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty) {
    margin-bottom: 2em;
}

/**
 * 7.0 Accessibility
 */

/* Text meant only for screen readers */
.says,
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

/* Must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
    display: block;
    font: bold 14px/normal "Roboto", sans-serif;
    left: -9999em;
    outline: none;
    padding: 12px 24px 11px;
    text-decoration: none;
    text-transform: none;
    top: -9999em;
}

.site .skip-link:focus {
    clip: auto;
    height: auto;
    left: 6px;
    top: 7px;
    width: auto;
    z-index: 100000;
}

/**
 * 8.0 Alignments
 */

.alignleft {
    display: inline;
    float: left;
}

.alignright {
    display: inline;
    float: right;
}

.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
    margin: 0 40px 36px 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
    margin: 0 0 36px 40px;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
    clear: both;
    margin-top: 0;
    margin-bottom: 36px;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
    margin-bottom: 24px;
}

/**
 * 9.0 Clearings
 */

.clear:before,
.clear:after,
.site:before,
.site:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.nav-links:before,
.nav-links:after,
.comment-navigation:before,
.comment-navigation:after,
.social-navigation ul:before,
.social-navigation ul:after,
.textwidget:before,
.textwidget:after {
    content: "";
    display: table;
}

.clear:after,
.site:after,
.entry-content:after,
.comment-content:after,
.site-content:after,
.nav-links:after,
.comment-navigation:after,
.social-navigation ul:after,
.textwidget:after {
    clear: both;
}

/**
 * 10.0 - Header
 */

.sticky {
}
.header-wrapper .search-box input[type="search"] {
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
}
/**
*   10.1 - Header style 1 (Main page)
**/

/** Header style 1 Top Bar  **/
.header_style1 .header__top {
    padding: 0 15px;
}

.header_style1 .header__top .top-bar {
    height: 60px;
    position: relative;
}

.header_style1 .header__top .top-bar-left,
.header_style1 .header__top .top-bar-center,
.header_style1 .header__top .top-bar-right {
    display: inline-block;
}

.header_style1 .header__top .top-bar-left {
    font-style: italic;
    overflow: hidden;
    padding-top: 18px;
    float: left;
    text-align: left;
}

.header_style1 .header__top .top-bar-center {
    text-align: center;
    padding-top: 10px;
}

.header_style1 .header__top .top-bar-right {
    padding-top: 10px;
    padding-bottom: 10px;
    float: right;
    text-align: right;
}

/* Top Bar Buttons */
.header-button__search,
.login-popup__logout,
.login-popup__toggle,
.registration__toggle {
    font-size: 16px;
    font-size: 1.6rem;
    display: inline-block;
    line-height: 24px;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header-button__search i,
.login-popup__logout i,
.login-popup__toggle i,
.registration__toggle i {
    position: relative;
    top: 6px;
    vertical-align: middle;
}

/* Search Box */
.search-box {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 0;
    width: 100%;
    height: 60px;
    z-index: -1;
    display: none;
    opacity: 0;
    visibility: hidden;
}

.search-box--opened .search-box {
    z-index: 1000;
    display: block;
    opacity: 1;
    visibility: visible;
}

.search-box__form {
    position: relative;
    height: 100%;
}

.search-box__label {
    display: block;
    font-size: 18px;
    font-weight: 300;
    line-height: 18px;
    text-align: left;
    display: none;
}

.search-box--opened .search-box__label {
    font-size: 20px;
    line-height: 20px;
    font-weight: 300;
}

input[type=search].search-box__input {
    font-size: 18px;
    font-weight: 300;
    line-height: 40px;
    height: 100%;
    padding: 0 15px 0 15px;
    border: none;
    opacity: 0;
    visibility: hidden;
    background-color: transparent;
    color: transparent;
    cursor: pointer;
}

.search-box--opened input[type=search].search-box__input.fadein {
    max-width: 100%;
    width: 100%;
    opacity: 1;
    visibility: visible;
}

/* Search overlay */
.search-box-overlay {
    position: fixed;
    z-index: 0;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}

.search-box--opened .search-box-overlay {
    z-index: 999;
    width: 100%;
    height: 100%;
}

.search-box--opened .header-overlay {
    z-index: 999;
}

/* Search animation */
.search-box,
.search-box--opened .search-box,
input[type=search].search-box__input,
.search-box--opened input[type=search].search-box__input,
input[type=search].search-box__input.fadein,
.search-box--opened input[type=search].search-box__input.fadein {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* Login popup */
.login-button {
    display: inline-block;
    z-index: 4;
}

.login-popup {
    padding-right: 0;
    text-align: left;
}

.registration__toggle {
}

.header_style1 .login-button .separator,
.header_style2 .login-button .separator {
    border-right: 1px solid transparent;
    height: 100%;
    position: relative;
    margin: 0 1px 0 4px;
    width: 1px;
    top: 2px;
}

.login-popup__popup {
    position: absolute;
    right: 0;
    top: 60px;
    z-index: 190;
    width: 370px;
    padding: 40px;
    border-top: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s linear;
}

.header_style2 .login-popup__popup {
    top: 160px;
}

.login-popup__popup--closed {
}

.login-popup__popup--opened {
    visibility: visible;
    opacity: 1;
}

.login-popup__popup__title {
    font-size: 10px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 20px;
    margin-top: 0;
    text-transform: uppercase;
}

.login-popup__popup #loginform {
    overflow: hidden;
}

.login-popup__popup #loginform label {
    display: none;
}

.login-popup__popup #loginform input[type="text"],
.login-popup__popup #loginform input[type="password"] {
    cursor: pointer;
    font-size: 14px;
    font-size: 1.4rem;
    font-style: italic;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    width: 100%;
}

.login-popup__popup #loginform .login-username,
.login-popup__popup #loginform .login-password {
    margin-bottom: 10px;
    display: block;
}

.login-popup__popup #loginform .login-remember {
    float: right;
    margin-top: 6px;
    margin-bottom: 6px;
}

.login-popup__popup #loginform .login-remember label {
    display: block;
    line-height: 1;
    margin-bottom: 0;
    width: 150px;
    overflow: hidden;
    cursor: pointer;
}

.login-popup__popup #loginform .login-remember label input[type="checkbox"] {
    display: none;
}

.login-popup__popup #loginform .login-remember label input[type="checkbox"] + span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 5px;
    vertical-align: middle;
    background: transparent;
    cursor: pointer;
    position: relative;
}

.login-popup__popup #loginform .login-remember label input[type="checkbox"]:checked + span:before {
    display: block;
    content: '\f00c';
    font-family: 'FontAwesome';
    margin-top: 2px;
    margin-left: 2px;
}

.login-popup__popup #loginform .login-submit {
    float: left;
    margin-top: 0;
    margin-bottom: 30px;
}

.login-popup__popup #loginform .login-submit input[type="submit"] {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
    padding: 10px 40px;
    height: 40px;
}

.login-popup__popup #loginform
.login-submit input[type="submit"]:hover {
    background-color: transparent;
}


.login-popup__popup__forgot-password {
    display: block;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
    line-height: 1;
}

/* Login popup on small screens */
@media (max-width: 480px) {
    .login-popup__popup {
        width: 320px;
        padding: 18px 20px;
        min-height: initial;
    }

    .login-popup__popup #loginform .login-remember label {
        width: 100%;
        text-align: right;
    }
}

/** Header style 1 - Primary block **/
.header_style1 .header__primary {
    width: 100%;
    z-index: 100;
    position: relative;
    padding: 0 15px;
}

.header_style1 .header__menu {
    position: absolute;
    top: 15px;
}

.header_style1 .header__logo {
    clear: both;
    padding-left: 80px;
    text-align: right;
}

.header_style1 .header__logo div.logo > a {
    display: inline-block;
}

.header_style1 .header__logo div.logo img.logo_big {
    max-height: 60px;
    margin-top: 12px;
    margin-bottom: 6px;
}

.header_style1 .header__logo div.logo div.text-logo {
    line-height: 0;
    display: block;
    vertical-align: middle;
    padding: 14px 0;
}

/* Header Blog Name */
.blogname {
    line-height: 40px;
    font-family: 'Herr Von Muellerhoff', cursive;
}

.blogname a {
    display: inline-block;
    font-weight: 400;
}

.blogname a span {
    font-weight: 300;
}

.blogname a,
.blogname a:hover,
.blogname a:active,
.blogname a:focus {
    display: inline-block;
    padding: 0 0 0 0;
    font-size: 40px;
    text-decoration: none;
    line-height: 24px;
    white-space: nowrap;
}

.blogdescr {
    line-height: 1;
    white-space: nowrap;
}

.blogdescr a {
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
}

.blogdescr a,
.blogdescr a:hover,
.blogdescr a:active,
.blogdescr a:focus {
    text-decoration: none;
    text-transform: uppercase;
}

.header_style1 .header__primary .top-nav-text {
    text-align: center;
    display: inline-block;
    padding-bottom: 12px;
    width: 100%;
    padding-top: 0;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 100;
}

.top-nav-text span {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 300;
    margin-left: 12px;
}
.header_style2 .top-nav-text span {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 300;
    margin-left: 12px;
}

/** Header style 1 Sticky **/
.header_style1 .is-sticky .top-bar,
.header_style1 .is-sticky .top-nav-text {
    display: none;
}

.header_style1 .is-sticky .header-sticky {
    width: 100%;
    z-index: 101;
    margin-top: -4px;
}

.is-sticky div.logo {
    line-height: 70px;
    text-align: right;
}

.header_style1 .is-sticky div.logo img.logo_big {
    margin-bottom: 10px;
    margin-top: 10px;
    max-height: 50px;
}

.header_style1 .is-sticky .header__menu {
    padding-top: 0;
}

.header_style1 .is-sticky .header__logo {
    float: right;
    text-align: right;
    width: auto;
}

/**
*   10.2 - Header style 2
**/

.header_style2 {
    position: relative;
}

.header_style2 .header__top,
.header_style2 .top-bar {
    padding: 0 15px;
    width: 100%;
}

.header_style2 .header__top .header__logo {
    clear: both;
    padding-left: 80px;
    text-align: right;
}

.header_style2 .header__top .header__logo div.logo img.logo_big {
    margin-bottom: 6px;
    margin-top: 12px;
    max-height: 60px;
}

.header_style2 .header__top .header__menu {
    position: absolute;
    top: 15px;
}

.header_style2 .header__top .top-nav-text {
    display: inline-block;
    font-size: 2rem;
    font-weight: 100;
    padding-bottom: 12px;
    line-height: 1.1;
    padding-top: 0;
    text-align: center;
    width: 100%;
}

.header_style2 .top-bar-right {
    padding-top: 0;
    padding-bottom: 0;
    text-align: right;
}

.header_style2 .top-bar-right .login-button,
.header_style2 .top-bar-right .login-button:hover,
.header_style2 .top-bar-right .login-button a:hover,
.header_style2 .top-bar-right .header-button__search {
    border: 0 !important;
    background-color: transparent !important;
}

@media (max-width: 768px) {
    .header_style2 .header__top .top-nav-text,
    .header_style1 .header__primary .top-nav-text {
        font-weight: 300;
    }
}

/* Breadcrumbs */
.breadcrumbs {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 2.1429;
    text-transform: uppercase;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
}

.breadcrumbs li {
    list-style: none;
    display: inline-block;
}

.breadcrumbs li a {
    padding: 2px 20px;
}

.breadcrumbs li:last-child a,
.breadcrumbs li:last-child a:hover,
.breadcrumbs li:last-child span {
    padding: 2px 20px;
}

.breadcrumbs li::after {
    font-family: 'FontAwesome';
    content: '\f105';
    font-size: 14px;
    display: inline-block;
    margin: 0 10px;
}

.breadcrumbs li:last-child::after {
    display: none;
}

.breadcrumbs span a {
    padding: 2px 20px;
}

.breadcrumbs span.separator {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: bottom;

    width: 2px;
    margin: 0 14px;
    padding: 0 0 0 0;
}

/** Header  style 2  - sticky **/

.header_style2 .header-top-outer {
    display: block;
    height: 112px;
}

.header_style2 .header-sticky {
    position: relative;
    width: 100%;
    z-index: 200;
}

/**
 * 11.0 Widgets
 */
/* Widgets */
.footer .payment {
    display: block;
    margin-top: -20px !important;
}
.textwidget {
    position: relative;
}
.textwidget a:hover .widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.widget-title {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.2;
    font-weight: 100;
    text-align: left;
    margin: 0 0 20px 0;
}

.widget > :last-child {
    margin-bottom: 0;
}

.widget_archive ul,
.widget_categories ul,
.widget_links ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul {
    list-style-type: none !important;
}
.widget_archive > ul li:before,
.widget_categories > ul li:before,
.widget_links > ul li:before,
.widget_meta > ul li:before,
.widget_nav_menu > ul li:before,
.widget_pages > ul li:before,
.widget_recent_comments > ul li:before {
    position: relative;
    margin-left: 0;
    font-weight: bold;
    top: -4px;
    content: ".";
}


.widget button,
.widget input {
    line-height: normal;
}

.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.585;
    overflow: hidden;
    padding: 0.857em 0;
}
@media (max-width: 767px) {
    .widget_archive li,
    .widget_categories li,
    .widget_links li,
    .widget_meta li,
    .widget_nav_menu li,
    .widget_pages li,
    .widget_recent_comments li {
        font-weight: 400;
    }
}
.widget_archive li a,
.widget_categories li a,
.widget_links li a,
.widget_meta li a,
.widget_nav_menu li a,
.widget_pages li a,
.widget_recent_comments li a {
    padding-left: 15px;
}

.widget_archive ul,
.widget_categories ul,
.widget_links ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul {
    margin: 0;
}

.widget_archive > ul,
.widget_categories > ul,
.widget_links > ul,
.widget_meta > ul,
.widget_nav_menu > div > ul,
.widget_nav_menu > ul,
.widget_pages > ul,
.widget_recent_comments > ul,
.widget_recent_entries > ul {
    padding-left: 0;
}

.footer .widget_archive ul {
    list-style-type: disc;
}

.footer .widget_archive ul,
.footer .widget_categories ul,
.footer .widget_links ul,
.footer .widget_meta ul,
.footer .widget_nav_menu ul,
.footer .widget_pages ul,
.footer .widget_recent_comments ul {
    border-bottom: 0;
    margin: 0;
}

.footer .widget_archive ul li,
.footer .widget_categories ul li,
.footer .widget_links ul li,
.footer .widget_meta ul li,
.footer .widget_nav_menu ul li,
.footer .widget_pages ul li,
.footer .widget_recent_comments ul li {
    padding: 0.2em 0;
}
.footer .widget_archive li:before,
.footer .widget_categories li:before,
.footer .widget_links li:before,
.footer .widget_meta li:before,
.footer .widget_nav_menu li:before,
.footer .widget_pages li:before,
.footer .widget_recent_comments li:before {
    top: 0px;
}

.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li {
    position: relative;
}

.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children {
    clear: both;
    border-bottom: none;
    margin: 0.857em 0 -0.857em 0.857em;
    padding-top: 0;
}

.widget .cat-count {
    display: block;
    position: absolute;
    right: 0;
    top: 0.857em;
}

/* WP Nav Menu Widget */
.primary-sidebar .widget_nav_menu ul {
    border-bottom: 0 !important;
}
.primary-sidebar .widget_nav_menu ul.sub-menu {
    margin: 0.357em 0 -0.857em 0;
}
.primary-sidebar .widget_nav_menu ul.sub-menu > li {
    padding: 0.2em 0;
}

.primary-sidebar .widget_nav_menu ul li:before {
    position: relative;
    margin-left: 0;
    font-weight: bold;
    top: -4px;
    content: ".";
    color: #ffffff;
}

/* WP Widget Calendar */
.widget.widget_calendar .calendar__navigation {
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
}

@media screen and (min-width: 1200px) {
    .widget.widget_calendar .calendar__navigation {
        margin-left: -35px;
        margin-right: -35px;
    }
}

.widget.widget_calendar .calendar__month {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 2.5;
    text-align: center;
}

.widget.widget_calendar .calendar__navigation #prev a,
.widget.widget_calendar .calendar__navigation #next a,
.widget.widget_calendar .calendar__navigation #prev span,
.widget.widget_calendar .calendar__navigation #next span {
    display: block;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 2.5;
    padding: 0 1.0834em;
    text-align: center;
}

.widget.widget_calendar .calendar__navigation #prev {
    float: left;
}

.widget.widget_calendar .calendar__navigation #next {
    float: right;
}

.widget.widget_calendar .calendar__navigation .genericon,
.widget.widget_calendar .calendar__navigation .glyphicon,
.widget.widget_calendar .calendar__navigation .rt-icon,
.widget.widget_calendar .calendar__navigation .fa {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
}

/* WP Calendar week days */
.widget.widget_calendar .calendar__week {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 24px;
}

@media screen and (min-width: 1200px) {
    .widget.widget_calendar .calendar__week {
        margin-left: -35px;
        margin-right: -35px;
        padding-left: 35px;
        padding-right: 35px;
    }
}

.widget.widget_calendar .calendar__week tr {
}

.widget.widget_calendar .calendar__week th,
.widget.widget_calendar .calendar__week td {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 300;
    text-align: center;
    padding: 0.4em 0;
}

.widget_calendar #calendar_wrap {
    position: relative;
}

.widget_calendar h4 ~ #calendar_wrap {
    margin-top: 95px
}

.widget_calendar #calendar_wrap table {
    margin: 0;
}

.widget_calendar #wp-calendar {
    width: 100%;
    border: none;
    background-color: transparent;
}

.widget_calendar #wp-calendar th,
.widget_calendar #wp-calendar td {
    text-align: center;
    padding: 0 5px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.6667;
    border: none;
}

.widget_calendar #wp-calendar .pad,
.widget_calendar #wp-calendar #prev,
.widget_calendar #wp-calendar #next {
    background-color: transparent;
}

.widget_calendar #wp-calendar th#today,
.widget_calendar #wp-calendar td#today {
    font-weight: 300;
}

.widget_calendar #wp-calendar thead th {
    font-weight: 700;
    padding: 6px;
    font-size: 11px
}

.widget_calendar #wp-calendar tfoot {
    border-top: 0
}

.widget_calendar #wp-calendar tfoot td {
    border: 0;
    padding: 6px;
    font-size: 12px
}

.widget_calendar #wp-calendar tfoot td#prev {
    text-align: left
}

.widget_calendar #wp-calendar tfoot td#next {
    text-align: right
}

/* WP Widget tag cloud */
.widget.widget_tag_cloud .tagcloud {
    overflow: hidden;
    margin-top: -15px;
    margin-left: -6px;
}

.widget.widget_tag_cloud .tagcloud a {
    display: block;
    float: left;
    margin-top: 12px;
    margin-left: 2%;
    margin-right: 2%;
    width: 46%;
    max-width: 46%;
    font-size: 12px !important;
    font-size: 1.2rem !important;
    text-align: center;
    font-weight: 900;
    line-height: 1 !important;
    text-transform: uppercase;
    padding: 1.1667em 1.6667em;
}

/* sidebar corrections  */
.primary-sidebar .widget {
    padding: 20px;
    margin-bottom: 10px;
}

/**
 * 12.0 Content
 */

/**
 *   12.1 - Posts and pages
 */
.cat-links,
.post__meta {
    display: inline-block;
    margin-right: 6px;
}

.cat-links a {
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 12px;
    padding: 4px 16px;
    text-transform: uppercase;
}


.post__meta,
.post__meta span {
    line-height: 1;
}

.post__meta {
    padding: 0;
}

.page-title,
.post__title {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 24px;
}

/* Post Controls */

.post-controls {
    margin: 0 0 40px 0;
}

.post-controls > div {
    height: 40px;
    position: relative;
}

.post-controls > div > * {
    display: block;
    position: relative;
    top: 45%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

.post-controls .pctrl-left {
    float: left;
}

.post-controls .pctrl-right {
    float: right;
}

.post-controls .pctrl-social-btn {
    width: 40px;
    font-size: 18px;
    font-size: 1.8rem;
    cursor: pointer;
}
.pctrl-social-btn.pctrl-left i {
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 1px;
}

.post-controls .pctrl-social {
    width: 0;
    overflow: hidden;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;

}

.post-controls .pctrl-social-btn div,
.post-controls .pctrl-social ul {
    /*padding-top: 2px;*/
}

.post-controls .pctrl-social .share-icons {
    position: absolute;
    left: -170px;
    line-height: 1;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.post-controls .pctrl-like-btn {
    width: 40px;
    font-size: 18px;
    font-size: 1.8rem;
}

.post-controls.active .pctrl-social {
    width: 190px;
}

.post-controls.active .pctrl-social .share-icons {
    left: 12px;
}

.post-controls .pctrl-like-btn a {
    vertical-align: middle;
    line-height: 1;
}

.post-controls .pctrl-like {
    font-size: 14px;
    font-size: 1.4rem;
}

.post-controls .pctrl-view {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 900;
}

.post-controls .pctrl-view span {
    font-weight: 300;
}

.post-controls .pctrl-like,
.post-controls .pctrl-view {
    padding: 0 12px;
}

@media (max-width: 480px) {
    .post-controls .pctrl-like,
    .post-controls .pctrl-view {
        padding: 0 10px;
    }
}

/** Post Controls **/

/* Page pagination/navigation */

.page-links {
    overflow: hidden;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.71429;
    text-transform: uppercase;
    margin-top: -15px;
    margin-bottom: 30px;
}

.page-links > a,
.page-links > span {
    display: block;
    float: left;
    min-width: 40px;
    min-height: 40px;
    height: 40px;
    margin: 12px 12px 0 0;
    padding: 9px;
    text-align: center;
}

/* Post media */

.post__media {
    position: relative;
}

.post__media .post-thumbnail {
    text-align: center;
}

.post__media .post-thumbnail img {
}

/* Post Thumbnail */

/* Post Featured image */

.post-thumbnail {
    border: 0;
    display: block;
    margin-bottom: 36px;
}

.post-thumbnail img {
    display: block;
    margin: 0 auto;
}

/* Post time */

.posted-on {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 2.1429;
    text-transform: uppercase;
}

/* Posted on block on img */

.posted-on-block {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 300;
    text-align: center;
    padding: 5px 0 0 0;
    min-width: 60px;
    z-index: 2;
}

.posted-on-block .posted-day {
    display: block;
    font-size: 42px;
    line-height: 1;
    font-weight: 100;
}

.posted-on-block .posted-month {
    display: block;
    font-size: 14px;
    line-height: 15px;
    padding-bottom: 5px;
}

.posted-on-block span > .entry-date,
.posted-on-block span > .updated {
    display: none;
}

.posted-on-block .comments-line {
    display: block;
    font-size: 12px;
    line-height: 15px;
    padding: 5px;
}

.posted-on-block .comments-line i {
    margin-right: 5px;
}

/* Post Author Info */

.author-info {
    margin-bottom: 24px;
    padding: 30px 40px;
    position: relative;
    min-height: 170px;
}

.author-info .author-avatar {
    display: none;
}

.author-info .avatar {
    border-radius: 0 !important;
}

.author-info .author-description {
    overflow: hidden;
}

.author-info .author-title,
.author-info .author-title a {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.44;
    margin-bottom: 24px;
}

ul.author-meta-block {
    position: absolute;
    list-style: none;
    top: 0;
    right: 0;
    margin: 0;
}

ul.author-meta-block li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
}

/* Author Meta Block Social Buttons */
.author-meta-block a[href*="facebook.com"] {
    background: #507cbe;
}

.author-meta-block a[href*="twitter.com"] {
    background: #00abef;
}

.author-meta-block a[href*="instagram.com"] {
    background: #3b5998;
}

.author-meta-block a[href*="plus.google.com"] {
    background: #d93e2d;
}

.author-info .author-bio {
    margin-bottom: 0;
}

.author-info .author-link {
    white-space: nowrap;
}

/*  Post Author Info */

/* Post edit link */
.entry-footer {
    text-align: center;
}

.entry-footer .edit-link {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.1429;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 24px;
}

/**
 * 12.2 Post Formats
 */

/*** Post Format: Model (Models Plugin) ***/

/**  Model Profile (Single Page) **/
.single-models_profile .model-profile-right-side .model-profile-right-side-inner {
    padding-bottom: 24px;
    padding-top: 36px;
    margin-bottom: 24px;
}

.single-models_profile .model-profile-right-side .page-title-block,
.single-models_profile .model-profile-right-side .model-profile-social,
.single-models_profile .model-profile-right-side .model-profile-parameters,
.single-models_profile .model-profile-right-side .model-profile-contacts {
    padding-left: 15px;
    padding-right: 15px;
}

.single-models_profile .model-profile-right-side .post__media .post-thumbnail {
    margin-bottom: 0;
}

/* Model Profile Social */
.single-models_profile .model-profile-right-side .model-profile-social {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 24px;
    text-align: center;
}

.single-models_profile .model-profile-right-side .model-profile-social div {
    margin-right: 12px;
    margin-bottom: 12px;
    width: 40px;
    height: 40px;
    position: relative;
    display: block;
    float: left;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.single-models_profile .model-profile-right-side .model-profile-social div:hover {
    opacity: 0.5;
}

.single-models_profile .model-profile-right-side .model-profile-social div > a {
    line-height: 40px;
    width: 40px;
    height: 40px;
    display: block;
    font-size: 16px;
}
/** Models Profile Social Buttons */

/** Facebook */
.single-models_profile .model-profile-right-side .model-profile-social .model-facebook {
    background: #3b5998;
}

/** Twitter */
.single-models_profile .model-profile-right-side .model-profile-social .model-twitter {
    background: #33ccff;
}

/** Google Plus */
.single-models_profile .model-profile-right-side .model-profile-social .model-googleplus {
    background: #dd4b39;
}

/** Linkedin */
.single-models_profile .model-profile-right-side .model-profile-social .model-linkedin {
    background: #069;
}

/** Pinterest */
.single-models_profile .model-profile-right-side .model-profile-social .model-pinterest {
    background: #c8232c;
}

/** Instagram */
.single-models_profile .model-profile-right-side .model-profile-social .model-instagram {
    background: #3f729b;
}

/* Model Profile Parameters */
.single-models_profile .model-profile-right-side .model-profile-parameters {
    width: 100%;
    display: block;
    margin-bottom: 12px;
    padding-top: 24px;
    padding-bottom: 12px;
    text-align: left;
}

.single-models_profile .model-profile-right-side .model-profile-parameters > div {
    display: inline-block;
    text-align: left;
    margin-right: 23px;
    margin-bottom: 12px;
}
.single-models_profile .model-profile-right-side .model-profile-parameters > div:last-child {
    margin-right: 0;
}

.single-models_profile .model-profile-right-side .model-profile-parameters > div > span {
    font-weight: 900;
}

/* Model Profile Contacts */
.single-models_profile .model-profile-right-side .model-profile-contacts > div {
    padding-bottom: 12px;
    padding-top: 12px;
}

.single-models_profile .model-profile-right-side .model-profile-contacts > div:last-child {
    border-bottom: 0;
}

.single-models_profile .model-profile-right-side .model-profile-contacts > div > span {
    font-weight: 900;
    text-transform: uppercase;
}

.single-models_profile .model-profile-right-side .model-profile-contacts > div > span:before {
    font-family: rt-icons-2;
    content: ' ';
    display: inline-block;
    margin-right: 6px;
    font-weight: 400 !important;
    position: relative;
}

.single-models_profile .model-profile-right-side .model-profile-contacts .model-address span:before {
    content: '\e65f';
    font-size: 16px;
    font-size: 1.6rem;
}

.single-models_profile .model-profile-right-side .model-profile-contacts .model-phone span:before {
    content: '\f10b';
    font-size: 24px;
    font-size: 2.4rem;
    top: 4px;
}

.single-models_profile .model-profile-right-side .model-profile-contacts .model-email span:before {
    content: '\e666';
    font-size: 18px;
    font-size: 1.8rem;
    top: 3px;
}

/* Model Profile Gallery */
.single-models_profile .model-profile-content {
    position: relative;
    overflow: hidden;
}
@media (max-width: 992px) {
    .single-models_profile .model-profile-content {
        width: 100%;
    }
}

.single-models_profile .model-profile-content .model-profile-gallery {
    margin-bottom: 48px;
    overflow: hidden;
    display: block;
}
.single-models_profile .model-profile-content .model-profile-gallery .model-gallery-item {
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 120px;
    height: auto;
}

@media (max-width: 480px) {
    .single-models_profile .model-profile-content .model-profile-gallery .model-gallery-item {
        width: 29%;
    }
}

.single-models_profile .model-profile-content .model-profile-gallery .model-gallery-item:hover .overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.single-models_profile .model-profile-content .model-profile-gallery .model-gallery-item:hover .overlay:before {
    font-family: 'FontAwesome';
    content: '\f002';
    position: absolute;
    font-size: 30px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    top: 50%;
    left: 50%;
    display: block;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

/* Model Profile Contact form */
.single-models_profile .model-profile-content .model-profile-contact-form ul {
    list-style: none;
    padding: 0;
}

.single-models_profile .model-profile-content .model-profile-contact-form ul li {
    margin-bottom: 12px;
    position: relative;
}

.single-models_profile .model-profile-content .model-profile-contact-form ul li:before {
    font-family: rt-icons-2;
    content: ' ';
    position: absolute;
    font-size: 16px;
    width: 20px;
    height: 20px;
    left: 16px;
    top: 5px;
}

.single-models_profile .model-profile-content .model-profile-contact-form ul li.ccmContactName:before {
    content: '\e654';
}

.single-models_profile .model-profile-content .model-profile-contact-form ul li.ccmEmail:before {
    content: '\e666';
    font-size: 18px;
}

.single-models_profile .model-profile-content .model-profile-contact-form ul li.ccmCommentsText:before {
    content: '\e65c';
}

.single-models_profile .model-profile-content .model-profile-contact-form ul li label {
    display: none;
}

/** Models Archive/Category Style 1 **/
.models-category-header {
    position: relative;
    overflow: hidden;
}

.models-category-header .models-filter {
    display: inline-block;
    position: relative;
    margin-bottom: 24px;
    width: 100%;
    max-width: 325px;
}

.models-category-header .models-filter select {
    background-color: transparent;
    font-style: italic;
    width: 100%;
    height: 40px;
    line-height: 2.5;
    padding: 3px 20px;
    margin: 0;
    -webkit-appearance: none; /*Removes default chrome and safari style*/
    -moz-appearance: none; /*Removes default style Firefox*/
}

.models-category-header .models-filter select option {
    padding: 0.5em 1em;
}

.models-category-header .models-filter:after {
    font-family: 'FontAwesome';
    content: '\f107';
    position: absolute;
    font-size: 14px;
    z-index: -1;
    top: 16px;
    right: 20px;
}
.models-category-header .model-categories {
    display: inline-block;
}

.models-category-header .model-categories ul {
    padding: 0;
}

.models-category-header .model-categories ul {
    margin: 0;
}

.models-category-header .model-categories ul li {
    margin: 0 0 12px;
    cursor: pointer;
    padding: 8px 33px;
    width: 100%;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.models-category-header .model-categories ul li a {
    line-height: 1.7142;
    font-weight: 900;
    font-size: 12px;
    font-size: 1.2rem;
    text-transform: uppercase;
}

.models-category-content {
    line-height: 0.8;
    margin: 0 15px;
    text-align: center;
    position: relative;
}

.models-category-content .post__wrap {
    width: 100%;
    position: relative;
    display: inline-block;
}

.models-category-content .post__wrap .post__media {
    height: 500px;
    width: 100%;
    display: block;
    overflow: hidden;
    background-position: 50% 0 !important;
}

.models-category-content .post__wrap .post-thumbnail {
    margin-bottom: 0;
}

.models-category-content .post__wrap:hover .overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.models-category-content .post__wrap .model-details-block:before {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 40px;
    font-family: rt-icons-2;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 100;
    line-height: 40px;
    content: '\e656';
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.models-category-content .post__wrap:hover .model-details-block:before {
    opacity: 1;
    bottom: 90px;
}

.models-category-content .post__wrap .model-details-block {
    position: absolute;
    bottom: -90px;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.models-category-content .post__wrap .model-details-block .page-title {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.71429;
    padding: 7px 15px;
    min-height: 40px;
    margin-bottom: 0;
    float: left;
}

.models-category-content .post__wrap .model-details-block .model-parameters-block {
    height: 90px;
    line-height: 1.4;
    overflow: hidden;
    padding: 25px 0;
    width: 100%;
}

.models-category-content .post__wrap:hover .model-details-block {
    bottom: 0;
}

.models-category-content .post__wrap .model-details-block .model-parameters-block > div {
    display: inline-block;
    margin: 0 12px;
}

.models-category-content .post__wrap .model-details-block .model-parameters-block > div > span {
    font-weight: 900;
}

/** Models Archive/Category Style 2 **/
.style_2 .models-category-content-inner {
    margin-left: -15px;
    margin-right: -15px;
}
.style_2 .models-category-content .post__wrap {
    padding-left: 15px;
    padding-right: 15px;
}
.style_2 .models-category-content .post__wrap .page-title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2;
    padding: 16px 6px;
    margin-bottom: 40px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.style_2 .models-category-content .post__wrap .overlay {
    opacity: 0;
}
.style_2 .models-category-content .post__wrap:hover .overlay {
    opacity: 0.5;
}
.style_2 .post__wrap .controls_block {
    bottom: 40px;
    position: absolute;
    width: 100%;
}
.style_2 .post__wrap .controls_block .show-gallery,
.style_2 .post__wrap .controls_block .show-profile {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
    background: transparent;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.style_2 .post__wrap:hover .controls_block .show-gallery,
.style_2 .post__wrap:hover .controls_block .show-profile {
    opacity: 1;
}
.style_2 .post__wrap .controls_block .show-profile,
.style_2 .post__wrap .controls_block .show-gallery {
    margin: 0 5px;
}

.style_2 .post__wrap .controls_block .show-gallery:after,
.style_2 .post__wrap .controls_block .show-profile:after {
    position: absolute;
    font-family: 'rt-icons-2';
    content: ' ';
    font-size: 16px;
    right: 11px;
}

.style_2 .post__wrap .controls_block .show-gallery:after {
    content: "\e656";
    top: 12px;
}

.style_2 .post__wrap .controls_block .show-profile:after {
    content: "\e654";
    top: 12px;
}

/** Post Format: Video **/
.single embed,
.single iframe,
.single object,
.single video {
    margin-bottom: 72px;
}

.post__media_wide > .container {
    padding-left: 0;
    padding-right: 0;
}

.post__media_wide > .container > embed,
.post__media_wide > .container > iframe,
.post__media_wide > .container > object,
.post__media_wide > .container > video {
    width: 100%;
    margin-bottom: 0;
}

/* Post Format: Gallery */

.single-format-gallery .entry-content .owl-carousel {
    margin-bottom: 72px;
}

/* Post Format: Audio */

.format-audio .entry-content .post__media .post-thumbnail {
    margin-bottom: 72px;
}

/* Post Format: Status */

.format-status .entry-content,
.single-format-status .entry-content {
    text-align: center;
}

.single-format-status .entry-content {
    padding: 36px;
    margin-bottom: 24px;
}

.format-status .author-avatar,
.single-format-status .author-avatar {
    margin-bottom: 24px;
}

.format-status .posted-on,
.single-format-status .posted-on {
    margin-bottom: 24px;
}

.format-status .avatar {
    border-radius: 50%;
}

/* Post Format: Quote */

.format-quote .entry-content .post-content blockquote {
    margin-top: 36px;
    margin-bottom: 36px;
}

.format-quote .entry-content .post-controls {
    margin-bottom: 0;
}

/* Post Format: Link */

.format-link .entry-content .post-controls {
    margin-bottom: 0;
}

/* Post Format: Chat */
.single-format-chat p:nth-child(odd) {
    padding: 12px 40px 12px 40px;
}

.single-format-chat .author-bio {
    padding: 0;
}

.single-format-chat .post-content > p:first-child::first-letter {
    color: inherit !important;
    float: none !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: 1;
    margin-right: 0 !important;
}

/* Archive / Blog */
.blog .entry-content,
.search .entry-content,
.archive .entry-content {
    margin-bottom: 36px;
}

.blog .entry-content .post__inner,
.search .entry-content .post__inner,
.archive .entry-content .post__inner {
    padding: 24px;
}

.blog .entry-content .entry-title,
.search .entry-content .entry-title,
.archive .entry-content .entry-title {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 100;
    line-height: 1.2;
}

.blog .edit-link,
.search .edit-link,
.archive .edit-link,
.blog .entry-content .post-thumbnail,
.search .entry-content .post-thumbnail,
.archive .entry-content .post-thumbnail {
    margin-bottom: 0;
}

.blog embed,
.search embed,
.archive embed,
.blog iframe,
.search iframe,
.archive iframe,
.blog object,
.search object,
.archive object,
.blog video,
.search video,
.archive video {
    margin-bottom: 0;
}

/**
 * 12.3 Comments
 */

.comments-area {
    margin-top: 36px;
    padding: 0;
    margin-bottom: 48px;
}

.comments-area input[type="tel"],
.comments-area input[type="text"],
.comments-area input[type="email"],
.comments-area input[type="url"],
.comments-area input[type="password"],
.comments-area input[type="search"],
.comments-area textarea {
    background-color: transparent;
}

.comments-area input[type="tel"]:focus,
.comments-area input[type="text"]:focus,
.comments-area input[type="email"]:focus,
.comments-area input[type="url"]:focus,
.comments-area input[type="password"]:focus,
.comments-area input[type="search"]:focus,
.comments-area textarea:focus {
    background-color: transparent;
}

.comments-area > :last-child {
    margin-bottom: 0;
}

.comment-form-wrap {
    background-color: transparent;
}

.comment-list-wrap ol,
.comment-list .children > li {
    padding-left: 0;
}

.comment-form-wrap .comment-form .comment-form-author,
.comment-respond .comment-form .comment-form-author,
.comment-form-wrap .comment-form .comment-form-email,
.comment-respond .comment-form .comment-form-email {
    margin: 0;
    padding: 0 0 12px 0;
    vertical-align: bottom;
}

.comment-form-wrap .comment-form-comment {
    padding: 0 0 12px 0;
}

.comment-form-wrap .comment-form-author,
.comment-form-wrap .comment-form-email,
.comment-form-wrap .comment-form-textarea,
.comment-respond .comment-form-textarea {
    position: relative;
}

.comment-form-wrap .comment-form-textarea,
.comment-respond .comment-form-textarea {
    width: 100%;
    overflow: hidden;
}

.comment-form-wrap .comment-form-author:after,
.comment-respond .comment-form-author:after,
.comment-form-wrap .comment-form-email:after,
.comment-respond .comment-form-email:after,
.comment-form-wrap .comment-form-textarea:after,
.comment-respond .comment-form-textarea:after {
    position: absolute;
    top: 4px;
    left: 10px;
    font-family: rt-icons-2;
    font-size: 20px;
    content: '';
}

.comment-form-wrap .comment-form-author:after,
.comment-respond .comment-form-author:after {
    content: '\e654';
}

.comment-form-wrap .comment-form-email:after,
.comment-respond .comment-form-email:after {
    content: '\e666';
}

.comment-form-wrap .comment-form-textarea:after,
.comment-respond .comment-form-textarea:after {
    content: '\e65c';
}

.comment-form-wrap .form-submit {
    margin-top: 12px;
    margin-bottom: 48px;
}

.comment-list-wrap .comment-body {
    margin-bottom: 24px;
}

.comment-list-wrap .comment-respond {
    margin-top: 0;
    padding: 0;
    background-color: transparent;
    position: relative;
}

.comment-list-wrap .comment-respond .form-submit {
    margin-top: 12px;
    margin-bottom: 24px;
}

.comment-list-wrap .comment-respond .comment-reply-title {
}
.comment-reply-title {
    bottom: 0;
    left: 120px;
    position: absolute;
}

.comment-respond .comment-reply-title small a {
    font-size: 12px !important;
    font-size: 1.2rem !important;
    font-weight: 900;
    line-height: 1 !important;
    height: 38px !important;
    padding: 12px 36px;
    width: auto !important;
    text-transform: uppercase;
    text-align: center;
}

.comments-title,
.comment-reply-title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1;
}

.comments-title {
    font-size: 40px !important;
    font-size: 4rem !important;
    font-weight: 100 !important;
    line-height: 1.44 !important;
    margin-bottom: 12px !important;
}

.comment-list {
    list-style: none;
    margin: 0;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
    overflow: hidden;
    position: relative;
    padding: 24px 30px 24px 30px;
}

.comment-list .pingback,
.comment-list .trackback {
    border: none;
    padding: 0;
}

.comment-list li + li article,
.comment-list li + li .pingback,
.comment-list li + li .trackback {
    margin-top: 20px !important;
}

.comment-list .children li article,
.comment-list .children li .pingback,
.comment-list .children li .trackback {
    margin-top: 20px !important;
}

.comment-list > li:first-child > article,
.comment-list > li:first-child > .pingback,
.comment-list > li:first-child > .trackback {
}

.comment-list .children {
    list-style: none;
    margin: 0;
}

.comment-author {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 100;
    line-height: 1;
    margin-bottom: 6px;
}

.comment-author a {
    font-weight: 300;
}

.comment-author .avatar {
    float: left;
    display: none;
    height: 70px !important;
    width: 70px !important;
    top: initial !important;
    margin-right: 0 !important;
}

.bypostauthor > article .fn:after {
    content: "\e008";
    position: relative;
    top: 5px;
    left: 3px;
}

.comment-metadata,
.pingback .edit-link {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
}

.comment-metadata {
    margin-bottom: 1.6em;
}

.comment-metadata .edit-link {
    margin-left: 1em;
}

.comment-metadata {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 6px;
}

.comment-metadata a {
    font-size: 12px;
    font-size: 1.2rem;
}

.pingback .edit-link {
    margin-left: 1em;
}

.pingback .edit-link:before {
    top: 5px;
}

.comment-content ul,
.comment-content ol {
    margin: 0 0 1.6em 1.3333em;
}

.comment-content li > ul,
.comment-content li > ol {
    margin-bottom: 0;
}

.comment-content > :last-child {
    margin-bottom: 0;
}

.comment-list .reply {
    font-size: 12px;
    font-size: 1.2rem;
    position: absolute;
    right: -1px;
    top: -2px;
}

.comment-list .reply a {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 25px;
    padding: 8px 14px;
    text-transform: uppercase;
}

.comment-list .reply a:hover,
.comment-list .reply a:focus {
    outline: 0;
}

.comment-list .reply a:after {
    font-family: rt-icons-2;
    font-size: 18px;
    font-size: 1.8rem;
    content: "\e703";
}

.comment-form {
    padding-top: 0;
}

.comment-form label {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    display: block;
    line-height: 1.5;
    text-transform: uppercase;
}

.comment-form input[type="tel"],
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
    width: 100%;
}

.no-comments {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    padding-top: 1.6em;
    padding-left: 30px;
    padding-right: 30px;
}

.comment-navigation + .no-comments {
    border-top: 0;
}

.form-allowed-tags code {
    font-family: Inconsolata, monospace;
}

.form-submit {
    margin-bottom: 0;
}

.form-submit button, input[type="button"],
.form-submit input[type="reset"],
.form-submit input[type="submit"] {
    margin-top: 0;
    margin-bottom: 0;
}

.comment-reply-title small {
    font-size: 100%;
}

.comment-reply-title small a {
    border: 0;
    float: right;
    height: 32px;
    overflow: hidden;
    width: 26px;
}

.comment-respond h3 {
    text-align: right;
}

.comment-respond h3 small a {
    float: none;
    font-size: 12px;
}

/* Post tags links */

.tags-links {
    overflow: hidden;
}

.tags-links a {
    display: block;
    float: left;
    margin-right: 12px;
    margin-bottom: 12px;
    font-size: 14px !important;
    font-size: 1.4rem !important;
    line-height: 1.2;
    text-transform: uppercase;
    padding: 4px 10px;
}


/* Back to top button */

.to-top {
    bottom: -100px;
    cursor: pointer;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    position: fixed;
    right: 11px;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    z-index: 9999;
    width: 40px;
}

.to-top [class^="fa-"]:before,
.to-top [class*=" fa-"]:before {
    margin: 0;
}

.to-top .fa {
    line-height: 35px;
}

/* /Back to top button */

/* Page 404 */
.error404 .content-area .site__content {
    padding-left: 0;
    padding-right: 0;
}

.error-404 {
    text-align: center;
}

.error-404 .search-form {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.error-404 .search-form label {
    width: 100%;
    margin-bottom: 0;
}

.error-404 .search-form label:after {
    font-family: rt-icons-2;
    content: '\e65c';
    font-size: 18px;
    font-size: 1.8rem;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
}

.error-404 .search-form input[type="submit"] {
    clip: auto !important;
    display: block;
    width: 40px;
    height: 40px;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999px;
    background-color: transparent;
}

.error-image {
    max-height: 213px;
    margin-top: 40px;
    margin-bottom: 0;
}

.page_title_404.page-title {
    font-size: 60px;
    font-size: 6rem;
    font-weight: 400;
    font-family: 'Herr Von Muellerhoff', cursive;
    line-height: 1;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 740px;
}

.page_message_404 {
    font-weight: 300;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 740px;
}

.search_404_label {
    margin-bottom: 24px;
}

.error-404 input[type="search"] {
    padding-right: 50px;
}

.error-404 .homepage_link_or {
    margin-top: 30px;
    margin-bottom: 30px;
}

.error-404 .homepage_link a {
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

/**
 * 13.0 Footer
 */
.sidebar-before-footer {
    padding-top: 33px;
    padding-bottom: 33px;
    text-align: center;
}

.sidebar-before-footer .widget {
    margin: 0 auto;
}

.footer {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: transparent;
}

.footer > .container {
    padding-left: 15px;
    padding-right: 15px;
}

.footer__widgets-row.row {
    margin-left: -15px;
    margin-right: -15px;
}

.footer .widget {
    padding: 0 0 40px 0;
    margin: 0;
    background-color: transparent;
}

.footer .widget-title {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 100;
    line-height: 1;
    margin-bottom: 25px;
    padding: 0;
}

.footer ul,
.footer ol {
    line-height: 30px;
    margin: 0;
}

.footer .widget-width__container {
    text-align: center;
}

.footer .widget-width__container .widget {
    padding-bottom: 0;
    margin: 0 auto;
}

.footer .widget-width__container .widget + .widget {
    margin-top: 36px;
}

.footer .widget_text .img-responsive {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* Footer menu */
.footer-menu .create-menu {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.1111;
    margin: 0 auto;
    padding: 0;
    text-align: right;
}

.footer-menu .create-menu a {
    display: inline-block;
    text-decoration: none;
    padding: 0 0 0 20px;
    line-height: 1;
}

.footer-menu ul {
    display: block;
    overflow: hidden;
    text-align: right;
    margin: 0;
}

.footer-menu ul li {
    display: inline-block;
}

.footer-menu ul li a {
    display: block;
    padding: 0 0 0 10px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
}

.footer-menu ul li a:hover {
}

.footer-menu ul li a .fa,
.footer-menu ul li a .genericon,
.footer-menu ul li a .glyphicon,
.footer-menu ul li a .rt-icon,
.footer-menu ul li a i {
    display: none;
}

/* Footer logo */
.footer-logo {
    text-align: left;
    background-color: transparent;
}

.footer-logo .logo {
    max-width: 255px;
    margin: 0 0 30px 0;
}

.footer-logo .logo a {
    margin: 0;
}

/* Footer Banner */
.footer-banner {
    max-width: 255px;
}


/* Copyright */
.copyright {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
    padding: 38px 0;
    text-align: center;
}

.copyright .container {
    padding-left: 0;
    padding-right: 0;
}

.copyright-row {
    margin-right: -15px;
    margin-left: -15px;
}

/* Alternative Copyright */
.copyright .copyright-alt .copyright-left,
.copyright .copyright-alt .copyright-right {
    float: none;
    margin-bottom: 12px;
    text-align: center;
    line-height: 2.2;
}
.copyright .copyright-alt .copyright-right i,
.copyright .copyright-alt .copyright-right a {
   color: #c0c0c0;
}
/**
 * 14.0 Media
 */

.site .avatar {
}

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

audio,
canvas {
    display: inline-block;
}

embed,
iframe,
object,
video {
    margin-bottom: 24px;
    max-width: 100%;
    vertical-align: middle;
}

p > embed,
p > iframe,
p > object,
p > video {
    margin-bottom: 0;
}

.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
    font-size: 15px;
    font-size: 1.5rem;
    margin-top: 21px;
    margin-bottom: 21px;
}

.wp-playlist.wp-playlist {
    padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
    margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
    border-bottom: 0;
    padding: 10px 0;
}

.wp-playlist-item .wp-playlist-item-length {
    top: 10px;
}

.col-sm-8 iframe[src*="feature=oembed"],
.col-sm-8 iframe[src*="player.vimeo.com"] {
    height: 383px;
}

/**
 * 14.1 Captions
 */
.wp-caption {
    margin-bottom: 1.6em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0;
}

.wp-caption-text {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2;
    padding: 12px 0;
    margin-bottom: 24px;
}

/**
 * 14.2 Galleries
 */

.gallery.owl-carousel .owl-controls {
    position: absolute;
    height: 24px;
    width: 100%;
    bottom: 30px;
}

.gallery.owl-carousel .owl-controls .owl-nav {
    display: none;
}

.gallery.owl-carousel .owl-dots {
    bottom: 3px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.gallery.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
}
.post-content .owl-gallery .owl-stage-outer {
    margin-bottom: 36px;
}

.gallery.owl-carousel .owl-dots .owl-dot span {
    background: transparent none repeat scroll 0 0;
    border-radius: 0;
    display: block;
    height: 10px;
    margin: 2px 7px;
    transition: opacity 200ms ease 0s;
    width: 10px;
}


.gallery-item {
    display: inline-block;
    padding: 1.79104477%;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-icon img {
    margin: 0 auto;
}

.gallery-caption {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    padding: 12px 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

.tiled-gallery {
    margin: 0 0 24px 0 !important;
}

/**
 * 15.0 Media Queries
 */

/*
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

/**
 * 15.1 Mobile Small 240px
 */
@media screen and (min-width: 15em) {
}

/**
 * 15.2 Mobile Small 320px
 */
@media screen and (min-width: 20em) {
    /* Comments */
    .comment-author .avatar {
        display: block;
    }
}

/**
 * 15.3 Mobile Small 480px
 */
@media screen and (min-width: 29em) {
    .post-controls .pctrl-like,
    .post-controls .pctrl-view {
        padding: 0 20px;
    }

    .author-info .author-title,
    .author-info .author-title a {
        font-size: 30px;
        font-size: 3rem;
        line-height: 1.2;
        margin-bottom: 24px;
    }

    .post__meta {
        padding: 0 12px;
    }

    /* Author Bio */
    .author-info .author-avatar {
        display: block;
        float: left;
        margin-top: -30px;
        margin-left: -40px;
        margin-right: 40px;
    }

    /* Comments */
    .comment-list .children > li {
        padding-left: 20px;
    }

    /* Models Plugin */
    .models-category-header .model-categories ul li {
        margin: 0 12px 24px;
        width: auto;
    }
}

/**
 * 15.4 Mobile Medium 600px
 */
@media screen and (min-width: 42.85em) {

    .post-thumbnail {
        margin-bottom: 72px;
    }

    .blog .entry-content .entry-title,
    .search .entry-content .entry-title,
    .archive .entry-content .entry-title {
        font-size: 50px;
        font-size: 5rem;
        font-weight: 100;
        line-height: 1.44;
    }

    .page-title,
    .post__title {
        font-size: 50px;
        font-size: 5rem;
        font-weight: 100;
        line-height: 1.44;
        margin-bottom: 24px;
    }

    /** Models Archive/Category Grid 1 **/
    .post-type-archive-models_profile .models-category-content .post__wrap,
    .tax-models_category .models-category-content .post__wrap {
        width: 50%;
    }
}

/**
 * 15.5 Mobile Large 620px
 */
@media screen and (min-width: 38.75em) {
    /* Author Bio */
    .author-info {
        overflow: hidden;
        height: 170px;
    }

    .author-bio {
        overflow: hidden;
        height: 48px;
    }
}

/**
 * 15.6 Tablet Small 740px
 */
@media screen and (min-width: 46.25em) {
}


/**
 * 15.7 Tablet Medium 768px
 */
@media screen and (min-width: 768px) {
    /*** Header Style 1 ***/
    .header_style1 .top-bar-right {
        padding-bottom: 10px;
        padding-top: 10px;
        text-align: right;
    }

    .header_style1 .top-bar-left,
    .header_style1 .top-bar-center,
    .header_style1 .top-bar-right {
        width: 33.3%;
    }

    .header_style1 .top-bar-center {
        text-align: center;
    }

    .header_style1 .top-bar-left {
        text-align: left;
    }

    .header_style1 .top-bar-right {
        text-align: right;
    }

    .header_style1 .header__primary {
        display: table;
    }

    .header_style1 .header__primary .header__logo,
    .header_style1 .header__primary .header__menu,
    .header_style1 .header__primary .top-nav-text {
        display: table-cell;
        vertical-align: middle;
        height: 120px;
    }

    .header_style1 .header__primary .top-nav-text {
        text-align: right;
        padding-top: 0;
        padding-bottom: 0;
    }

    .header_style1 .header__primary .header__logo {
        padding-left: 0;
        width: 33%;
    }

    .header_style1 .header__primary .header__menu {
        position: relative;
        padding-top: 0;
        padding-bottom: 0;
        top: 0;
        width: 33%;
    }

    .header_style1 .header__primary .top-nav-text,
    .header_style2 .header__top .top-nav-text {
        width: 33%;
        text-align: right;
    }

    .header_style1 .header__primary .top-nav-text span,
    .header_style2 .header__top .top-nav-text span {
        width: 100%;
        float: right;
    }

    .header_style1 div.logo {
        text-align: left;
        line-height: 120px;
    }

    .header_style1 div.logo img.logo_big {
        margin-bottom: 12px;
        margin-top: 12px;
    }

    .header_style1 .nav-button,
    .header_style2 .nav-button {
        margin: 0 auto;
    }

    /** Header Style 1 - sticky **/
    .header_style1 .is-sticky .header__primary .header__logo,
    .header_style1 .is-sticky .header__primary .header__menu,
    .header_style1 .is-sticky .header__primary .top-nav-text {
        height: auto;
    }
    .header_style1 .is-sticky .header__primary .header__logo {
        float: left;
        text-align: left;
        width: auto;
    }

    .header_style1 .is-sticky .header__primary div.logo,
    .header_style2 .is-sticky .header__top div.logo {
        line-height: 70px;
        text-align: left;
    }

    /*** Header Style 2 ***/
    .header_style2 .header-top-outer {
        height: 80px;
    }

    .header_style2 .header-sticky {
        position: fixed;
    }

    .header_style2 .top-bar,
    .header_style2 .header__top {
        display: table;
    }

    .header_style2 .top-bar .top-bar-left,
    .header_style2 .top-bar .top-bar-center,
    .header_style2 .top-bar .top-bar-right {
        height: 80px;
        display: table-cell;
        vertical-align: middle;
    }

    .header_style2 .header__top .header__logo,
    .header_style2 .header__top .header__menu,
    .header_style2 .header__top .top-nav-text {
        display: table-cell;
        vertical-align: middle;
    }

    .header_style2 .top-bar-left a {
        font-style: italic;
    }

    .header_style2 .top-bar-left a:hover,
    .header_style2 .top-bar-right a:hover {
        opacity: 0.5;
    }

    .header_style2 .top-bar .top-bar-left,
    .header_style2 .top-bar .top-bar-right,
    .header_style2 .header__top .header__logo,
    .header_style2 .header__top .top-nav-text {
        width: 25%;
    }

    .header_style2 .top-bar .top-bar-center,
    .header_style2 .header__top .header__menu {
        width: 50%;
    }

    .header_style2 .header__top .header__logo,
    .header_style2 .header__top .header__menu,
    .header_style2 .header__top .top-nav-text {
        height: 80px;
    }

    .header_style2 .header__top .header__logo {
        padding-left: 0;
        text-align: left;
    }

    .header_style2 .header__top .header__menu {
        padding-bottom: 0;
        padding-top: 0;
        position: relative;
        top: 0;
    }

    .header_style2 .header__top .top-nav-text {
        padding: 0;
    }

    /** Header Style 2 - sticky **/
    .is-sticky .header_style2 div.logo img.logo_big {
        margin-bottom: 10px;
        margin-top: 10px;
        max-height: 50px;
    }

    .is-sticky .header_style2 div.logo {
        line-height: 70px;
    }

    /*** Site layout ***/
    .site-content {
        padding: 36px 0;
    }

    .primary-sidebar .widget {
        padding: 20px 30px;
    }

    .blog .entry-content .post__inner,
    .search .entry-content .post__inner,
    .archive .entry-content .post__inner {
        padding: 36px;
    }

    /*** Comments ***/
    .comments-title {
        font-size: 50px !important;
        font-size: 5rem !important;
    }

    .comment-form-wrap .comment-form-author,
    .comment-respond .comment-form-author {
        padding: 0 12px 12px 0 !important;
    }

    .comment-list-wrap .comment-body {
        margin-bottom: 36px;
    }

    .comment-list article,
    .comment-list .pingback,
    .comment-list .trackback {
        padding: 36px 30px;
    }

    .comment-list .children > li {
        padding-left: 70px;
    }

    /*** Models Plugin ***/
    .models-category-header .model-categories {
        float: left;
    }

    .models-category-header .models-filter {
        max-width: 200px;
        float: right;
    }

    .models-category-header .model-categories ul li {
        margin: 0 12px 24px 0;
    }

    .single-models_profile .model-profile-right-side .page-title-block,
    .single-models_profile .model-profile-right-side .model-profile-social,
    .single-models_profile .model-profile-right-side .model-profile-parameters,
    .single-models_profile .model-profile-right-side .model-profile-contacts {
        padding-left: 30px;
        padding-right: 30px;
    }

    /*** Footer ***/
    .footer .row .widget-width__side:nth-child(odd) {
        clear: both;
    }

    /** Copyright **/
    .copyright .copyright-alt .copyright-left {
        float: left;
        margin-left: 36px;
        margin-bottom: 0;
    }
    .copyright .copyright-alt .copyright-right {
        float: right;
        margin-right: 36px;
        margin-bottom: 0;
        line-height: 2;
    }
}

/**
 * 15.8 Tablet Medium 783px
 */
@media screen and (min-width: 783px) {
    body.admin-bar .header-sticky {
        top: 32px !important;
    }
}

/**
 * 15.9 Tablet Large 880px
 */
@media screen and (min-width: 55em) {
}

/**
 * 15.10 Desktop Small 955px
 */
@media screen and (min-width: 59.6875em) {

    /*** Header ***/
    .menu-strip {
        display: block;
    }

    .nav-button {
        display: none;
    }

    /*** Header style 1 ***/
    .header_style1 .header__top,
    .header_style1 .header__primary {
        padding: 0 30px;
    }

    .header_style1 .header__primary .header__logo,
    .header_style1 .header__primary .top-nav-text {
        width: 25%;
    }

    .header_style1 .header__primary .header__menu {
        width: 50%;
    }

    .header__menu .main-nav {
        display: block;
        height: 25px;
        width: 100%;
    }

    .header__menu .main-nav .menu, .main-nav .menu ul {
        display: block;
        text-align: center;
    }

    /** Header Style 1 - sticky **/
    .header_style1 .is-sticky .header__primary .header__logo {
        float: none;
        text-align: center;
        width: 25%;
    }

    .header_style1 .is-sticky .header__primary div.logo img.logo_big {
        margin-bottom: 10px;
        margin-top: 10px;
        max-height: 60px;
    }

    /*** Header style 2 ***/
    /** Header style 2 - sticky **/
    .header_style2 .is-sticky div.logo img.logo_big {
        margin-bottom: 15px;
        margin-top: 15px;
        max-height: 57px;
    }

    .header_style2 .is-sticky div.logo {
        text-align: left;
    }

    .header_style2 .is-sticky .top-nav-text {
        text-align: right;
    }

    /*** Models Plugin ***/
    /** Models Archive/Category Grid 1 **/
    .post-type-archive-models_profile .models-category-content,
    .tax-models_category .models-category-content {
        margin: 0 30px;
    }

    .post-type-archive-models_profile .models-category-content .model-categories ul,
    .tax-models_category .models-category-content .model-categories ul {
        padding-left: 5px;
    }

    .post-type-archive-models_profile .models-category-content .post__wrap,
    .tax-models_category .models-category-content .post__wrap {
        width: 33%;
    }

    .models-category-header {
        margin-bottom: 36px;
    }

    /*** Footer ***/
    .footer .widget_nav_menu {
        margin: 0 0 0 20px;
    }
}


/**
 * 15.11 Desktop Small 992px
 */
@media screen and (min-width: 992px) {
    .footer .row .widget-width__side:nth-child(odd) {
        clear: none;
    }
}

/**
 * 15.12 Desktop Medium 1100px
 */
@media screen and (min-width: 68.75em) {
    /*** Header style 1 ***/
    .header_style1 .header__top,
    .header_style1 .header__primary {
        padding: 0 30px;
    }

    /*** Header Style 2 ***/
    .header_style2 .header__top,
    .header_style2 .top-bar {
        padding: 0 30px;
    }

    input[type=search].search-box__input {
        padding: 0 30px 0 30px;
    }

    /*** Models Plugin ***/
    .single-models_profile .model-profile-content {
        padding-right: 30px;
    }
}

/**
 * 15.13 Desktop Large 1240px
 */
@media screen and (min-width: 77.5em) {
    /*** Header style 1 ***/
    .header_style1 .header__top,
    .header_style1 .header__primary {
        padding: 0 60px;
    }

    .header_style1 input.search-box__input[type="search"] {
        padding: 0 60px;
    }

    .header_style1 .header__primary .header__logo {
        padding-left: 0;
        width: 18%;
    }

    .header_style1 .top-bar-left,
    .header_style1 .top-bar-right {
        width: 25%;
    }

    .header_style1 .top-bar-center {
        width: 50%;
    }

    .header_style1 .header__primary div.logo img.logo_big {
        margin-bottom: 12px;
        margin-top: 12px;
        max-height: 94px;
    }

    .header_style1 .header__top .top-bar-center,
    .header_style1 .header__top .top-bar-right,
    .header_style1 .header__top .top-bar-left,
    .header_style1 .header__primary div.logo,
    .header_style1 .header__primary .top-nav-text {
        text-align: center;
    }

    .header_style1 .header__primary .top-nav-text {
        font-size: 30px;
       /* font-size: 3rem;*/
	   font-size: 2rem;
        line-height: 1.2;
    }

    /** Header style 1 - sticky **/
    .header_style1 .is-sticky .header__primary div.logo,
    .header_style1 .is-sticky .header__primary .top-nav-text {
        text-align: center;
    }

    /*** Header style 2 ***/
    .header_style2 .top-bar {
        padding: 0 60px;
    }

    .header_style2 .header__top {
        padding: 0 60px;
    }

    .header_style2 .login-popup__popup {
        right: 60px;
    }

    .header_style2 input.search-box__input[type="search"] {
        padding: 0 60px;
    }

    /*** Site Layout ***/
    .sidebar_left .post-container > .row > .site__content {
        padding-left: 45px !important;
    }

    .sidebar_right .post-container > .row > .site__content {
        padding-right: 45px !important;
    }

    .sidebar_left .post-container > .row > .site__content.full_width_content,
    .sidebar_right .post-container > .row > .site__content.full_width_content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .primary-sidebar .widget {
        padding: 24px 35px 36px 35px;
    }

    /** content **/
    .site-content {
        padding: 72px 0;
    }

    .tags-links a {
        line-height: 1.2;
    }

    /*** Models Plugin ***/
    .single-models_profile .model-profile-right-side .model-profile-right-side-inner {
        padding-bottom: 24px;
        padding-top: 36px;
    }

    .single-models_profile .model-profile-right-side .page-title-block,
    .single-models_profile .model-profile-right-side .model-profile-social,
    .single-models_profile .model-profile-right-side .model-profile-parameters,
    .single-models_profile .model-profile-right-side .model-profile-contacts {
        padding-left: 40px;
        padding-right: 40px;
    }

    /** Models Archive/Category Grid 1 **/
    .post-type-archive-models_profile .models-category-content,
    .tax-models_category .models-category-content {
        margin: 0 60px;
    }

    .post-type-archive-models_profile .models-category-content .model-categories ul,
    .tax-models_category .models-category-content .model-categories ul {
        padding-left: 0;
    }

    .post-type-archive-models_profile .models-category-content .post__wrap,
    .tax-models_category .models-category-content .post__wrap {
        width: 20%;
    }
}

/**
 * 15.14 Desktop X-Large 1403px
 */
@media screen and (min-width: 87.6875em) {
}

/**
 * 16.0 Print
 */

@media print {
    body {
        background: none !important; /* Brute force since user agents all print differently. */
        font-size: 11.25pt;
    }

    .navigation,
    .page-links,
    .edit-link,
    #reply-title,
    .comment-form,
    .comment-edit-link,
    button,
    input,
    textarea,
    select {
        display: none;
    }

    .site-header,
    .site-footer,
    .hentry,
    .entry-footer,
    .page-content,
    .comments-area {
        background: none !important; /* Make sure color schemes dont't affect to print */
    }

    body,
    blockquote,
    blockquote cite,
    blockquote small,
    label,
    a,
    .site-title a,
    .site-description,
    .post-title,
    .author-heading,
    .entry-footer,
    .entry-footer a,
    .taxonomy-description,
    .entry-caption,
    .comment-author,
    .comment-metadata,
    .comment-metadata a,
    .comment-notes,
    .comment-awaiting-moderation,
    .no-comments,
    .site-info,
    .site-info a,
    .wp-caption-text,
    .gallery-caption {
        color: #000 !important; /* Make sure color schemes don't affect to print */
    }

    pre,
    abbr[title],
    table,
    th,
    td,
    .site-header,
    .site-footer,
    .hentry + .hentry,
    .author-info,
    .comments-area,
    .comment-list .comment-respond,
    .comment-list article,
    .comment-list .pingback,
    .comment-list .trackback,
    .no-comments {
        border-color: #eaeaea !important; /* Make sure color schemes don't affect to print */
    }

    .site {
        margin: 0 7.6923%;
    }

    .site-header {
        padding: 0;
    }

    .site-description {
        display: block;
    }

    .hentry.has-post-thumbnail {
        padding-top: 7.6923%;
    }

    .sticky-post {
        background: #000 !important;
        color: #fff !important;
    }

    .entry-footer {
        padding: 0;
    }
}

/**
 * 16.1 Retina-specific styles
 */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

    .blogname {
        font-weight: 100;
    }

    .office--title {
        font-weight: 100;
    }

    .widget-title {
        font-weight: 100;
    }

    body.archive .entry-header .entry-title,
    body.search .entry-header .entry-title {
        font-weight: 200;
    }

}

/**
 * 16.2 Browsers adjustments
 * /

/* Firefox */

@-moz-document url-prefix() {

}

/* IE10+ */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    input[type='text'],
    input[type='email'],
    input[type='url'],
    input[type='password'],
    input[type='search'],
    input[type='tel'],
    input[type='number'] {
        height: 40px;
    }

    .wrap-forms input[type='text'],
    .wrap-forms input[type='email'],
    .wrap-forms input[type='url'],
    .wrap-forms input[type='password'],
    .wrap-forms input[type='search'],
    .wrap-forms select {
        height: 40px;
    }
}

/*vvs: begin of ins*/
.top-nav-text { font-weight: 300 !important; }
.wpml-ls-flag { width: 40px !important; }
.wpcf7-form input[type="text"] {
	font-style: normal;

	border: 1px solid #ececec;
	background-color: #222 !important;
	border-radius: 3px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
	-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
}
.wpcf7-form input[type="checkbox"] {
}
.wpcf7-form .rt-icon { position: relative; }
.wpcf7-form .rt-icon.icon-user { top: 4px; }
.wpcf7-form .rt-icon.icon-mobile { top: 2px; left: 2px; }

.wpcf7-form .accept_privacy + label {
	position: relative;
	display: block;
}



.wpcf7-form .accept_privacy { position: relative; }
.wpcf7-form input[type='checkbox'] { display: none; }
.wpcf7-form input[type="checkbox"] + label {
	font-size: 1.4rem;
	font-family: 'Roboto', sans-serif;
	color: #999999;
	font-weight: 300;

	//background: #222 !important;
	//border: 1px solid #525252;
	//border-radius: 3px;
	//box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
	//-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
	//-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);

	//padding: 0.8em 0.8em 0.8em 0.8em;
	padding: 0.0em 0.8em 0.0em 0.8em;
	position: relative;
	width: 100%;
	display: block;
	left: 0;
	top: 0;
}
.wpcf7-form input[type='checkbox'] + label:before {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-left: 2px;
	padding-right: 29px;
	width: 23px;
	position: relative;
	top: 1px;
}
.wpcf7-form input[type="checkbox"] + label:before { content: "\f096"; }
.wpcf7-form input[type="checkbox"]:checked + label:before { content: "\f046"; }
.wpcf7-form input[type="submit"] { 
	margin-top: 10px; 
	color: #fff;
	border-radius: 3px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
	-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
}

.pading-top-10 { padding-top: 10px; }

/*
.recaptcha .wpcf7-form-control-wrap {
	position: relative !important;
	height: 72px !important;
	padding: 0px !important;
	width: 297px;
	overflow: hidden !important;
}
.recaptcha .wpcf7-form-control-wrap div {
        position: absolute !important;
	left: -1px;
	top: -1px;
        font-size: 10px !important;
        color: #ccc !important;
}
*/
/*vvs: end of ins*/

.szaholovok {
	padding: 8px; 
	line-height: 2; 
	font-size: 1.3rem; 
	text-align: center; 
	background-color: rgb(224, 0, 108) !important; 
	width: 100%;
}

.stext {
	padding: 11px; 
	line-height: 2; 
	font-size: 16px; 
	background-color: rgb(0, 0, 0, 0.68) !important; 

}


@charset "UTF-8";
/*
* Лёгкийи и отзывчивый аккордеон
* минимум кода, максимум функционала
* без javascript, на чистом CSS
* работает на скрытых checkbox.
* автор: @dobrovoi dbmast.ru
*/ 
*,
::after,
::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
  min-height: 100%;
  border: 0;
}

body {
  font-family: 'Roboto', sans-serif;
  background:  #3e3e3e
}


hr {
    height: 1px;
    width: 90%;
    margin: 50px auto;
    border: 0;
    box-shadow: rgba(241, 241, 241, 0.05) 3px 2px 3px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
    background-image: linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
}
h1 {
    color: #dddddd;
    text-transform: uppercase;
    text-align: center;
    font-size: 36px;
    line-height: 42px;
    letter-spacing: 3px;
    font-weight: 300;
}
.container1 {
    position: relative;
    display: block;
    max-width: 1200px;
    width: 100%;
    margin: 50px auto;
    padding: 0;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.info {
    margin: 25px auto;
    text-align: center;
    color: #b9b9b9
}
.info a {
    color: burlywood;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
}
.info a:hover {
    color: #e07e00
}

/* 
* Формируем базовый контейнер аккордеона 
*/
.accordion {
    width: 100%;
/*
ширина произвольная выбирается
*в зависимостиот места размещения 
*/
   /* max-width: 600px;*/
    min-height: 0;
    display: block;
/* относительное позиционирование */
    position: relative;
    margin: 0 auto;
    padding: 0;
    background-color: #fefffa;
    overflow: hidden
}
/* заголовки панелей аккордеона */
.accordion h2 {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    display: block;
    margin: 0;
    padding: 10px 25px;
    cursor: pointer;
    color: #f4f4f4;
    background: #e0006c; 
    /*border-top: 1px solid #3face4;*/
    border-bottom: 1px solid #ea81b4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* заголовки панелей аккордеона при наведении
* в данном варианте не срабатывает
*/
/* .accordion h2:hover {
    display: block;
    background-color: #005049;
}
*/

/* Формируем блоки с содерханием */
.msg {
  position: relative;
  overflow: hidden;
  max-height: 800px;
  opacity: 1;
  transform: translate(0, 0);
}

/* оформляем параграфы */
.msg p {
  color: rgba(48, 69, 92, 0.8);
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 1px;
  padding: 0 20px;
  margin: 12px;
}

/* Позаботимся о небольших экранах */
@media (max-width: 550px) {
  .accordion {
    box-sizing: border-box;
    transform: translate(0, 0);
    max-width: 100%;
    min-height: 100%;
    margin: 0;
    left: 0;
  }
} 

/* Формируем неупорядоченный список */
.accordion ul {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}

/* Определяем и формируем отдельный элемент списка 
 * в который поместим скрытый флажек,
 * заголовок панелей и блок с содержанием
*/
.accordion ul li {
  position: relative;
  padding: 0;
  margin: 0;
}

/* устанавливаем время ожидания перед воспроизведением анимации 
 * на основе нумерации в дереве элементов
*/
.accordion ul li:nth-of-type(1) {
  animation-delay: 0.5s;
}
.accordion ul li:nth-of-type(2) {
  animation-delay: 0.75s;
}
.accordion ul li:nth-of-type(3) {
  animation-delay: 1s;
}
.accordion ul li:last-of-type {
  padding-bottom: 0;
}

/* Сформируем  указатель переключения состояния аккордеона */
.accordion ul li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 16px;
/* расположим указатель на панели заголовка справа */
  right: 25px;
}

/* "Рисуем " сам указатель */
.accordion ul li i:before, .accordion ul li i:after {
  content: "";
  position: absolute;
  background-color: #eee;
  width: 3px;
  height: 9px;
}
/* Добавляем элемент трансформации указателя при переключении */
.accordion ul li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
.accordion ul li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}

/* Делаем чекбокс скрытым*/
.accordion ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
}
/* Когда у флажка установлен checked  
 * блок с содержанием скрыт
*/
.accordion ul li input[type=checkbox]:checked ~ div.msg {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}
/* А указатель показывает вниз */
.accordion ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
.accordion ul li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}
/*  Устанавливаем эффект перехода
 * между двумя состояниями указателя 
*/
div.msg, ul li i:before, ul li i:after {
    transition: all 0.5s ease-in-out;
}
/**
 * Изображения внутри аккордеона
 * ...сделаем их отзывчивыми
 */
.accordion .msg img {
    width: 100%;
    height: auto;
    -moz-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

/* полноразмерная картинка */
.msg img .large-img {
    width: 100%;
    margin-bottom: 10px;
}
/* миниатюра слева */
 .msg img.img-left {
    width: 25%;
    float:left;
    margin:5px 15px 5px 0;
}
/* миниатюра справа */
.msg img.img-right {
    width: 25%;
    float:right;
    margin:5px 0 5px 15px;
}

/* Встраеваемое видео */
.video-responsive {
    margin: 20px;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    -moz-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
/* Предусмотри использование кода встраиваемого видео
 *через iframe, object или embed */
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}