header{
    background: #2f3e89 !important;
}

a,
a:link,
a:visited,
a:hover,
a:active{
    color: #293f93;
    text-decoration: underline;
}

.primary-menu a,
.primary-menu a:link,
.primary-menu a:visited,
.primary-menu a:hover,
.primary-menu a:active{
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6{
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif !important;
}

h1.custom-h1{
    font-size: 34px;
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
    padding: 27px 0 20px 0;
    margin: 0;
}

h1.services-h1 {
    font-size: 2.5vw;
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
    padding: 2%;
    margin: auto;
	text-align: center;
}

h1.custom-h1-white{
    color: #fff;
}

h1.custom-work {
    font-size: 24px;
    color: #293f93;
    margin: 0;
	white-space: nowrap; /* Запрещаем перенос строк */
    overflow: hidden; /* Обрезаем все, что не помещается в область */
    text-overflow: ellipsis; /* Добавляем многоточие */
}

.custom-work-outer {
	margin-bottom: 2.5%;
	height: 100%;
	max-height: 85px;
}

.h1-background-absolute {
    z-index: -1;
    position: absolute;
    background: #f0f0f0;
    width: 100%;
    /*height: 118px;*/
	height: 100%;
	max-height: 118px;
}

.breadcrumbps{    
    color: #000;
    font-size: 14px;
}

.breadcrumbps a,
.breadcrumbps a:link,
.breadcrumbps a:visited,
.breadcrumbps a:hover,
.breadcrumbps a:active{
    color: #000;
    font-size: 14px;
    text-decoration: underline;
}

.breadcrumbps .current-item {
    color: #ababab;
	white-space: nowrap; /* Запрещаем перенос строк */
    overflow: hidden; /* Обрезаем все, что не помещается в область */
    text-overflow: ellipsis; /* Добавляем многоточие */
}

.header-navigation-wrapper{
    box-shadow: 0 5px 8px -2px grey;
}

.slide-img{
}

.slide-text{
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 52px;
    font-weight: bold;
    position: absolute;
    top: 0;
    color: #fff;
    z-index: 100;
    line-height: 67px;
    padding: 100px 0 0 0;
    color: #fff;
    text-decoration: none;
}

.slide-text a,
.slide-text a:link,
.slide-text a:visited,
.slide-text a:hover,
.slide-text a:active{
    color: #fff;
    text-decoration: none;
    background: #2f3e89;
}
/*   
.services-main{
    border: 1px solid red;
	position: relative;
    left: 2%;
}
*/

.services-all{
}

.advantages-container{
    background: #28458f;
}

.advantages-row{
    padding: 20px 0 50px 0;
}

.advantage{
    text-align: center;
    color: #fff;
}
.advantage-icon{
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
.advantage-icon-01{
    background: url("/wp-content/themes/petroavtotrans/assets/images/icon-advantage-01.png") no-repeat bottom;
}
.advantage-icon-02{
    background: url("/wp-content/themes/petroavtotrans/assets/images/icon-advantage-02.png") no-repeat bottom;
}
.advantage-icon-03{
    background: url("/wp-content/themes/petroavtotrans/assets/images/icon-advantage-03.png") no-repeat bottom;
}
.advantage-icon-04{
    background: url("/wp-content/themes/petroavtotrans/assets/images/icon-advantage-04.png") no-repeat bottom;
}
.advantage-icon-05{
    background: url("/wp-content/themes/petroavtotrans/assets/images/icon-advantage-05.png") no-repeat bottom;
}
.advantage-header{
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
    padding: 21px 0;
}
.advantage-text{
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
}

    
.col-half-offset{
    margin-left:4.166666667%
}

.service{
}

.services-work{
    padding-top: 2%;
}

.services-all .service-img{
    padding-bottom: unset;
}

.services-all .service-header{
	font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 24px;
    padding: 8px 0 24px 0 !important;
}

.service-header a,
.service-header a:hover{
    text-decoration: none;
    color: #000;
}

.show-more-outer{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    clear: both;
}

.show-more{
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif;
    padding: unset !important;
    width: 256px;
    height: 44px;
    color: #fff !important;
    background: #293f93 !important;
    text-decoration: none !important;
    margin: 20px 0 !important;    
    border-radius: 3px !important;
}

.feedback-map{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.feedback-form-map{
    padding: 30px 0 50px 0;
}

.feedback-form{
    background: #2a9bf5;
    padding: 24px 31px;
}

.feedback-h1{
    font-size: 34px;
    line-height: 34px;
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.feedback-input input,
.feedback-input select,
.feedback-input option
{
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
    color: #1c1c1c;
    height: 45px;
    max-width: 260px;
    padding: 0 4px;    
}

.feedback-text{
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding: 17px 0 9px 0;
}

.feedback-report{
}

.feedback-report-active{
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    padding: 10px;
    margin: 20px 0 0 0;
    width: 99%;
}

.feedback-submit{
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif;
    padding: unset !important;
    width: 256px;
    height: 44px;
    color: #fff !important;
    background: #293f93 !important;
    text-decoration: none !important;
    margin: 20px 0 !important;
    border-radius: 3px !important;
}

.feedback-info{
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #fff;
}

.opinions-main{
    background: #f0f0f0;
    padding: 0 0 50px 0;
}

.opinion{
    background: #fff;
    height: 190px;
    min-height: 190px;
    max-height: 190px;
    border-radius: 5px;
    padding: 30px 23px;
    margin: 0 10px;
}

    .opinion .opinion-header{
        display: flex;
        
    }
    
    .opinion .opinion-title{
        font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif;
        font-weight: bold;
        font-size: 18px;
        color: #0d378b;
        padding-bottom: 28px;
    }

    .opinion .opinion-date{
        font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif;
        font-weight: bold;
        font-size: 16px;
        line-height: 16px;
        padding-bottom: 28px;
        padding-top: 6px;    
    }

    .opinion .opinion-content{
        font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif;
        font-size: 14px;
        height: 80px;
        overflow: hidden;
    }

.main-content h1,
.main-content h2,
.work-content h1,
.work-content h2{
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
    font-size: 24px;
    text-align: left !important;
}

.main-content div,
.main-content p,
.work-content div,
.work-content p,
.work-content b,
.work-content strong,
.work-content td{
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif !important;
    font-size: 15px;
    padding-bottom: 6px;
}

.main-content ul{
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif !important;
    font-size: 15px;
    margin-bottom: 6px;
}

.main-content ul li,
.main-content li{    
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif !important;
    font-size: 15px;
    padding-bottom: 0px !important;   
}

.main-content ul, 
.main-content ol{
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif !important;
    font-size: 15px;
    margin-top: 0 !important;
    margin-bottom: 0 6px;
}
   
.main-content ul,
.main-content ul li,
.main-content ol li{
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif !important;
    font-size: 15px;
}


.main-content div img,
.main-content p img{
    float: left;
    text-align: left !important;
    margin: 0 12px 0 0;
}

.work-content div img,
.work-content p img{
    text-align: left !important;
    margin: 0 12px 0 0;
}

.work-content{
    margin-top: 3.5%;
}

.questions{
    background: url("/wp-content/themes/petroavtotrans/assets/images/questions-bgr.jpg") no-repeat;
    background-size: cover;
    min-height: 386px;
    color: #fff;
}

.questions-h1{
    font-size: 48px !important;
    text-align: center !important;
}

.questions-phone{
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 48px;
    font-weight: bold;
    text-align: center !important;
    padding: 30px 0;
    color: #fff;    
}

.questions-phone, 
.questions-phone a,
.questions-phone a:link,
.questions-phone a:visited,
.questions-phone a:hover,
.questions-phone a:active,
.questions-phone a[href^="tel"], 
.questions-phone a[x-apple-data-detectors]{
    color: #fff !important;     
    text-decoration: none !important;
}

.questions-text{
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
    text-align: center;
    color: #fff;
}

.questions-icon{
    background: url("/wp-content/themes/petroavtotrans/assets/images/icon-questions.png") no-repeat;
    margin: 40px auto;
    width: 70px;
    height: 79px;
}

.social{
    background: url("/wp-content/themes/petroavtotrans/assets/images/social-bgr.jpg") no-repeat;
    background-size: cover;
    min-height: 386px;
    color: #fff;
    padding: 30px 0;
}

.social-text{
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 24px;
    padding: 50px 0;
}

.articles{
}

.article{
    -max-width: 220px;
    margin-right: 30px;
    margin-left: 30px;    
    border-radius: 5px;
}

.article-img{
    max-width: 220px;
    max-height: 120px;
    min-height: 120px;
    overflow: hidden;
}

.article-title{
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    min-height: 40px;
}

.article-date{
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    padding-top: 34px;
}

.article-link{
}

.article-desc{
    background: #f0f0f0;
    padding: 12px;
    max-width: 220px;
    min-height: 120px;
}

.article-outer{
    display: flex;
    justify-content: space-between;
}

.article-date, .article-link{
        
}

.article-link{
    padding-top: 38px;
}

.sertificates{
    padding-bottom: 40px;
}

.sertificates-header{
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    padding-bottom: 28px;
}

.sertificate{
    margin: 0 0 0 25px;
}

.footer{
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif;
    background: url("/wp-content/themes/petroavtotrans/assets/images/footer-bgr.jpg") no-repeat;
    background-size: cover;
    color: #fff;
}

.footer-header{
    padding-bottom: 30px;
}

.footer-menu-items{
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    padding-bottom: 14px;
    color: #fff;
}

.footer-menu-items a,
.footer-menu-items a:link,
.footer-menu-items a:visited,
.footer-menu-items a:hover,
.footer-menu-items a:active
{
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
}

.footer-contacts,
.footer-contacts a,
.footer-contacts a:link,
.footer-contacts a:visited,
.footer-contacts a:hover,
.footer-contacts a:active,
.footers-phone,
.footer-time{
    font-size: 14px; color: #fff
}

.footer-contacts{
    padding-bottom: 17px;
}

.footer-phone{
    padding-bottom: 39px;
    font-size: 18px;
}

.footer-phone a,
.footer-phone a:link,
.footer-phone a:visited,
.footer-phone a:hover,
.footer-phone a:active{
    color: #fff;
}

.footer-line{
    border-top: 1px solid #697cad;
    padding: 31px 0 0 0;
}

.footer-copyright, .footer-copyright-developer{
    font-family: "helioscond", Arial, sans-serif;
    font-weight: normal !important;
    font-size: 14px;
}

.footer-copyright-developer,
.footer-copyright-developer a,
.footer-copyright-developer a:link,
.footer-copyright-developer a:visited,
.footer-copyright-developer a:hover,
.footer-copyright-developer a:active,
.footer-copyright-developer{
    opacity: 0.1;
    color: #333;
    margin-top: -5px;
}

.footer-logo,
.footer-logo:link,
.footer-logo:visited,
.footer-logo:hover,
.footer-logo:active{
    font-family: "helioscond", Arial, sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 19px;
    background: url(/wp-content/themes/petroavtotrans/assets/images/icon-logo.png) no-repeat left;
    background-size: contain;
    height: 44px;
    display: flex;
    align-items: center;
    padding-left: 60px;
    margin-top: -12px;
}

.footer-social{
    display: flex;
    padding: 26px 0;
}

.footer-social-item{
    margin-right: 21px;
}

.hide-service{
    display: none;
}

.show-service{
    display: block;
}

.articles-controls-outer{
    top: -145px;
}

.opinion-controls-outer{
    top: -120px;
}

.sertificate-controls-outer{
    top: -170px;
}

.articles-controls-outer,
.opinion-controls-outer,
.sertificate-controls-outer
{
    position: relative;    
    width: 100%;
    height: 0;
}

.articles-controls,
.opinion-controls,
.sertificate-controls
{
    display: flex;
    justify-content: space-between;
}

.articles-prev-btn,
.articles-next-btn,
.opinion-prev-btn,
.opinion-next-btn,
.sertificate-prev-btn,
.sertificate-next-btn{
    width: 49px;
    height: 49px;
    cursor: pointer;
}

.articles-prev-btn,
.opinion-prev-btn,
.sertificate-prev-btn{
    background: url(/wp-content/themes/petroavtotrans/assets/images/icon-prev.png) no-repeat;
    margin-left: -50px;
}

.articles-next-btn,
.opinion-next-btn,
.sertificate-next-btn{
    background: url(/wp-content/themes/petroavtotrans/assets/images/icon-next.png) no-repeat;
    right: 100%;
    margin-right: -50px;
}

.btn-messengers{
    width: 60px;
    display: flex;
}
.btn-messenger{
    margin-right: 10px;
}


/*
    entry-content */

.entry-content th{
    padding: 6px;
    font-weight: 600;
    font-size: 15px;
}
    
.entry-content img{
    width: 100%; 
    max-width: 450px;
}

.entry-content p,
.entry-content div,
.entry-content h2,
.entry-content h3,
.entry-content ul,
.entry-content table td,
.post-body.entry-content{
    padding-bottom: 6px !important;
}

.entry-content p,
.entry-content li,
.entry-content table{
    margin: unset;
}

.entry-content ul{
    margin-bottom: 6px;
    
}

.entry-content ul li,
.entry-content li{    
    padding-bottom: 0px !important;   
}

.entry-content ul, 
.entry-content ol{
    margin-top: 0 !important;
    margin-bottom: 6px;
}
   
.entry-content ul,
.entry-content ul li,
.entry-content ol li{
    font-family: "helioscond", Arial, sans-serif;    
}

.entry-content span{
    font-size: unset !important;
}

.entry-content img{
    display: unset !important;
}

.entry-content table td{
    padding: 6px;
}

.entry-content strong{
    padding-bottom: unset !important;
}

.entry-content .tr-caption-container,
.entry-content .tr-caption-container *{
    border: 0;
}

.entry-content img{
    display: unset;
    align: center;
}

.entry-content h2, .entry-content h3{
    margin: 0 0 6px 0 !important;
    padding: unset!important;
}

.entry-content h1, 
.entry-content h2, 
.entry-content h3,
.entry-content h4{
    margin: 0 0 6px 0 !important;
    padding: unset !important;
}

.post-separator{
    margin: 30px 0;
}

.post-header{
}

.post-header-line-1 *{
    font-size: 2vw !important;
	font-weight: bold !important;
}

.post-body.entry-content{
    font-size: 15px !important;
    font-family: "helioscond", "Helvetica Neue", Helvetica, sans-serif !important;
}

.post-header,
.post-header-line-1,
.post-title.entry-title{
    padding: 0 !important;
    margin: 0 !important;
}

.footer-attention{
    font-size: 14px; padding-bottom: 40px;
}

.footer-red{
    color: #ff0000;
}

.tags{
    margin-bottom: 24px;
}

#vkwidget1, #vk_widget, #vk_groups {
    width: 100% !important;
}
