/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: SW-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive Wordpress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready

*/

@import url("../porto/style.css");

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/*maximus*/
.maximus {max-width: 1200px; float: none !important; margin: auto !important}
.powered-by {display:none!important;}
.footer-bottom {display:none;}

@media (max-width: 1920px) {
.container {    max-width: 1200px;}
}
.fixed-header #header .header-main {
    background-color: rgba(53, 14, 14, 0);
}

#header .main-menu > li.menu-item.active > a {
    background-color: #0088cc00;
    color: #000000;
    font-size: 15px;
    font-weight: 700;
}
#header .main-menu > li.menu-item > a {
    font-family: Open Sans, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    color: #000000;
    padding: 10px 16px 10px 16px;
}
#header .main-menu > li.menu-item.active:hover > a, #header .main-menu > li.menu-item:hover > a {
    background-color: #f5f3ef00;
    color: #000000;
}

#header .header-main .header-contact a, #header .tooltip-icon, #header .top-links > li.menu-item > a, #header .searchform-popup .search-toggle {    color: #000000;}

.swaphead10 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: #000;
    font-size: 14px;
    font-weight: 600;
}
.pochtahead10 {    margin-right: 10px;}
.telefonhead10 {    margin-right: 10px;}
.knopkahead10 {    margin: auto;}
.knopkahead10 a {    color: #000!important;     cursor: pointer;}
.brdr {    border-right: 2px #e8e8e8 solid;}
.fixed-header #header .header-main .header-left, .fixed-header #header .header-main .header-right, .fixed-header #header .header-main .header-center {
    padding-top: 0px;
    padding-bottom: 0px;
}
.fixed-header #header .header-main .container {    max-width: 1200px;}
#header .logo {
    max-width: 250px;
    margin-top: 20px;
}

.swapuslug {    position: relative;}
.backgrounguslug {width: 250px;    height: 250px;		background-position: center;		background-size: 100% 100%;     margin: auto;    transition: 0.3s; cursor:pointer;}
.blocktxt {
    width: 200px;
    margin: auto;
    text-align: center;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    height: 97px;
}
.blocktxt2 {
    width: 150px;
    margin: auto;
    text-align: center;
    position: absolute;
    top: 39px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    height: 125px;
}
.blocktxt2 p {margin-bottom: 0px;}
.blocktxt a {    color: #fff;}
.blocktxt p{    height: 48px;}
.fforma {    margin-bottom: 110px;}
.zagforma {margin-top: 51px;}
.fforma .formcraft-css .fc-form {	box-shadow: 0 0 0 0px rgba(0,20,40,.1), 0 0px 1px 0 rgba(50,55,90,.2);}

.fforma .formcraft-css .fc-form.fc-form-2 .form-element .field-cover input[type="text"], .formcraft-css .fc-form.fc-form-2 .form-element .field-cover input[type="password"], .formcraft-css .fc-form.fc-form-2 .form-element .field-cover input[type="email"], .formcraft-css .fc-form.fc-form-2 .form-element .field-cover input[type="radio"], .formcraft-css .fc-form.fc-form-2 .form-element .field-cover input[type="checkbox"], .formcraft-css .fc-form.fc-form-2 .form-element .field-cover input[type="tel"], .formcraft-css .fc-form.fc-form-2 .form-element .field-cover select, .formcraft-css .fc-form.fc-form-2 .form-element .field-cover textarea {    background-color: #fafafa;    border-radius: 30px;     padding: 17px;}

.fforma .formcraft-css .fc-form.fc-form-2 .form-element .submit-cover .submit-button, .formcraft-css .fc-form.fc-form-2 .form-element .fileupload-cover .button-file, .formcraft-css .fc-form.fc-form-2 .form-element .field-cover .button, .formcraft-datepicker .ui-datepicker-header, .formcraft-datepicker .ui-datepicker-title, .formcraft-css .fc-form.fc-form-2 .stripe-amount-show {
    background: #ee9622;
    color: #fff;
    padding-left: 30px;
    padding-right: 30px;
	border-radius: 30px;
    padding-top: 13px;
    padding-bottom: 13px;
}
.vc_custom_1548941652709 {
    background-image: url(http://service-volvo.spb.ru/wp-content/uploads/2019/01/1-09.png?id=15) !important;
    background-size: auto 100%;
}
.mapsinfo {    position: relative;     margin-bottom: 0px;}
.blockinfo22 {
    position: absolute;
    top: 85px;
    bottom: 0px;
    right: 0px;
    left: 15%;
    background: #fff;
    width: 500px;
    height: 330px;
    padding: 30px;
    box-shadow: 0 0 5px 0px;
    padding-left: 100px;
    padding-right: 100px;
}
.zagolovok22 {text-align: center;}
h2     {color: #ed9721;    font-weight: 700;}
body {    color: #000000;}

.adres22 {    border-bottom: 1px solid;    text-align: center;    display: flex;     margin-bottom: 15px;}
.adres22 i {    margin: auto;    margin-right: 5px;     font-size: 25px;}
.adres22 p {    max-width: 245px;    margin: auto;        margin-left: 5px;}
.phone22 {    border-bottom: 1px solid;    text-align: center;    display: flex;   margin-bottom: 15px;     margin-top: 25px;}
.phone22 i {    margin: auto;    margin-right: 5px;     font-size: 23px;}
.phone22 p {    max-width: 185px;    margin: auto;     margin-left: 5px;}
.pochta22 {    border-bottom: 1px solid;    text-align: center;    display: flex;  margin-bottom: 15px;    margin-top: 25px;}
.pochta22 i {    margin: auto;    margin-right: 5px;     font-size: 20px;   }
.pochta22 p {    max-width: 185px;    margin: auto;     margin-left: 5px;}

.q-normal .q-vk {background-image: url()!important;}
.q-normal .q-ok {background-image: url()!important;}
.q-normal .q-fb {background-image: url()!important;}
.q-normal .q-tw {background-image: url()!important;}

.q-socialblock {
    display: flex!important;
    justify-content: space-evenly;
    font-size: 22px;
    max-width: 210px;
    margin: auto;
	    margin-top: 25px;
}

#footer a:not(.btn), #footer .tooltip-icon {    color: #ffffff;}
#footer, #footer p, #footer .widget > div > ul li, #footer .widget > ul li {    color: #ffffff;}
.silkifoot {    margin: auto;    border-left: 1px solid #464150;    border-right: 1px solid #464150;}
.silkifoot2 {    max-width: 100px;      margin: auto;}
.kontaktyfoot {   max-width: 155px;    margin: auto;}
.infafoot {max-width: 140px;     margin-top: 20px;}
.knopkafoot10 {    margin: auto;    text-align: center;}
#footer {    background-color: #201430!important;}
#footer .widget p {
    margin-top: -3px;
    margin-bottom: 5px;
}

.knopkafoot10 a {
    color: #ee961e!important;
    cursor: pointer!important;
    transition: 0.3s!important;
}
.knopkafoot10 a:hover {
    color: #ce7700!important;
    cursor: pointer!important;
    transition: 0.3s!important;
    text-decoration: underline!important;
}
.socialfoot .q-socialblock {
    display: flex!important;
    justify-content: space-between;
    font-size: 20px;
    max-width: 135px;
    margin: auto;
    margin-top: 15px;
}
.kontaktyfoot33 {    height: 180px;    border-right: 1px solid #464150;}
.logofoot {    width: 235px;}

.knopkahead10 a {
    color: #ee961e!important;
    cursor: pointer!important;
    transition: 0.3s!important;
}
.knopkahead10 a:hover {
    color: #ce7700!important;
    cursor: pointer!important;
    transition: 0.3s!important;
    text-decoration: underline!important;
}
@media (max-width: 1085px) {
#header .main-menu > li.menu-item > a  {    font-size: 13px!important;}
#header .header-main .header-right {
    padding-left: 0px;
	}}
	@media (max-width: 991px){
#header .logo {    max-width: 180px!important;}
.fixed-header #header .header-main .container {  max-width: 800px;   display: flex;}
.fixed-header #header .header-main .header-left, .fixed-header #header .header-main .header-right, .fixed-header #header .header-main .header-center
 {padding-top: 0px;padding-bottom: 0px;   display: flex;    margin: auto;}

#header .header-contact {    margin: 0 10px 0 0;    height: 100%;}
.swaphead10 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    margin: auto;
    height: 100%;
}
		.pochtahead10 {    margin: auto;}
		.telefonhead10 {    margin: auto;}
		.knopkahead10 {    margin: auto;}
}
.rjm { margin:auto;}
@media (max-width: 780px) {
.swaphead10 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    margin: auto;
    height: 100%;
    flex-direction: column;
    text-align: right;
}
		.pochtahead10 {        margin: 0px;}
		.telefonhead10 {       margin: 0px;}
		.knopkahead10 {        margin: 0px;}
		.rjm { margin: 0px;}
}
@media (max-width: 490px){
.fixed-header #header .header-main .container {
    max-width: 300px;
    display: flex;
    flex-direction: column;
	}
}

#header .mobile-toggle {    color: #000000;  background-color: #e9931d;}
#nav-panel .mobile-nav-wrap {    background-color: #ffffffba;    border-radius: 15px;}
#nav-panel .accordion-menu li.menu-item.active > a {    background-color: #0088cc00;}
#nav-panel .accordion-menu li.menu-item.active>a, #nav-panel .accordion-menu>li.menu-item.active>.arrow {    color: #000;}
#nav-panel .accordion-menu > li.menu-item > a, #nav-panel .accordion-menu > li.menu-item > .arrow {   color: #000000;}
#header.sticky-header .header-main, .fixed-header #header.sticky-header .header-main 
{    background-color: rgba(0, 0, 0, 0)!important;           background-image: linear-gradient(to bottom, rgba(246, 246, 246, 0.78), rgba(255, 255, 255, 0));}
.fixed-header #header .header-main {
    background-color: rgba(255, 255, 255, 0.71);
    background-image: linear-gradient(to bottom, rgba(246, 246, 246, 0.78), rgba(255, 255, 255, 0));
}
@media (max-width: 888px){
.bloki4 .col-md-3 {    flex: 0 0 50%!important;   max-width: 50%!important;	}
}

@media (max-width: 1159px){
.blockiuslug44 .col-md-3 {    flex: 0 0 50%!important;    max-width: 50%!important;	}
}
@media (max-width: 550px){
.blockiuslug44 .col-md-3 {    flex: 0 0 100%!important;    max-width: 100%!important;	}
}
@media (max-width: 420px){
.bloki4 .col-md-3 {    flex: 0 0 100%!important;   max-width: 100%!important;	}
.brdr {    border-right: 0px #e8e8e8 solid;}
}

@media (max-width: 850px){
.blockinfo22 {    left: 0px;    width: 100%; position: -webkit-sticky;   position: sticky; }
.blockinfo {    width: 80%;    margin: auto;}
}
@media (max-width: 1200px){
#footer .footer-main>.container {
    padding-top: 3rem!important;
    padding-bottom: 2.4rem;
}
	.logofoot {    margin: auto;}
	.infafoot {
    max-width: 140px;
    margin: auto;
    margin-top: 10px;
}
.col-lg-3 {    flex: 0 0 50%;    max-width: 50%;		}
	.silkifoot {    border-left: 0px solid #464150;    border-right: 0px solid #464150;}
	.kontaktyfoot33 {    border-right: 0px solid #464150;     height: 67px;}
}
@media (max-width: 600px){
.col-lg-3 {    flex: 0 0 100%;    max-width: 100%;		}
}
.page-top {   background-color: #ffffff!important;    border-bottom: 0px solid #cccccc;}
.page-top .page-title {
    color: #201430;
    font-family: Open Sans;
    font-weight: 600;
}
.page-top .page-title:not(.b-none):after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    border-bottom: 0px solid #0088cc;
    bottom: -32px;
}
.page-top .yoast-breadcrumbs a, .page-top .breadcrumbs-wrap a, .page-top .product-nav .product-link {    color: #201430;}

.sliderswap {
    width: 550px;
    margin: auto!important;
    text-align: center!important;
}
.slidertxt {
    position: relative;
    margin-bottom: 90px!important;
	color: #fff!important;
}
.slidertxt:before {
    position: absolute;
    content: "";
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    height: 100px;
    width: 650px;
    top: 10px;
    bottom: 0px;
    right: 0px;
    left: -49px;
}
.poloska {    position: relative;}
.poloska:before {
    content: "";
    border-bottom: #fff 3px solid;
    height: 3px;
    width: 105px;
    position: absolute;
    top: 10px;
    bottom: 0px;
    left: -47px;
    right: 0px;
}
.poloska:after {
    content: "";
    border-bottom: #fff 3px solid;
    height: 3px;
    width: 105px;
    position: absolute;
    top: 10px;
    bottom: 0px;
    left: 493px;
    right: 0px;
}
.slidertxt p {
    font-size: 47px!important;
    font-weight: 700!important;
}
.sliderknopk a {
    text-align: center!important;
    font-weight: 600!important;
    font-size: 15px!important;
    color: #fff!important;
    background: #ee9622;
    padding: 15px;
    padding-left: 70px;
    padding-right: 70px;
    border-radius: 30px;
    cursor: pointer!important;
    transition: 0.3s!important;
}
.sliderknopk a:hover {
    background: #c1730c;
    cursor: pointer!important;
    transition: 0.3s!important;
    text-decoration: none!important;
}
@media (max-width: 900px){
	.slidertxt p {
    font-size: 30px!important;
    font-weight: 700!important;
    margin-bottom: 0px!important;
}
	.slidertxt:before {
    position: absolute;
    content: "";
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    height: 60px;
    width: 475px;
    top: 10px;
    bottom: 0px;
    right: 0px;
    left: 38px;
}
	.poloska:before {
    content: "";
    border-bottom: #fff 3px solid;
    height: 3px;
    width: 95px;
    position: absolute;
    top: 10px;
    bottom: 0px;
    left: 38px;
    right: 0px;
}
	.poloska:after {
    content: "";
    border-bottom: #fff 3px solid;
    height: 3px;
    width: 95px;
    position: absolute;
    top: 10px;
    bottom: 0px;
    left: 418px;
    right: 0px;
}
	.slidertxt {
    position: relative;
    margin-bottom: 50px!important;
}
}

.slideradaptiv {display: none;}
@media (max-width: 750px){
.rev_slider {    display: none!important;}
.slideradaptiv {display: block;}
.sliderswap {
    width: 356px;
    margin: auto!important;
    text-align: center!important;
}
.sliderswap222 {
    width: 100%;
    background: url(/wp-content/uploads/2019/01/2-01.jpg);
    height: 287px;
    background-size: auto 100%;
}
.slidertxt {
    position: relative;
    margin-bottom: 50px!important;
    margin-top: 50px!important;
    padding-top: 90px!important;
}
.slidertxt:before {
    position: absolute;
    content: "";
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    height: 60px;
    width: 450px;
    top: 100px;
    bottom: 0px;
    right: 0px;
    left: -48px;
}
.poloska:before {
    content: "";
    border-bottom: #fff 3px solid;
    height: 3px;
    width: 85px;
    position: absolute;
    top: 10px;
    bottom: 0px;
    left: -48px;
    right: 0px;
}
.poloska:after {
    content: "";
    border-bottom: #fff 3px solid;
    height: 3px;
    width: 85px;
    position: absolute;
    top: 10px;
    bottom: 0px;
    left: 317px;
    right: 0px;
}
}

@media (max-width: 490px){
.slidertxt {
    position: relative;
    margin-bottom: 35px!important;
    margin-top: 110px!important;
    padding-top: 90px!important;
}
	.slidertxt p {
    font-size: 20px!important;
    font-weight: 700!important;
    margin-bottom: 0px!important;
}
	.sliderswap {
    width: 260px;
    margin: auto!important;
    text-align: center!important;
}
.sliderknopk a {    font-size: 12px!important;    padding-left: 20px;    padding-right: 20px;}
	.slidertxt:before {
    position: absolute;
    content: "";
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    height: 50px;
    width: 290px;
    top: 100px;
    bottom: 0px;
    right: 0px;
    left: -15px;
}
	.poloska:before {
    content: "";
    border-bottom: #fff 3px solid;
    height: 3px;
    width: 50px;
    position: absolute;
    top: 10px;
    bottom: 0px;
    left: -15px;
    right: 0px;
}
	.poloska:after {
    content: "";
    border-bottom: #fff 3px solid;
    height: 3px;
    width: 50px;
    position: absolute;
    top: 10px;
    bottom: 0px;
    left: 225px;
    right: 0px;
}
}

.page-top .page-title:not(.b-none):after {
    content: '';
    border-bottom: 0px solid #0088cc!important;
}
.price88 {    color: #df902a!important;}
.blocktxt2 a {color: #fff!important;}

.table1 {margin: auto} 
.table1 td {border: solid 1px #9c9c9c;} 
.table1 tr:nth-child(1) {}
.table1 tr:nth-child(2n) {}
.table1 tr:nth-child(2n+1){background: #ecedef;}
.table1 tr:hover{background: #d2d3d4; color: #000}

.zapchasty88 img {max-width: 90%;}
#header .main-menu .narrow .popup li.menu-item > a {
    color: #000000;
    border-bottom-color: #f3f3f3;
    font-size: 15px;
    font-weight: 600;
}
#header .main-menu .narrow .popup li.menu-item:hover > a {
    color: #ee961e;
    background-color: #f4f4f4;
}
#header .main-menu .narrow .popup ul.sub-menu {
    background-color: #ffffff;
    border-top: 3px solid #000000;
}
h3 {    font-weight: 700;}

.backgrounguslug:hover {
    background-size: 105% 105%;
    transition: 0.3s;
}

#header.sticky-header .header-main, .fixed-header #header.sticky-header .header-main {
    background-color: rgb(255, 255, 255)!important;
    background-image: linear-gradient(to bottom, rgb(246, 246, 246), rgb(255, 255, 255));
}


*{
    margin: 0;
    padding: 0;
}

.img {
    width: 345px;
    height: 330px;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
}

.wrapper {
    position: relative;
    width: 100%;
    height: 96%;
    background-color: #2f302f;
    color: #fff;
    top: -260px;
    transition: top .5s linear;
}

.wrapper .distr {
    padding-top: 50px;
    display: none;
}

.wrapper:hover {
    top:0;
}

.wrapper:hover .distr {
    display: block;
}

.wrapper:hover .title {
    text-decoration: underline;
}

.title {
    position: fixed;
    top: 0;
    padding-top: 5px;
    text-align: center;
    width: 345px;
}

.wrapper:hover .title {
    display: block;
}
.distr {    padding-left: 20px;    padding-right: 20px;}
.distr p {    margin-bottom:0px;}

.txtright {text-align: right;}
.silka001 {color: #fff!important;}
.silka001:Hover {color: #fff!important;}

.blockmodel {
    width: 250px;
    height: 100%;
    margin: auto;
    transition: 0.3s;
}
.modeltxt {
    text-align: center;
    color: #000;
    padding-top: 10px;
    font-weight: 700;
}
.TOpaket {
    display: flex;
    justify-content: space-evenly;
    margin: 20px;
    margin-left: 0px;
    border: 2px solid #ddd;
}
.razelitel {    border: 1px solid #ddd;}
.zagTO {
    font-size: 17px;
    font-weight: 700;
}
.Rabotswap {
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    justify-content: space-evenly;
}
.tospoiler .accordion-toggle {
    color: #000000!important;
    font-weight: 600!important;
	background-color: #ddd!important;
}
.accordion .card-header a {
    display: block;
    padding: 5px 20px!important;
}

.rabots ul {     margin-left: 30px;   }
.zapchast ul {    margin-left: 30px;}

@media (max-width: 600px){
.Rabotswap {flex-direction: column;}
}

.social a {
    text-align: center;
    width: 46px;
    height: 46px;
    float: left;
    background: #fff0;
    border: 0px solid #ccc;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15), inset 0 0 50px rgba(0,0,0,0.1);
    border-radius: 46px;
    margin: 0 10px 10px 0;
    padding: 6px;
    color: #000;
}
.instagram a:hover{background:#3f729b;color:#000!important;}
.facebook a:hover{background:#3b5998;color:#000!important;}
.vk a:hover{background:#5d84ae;color:#000!important;}
.whatsapp a:hover{background:#50b154;color:#000!important;}
.viber a:hover{background:#7a519c;color:#000!important;}
.fa-viber:before {    content: "";}



.socialknopk111 {
    max-width: 280px;
    margin: auto;
    margin-top: 10px;
}

.zapchasty88 img {	transition: 0.3s;}
.zapchasty88 img:hover {
    max-width: 95%;
	transition: 0.3s;
}

.knopk1 {
    color: #fff;
    padding: 10px;
    background: #ee9622;
    border-radius: 30px;
    padding-left: 25px;
    padding-right: 25px;
    text-decoration: none;
    cursor: pointer;
    transition: 0.3s;
	font-weight: 600;
}

.knopk1:hover {
    color: #fff;
    padding: 10px;
    background: #c1730c;
    border-radius: 30px;
    padding-left: 25px;
    padding-right: 25px;
    text-decoration: none;
    cursor: pointer;
    transition: 0.3s;
}


.modelimg {
    height: 120px;
    width: 100%;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 100%;
	background-position: center;
	transition:0.3s;
}
.modelimg:hover {
	transition:0.3s;
    background-size: 105%;
	cursor: pointer;
	background-position: center;
}

@media (max-width: 975px){	.zapchasty88 {flex: 0 0 50%;    max-width: 50%;}}
@media (max-width: 500px){	.zapchasty88 {flex: 0 0 100%;    max-width: 100%;}}

@media (max-width: 480px){
.blockinfo22 {    padding-left: 30px;    padding-right: 30px;}}


@media (max-width: 340px){
.blockinfo22 {    padding-left: 0px;    padding-right: 0px;}}

.phone22 a {color: #000;}
.pochta22 a {color: #000;}

@media (max-width: 920px) {
.blockrabot44 {
    flex: 0 0 100%!important;
    max-width: 100%!important;
	}}


@media (max-width: 380px) {
	.img {
    width: 295px;
    height: 315px;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
}
	.wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #2f302f;
    color: #fff;
    top: -260px;
    transition: top .5s linear;
}
	.title {
    position: fixed;
    top: 0;
    padding-top: 5px;
    text-align: center;
    width: 295px;
	}}

	@media (max-width: 340px) {
.img {width: 270px; }
.title {
    position: fixed;
    top: 0;
    padding-top: 5px;
    text-align: center;
    width: 100%;}}