@font-face {
    font-family: 'Ubuntu Medium';
    src: local(pompadur), url('https://zhdprofi.ru/style-css/ubuntu-medium.ttf'); 
   }

 @font-face {
    font-family: 'Ubuntu';
    src: local(pompadur), url('https://zhdprofi.ru/style-css/ubuntu.ttf'); 
   }
   
 @font-face {
    font-family: 'AdverGothic';
    src: local(pompadur), url('https://zhdprofi.ru/style-css/advergothic.ttf'); 
   }



@import url('https://zhdprofi.ru/style-css/ubuntu-medium.ttf');
@import url('https://zhdprofi.ru/style-css/ubuntu.ttf');
@import url('https://zhdprofi.ru/style-css/advergothic.ttf');


* { padding:0; margin:0; -moz-box-sizing: border-box; box-sizing: border-box;}

body {text-align:center; min-width: 300px; margin:0 auto; box-shadow: 0 0 15px rgba(73, 49, 185, 0.8); max-width:1500px; }

/* Header  */

#head-line-cont {background-position: center bottom; background-image:url('https://zhdprofi.ru/grafics/omsk.svg'); background-repeat:no-repeat;}

#head-line {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    -background-position: center bottom; -background-image:url('https://zhdprofi.ru/grafics/omsk.svg'); -background-repeat:no-repeat;
    max-width: 1170px;
    min-width: 300px;
    text-align:justify;
}


body {max-width:1500px;}
#logo {display:inline-block;}
#logo a {text-decoration:none}
#logo img {width:150px;}
#head-line ul {font-family: 'Ubuntu Medium', arial; font-size:19px; display:inline-block; text-transform: uppercase; color:#e8570f; padding:10px 0 0 0px; position:relative; vertical-align:top; line-height:30px; margin-left:40px;}
#head-line ul span {color:#1d1e57; position:relative; left:-5px;}

#head-line-left {float:left;}
#head-line-right {float:right;}

.clear {clear:both; }
#phones, #call-back-address { display:block; float:left;}
#phones {color:#1d1e57; padding:7px 0; }
#phones a {color:#1d1e57; text-decoration:none;}
#phones span {font-family: 'Ubuntu', arial; font-size:20px; display:block; padding:5px 0 0 5px;}
#phones span img {position:relative; left:-5px; width:20px; height:20px; position:relative; top:3px; }

#phones span:last-child {font-family: 'Ubuntu Medium', arial; font-size:16px; color:#ff6f22;}
#phones span:last-child img {position:relative; left:-5px; width:20px; height:20px; position:relative; top:3px; }
#phones span:last-child a, #phones span:last-child p {color:#ff6f22; text-decoration:none; display:inline-block;}


#call-back-address {text-align:center; margin-left:20px;}
#call-back-address #call-back-link {display:block; padding:12px 0 0 20px; clear:both; margin:auto; text-align:center }

#call-back-address #call-back-link { background-color:#ff5c0c; height:32px; width:250px; -moz-border-radius: 16px; -webkit-border-radius: 16px; padding:7px 0;
border-radius: 16px; margin:14px auto 0 auto; margin:18px auto 0 auto; cursor:pointer; font-weight:600;}
#call-back-address #call-back-link:hover { background-color:#ff7200;}
#call-back-address #call-back-link:active { background-color:#dd4b02;}

#call-back-address #call-back-link {text-decoration:none; font-size:12px; color:#fff; text-transform: uppercase; padding:9px 0; }

#call-back-address .mail-us {display:block; padding:12px 0 0 20px; clear:both; margin:auto; text-align:center; border:1px #ff5c0c solid; background-color:#fff; color:#ff5c0c;}
#call-back-address .mail-us { height:32px; width:250px; -moz-border-radius: 16px; -webkit-border-radius: 16px; padding:7px 0;
border-radius: 16px; margin:12px auto 0 auto; cursor:pointer; text-decoration:none; font-size:12px; text-transform: uppercase; padding:9px 0; font-weight:600;}
#call-back-address .mail-us:hover {background-color:#ff5d0c; color:#fff;}
#call-back-address .mail-us:active {background-color:#dd4b02; color:#fff;}


/* TOP MENU  */
#top-menu-line {height:44px; width:100%; background-color:#27297e;z-index:1000;position:relative;}
#top-menu-line nav {max-width:1170px; min-width:300px;margin:0 auto; text-align:justify;}
#top-menu-line nav ul {list-style-type: none; display:block; float:left;}
#top-menu-line nav ul li {display:inline-block; padding:11px 20px; font-family: 'Ubuntu', arial; font-size:17px; height:44px;}
#top-menu-line nav ul li a {color:#fff; text-decoration:none; }
#top-menu-line nav ul li:hover { background-color:#ff5d0b;}

#top-search-form { display:block; float:right; width:250px; height:44px; padding:0; position:relative;}
#top-search-form .search-text-field { display:block; outline:none; color:#fff; background-color:#1b1d69;  position:absolute; top:7px; border:none; height:30px; width:250px; padding-left:10px; -moz-border-radius:15px; -webkit-border-radius:15px;}
#top-search-form input.search-text-field::placeholder {color:#666ad4; position:relative; left:10px;}

#top-search-form .search-submit {display:block; outline:none; background-image:url('https://zhdprofi.ru/grafics/search.svg'); background-position:center center; background-repeat:no-repeat; height:30px; width:30px;background-color:#1b1d69; border: none; position:absolute; top:7px; right:0; cursor:pointer;}
.mobile-menu-toggle {display:block; float:left; width:30px; height:30px; margin:5px; position:relative;cursor:pointer; display:none;}
.mobile-menu-toggle span { position:absolute; top:13px; width:100%; display:block; height:4px; background-color:#fff; -moz-border-radius:2px; -webkit-border-radius:2px;}
.mobile-menu-toggle span:first-child {top:0px; top:3px;}
.mobile-menu-toggle span:last-child {bottom:3px; top:auto;}


.mobile-menu-toggle.active {}
.mobile-menu-toggle.active span {
-moz-transform: rotate(45deg); height:5px;
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.mobile-menu-toggle.active span:first-child {top:13px;
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.mobile-menu-toggle.active span:last-child { display:none;}


.wrapper {z-index:999; position:relative;}

/* Услуги */
.our-services {background:url('https://zhdprofi.ru/grafics/uslugi.jpg') no-repeat; background-position:center top; min-height:636px; z-index:999;}
.our-services h2 { font-family:AdverGothic, arial; font-size:32px; color:#fff; font-weight:400; padding:50px 0;}

.our-services ul {list-style-type: none; display:block; padding-top:200px;}
.our-services ul li {display:inline-block; position:relative; width:160px; height:160px;}

.our-services ul li:nth-child(2n+1) {top:85px;}

.our-services ul li span {
	width:150px; height:150px; background-color:#0a0d21; border:1px #fff solid;
    -moz-transform: rotate(45deg); /* Для Firefox */
    -ms-transform: rotate(45deg); /* Для IE */
    -webkit-transform: rotate(45deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(45deg); /* Для Opera */
    transform: rotate(45deg);
    display:block;
    position:absolute; top:0; left:0;
    opacity: 0.8;
    filter: alpha(Opacity=80);
    box-shadow: 0 0 15px;
}

.our-services ul li:hover span {background-color:#e9580f;}

.our-services ul li a {
    position:absolute; display:block; left:0; text-decoration:none; color:#fff; font-family: 'Ubuntu', arial; font-size:18px; width:150px; height:150px; padding-top:87px;
 
}

.our-services ul li:nth-child(1) a {background:url('https://zhdprofi.ru/grafics/overhaul-of-wheel-sets.svg') no-repeat; background-position:center top; }
.our-services ul li:nth-child(2) a {background:url('https://zhdprofi.ru/grafics/current-repair-of-cars.svg') no-repeat; background-position:center top; }
.our-services ul li:nth-child(3) a {background:url('https://zhdprofi.ru/grafics/repair-wheel-pairs.svg') no-repeat; background-position:center top; }
.our-services ul li:nth-child(4) a {background:url('https://zhdprofi.ru/grafics/cutting-cars.svg') no-repeat; background-position:center 23px; }
.our-services ul li:nth-child(5) a {background:url('https://zhdprofi.ru/grafics/repair-parts.svg') no-repeat; background-position:center 18px; }
.our-services ul li:nth-child(6) a {background:url('https://zhdprofi.ru/grafics/materials-of-the-upper-structure-of-the-path.svg') no-repeat; background-position:center top; padding-top: 78px;}

/*
.our-services ul li:nth-child(7) a {background:url('https://zhdprofi.ru/grafics/storage-repair-parts.svg') no-repeat; background-position:center 18px; }

.our-services ul li:nth-child(7) a {padding-top:95px;}
*/



/* Преимущества */

.our-advantages {text-align:center; padding:50px 0 100px 0; }

.our-advantages h2 { font-family:AdverGothic, arial; font-size:32px; color:#1d1e57; font-weight:400; padding:100px 0 45px 0;}

.our-advantages ul {list-style-type: none; display:block; text-align:center; margin:0 auto;}
.our-advantages ul li {display:inline-block; width:145px; height:165px; text-align:center; margin:0 20px;}

.our-advantages ul li b:before {display:block; content:""; width:100px; height:100px; margin:0 auto; margin-bottom:10px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; }


.our-advantages ul li:nth-child(1) b:before {background:url('https://zhdprofi.ru/grafics/innovativeness.svg') no-repeat; background-position:center center; background-color:#ededed; }
.our-advantages ul li:nth-child(2) b:before {background:url('https://zhdprofi.ru/grafics/expertise.svg') no-repeat; background-position:center center; background-color:#ededed;}
.our-advantages ul li:nth-child(3) b:before {background:url('https://zhdprofi.ru/grafics/convenient-logistics.svg') no-repeat; background-position:center center; background-color:#ededed;}
.our-advantages ul li:nth-child(4) b:before {background:url('https://zhdprofi.ru/grafics/high-quality.svg') no-repeat; background-position:center center; background-color:#ededed;}
.our-advantages ul li:nth-child(5) b:before {background:url('https://zhdprofi.ru/grafics/efficiency.svg') no-repeat; background-position:center center; background-color:#ededed; }



.our-advantages ul li b {text-decoration:none; display:block; color:#181818; font-family: 'Ubuntu', arial; font-size:16px; font-weight:400; height:140px;}


/* О компании  */

.our-company {text-align:center; position:relative; margin:0 auto; min-height:700px; max-width:1920px; padding:70px 0;}
.our-company:before { display:block; height:500px; width:100%; background:url('https://zhdprofi.ru/grafics/company-bg-1920.gif') no-repeat; background-position:center top; position:absolute; top:0; 
-webkit-transform-origin: 100% 0%; 
-ms-transform-origin: 100% 0%; 
transform-origin: 100% 0%;
-webkit-transform: skewY(-4deg);
-ms-transform: skewY(-4deg);
transform: skewY(-4deg);
content:"";
z-index:-1;
}

.our-company .video iframe, .our-company .video object, .our-company .video embed {
    width:500px;
    height:316px;
    vertical-align:top;
	box-shadow: 0 0 15px rgba(0,0,0,0.5);
}

.our-company .video { width:500px; display:inline-block; min-height:386px; background-color:#fff; padding-top:70px; background:transparent; margin:20px;}
.our-company .video img { width:100%;   box-shadow: 0 0 15px rgba(0,0,0,0.5);}


.our-company .text-block { display:inline-block; width:500px; vertical-align:top; background-color:#fff; margin:20px 20px 20px 30px; padding:50px 15px; box-shadow: 0 0 15px rgba(0,0,0,0.5);}
.our-company .text-block img { width:450px; margin:20px 0 20px 20px; }
.our-company .text-block h2 {font-family: 'AdverGothic', arial; font-size:32px; color:#1d1e57; text-align:center; padding:20px 0; }
.our-company .text-block p {font-family: 'Ubuntu', arial; font-size:16px; text-align:left; margin:20px 0 20px 20px;}
.more-detailed, .price-download { font-size:16px; margin:20px auto; font-family: 'Ubuntu Medium', arial; padding:10px; cursor:pointer; width:250px; height:40px; display:inline-block; text-align:center; color:#ff5d0b; border:1px #ff5d0b solid; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; text-decoration:none;}

.more-detailed:hover, .price-download:hover {background-color:#ff5d0c; color:#fff;}
.more-detailed:active, .price-download:active {background-color:#dd4b02; color:#fff;}




/* Страница  */

.our-page {text-align:center; margin:0 auto; min-height:700px; max-width:1920px; padding:0px 0 70px 0; overflow:hidden; position:relative; overflow:hidden; z-index:-1;}
.our-page .before { display:block; height:783px; width:100%; background:url('https://zhdprofi.ru/grafics/company-bg-1860.gif') no-repeat; background-position:center top; position:absolute; top:0;
content:"";
z-index:-1;
}

.our-page .text-block { display:inline-block; width:800px; min-height:600px; vertical-align:top; background-color:#fff; margin:150px 20px 20px 30px; padding:50px 55px; box-shadow: 0 0 15px rgba(0,0,0,0.5);}
.our-page .text-block h2 {font-family: 'Ubuntu', arial; font-size:24px; color:#1d1e57; text-align:left; padding:20px 0 10px 0px; clear:both;}
.our-page .text-block p {font-family: 'Ubuntu', arial; font-size:16px; text-align:left; margin:20px 0 20px 0; line-height:200%; overflow: hidden;}
.our-page .text-block ul {font-family: 'Ubuntu', arial; font-size:16px; margin:20px 0 20px 60px; text-align:left; line-height:200%;}
.main-heading h1 {font-family: 'AdverGothic', arial; font-size:32px; padding:60px 0 0 0; color:#1d1e57; text-transform:uppercase; line-height:200%;}


.our-page .overhaul-of-wheel-sets {background:url('https://zhdprofi.ru/grafics/overhaul-of-wheel-sets.svg') no-repeat; background-position:center center; width:150px; height:150px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:block; float:left; margin:30px 40px 30px 0; background-color:#1d1e57;}
.our-page .current-repair-of-cars {background:url('https://zhdprofi.ru/grafics/current-repair-of-cars.svg') no-repeat; background-position:center center; width:150px; height:150px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:block; float:left; margin:30px 40px 30px 0; background-color:#1d1e57;}
.our-page .repair-wheel-pairs  {background:url('https://zhdprofi.ru/grafics/repair-wheel-pairs.svg') no-repeat; background-position:center center; width:150px; height:150px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:inline-block; float:left; margin:30px 40px 30px 0; background-color:#1d1e57;}
.our-page .cutting-cars  {background:url('https://zhdprofi.ru/grafics/cutting-cars.svg') no-repeat; background-position:center center; width:150px; height:150px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:block; float:left; margin:30px 40px 30px 0; background-color:#1d1e57;}
.our-page .materials-of-the-upper-structure-of-the-path  {background:url('https://zhdprofi.ru/grafics/materials-of-the-upper-structure-of-the-path.svg') no-repeat; background-position:center center; width:150px; height:150px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:block; float:left; margin:30px 40px 30px 0; background-color:#1d1e57;}
.our-page .repair-parts  {background:url('https://zhdprofi.ru/grafics/repair-parts.svg') no-repeat; background-position:center center; width:150px; height:150px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:block; float:left; margin:30px 40px 30px 0; background-color:#1d1e57;}

.our-page .storage-repair-parts {background:url('https://zhdprofi.ru/grafics/storage-repair-parts.svg') no-repeat; background-position:center center; width:150px; height:150px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:block; float:left; margin:30px 40px 30px 0; background-color:#1d1e57;}



.our-page .abz {display:inline-block; float:right; width:500px;}
.our-page .photo {display:block; float:left; width:150px; margin:20px auto;}
.our-page .photo a img { width:150px; margin:5px auto;}


.our-page .abz2 {display:inline-block; float:none; width:auto;}
.our-page .abz2 .photo a { width:200px;  display:inline-block; float:left;margin:10px 10px 10px 10px;}
.our-page .abz2 .photo a img { width:200px; }
.our-page .abz2 .photo:after { display:block; content:""; clear:both; width:100%;}
.our-page .abz2 img.only_one { width:250px;  display:inline-block; float:left; margin:20px 30px 30px 0;}
.our-page .abz2 p, .our-page .abz2 ul {overflow: hidden; }
.our-page .abz2 ul { padding-left:40px; }









/* Клиенты */

.our-clients {padding:20px 0 0px 0; }
.our-clients h2 {font-family:AdverGothic, arial; font-size:32px; color:#1d1e57; display:block; text-align:center; padding:20px 0 20px 0;}

/* Контакты */

.our-contacts {background:url('https://zhdprofi.ru/grafics/contacts-bg-1920.gif') no-repeat; position:relative; background-position:center top; max-width:1920px; min-height:495px; text-align:center; cursor:pointer;}
.our-contacts > a {display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.our-contacts-block { display:inline-block; background-color:#1c2249; width:475px; position:relative; right:347px; min-height:495px; cursor:auto; }
.our-contacts-block h2 { font-family:AdverGothic, arial; font-size:32px; color:#fff; font-weight:400; padding:50px 0 0 0;}
.our-contacts-block h3 { color:#575bbf; font-family: 'Ubuntu', arial; font-size:24px; padding:30px 0 15px 0;}
.our-contacts-block span {display:block; padding:15px 0 0 30px; text-align:left; font-size:29px; }
.our-contacts-block span a, .our-contacts-block span p {text-decoration:none; color:#fff; font-family: 'Ubuntu', arial; padding-left:20px; display:inline-block;}
.our-contacts-block span:nth-child(5), .our-contacts-block span:nth-child(6) {font-size:16px;}
.our-contacts-block span:nth-child(6) a  {color:#ff5d0b;}
.our-contacts-block span img { width:20px; position:relative; top:3px;}
.our-contacts-block span:nth-child(3) img {width:24px; position:relative; top:3px;}
 
.our-contacts-block .mail-us { font-size:16px; margin:40px auto 0 auto; font-family: 'Ubuntu Medium', arial; padding:10px; cursor:pointer; width:180px; height:40px; display:inline-block; text-align:center; color:#ff5d0b; border:1px #ff5d0b solid; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; text-decoration:none;}



/* Футер */

.footer-block {width:100%; height:125px; display:block; text-align:center; background-color:#000;}
.footer-block-cont {width:1170px; position:relative; margin:0 auto; height:125px;}
.footer-block-cont .copy-rigt { color:#3e41b5;  position:absolute; bottom:5px; padding:40px 0 0 100px; left:0; vertical-align:bottom; height:60px; background:url('https://zhdprofi.ru/grafics/logo.svg') no-repeat; background-size:contain; background-position:left top; font-family: 'Ubuntu Medium', arial; font-size:15px;}


#footer-menu-line {height:44px; width:100%;position:relative;}
#footer-menu-line nav {max-width:1170px; min-width:300px; margin:0 auto; text-align:center;}
#footer-menu-line nav ul {list-style-type: none; display:block; padding-top:10px;}
#footer-menu-line nav ul li {display:inline-block; padding:11px 20px; font-family: 'Ubuntu', arial; font-size:15px; height:44px;}
#footer-menu-line nav ul li a {color:#fff; text-decoration:none; }
#footer-menu-line nav ul li a:hover { color:#ff5d0b;}


/* Формы всплывающие */

.box-message { display:block; box-shadow: 0 0 15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:280px;}
.box-message h2 {font-family:AdverGothic, arial; font-size:24px; color:#1d1e57; text-align:center; padding:15px 0 10px 0; max-width:300px; }
.box-message input[type="checkbox"] {position:absolute; left:-9999px;}
.box-message input[type="checkbox"] + label {
			display:block; overflow:hidden;
			background: url(https://zhdprofi.ru/grafics/check-pasive.png) 0 0 no-repeat; max-width:300px; 
			padding:0 0 0 48px;
			min-height:22px;
			font-family: 'Ubuntu', arial; font-size:16px; margin-top:20px;
}

.box-message label a {color:#ff5d0b;}

.box-message input[type="checkbox"]:checked + label {background: url(https://zhdprofi.ru/grafics/check-active.png) 0 0 no-repeat; outline:none;}
.error_check_box {background: url(https://zhdprofi.ru/grafics/check-pasive-error.png) 0 0 no-repeat !important;}

.box-message .error {
			background: url(https://zhdprofi.ru/grafics/form-error.png) 0 1px no-repeat; color:#da2c2c; display:block; max-width:300px; padding:0 0 10px 30px; font-family: 'Ubuntu', arial; font-size:14px; 
}

.box-message input[type="submit"] { background-color:#ff6f22; color:#fff; height:32px; width:210px; -moz-border-radius: 16px; -webkit-border-radius: 16px; padding:7px 0;
border-radius: 16px; margin:14px auto 0 auto; margin:18px auto 0 auto; display:block; max-width:300px; outline:none; border-width:0; cursor:pointer;}
.box-message input[type="text"], .box-message textarea {font-family: 'Ubuntu', arial; font-size:16px; width:230px; margin:15px 0; display:block; padding:5px 10px; outline:none; background-color:#ededed; border:1px #ededed solid; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.box-message textarea {height:80px;}
.box-message input[type="text"]:active, .box-message input[type="text"]:focus, .box-message textarea:active, .box-message textarea:focus {border-color:#aaa;}

.box-message p {font-family: 'Ubuntu', arial; font-size:16px; color:#202626; padding:10px 0 20px 0; line-height:200%;}

.text-muted {display:none;}

/* Поиск */

.search-page .text-block h3 {padding-top: 30px !important; padding-bottom:0px !important; text-align:left !important;}
.search-page .text-block p {margin:0 !important;}

h1.mt-0 {font-family: 'Ubuntu', arial !important; font-size:32px !important; line-height:200% !important; color:#1d1e57 !important;}


/* Галерея */
.our-galery a img {width:220px; margin:3px;}
.our-galery a {text-decoration:none; display:inline-block;}


.pgc-sgb-cb {
    min-height: 120px !important;
}

@media (min-width: 1700px){
body {
    zoom:1.2;
}
}

@media (min-width: 1230px){
#head-line { max-width: 1170px;}
.our-page .text-block { margin: 150px 20px 20px 30px; padding: 50px 55px;}
}


@media (min-width: 1000px) and (max-width:1229px){
#head-line, #top-menu-line nav {max-width: 1000px;}
.our-company .video, .our-company .text-block {width:720px; margin:20px; padding-top:50px;}
.our-company .video {padding-top:10px;}
.our-company .text-block {padding-top:50px;}
.our-company .video iframe, .our-company .video object, .our-company .video embed {width:720px; height:500px;}
.our-contacts {background:url('https://zhdprofi.ru/grafics/contacts-bg-1200.gif'); max-width:1200px; min-height:495px; display:block; text-decoration:none; cursor:pointer; }
.our-contacts-block { right:250px; min-height:495px; cursor:auto; font-family: 'Ubuntu', arial; font-size:15px; }
.footer-block-cont {width:100%;}
.our-page .before { background:url('https://zhdprofi.ru/grafics/company-bg-1200.gif') no-repeat;}


.our-services {min-height:620px; text-align:center;}
.our-services ul {width:735px; margin:0 auto; text-align:center; position:relative; min-height:520px;}
.our-services ul li { top:auto; top:0px; width:215px; height:215px; margin:0 auto; text-align:center; position:relative; line-height:100px;}
.our-services ul li a { line-height:normal;transform-origin:center center;}
.our-services h2 { padding:25px 0;}
.our-services ul li:nth-child(2n+1) {top:0px;}
.our-services ul li span, .our-services ul li a {transform-origin:center center; top:32px; left:32px;}
.our-services ul li:nth-child(1) { position:absolute; top:230px; left:0px;}
.our-services ul li:nth-child(2) { position:absolute; top:100px; left:130px;}
.our-services ul li:nth-child(3) { position:absolute; top:360px; left:130px;}
.our-services ul li:nth-child(4) { position:absolute; top:230px; left:260px;}
.our-services ul li:nth-child(5) { position:absolute; top:100px; left:390px;}
.our-services ul li:nth-child(6) { position:absolute; top:360px; left:390px;}
.our-services ul li:nth-child(7) { position:absolute; top:230px; left:520px;}


}


@media (min-width: 768px) and (max-width:999px){
#head-line, #top-menu-line nav {max-width: 720px;}
.our-services {height:750px;}
#phones span {font-size:24px;}
#call-back-address {margin-left:0px; clear:both; padding: 0 0 10px 0}
#head-line-left {padding:30px 0 0 0;}
#logo img {width: 200px;}
#head-line {z-index:1000;}
#head-line ul {line-height: 37px; padding-top:38px;}

#top-menu-line nav ul {position:absolute; display:none; top:0; background-color:#27297e; left:0px; top:44px;}
#top-menu-line nav { position:relative;}
#top-menu-line nav ul li {display:block; clear:both; padding:11px 50px 11px 30px;}
.mobile-menu-toggle {display:block;}

.our-services {background:url('https://zhdprofi.ru/grafics/uslugi-1000.jpg') no-repeat; background-position:center top; min-height:800px; text-align:center;}
.our-services ul {max-width: 560px; margin:0 auto; padding-top:150px; text-align:center; position:relative; min-height:620px;}
.our-services ul li { top:auto; top:0px; width:215px; height:215px; margin:0 auto; text-align:center; position:relative; line-height:100px;}
.our-services ul li a { line-height:normal;transform-origin:center center;}
.our-services h2 { padding:55px 0 25px 0;}
.our-services ul li:nth-child(2n+1) {top:0px;}
.our-services ul li span, .our-services ul li a {transform-origin:center center; top:32px; left:32px;}
.our-services ul li:nth-child(1) { position:absolute; top:50px; left:170px;}
.our-services ul li:nth-child(2) { position:absolute; top:180px; right:58px;}
.our-services ul li:nth-child(3) { position:absolute; top:180px; left:58px;}
.our-services ul li:nth-child(4) { position:absolute; top:310px; left:170px;}
.our-services ul li:nth-child(5) { position:absolute; top:440px; left:58px;}
.our-services ul li:nth-child(6) { position:absolute; top:440px; right:58px;}
.our-services ul li:nth-child(7) { position:absolute; top:570px; right:170px;}


.our-advantages {height:720px;}
.our-advantages ul {max-width:570px;}

.our-company .video, .our-company .text-block, .our-page .text-block {width:700px; margin:20px; padding-top:50px;}
.our-company .video {padding-top:10px;}
.our-company .text-block {padding-top:50px;}
.our-company .video iframe, .our-company .video object, .our-company .video embed {width:700px; height:500px;}


.our-page .before { background:url('https://zhdprofi.ru/grafics/company-bg-1000.gif') no-repeat;}
.our-page .text-block { margin: 150px 20px 20px 30px; padding: 50px 55px;}
.our-page .abz {width:390px;}
.our-page .abz2 img { width:590px; }

.our-contacts {background:url('https://zhdprofi.ru/grafics/contacts-bg-1000.gif'); max-width:1200px; min-height:495px; background-position:right top;}
.our-contacts-block {right:150px; min-height:495px; width:450px; cursor:auto; }

.footer-block-cont {width:100%;}

.w3eden .card h3 { padding:0 15px !important;}
.text-muted {display:none;}

/* Галерея */
.our-galery a img {width:280px; margin:3px;}
.our-galery a {text-decoration:none; display:inline-block;}


}


@media (min-width: 576px) and (max-width:767px){
#head-line {max-width: 540px; text-align:center;}
.our-services {height:750px;}
#top-menu-line nav {max-width: 540px;}
#head-line-left {padding:15px 0 0 0;}
#logo img {width: 180px;}
#head-line ul {line-height:40px; padding:10px 0 0 20px; font-size:19px; text-align:left;}
#phones {text-align:left; margin:0 auto; display:inline-block; padding:15px 0;}
#phones span {font-size:30px;}
#phones span img {position:relative; left:-5px; width:25px; height:25px; position:relative; top:5px; left:-11px; }
#head-line-left {float:none; clear:both;}
#head-line-right {float:none; clear:both; width:100%;}
#head-line-right div {float:none; clear:both;}
#call-back-address {margin-left:0px; clear:both; padding: 0 0 20px 0; }
#call-back-address span:last-child {font-size:19px; order:1;}
#call-back-address span:first-child {font-size:22px; order:2; height:40px; width:280px; -moz-border-radius: 20px; -webkit-border-radius: 20px; padding:6px 0;}
#call-back-address span:first-child a {font-size:16px;}
#call-back-address span:last-child img {position:relative; left:-5px; width:25px; height:25px; top:3px; }

#top-menu-line nav ul {position:absolute; display:none; top:0; background-color:#27297e; left:0px; top:44px;}
#top-menu-line nav { position:relative;}
#top-menu-line nav ul li {display:block; clear:both; padding:11px 50px 11px 30px;}
.mobile-menu-toggle {display:block;}


.our-services {background:url('https://zhdprofi.ru/grafics/uslugi-767.jpg') no-repeat; background-position:center top; min-height:420px; text-align:center;}
.our-services ul {max-width: 560px; margin:0 auto; padding-top:150px; text-align:center; position:relative; min-height:520px;}
.our-services ul li { top:auto; top:0px; width:215px; height:215px; margin:0 auto; text-align:center; position:relative; line-height:100px;}
.our-services ul li a { line-height:normal;transform-origin:center center;}
.our-services h2 { padding:40px 0 25px 0;}
.our-services ul li:nth-child(2n+1) {top:0px;}
.our-services ul li span, .our-services ul li a {transform-origin:center center; top:32px; left:32px;}
.our-services ul li:nth-child(1) { position:absolute; top:50px; left:170px;}
.our-services ul li:nth-child(2) { position:absolute; top:180px; right:58px;}
.our-services ul li:nth-child(3) { position:absolute; top:180px; left:58px;}
.our-services ul li:nth-child(4) { position:absolute; top:310px; left:170px;}
.our-services ul li:nth-child(5) { position:absolute; top:440px; left:58px;}
.our-services ul li:nth-child(6) { position:absolute; top:440px; right:58px;}
.our-services ul li:nth-child(7) { position:absolute; top:570px; right:170px;}

.our-advantages {height:570px;}
.our-advantages ul {max-width:570px;}

.our-company .video, .our-company .text-block, .our-page .text-block {width:500px; margin:20px; padding-top:50px;}
.our-company .video {padding-top:0px !important; min-height:300px;}
.our-company .text-block {padding-top:50px;}
.our-company .video iframe, .our-company .video object, .our-company .video embed {width:500px; height:300px;}

.our-page .before { background:url('https://zhdprofi.ru/grafics/company-bg-770.gif') no-repeat;}
.our-page .text-block { margin: 150px 20px 20px 30px; padding: 50px 55px;}

.our-page .abz {display:block; float:none; clear:both; width:390px; font-size: 14px; }
.our-page ul {font-size: 14px;}

.our-page .overhaul-of-wheel-sets, 
.our-page .current-repair-of-cars,
.our-page .repair-wheel-pairs, 
.our-page .cutting-cars,
.our-page .materials-of-the-upper-structure-of-the-path,
.our-page .repair-parts  {width:390px; height:390px; text-align:center; background-size:60%;}
.our-page .abz2 img { width:390px; }

.main-heading h1 {font-size:28px;}


.our-contacts {background:url('https://zhdprofi.ru/grafics/contacts-bg-770.gif'); width:100%; min-height:990px; background-position:center bottom;}
.our-contacts-block {right:150px; min-height:495px; width:100%; cursor:auto; left:0; right:0; }
.our-contacts-block span {padding-left:100px;}

#footer-menu-line {display:none;}
.footer-block-cont {width:100%;}

.w3eden .btn-lg { font-size: 12px !important; border-radius: 4px;  padding: 10px 7px !important;}
.w3eden .card h3 {font-size: 16px !important; margin-bottom:10px !important;}
.text-muted {display:none;}

h1.mt-0 {font-size: 28px !important;}

/* Галерея */
.our-galery a img {width:380px; margin:3px;}
.our-galery a {text-decoration:none; display:inline-block;}


.our-page .photo {display:block; float:none; width:100%; margin:10px auto; text-align:center;}
/*
.our-page .photo a img { display:inline-block; margin:5px; width:30%;}
.our-page .photo a:first-child img {width:200px;}
.our-page .photo a:nth-child(n+2) {display:none;}
*/
}


@media (min-width:400px) and (max-width:575px){
#head-line {max-width:300px;text-align:center; padding-right:7px; padding-left:7px;}
#top-menu-line nav {max-width:300px;}
#logo img {width: 130px;}
#head-line-left {padding:15px 0 0 0;}
#head-line ul {padding:5px 0 0 0px; font-size:13px; text-align:left; margin-left:30px;}
#phones {text-align:left; margin:0 auto; display:inline-block; padding:15px 0;}
#phones span {font-size:24px;}
#phones span img {position:relative; left:-5px; width:20px; height:20px; position:relative; top:5px; left:-11px; }
#head-line-left {float:none; clear:both;}
#head-line-right {float:none; clear:both; width:100%;}
#head-line-right div {float:none; clear:both;}
#call-back-address {margin-left:0px; clear:both; padding: 0 0 20px 0; display:flex; flex-flow:wrap;}
#call-back-address span:last-child {font-size:16px; order:1;}
#call-back-address span:first-child {font-size:20px; order:2; height:36px; width:260px; -moz-border-radius:18px; -webkit-border-radius:18px; padding:6px 0;}
#call-back-address span:first-child a {font-size:14px;}
#call-back-address span:last-child img {position:relative; left:-5px; width:20px; height:20px; top:3px; }

#top-menu-line nav ul {position:absolute; display:none; top:0; background-color:#27297e; left:0px; top:44px;}
#top-menu-line nav { position:relative;}
#top-menu-line nav ul li {display:block; clear:both; padding:11px 50px 11px 30px;}
.mobile-menu-toggle {display:block;}

#top-search-form, #top-search-form .search-text-field {width:230px;}



.our-services {background:url('https://zhdprofi.ru/grafics/uslugi-575.jpg') no-repeat; background-position:center top; min-height:420px; text-align:center;}
.our-services ul {max-width:300px; margin:0 auto; padding-top:150px; text-align:center; position:relative; min-height:520px;}
.our-services ul li { top:auto; top:0px; width:140px; height:140px; margin:0 auto; text-align:center; position:relative; line-height:100px;}
.our-services ul li a { line-height:normal;transform-origin:center center;}
.our-services h2 { font-size:24px; padding:24px 0 15px 0;}
.our-services ul li:nth-child(2n+1) {top:0px;}
.our-services ul li span, .our-services ul li a {transform-origin:center center; top:32px; left:32px; height:100px; width:100px; font-size:12px;}
.our-services ul li:nth-child(1) { position:absolute; top:50px; left:80px;}
.our-services ul li:nth-child(2) { position:absolute; top:140px; right:0px;}
.our-services ul li:nth-child(3) { position:absolute; top:140px; left:0px;}
.our-services ul li:nth-child(4) { position:absolute; top:230px; left:80px;}
.our-services ul li:nth-child(5) { position:absolute; top:320px; left:0px;}
.our-services ul li:nth-child(6) { position:absolute; top:320px; right:0px;}
.our-services ul li:nth-child(7) { position:absolute; top:410px; right:80px;}

.our-services ul li a {padding-top:58px;}

.our-services ul li:nth-child(1) a {background:url('https://zhdprofi.ru/grafics/overhaul-of-wheel-sets-l.svg') no-repeat; background-position:center top; }
.our-services ul li:nth-child(2) a {background:url('https://zhdprofi.ru/grafics/current-repair-of-cars-l.svg') no-repeat; background-position:center top; }
.our-services ul li:nth-child(3) a {background:url('https://zhdprofi.ru/grafics/repair-wheel-pairs-l.svg') no-repeat; background-position:center top; }
.our-services ul li:nth-child(4) a {background:url('https://zhdprofi.ru/grafics/cutting-cars-l.svg') no-repeat; background-position:center 20px; padding-top:64px;}
.our-services ul li:nth-child(5) a {background:url('https://zhdprofi.ru/grafics/repair-parts-l.svg') no-repeat; background-position:center 13px; }
.our-services ul li:nth-child(6) a {background:url('https://zhdprofi.ru/grafics/materials-of-the-upper-structure-of-the-path-l.svg') no-repeat; background-position:center top; padding-top:54px;}
.our-services ul li:nth-child(7) a {background:url('https://zhdprofi.ru/grafics/storage-repair-parts-l.svg') no-repeat; background-position:center 13px; padding-top:64px;}

.our-advantages ul { max-width:400px;}
.our-advantages h2 { font-size:24px; padding:50px 0 25px 0;}
.our-advantages ul li { margin:0 20px; font-size:14px;}


.our-company .video, .our-company .text-block, .our-page .text-block {width:350px; margin:20px; padding-top:50px;}
.our-company .video {padding-top:0px;  min-height:240px;}
.our-company .text-block {padding-top:50px;}
.our-company .video iframe, .our-company .video object, .our-company .video embed {width:350px; height:240px;}
.our-company .text-block h2, .our-page .text-block h2 { font-size:18px;}

.our-page .before { background:url('https://zhdprofi.ru/grafics/company-bg-575.gif') no-repeat;}
.our-page .text-block { margin: 125px 20px 20px 30px; padding:30px 35px;}
.our-page .text-block ul {margin: 20px 0 20px 30px;}

.our-page .abz {display:block; float:none; clear:both; width:280px; font-size: 13px; }
.our-page ul {font-size: 13px;}

.our-page .overhaul-of-wheel-sets, 
.our-page .current-repair-of-cars,
.our-page .repair-wheel-pairs, 
.our-page .cutting-cars,
.our-page .materials-of-the-upper-structure-of-the-path,
.our-page .repair-parts  {width:280px; height:280px; text-align:center; background-size:60%;}
.our-page .abz2 img { width:280px; }

.our-page .photo {display:block; float:none; width:280px; margin:20px auto; text-align:center;}
.our-page .photo a img { margin:5px 0;}
.our-page .photo a:first-child img {width:280px;}
.our-page .photo a:nth-child(n+2) {display:none;}



.main-heading h1 {font-size:24px; }


.our-contacts {background:url('https://zhdprofi.ru/grafics/contacts-bg-575.gif'); width:100%; min-height:990px; background-position:center bottom;}
.our-contacts-block {min-height:495px; width:100%; cursor:auto; left:0; right:0; }
.our-contacts-block span {padding-left:50px;}
.our-contacts-block span:nth-child(5) a { width:300px; display:block; padding-left:25px; vertical-align:top; float:left;}
.our-contacts-block span:nth-child(5) img { display:block; float:left;}
.our-contacts-block span:nth-child(6) {display:block; clear:both;} 

#footer-menu-line {display:none;}
.footer-block-cont {width:100%;}
.footer-block-cont .copy-rigt { bottom:35px; padding:80px 0 0 5px; height:80px; overflow:visible;}


.our-clients h2 {font-size:24px;}

.w3eden .btn-lg { font-size: 14px !important; border-radius: 4px;  padding:7px 15px !important;}
.w3eden .media {display:block !important; text-align:center !important;}
.text-muted {display:none;}
body .wpdm_icon, .w3eden .img-48, .w3eden .img-48 img {width:100px !important; height:auto !important; margin:0 auto 5px auto !important; text-align:center !important; padding:0; max-width:100px !important;}
body .w3eden .img-48 {margin:0 auto 5px auto !important; margin-right: auto !important;}
.w3eden .card h3 {font-size: 16px !important; margin-bottom:10px !important;}
.w3eden .ml-3, .w3eden .mx-3 {margin-left:0 !important;}

h1.mt-0 {font-size: 24px !important;}

/* Галерея */
.our-galery a img {width:270px; margin:3px;}
.our-galery a {text-decoration:none; display:inline-block;}


}



@media (min-width:0px) and (max-width:399px){
.main-heading h1 {font-size:24px;}
#head-line {max-width:300px;text-align:center; padding-right:7px; padding-left:7px;}
#top-menu-line nav {max-width:300px;}
#logo img {width: 130px;}
#head-line-left {padding:15px 0 0 0;}
#head-line ul {padding:5px 0 0 0px; font-size:13px; text-align:left; margin-left:30px;}
#phones {text-align:left; margin:0 auto; display:inline-block; padding:15px 0;}
#phones span {font-size:24px;}
#phones span img {position:relative; left:-5px; width:20px; height:20px; position:relative; top:5px; left:-11px; }
#head-line-left {float:none; clear:both;}
#head-line-right {float:none; clear:both; width:100%;}
#head-line-right div {float:none; clear:both;}
#call-back-address {margin-left:0px; clear:both; padding: 0 0 20px 0; display:flex; flex-flow:wrap;}
#call-back-address span:last-child {font-size:16px; order:1;}
#call-back-address span:first-child {font-size:20px; order:2; height:36px; width:260px; -moz-border-radius:18px; -webkit-border-radius:18px; padding:6px 0;}
#call-back-address span:first-child a {font-size:14px;}
#call-back-address span:last-child img {position:relative; left:-5px; width:20px; height:20px; top:3px; }

#top-menu-line nav ul {position:absolute; display:none; top:0; background-color:#27297e; left:0px; top:44px;}
#top-menu-line nav { position:relative;}
#top-menu-line nav ul li {display:block; clear:both; padding:11px 50px 11px 30px;}
.mobile-menu-toggle {display:block;}

#top-search-form, #top-search-form .search-text-field {width:230px;}


.our-services {background:url('https://zhdprofi.ru/grafics/uslugi-400.jpg') no-repeat; background-position:center top; min-height:420px; text-align:center;}
.our-services ul {max-width: 300px; margin:0 auto; padding-top:50px; text-align:center; position:relative; min-height:520px; position:inherit;}
.our-services ul li { top:auto; display:block; width:150px; height:250px; margin:0 auto; text-align:center; position:relative;}
.our-services ul li a { line-height:normal; -transform-origin:center center;  width:150px; height:250px;
    -moz-transform: rotate(0); /* Для Firefox */
    -ms-transform: rotate(0); /* Для IE */
    -webkit-transform: rotate(0); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(0);
    top:0; left:0; position:absolute; background-position:center 25px !important; padding-top:160px; color:#151726;

}

.our-services ul li:nth-child(7) a {padding-top:160px;}

.our-services ul li:nth-child(4) a {background-position:center 45px !important;}
.our-services ul li:nth-child(5) a {background-position:center 38px !important;}
.our-services ul li:nth-child(6) a {padding-top:160px; background-position:center 30px !important;}


.our-services h2 {padding:40px 0 15px 0;font-size:20px;}
.our-services ul li span, .our-services ul li a {-transform-origin:center center;}
.our-services ul li span {border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; width:150px; height:150px;
    -moz-transform: rotate(0); /* Для Firefox */
    -ms-transform: rotate(0); /* Для IE */
    -webkit-transform: rotate(0); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(0);
    top:0; left:0; position:absolute;
 }
 .our-services ul li:nth-child(2n+1) {top:auto;}


.our-advantages { padding-top:20px;}
.our-advantages ul { max-width:300px;}
.our-advantages h2 { font-size:20px; padding:20px 0 35px 0;}
.our-advantages ul li { margin:0 20px; font-size:14px; height:250px; width:200px;}
.our-advantages ul li b:before {display:block; content:""; background-size: 100px 100px !important; width:150px; height:150px; margin:0 auto; margin-bottom:10px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; }
.our-advantages ul li b {background-size: 100px 100px;}


.our-company .video, .our-company .text-block, .our-page .text-block {width:260px; margin:20px 10px; padding-top:50px;}
.our-company .video {padding-top:0px;  min-height:180px;}
.our-company .text-block, .our-page .text-block {padding-top:50px; box-sizing:border-box;}
.our-company .video iframe, .our-company .video object, .our-company .video embed {width:260px; height:180px;}
.our-company .text-block h2, .our-page .text-block h2 { font-size:20px;}


.our-page .before { background:url('https://zhdprofi.ru/grafics/company-bg-400.gif') no-repeat;}
.our-page .text-block { margin: 125px 20px 20px 30px; padding:20px 25px;}
.our-page .text-block ul {margin: 20px 0 20px 30px;}



.our-page .abz {display:block; float:none; clear:both; width:200px; font-size: 12px;}
.our-page ul {font-size: 12px;}

.our-page .overhaul-of-wheel-sets, 
.our-page .current-repair-of-cars,
.our-page .repair-wheel-pairs, 
.our-page .cutting-cars,
.our-page .materials-of-the-upper-structure-of-the-path,
.our-page .storage-repair-parts,
.our-page .repair-parts  {width:180px; height:180px; text-align:center; background-size:60%;}
.our-page .abz2 img { width:190px; }

.our-page .photo {display:block; float:none; width:200px; margin:10px auto; text-align:center;}
.our-page .photo a img { margin:5px 0;}
.our-page .photo a:first-child img {width:200px;}
.our-page .photo a:nth-child(n+2) {display:none;}

.price-download {width:200px; text-align:center; height:auto;}

.our-contacts {background:url('https://zhdprofi.ru/grafics/contacts-bg-400.gif'); width:100%; min-height:990px; background-position:center bottom;}
.our-contacts-block {right:150px; min-height:495px; width:100%; cursor:auto; left:0; right:0; }
.our-contacts-block span {padding-left:15px; font-size:22px; width:280px}
.our-contacts-block span:nth-child(5) a { width:220px; display:block; padding-left:25px; vertical-align:top; float:left;}
.our-contacts-block span:nth-child(5) img { display:block; float:left;}
.our-contacts-block span:nth-child(6) {display:block; clear:both;} 
.our-contacts-block h3, .our-contacts-block h2 { padding-left:0px;}

#footer-menu-line {display:none;}
.footer-block-cont {width:100%;}
.our-clients h2 {font-size:20px;}

.w3eden .btn-lg { font-size: 12px !important; border-radius: 4px;  padding: 10px 7px !important;}
.w3eden .media {display:block !important; text-align:center !important;}
.text-muted {display:none;}
.wpdm_icon, .w3eden .img-48, .w3eden .img-48 img {width:100px !important; height:auto !important; margin:0 auto 15px auto !important; text-align:center !important; padding:0; max-width:100px !important;}
.w3eden .card h3 {font-size: 14px !important;}
h1.mt-0 {font-size: 20px !important;}
.footer-block-cont .copy-rigt { padding:25px 0 0 100px;}

/* Галерея */
.our-galery a img {width:200px; margin:3px;}
.our-galery a {text-decoration:none; display:inline-block;}



}





/*  Переназначения  */

body .elementor-element-populated {padding:0 !important;}

div#logo-carousel-free-106.logo-carousel-free.logo-carousel-free-free-area .slick-prev, div#logo-carousel-free-106.logo-carousel-free.logo-carousel-free-free-area .slick-next {
    background-color: #27297e !important; font-weight:600 !important; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
}

div#logo-carousel-free-106.logo-carousel-free.logo-carousel-free-free-area .slick-prev:hover, div#logo-carousel-free-106.logo-carousel-free.logo-carousel-free-free-area .slick-next:hover {
    background-color: #575bbf !important;
}

div#logo-carousel-free-106.logo-carousel-free .wpl-logo:hover {
    border: 1px solid #27297e !important;
}


.eicon-chevron-right, .eicon-chevron-left {
	background-color: #27297e; !important; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; padding:5px; text-align:center;
}

.eicon-chevron-right:hover, .eicon-chevron-left:hover {
	background-color: #575bbf !important; 
}

.eicon-chevron-left {
	padding:5px 7px 5px 3px;
}

.eicon-chevron-right {
	padding:5px 3px 5px 7px;
}






body .fancybox-content {padding:20px !important; position:relative !important; overflow:visible; cursor:auto !important; }

body .fancybox-close-small, body .fancybox-button--close {
    color:#fff !important; border-radius:50% !important; -moz-border-radius:50% !important; -webkit-border-radius:50% !important;
    background-color:#27297e !important;;
    padding:0px !important;
    right:-20px !important;
    top:-20px !important;
    z-index: 1401 !important;
    opacity:1 !important;
    box-shadow: 0 0 7px #171819 !important;
    
}

body .fancybox-button--close {
    color:#fff !important; border-radius:50% !important; -moz-border-radius:50% !important; -webkit-border-radius:50% !important;
    background-color:#27297e !important;;
    padding:0px !important;
    right:20px !important;
    top:20px !important;
    z-index: 1401 !important;
    opacity:1 !important;
    box-shadow: 0 0 7px #171819 !important;
    
}

body .fancybox-close-small:hover, body .fancybox-button--close:hover { background-color:#ff5d0b !important;}

.fancybox-is-open .fancybox-bg {
    opacity: .7 !important;
}

.fancybox-slide--iframe .fancybox-content {
    max-width  : 90%;
    max-height : 90%;
    margin: 0;
}

a.groups {cursor: pointer;}