/*
Theme Name: Drozhennikov
Author: Zhytnykov Aleksandr
Description: Drozhennikov Addaptive Official Theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dazzling
Domain Path: /languages/
Tags: green, light, white, gray, black, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, responsive-layout, photoblogging, left-sidebar, translation-ready, custom-background, custom-colors, custom-menu, featured-images, full-width-template, post-formats, theme-options, threaded-comments

This theme, like WordPress, is licensed under the GPL.

*/

/* Table of content
-----------------------------------------------
1. Global
2. Content
3. Post styling
4. Singe Post/Page Pagination
5. Media
6. Widgets
7. Buttons
8. Infinite Scroll
8. Custom Styles
9. Navigation
10. Comments
11. Attachment styling
12. Footer
13. Mobile Styling
14. Social icons
15. Call For Action
*/

/* =Global
----------------------------------------------- */
body {
  color: #6B6B6B;
  word-wrap: break-word;
  line-height: 1.7;
  font-size: 12px;
  font: 'Open Sans',san-serif; 
}

a {
  color: #1FA67A;
  text-decoration: none;
  -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
       -o-transition: all 0.2s;
          transition: all 0.2s;
}

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

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #1FA67A;
}

h1,
.h1 {
  font-size: 32px;
}

h2,
.h2 {
  font-size: 28px;
}

h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 18px;
}

h5,
.h5 {
  font-size: 16px;
}

h6,
.h6 {
  font-size: 14px;
}

img {
  height: auto; /* Make sure images are scaled correctly. */
  max-width: 100%; /* Adhere to container width. */
}
button,
input,
select,
textarea {
  font-size: 100%; /* Corrects font size not being inherited in all browsers */
  margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline; /* Improves appearance and consistency in all browsers */
  *vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
select {
    width: 250px;
    border: 1px solid #DCE4EC;
    background-color: #FFF;
    height: 30px;
    padding: 5px;
}
input[type="checkbox"],
input[type="radio"] {
  padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
  -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
  -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  -moz-box-sizing:    content-box;
  box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #666;
  border: 1px solid #E8E8E8;
  border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 10px;
}
textarea {
  overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 3px;
  vertical-align: top; /* Improves readability and alignment in all browsers */
  width: 100%;
}


/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

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

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar */
}

/* Clearing */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: '';
  display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/* =Content
----------------------------------------------- */

.hentry {
  margin: 0 0 1.5em;
}
.byline,
.updated {
  display: none;
}
.single .byline,
.group-blog .byline {
  display: inline;
  margin-right: 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
#content {
  margin-bottom: 40px;
}
/* =Post styling
----------------------------------------------- */

.nav-links {
	font-size: 14px;
}

.entry-content {
	margin-top: 30px;
	margin-bottom: 30px;
}

.entry-meta {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 7px;
}

.entry-meta a {
  font-size: 13px;
}
#main .page-header {
  margin-top: 20px;
}

.page-header {
	border-top: 2px solid #1fa67a;
	border-bottom: 0;
	padding: 0;
}

.entry-meta a {
  color: #000000;
}

.entry-meta a:hover {
  color: #1fa67a;
}

.entry-meta .fa {
  font-size: 14px;
  margin-right: 3px;
  color: #1FA67A;
}
.entry-meta span {
  margin-right: 10px;
}
.entry-title {
  font-size: 32px;
  color: #444;
}
.entry-title a {
  color: #444;
}
.entry-title a:hover {
  color: #1fa67a;
}
.btn.btn-default.read-more {
  float: right;
  border: 1px solid #E8E8E8;
  color: #1FA67A;
  background-color: transparent;
  margin-top: 10px;
}
.btn.btn-default.read-more:hover {
  color: #FFF;
  background-color: #1FA67A;
}
.search .btn.btn-default.read-more {
  float: none;
}
hr.section-divider {
  border-color: #E8E8E8;
  margin-top: 50px;
  margin-bottom: 50px;
}

hr {
	border: 0;
}

/* =Singe Post/Page Pagination
----------------------------------------------- */
.page-links span {
  display: inline-block;
  color: #fff;
  background-color: #1FA67A;
  border-radius: 4px;
  padding: 2px 10px;
  margin-left: 2px;
}
.page-links a span {
  background-color: inherit;
  border: 1px solid #E8E8E8;
  color: #1FA67A;
  -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
       -o-transition: all 0.2s;
          transition: all 0.2s;
}
.page-links a:hover span {
  background-color: #1FA67A;
  border: 1px solid #1FA67A;
  color: #fff;
}
/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

/* =Media
----------------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.wp-caption {
  border: 1px solid #ccc;
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
}
.wp-caption-text {
  text-align: center;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
.site-main .gallery {
  margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-main .gallery a img {
  border: none;
  height: auto;
  max-width: 90%;
}
.site-main .gallery dd {
  margin: 0;
}
.site-main .gallery-columns-4 .gallery-item {
}
.site-main .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%;
}

/* =Widgets
----------------------------------------------- */

.widget {
  margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
  max-width: 100%;
}

/* Recent Post widgets */
.popular-posts-wrapper .post {
  float: left;
  clear: both;
  margin-bottom: 20px;
}
.popular-posts-wrapper .post .post-image {
  width: 60px;
  height: 60px;
  float: left;
  display: block;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #DADADA;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.popular-posts-wrapper .post .post-image img {
  border-radius: 4px;
  opacity: 1;
  -webkit-transition: opacity  0.5s;
     -moz-transition: opacity  0.5s;
       -o-transition: opacity  0.5s;
          transition: opacity  0.5s;
}
.popular-posts-wrapper .post .post-image img:hover {
  opacity: 0.6 !important;
}
.popular-posts-wrapper .post .post-content {
  margin-left: 80px;
}
.widget .post-content > span {
  display: block;
}
#secondary .widget .post-content a {
  color: #000000;
  font-weight: 700;
}
#secondary .widget .post-content a:hover {
  color: #1FA67A;
}
.widget .post-content span {
    font-size: 12px;
}
.tagcloud {
  margin-top: 25px;
}
.tagcloud a {
  padding: 8px 8px;
  margin-right: 4;
  margin-bottom: 6px;
  line-height: 100%;
  display: inline-block;
  color: #FFF !important;
  background-color: #1FA67A;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 14px !important;
}
.tagcloud a:hover {
  background-color: #18815f;
  border-color: #18815f;
}

/* Search widget */
.widget_search .search-submit {
  display: none;
}
.widget > ul > li,
li.recentcomments {
  border-bottom: 1px solid #EEE;
  position: relative;
  display: block;
  padding: 10px 0;
}
.widget ul li {
    list-style: none;
}
.widget ul {
    padding: 10px 10px;
}
.widget-title {
	border-top: 2px solid #1fa67a;
	padding-top: 20px;
}
.widget ul.nav.nav-tabs {
  padding: 0;
}
.tab-content ul li {
  list-style: none;
}
#secondary .widget_archive ul li:before,
#secondary .widget_categories ul li:before,
#secondary .widget_recent_comments ul li:before {
  font-family: fontawesome;
  margin-right: 10px;
}
#secondary .widget_archive ul li:before {
  content: '\f073';
}
#secondary .widget_categories ul li:before {
  content: '\f115';
}
#secondary .widget_recent_comments ul li:before {
  content: '\f0e5';
}
.tab-content .tab-thumb {
  float: left;
  margin-right: 8px;
  padding-top: 5px;
  float: left;
  line-height: 0px;
  width: 60px;
  height: 60px;
}
.tab-content li {
  overflow: hidden;
  list-style: none;
  border-bottom: 1px solid #f0f0f0;
  margin: 0 0 8px;
  padding: 0 0 6px;
}
.tab-content .tab-entry {
  display: block;
}
.tab-content > .active {
  border: 1px solid #E8E8E8;
  border-top: none;
}
.tab-content ul li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.tab-content .tab-entry {
  font-size: 14px
}
.tab-comment {
  font-size: 18px;
  padding: 0 10px;
}
.nav-tabs > li > a {
  border-bottom-color: transparent;
  text-transform: uppercase;
}
.tab-content i {
  font-size: 12px;
}
.tab-thumb.thumbnail {
  margin-bottom: 5px;
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.tab-content #messages li:before {
  content: '\f0e5';
  font-family: fontawesome;
  float: left;
  padding-right: 10px;
  font-size: 20px;
  color: #1FA67A;
}

/* =Buttons
----------------------------------------------- */
.btn-default, .label-default {
  background-color: #1FA67A;
  border-color: #1FA67A;
}
.btn-default:hover, .label-default[href]:hover, .label-default[href]:focus, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, #image-navigation .nav-previous a:hover, #image-navigation .nav-next a:hover {
  background-color: #1b926c;
  border-color: #1b926c;
}
.btn.btn-default {
    color: #FFF;
}
/* =Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
  display: block;
}
#infinite-handle span {
  display: block;
  text-align: center;
  font-size: 18px;
  margin-bottom: 20px;
  border-radius: 4px;
  padding: 12px;
  background: transparent;
  border: 1px solid #E8E8E8;
  color: #1FA67A;
  -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
       -o-transition: all 0.2s;
          transition: all 0.2s;
}
#infinite-handle span:hover {
  background-color: #1FA67A;
  color: #fff;
}
.woocommerce #infinite-handle {
    display: none;
}
.woocommerce div.product form.cart .variations label {
  color: #6B6B6B;
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 8px;
}

/* =Custom Styles
----------------------------------------------- */
.site-branding {
  margin-top: 20px;
  margin-bottom: 20px;
}
.site-description {
  color: #777;
  font-weight: 200;
  font-size: 16px;
}
.page-template-page-homepage-php .carousel {
  margin-top: -20px;
  margin-bottom: 20px;
}

/* =Navigation
----------------------------------------------- */

.site-main [class*="navigation"] a,
.more-link {
  border: 1px solid #E8E8E8;
  padding: 6px 12px;
  border-radius: 4px;
  display: block;
}
.site-main [class*="navigation"] a:hover,
.more-link:hover {
  color: #fff;
  background: #1FA67A;
  text-decoration: none;
}
.more-link {
  float: right;
  margin: 10px 0;
}
.site-main [class*="navigation"] {
  margin: 0 0 1.5em;
  overflow: hidden;
}
[class*="navigation"] .nav-previous {
  float: left;
}
[class*="navigation"] .nav-next {
  float: right;
  text-align: right;
}
.navbar.navbar-default {
  background-color: #fff;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: -2px;
}
.navbar-default .navbar-nav > li > a {
  color: #000;
}

.nav>li>a {
	padding: 25px 0px 3px 0px;
}
.navbar-nav>li {
	padding-left: 20px;
}


.navbar > .container .navbar-brand {
  color: #1FA67A;
  font-size: 24px;
  margin: 8px 0;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  border-right: none;
  border-left: none;
}
.navbar {
  border-radius: 0;
}
.navbar-default {
  border: none;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  color: #000;
  border-bottom: 2px solid #1FA67A;
  background: none;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #000;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.dropdown-menu > li > a {
  padding: 14px 20px;
  color: #000;
}
.dropdown-menu,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  border: none;
}
.dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a {
  background-color: #1FA67A;
  color: #fff;
}

.dropdown-menu .divider {
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar-nav > li > .dropdown-menu {
  padding: 0;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.nav.navbar-nav {
  height: 66px;
  float: right;
  padding-top: 10px;
}
@media (max-width: 480px) {
  .nav.navbar-nav {
    float: none;
  }
}
/* =Comments
----------------------------------------------- */

#vk_comments {
	margin-bottom: 40px;
}

.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
}
#respond {
  background-color: transparent !important;
  box-shadow: none !important;
  padding: 0px !important;
}
#respond > p, #respond p.comment-notes, p.logged-in-as {
  margin-bottom: 10px;
}
p.logged-in-as {
  padding-bottom: 0px;
}
.comment-list {
  margin-bottom: 40px !important;
  margin-left: 0px !important;
  padding-left: 0;
}
.comment .comment-body {
  background-color: #ffffff;
  margin: 0;
  overflow: hidden;
  padding: 25px;
  margin-top: 2em;
  padding-left: 116px;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0);
  border-color: #E8E8E8;
  border-radius: 4px;
}
.comment-list .children {
  margin-left: 0px!important;
  padding-left: 40px;
  border-left: 1px solid #E8E8E8;
  background-repeat: no-repeat;
  background-position: left 20px;
}
.comment-list li.comment > div img.avatar {
  position: absolute;
  left: 29px;
  top: 29px;
}
#comment-form-title {
  font-size: 24px;
  padding-bottom: 10px;
}
.vcard .avatar {
  position: absolute;
  left: 29px;
  top: 29px;
}
.comment-metadata {
  font-size: 11px;
  line-height: 16px;
  margin-bottom: 10px;
}
.comment-reply-link {
  float: right;
}
.form-allowed-tags code {
  word-wrap: break-word;
  white-space: inherit;
}
.comment-respond label {
  display: block;
  font-weight: normal;
}
.comment-respond .required {
  color: #C7254E;
}


/* =Attachment styling
----------------------------------------------- */
#image-navigation .nav-previous a,
#image-navigation .nav-next a{
  padding: 5px 20px;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  display: block;
}
#image-navigation .nav-previous a:hover,
#image-navigation .nav-next a:hover{
  background-color: #1FA67A;
  color: #fff;
}
#image-navigation .nav-previous,
#image-navigation .nav-next {
  margin: 10px 0;
}

/* =Footer
----------------------------------------------- */

.footer-links-container {
	width: 100%;
}

#footer-area {
  background-color: #313233;
  color: #CCC;
  font-size: 12px;
}
#footer-area a {
  color: #ccc;
}
#footer-area .footer-widget-area {
  padding: 40px 0 20px 0;
  overflow: hidden;
}
#footer-area ul li {
  border-bottom: 1px solid #444;
}
#footer-area .site-info nav ul li {
  border-bottom: none;
}
#footer-area .tab-content > .active {
  border: none;
}
#footer-area .nav-tabs > li.active > a, #footer-area .nav-tabs > li.active > a:hover, #footer-area .nav-tabs > li.active > a:focus {
  background-color: transparent;
}
#footer-area .tab-content .tab-entry {
  font-size: inherit;
}
#footer-area .widgettitle {
  font-size: 18px;
  color: inherit;
  margin-top: 0px;
}
#footer-area #social ul li {
  border-bottom: none;
}
#footer-area .widget ul li {
  padding: 10px 0;
  list-style: none;
}
.footer-nav.nav > li {
  position: relative;
  display: inline-table;
}
.footer-nav.nav {
  float: left;
  margin-bottom: 2px;
}
.copyright {
  margin-top: 10px;
  float: right;
  text-align: right;
}
#colophon {
  padding: 5px 0 30px;
  border-top: 1px solid #E8E8E8;
}
.site-info a {
  color: #777;
}
.site-info a:hover {
  color: #000;
}
#footer-area a:hover {
  color: black;
}
.site-info {
  color: #000;
  font-size: 12px;
}
.footer-nav.nav > li > a:hover {
    background-color: transparent;
}
.scroll-to-top {
  background: #3B3B3B;
  background: rgba(0, 0, 0, 0.4);
  color: #FFF;
  bottom: 4%;
  cursor: pointer;
  display: none;
  position: fixed;
  right: 20px;
  z-index: 999;
  font-size: 24px;
  padding: 5px 17px;
  border-radius: 4px;
  -webkit-transition: background-color 0.1s linear;
     -moz-transition: background-color 0.1s linear;
       -o-transition: background-color 0.1s linear;
          transition: background-color 0.1s linear;
}
.scroll-to-top:hover {
  background: #1FA67A;
  opacity: .8;
}

/* =Mobile Styling
----------------------------------------------- */

@media (max-width: 768px) {
  .pull-right {
    float: none !important;
  }
  .pull-left {
    float: none !important;
  }
  .site-info, .copyright {
      text-align: center;
  }
  .footer-nav.nav, .copyright {
    float: none;
  }
  .flex-caption {
    display: none;
  }
  .navbar > .container .navbar-brand {
    margin: 0;
  }
  .navbar-default .navbar-nav > li > a {
    line-height: 20px;
    padding: 15px 10px;
  }
}

/* =Social icons
----------------------------------------------- */


#vk_groups {
	padding-top: 10px;
}

.socialposticons {
	padding-top: 20px;
	padding-bottom: 10px;
}

.top-bar {
    border-bottom-color: #E8E8E8;
}
#social a {
    font-size: 32px;
    margin: 6px;
    color: #E8E8E8;
}
#social {
    top: 0;
    position: relative;
    text-align: center;
}
#social ul li {
  list-style: none;
  display: inline-block;
  padding: 0 10px;
}
#social ul {
  margin-bottom: 0;
  padding: 0;
}
#social li a span {
  display: none;
}
.fa-googleplus:before {
  content: "\f0d5";
}
#social li,
#social ul {
    border: 0!important;
    list-style: none;
    padding-left: 0
}
#social li a[href*="twitter.com"] .fa:before,
.fa-twitter:before {
    content: "\f099"
}
#social li a[href*="facebook.com"] .fa:before,
.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a"
}
#social li a[href*="github.com"] .fa:before,
.fa-github:before {
    content: "\f09b"
}
#social li a[href*="/feed"] .fa:before,
.fa-rss:before {
    content: "\f09e"
}
#social li a[href*="pinterest.com"] .fa:before,
.fa-pinterest:before {
    content: "\f0d2"
}
#social li a[href*="plus.google.com"] .fa:before,
.fa-google-plus:before {
    content: "\f0d5"
}
#social li a[href*="linkedin.com"] .fa:before,
.fa-linkedin:before {
    content: "\f0e1"
}
#social li a[href*="youtube.com"] .fa:before,
.fa-youtube:before {
    content: "\f167"
}
#social li a[href*="instagram.com"] .fa:before,
.fa-instagram:before {
    content: "\f16d"
}
#social li a[href*="flickr.com"] .fa:before,
.fa-flickr:before {
    content: "\f16e"
}
#social li a[href*="tumblr.com"] .fa:before,
.fa-tumblr:before {
    content: "\f173"
}
#social li a[href*="dribbble.com"] .fa:before,
.fa-dribbble:before {
    content: "\f17d"
}
#social li a[href*="skype.com"] .fa:before,
.fa-skype:before {
    content: "\f17e"
}
#social li a[href*="foursquare.com"] .fa:before,
.fa-foursquare:before {
    content: "\f180"
}
#social li a[href*="vimeo.com"] .fa:before,
.fa-vimeo-square:before {
    content: "\f194"
}
#social li a[href*="spotify.com"] .fa:before,
.fa-spotify:before {
    content: "\f1bc"
}
#social li a[href*="soundcloud.com"] .fa:before,
.fa-soundcloud:before {
    content: "\f1be"
}

@media (max-width: 992px) {
  .site-branding {
    text-align: center;
  }
  #social {
    top: 0;
    float: none;
    text-align: center;
  }
  .side-pull-left .main-content-inner, .side-pull-right .main-content-inner{
    float: none;
  }
}

/* =Call For Action
----------------------------------------------- */

.cfa{
  padding: 30px 0px;
  background: #1FA67A;
  text-align: center;
  overflow: hidden;
}
.cfa-text{
  font-size: 22px;
  color: #fff;
  display: block;
  padding-top: 10px;
}
.cfa-button {
  background-color: transparent;
  color: #fff;
  padding: 15px 30px;
  border-color: #fff;
}
.cfa-button a,
.cfa-button a {
  color: #fff;
}
.cfa-button:hover {
    background-color: #fff;
    color: #1FA67A;
}
.cfa-button:hover a {
    color: #1FA67A;
}
/* Layout */
.side-pull-left #primary{
    float: left;
}
.side-pull-right #primary{
    float: right;
}
.no-sidebar #secondary, .full-width #secondary{
    display: none;
}
.no-sidebar #primary{
    float: none;
    margin: 0 auto;
}
.full-width #primary{
    width: 100%;
}

.main-image {width: 100%; height: 472px;}


/* ============= Featured Box ============== */
.feature-box-main{margin-top:10px; margin-bottom:25px;}
.feature-box{ width:211px; min-height:200px; margin:0 19px 0 0; float:left; border:1px solid #ebeaea; color:#000000; transform:scale(1); }
.feature-box .feature-title{ margin: 5px 0; text-transform:capitalize; padding:0px 10px; font:400 20px 'Open Sans',san-serif; color:#1FA67A;}
.feature-box .feature-content{ line-height:20px; padding:0px 10px; margin-bottom:15px;}
.feature-box .feature-content p{ color:#000;}

.1box { margin:0 19px 0 0;  }
.2box { margin:0 19px 0 0;  }
.3box { margin:0 19px 0 0;  }
.last { margin:0 0 0 0; }

.scontainer {padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px)
{.scontainer{width:750px}}@media (min-width:992px)
{.scontainer{width:970px}}@media (min-width:1200px)
{.scontainer{width:950px}}


.image-box { display: block; width: 265px; height: 140px; margin: 0 0 20px 0;}
.ref-more { display: block; border: 1px solid #1FA67A; border-radius: 4px; color: #1FA67A; font-weight: 600; background-color: #fff; text-align: center; padding: 9px 16px 11px; margin: 0 10px 20px; -webkit-transition: 0.3s linear; transition: 0.3s linear;}
.ref-more:hover { background-color: #1FA67A; color: #fff;}


		.navbar-collapse {	
			height: 310px;
		}
		
		

		/*header-logo*/
		#logo {
			position: absolute;
			top: 25px;
                        max-width: 200px;	
		}


		/*image-banner*/
		.wrapper1 {
			position: relative;
			width: 1050px;
			margin: 15px auto 0px auto;
		}

		.header_img_banner {
		display: block;
		width: 100%;
		height: 500px;
		background: url(http://drozhennikov.com/wp-content/uploads/2020/05/course-banner.jpg) top center no-repeat;
		}

		/* header image */
		.header_img {
		width: 100%;
		height: 500px;
		background: url(http://drozhennikov.com/wp-content/uploads/2020/05/n2visual.png) top center no-repeat;
		background-size: cover;
		}
		
		@media (max-width: 480px) {	
	
		}
		
		@media (max-width: 320px) {
		.header_img {
		width: 320px;
		}
		}
		
		.wrapper {
		padding-left: 15px;
		position: relative;
		width: 960px;
		margin: 0 auto;
		}
		
		@media (max-width: 480px) {
		.wrapper {
		width: 100%;
		}
		}

		.sub_text {
			position: absolute;
			top:50px;
			left:10px;
			text-transform: uppercase;
			font: 30px/38px 'Open Sans', san-serif;
			color: #ffffff;
			width:750px;
		}
		
		@media (max-width: 480px) {
		.sub_text {
			top: 40px;
			left: 0;
			width: 375px;
			text-align: center;
			font: 28px/32px 'Open Sans', san-serif;
		}
		}
		
		@media (max-width: 320px) {
		.sub_text {
		width: 320px;
		}
		}
			
				.sub_text div {
					margin-bottom: 2px;
					padding: 0 12px 2px 12px;
					width:700px;
					font: 28px/28px 'Open Sans', san-serif;
				}
				
				@media (max-width: 480px) {
				.sub_text div {
					width:375px;
					padding: 0;
				}
				}
				
				@media (max-width: 320px) {
				.sub_text div {
				width: 320px;
				}
				}

				.sub_green {
					color:#74b137;
					font-weight: 700; 
				}


		.sub_text2 {
			position: absolute;
			top:240px;
			left:30px;
			font: 18px/20px 'Open Sans', san-serif;
			color: #ffffff;
		}
		
		@media (max-width: 480px) {
		.sub_text2 {
			top: 240px;
			left: 40px;
			text-align: center;
			font: 16px/10px 'Open Sans', san-serif;
		}
		}
		
		@media (max-width: 320px) {
		.sub_text2 {
		width: 320px;
		left: 0px;
		}
		}
		
					.sub_text2 p {
						padding-left: 9px;
						padding-bottom: 1px;
					}
					
					.just_now {
						font: 22px/20px 'Open Sans', san-serif;
					}
					
					@media (max-width: 480px) {
					.just_now {
						font: 18px/8px 'Open Sans', san-serif;
					}
					}

					.sub_red {
						color:#c31616;
					}

			.enter_name {
				position: absolute;
				left:30px;
				top:360px;
				font:700 11px 'Open Sans', san-serif;
				text-transform: uppercase;
				color: #fff;
				padding: 1px 6px 1px 6px;
			}
			
			@media (max-width: 480px) {
			.enter_name {
				display: none;
			}
			}

			.main_form {
				width: 840px;
				padding:8px 0px 8px 24px;
				position:absolute;
				left:0px;
				top:375px;
			}
			
			@media (max-width: 480px) {
			.main_form {
				width: 375px;
				top: 310px;
				padding: 0;
			}
			}
			
			@media (max-width: 320px) {
			.main_form {
			width: 320px;
			}
			}
		
			.main_form input[type=text] {
						width: 220px;
						background: #fff;
						border: 1px solid #e4e4e4;
						padding: 10px 18px;
						font: 20px 'Open Sans', san-serif;
						margin-right: 15px;
						color:#808080;
					}
					
					@media (max-width: 480px) {
					.main_form input[type=text] {
					    width: 375px;
						padding: 14px 18px;
						margin: 0;
						text-align: center;
					}
					}
					
					@media (max-width: 320px) {
					.main_form input[type=text] {
					width: 320px;
					}
					}

					.main_form button[type=submit] {
						background: #1a1a1a;
						cursor: pointer;
						font: 700 20px 'Open Sans', san-serif;
						text-transform: uppercase;
						color: #ffffff;
						text-shadow: 1px 1px 1px rgba(0,0,0,.0001);
						border: 0;
						padding: 10px 31px;
						margin-bottom: 9px;
						height: 49px;
						border-radius: 5px;
						-webkit-transition: 0.3s linear;
						transition: 0.3s linear;
					}
					
					@media (max-width: 480px) {
					.main_form button[type=submit] {
						font: 700 25px 'Open Sans', san-serif;
						height: 64px;
						width: 375px;
					}
					}
					
					@media (max-width: 320px) {
					.main_form button[type=submit] {
					width: 320px;
					}
					}

					
					input, textarea {
						outline: none;
					}
					
					.main_form  input[type=submit]:hover {
						background-color: #18815f;
					}
		
					
	/*Handmade Pages*/
		/*Contacts Page*/
		
		.contacts-main-block {
			margin: 0 20px;
			overflow: hidden;
		}
		
		.contacts-message {
			width: 600px;
			height: 620px;
			border: 1px dotted #d7d7d7;
			margin: 0 0 40px;
			padding: 15px 25px;
			float: left;
			overflow: hidden;
			box-sizing: border-box;
		}
		
		.contacts-message h1 {
			text-align: center;
		}
		
		.contacts-message p {
			text-align: center;
		}
		
		.contacts-info {
			width: 360px;
			height: 620px;
			padding: 180px 25px;
			border: 1px dotted #d7d7d7;
			float: right;
		}
		
		.contacts-info h4 {
			display: block;
			text-align: center;
			margin: 15px auto;
		}
		
		.contacts-info a {
			display: block;
			color: #5b7fa6;
			text-align: center;
			margin: 15px auto;
		}
		
		.contacts-info a:hover {
			color: #3498db;
		}
		
		
		/* CONTANCT FORM 7 */
		
		textarea.wpcf7-textarea {
			height: 170px;
		}
		
		/*
		.contacts-name {
			display: inline-block;
			width: 176px;
			float: left;
			margin-bottom: 15px;
			margin-top: 10px;
		}
		
		.contacts-email {
			display: inline-block;
			width: 176px;
			float: left;
			margin-left: 10px;
			margin-right: 10px;
			margin-bottom: 15px;
			margin-top: 10px;
		}
		
		.contacts-subject {
			display: inline-block;
			width: 176px;
			float: left;
			margin-bottom: 15px;
			margin-top: 10px;
		}
		*/
		
		.wpcf7-form-control {
			display: block;
			width: 100%;
			height: 34px;
			padding: 6px 12px;
			font-size: 14px;
			line-height: 1.42857143;
			color: #555;
			background-color: #fff;
			background-image: none;
			border: 1px solid #ccc;
			border-radius: 4px;
			-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
			box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
			-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
			-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
			transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		}
		
		div.wpcf7-response-output {
			margin: 0em 0.5em 2em;
			padding: 0.2em 1em;
		}
		
		/* CONTANCT FORM 7 - END */
		
		.pirate-forms-submit-button {
			-webkit-transition: 0.3s linear;
			transition: 0.3s linear;
			border-radius: 5px;
			padding: 8px 18px;
			border: none;
			outline: none;
			color: #fff;
			background-color: #1fa67a;
			margin-left: 15px;
			display: block;
			width: 216px;
			height: 48px;
			font-family: 'Open Sans',san-serif;
			color: #fff;
			font-size: 16px;
			border-bottom: 3px solid #1A8A65;
		}
		
		.pirate-forms-submit-button:hover {
			color: #FFF;
			background-color: #18815f;
		}
		
		.social-groups {    
			width: 750px;
			height: 400px;
			margin: 10px auto 10px;
		}
		
		.fb-group {
			float: right;
		}
		
		.vk-group {
			float: left;
		}
		
		#vk_groups {
			padding: 0;
		}
		
		
		/*---Studying Page---*/
		
		.studying {
			width: 100%;
		}
		
		.studying hr {
			width: 200px;
			border-top: 3px solid #1fa67a;
			margin-top: 0px;
			margin-bottom: 10px;
		}
		
		.studying h2 {
			margin-bottom: 7px;
		}
		
		.study-header, .books, .masterclasses, .seminars, .longlife-school, .сoaching {
			text-align: center;
		}
		
		.study-header h1 {
			color: #1fa67a;
			font-size: 38px;
			font-weight: 700;
		}
		
		.study-header hr {
			width: 50px;
			border-top: 2px solid #1fa67a;
			margin: 20px auto 10px;
		}
		
		.study-header p {
			padding-top: 15px;
			color: #1FA67A;
			font-size: 22px;
			font-weight: 500;
		}
		
		.study-header {
			width: 100%;
			height: 305px;
			background-image: url(images/studying.jpg);
			background-position: top center;
			background-repeat: no-repeat;
			background-size: cover;
			margin: 0;
			padding: 0;
			margin: 10px 0px;
			padding: 30px;
		}
		
		/*Books-BOX*/
		
		.books h2 {
			margin-top: 60px;
		}
		
		.books-box {
			border: 1px solid #b8b8b8;
			width: 600px;
			height: auto;
			margin: 0px auto;
			overflow: hidden;
			position: relative;
		}
		
		.link-books {
			display: inline-block;
			padding: 10px;
			float: left;
		}
			
		.preview-books {
			width: 410px;
			height: 100%;
			display: inline-block;
			box-sizing: border-box;
			padding: 17px;
			text-align: left;	
			float: right;
		}
		
		.preview-books h1 {
			margin: 0 0 10px;
			font-size: 20px;
			font-weight: 600;
		}
		
		.preview-books p {
			font-size: 12px;
			text-align: left;
			margin: 0;
		}
		
		.price {
			display: inline-block;
			float: left;
			color: #1fa67a;
			font-size: 14px;
			font-weight: 600;
			padding: 3px 0px 0px;
		}
		
		.price p {
			font-size: 14px;
		}
		
		.btm-books-box {
			display: inline-block; 
			border-radius: 4px; 
			color: #fff; 
			font-weight: 600; 
			background-color: #fff; 
			text-align: center; 
			padding: 4px 40px; 
			-webkit-transition: 0.3s linear; 
			transition: 0.3s linear;
			background-color: #FD4F3F;
			border-bottom: 3px solid #F1230D;
			float: right;
			font-size: 16px;
			margin: 10px 0px 0px;
		}
		
		.btm-books-box:hover {
			color: #fff; 
			background-color: #FF988D;
			border-bottom: 3px solid #FF7263;
		}
		
		/*Masterclasses-BOX*/
		.masterclasses-box {
			box-sizing: border-box;
			border: 2px solid #1fa67a;
			width: 300px;
			height: 150px;
			margin: 0px auto;
		}		
		
		/*Seminars-BOX*/
		.seminars-box {
			box-sizing: border-box;
			border: 2px solid #1fa67a;
			width: 300px;
			height: 150px;
			margin: 0px auto;
		}
		
		/*Coaching-BOX*/
		.сoaching-box {
			border: 1px solid #b8b8b8;
			width: 952px;
			height: auto;
			margin: 0px auto;
			overflow: hidden;
			position: relative;
		}
		
		.preview-сoaching {
			padding: 10px 180px 10px;
		}		
		
		.сoaching-box h1 {
			text-align: center;
			font-size: 30px;
			font-weight: 600;
		}
		
		.сoaching-box p {
			font-size: 14px;
			text-align: center;
		}
		
		.btm-сoaching-box {
			display: inline-block; 
			border-radius: 4px; 
			color: #fff; 
			font-weight: 600; 
			background-color: #fff; 
			text-align: center; 
			padding: 10px 40px; 
			-webkit-transition: 0.3s linear; 
			transition: 0.3s linear;
			background-color: #FD4F3F;
			border-bottom: 3px solid #F1230D;
			font-size: 16px;
			margin: 10px 0px;
		}
		
		.btm-сoaching-box:hover {
			color: #fff; 
			background-color: #FF988D;
			border-bottom: 3px solid #FF7263;
		}
		
		.btn_reg_cloose {
		cursor: default;
		display: inline-block;
		border-radius: 4px;
		color: #fff;
		font-weight: 600;
		background-color: #fff;
		text-align: center;
		padding: 10px 131px;
		background-color: #6F8F8A;
		font-size: 16px;
		margin: 10px 0px;
		}
		
		.btn_reg_cloose:hover {
			color: #fff; 
		}
		
		/*
		.step-1 {
			color: #fff;
			background: #4da6ff;
			display: inline-block;
			border: 2px inset #1fa67a;
			box-sizing: border-box;
			width: 267px;
			height: 150px;
			margin: 10px 26px;
			float: left;
		}
		
		.step-2 {
			color: #fff;
			background: #ffff00;
			display: inline-block;
			border: 2px inset #1fa67a;
			box-sizing: border-box;
			width: 267px;
			height: 150px;
			margin: 10px 26px;
			float: left;
		}
		
		.step-3 {
			color: #fff;
			background: #339966;
			display: inline-block;
			border: 2px inset #1fa67a;
			box-sizing: border-box;
			width: 267px;
			height: 150px;
			margin: 10px 26px;
			float: left;
		}
		
		.step-4 {
			color: #fff;
			background: #9900cc;
			display: inline-block;
			border: 2px inset #1fa67a;
			box-sizing: border-box;
			width: 267px;
			height: 150px;
			margin: 10px 26px;
			float: left;
		}
		
		.step-5 {
			color: #fff;
			background: #ff0000;
			display: inline-block;
			border: 2px inset #1fa67a;
			box-sizing: border-box;
			width: 267px;
			height: 150px;
			margin: 10px 26px;
			float: left;
		}
		
		.longlife-school {
			width: 960px;
			height: auto;
			display: block;
			margin: 70px auto 57px;
		}
		
		.last-steps {
			margin: 0 160px;
		}
		
		
		.step-1-link { 
			display: block; 
			border-radius: 4px; 
			color: #fff; 
			font-weight: 600; 
			background-color: #fff; 
			text-align: center; 
			padding: 9px 16px 11px; 
			margin: 0 30px 20px; 
			-webkit-transition: 0.3s linear; 
			transition: 0.3s linear;
			background-color: #FD4F3F;
			border-bottom: 3px solid #F1230D;
		}
		
		.step-1-link:hover {
			color: #fff; 
			background-color: #FF988D;
			border-bottom: 3px solid #FF7263;
		}
		
		*/
		
		/*---Studying Page-END---*/
		
		.contacts-message-btn {
			-webkit-transition: 0.3s linear;
			transition: 0.3s linear;
			border-radius: 5px;
			padding: 8px 18px;
			border: none;
			outline: none;
			color: #fff;
			background-color: #1fa67a;
			display: block;
			width: 216px;
			height: 48px;
			font-family: 'Open Sans',san-serif;
			color: #fff;
			font-size: 16px;
			border-bottom: 3px solid #1A8A65;
		}
		
		.contacts-message-btn:hover {
			background-color: #18815f;
		}
		
		/*---MyStory-Page---*/
		
		.mystory h1 {
			text-align: center;
			font-size: 28px;
			margin: 0px 0px 14px 0px;
		}
		
		/*---MyStory-Page-END---*/
		
		/*---LIKES---*/
		.soc-likes {
			height: 24px;
			margin: 20px 0;
		}