/*!
Theme Name: Graneo
Theme URI: http://underscores.me/
Author: WEB24
Author URI: https://web24.pro/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: graneo
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.

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

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap&subset=cyrillic');

body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	background: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 15px;
}
p {
	margin-bottom: 10px;
}
p:last-child {
	margin-bottom: 0;
}
a {
	color: #50a39c;
}
a:hover {
	color: #333;
}

header {
	position: relative;
	background: #454545;
	height: 70px;
	z-index: 99;
}
nav.navbar {
	padding: 0;
    display: block;
    position: relative;
    top: 35px;
}
nav.navbar .logo {
	float: left;
	width: 35%;
	background: #fff;
	height: 70px;
}
nav.navbar .logo img {
	width: auto;
	max-width: 300px;
	height: inherit;
	margin: 16px 30px;
}
.header-menu {
	position: relative;
	float: right;
    width: 65%;
    background: #77aeaa;
    height: 70px;
    padding-left: 80px;
}
.header-menu::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0;
    z-index: 2;
    border: 32px solid transparent;
    border-bottom: 38px solid white;
    border-left: 27px solid white;
}

main {
	padding: 70px 0 35px;
}
.home main {
	padding: 0;
}
.entry-header,
.page-header {
	margin-bottom: 35px;
	text-align: center;
}
.entry-header h1,
.page-header h1 {
	display: inline-block;
	color: #454545;
    margin: 0;
    font-size: 32px;
    font-weight: 400;
}
.entry-header h1:after,
.page-header h1:after {
	content: '';
    display: block;
    width: 80%;
    height: 2px;
    margin: auto;
    background: rgb(199,237,234);
    background: linear-gradient(270deg, rgba(199,237,234,1) 0%, rgba(119,174,170,1) 100%);
}


.overflow-none {
	overflow: inherit !important;
}
.section-title {
	margin-bottom: 20px;
}
.single-title h3 {
	color: #77aeaa;
    margin: 0;
    font-size: 36px;
    font-weight: 500;
}
.background-title {
	position: relative;
    background: #77aeaa;
    margin: -35px 0 0;
    padding: 14px 30px;
    height: 70px;
    z-index: 99;
}
.background-title h3 {
	font-size: 36px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0;
}
.background-title span {
	position: absolute;
    width: 50%;
    height: 70px;
    background: #fff;
    right: 0;
    top: 0;
}
.background-title span::after {
    content: '';
    position: absolute;
    left: -59px;
    top: 0;
    z-index: 2;
    border: 32px solid transparent;
    border-bottom: 38px solid #ffffff;
    border-right: 27px solid #ffffff;
}



.web24-services {

}
.service-item {
	display: block;
    margin: 0 10px;
}
.service-item-img {
	width: 100%;
    height: 260px;
    background-size: cover !important;
    background-position: center !important;
}
.service-item h3 {
	background: #77aeaa;
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    padding: 10px;
    text-transform: uppercase;
    min-height: 68px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.service-item:hover {
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	text-decoration: none;
}
.web24-services .slick-arrow {
	background: url(/wp-content/themes/graneo/images/arrow.png) no-repeat;
	background-position: 0 0;
    width: 32px;
    height: 100px;
    border: none;
    padding: 0;
    position: absolute;
    top: calc(50% - 50px);
    z-index: 99;
}
.web24-services .slick-prev {
    left: -32px;
}
.web24-services .slick-prev:hover {
	background-position: -32px 0px;
}
.web24-services .slick-next {
    right: -32px;
    transform: rotate(180deg);
}
.web24-services .slick-next:hover {
	background-position: -32px 0px;
}

.web24-icon-block {
	margin: 40px 0;
}
.web24-icon-block-item {
	display: flex;
    justify-content: center;
    align-items: center;
}
.web24-icon-block-item i {
	color: #77aeaa;
    font-size: 42px;
    margin-right: 15px
}
.web24-icon-block-item h4 {
	margin: 0;
    font-size: 20px;
    font-weight: 400;
    color: #222;
    max-width: 150px;
}

.about-text {
	font-size: 16px;
    color: #fff;
}
.about-text p {
	margin-bottom: 10px;
}
.about-text p:last-child {
	margin-bottom: 0;
}


.web24-last-news {

}
.web24-last-news-item {
	display: block;
    margin: 0 10px;
    text-align: center;
}
.web24-last-news-img {
	position: relative;
	width: 100%;
    height: 250px;
    background-size: cover !important;
    background-position: center !important;
}
.web24-last-news-date {
	background: #4e4e4ed6;
    position: absolute;
    bottom: 0;
    padding: 4px 10px;
    font-size: 18px;
    color: #77aeaa;
}
.web24-last-news-date:after {
	content: '';
    position: absolute;
    right: -34px;
    top: 0;
    z-index: 2;
    border: 17px solid transparent;
    border-bottom: 18px solid #4e4e4ed6;
    border-left: 17px solid #4e4e4ed6;
}
.web24-last-news-item h3 {
	padding: 10px 20px;
    margin: 0;
    font-size: 24px;
    text-align: center;
}
.web24-last-news-item a {
	background: #77aeaa;
    text-align: center;
    padding: 6px 10px;
    font-size: 18px;
    color: #fff;
    display: inline-block;
    min-width: 200px;
}
.web24-last-news-item a:hover {
	background: #498883;
	text-decoration: none;
}
.web24-last-news .slick-arrow {
	background: url(/wp-content/themes/graneo/images/arrow.png) no-repeat;
	background-position: 0 0;
    width: 32px;
    height: 100px;
    border: none;
    padding: 0;
    position: absolute;
    top: calc(50% - 100px);
    z-index: 99;
}
.web24-last-news .slick-prev {
    left: -32px;
}
.web24-last-news .slick-prev:hover {
	background-position: -32px 0px;
}
.web24-last-news .slick-next {
    right: -32px;
    transform: rotate(180deg);
}
.web24-last-news .slick-next:hover {
	background-position: -32px 0px;
}

.home-bottom {

}
.home-bottom h3 {
	color: #77aeaa;
    margin-bottom: 20px;
    font-size: 32px;
}
.home-bottom p {
	font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
}

.footer-social {
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
}
.footer-social li {
	display: inline-block;
    margin-right: 7px;
}
.footer-social li:last-child {
	margin-right: 0;
}
.footer-social li a {
	width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background: #77aeaa;
    border-radius: 50%;
    font-size: 18px;
}
.footer-social li a:hover {
	box-shadow: 0 1px 2px rgba(0,0,0,.45);
}
.footer-social li a.icon-fb:hover {
    background: rgb(58,87,155);
    background: linear-gradient(183deg, rgba(58,87,155,1) 0%, rgba(109,133,181,1) 100%);
}

.footer-social li a.icon-tg:hover {
    background: rgb(32,160,225);
	background: linear-gradient(98deg, rgba(32,160,225,1) 0%, rgba(26,130,183,1) 100%);
}


footer {
	position: relative;
	background: #2d2d2d;
	padding: 8px 0;
}
.copyright {
	font-size: 16px;
	text-align: center;
	margin-bottom: 0;
}
.copyright a {
	color: #fff;
}

.feedback {

}
.feedback h5 {
	font-weight: 300;
    font-size: 24px;
    text-align: right;
    color: #77aeaa;
    margin-bottom: 10px;
}
.feedback form {
	position: relative;
	max-width: 450px;
    float: right;
    background: #fff;
    padding: 20px 45px;
}
.feedback form:after {
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    border: 35px solid transparent;
    border-top: 35px solid #454545;
    border-left: 35px solid #454545
}
.feedback form p {
	margin-bottom: 0;
	text-align: center;
}
.feedback .wpcf7-form-control-wrap {
	display: block;
	margin-bottom: 7px;
}
.feedback form input,
.feedback form textarea {
	text-align: left;
	width: 100%;
    background: none;
    border: none;
    border-bottom: 1px solid #77aeaa;
    font-size: 16px;
    font-weight: 300;
}
.feedback form textarea {
	height: 120px;
}
.feedback form input[type="submit"] {
	background: #77aeaa;
    color: #fff;
    font-weight: 400;
    padding: 5px 20px;
    width: auto;
    display: inline-block;
}
.feedback form input[type="submit"]:hover {
	background: #498883;
}
.feedback div.wpcf7 .ajax-loader {
	position: absolute;
}

.contacts-page p {
	color: #232323;
}
.contacts-page .feedback form:after {
	display: none;
}





.last-news-item {
	display: block;
    margin: 0 10px 40px;
    text-align: center;
}
.last-news-img {
	position: relative;
	width: 100%;
    height: 250px;
    background-size: cover !important;
    background-position: center !important;
}
.last-news-date {
	background: #4e4e4ed6;
    position: absolute;
    bottom: 0;
    padding: 4px 10px;
    font-size: 18px;
    color: #77aeaa;
}
.last-news-date:after {
	content: '';
    position: absolute;
    right: -34px;
    top: 0;
    z-index: 2;
    border: 17px solid transparent;
    border-bottom: 18px solid #4e4e4ed6;
    border-left: 17px solid #4e4e4ed6;
}
.last-news-item h3 {
	padding: 10px 20px;
    margin: 0;
    font-size: 24px;
    text-align: center;
}
.last-news-item a {
	background: #77aeaa;
    text-align: center;
    padding: 6px 10px;
    font-size: 18px;
    color: #fff;
    display: inline-block;
    min-width: 200px;
}
.last-news-item a:hover {
	background: #498883;
	text-decoration: none;
}


.main-news-img {
	float: left;
	width: 400px;
	margin: 0 15px 15px 0;
}

.contact-bottom {
	display: block;
    background: #424242;
    padding: 15px 0;
}
.home .contact-bottom {
	display: none !important;
}
.list-contacts {
	display: flex;
    justify-content: center;
    align-items: center;
}
.list-contacts p {
	color: #fff;
	margin-bottom: 0;
	margin: 0 15px;
}
.list-contacts img {
	max-height: 25px;
	width: inherit;
}
.slide-heading div {
    font-size: 32px !important;
}
.slide-text p {
    font-size: 18px !important;
}