/******************************************************************
Theme Name: JointsWP
Description: 
Author: LT
Author URI: https://vk.com/xl1200r/
Version: 5.0 (Development)
License: GNU General Public License & MIT
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Sass
******************************************************************/
.home #respond, #ftg-11 .ftg-items .loading-bar,
#ftg-3535 .ftg-items .loading-bar, .wpcf7-spinner,
.mega-toggle-blocks-left, .mega-toggle-blocks-center {display: none !important;}
div#comments, .single-post #sidebar1 {display: none;}
body.page-id-2::after {position: absolute; width: 45%; height: 15%; border-top: 0rem solid transparent; border-right: 55rem solid #DAAE52; border-bottom: 63rem solid transparent; top: 0; right: 0; content: ''; z-index: -1;}
body.page-id-2::before {position: absolute; width: 33%; height: 30%; border-top: 30rem solid transparent; border-left: 35rem solid #DAAE52; border-bottom: 35rem solid transparent; top: 75rem; left: 0; content: ''; z-index: -1;}
body.page-child::after {position: absolute; width: 45%; height: 15%; border-top: 0rem solid transparent; border-right: 50rem solid #DAAE52; border-bottom: 50rem solid transparent; top: 0; right: 0; content: ''; z-index: -1;}
body.page-child::before {position: absolute; width: 33%; height: 15%; border-top: 30rem solid transparent; border-left: 35rem solid #DAAE52; border-bottom: 35rem solid transparent; bottom: 0; left: 0; content: ''; z-index: -1;}
body.page-id-18::after {position: absolute; width: 35%; height: 15%; border-top: 0rem solid transparent; border-right: 50rem solid #DAAE52; border-bottom: 35rem solid transparent; top: 0; right: 0; content: ''; z-index: -1;}
body.page-id-18::before {position: absolute; width: 30%; height: 15%; border-top: 20rem solid transparent; border-left: 30rem solid #DAAE52; border-bottom: 40rem solid transparent; bottom: 0; left: 0; content: ''; z-index: -1;}
.home div#comments, .page-id-16 div#comments, ul#menu-menyu-uslug {display: block;}
input::placeholder {color: #fff; opacity: 1;}
.yllw {color: #DAAE52 !important;}
.wht {color: #fff !important;}
.header {background: transparent; position: absolute; top: 0; left: 0; right: 0; z-index: 1;}
.top-bar-right.show-for-medium {display: grid; grid-template-columns: 2fr auto; gap: 15px; grid-auto-rows: minmax(75px, auto);}
.top-bar, .home .content {width: 95%; margin: 0 auto;}
.content {width: 95%; margin: 3rem auto 0;}
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item {margin: 0 0 0 3% !important;}
.collade {min-height: 730px;}
.collade img {position: absolute; top: 0; right: 0; left: 0; z-index: -1; min-width: 100%;}
.skvoz-bg {background: url('/wp-content/themes/JointsWP-master/assets/images/about-bg.jpg') no-repeat scroll; background-position: top center; background-size: cover;}
.collade .content {width: 85%; margin: 12rem auto 0;}
.skvoz-bg .content {width: 80%; margin: 8rem auto 2rem;}
.sitename {font-weight: 500; font-size: 36px; line-height: 55px;}
.paddy {margin: 2rem 0 0 !important;}
.intro {max-width: 75rem; margin: 2rem auto 0;}
.simple-call, .preim {padding-bottom: 3rem;}
.preim .cell:first-child .card img{width: 100px; margin: 20px auto 35px;}
.me-upper {text-transform: uppercase; color: #AE0709; line-height: 2;}
.card img {width: 125px; margin: 0 auto 20px;}
.card-section p {font-size: 14px; text-align: center;}
.final-tiles-gallery .tile .caption-block {opacity: 1 !important;}
.final-tiles-gallery .tile .caption-block .text-wrapper span.title {font-weight: 500;}
.final-tiles-gallery .tile img.item {outline: 15rem solid rgba(0, 0, 0, 0.4) !important; outline-offset: -15rem; overflow: hidden; position: relative;}
.final-tiles-gallery .tile .caption-block .text-wrapper span.title {width: 85%; margin: 0 auto;}
.final-tiles-gallery .tile .caption-block:hover .text-wrapper span.title {transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transition: all .25s ease-out;}

#custom_html-7 .textwidget div.cell {background: url('/wp-content/themes/JointsWP-master/assets/images/li.svg') no-repeat scroll; background-size: 60px; line-height: 60px; vertical-align: middle; padding: 0 0 0 4rem;}
.konsult {background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/wp-content/themes/JointsWP-master/assets/images/kons-bg.jpg'); position: relative;}
.konsult::before {position: absolute; width: 33%; height: 28%; border-top: 30rem solid transparent; border-left: 28rem solid #DAAE52; border-bottom: 20rem solid transparent; top: -10rem; left: 0; content: ''; z-index: -2;}
.voprosy {background: url('/wp-content/themes/JointsWP-master/assets/images/vopr-bg.jpg') no-repeat scroll; text-align: center;}
.get-bg {background-position: top center; background-size: cover; padding: 30px 0;  margin: 50px 0;}
.uslugi {max-width: 75rem; padding: 30px 0 0; margin: 50px auto;}
input.man {background: url('/wp-content/themes/JointsWP-master/assets/images/man.svg') no-repeat scroll; background-position: center right; background-size: contain;}
input.trb {background: url('/wp-content/themes/JointsWP-master/assets/images/phone.svg') no-repeat scroll; background-position: center right; background-size: contain;}
#custom_html-4, #custom_html-5 {width: 90%;}
.otzyvy {max-width: 50rem; margin: 50px auto; padding: 30px 0 0;}
.otzyvy #comments {padding: 0 2rem;}
.otzyvy .comment-author {font-weight: 700;}
.otzyvy .orbit-container:before {font-family: 'Trebuchet'; content: '“'; font-size: 120px; position: absolute; top: -3rem; left: 0; color:#DAAE52;}
.otzyvy .orbit-container:after {font-family: 'Trebuchet'; content: '„'; font-size: 120px; position: absolute; right: 0; bottom: 0; color:#DAAE52;}
.otzyvy .orbit-slide figure {margin: 3rem 2rem 1rem;}
.partn {padding: 0 0 30px 0;}
.padt {margin: 2rem 0 0 0;}
#custom_html-2 {font-size: 14px; color: #2C1602; margin: 1.5rem 0;}
#footer-links {align-items: center; justify-content: center;}
.copyright {font-size: 14px; color: #2C1602;}
.foot-polly {display: block; font-size: 14px; color: #2C1602;}
#custom_html-2 .badge img {width:30px;}
#custom_html-2 .badge:first-child img {width: 25px; margin: 2.5px;}
#custom_html-2 .badge:first-child:hover {background: #523ed8;}
#custom_html-2 .badge:nth-child(2):hover {background: #22bb5b;}

.accs-row {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; grid-auto-rows: minmax(100px, auto); text-align: center;}
.accs-row a > div {position: relative;}
.accs-row a > div img {width: 100%;}
.accs-row .overwhelm {position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .3);}
.acc-title {color: #fff; font-size: 24px; font-weight: 600; margin-top: 20%; padding: 0 40px;}
.accs-row a > div:hover .overwhelm {background: rgba(0, 0, 0, .6);}
.accs-row a > div:hover .acc-title {transition-duration: 0.25s; transform: scale(1.05);}


@media screen and (max-width:39.99875em) {
  .top-bar .top-bar-left {flex: 0 0 80% !important; max-width: 80% !important;}
  .top-bar .top-bar-right {flex: 0 0 20% !important; max-width: 20% !important;}
  .menu .button, .menu a {padding: 0 !important;}
  #mega-toggle-block-1 {background: #DAAE52; width: 35px; border-radius: 5px;}
  body.home::after, body.home::before {display: none;}
  
  body.page-id-2::after {width: 20% !important; border-top-width: 0rem !important; border-right-width: 40rem !important; border-bottom-width: 45rem !important;}
  body.page-id-2::before {width: 21% !important; height: 15% !important; border-top-width: 30rem !important; border-left-width: 15rem !important; border-bottom-width: 25rem !important;}
  .home .sitename {font-size: 16px !important; line-height: 23px !important; text-align: center !important;}
  .sitename {font-size: 25px !important; line-height: 35px !important;}
  .collade {min-height: unset !important;}
  .collade img {background: #DAAE52; position: relative !important;}
  .collade .content {margin: -16rem auto 13rem !important;}
  .collade .button {padding: 10px !important; font-size: 14px !important;}
  .collade .paddy {margin: 0 !important;}
  .intro, .uslugi, #custom_html-6 {padding: 0 25px;}
  .besp .textwidget div {line-height: inherit !important; background-size: 35px !important; padding: 0 0 1rem 3rem !important;}
  .preim .cell:first-child .card img {width: 70px !important;}
  .card img {width: 95px !important;}
  .final-tiles-gallery .tile .caption-block .text-wrapper span.title {width: 98% !important; font-size: 12px !important;}
  .home .otzyvy {margin: 0 15px !important;}
	.accordion-title {font-size: 1rem !important;}
  .page-id-12 .lead {font-size: initial !important;}
  a.break_here {display: block;}
	.accs-row {display: grid; grid-template-columns: repeat(1, 1fr) !important;}
	#footer-links {margin: 25px auto !important; align-items: center; justify-content: center;}
	#footer-links li a {padding-left:.5rem !important; padding-right:.5rem !important;}
}
@media only screen and (max-width: 767px) { .showcase__item {flex-direction: row;}}
@media screen and (min-width:40em) and (max-width:910px) {.collade {min-height: 365px !important;}}
@media screen and (min-width:911px) and (max-width:1000px) {.collade {min-height: 415px !important;}}
@media screen and (min-width:1001px) and (max-width:1110px) {.collade {min-height: 465px !important;}}
@media screen and (min-width:1111px) and (max-width:1200px) {.collade {min-height: 535px !important;}}
@media screen and (min-width:1201px) and (max-width:1300px) {.collade {min-height: 600px !important;}}
@media screen and (min-width:1301px) and (max-width:1400px) {.collade {min-height: 675px !important;}}