/*
Theme Name: MM Trans
Theme URI: https://mmtrans.com.ua/
Author: Killwap
Author URI: https://www.facebook.com/killwap
Description: Шаблон создан для компании ММ Транс.
Version: 1
Tags: blue, two-columns,one-column, left-sidebar,fixed-layout, custom-menu, featured-images, responsive-layout
*/

@import url('fonts.css');

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-weight: 300;
    line-height: 1.5em;
}

article,
aside,
footer,
header,
nav,
section,
summary {
    display: block;
}

a {
    background: transparent;
}

a:active,
a:hover {
    outline: none;
}

th, td, caption { padding:4px 5px 1px 5px}

b,
strong {
    font-weight: bold;
}

h1 {
    font-size: 36px;
    margin: 0.67em 0;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 18px;
}

p {
    margin-top: 5px;
}

img {
    border: 0;
}

button,
input,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    outline: none;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

textarea {
    overflow: auto;
}

::-webkit-input-placeholder {
    color: #9498a1;
}

:-moz-placeholder {
    color: #9498a1;
    opacity: 1;
}

::-moz-placeholder {
    color: #9498a1;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #9498a1;
}

/* Hyperlinks
------------------------------------------------------- */
a {color: #f2ffa7; text-decoration:none}

/* Body
------------------------------------------------------- */
body {
    color: white;
    margin: 0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.3em;
	background:url(images/background.png) fixed;
	overflow-y: scroll;
}

* {
    margin: 0px;
    padding: 0px;
}

.cf:before,
.cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/*вирізка в style.css*/

.inner {
    width: 1262px;
    margin: 0 auto;
    padding:0;
}

.inner .featured {
    overflow: hidden;
}

header {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

header .inner {
    position: relative;
}

header ul.lang {list-style:none;margin-top:25px}

/*
** 1.5 Header
*/
nav {
    width: 100%;
    height: 36px;
}

nav .navigation-menu {
    width: 910px;
    height: 36px;
    background:url(images/img_05.png) repeat-x;
    padding-left: 0px;
    float: left;
}

nav .navigation-menu ul {margin-right:5px}

nav .navigation-menu ul li {
    list-style-type: none;
    position: relative;
    float: right;
	background: url(images/separator.png) repeat-y right top;
	padding-right:22px;
	margin:0;
}

nav .navigation-menu ul li a {
	padding: 9px 16px;
	margin: 3px 1px 0 1px;
	font-size:14.5px;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	color:white;
	line-height: 14px;
	display:block;
	text-transform:uppercase
}

nav .navigation-menu ul li a:hover, nav .navigation-menu ul li.current-menu-item a {
    text-shadow: 1px 1px 2px brown, 0 0 15px white; color:#f2ffa7;
}

nav .navigation-menu ul li ul {
    position: absolute;
    display: none;
    z-index: 999;

	top: 95%;
	left: 0;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	list-style: none;
	background-color: #127ec0;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.2);
	*border-right-width: 2px;
	*border-bottom-width: 2px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;

}

nav .navigation-menu ul li ul li {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    float: none;
	background:none;
	margin:0;
}

nav .navigation-menu ul li ul li a {
	font-style:normal;
	display: block;
	padding: 3px 20px;
	clear: both;
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	color: white;
	white-space: nowrap;
	font-family:"Times New Roman", Times, serif;
	text-shadow:1px 1px 2px brown, 0 0 15px white;
	border-bottom: solid 1px #053667;
}

nav .navigation-menu ul li ul li a:hover {
	color:white;
	background-color: #0081c2;
	background-image: linear-gradient(to bottom,#08c,#00427a/*0077b3*/);
	background-repeat: repeat-x;
}

nav .navigation-menu ul li ul li.current-menu-item a { 
	font-size:16px;
	background-color: #0081c2;
	background-image: linear-gradient(to bottom,black,#004592);
	background-repeat: repeat-x;
}

nav .navigation-menu ul li ul ul {
    top: 0px;
    left: 100%;
}

nav .navigation-menu ul li:hover > ul {
    display: block;
}

/*
**  1.7 Footer
*/
footer {
	height:38px;
	background: url(images/img_08.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;

}

div.mmtrans-copyright {
	padding-left:6px;
	float:left;
	font-size:20px;
	padding-top:9px;
	letter-spacing:-1px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
div.mmtrans-copyright span.mylink {color:white}
div.mmtrans-copyright span:hover {cursor:progress; text-decoration:none}

/* Share42*/
.share42init {margin-top:6px; float:right}
.share42init span#share42 span.share42-item a {opacity:0.5}
.share42init:hover span#share42 span.share42-item a {opacity: 0.7}
.share42init span#share42 span.share42-item a:hover {opacity: 1.0}


a.icon-fa-facebook-f {margin-top:16px}
a.icon-fa-facebook-f::before {font-size:24px;opacity: 0.5;color: white;}
a.icon-fa-facebook-f:hover::before {opacity: 1}
.icon-fa-facebook-f img {height:19px;width:19px;}
a.icon-fa-facebook-f:hover::before {outline:dashed 1px #00ffff3b;outline-offset:5px;border-radius:30%;opacity:1}
a.icon-fa-facebook-f::before,a.icon-fa-facebook-f:hover::before {transition: all .5s ease-in-out;}

/*
**  1.8 Blog
*/
.blog-left {
    max-width: 673px;
    float: right;
	background:url(images/border-vertical-left-block-text.gif) left top no-repeat;
}

.ti-cl-full-width{
	width:100%;
}

.blog-left article { width:100%}

.blog-left article .post-title, h1.blog {
    transition: all 0.3s;
    padding-bottom: 14px;
    display: block;
    word-wrap: break-word;
	margin:2px 15px 10px 15px;
	text-align:right;
	font-size:15px;
	font-weight:bold;
	padding-top:12px;
	text-transform: uppercase;
	letter-spacing:-1px;
}

.blog-left article .post-meta {
    width: 100%;
    margin: 10px 0 30px 0;
    color: #8e8e8e;
}

.blog-left article .post-meta a[rel="author"] {
    color: #050608;
}

.blog-left article .post-meta a {
    transition: all 0.3s;
    color: #050608;
}

.blog-left article .post-meta a:hover {
    color: #fcd53a;
    text-decoration: underline;
}

.blog-left article .post-image {
    width: 150px;
    height: auto;
    padding:0 7px 0 18px;
    float: left;
}

.blog-left article .post-image img {
    max-width: 100%;
    height: auto;
    border: 1px solid #eaeaea;
}

.blog-left article .single-post-image {
    width: 100%;
}

.blog-left article .single-post-image > div {
    background-size: cover;
    width: 100%;
    height: 250px;
    background-position: center;
    margin-bottom: 10px;
    display: block;
}

.blog-left article .post-image-single {
    margin-bottom: 30px;
}

.blog-left article .post-entry {
    line-height: 16px;
    color: #fff;
    word-wrap: break-word;
	margin:0 15px;
}

.blog-left article.single-margin-top .post-entry {
	padding-bottom:10px;
}

.blog-left article .post-entry .wp-caption {
    width: 100% !important;
}

.blog-left article .post-entry input[type="password"] {
    height: 30px;
    padding: 0 28px;
    border: 1px solid #E8E8E8;
    color: #CACACA;
    font-size: 18px;
}

.blog-left article .post-entry input[type="submit"] {
    transition: all 0.3s;
    width: 206px;
    height: 30px;
    background: #FCD53A;
    border: none;
    color: #333332;
    font-weight: 500;
    font-size: 18px;
}

.blog-left article .post-entry input[type="submit"]:hover {
    opacity: 0.7;
}

.blog-left article .post-entry img {
    width: auto;
    max-width: 100%;
    height: auto;
}

.blog-left article .post-entry img.alignright {
    float: right;
    margin: 0 0 5px 5px;
}

.blog-left article .post-entry img.alignleft {
    float: left;
    margin: 0 5px 5px 0;
}

.blog-left article .post-entry img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.blog-left article .post-entry .alignright {
    float: right;
}

.blog-left article .post-entry .alignleft {
    float: left;
}

.blog-left article .post-entry .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.blog-left article .post-entry h1,
.services-entry h1 {
    margin: 10px 0;
	text-align:right;
	font-style:italic;
	font-size:11px;
	font-weight:bold;
	padding-top:12px;
	text-transform: uppercase;
	letter-spacing:-1px;
}

.blog-left article .post-entry h2,
.services-entry h2 {
    line-height: 24px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: -1px;
}

.blog-left article .post-entry h3,
.services-entry h3 {
    margin: 10px 0;
	font-size: 14px;
}

.blog-left article .post-entry h4,
.services-entry h4 {
    margin: 10px 0;
    line-height: 28px;
    font-size: 26px;
}

.blog-left article .post-entry h5,
.services-entry h5 {
    margin: 10px 0;
    line-height: 14px;
    font-size: 22px;
	letter-spacing:-1px
}

.blog-left article .post-entry h6,
.services-entry h6 {
    margin-left: 5px;
    line-height: 14px;
    font-size: 13px;
}

div#text.text h6 {margin-left:5px;}
.blog-left article .post-entry h6, .blog-left article .post-entry h2 {padding-top:12px}

.blog-left article .post-entry h2 span.mmtrans, .blog-left article .post-entry h6 span.mmtrans {
	font-style:italic;
	font-size:18px;
	font-weight:bold;
	padding-right:8px;
	padding-left:12px;
}

.blog-left article .post-entry p,
.services-entry p {
	font-size: 15px;
    line-height: 1.3em;
    font-weight: 300;
	padding:5px 4px 10px 10px;
	text-align:justify;
}

.breadcrumbs{margin-left:15px;}

center p {text-align:center !important}

.blog-left article .post-entry ul, .blog-left article .post-entry ol {margin:0 0 9px 25px;font-size:15px;line-height:1.4rem}
.blog-left article .post-entry ol > li::marker {content:counter(list-item) "› ";color:aqua;font-size:13px}
.blog-left article .post-entry ol li {position:relative;}
.blog-left article .post-entry ol li::before {content: '';position: absolute;width: 150px;height: 1px;background-color: #3b7daf;top:18px}
.blog-left article .post-entry ul {list-style-type: "⭐";padding-inline-start:1ch;}
.blog-left article .post-entry ol > li > ul > li::marker {font-size:10px}
.blog-left article .post-entry ul li {padding-left:1px;position:relative;}
.blog-left article .post-entry ul li::before {content: '';position: absolute;width: 150px;height: 1px;background-color: #b7b37eb3;top:18px}
.blog-left article .post-entry ul.good {list-style-type: "👍";}
.blog-left article .post-entry ul.bad {list-style-type: "👎";}
.blog-left article .post-entry ul.doc {list-style-type: "📝";}
.stop::before,.stop::after {content: "⛔"}
.attention::before,.attention::after {content: "❗"}
.allow::before,.allow::after {content: "👨‍✈️️"}
.tamojnya::before {content: "🛃"}

.stop::before,.attention::before,.allow::before,.tamojnya::before,
.stop::after,.attention::after,.allow::after {font-size:20px}

.stop,.attention,.allow,.tamojnya {display:inline-flex;column-gap:3px;}

.blog-left article .post-entry p:first-child,
.services-entry p:first-child {
    margin-top: 0;
}

.blog-left article .post-entry table,
.services-entry table {
    width: 100%;
}

.blog-left article .post-entry table td,
.services-entry table td {
    box-sizing: border-box;
    border:1px solid #0879be;
}

.blog-left article .post-entry dl dd,
.services-entry dl dd {
    margin: 10px 0 10px 20px;
}

.blog-left article .post-entry ul li ul li,
.services-entry ul li ul li {
    margin-left: 15px;
}

/*.blog-left article .post-entry ol li,
.services-entry ol li {
    margin: 10px 0;
    list-style-position: inside;
}*/

.blog-left article .post-entry ol li ol li,
.services-entry ol li ol li {
    margin-left: 15px;
}

.blog-left article .post-entry a,
.services-entry a {text-decoration:none;
    box-shadow: inset 0 -.45em .85em #ffffff4f;
    transition: box-shadow .7s cubic-bezier(.32,.75,.25,1);
    border-radius: 2px 2px 0 0;}

.blog-left article .post-entry a:hover,
.services-entry a:hover {
    color:#0b4e85;box-shadow: inset 0 -1.15em 0 #f2ffa7;
}

.blog-left article .post-entry abbr,
.services-entry abbr {
    border-bottom: 1px dotted #eee;
}

.blog-left article .post-entry strong,
.services-entry strong {
    font-weight: 700;
}

.blog-left article .post-entry acronym,
.services-entry acronym {
    border-bottom: 1px dotted #eee;
}

.blog-left article .post-entry big,
.services-entry big {
    font-weight: 700;
}

.blog-left article .post-entry code,
.services-entry code {
    word-wrap: break-word;
}

.blog-left article .post-entry pre,
.services-entry pre {
    padding-left: 10px;
    border-left: 10px solid #eee;
}

.blog-left article .post-entry blockquote,
.services-entry blockquote {
    padding-left: 10px;
    border-left: 10px solid #eee;
}

.blog-left article .post-entry q,
.services-entry q {
    font-style: italic;
}

.blog-left article .post-footer {
    margin:0 15px;
	min-height:30px;
	
}

.blog-left article .post-footer ul {
    float: right;
}

.blog-left article .post-footer ul li {
    height: 16px;
    line-height: 16px;
    list-style-type: none;
    font-weight: 500;
    float: left;
}

.blog-left article .post-footer ul li a,  a.readmore  {
    transition: all 0.3s;
	display: inline-block;
	padding: 4px 12px;
	cursor: pointer;
	text-shadow: 0 1px 1px rgba(255,255,255,0.4);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border: 1px solid #bbb;
	border-radius:12px;
	border-top:none;
	font-size:12px;
}

.blog-left article .post-footer ul li a:hover, a.readmore:hover  {
    color: #fcd53a;
	text-decoration: none;
	background-color: #0081c2;
	background-image: linear-gradient(to bottom,#08c,#0077b3);
	background-repeat: repeat-x;
}

.blog-left article .post-tags {
    width: 100%;
    margin-top: 60px;
}

.blog-left article .post-tags a {
    color: #414140;
    text-decoration: underline;
}

.blog-left article .post-tags a:hover {
    text-decoration: none;
}

.blog-left .post-navigation {
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin-top: 90px;
    border-top: 1px solid #ebebeb;
    text-align: center;
    color: #cacaca;
    font-weight: 400;
    float: left;
}

.blog-left .post-navigation a {
    transition: all 0.3s;
    color: #050608;
    font-weight: 500;
}

.blog-left .post-navigation a:hover {
    color: #fcd53a;
    text-decoration: underline;
}

.blog-left .post-navigation a:nth-child(1) {
    float: left;
}

.blog-left .post-navigation a:last-child {
    float: right;
}

.openresponsivemenu {
    display: none;
}

/* усіляка там індивідуалізація*/
.b {font-weight:bold}
img.border {border:1px solid #DCDCDC; margin:0 5px;}

/*Страница контакты*/

.page-id-4112 .post-entry a,.page-id-180 .post-entry a {box-shadow:none !important;}
.page-id-4112 .post-entry a:hover,.page-id-180 .post-entry a:hover {color: white !important;}
.contact-block p span.h {font-size:17px}
.contact-block p{font-size:14px !important;padding-left:3px !important}
.contact-block .pweb-field-header {font-size:15px; text-align:center}
.contact-block .pwebcontact-container {padding-top:10px; padding-bottom:0; border:1px solid}
.contact-block .pweb-field-buttons {text-align: center} /*центрирует кнопку ОТПРАВИТЬ*/


.page-id-4112 .post-entry,.page-id-180 .post-entry  {display:grid;grid-template-columns:minmax(245px,2fr); grid-row-gap:15px;
    grid-template-areas:
    "address c-form"
    "map map"
    "descr descr"}

.contact-block.address {grid-area:address;justify-self:center}
.contact-block.c-form {grid-area:c-form;justify-self:center}
.contact-block.map {grid-area:map}
.contact-block.descr {grid-area:descr}

@media only screen and (max-width:1024px) {
    .page-id-4112 .post-entry,.page-id-180 .post-entry  {
    grid-template-areas:
    "address address"
    "c-form c-form"
    "map map"
    "descr descr"}
}

@media only screen and (max-width:768px) {
    .page-id-4112 .post-entry,.page-id-180 .post-entry  {
    grid-template-areas:
    "address c-form"
    "map map"
    "descr descr"}
}

@media only screen and (max-width:510px) {
    .page-id-4112 .post-entry,.page-id-180 .post-entry  {
    grid-template-areas:
    "address address"
    "c-form c-form"
    "map map"
    "descr descr"}
}
	

/*блоки под машиной*/
div.logo-klientov {float:left;width:548px;margin-left:10px;margin-top:10px}
.title-left-sidebar {text-align:right; margin:-30px 0 10px; font-weight:normal; letter-spacing:-1px;font-size:20px;text-transform: uppercase;}

@media only screen and (max-width:1000px) {
    .title-left-sidebar {padding-top:15px;position:relative;top:-46px;margin:0;background:url(//mmtrans.com.ua/wp-content/themes/mmtrans/images/img_05-1-right-mobile.png) no-repeat right top;min-height:20px}
    .phocaguestbook {position:relative;top:-41px;}
}

@media only screen and (max-width:768px) {
    .title-left-sidebar {position:initial;margin:0 20px 20px 0;background:none;height:inherit}
    .phocaguestbook {position:initial}
}


.position-logo-klientov {display:grid;grid-template-columns: repeat(4, 137px)}
.position-logo-klientov img {padding:5px;border:1px solid #0879be;background:url(images/left-area-bg-white-40.png);width:125px;height:70px}

.mylink {color:#f2ffa7 !important}
.mylink:hover {cursor:pointer;}
/* конец блоки под машиной*/


.button1, div.usluga,#karusel, .scroll_wrapper .scrollable {
	padding:6px;
	display: block;
	background: #004e88;
	border-right: #0c2a7d solid 1px;
	border-bottom: #0c2a7d solid 1px;
	border-left: #1f68b7 solid 1px;
	border-top: #1f68b7 solid 1px;
	margin-top:4px;}
	
.button1:hover, div.usluga:hover {
	background:#00396d;
	text-decoration:none;
	cursor:pointer;}

/*мувинг блок під машиною*/
.usluga a.head img {width:26px;height:16px;float:right;}	
.usluga a.head {font-size:12.5px;line-height:16px;display:block;}
.usluga a.head.slovak{font-size:12.2px;letter-spacing: -.3px;}
.usluga a.head.germany {font-size:12.2px;letter-spacing: -.1px;}
.usluga a.head.swiss {letter-spacing: -.3px;} /*швейцарія*/
.usluga a.head.niderlandy {letter-spacing: -.4px;font-size: 12.2px} /*Нідерланди*/

.usluga:hover a.head {text-shadow: 1px 1px 2px brown, 0 0 15px white;}
.left-sidebar {
    display:grid;
    border-left:1px dotted #0b4e85; /*не убирать*/
    }

.moving {max-width:579px;margin-left:10px;padding-top:2px;}
    
.moving-out,#pwebcontact1, .pwebcont {background:#206395;display: block;border: solid 2px #6c94b6;margin-top:8px}
.moving-in {
    display:flex;
    /*grid-template-columns: repeat(auto-fill, minmax(185px,3fr));
    grid-auto-rows: 34px;
    justify-items: center;*/
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 1px;
    padding: 8px}

p.moving-header {
    letter-spacing: -1px;
    font-size: 17px;
    text-align:right;
    text-transform: uppercase;
    margin-top:-24px;
    margin-right:30px;}

@media only screen and (max-width:1000px) {
    p.moving-header {
    margin-top: -38px;
    background: url(/wp-content/themes/mmtrans/images/img_05-1-right-mobile.png) no-repeat right top;
    padding-top: 15px;
    height: 20px;}
}
   
.moving div.usluga {padding:6px 3px; margin:0;font-family:Helvetica;min-width:176px;}

.left-sidebar .carusel {margin:10px 0 0 10px; max-width:inherit;}
p.head-carusel{
    background:url(/wp-content/themes/mmtrans/images/img_05_table-head.png) repeat-x;
    letter-spacing: -1px;
    font-size: 17px;
    text-align: center;
    text-transform: uppercase;
    padding: 4px;
    max-width:548px;
    margin:4px 4px 0 4px;
    font-style:italic; 
    position: relative;
    z-index: 0;
    overflow: hidden;
    transition: color .3s ease-out;
}

p.head-carusel::before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   transform: translateY(calc(100% - 2px));
   width: 100%;
   height: 0;
   background-image: linear-gradient(60deg, #64b3f4 0%, #c2e59c 100%);
   transition: transform .25s ease-out;
}

p.head-carusel:hover {color: black !important}
p.head-carusel:hover::before {transform: translateY(0);transition: transform .25s ease-out;height: 100%;}



#pwebcontact1_box {margin:0 auto}
#pwebcontact1_container,.pwebcont-box {margin:9px auto}
#pwebcontact1 .pweb-field-container.pweb-field-buttons {text-align:center}

a.pwebcontact3_toggler {
    background-color: #FFFFFF;
    border-radius: 40em;
    box-shadow: #ADCFFF 0 -12px 6px inset;
    color: #000000;
    display: block;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -.6px;
    padding: 1rem 1.3rem;
    transition: all .15s;
    text-align: center;
    margin:0 auto;
    max-width:250px;}
a:hover.pwebcontact3_toggler {background-color:#FFC229;box-shadow:#FF6314 0 -6px 8px inset;transform:scale(1.125);}
a:active.pwebcontact3_toggler {transform: scale(1.025)}

.left-sidebar .bx-wrapper img {width:180px;height:112px;border:1px dashed #6d95b6;}


/*карусель клиентов*/
.carusel {max-width:579px; margin:10px}
.carusel-out {background:url(images/left-area-bg-white-40.png); padding:2px; margin-bottom:10px}
.carusel-in { padding:5px;background:url(images/left-area-bg70.png)}
.scroll_wrapper .scrollable {padding:0; margin:0;border-top:none;}

/*Інфоцентр faq-ukr.html*/
ul.faq {list-style: none;margin:0 !important;display: flex;justify-content:space-evenly;flex-wrap: wrap;gap: 8px 5px;padding-inline-start:0 !important}
ul.faq li {border:#0b4e85 1px solid;width:140px;height:120px;background:#004e88;border-right: #0c2a7d solid 1px;border-bottom:#0c2a7d solid 1px;border-left:#1f68b7 solid 1px;border-top:#1f68b7 solid 1px;text-transform:uppercase;padding:4px;padding-left:4px !important; text-align:center;display:flex;align-items:center;justify-content:space-around;position:relative;z-index:20;box-shadow: inset 0 -.45em .85em #ffffff4f}
ul.faq li::before {display:none;}
ul.faq li a {text-decoration:none !important;color:white;font-size:16px;line-height:20px;box-shadow:none !important;display: flex;height: 100%;align-items: center;}
ul.faq li:hover a {color:#0b4e85}
ul.faq li:hover a:hover {color:#0b4e85;transform:scale(1.05);}
ul.faq li:hover {background:white;border-radius:15px;border-color:#59a3d8;box-shadow: -1px -1px 35px 16px rgba(255,255,255,1);z-index:21}
ul.faq li:hover, ul.faq li,ul.faq li a,ul.faq li:hover a,ul.faq li:hover a:hover {transition: all 0.3s linear 0s !important}

/*сторінка з прапорцями perevozka-lichnykh-veshchej-za-granitsu-iz-ukrainy-v-evropu.html*/
.flag {display: grid;grid-template-columns: repeat(auto-fill,minmax(185px,3fr));grid-auto-rows:40px;justify-items:center;max-width:600px}
.flag > div {width:120px;display:flex;align-items: center;}
.flag img {width:40px;height:24px;border:solid 1px #fff;margin-right:3px}
.flag a {box-shadow: none !important;}
.flag a:hover {color:white !important;}

/* отзывы */
.phocaguestbook .well {	padding: 9px;	margin-bottom: 20px;	border: 1px solid #7fd9eb;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;}
.phocaguestbook h5.pgtitle { font-size:15px;background:#0879be; padding:8px; margin:2px;}
.phocaguestbook blockquote {padding: 0 0 0 15px; margin: 0 0 18px;	border-left: 5px solid rgba(0,0,0,0.15);color:#d1d1d1}
.phocaguestbook hr {margin:10px 0; border:1px solid #7fd9eb}
.phocaguestbook .pgb {line-height:18px}

/*галерея */
#fancybox-content {border-width:1px !important} /*границя навколо попупнутої картинки*/

[id^=gallery-] {display:flex;flex-wrap:wrap;gap:5px 2px;justify-content:space-evenly} /*все це працює лише для галереї в columns-3*/
[id^=gallery-] > br {display:none;}
[id^=gallery-] .gallery-item {margin:0 !important;width:initial !important;}
[id^=gallery-] img {border:none !important;max-width:100%;width:150px !important;height:150px !important;padding:0}
[id^=gallery-] img:hover,#gallery-4 img:hover {outline: 1px solid white;border-radius: 2px;}
[id^=gallery-] a {box-shadow: none !important;}
/*[id^=gallery-] {display:grid;grid-template-columns:repeat(auto-fill, minmax(150px,4fr));grid-gap:10px 2px;justify-items:center}*/
/*кінець галереї */

.rekomenduyut .phocaguestbook .pgb p {margin-top:0; line-height:17px} /*для страницы галерея*/
div.rekomenduyut {max-width:579px; margin-left:8px; margin-top:10px}

.call-me.mobile {display:none}

.footer-kiev {float:left;margin:3px 0 0 20px; font-size:15px;}
.footer-phone { float:left; margin-left:20px; margin-top:9px;text-align:right}
.footer-phone span {font-size:14px}
.footer-phone a {color:white}

#pwebcontact2, #pwebcontact3 {display:none} /*приховує кнопку "Перезвони мне"*/
#pwebcontact2_container {border:solid}/*вистрибуючі форми повідомлень*/
#pwebcontact1_header-0, #pwebcontact2_header-0 {text-align:center}


/*uslugi.html*/
.uslugi {
	margin:20px;
	margin-left:7%;
	display:inline-block;
	border:#0b4e85 1px solid;
	min-width:245px;
	min-height:233px;
	background: #004e88;
    border-right: #0c2a7d solid 1px;
    border-bottom: #0c2a7d solid 1px;
    border-left: #1f68b7 solid 1px;
    border-top: #1f68b7 solid 1px;
	text-transform:uppercase;
	font-size:16px;
	letter-spacing:-1px;
	text-align:center !important;
	font-style:italic;
box-shadow: inset 0 -.45em .85em #ffffff4f}
	
.uslugi img {border:none; margin:0 auto;}

div:hover.uslugi {
	background:white;
	border-radius:15px;
	border-color:#59a3d8;
	-webkit-box-shadow: -1px -1px 35px 16px rgba(255,255,255,1);
	-moz-box-shadow: -1px -1px 35px 16px rgba(255,255,255,1);
	box-shadow: -1px -1px 35px 16px rgba(255,255,255,1);}

.uslugi, .uslugi a {
  -o-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -webkit-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;}
  
div:hover.uslugi a {color:#0b4e85 !important}
.uslugi a {text-decoration:none !important; line-height:normal; color:white !important; padding-bottom:10px; display:block;box-shadow:none !important;}
/*кінець uslugi.html*/

#menu-item-2182,#menu-item-4119 {padding-right:0;background:none;margin-top:6px}
#menu-item-2182,#menu-item-2182 a,#menu-item-4119,#menu-item-4119 a {font-size:14px;
    -o-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -webkit-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;}

#menu-item-2182 a,#menu-item-4119 a {
    margin: 0 auto;
    border-radius:25px 0;
    padding: 5px 24px 3px;
    background-color: #FFFFFF;
    box-shadow: #ADCFFF 0 -12px 6px inset;
    color: #000000;
    transition: all .15s;
}
#menu-item-2182 a:hover,#menu-item-4119 a:hover {background-color:#FFC229;box-shadow:#FF6314 0 -6px 8px inset;transform:scale(1.115);}

form#pwebcontact1_form span.pweb-asterisk {visibility:hidden} /*приховує зірочки*/
#pwebcontact1_header-0 {line-height:23px; font-weight:bold;margin-bottom:30px}
#pwebcontact3_header-0 {text-align:center}

.post-entry h6 a,article div.post-footer.fake ul li a {text-decoration:none !important}
article .post-entry.fake {margin:0}
article .post-image.fake,article .post-entry.fake p {padding-left:6px}

div.share {margin-top:18px;}
div.share a.share {opacity:0.5;transition: all 350ms ease-in-out;}
div.share:hover a.share {opacity: 0.7;transition: all 350ms ease-in-out;}
div.share a.share:hover {opacity: 1.0;transition: all 350ms ease-in-out;outline:dashed 1px #00ffff3b;outline-offset:5px;border-radius:30%}
div.share a.share img { width:24px;height:24px; border:none;}
div.share div.fb a { background: url(../../../share42/icons24-fb-yt-tw.png)}
div.share div.tw a { background: url(../../../share42/icons24-fb-gp-tw2.png) 24px;}
div.share div.yt a { background: url(../../../share42/icons24-fb-yt-tw.png) 48px}
div.fb a,div.vk a,div.ok a,div.mr a,div.yt a,div.tw a {width:24px; height:24px;margin: 0 3px 0 0; float:left;}

.ramka {border: 1px solid white; margin-left:4%;margin-right:4%; padding:10px !important;display:block;}
ul.check li {list-style:none; background:url(images/check.gif) no-repeat left; background-position-y:3px; padding-left:20px}


.mark1 {background:url(images/border-bottom-mark1.gif) repeat-x bottom}

/*переклади*/
html:lang(ru) span:lang(uk),
html:lang(uk) span:lang(ru),
html:lang(ru) :lang(uk).rekomenduyut,
html:lang(uk) :lang(ru).rekomenduyut,
html:lang(ru) .left-sidebar :lang(uk),
html:lang(uk) .left-sidebar :lang(ru),
html:lang(ru) .mobile-zayavka :lang(uk),
html:lang(uk) .mobile-zayavka :lang(ru),
html:lang(ru) .ukrainian,
html:lang(uk) .russian {display:none;}
html:lang(ru) .lider-otrasli {background:url(images/lider-otrasli.png) top center no-repeat; padding-top:80px; margin-top:20px}
html:lang(uk) .lider-otrasli {background:url(images/lider-galuzi.png) top center no-repeat; padding-top:80px; margin-top:20px}

/*замінює назву мови на її код*/
.top-r ul.lang a:lang(ru),.top-r ul.lang a:lang(uk),nav ul.lang a:lang(ru),nav ul.lang a:lang(uk) {font-size:0;visibility:hidden}
.top-r ul.lang a:lang(ru)::after,nav ul.lang a:lang(ru)::after {content:'RU'}
.top-r ul.lang a:lang(uk)::after,nav ul.lang a:lang(uk)::after {content:'UA'}
.top-r ul.lang a:lang(ru)::after,nav ul.lang a:lang(ru)::after, 
.top-r ul.lang a:lang(uk)::after,nav ul.lang a:lang(uk)::after {visibility:visible;font-size:18px;font-weight:bold;color:white;opacity:0.5}

.top-r ul.lang a:hover::after,nav ul.lang a:hover::after {outline:dashed 1px #00ffff3b;outline-offset:5px;border-radius:30%;opacity:1}
.top-r ul.lang a::after,nav ul.lang a:hover,.top-r ul.lang a:hover::after,nav ul.lang a:hover::after {transition: all .5s ease-in-out;}

/*нагадувалка на час війни*/
article.post-210 span.avtoperevozka,article.post-4170 span.avtoperevozka,
.page-id-4112 .war, .page-id-180 .war,
.page-id-4117 .war, .page-id-2062 .war, 
.page-id-4102 .war, .page-id-75 .war,
.page-id-3300 .war, .page-id-4199 .war{display:none}

.war {margin:5px 3%; font-size: 16px; line-height: 1.3em; font-weight: 300; padding: 10px; text-align: justify;border-radius:10px;outline:dashed 1px #ccc}
.war:hover {outline-color:aqua;cursor:url("images/blue-mouse.png"),auto}
.war a {padding:0 10px;display:inline-block}
.war a img {width:50px;height: 50px;border:solid 2px #d0d0d0;border-radius: 50%}
.war a:hover img {border-color:white}
.war > div {padding:10px 0;text-align:center;}
/* кінець усілякої індивідуалізації */


/*
**  2 - Responsive
*/
@media only screen and (max-width: 300px) {.breadcrumbs {flex-wrap: wrap;margin-top:15px}}
@media only screen and (max-width: 349px) {header nav .navigation-menu {margin-left:40%}}

@media only screen and (max-width: 434px) {header > nav > ul.lang {padding-right:1px !important}}
/*
**  2.2 Max Width: 480px
*/
@media only screen and (max-width: 480px) {
    .responsivemenu {float:right;}
	.top-r, .page-l-mashinka, .otstup-r, .menu-l, .corner, .otstup-l, div.rekomenduyut {display:none}
	#main-content,header .inner {position: inherit}
	.container {width:auto}
	header {height:159px}
	.blog-left {background:none}
	div.mmtrans-copyright {font-size:11px !important}
    .footer-kiev > .vcard > .adr > span:nth-child(1) {display:none;}
}

/*
** 2.25 Max Width: 530px
*/
@media only screen and (max-width: 530px) {.footer-kiev {display:none;}footer {display:flex;justify-content:center;align-items:center;}.footer-phone{margin:0}}

/*
** 2.3 Max Width: 580px
*/
@media only screen and (max-width: 580px) {
	.mobile {display:none !important}
	.blog-left article .post-entry table.logo-klientov img{max-width:100% !important}
	div.mmtrans-copyright {font-size:15px; font-weight:normal}
	.uslugi {min-width:150px; min-height:100px;	font-size:13px; margin:14px 18%}
}

@media only screen and (max-width: 617px) {
	.call-me.mobile { display:none !important}
    .footer-kiev {margin-left:6px; font-size:11px;}
    .blog-left article .post-entry {margin:2px}
    .blog-left article .post-entry p {padding:4px}
    .blog-left article .post-entry h6, .blog-left article .post-entry h2 {text-align:center;}
}

@media only screen and (max-width: 666px) {
	.call-me.mobile {letter-spacing:-1px}
	.top-l {width:285px !important}
}

/*
**  2.4 Max Width: 768px
*/
@media only screen and (max-width: 768px) {
    .breadcrumbs {margin-left:0;display: flex;column-gap:5px;align-items: center;justify-content: space-evenly;text-align:center;}
    .breadcrumbs > span > a {display:inline-flex;padding:5px; font-size:15px}
	.top-r, .page-l-mashinka, .otstup-l, #replaceMe, li#menu-item-2182, li#menu-item-4119 {display:none !important}
	#main-content,header .inner {position: inherit}
	.container {width:auto}
	.top-l {background:url(images/img_01-mobile.png) no-repeat right;width:300px}
	nav {height:66px; background:url(images/img_02-mobile.png) repeat-x !important}
	svg {margin:0 auto}
	header {height:90px}
	.call-me.mobile {display: inherit; float:left; line-height:24px; margin-top:8px}
	.call-me a {margin-left:0; display:inline-block}
	.call-me.mobile a.ph {margin-left:15px;}
	.nav-container.responsivemenu li {
		display:block !important;
		clear:both;
	}

	header nav .navigation-menu {
        width: 18%;
		height: inherit;
		background:none;
    }

    .navigation-menu .openresponsivemenu {
        margin-left:75px;
        display: block;
        fill: white;
        cursor: pointer;
		float:right;
    }

    header > nav > ul.lang {display:block !important;margin-top:0;padding:24px 24px 0 0;float:right}

    .navigation-menu .nav-container {
        display: none;
    }

    .responsivemenu {display: block !important;float:left}

    .responsivemenu ul {
        box-sizing: border-box;
        background: #003364;
        position: relative;
        z-index: 999999;
        float: left;
        border-bottom: 3px solid #414140;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .responsivemenu ul li {
        width: 100% !important;
        font-size: 15px !important;
		padding:2px !important;
		margin:0 !important;
		background:none !important;
    }

    .responsivemenu ul li a {
        text-align: center;
        line-height: 28px !important;
        height: 30px !important;
        padding: 0 !important;
        border-bottom: 1px solid #414140;
    }

    .responsivemenu ul li a:hover {
    border-bottom: 1px solid #414140 !important;
	color:white;
	background-color: #0081c2;
	background-image: linear-gradient(to bottom,#08c,#00427a/*0077b3*/);
	background-repeat: repeat-x;
    }

    .responsivemenu ul li ul {
        width: 100% !important;
        margin-top: 0 !important;
        position: initial !important;
        display: block !important;
        border: none !important;
    }
	
    .responsivemenu ul li ul li a {line-height: 20px !important;}
	
	.mobile-zayavka {display:block !important;max-width:280px;min-height:200px;margin:0 auto;text-align:center}

    .mobile-zayavka img {width:280px;height:138px;}

	a.button {
    background-color: #FFFFFF;
    border-radius: 40em;
    box-shadow: #ADCFFF 0 -12px 6px inset;
    color: #000000;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: -.24px;
    padding: 1rem 1.3rem;
    transition: all .15s;}
	a:hover.button {background-color:#FFC229;box-shadow:#FF6314 0 -6px 8px inset;transform:scale(1.125);}

    #main-content{background:none}
    #main-content .blog-left {
		max-width:1024px;
        width: 100% !important;
		background:none !important;
    }
	article {float:none}

	div.rekomenduyut {max-width:1024px; width:100% !important; margin:auto !important; clear:both}
    #main-content .sidebar {
        width: 100% !important;
        margin-top: 30px;
    }
    .moving, .carusel {display:none;}
    .footer-phone span {font-size:16px}
}

/*
**  2.5 Max Width: 830px
*/
@media only screen and (max-width: 830px) {
	.head-letter b,.head-call b {display:none}
	.head-letter,.head-call { margin:10px 0 0 0 !important}
	.head-call {float:left; margin-left:15px !important}
	.top-slogan {width:230px !important}
}
/*
**  2.5 Max Width: 1024px
*/
@media only screen and (max-width: 1024px) {
    body {background:#ccc }
	.container, .inner {width:99.7%}
	.container {border:none; box-shadow:none}
	div.top-slogan {background:none}
	.head-letter {margin-left:2%}
	.head-call {margin-right:0}
	.menu-l, .otstup-r, .corner {display:none}
	.top-slogan {margin-left:10px; width:80%}
	nav {background:url(images/img_05.png) repeat-x}
    nav .navigation-menu {width:100%}
	nav .navigation-menu ul {margin-right:0; min-width:120px}
	nav .navigation-menu ul li {padding-right:10px; margin:0}
	nav .navigation-menu ul li a {padding-left:0}

    #main-content .blog-left {width: 48%; background:url(images/border-y.gif) left repeat-y #0b4e85}

	div.rekomenduyut {width:50.5%}
	div.logo-klientov {display:none}
	.border-right {background:none}

	.blog-left article.single-margin-top .post-entry{background-size:100%;margin:1px}
    .blog-left article .post-entry {min-height:405px}

}

p.mark1 {padding:0 !important;}
.mark1{display: inline;
	/*height: 340px; /* задаем произвольную высоту и ширину блока */
	width:100%;
	background-image: url(images/border-bottom-block-mark1.gif);
	animation: animatedBackground 40s linear infinite;
	-moz-animation: animatedBackground 40s linear infinite;
	-webkit-animation: animatedBackground 40s linear infinite;
 	-o-animation: animatedBackground 40s linear infinite;
	/* так же, как и с @keyframes, префикс -ms тут ни к чему */
}
@keyframes animatedBackground {
    0 {background-position: 0 100%}
    100% {background-position: -600px 100% /* анимируем свойство background-position */}
}
/* Mozilla Firefox 5.0+ */
@-moz-keyframes animatedBackground {
    0 {background-position: 0 0}
    100% {background-position: -600px 600px}
}
/* Safari 4.0+, Chrome 4.0+ */
@-webkit-keyframes animatedBackground {
    0 {background-position: 0 0}
    100% {background-position: -600px 600px}
}
/* Opera 12.0+ */
@-o-keyframes animatedBackground {
    0 {background-position: 0 0}
    100% {background-position: -600px 600px}
}