/*!
 * Theme Name: 		OceanWP
 * Theme URI: 		https://oceanwp.org/
 * Author: 			Nick
 * Author URI: 		https://oceanwp.org/about-me/
 * Description: 	OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
 * Version: 		1.5.5
 * Tags: 			two-columns, right-sidebar, footer-widgets, blog, news, custom-background, custom-menu, post-formats, rtl-language-support, sticky-post, editor-style, threaded-comments, translation-ready, buddypress, custom-colors, featured-images, full-width-template, theme-options, e-commerce
 * Text Domain: 	oceanwp
 *
 * License: GNU General Public License v3.0 or later
 * License URI: https://www.gnu.org/licenses/gpl-3.0.html
 * 
 * DO NOT ADD YOUR CSS TO THIS FILE - IT WILL BE LOST
 * To add your own CSS, use a child theme: https://github.com/oceanwp/oceanwp-child-theme
 * 
 * CSS file is in "assets/css"
 */

.after-header-content .after-header-content-inner>a.menu_button {
    background: #2055ee;
    border: 2px solid #2055ee;
    color: #ffffff;
    padding: 3px 25px;
    line-height: 25px;    
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.after-header-content .after-header-content-inner>a.menu_button:hover {
    background: #fff;
    color: #2055ee;
}
.blog-entry.large-entry .blog-entry-readmore a{

}
.block_fixs_hs{
	position: relative;
}
.fixs_hs{
    position: fixed;
    *top: 38px;
    top: 0;
    width: 100%;
    z-index: 9999;
}

#main{
	*margin-top: 65px;
	margin-top: 100px;
}
.blog-entry .block_cont_gs .blog-entry-readmore a {
    display: inline-block;
    font-size: 11px;
    line-height: 1;
    border: 1px solid #ddd;
    padding: 10px 16px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.blog-entry .block_cont_gs .blog-entry-readmore a:hover {
    color: #13aff0;
    border-color: #13aff0;
}
.blog-entry .block_cont_gs .blog-entry-readmore a i {
    margin-left: 8px;
}
.t_h15{
    margin-bottom: 15px;
}
#pl-13 .widget{
margin-top: -30px;
}

.form_footer{
	padding: 25px;
    background-color: #ffffff;
    border: 10px solid #ff7000;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.form_footer input {
	padding: 17px 10px;
    border: 1px solid #f0f0f0;
    background-color: #f0f0f0;
    -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.12);
    box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.12);
    color: #ababab;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
	outline: none;
}
.form_footer select {
	outline: none;
	background: #f0f0f0;
    color: #ababab;
}
.form_footer textarea {
	border: 1px solid #f0f0f0;
    background-color: #f0f0f0;
    -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.12);
    box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.12);
    color: #ababab;
	height: 100px;
}
.form_footer input.wpcf7-submit{
	background: #ff2626;
    background: -moz-linear-gradient(top, #ff2626 0%, #dd3333 100%);
    background: -webkit-linear-gradient(top, #ff2626 0%,#dd3333 100%);
    background: linear-gradient(to bottom, #ff2626 0%,#dd3333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c42727', endColorstr='#e05555',GradientType=0 );
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	outline: none;
} 
.form_footer input.wpcf7-submit:hover{
	background-color: #f54747;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #af281e), color-stop(4.83%, #f84b38), color-stop(100%, #f60404));
    background-image: -webkit-linear-gradient(bottom, #af281e 0%, #f84b38 4.83%, #f60404 100%);
    background-image: -moz-linear-gradient(bottom, #af281e 0%, #f84b38 4.83%, #f60404 100%);
    background-image: -o-linear-gradient(bottom, #af281e 0%, #f84b38 4.83%, #f60404 100%);
    background-image: linear-gradient(bottom, #af281e 0%, #f84b38 4.83%, #f60404 100%);
}

.nashi_yslugi table{
	border: 1px solid #ff6600;
    display: block;
    box-sizing: border-box;
    padding: 20px;
    background: #fff;
    text-decoration: none;
    transition: all 0.5s;
    margin-bottom: 30px;
    box-shadow: 0px 0px 20px #e7e7e7;
	max-width: 345px;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.nashi_yslugi table:hover{
    border: 5px solid #ff6600;
}
.nashi_yslugi table:hover .podrobnee a{
    background: #ff6600;
    border-bottom: 3px solid #cd5303;
    color: #fff;
}
.nashi_yslugi  table .title {
    font-family: georgia, palatino, serif;
    color: #733a1f;
    font-size: 20px;
    text-align: center;
    padding-bottom: 10px;
}
.nashi_yslugi  table .podrobnee a {
    color: #000;
    width: 100%;
    display: block;
    background: #F6F6F6;
    text-align: center;
    border-bottom: 3px solid #ECECEC;
    padding: 10px 0px;
    font-size: 22px;
    border-radius: 3px;
    text-decoration: none;
    transition: all 0.5s;
}
.nashi_yslugi  table .podrobnee a:hover{
	background: #ff6600;
    border-bottom: 3px solid #cd5303;
    color: #fff;
}


/* Image hover наши услуги */
.nashi_yslugi  td {
    position: relative;
}
.nashi_yslugi  td:hover{
    opacity: 0.8;
}

.nashi_yslugi .image:hover:before, .nashi_yslugi .image:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.nashi_yslugi .image:before {
    top: 15%;
    right: 7%;
    bottom: 15%;
    left: 7%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.nashi_yslugi .image:before, .nashi_yslugi .image:after {
    position: absolute;
    content: '';
    z-index: 1;
    -webkit-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -ms-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
    -moz-transition: opacity 0.35s, -moz-transform 0.35s;
    -ms-transition: opacity 0.35s, -ms-transform 0.35s;
    -o-transition: opacity 0.35s, -o-transform 0.35s;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    opacity: 0;
}
.nashi_yslugi .image:hover:before, .nashi_yslugi .image:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.nashi_yslugi .image:after {
    top: 7%;
    right: 15%;
    bottom: 7%;
    left: 15%;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.nashi_yslugi .image:before, .nashi_yslugi .image:after {
    position: absolute;
    content: '';
    z-index: 1;
    -webkit-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -ms-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
    -moz-transition: opacity 0.35s, -moz-transform 0.35s;
    -ms-transition: opacity 0.35s, -ms-transform 0.35s;
    -o-transition: opacity 0.35s, -o-transform 0.35s;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    opacity: 0;
}



/* Image hover отзывы */
.block_car  .image {
    position: relative;
}
.block_car  .image:hover{
    opacity: 0.8;
}

.block_car .image:hover:before, .block_car .image:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.block_car .image:before {
    top: 15%;
    right: 7%;
    bottom: 15%;
    left: 7%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.block_car .image:before, .block_car .image:after {
    position: absolute;
    content: '';
    z-index: 1;
    -webkit-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -ms-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
    -moz-transition: opacity 0.35s, -moz-transform 0.35s;
    -ms-transition: opacity 0.35s, -ms-transform 0.35s;
    -o-transition: opacity 0.35s, -o-transform 0.35s;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    opacity: 0;
}
.block_car .image:hover:before, .block_car .image:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.block_car .image:after {
    top: 7%;
    right: 15%;
    bottom: 7%;
    left: 15%;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.block_car .image:before, .block_car .image:after {
    position: absolute;
    content: '';
    z-index: 1;
    -webkit-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -ms-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
    -moz-transition: opacity 0.35s, -moz-transform 0.35s;
    -ms-transition: opacity 0.35s, -ms-transform 0.35s;
    -o-transition: opacity 0.35s, -o-transform 0.35s;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    opacity: 0;
}

.zakaz_zvonka {
    border-color: #FFFFFF;
    background-color: #ECF0F1;
    text-align: center;
    padding: 30px 0 40px;
}
.zakaz_zvonka .t_d {
    color: #212434;
    font-size: 21px;
    margin-bottom: 25px;
}
.zakaz_zvonka .z_list {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}
.zakaz_zvonka .z_list input[type="text"]{
    width: 240px;
    padding: 11px;
    border: 0;
    color: #212434;
    outline: none;
	background-color: #ffffff;
}
.zakaz_zvonka .z_list i{
    width: 43px;
    min-height: 45px;
    border-width: 0px;
    border-color: transparent;
    background-color: #E0E4E5;
    color: #7F8C8D;
}
.zakaz_zvonka .z_list input[type="submit"]{
    background: #fdd700;
    padding: 15px 25px;
    color: #1e1e1e;
    font-size: 17px;
    font-weight: bold;
    outline: none;
    text-transform: uppercase;  
}


.raschet_stomosti{
    background-color: rgb(255, 255, 255);
    color: #333;
    border-radius: 0px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
    text-align: center;
    padding: 30px 0 50px;
}
.raschet_stomosti .block_list{
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin-right: 10px;
}
.raschet_stomosti .block_list select{
    outline: none;
    width: 280px;
}
.raschet_stomosti .block_list label{
    font-weight: normal;
}
.raschet_stomosti .block_list label span{
    color: red;
}
.raschet_stomosti .block_list input[type="text"]{
    padding: 4px;
    width: 280px;
    border: 1px solid #ccc;
}
.raschet_stomosti .t_d{
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
}
.raschet_stomosti input[type="submit"]{
    background-color: rgb(255, 206, 59);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 4px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(224, 168, 7);
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 19px;
    padding-right: 19px;
    font-size: 19px;
    font-weight: bold;
    color: rgb(38, 38, 38);
    font-family: Roboto;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
    outline: none;
}
.raschet_stomosti input[type="submit"]:hover{
    background-color: rgb(255, 206, 59);
    border-color: rgb(224, 168, 7);
    color: rgb(38, 38, 38);
}
.raschet_stomosti .agreement-text{
    color: #333;
    font-size: 11px;
}
.raschet_stomosti .agreement-text a{
    border-bottom: 1px dashed;
}