/*
The name of this file is given in the file ../includes/frame_inc.php of the template "Sj_hexagon"
Please change this file number to force the сache to update custom styles.
*/

body .module p, #content {font-size: 16px; line-height: 1.3;}
body .module p+h2, #content p+h2 {margin-top: 30px;}
body .module p+h3, #content p+h3 {margin-top: 20px;}
div.itemFullText h4 {margin-top: 30px;}
div.itemFullText h3 {margin-bottom: 1em;}
.itemFullText>p:empty {display: none;}

#content #k2Container.itemListView.gridview .itemList .itemContainer dd.CommentsLink {display: none;}
#content .itemListCategoriesBlock {display: none;}

#yt_header .phone-mail li a:hover {color: #c49b1d;}
#yt_header .mod-languages a:hover {color: #ddd; text-decoration: underline;}

#meganavigator>li:nth-child(2) .mega-content .mega-col.one {min-width: 300px;}

#yt_menuwrap.menu-fixed {
  box-shadow: 0px 0px 10px rgba(0,0,0,.5);
  border-bottom: 1px solid #fff;
}
#yt_menuwrap.menu-fixed #yt_logo {margin-top: 5px;}
#yt_menuwrap.menu-fixed .logo img {
  height: 40px;
  width: auto !important;
}
#yt_menuwrap.menu-fixed #meganavigator li.level1 > .item-link {
  padding-top: 10px;
  padding-bottom: 10px;
}
#yt_menuwrap.menu-fixed .module.me_search {
  padding-top: 6px;
  padding-bottom: 0;
}
#yt_menuwrap.menu-fixed .module.me_search .modcontent .dropdown .dropdown-menu {top: 38px;}

.sj-responsive-listing .respl-items .respl-item .item-inner {
  margin: 0;
  border-color: #fff;
  border-style: solid;
  border-width: 1px 1px 1px 0px;
}
.sj-responsive-listing .respl-items .respl-item .item-inner .item-more .more-image .more-title {
  opacity: 1 !important;
  top: 20% !important;
  background: rgba(0,0,0,0.2);
  text-shadow: 1px 1px 2px rgb(0 0 0 / 50%);
}
.sj-responsive-listing .respl-items .respl-item .item-inner .item-more .more-image .more-desc .more-title a {
  display: block;
  padding: 10px 0 5px;
  color: #fff;
  line-height: 1.2;
}
#k2Container.itemView .itemNavigation {
	display: flex;
	align-items: center;
	background-color: #f1f0f7;
	padding: 10px 0;
  font-size: 15px;
  font-weight: bold;
}
@media (min-width: 640px) {
	#k2Container.itemView .itemNavigation {
		min-height: 70px;
		background-image: url('/templates/sj_hexagon/images/styling/blue/logo-jury.png');
		background-position: center center;
		background-repeat: no-repeat;
	}
	#k2Container.itemView .itemNavigation.row .itemPrevious {padding-right: 40px;}
	#k2Container.itemView .itemNavigation.row .itemNext {padding-left: 40px;}
}


#k2Container.itemView .itemComments {margin-top: 50px;}

button.button-joomly-callback-form.joomly-callback {display: inline-block;}
[id^="bottom"] div.yt-extra-carousel .carousel-inner {margin: 0;}
[id^="bottom"] div.yt-extra-carousel .carousel-inner .item-image {text-align: center}
#bottom1 a:hover, #bottom1 a:active {color: #ddd;}
#yt_spotlight4 .module.carousel-custommer {text-align: center;}
#yt_spotlight4 .module.carousel-custommer .modtitle {
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  text-shadow: 1px 1px 3px rgba(0,0,0,.5);
}
#yt_spotlight4 .module.carousel-custommer .modtitle:after {
  content: "";
  display: block;
  height: 2px;
  width: 100px;
  background: #fff;
  margin: 20px auto 10px;
}
#top6 .module.carousel-custommer .item .post-commnets {
  text-shadow: 1px 1px 3px rgba(0,0,0,.5);
  font-weight: normal !important;
  font-size: 17px !important;
}
#top6 .module.carousel-custommer .item-image {border-width: 3px;}
#top6 .module.carousel-custommer .item-image:before {
  content: "\f007";
  display: inline-block;
  color: rgba(255,255,255,.2);
  font: normal normal normal 50px/80px FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
#top6 .module.carousel-custommer .item .title {font-style: italic;}
#yt_spotlight5 {
  background: url(../images/bg/bg-spotlight1.png) no-repeat 0 0 fixed;
  background-size: 100% 100%;
}
#footer div.yt-socialbt a {border: none; box-shadow: none;}
#footer div.yt-socialbt a:hover {color: #fff;}
#footer div.yt-socialbt a.facebook:hover {background: #4867AA;}
#footer div.yt-socialbt a.youtube:hover {background: #ff0000;}
#footer div.yt-socialbt a.instagram:hover {background: linear-gradient(45deg, #f7c000, #f500ca);}

.ccomment .ccomment-powered {display: none;}
.ccomment-content>div:not([class]) {
  font-style: italic;
  line-height: 1.2;
  color: #333;
  margin-top: 10px;
}
.ccomment ul.ccomment-comments-list .item+.item {margin-top: 1em;}

.itemRelated ul.row>li[class*="col-"] {margin-bottom: 30px;}
.itemRelImgLink:hover img {
  box-shadow: 0px 0px 10px rgba(0,0,0,.4);
  transform: translateY(-1px) scale(1.01);
}
.itemFullText ol {padding-left: 30px; margin-bottom: 1em;}
.itemFullText ol>li+li {margin-top: 1em;}

.itemAuthorLatest ul,
.itemFullText ul {
  padding-left: 20px;
  margin-top: 1em;
  margin-bottom: 1em;
}
.itemAuthorLatest ul>li,
.itemFullText ul>li {
  list-style: none;
  padding-left: 20px;
}
.itemAuthorLatest ul>li+li, .itemFullText ul>li+li {
  margin-top: 0.5em;
}
.itemAuthorLatest ul>li:before,
.itemFullText ul>li:before {
  display: inline-block;
  font: normal normal normal 16px/1 FontAwesome;
  font-size: inherit;
  width: 0;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(-20px, 0);
}
.itemFullText ul>li:before {content: "\f132";}
.itemAuthorLatest ul>li:before {content: "\f0f6";}

#k2Container .line {
  border-top: 1px dashed #dadada;
  margin: 1em 0;
}

#pwebcontact383_form .pweb-label-over .pweb-label label,
#pwebcontact383_form .pweb-label-over .pweb-field input {
  height: 40px;
  padding: 10px 20px;
  font-weight: normal;
  box-sizing: border-box;
}
#pwebcontact383_form .pweb-field-name+.pweb-field-email {margin-bottom: 0;}
button#pwebcontact383_send {
  background: #3726ab;
  padding: 10px 20px;
  font-weight: bold;
  font-size: 14px !important;
  text-transform: uppercase;
}
button#pwebcontact383_send,
button.button-joomly-callback-form {
  transition: all .3s ease-in-out;
}
button#pwebcontact383_send:hover,
button.button-joomly-callback-form:hover {
  opacity: 1 !important;
  outline: 0 none;
  background-color: #ff9900;
}

.pweb-chars-counter {display: none;}

.our-advantages .module-title {
  color: #C49B1D;
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}
.our-advantages.row {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-bottom: 1em;
 }
.our-advantages .panel {
  padding: 20px;
  box-shadow: none;
  margin-bottom: 0;
}
.our-advantages .panel-body {
  background-color: #f1f0f7;
  box-shadow: 3px 7px 7px rgba(0,0,0,0.2);
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #e4e3eb #fff #fff #e4e3eb;
}
.our-advantages .panel-title {
  color: #C49B1D;
  text-transform: uppercase;
}
.our-advantages .panel-body img {width: 100px;}
.our-advantages .panel-body p {
  font-size: 18px;
  margin: 20px auto;
  color: #000;
}

#yt_spotlight6.block>.container {
  width: 100%;
  padding: 0;
}
#yt_spotlight6.block>.container>.row {margin: 0;}
#yt_spotlight6 #top10 {padding: 0;}
#yt_spotlight6 #top10 .container {
  margin: 0 auto;
  padding: 50px 0;
}
#yt_spotlight6 #top10 .module {
  border-width: 4px 0;
  border-style: solid;
  border-color: #ff9900;
}

#yt_spotlight7 a:hover { color: #f1f1f1; }

#getconsulting[style^="background-image"] {
  margin: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

.itemFullText #getconsulting {margin: 35px auto;}
.itemFullText #getconsulting .row.container {
  margin-left: 0;
  margin-right: 0;
}

#getconsulting .row>.panel {
  margin-bottom: 0;
  padding: 20px 0;
  background: transparent;
  color: #fff;
  border: 0 !important;
  box-shadow: none;
}
#getconsulting .panel-body {
  font-size: 18px;
  line-height: 1.4;
  text-align: justify;
}
#getconsulting .panel-title+.panel-body {margin-top: 30px;}
#getconsulting .panel-title, #getconsulting .panel-body  {
  display: inline-block;
  padding: 0;
  text-shadow: 1px 1px 1px #000;
  backdrop-filter: blur(4px);
}
#getconsulting .panel-title h3 {
  line-height: 1.5;
  margin: 0;
}
#getconsulting button.joomly-callback,
a[class*="pwebcontact"] {
  background: #fff;
  color: #333;
  border-radius: 30px;
  box-shadow: 0px -4px 0px #ff9900 inset;
  padding: 15px 40px;
  transition: all .3s ease-in-out;
  white-space: nowrap;
}
a[class*="pwebcontact"] {padding-left : 20px; padding-right: 20px;}

#getconsulting button.joomly-callback:hover,
a[class*="pwebcontact"]:hover {
  opacity: 1;
  box-shadow: none;
  background: #ff9900;
  color: #fff;
}

ol.inline-numbered {
  align-items: center;
  list-style: none;
  margin: 55px -10px 20px;
  padding: 0;
  counter-reset: counter001;
  color: #333;
}
ol.inline-numbered>li {
  position: relative;
  list-style: none;
  counter-increment: counter001;
}
ol.inline-numbered>li::before {
  content: counter(counter001);
  position: absolute;
  display: block;
  width: 46px;
  height: 46px;
  line-height: 42px;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  background: #3726ab;
  text-align: center;
  color: #fff;
  font-size: 24px;
  text-shadow: 2px 2px 0px #000;
  border: 2px solid #fff;
  box-shadow: 0 0 0px 2px #3726ab;
  border-radius: 50%;
}
ol.inline-numbered>li+li {margin-top: 50px;}
ol.inline-numbered .card {
  padding: 30px 15px 10px;
  background-color: #f1f0f7;
  box-shadow: 3px 7px 7px rgba(0,0,0,0.2);
  border-radius: 3px;
  border: 1px solid;
  border-color: #e4e3eb #fff #fff #e4e3eb;
}
ol.inline-numbered.card p {
  text-align: left;
  text-indent: 0;
  font-size: 1em;
  line-height: 1.4;
  color: #333;
  margin-bottom: 0;
}
ol.inline-numbered .card .title {
  color: #3726ab;
  font-weight: bold;
  text-align: left;
}
.itemFullText .list-details {
  position: relative;
  margin: 35px auto;
  padding: 20px;
  background: rgba(255,192,0,.13);
}
.itemFullText .list-details.js-bgimage {
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  background-attachment: fixed;
}
.itemFullText .list-details>* {
  position: relative;
  line-height: 1.5;
  z-index: 2;
}
.itemFullText .list-details h3 {
  display: inline-block;
  font-size: 1.5em;
  line-height: 1.4;
  color: #3726ab;
  border-bottom: 1px solid;
  padding-bottom: 1em;
}

.yt-socialbt .sb.viber {
  background-color: #7B4C9B;
  border-color: #7B4C9B;
  box-shadow: none;
}
.yt-socialbt .sb.telegram {
  color: #fff;
  background-color: #269EDC;
  border-color: #269EDC;
  box-shadow: none;
  line-height: 30px;
}
.yt-socialbt .sb.whatsapp {
  color: #fff;
  background-color: #24CC63;
  border-color: #24CC63;
  box-shadow: none;
  line-height: 30px;
}
.sb.viber .fa-viber {
  background: url(/images/viber.svg) no-repeat center center;
  width: 30px;
  height: 30px;
  background-size: 100%;
}
.yt-socialbt .sb.whatsapp i {font-size: 30px;}

#footer .social-links {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.whatsappchat .popup-section {
  visibility: hidden;
  transform: translateY(80px);
  animation-name: delayview-7;
  animation-duration: .5s;
  animation-delay: 7s;
  animation-fill-mode: forwards;
}

@keyframes delayview-7 {
  0% {
    visibility: hidden;
    transform: translateY(80px);
  }
  100% {
    visibility: visible;
    transform: translateY(0);
  }
}

.whatsappchat .popup-section .help-you-btn {
  font-size: 15px;
  width: auto;
  white-space: normal !important;
  line-height: 1;
  padding-left: 40px !important;
}
.whatsappchat .popup-section .help-you-btn img {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}
    

.item-page .article-header h1 {
  margin-bottom: 30px;
  font-size: 26px;
  line-height: 1.3;
}

.tp-k2afterdisplay.module>.bg-skyblue {
  background: #E3EFEF;
  padding: 20px 20px 5px 20px;
  margin-bottom: 50px;
}

@media (max-width: 699px) {
  #pwebcontact383_form .pweb-column,
  #pwebcontact383_form .pweb-column:last-child {
    float: none;
    width: auto !important;
    margin-right: 0;
  }
}
@media (max-width: 499px) {
  #yt_header #top1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  #top1 div.mod-languages li a {
    display: inline-block;
    padding: 5px 10px;
  }
  #content_main {
    padding-left: 0;
    padding-right: 0;
  }
  #content_main #yt_component,
  #content_main #content_right  {
    overflow: visible;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  #k2Container.itemView .itemBody .itemImageBlock {
    margin-left: -15px;
    margin-right: -15px;
  }
  #k2Container.itemView .itemComments .itemCommentsForm h3 {
    font-size: 1.2em;
    font-weight: bold;
  }
  div.yt-extra-carousel .carousel-indicators li {
    margin: 20px 10px 0;
    padding: 10px;
    border-radius: 0 !important;
  }
  .banner-slider div.yt-extra-carousel .carousel-indicators {margin-top: 20px;}
  .module.carousel-custommer div.yt-extra-carousel .carousel-indicators li {padding: 8px;}
  .module.carousel-custommer div.yt-extra-carousel .carousel-indicators li+li {margin-left: 4%;}
  .itemFullText ul {padding-left: 0;}
  .itemFullText h3 {font-size: 1.2em;}
  .itemFullText h4 {font-size: 1em;}
  .itemFullText #getconsulting {
    margin-left: -15px;
    margin-right: -15px;
  }
  .itemFullText .list-details {
    background: transparent !important;
    margin: 10px -15px 30px;
    padding: 0 20px;
  }
	.itemFullText .list-details.js-bgimage {background-image: none !important;}
	.itemFullText .list-details h3 {
    line-height: 1.1;
    border: 0;
    padding: 0;
    margin: 30px 0 12px;
	}

  #getconsulting .panel, #getconsulting .panel-body {
    text-align: center;
    font-size: 15px;
  }
  ol.inline-numbered {margin-top: 40px;}
  ol.inline-numbered>li {padding: 0;}
  .our-advantages .module-title {font-size: 24px;}
  #bd #yt_breadcrumb {
    min-height: 0 !important;
    padding-top: 30px !important;
    padding-bottom: 30px;
  }
  #bd #yt_footer #yt_copyright {margin-bottom: 0 !important;}
  #footer {padding-bottom: 20px;}
  #ccomment .ccomment-add-new {
    font-size: 1em;
    padding: 10px;
    transform: translateY(-0.5em);
  }
}
 

#k2Container.itemView .itemBody .itemImageBlock span.itemImage {max-height: min(80vh, 500px);}

@media (max-width: 767px) {
  #bottom2 {margin-bottom: 15px;}
}

@media (min-width: 500px) {
  .itemFullText .list-details, .itemFullText #getconsulting {
    border: 2px solid #fff;
    border-width: 2px 0;
    box-shadow: 0 0 0 2px #666;
  }
  .itemFullText .list-details.js-bgimage>p, .itemFullText .list-details.js-bgimage>h3 {color: #fff;}
  .itemFullText .list-details.js-bgimage:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px);
    z-index: 0;
  }
  .itemFullText .list-details.js-bgimage:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(55,38,171,.4);
    z-index: 0;
  }
  .list-details.js-bgimage ol.inline-numbered .card {box-shadow: 3px 7px 7px rgba(0,0,0,0.6);}
  .is_bottom_right.whatsappchat {bottom: 60px;}
}

@media (min-width: 768px) {
  .itemHeader .itemTitle {font-size: 30px; line-height: 1.2;}
  .item-page .article-header h1 {font-size: 34px;}

  .k2ItemsBlock.panel-grid .panel a.moduleItemTitle {min-height: 2.6em;}
  
  ol.inline-numbered {
		margin-left: 0;
		margin-right: 0;
		display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 100%;
		grid-column-gap: 22px;
		align-items: stretch;
	}
	ol.inline-numbered>li {padding: 0 10px;}
  ol.inline-numbered>li+li {margin-top: 0;}
  ol.inline-numbered>li::before {
    font-size: 30px;
    width: 52px;
    height: 52px;
    line-height: 50px;
  }
  ol.inline-numbered .card {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .our-advantages .panel-body {min-height: 245px;}
}

@media (min-width: 499px) and (max-width: 767px) {
  ol.inline-numbered {
		margin-top: 30px;
		padding-left: 3vw;
		padding-right: 3vw;
	}
  ol.inline-numbered>li+li {margin-top: 30px;}
  ol.inline-numbered>li::before {
    left: 0;
    top: 50%;
  }
  ol.inline-numbered .card {padding: 30px 15px 30px 50px;}
}

@media (max-width: 989px) {
  #yt_spotlight7>.container>.row {
    display: flex;
    flex-direction: column;
  }
  #yt_spotlight7>.container>.row>div {
    width: 100% !important;
    text-align: center;
  }
  #footer .social-links {
    justify-content: center !important;
    margin-bottom: 20px;
  }
}

@media (min-width: 980px) {
  #meganavigator .mega-content {
    max-height: calc(100vh - 140px);
    overflow-y: auto;
  }
  .pwebcontact-modal.in .pwebcontact-box.pweb-modal {margin-top: 100px !important;}
  .pwebcontact-box.pweb-modal .pwebcontact-container {padding: 20px !important;}
}

@media (min-width: 990px) {
  #getconsulting .row.container {
    display: flex;
    align-items: center;
  }
  #getconsulting .row>.panel {
    padding-left: 20px;
    padding-right: 20px;
  }
}