/*
Theme Name: sgpb92
Theme URI: http://underscores.me/
Author: Oganesov Levon
Author URI: https://r3d2.ru
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sgpb92
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

sgpb92 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

@import 'css/styles.min.css';

body {
    background-color: #fff;
}

.wp-caption,
.wp-caption-text,
.sticky,
.screen-reader-text,
.gallery-caption,
.bypostauthor,
.alignright,
.alignleft,
.aligncenter {
	margin: 0;
}

#ui-datepicker-div {
	display: none;
}

#sub-header a {
    color: #333;
}

#sub-header a:hover {
    color: #82b965;
}

#blog-navigation li span.page-numbers.current {
	display: block;
    width: 45px;
    height: 45px;
    font-size: 14px;
    line-height: 43px;
    text-align: center;
    color: #333333;
    border: 2px solid #ffffff;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
}

#sidebar {}

#sidebar .widget {}

#sidebar .widget.widget_search {}

#sidebar .widget.widget_search .search-form {
    display: block;
}

#sidebar .widget.widget_search input[type="text"] {
    float: left;
    padding-left: 20px;
    width: 83.42857142857143%;
    height: 45px;
    background: #f4f4f4;
    font-size: 18px;
    color: #333333;
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    cursor: pointer;
}

#sidebar .widget.widget_search .search-btn {
    float: right;
    width: 12.857142857142856%;
    height: 45px;
    background: #82b965;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    color: #ffffff;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

#sidebar .widget.widget_tag_cloud {}

#sidebar .widget.widget_tag_cloud ul {}

#sidebar .widget.widget_tag_cloud ul li {}

#sidebar .widget.widget_tag_cloud a {
    display: block;
    margin: 0 10px 10px 0;
    padding: 7px 15px;
    background: #333333;
    font-size: 14px;
    color: #ffffff;
    float: left;
}

#sidebar .widget.widget_tag_cloud a:hover {
    background: #82b965;
}

#sidebar .widget #wp-calendar {
    width: 100%;
    position: relative;
}

#sidebar .widget #wp-calendar caption {
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #82b965;
    color: #fff;
    font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
}

#sidebar .widget #wp-calendar thead {
    background: #f5f5f5;
}

#sidebar .widget #wp-calendar thead th {
    line-height: 50px;
    color: #333;
    font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 12px;
}

#sidebar .widget #wp-calendar thead th:last-child {
    border-right: none;
}

#sidebar .widget #wp-calendar tbody {
    background: #f5f5f5;
}

#sidebar .widget #wp-calendar tbody a {
}

#sidebar .widget #wp-calendar tbody tr {
}

#sidebar .widget #wp-calendar tbody tr:last-child {
}

#sidebar .widget #wp-calendar tbody tr td {
    width: 44px;
    line-height: 50px;
    text-align: center;
    font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #808080;
}

#sidebar .widget #wp-calendar tbody tr td a {
    background: #e1e1e1;
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #808080;
    line-height: 30px;
    text-decoration: none;
}

#sidebar .widget #wp-calendar tfoot {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    position: absolute;
    top: 0;
    left: 0;
    font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
}

#sidebar .widget #wp-calendar tfoot tr {
    width: 100%;
    height: 50px;
    display: block;
}

#sidebar .widget #wp-calendar tfoot tr td {
    height: 50px;
}

#sidebar .widget #wp-calendar tfoot tr td a {
    height: 50px;
    line-height: 50px;
    color: #fff;
}

#sidebar .widget #wp-calendar tfoot tr td#prev {
    float: left;
}

#sidebar .widget #wp-calendar tfoot tr td.pad {
    display: none;
}

#sidebar .widget #wp-calendar tfoot tr td#next {
    float: right;
}

#sidebar .widget ul {}

#sidebar .widget ul li {
    line-height: 40px;
}

#sidebar .widget.widget_regina_lite_recent_posts li:before,
#sidebar .widget.widget_regina_lite_categories li:before,
#sidebar .widget.widget_regina_lite_recent_comments li:before {
    font-size: 10px;
    margin-right: 10px;
    color: #82b965;
}

#sidebar .widget ul li a {
    color: #333;
}

#sidebar .widget ul li a:hover {
    color: #82b965;
}

#blog .post #post-navigation a[rel="prev"] {
    float: left;
}

#blog .post #post-navigation a[rel="prev"] span {
    margin-right: 10px;
}

#blog .post #post-navigation a[rel="next"] {
    float: right;
}

#blog .post #post-navigation a[rel="next"] span {
    margin-left: 10px;
}

#comments-list ul.comments li.comment p {
    margin: 0 0 20px;
    color: #808080;
}

#comments-list ul.comments li.comment ul.children {
    padding-left: 130px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

#respond {
    margin: 0 0 100px;
}

#respond .comment-form input[type="text"],
#respond .comment-form input[type="email"],
#respond .comment-form input[type="url"] {
    display: block;
    height: 40px;
    margin: 0 0 30px;
    width: 100%;
    padding-left: 20px;
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    background: none;
    border: 2px solid #ebebeb;
    outline: none;
    resize: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-appearance: none;
    appearance: none;
}
#respond .comment-form textarea {
    display: block;
    margin: 0 0 30px;
    padding-top: 20px;
}

#respond #button {
    display: inline-block;
    padding: 12px 35px;
    background: #82b965;
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    outline: none;
    border: none;
}

#respond #button:hover {
    background: #333333;
    color: #ffffff;
}

#header #logo {}

#header #logo:hover a span.logo-title {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    color: #82b965;
}

#header #logo a {
    width: 100%;
    float: left;
}

#header #logo a span {
    width: 100%;
    display: block;
    font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    float: left;
}

#header #logo a span.logo-title {
    line-height: 32px;
    font-weight: 700;
    font-size: 30px;
    color: rgb(51, 51, 51);
    text-transform: uppercase;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

#header #logo a span.logo-description {
    line-height: 16px;
    font-weight: 400;
    font-size: 14px;
    color: rgb(51, 51, 51);
}

.link-pages {
    margin-top: 50px;
}

.link-pages a {
    margin: 0 5px;
}

#sidebar .col-md-4 {
    position: static;
}

#sidebar .col-md-4 .morphsearch input[type="text"] {
    width: 100%;
    height: 160px;
    background: #fff !important;
    border: none;
    font-size: 70px;
    font-weight: bold;
    color: #333333;
}
.b-search {
    display: block;
    position: relative;
    float: right;
}
.b-search .search-form {
    display: block;
    position: relative;
}
.b-search .search-form .search-field {
    display: none;
    position: absolute;
    width: 300px;
    height: 48px;
    border: 0;
    border-bottom: 1px solid;
    color: #fff;
    right: 0;
    z-index: 10;
    background: #75a35c;
    padding-right: 60px;
}
.b-search .search-form .search-field::placeholder {
    color: #fff;
    background: #75a35c;
}

.b-search.open .search-form .search-field {
    display: block;
}
.b-search .search-form .btn-search {
    position: relative;
    display: block;
    color: #fff;
    z-index: 15;
}
.b-search .search-form .btn-search i {
    display: block;
    position: relative;
    text-align: center;
    padding: 16px;
    pointer-events: none;
}
.b-search .search-form .btn-search:hover {
     background: #75a35c;
}
#header #logo a img {
    width: auto;
    max-height: 80px;
}

#blog #related-posts {
    margin-bottom: 50px;
}

#blog #related-posts .post {
    margin-bottom: 0;
}

#blog #related-posts .owl-controls {
    margin-top: 15px;
}

#navigation {
    display: block;
    position: relative;
    z-index: 1;
}

.markup-format ul,
.markup-format ol {
    margin: 0;
    padding: 0;
    display: block;
    list-style-position: inside;
    float: none;
}

.markup-format ul li,
.markup-format ol li {
    margin: 0;
    padding: 0;
    float: none;
}

.markup-format ul {
    list-style-type: disc;
}

.markup-format ul li {}

.markup-format ul li ul {
    margin-left: 20px;
}

.markup-format ol {}

.markup-format ol li {}

.markup-format ol li ol {
    margin-left: 20px;
}

.markup-format img.alignright {
    float: right;
    margin: 0 0 1em 1em;
}

.markup-format img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}

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

.markup-format .alignright {
    float: right;
}

.markup-format .alignleft {
    float: left;
}

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

.markup-format .alignnone {
    max-width: 100% !important;
    height: auto;
}

.markup-format img {
    max-width: 100%;
    height: auto;
}

.markup-format table {
    width: 100%;
}

.markup-format table caption {
    color: #808080;
    margin-bottom: 10px;
    font-weight: 700;
}

.markup-format table thead {
    color: #808080;
}

.markup-format table thead th {
    padding-bottom: 5px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    text-align: center;
}

.markup-format table thead th:last-child {
    border-right: none;
}

.markup-format table tbody {
    color: #808080;
    text-align: center;
    font-size: 12px;
    font-weight: 300;
}

.markup-format table tbody a {
    font-weight: 700;
}

.markup-format table tbody tr {
    border-bottom: 1px solid #eee;
}

.markup-format table tbody tr:last-child {
    border-bottom: none;
}

.markup-format table tbody tr td {
    border-right: 1px solid #eee;
    padding: 7px;
}

.markup-format table tbody tr td:last-child {
    border-right: none;
}

.markup-format table tfoot {
    font-size: 14px;
    color: #808080;
}

.markup-format table tfoot #next {
    text-align: right;
}

.markup-format table a {
    color: #808080;
    text-decoration: underline;
}

.markup-format table a:hover {
    text-decoration: none;
}

.markup-format table td#prev {
    padding-top: 10px;
}

.markup-format table td#prev a {
    color: #808080;
}

.markup-format table td#next {
    padding-top: 10px;
}

.markup-format table td#next a {
    color: #808080;
}
#navigation ul li ul{
    display: none; position: absolute; top: 99%; left: 0;  background-color: #fff; padding: 5px 0; z-index: 100; min-width: 250px; max-width: 100%; z-index: 95;
}
#navigation ul li ul a{
    display: block; padding: 5px 10px;
}
    #navigation ul li ul a span{
        font-size: 14px;
    }
#navigation ul.main-menu > li{
   position: relative;
}
#navigation ul > li:hover ul{
    display: block;
}
#navigation ul.main-menu > li  ul li{
    margin-left: 0 !important; display: block !important; line-height: 1.1 !important; padding-bottom: 0;
}
#navigation ul.main-menu > li  ul li:hover {
    background: #c9dbc0;
}
#navigation ul.main-menu > li  ul li a span{
    line-height: 1 !important; font-size: 13px;
}
#sub-header .email-head, #sub-header .phone-head{
    display: block !important;
    line-height: 24px;
    padding-top: 6px;
}
#sub-header .email-head, #sub-header .phone-head a {
    color: #82b965;
}
#sub-header .email-head, #sub-header .phone-head a:hover {
    color: #333;
}
#logo{
    text-align: left;
}
#sub-header{
    padding-top: 20px;
}
#navigation, #header{
     padding: 0;
}

#navigation ul.main-menu > li, #header, #navigation ul.main-menu{
    line-height: 1.3 !important;
}
#cr_widget{
    text-align: left;
}

#special-version-container{
    padding-top: 40px;
}
.nc-icon-outline{
    vertical-align: top; line-height: 124px !important;
}
#top-version{
    background-color: #eaeaea; padding: 10px 0;
}
.popup{
    position: fixed; top: 30px; left: 50%; width: 400px; background-color: #fff; margin-left: -200px; z-index: 1000; display: none;
}
#mask{
    position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background-color: rgba(0,0,0,.6); display: none;
}
.inner-form{
    padding: 20px; position: relative;
}
    .inner-form .close{
        display: block; width: 20px; height: 20px; position: absolute; top: 0; right: 0; text-align: center; line-height: 20px;
    }
    .wpcf7-textarea{
        height: 100px;
    }
.mobile-nav-btn{
    line-height: 45px !important;
}
#home-text{
    text-align: left;
    word-break: break-word;
}
#page-header{
    background-position: 50% 0;
}
.post table{
    border: 1px solid #eee;
}
.post table td{
    font-size: 16px; color: #000;
}
.post table tr:nth-child(even){
    background-color: #EAEAEA;
}
.post table tr:first-child td{
    font-size: 20px;
}
.news-single .image{
    padding-top: 10px; 
}
#breadcrumbs{
    display: block; padding: 10px 0;
}

.breadcrumb {
    display: block;
    padding: 10px 0;
    position: relative;
}
.breadcrumb span{
    margin-right: 8px;
    font: bold 14px/20px Arial,Helvetica,sans-serif;
}

@media only screen and (max-width:1200px){
    #navigation ul li{
        padding: 0 !important;
        background-color: #82b965 !important;
    }
    #navigation ul li ul{
        position: relative; display: block;
    }
    #navigation ul.main-menu > li ul li a span{
        color: #fff;
    }
}