@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700');

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700');

@import url('https://fonts.googleapis.com/css?family=Dosis:400,500,700');

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700');



/* GENERAL */

:root {
  --maincolor: #E0011A;
  --secondcolor: #B3101D;
  --graycolor: #F3F3F3;
	
  --bs-success: #6abd6e;
  --bs-info: #47a8f5;
  --bs-warning: #ffaa2b;
  --bs-danger: #f66358;
  
		
}

/* alerts */
joomla-alert[type="danger"], joomla-alert[type="warning"], joomla-alert[type="info"], joomla-alert[type="success"] {
	color:#fff;
	border-radius: 0;
	padding: 1rem 1.25rem;
	font-size: 15px;
}
joomla-alert[type="danger"] {background-color: var(--bs-danger);border-color: var(--bs-danger);}
joomla-alert[type="warning"] {background-color: var(--bs-warning);border-color: var(--bs-warning);}
joomla-alert[type="info"] {background-color: var(--bs-info);border-color: var(--bs-info);}
joomla-alert[type="success"] {background-color: var(--bs-success);border-color: var(--bs-success);}
joomla-alert .joomla-alert--close {color:#fff;opacity:1;}


.red, .star, .sppb-field-required {
  color: var(--bs-warning);
	font-size: 120%;
}

.bg-gray {background-color: var(--graycolor);}
.bg-red {background-color: var(--maincolor);}
.bg-black {background-color: #000000;}

body {

	font-family: 'Open Sans', sans-serif;

	font-weight: normal;

	font-style: normal;

	font-size:14px;

	line-height: 23px;

	color: #727272;

}



a, .sppb-btn {

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-ms-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

	cursor: pointer;

	background-color: transparent;

}

.sppb-btn, .btn {

	display: inline-block;

	padding: 10px 36px;

	margin-bottom: 0;

	font-size: 14px;

	font-weight: 600;

	line-height: 1.42857143;

	text-align: center;

	white-space: nowrap;

	vertical-align: middle;

	-ms-touch-action: manipulation;

	touch-action: manipulation;

	cursor: pointer;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	background-image: none;

	border: 1px solid transparent;

	border-radius: 0;

	text-transform: uppercase;

	-webkit-transition: all 0.3s ease-out 0s;

-moz-transition: all 0.3s ease-out 0s;

-ms-transition: all 0.3s ease-out 0s;

-o-transition: all 0.3s ease-out 0s;

transition: all 0.3s ease-out 0s;

}
.btn-link {padding: 0;}

a:hover {

	text-decoration: none;

}

a:focus, a:hover {

	color: #101010;

}

a {

	outline: medium none !important;

	color: #727272;

}



a {

	color: var(--maincolor);

	text-decoration: none;

	transition: all 0.3s ease;

}

a:hover {

	color: #1d2025;

	text-decoration: none;

}



h1, h2, h3, h4, h5, h6 {

	font-family: 'Montserrat', sans-serif;

	font-weight: 500;

	color: #272727;

	margin-top: 10px;

	margin-bottom: 10px;

}



h1, h2, h3, h4 {

	margin-top: 0;

}



h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

	color: inherit;

	font-size: inherit;

}

h1 {

	font-size: 40px;

	line-height: 40px;

	margin-bottom: 20px;

	font-style: normal;

	font-weight: 400;

}



h2 {

	font-size: 35px;

	line-height: 35px;

	margin-bottom: 20px;

	font-style: normal;

	font-weight: 400;

}



h3 {

	font-size: 27px;

	line-height: 30px;

	margin-bottom: 18px;

	font-style: normal;

}



h4 {

	font-size: 22px;

	line-height: 25px;

	margin-bottom: 18px;

	font-style: normal;

}



h5 {

	font-size: 18px;

	line-height: 23px;

	margin-bottom: 16px;

	font-style: normal;

}



h6 {

	font-size: 16px;

	line-height: 21px;

	margin-bottom: 14px;

	font-style: normal;

}



p {

    margin: 0 0 10px;

}



ul {

	list-style-type: none;

}



.text-primary {

	color: var(--maincolor) !important;

}



.text-white {

	color: #fff;

}



b, strong {

	font-weight: bold;

}



.sppb-optin-form.form-inline .button-wrap {

    margin-bottom: 0;

}

input {}
.input-group {flex-wrap: nowrap;}

/* */



/* HEADER */



#sp-top-bar {background-color: var(--maincolor);}



#sp-header {

	background: rgba(2, 2, 3, 1); /*transparent;*/

	height: inherit;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

	z-index: 99;

	box-shadow: none;

	-webkit-animation-duration: 1s;

	animation-duration: 1s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

	border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}



#sp-header.header-sticky {

	position: fixed;

	z-index: 9999;

	box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.2);

	-webkit-transition: all .6s;

	transition: all .6s;

	background: rgba(2, 2, 3, 0.8);

	animation-name: menu_sticky;

	animation-duration: 0.60s;

	animation-timing-function: ease-out;

	border-bottom: 0px solid rgba(255, 255, 255, 0.2);

}



@keyframes menu_sticky {

  0%   {margin-top:-100px;}

  50%  {margin-top: -90px;}

  100% {margin-top: 0;}

}



#sp-header .logo {

	height: inherit;

	display: inline-flex;

	margin: 0;

	align-items: center;

}

#sp-header #sp-logo {display: table; margin: auto 0;}
/*#sp-header #sp-menu {margin: auto;}*/

#sp-header.natahovaci-header #sp-logo,
#sp-header.natahovaci-header #sp-menu,
#sp-header.natahovaci-header #sp-user1,
#sp-header.natahovaci-header #sp-user2 {
	flex: 0 0 auto;
  	width: auto;
}
#sp-header.natahovaci-header > .container > .container-inner > .row {
	justify-content: space-between !important;
	flex-wrap: nowrap;
}
#sp-header.natahovaci-header .sp-module {
  margin-left: 0;
}

.logo-image {

	height: unset !important;

}



.sp-megamenu-parent > li > a, .sp-megamenu-parent > li:last-child > a, .sp-megamenu-parent > li > span {

	display: inline-block;

	padding: 30px 15px;

	font-weight: 600;

	letter-spacing: 0.5px;

	line-height: 20px;

	text-transform: uppercase;

}



.sp-megamenu-parent > li.active > a {

	font-weight: 600;

}



.sp-megamenu-parent > li.sp-has-child > a::after, .sp-megamenu-parent > li.sp-has-child > span::after {

	display: none;

}



.sp-megamenu-parent > li > a > i, .sp-megamenu-parent > li > span > i {

	color: var(--maincolor);

}
.sp-megamenu-parent > li span.pe-2 {padding: 0;}  /* je ikona fa */


/* SUBMENU */



.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {

	box-shadow: 0px 3px 18px 0px rgba(0,0,0,0.07);

	padding: 0;

	-webkit-transition: all .2s;

	transition: all .2s;

}



.sp-megamenu-parent .sp-dropdown li.sp-menu-item {

	border-bottom: 1px solid #f0f0f0;

	text-transform: uppercase;

	position: relative;

}



.sp-megamenu-parent .no-uppercase .sp-dropdown li.sp-menu-item {text-transform: capitalize;}



.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {

	font-size: 14px;

	line-height: 23px;

	display: block;

	padding: 12px 23px;

	cursor: pointer;

	font-weight: 500;

	letter-spacing: 0.5px;

}



.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {

	margin-left: 5px;

}



.sp-megamenu-parent .sp-dropdown li.sp-menu-item .sp-menu-item {text-transform: capitalize;}



.sp-megamenu-parent .sp-dropdown li.sp-menu-item .sp-menu-item a {font-weight: 400;}





.sp-megamenu-parent .left-drop .sp-dropdown.sp-dropdown-sub {

	top: 0 !important;

	left: auto !important;

	right: 100% !important;

}



.sp-megamenu-parent .sp-mega-group {

	list-style: none;

	padding: 20px 0px 30px 0px;

	margin: 0;

}



.sp-megamenu-parent .sp-mega-group > li > a {

	text-transform: uppercase;

	padding: 12px 23px;

	letter-spacing: 0.5px;

	padding-bottom: 10px;

	font-weight: 600;

	margin: 0;

}



.sp-megamenu-parent .sp-dropdown .sp-mega-group li.sp-menu-item {

	border-bottom: 0px solid #f0f0f0;

	text-transform: none;

	position: relative;

}



.sp-megamenu-parent .sp-dropdown .sp-mega-group li.sp-menu-item a {

	padding: 8px 23px;

	font-weight: 400;

}



.sp-megamenu-parent .sp-dropdown .sp-mega-group li.sp-menu-item a i {margin-right: 3px;}



.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {

	display: inline-block;

	line-height: 1;

	padding: 0 !important;

	letter-spacing: 0;

}



/* */



.padding-percent1 {padding: 10%;}



.owl-theme .owl-controls {

	margin-top: 35px;

	text-align: center;

}



.owl-theme .owl-controls .owl-page span {

	background: transparent none repeat scroll 0 0;

	opacity: 1;

  border: 1px solid var(--maincolor);

}



.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {

	opacity: 1;

  background-color: var(--maincolor);

	border: 1px solid var(--maincolor);

}



.owl-theme .owl-controls {

position: relative;

width: 100%;

top: 60%;

  margin-top: 35px;

text-align: center;

}



@media (max-width: 768px) {

	.owl-theme .owl-controls {display: none !important;}

}



.owl-theme .owl-controls .owl-buttons div.owl-prev {

	border-radius: 0;

position: absolute;

color: #727272;

display: inline-block;

zoom: 1;

*display: inline;

margin: 5px;

left: -7%;

top: -240px;

padding: 30px;

font-size: 14px;

border-radius: 100%;

opacity: 1;

transition: all 0.3s ease-out 0s;

border: 2px solid rgba(255, 255, 255,0.3);

background: transparent url(/blak/images/prev-arrow.png) center center no-repeat;

}



.owl-theme .owl-controls .owl-buttons div.owl-next {

	border-radius: 0;

position: absolute;

color: #727272;

display: inline-block;

zoom: 1;

*display: inline;

margin: 5px;

right: -7%;

top: -240px;

padding: 30px;

font-size: 14px;

border-radius: 100%;

opacity: 1;

transition: all 0.3s ease-out 0s;

border: 2px solid rgba(255, 255, 255,0.3);

background: transparent url(/blak/images/next-arrow.png) center center no-repeat;

}



.section-border-top {border-top: 1px solid #ebebeb;}





/* PORTFOLIO DEFAULTS */



.featherlight {

  top: 11%;

}



.featherlight .featherlight-content {

  max-height: 95%;

  max-width: 55%;

  padding: 0;

  margin: 0;

  overflow: hidden;

  background: transparent none repeat scroll 0 0;

}



.sp-simpleportfolio .sp-simpleportfolio-img {

	display: block;

	width: 100%;

	height: auto;

}



.sp-simpleportfolio .sp-simpleportfolio-description {

	width: 100%;

	float: none;

	margin-top: 40px;

}



.sp-simpleportfolio .sp-simpleportfolio-description .clearfix {height: 1px;}



.sp-simpleportfolio .sp-simpleportfolio-description ul {

	width: 100%;

	padding: 40px;

	border: 1px solid #f1f1f1;

	margin-bottom: 0;

}



.sp-simpleportfolio .sp-simpleportfolio-description ul li {

	padding: 0 0 10px 0;

	margin: 0px;

}



.sp-simpleportfolio .sp-simpleportfolio-description ul li strong {

	color: #323335;

	display: inline-block;

	font-weight: 700;

	width: 150px;

}



.sp-simpleportfolio .sp-simpleportfolio-description h4 {

	font-weight: 700;

}



/* #sp-main-body {

	padding: 100px 0 150px 0;

}
*/

.com-spsimpleportfolio #sp-left, .com-spsimpleportfolio #sp-right {padding-top: 0; padding-bottom: 0;}

@media (min-width: 992px) {.com-content #sp-left, .com-content #sp-right {padding-top: 0; padding-bottom: 0;}}











/* */



/* BOTTOM */



#sp-bottom {

	padding: 0;

	line-height: inherit;
	color: #a8a8a8;
	font-size: 15px;

}
#sp-bottom a {
	color: #ffffff;
}
#sp-bottom a:not(.btn):hover, #sp-bottom a:not(.btn):focus {
	color: var(--maincolor);
}
span:not(.sp-menu-badge)

#sp-bottom .sp-module .tagspopular ul > li,

#sp-bottom .sp-module .sppb-link-list-wrap ul > li {

	display: inline-block;

	margin-bottom: 0 !important;

}



#sp-bottom .sp-module ul > li {

	margin-bottom: 0 !important;

}



#sp-bottom .sp-module {

	margin-bottom: 0;

}



#sp-bottom .sp-module .tagspopular ul > li > a {

	font-size: 14px;

	font-weight: normal;

	margin: 6px 6px 0 0;

	display: inline-block !important;

	padding: 4px 12px;

	color: #727272;

	border: 1px solid #2e2e2e;

	text-decoration: none;

	transition: all 0.3s ease;

}



#sp-bottom .sp-module .tagspopular ul > li > a:hover {

	color: var(--maincolor);

	border: 1px solid var(--maincolor);

}



#sp-footer {

	font-size: 12px;
	line-height: 1.4;
	color: #a8a8a8;

	margin: 0;

	padding: 30px 0;

	text-align: left;

}



#sp-footer .container-inner {

	padding: 0;

	border-top: 0px solid rgba(255, 255, 255, .1);

}



/*  */



/* RESPONSIVE */



@media (max-width: 768px) {

	.owl-item .feature-box-4{margin: 20px 0;}

}





#offcanvas-toggler {

	display: block;

	height: 60px;

	line-height: 60px;

	font-size: 20px;
	
	background: var(--maincolor);
  	padding: 0 18px;

}

#offcanvas-toggler:hover, #offcanvas-toggler:focus {background: var(--secondcolor)}

#offcanvas-toggler > .fa {

	color: #fff;

}

.burger-icon > span {background-color: #fff;}

/* */



.text-box-negative {

    width: 100%;

    padding: 70px 100px 0;

    background-color: #fff;

}



.ce-feature-box-28 .negative {

	position: relative;

	width: 100%;

	z-index: 2;

	margin: 0;

	top: -150px;

}



.border-top-gray {

	border-top: 1px solid #f1f1f1;

}



.border-bottom-gray {

	border-bottom: 1px solid #f1f1f1;

}



.border-top-gray-opacity {

	border-top: 1px solid rgba(241, 241, 241, 0.1);

}





/* TOP BAR */



#sp-top-bar {

	padding: 0;

	font-size: inherit;

	background: #fff;

	display: none;

}



#sp-top-bar .sp-module {

	display: block;

	margin: 0;

}





/* PAGE TITLE */



.sp-page-title {

	padding: 175px 0 95px;

	background-repeat: no-repeat;

	background-position: 50% 50%;

	background-size: cover;

	text-align: center;

	position: relative;
	
	background-color: #fff;
	box-shadow: 0 5px 20px rgba(255,255,255,0.8);

}



.sp-page-title:after {

	content: "";

	position: absolute;

	width: 100%;

	height: 100%;

	/*background: rgba(0,0,0,0.7);*/

	top: 0;

	left: 0;

}



.sp-page-title .sp-page-title-heading {

	font-style: normal;

	position: relative;

	z-index: 2;

	font-size: 30px;

	font-weight: 400;

	margin-bottom: 3px;

	color: rgb(57, 57, 57);

	/* text-transform: uppercase; */

	margin-top: 0;

	line-height: 34px;

}



.sp-page-title .sp-page-title-sub-heading {

	width: 100%;

	font-size: 18px;

	margin: 0 auto 0 auto;

	text-transform: uppercase;

	line-height: 21px;

	font-weight: 400;

	color: rgb(77, 77, 77);

	position: relative;

	z-index: 2;

}



/* */



/* SIDEBAR */



.sidebar-class  .sppb-row-container {width: 100% !important; }

.sidebar-class.com-sppagebuilder #sp-main-body {margin: 0 auto;}

@media (min-width: 768px) {

.sidebar-class.com-sppagebuilder #sp-main-body {max-width: 750px;}

}

@media (min-width: 992px) {

.sidebar-class.com-sppagebuilder #sp-main-body {max-width: 970px;}

}

@media (min-width: 1200px) {

.sidebar-class.com-sppagebuilder #sp-main-body {max-width: 1170px;}

}



#sp-right, #sp-left {/*padding-top: 150px;*/ padding-bottom: 150px;}



.com-j2store #sp-right, .com-j2store #sp-left {padding-top: 0; padding-bottom: 0;}





@media (max-width: 992px){

.com-j2store #sp-right, .com-j2store #sp-left {padding-top: 50px; padding-bottom: 50px;}

}



#sp-left .sp-module:first-child, #sp-right .sp-module:first-child {

	margin-top: 0;

}



#sp-left .sp-module, #sp-right .sp-module {

	margin-top: 60px;

	border: 0px solid #f3f3f3;

	padding: 0;

	border-radius: 0;

}



#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {

	border-bottom: 0px solid #f3f3f3;

	font-size: 20px;

	margin-bottom: 25px;

	font-weight: 400;

	text-transform: uppercase;

	line-height: 23px;

	margin-top: 10px;

	padding: 0;

}



input.form-control, input.sppb-form-control, textarea.form-control {

	display: block;

	background-color: #fff;

	background-clip: padding-box;

	border-radius: 0;

	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

	border: 1px solid #e4e4e4;

	height: 45px;

	padding: 10px;

	width: 100%;

	font-family: inherit;

	font-size: inherit;

	line-height: inherit;

	color: inherit;

	box-shadow: none !important;

}
textarea.form-control {height: auto;}

input.form-control:focus, input.sppb-form-control:focus, textarea.form-control:focus {
	border-color: #ECC600 !important;
}
.invalid {border-color: var(--bs-red) !important;}

.form-label {
	position: relative;
  width: 100%;
}
.form-control-feedback {
  display: inline-block;
  margin-top: 0.25rem;
  font-size: 0.875em;
  position: absolute;
  background-color: var(--maincolor);
  padding: 3px 10px;
  white-space: nowrap;
  bottom: 0;
  right: 0;
  color: #fff;
	font-weight: 600;
}
.form-control-feedback::before {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  background-color: var(--maincolor);
  position: absolute;
  right: calc(50% - 5px);
  bottom: -5px;
  rotate: 45deg;
}

#sp-left .sp-module ul > li, #sp-right .sp-module ul > li {

	display: block;

	border-bottom: 1px solid #ececec;

}



.category-module li h4, .categories-module li h4, .archive-module li h4, .latestnews li h4, .newsflash-horiz li h4, .mostread li h4, .form-links li h4, .list-striped li h4 {

	margin: 0;

	padding: 10px 0;

	width: 100%;

	color: #727272;

	text-decoration: none;

	transition: all 0.3s ease;

	font-family: 'Roboto', sans-serif;

	font-weight: normal;

	font-style: normal;

	font-size: 14px;

	line-height: 23px;

}



#sp-left .sp-module ul > li a:hover, #sp-right  .sp-module ul > li a:hover {

    color: var(--maincolor);

    text-decoration: none;

}



#sp-left .latestnews li, #sp-right .latestnews li {

    padding-bottom: 20px !important;

    margin-bottom: 20px !important;

}



#sp-left .latestnews li:last-child, #sp-right .latestnews li:last-child {

    padding-bottom: 20px !important;

    margin-bottom: 20px !important;

}



.latestnews img {

	width: 80px;

	height: 80px;

	margin: 0px 20px 0px 0px;

}



.media-body span a {

	padding: 0 !important;

margin: 0 !important;

text-transform: uppercase;

font-size: 16px;

line-height: 21px;

font-weight: 400;

color: #272727;

	font-family: 'Montserrat', sans-serif;

	text-decoration: none;

transition: all 0.3s ease;

}



.media-body span a:hover {

	color: #101010;

}



.media-body small {

	display: block;

	padding-top: 10px;

	font-size: 13px;

	color: #b9b9b9;

	font-family: 'Roboto', sans-serif;

	font-weight: normal;

	font-style: normal;

	line-height: 23px;

}



#sp-bottom .sp-module ul.latestnews > li {

	padding-bottom: 23px;

	margin-bottom: 23px !important;

	border-bottom: 1px solid rgba(241, 241, 241,0.1);

}



#sp-bottom .sp-module ul.latestnews > li:last-child {

	padding-bottom: 0;

	margin-bottom: 0 !important;

	border-bottom: 0px solid #f1f1f1;

}



#sp-left .sp-module .tagspopular ul > li, #sp-right .sp-module .tagspopular ul > li,

#sp-left .sp-module .sppb-addon-gallery ul > li, #sp-right .sp-module .sppb-addon-gallery ul > li {

	display: inline-block;

	border-bottom: 0px solid #ececec;

}



#sp-left .sp-module .sppb-addon-gallery ul > li, #sp-right .sp-module .sppb-addon-gallery ul > li {

	margin: 4px 4px 0 0;

}



#sp-left .sp-module .sppb-addon-gallery  ul > li > a, #sp-right .sp-module .sppb-addon-gallery  ul > li > a {

	padding: 0;

}



#sp-left .sp-module .tagspopular ul > li > a, #sp-right .sp-module .tagspopular ul > li > a {

	display: inline-block;

	background-color: #fff;

	border: 1px solid #e9e9e9;

	color: #727272;

	margin: 0 10px 10px 0;

	padding: 5px 15px;

	font-family: 'Roboto', sans-serif;

	font-weight: normal;

	font-style: normal;

	font-size: 14px;

	line-height: 23px;

}



#sp-left .sp-module .tagspopular ul > li > a:hover, #sp-right .sp-module .tagspopular ul > li > a:hover {

	background-color: #323335;

	color: #fff;

}



/* */



.password-group .input-group-prepend {display: none;}



.btn-primary.focus, .btn-primary:focus {

	box-shadow: none;

}

.btn-default:hover {color: var(--maincolor);}


/* modal v sp */
.white-popup-block { 

	background: #fff;

	padding: 40px !important;

	text-align: left;

	max-width: 700px;

	margin: 40px auto;

	position: relative;

}



/* BLOG */



/*.com-content #sp-main-body,*/
.view-category #sp-main-body {

	background-color:var(--graycolor);

}



.blog-classic-sidebar #sp-main-body {

	background-color: #fff;

}



.article-list .article {

	margin-bottom: 40px;

	padding: 0px;

	border: 0px solid #f5f5f5;

	border-radius: 0;

}



.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img {

	border-radius: 0;

	width: 100%;

	transition: all 0.3s ease-out 0s;

}



.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {

	margin: 0;

	border-radius: 0;

	border-bottom: 0px solid #f5f5f5;

	overflow: hidden;

	float: none !important;

	transition: all 0.3s ease-out 0s;

}



.article-list .article:hover .article-intro-image img {

	-moz-transform: scale(1.3);

	-webkit-transform: scale(1.3);

	transform: scale(1.3);

}



.article-body {

	padding: 40px;

	background-color: #fff;

}



.blog-classic-sidebar .article-body {

	background-color: #f5f5f5;

}



.tags {

	display: none;

}



.article-list .article .article-header h1, .article-list .article .article-header h2 {

	transition: all 0.3s ease-out 0s;

	margin-top: 0;

	font-size: 22px;

	line-height: 1.2;

	margin-bottom: 18px;

	font-style: normal;

	font-weight: 400;

}



.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {

	color: inherit;

	font-size: inherit;

	font-weight: inherit;

	line-height: inherit;

}



.article-list .article .article-header h1 a:hover, .article-list .article .article-header h2 a:hover {

	color: var(--maincolor);

}



.article-info {

	margin-bottom: 0;

}



.article-info > span, .article-info > span > a {

	font-size: 13px;

	color: #b9b9b9;

	margin-right: 15px;

}



.article-info > span + span:before {

	display: none;

}



.article-introtext {

	margin-top: 20px;

}



.article-introtext p {

	margin-top: 0;

	margin-bottom: 0;

}



.article-list .article .readmore {

	font-size: inherit;

}



.article-list .article .readmore a {

	font-size: 14px;

	padding: 10px 20px;

	color: #727272;

	background-color: #101010;

	border-radius: 0;

	box-shadow: none;

	display: inline-block;

	margin: 45px 5px 5px;

	text-transform: uppercase;

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-ms-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

	font-weight: 400;

	line-height: 1.42857143;

	text-align: center;

	white-space: nowrap;

	vertical-align: middle;

	touch-action: manipulation;

	cursor: pointer;

	border: 1px solid transparent;

}



.article-list .article .readmore a:hover {

	color: #727272;

	background-color: #323335;

}



/* SINGLE */



.article-details {
	/*background: #fff; */
	padding-bottom: 40px;
}


/*
.article-details > div {padding-left: 40px; padding-right: 40px;}
*/


.article-details > div.article-full-image {padding: 0;}



.article-details .article-full-image img {

	display: inline-block;

	border-radius: 0;

	width: 100%;

}



.article-details blockquote {

	font-size: 16px;

	font-style: italic;

	border-left: 3px solid var(--maincolor);

	padding: 15px 0 15px 20px;

	margin: 35px 0 35px 40px;

	line-height: 2;

	font-weight: 500;

}



.mt-3, .my-3 {

	margin-top: 2rem !important;

}



.blog-layout-2 .article-list .article {

	margin-bottom: 40px;

	border-radius: 0;

	background: #fff;

	padding: 30px;

	border: 1px solid #e4e4e4;

}



.blog-layout-2 .article-body {

	padding: 0;

	background-color: transparent;

}





/* */



/* J2 SHOP */



.j2store-single-product {

	margin-bottom: 40px;

}



.j2store-product-images {

	position: relative;

	overflow: hidden;

	transition: .5s ease;

	background: #f7f7f7;

	text-align: center;

}



.j2store-product-images .overlay {

    background-color: rgba(0, 0, 0, 0.49);

    text-align: center;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    color: #fff;

    opacity: 0;

    filter: alpha(opacity=0);

    transition: all 450ms ease-out 0s;

    transform: rotateY(180deg) scale(0.5,0.5);

}



.j2store-product-images .overlay .box {

	display: table;

	height: 100%;

	width: 100%;

}



.j2store-product-images .overlay .box .content {

    display: table-cell;

    text-align: center;

    vertical-align: middle;

}



.j2store-product-images .overlay .box .content a i {

    background: var(--maincolor);

    border-radius: 50%;

    color: #ffffff;

    display: inline-block;

    font-size: 16px;

    height: 45px;

    line-height: 48px;

    transition: all 500ms ease 0s;

    width: 45px;

}



.j2store-single-product:hover .j2store-product-images {

	transition: .5s ease;

}



.j2store-single-product:hover .overlay {

    opacity: 1;

    filter: alpha(opacity=100);

    transform: rotateY(0deg) scale(1,1);

}



.j2store-single-product .content-box {

    position: relative;

    border-top: 0px;

}



.j2store-single-product .content-box .inner-box {

    padding: 23px 0 0;

}



.j2store-single-product .content-box .inner-box .product-title {

	margin-bottom: 3px;

	font-size: 18px;

line-height: 23px;

font-family: 'Montserrat', sans-serif;

margin-top: 10px;

font-weight: normal;

color: #272727;

text-align: left;

text-transform: none;

}



.j2store-single-product .content-box .inner-box .product-title a,

.j2store-single-product .content-box .inner-box .product-title a:hover {

	color: inherit;

	font-size: inherit;

}



.product-price-container .sale-price {

	color: var(--maincolor);

	font-size: 18px;

	line-height: 23px;

	margin-bottom: 16px;

	font-style: normal;

	font-family: 'Montserrat', sans-serif;

	font-weight: normal;

	margin-top: 10px;

}



.j2store-single-product .content-box .price-box {

    padding: 23px 0 0;

}



.j2store-addtocart-form {

	margin-top: 0;

}



.j2store-add-to-cart {

	margin-left: 0;

}



.view-products .j2store-single-product .content-box .price-box .j2store-add-to-cart .product-qty {display: none;}



.j2store-single-product .content-box .price-box .sppb-btn {

	border: 2px solid #f5f5f5;

	color: #242424;

	padding: 8px 18px;

	margin: 0px;

	box-shadow: none;

	border-radius: 0;

	font-size: 14px;

	font-weight: 400;

	line-height: 1.42857143;

	text-align: center;

	white-space: nowrap;

	vertical-align: middle;

}



.j2store-single-product .content-box .price-box .sppb-btn:hover {

	color: #fff;

	border: 2px solid #101010;

	background-color: #101010;

}



.j2store-single-product .content-box .price-box .j2store-add-to-cart:hover .sppb-btn {

	color: var(--maincolor);

	transition: .7s ease;

}



.j2store-single-product .content-box .price-box .j2store-add-to-cart {position: relative;}



.j2store-single-product .content-box .price-box .j2store-add-to-cart i {

	margin-right: 6px;

}



.j2store-single-product .content-box .price-box .j2store-add-to-cart:hover i {

	color: var(--maincolor);

	transition: .7s ease;

}



.pagination {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	padding-left: 0;

	list-style: none;

	border-radius: 0;

    align-items: center;

	justify-content: center;

	padding-top: 20px;

}



.pagination > li {

	margin: 0 4px;

}



.page-link {

	position: relative;

	display: block;

	padding: 0;

	margin-left: 0;

	background-color: #fff;

	width: 55px;

	line-height: 55px;

	border: 1px solid rgba(229, 229, 229, 0.57);

	text-align: center;

	color: #252525;

	font-size: 18px;

	border-radius: 50%;

	-webkit-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}



.page-item.active .page-link,

.pagination > li > a:hover {

	z-index: 1;

	border-color: var(--maincolor);

	color: #fff;

	background-color: var(--maincolor);

}





.page-item:first-child .page-link {

	margin-left: 0;

	border-top-left-radius: 50%;

	border-bottom-left-radius: 50%;

}



.page-item:last-child .page-link {

	border-top-right-radius: 50%;

	border-bottom-right-radius: 50%;

}



/* SINGLE PRODUCT */



.j2store-product-main-image {

	margin-bottom: 0;

	width: 100%;

}



.j2store-single-product-view .product-title {

	font-weight: 400;

	margin: 0;

	padding: 0;

	text-transform: uppercase;

	font-size: 22px;

	line-height: 25px;

	font-style: normal;

}



.j2store-single-product-view .product-title:after {

	margin: 18px 0 23px;

	display: block;

	height: 1px;

	background: #f1f1f1;

	content:"";

	width: 120px;

}



.price-sku-brand-container {

	border-top: 0px solid #efefef;

	border-bottom: 0px solid #efefef;

	margin: 0;

	padding: 0;

}



.j2store-single-product-view .product-price-container .sale-price {

	font-weight: 400;

	color: var(--maincolor);

	font-size: 35px;

line-height: 35px;

margin-bottom: 20px;

font-style: normal;

font-family: 'Montserrat', sans-serif;

}



.j2store-single-product-view .product-sdesc-top {

	margin: 0px 0 23px;

	overflow: hidden;

}



.j2store-single-product-view .product-sku {

	border-top: 1px solid #f1f1f1;

	padding-top: 23px;

	margin-top: 45px;

}



.j2store-single-product-view .product-sku .sku-text {

	color: #101010;

	font-size: 14px;

	padding-right: 10px;

	padding-bottom: 10px;

}



.j2store-single-product-view .product-sku .sku {

	font: 14px 'Open Sans', sans-serif;

	font-weight: normal;

	font-style: normal;

	line-height: 23px;

	color: #727272;

}



input:focus, textarea:focus {box-shadow: none !important;}



.product-qty input[type="text"], .product-qty input[type="number"],

.product-qty input[type="text"]:focus, .product-qty input[type="number"]:focus {

	margin-right: 10px;

}



.j2store-single-product-view .j2store-cart-button.sppb-btn {

	color: #fff;

	background-color: #101010;

	padding: 10px 30px;

	margin: 0px;

	box-shadow: none;

	border-radius: 0;

	text-transform: uppercase;

	font-size: 14px;

	font-weight: 400;

	line-height: 1.42857143;

	text-align: center;

	white-space: nowrap;

	border-color: #101010;

}





#j2store-product-detail-tab {

	padding-top: 60px;

	border-bottom: 1px solid #f7f7f7;

	position: relative;

}



#j2store-product-detail-tab li {

	margin-bottom: -1px;

}



#j2store-product-detail-tab li a {

	border: 1px solid transparent;

	border-radius: 0;

	display: block;

	margin-right: 10px;

	padding: 13px 35px;

	color: #1f1f1f;

	font-size: 16px;

	font-weight: 600;

	text-transform: capitalize;

	font-family: 'Montserrat', sans-serif;

	background: #f7f7f7;

	transition: all 500ms ease;

	line-height: 1.42857143;

}



#j2store-product-detail-tab li.active a {

	background: var(--maincolor);

	color: #fff;

	border-color: var(--maincolor);

}



.j2store-single-product-view .tab-content {

	padding: 30px;

	border: 1px solid #f4f4f4;

	border-top: none;

}



.product-upsells-container {

	border-top: 1px solid #f7f7f7;

	margin-top: 80px;

	padding-top: 90px;

}



@media (max-width: 575px) {

	.upsell-product {margin: 20px 0;}

	.j2store-single-product-view .product-title {margin-top: 20px;}

}



.product-upsells-container h3 {

	margin-bottom: 3px;

	font-weight: 700;

	text-transform: uppercase;

	margin-top: 0;

	font-size: 22px;

	line-height: 25px;

	font-family: 'Montserrat', sans-serif;

	color: #272727;

	text-align: center;

}



.product-upsells-container h3:after {

	width: 70px;

	height: 2px;

	margin: 15px auto 80px auto;

	background-color: #101010;

	content: "";

	display: block;

}



.j2store-single-product-view .product-upsells-container .product-sdesc-top {margin: 0;}



.j2store-single-product .product-upsells-container .content-box .price-box {padding-top: 41px;}



.upsell-product-image img {width: 100%;}



.j2store-single-product.simple:hover .overlay {opacity: 0;}



.upsell-product-image-content  .overlay {

    transform: rotateY(180deg) scale(0.5,0.5) !important;

}



.upsell-product-image-content:hover .overlay {

	opacity: 1 !important;

	filter: alpha(opacity=100) !important;

	transform: rotateY(0deg) scale(1,1) !important;

}



.upsell-product-title:after {display: none !important;} 



.j2store-single-product-view .upsell-product-image-content .product-price-container .sale-price {

	font-size: 18px;

line-height: 23px;

margin-bottom: 16px;

font-style: normal;

font-family: 'Montserrat', sans-serif;

font-weight: normal;

margin: 0;

}



.j2store-single-product .upsell-product-image-content .content-box .price-box .sppb-btn {line-height: 1; margin-top:-5px;}



.j2store-single-product .upsell-product-image-content .content-box .price-box .sppb-btn i {

	margin-right: 6px;

}



.j2store-single-product .upsell-product-image-content .content-box .price-box .sppb-btn:hover {

	color: var(--maincolor);

}



.sppb-btn:focus, .sppb-btn:active {box-shadow: none !important;}



/* CART */



.view-carts .j2store-cart .row {

    display: block;

}



.j2store-single-product-view input.j2store-cart-button,

.view-carts .j2store-cart-buttons .buttons-left input,

.view-carts .buttons-right a,

#button-account,

#button-login,

#button-guest,

#button-payment-method,

#bank_form input,

.view-carts .buttons-right a:hover,

.view-carts .buttons-right a:active,

.view-carts .buttons-right a:focus,

.view-checkout input.btn {

	line-height: 46px;

	position: relative;

	background: var(--maincolor);

	font-size: 14px;

	border-radius: 0;

	color: #ffffff;

	border-color: var(--maincolor);

	text-transform: uppercase;

	font-weight: 700;

	display: inline-block;

	padding: 0 38px;

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-ms-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}



.view-carts .buttons-right a,

.j2store-single-product-view input.j2store-cart-button:hover,

.j2store-single-product-view input.j2store-cart-button:focus,

.j2store-single-product-view input.j2store-cart-button:active,

.view-carts .j2store-cart-buttons .buttons-left input:hover,

.view-carts .j2store-cart-buttons .buttons-left input:active,

.view-carts .j2store-cart-buttons .buttons-left input:focus,

#button-account:hover,

#button-account:active,

#button-account:focus,

#button-login:hover,

#button-login:active,

#button-login:focus,

#button-guest:hover,

#button-guest:active,

#button-guest:focus,

#button-payment-method:hover,

#button-payment-method:active,

#button-payment-method:focus,

#bank_form input:hover,

#bank_form input:active,

#bank_form input:focus,

.payment input:hover,

.payment input:active,

.payment input:focus,

.buttons input:hover,

.buttons input:active,

.buttons input:focus,

.view-checkout input.btn:hover,

.view-checkout input.btn:active,

.view-checkout input.btn:focus {

	background: transparent;

	color: var(--maincolor);

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-ms-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}



.view-carts .j2store-cart-buttons .buttons-left .cart-continue-shopping-button input,

#button-login,

#button-login:hover,

#button-guest,

#button-guest:hover,

#button-payment-method,

#button-payment-method:hover,

#bank_form input,

#bank_form input:hover,

#button-account,

#button-account:hover {margin-left: 0;}



#onCheckoutPayment_wrapper .payment-plugin-image-label {padding-right: 5px;}



.customer-note {margin-bottom: 20px;}



.customer-note textarea {

	height: auto !important;

	width: auto !important;

}



.view-checkout .checkout-content .left label input,

.view-checkout .checkout-content .shipping-make-same input {

	width: inherit;

	height: inherit;

	margin-right: 7px;

	display: inline-block;

}



.view-checkout .checkout-content .shipping-make-same input {width: auto !important;}



.view-checkout #sp-main-body h2,

.view-checkout #sp-main-body h3 {

	font-size: 24px;

	padding: 10px 0 15px 0;

}



.view-myprofile #sp-main-body ul > li > a {margin: 5px 20px 15px 0; display: inline-block;}



.view-myprofile #sp-main-body label {display: block;}



.view-checkout input.btn {width: unset !important; margin-top: 5px;}



.view-checkout textarea {

    height: auto !important;

}



.btn:active, .btn:focus {

	box-shadow: none !important;

}



input[type="checkbox"], input[type="radio"] {

	box-sizing: border-box;

	padding: 0;

	display: inline-block;

}



#bank_form input {margin-top: 20px;}



#sp-left .product_cart_block {

	display: none;

}



#sp-left .j2store-module-product-row .product-cart-section {

	border-bottom: 1px solid #eaeaea;

	position: relative;

	margin-bottom: 20px !important;

	padding-bottom: 20px !important;

	overflow: hidden;

	padding-left: 0 !important; padding-right: 0 !important;

}



#sp-left .j2store-module-product-row:last-child {

	border-bottom: none;

}



#sp-left .j2store-module-product-row .product-cart-section img {max-width: 80px;}



#sp-left .product-cart-left-block {

	padding-left: 20px;

}



#sp-left .product-cart-left-block h4 {

	color: #222 !important;

	font-size: 18px;

	line-height: 1.1;

	font-family: 'Roboto Slab', serif;

	margin: 0;

	padding: 0;

	font-weight: 500;

	display: block;

}



#sp-left .product-cart-left-block h4 > a {color: #303030;}

#sp-left .product-cart-left-block h4 > a:hover {color: var(--maincolor);}



#sp-left .product-price-container .sale-price {

	display: block;

	margin-top: 10px;

	color: var(--maincolor);

	font-size: 16px;

	font-weight: 400;

	font-family: 'Roboto';

	line-height: 1.42857143;

}



#sp-left .j2store-module-product-row {padding: 0 15px;}



#sp-left .j2store-module-product-row:nth-child(3) .product-cart-section {

	border-bottom: 0px solid #eaeaea;

	position: relative;

	margin-bottom: 0px !important;

	padding-bottom: 0px !important;

}





#sp-left .product-cart-left-block h4:after {

	display: none;

}



ul.additional-image-list {

	margin: 13px 0 0;

	padding: 0;

	text-align: center;

	

}



.additional-image-list li {

	list-style-type: none;

	display: inline-block;

	margin: 0 5px;

}







/* */











/* ADD ET FONT */



@font-face {

	font-family: 'et-line';

	src:url('fonts/et-line.eot');

	src:url('fonts/et-line.eot?#iefix') format('embedded-opentype'),

		url('fonts/et-line.woff') format('woff'),

		url('fonts/et-line.ttf') format('truetype'),

		url('fonts/et-line.svg#et-line') format('svg');

	font-weight: normal;

	font-style: normal;

}


/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'et-line';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display:inline-block;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="myicon-"] {
*/
.myicon-mobile, .myicon-laptop, .myicon-desktop, .myicon-tablet, .myicon-phone, .myicon-document, .myicon-documents, .myicon-search, .myicon-clipboard, .myicon-newspaper, .myicon-notebook, .myicon-book-open, .myicon-browser, .myicon-calendar, .myicon-presentation, .myicon-picture, .myicon-pictures, .myicon-video, .myicon-camera, .myicon-printer, .myicon-toolbox, .myicon-briefcase, .myicon-wallet, .myicon-gift, .myicon-bargraph, .myicon-grid, .myicon-expand, .myicon-focus, .myicon-edit, .myicon-adjustments, .myicon-ribbon, .myicon-hourglass, .myicon-lock, .myicon-megaphone, .myicon-shield, .myicon-trophy, .myicon-flag, .myicon-map, .myicon-puzzle, .myicon-basket, .myicon-envelope, .myicon-streetsign, .myicon-telescope, .myicon-gears, .myicon-key, .myicon-paperclip, .myicon-attachment, .myicon-pricetags, .myicon-lightbulb, .myicon-layers, .myicon-pencil, .myicon-tools, .myicon-tools-2, .myicon-scissors, .myicon-paintbrush, .myicon-magnifying-glass, .myicon-circle-compass, .myicon-linegraph, .myicon-mic, .myicon-strategy, .myicon-beaker, .myicon-caution, .myicon-recycle, .myicon-anchor, .myicon-profile-male, .myicon-profile-female, .myicon-bike, .myicon-wine, .myicon-hotairballoon, .myicon-globe, .myicon-genius, .myicon-map-pin, .myicon-dial, .myicon-chat, .myicon-heart, .myicon-cloud, .myicon-upload, .myicon-download, .myicon-target, .myicon-hazardous, .myicon-piechart, .myicon-speedometer, .myicon-global, .myicon-compass, .myicon-lifesaver, .myicon-clock, .myicon-aperture, .myicon-quote, .myicon-scope, .myicon-alarmclock, .myicon-refresh, .myicon-happy, .myicon-sad, .myicon-facebook, .myicon-twitter, .myicon-googleplus, .myicon-rss, .myicon-tumblr, .myicon-linkedin, .myicon-dribbble {
	font-family: 'et-line';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display:inline-block;
}
.myicon-mobile:before {
	content: "\e000";
}
.myicon-laptop:before {
	content: "\e001";
}
.myicon-desktop:before {
	content: "\e002";
}
.myicon-tablet:before {
	content: "\e003";
}
.myicon-phone:before {
	content: "\e004";
}
.myicon-document:before {
	content: "\e005";
}
.myicon-documents:before {
	content: "\e006";
}
.myicon-search:before {
	content: "\e007";
}
.myicon-clipboard:before {
	content: "\e008";
}
.myicon-newspaper:before {
	content: "\e009";
}
.myicon-notebook:before {
	content: "\e00a";
}
.myicon-book-open:before {
	content: "\e00b";
}
.myicon-browser:before {
	content: "\e00c";
}
.myicon-calendar:before {
	content: "\e00d";
}
.myicon-presentation:before {
	content: "\e00e";
}
.myicon-picture:before {
	content: "\e00f";
}
.myicon-pictures:before {
	content: "\e010";
}
.myicon-video:before {
	content: "\e011";
}
.myicon-camera:before {
	content: "\e012";
}
.myicon-printer:before {
	content: "\e013";
}
.myicon-toolbox:before {
	content: "\e014";
}
.myicon-briefcase:before {
	content: "\e015";
}
.myicon-wallet:before {
	content: "\e016";
}
.myicon-gift:before {
	content: "\e017";
}
.myicon-bargraph:before {
	content: "\e018";
}
.myicon-grid:before {
	content: "\e019";
}
.myicon-expand:before {
	content: "\e01a";
}
.myicon-focus:before {
	content: "\e01b";
}
.myicon-edit:before {
	content: "\e01c";
}
.myicon-adjustments:before {
	content: "\e01d";
}
.myicon-ribbon:before {
	content: "\e01e";
}
.myicon-hourglass:before {
	content: "\e01f";
}
.myicon-lock:before {
	content: "\e020";
}
.myicon-megaphone:before {
	content: "\e021";
}
.myicon-shield:before {
	content: "\e022";
}
.myicon-trophy:before {
	content: "\e023";
}
.myicon-flag:before {
	content: "\e024";
}
.myicon-map:before {
	content: "\e025";
}
.myicon-puzzle:before {
	content: "\e026";
}
.myicon-basket:before {
	content: "\e027";
}
.myicon-envelope:before {
	content: "\e028";
}
.myicon-streetsign:before {
	content: "\e029";
}
.myicon-telescope:before {
	content: "\e02a";
}
.myicon-gears:before {
	content: "\e02b";
}
.myicon-key:before {
	content: "\e02c";
}
.myicon-paperclip:before {
	content: "\e02d";
}
.myicon-attachment:before {
	content: "\e02e";
}
.myicon-pricetags:before {
	content: "\e02f";
}
.myicon-lightbulb:before {
	content: "\e030";
}
.myicon-layers:before {
	content: "\e031";
}
.myicon-pencil:before {
	content: "\e032";
}
.myicon-tools:before {
	content: "\e033";
}
.myicon-tools-2:before {
	content: "\e034";
}
.myicon-scissors:before {
	content: "\e035";
}
.myicon-paintbrush:before {
	content: "\e036";
}
.myicon-magnifying-glass:before {
	content: "\e037";
}
.myicon-circle-compass:before {
	content: "\e038";
}
.myicon-linegraph:before {
	content: "\e039";
}
.myicon-mic:before {
	content: "\e03a";
}
.myicon-strategy:before {
	content: "\e03b";
}
.myicon-beaker:before {
	content: "\e03c";
}
.myicon-caution:before {
	content: "\e03d";
}
.myicon-recycle:before {
	content: "\e03e";
}
.myicon-anchor:before {
	content: "\e03f";
}
.myicon-profile-male:before {
	content: "\e040";
}
.myicon-profile-female:before {
	content: "\e041";
}
.myicon-bike:before {
	content: "\e042";
}
.myicon-wine:before {
	content: "\e043";
}
.myicon-hotairballoon:before {
	content: "\e044";
}
.myicon-globe:before {
	content: "\e045";
}
.myicon-genius:before {
	content: "\e046";
}
.myicon-map-pin:before {
	content: "\e047";
}
.myicon-dial:before {
	content: "\e048";
}
.myicon-chat:before {
	content: "\e049";
}
.myicon-heart:before {
	content: "\e04a";
}
.myicon-cloud:before {
	content: "\e04b";
}
.myicon-upload:before {
	content: "\e04c";
}
.myicon-download:before {
	content: "\e04d";
}
.myicon-target:before {
	content: "\e04e";
}
.myicon-hazardous:before {
	content: "\e04f";
}
.myicon-piechart:before {
	content: "\e050";
}
.myicon-speedometer:before {
	content: "\e051";
}
.myicon-global:before {
	content: "\e052";
}
.myicon-compass:before {
	content: "\e053";
}
.myicon-lifesaver:before {
	content: "\e054";
}
.myicon-clock:before {
	content: "\e055";
}
.myicon-aperture:before {
	content: "\e056";
}
.myicon-quote:before {
	content: "\e057";
}
.myicon-scope:before {
	content: "\e058";
}
.myicon-alarmclock:before {
	content: "\e059";
}
.myicon-refresh:before {
	content: "\e05a";
}
.myicon-happy:before {
	content: "\e05b";
}
.myicon-sad:before {
	content: "\e05c";
}
.myicon-facebook:before {
	content: "\e05d";
}
.myicon-twitter:before {
	content: "\e05e";
}
.myicon-googleplus:before {
	content: "\e05f";
}
.myicon-rss:before {
	content: "\e060";
}
.myicon-tumblr:before {
	content: "\e061";
}
.myicon-linkedin:before {
	content: "\e062";
}
.myicon-dribbble:before {
	content: "\e063";
}





/* ADD PE 7 ICONS */



@font-face {

	font-family: 'Pe-icon-7-stroke';

	src:url('fonts/Pe-icon-7-stroke.eot?d7yf1v');

	src:url('fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'),

		url('fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'),

		url('fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'),

		url('fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg');

	font-weight: normal;

	font-style: normal;

}



[class^="pe-7s-"], [class*=" pe-7s-"] {

	display: inline-block;

	font-family: 'Pe-icon-7-stroke';

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;



	/* Better Font Rendering =========== */

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



.pe-7s-album:before {

	content: "\e6aa";

}

.pe-7s-arc:before {

	content: "\e6ab";

}

.pe-7s-back-2:before {

	content: "\e6ac";

}

.pe-7s-bandaid:before {

	content: "\e6ad";

}

.pe-7s-car:before {

	content: "\e6ae";

}

.pe-7s-diamond:before {

	content: "\e6af";

}

.pe-7s-door-lock:before {

	content: "\e6b0";

}

.pe-7s-eyedropper:before {

	content: "\e6b1";

}

.pe-7s-female:before {

	content: "\e6b2";

}

.pe-7s-gym:before {

	content: "\e6b3";

}

.pe-7s-hammer:before {

	content: "\e6b4";

}

.pe-7s-headphones:before {

	content: "\e6b5";

}

.pe-7s-helm:before {

	content: "\e6b6";

}

.pe-7s-hourglass:before {

	content: "\e6b7";

}

.pe-7s-leaf:before {

	content: "\e6b8";

}

.pe-7s-magic-wand:before {

	content: "\e6b9";

}

.pe-7s-male:before {

	content: "\e6ba";

}

.pe-7s-map-2:before {

	content: "\e6bb";

}

.pe-7s-next-2:before {

	content: "\e6bc";

}

.pe-7s-paint-bucket:before {

	content: "\e6bd";

}

.pe-7s-pendrive:before {

	content: "\e6be";

}

.pe-7s-photo:before {

	content: "\e6bf";

}

.pe-7s-piggy:before {

	content: "\e6c0";

}

.pe-7s-plugin:before {

	content: "\e6c1";

}

.pe-7s-refresh-2:before {

	content: "\e6c2";

}

.pe-7s-rocket:before {

	content: "\e6c3";

}

.pe-7s-settings:before {

	content: "\e6c4";

}

.pe-7s-shield:before {

	content: "\e6c5";

}

.pe-7s-smile:before {

	content: "\e6c6";

}

.pe-7s-usb:before {

	content: "\e6c7";

}

.pe-7s-vector:before {

	content: "\e6c8";

}

.pe-7s-wine:before {

	content: "\e6c9";

}

.pe-7s-cloud-upload:before {

	content: "\e68a";

}

.pe-7s-cash:before {

	content: "\e68c";

}

.pe-7s-close:before {

	content: "\e680";

}

.pe-7s-bluetooth:before {

	content: "\e68d";

}

.pe-7s-cloud-download:before {

	content: "\e68b";

}

.pe-7s-way:before {

	content: "\e68e";

}

.pe-7s-close-circle:before {

	content: "\e681";

}

.pe-7s-id:before {

	content: "\e68f";

}

.pe-7s-angle-up:before {

	content: "\e682";

}

.pe-7s-wristwatch:before {

	content: "\e690";

}

.pe-7s-angle-up-circle:before {

	content: "\e683";

}

.pe-7s-world:before {

	content: "\e691";

}

.pe-7s-angle-right:before {

	content: "\e684";

}

.pe-7s-volume:before {

	content: "\e692";

}

.pe-7s-angle-right-circle:before {

	content: "\e685";

}

.pe-7s-users:before {

	content: "\e693";

}

.pe-7s-angle-left:before {

	content: "\e686";

}

.pe-7s-user-female:before {

	content: "\e694";

}

.pe-7s-angle-left-circle:before {

	content: "\e687";

}

.pe-7s-up-arrow:before {

	content: "\e695";

}

.pe-7s-angle-down:before {

	content: "\e688";

}

.pe-7s-switch:before {

	content: "\e696";

}

.pe-7s-angle-down-circle:before {

	content: "\e689";

}

.pe-7s-scissors:before {

	content: "\e697";

}

.pe-7s-wallet:before {

	content: "\e600";

}

.pe-7s-safe:before {

	content: "\e698";

}

.pe-7s-volume2:before {

	content: "\e601";

}

.pe-7s-volume1:before {

	content: "\e602";

}

.pe-7s-voicemail:before {

	content: "\e603";

}

.pe-7s-video:before {

	content: "\e604";

}

.pe-7s-user:before {

	content: "\e605";

}

.pe-7s-upload:before {

	content: "\e606";

}

.pe-7s-unlock:before {

	content: "\e607";

}

.pe-7s-umbrella:before {

	content: "\e608";

}

.pe-7s-trash:before {

	content: "\e609";

}

.pe-7s-tools:before {

	content: "\e60a";

}

.pe-7s-timer:before {

	content: "\e60b";

}

.pe-7s-ticket:before {

	content: "\e60c";

}

.pe-7s-target:before {

	content: "\e60d";

}

.pe-7s-sun:before {

	content: "\e60e";

}

.pe-7s-study:before {

	content: "\e60f";

}

.pe-7s-stopwatch:before {

	content: "\e610";

}

.pe-7s-star:before {

	content: "\e611";

}

.pe-7s-speaker:before {

	content: "\e612";

}

.pe-7s-signal:before {

	content: "\e613";

}

.pe-7s-shuffle:before {

	content: "\e614";

}

.pe-7s-shopbag:before {

	content: "\e615";

}

.pe-7s-share:before {

	content: "\e616";

}

.pe-7s-server:before {

	content: "\e617";

}

.pe-7s-search:before {

	content: "\e618";

}

.pe-7s-film:before {

	content: "\e6a5";

}

.pe-7s-science:before {

	content: "\e619";

}

.pe-7s-disk:before {

	content: "\e6a6";

}

.pe-7s-ribbon:before {

	content: "\e61a";

}

.pe-7s-repeat:before {

	content: "\e61b";

}

.pe-7s-refresh:before {

	content: "\e61c";

}

.pe-7s-add-user:before {

	content: "\e6a9";

}

.pe-7s-refresh-cloud:before {

	content: "\e61d";

}

.pe-7s-paperclip:before {

	content: "\e69c";

}

.pe-7s-radio:before {

	content: "\e61e";

}

.pe-7s-note2:before {

	content: "\e69d";

}

.pe-7s-print:before {

	content: "\e61f";

}

.pe-7s-network:before {

	content: "\e69e";

}

.pe-7s-prev:before {

	content: "\e620";

}

.pe-7s-mute:before {

	content: "\e69f";

}

.pe-7s-power:before {

	content: "\e621";

}

.pe-7s-medal:before {

	content: "\e6a0";

}

.pe-7s-portfolio:before {

	content: "\e622";

}

.pe-7s-like2:before {

	content: "\e6a1";

}

.pe-7s-plus:before {

	content: "\e623";

}

.pe-7s-left-arrow:before {

	content: "\e6a2";

}

.pe-7s-play:before {

	content: "\e624";

}

.pe-7s-key:before {

	content: "\e6a3";

}

.pe-7s-plane:before {

	content: "\e625";

}

.pe-7s-joy:before {

	content: "\e6a4";

}

.pe-7s-photo-gallery:before {

	content: "\e626";

}

.pe-7s-pin:before {

	content: "\e69b";

}

.pe-7s-phone:before {

	content: "\e627";

}

.pe-7s-plug:before {

	content: "\e69a";

}

.pe-7s-pen:before {

	content: "\e628";

}

.pe-7s-right-arrow:before {

	content: "\e699";

}

.pe-7s-paper-plane:before {

	content: "\e629";

}

.pe-7s-delete-user:before {

	content: "\e6a7";

}

.pe-7s-paint:before {

	content: "\e62a";

}

.pe-7s-bottom-arrow:before {

	content: "\e6a8";

}

.pe-7s-notebook:before {

	content: "\e62b";

}

.pe-7s-note:before {

	content: "\e62c";

}

.pe-7s-next:before {

	content: "\e62d";

}

.pe-7s-news-paper:before {

	content: "\e62e";

}

.pe-7s-musiclist:before {

	content: "\e62f";

}

.pe-7s-music:before {

	content: "\e630";

}

.pe-7s-mouse:before {

	content: "\e631";

}

.pe-7s-more:before {

	content: "\e632";

}

.pe-7s-moon:before {

	content: "\e633";

}

.pe-7s-monitor:before {

	content: "\e634";

}

.pe-7s-micro:before {

	content: "\e635";

}

.pe-7s-menu:before {

	content: "\e636";

}

.pe-7s-map:before {

	content: "\e637";

}

.pe-7s-map-marker:before {

	content: "\e638";

}

.pe-7s-mail:before {

	content: "\e639";

}

.pe-7s-mail-open:before {

	content: "\e63a";

}

.pe-7s-mail-open-file:before {

	content: "\e63b";

}

.pe-7s-magnet:before {

	content: "\e63c";

}

.pe-7s-loop:before {

	content: "\e63d";

}

.pe-7s-look:before {

	content: "\e63e";

}

.pe-7s-lock:before {

	content: "\e63f";

}

.pe-7s-lintern:before {

	content: "\e640";

}

.pe-7s-link:before {

	content: "\e641";

}

.pe-7s-like:before {

	content: "\e642";

}

.pe-7s-light:before {

	content: "\e643";

}

.pe-7s-less:before {

	content: "\e644";

}

.pe-7s-keypad:before {

	content: "\e645";

}

.pe-7s-junk:before {

	content: "\e646";

}

.pe-7s-info:before {

	content: "\e647";

}

.pe-7s-home:before {

	content: "\e648";

}

.pe-7s-help2:before {

	content: "\e649";

}

.pe-7s-help1:before {

	content: "\e64a";

}

.pe-7s-graph3:before {

	content: "\e64b";

}

.pe-7s-graph2:before {

	content: "\e64c";

}

.pe-7s-graph1:before {

	content: "\e64d";

}

.pe-7s-graph:before {

	content: "\e64e";

}

.pe-7s-global:before {

	content: "\e64f";

}

.pe-7s-gleam:before {

	content: "\e650";

}

.pe-7s-glasses:before {

	content: "\e651";

}

.pe-7s-gift:before {

	content: "\e652";

}

.pe-7s-folder:before {

	content: "\e653";

}

.pe-7s-flag:before {

	content: "\e654";

}

.pe-7s-filter:before {

	content: "\e655";

}

.pe-7s-file:before {

	content: "\e656";

}

.pe-7s-expand1:before {

	content: "\e657";

}

.pe-7s-exapnd2:before {

	content: "\e658";

}

.pe-7s-edit:before {

	content: "\e659";

}

.pe-7s-drop:before {

	content: "\e65a";

}

.pe-7s-drawer:before {

	content: "\e65b";

}

.pe-7s-download:before {

	content: "\e65c";

}

.pe-7s-display2:before {

	content: "\e65d";

}

.pe-7s-display1:before {

	content: "\e65e";

}

.pe-7s-diskette:before {

	content: "\e65f";

}

.pe-7s-date:before {

	content: "\e660";

}

.pe-7s-cup:before {

	content: "\e661";

}

.pe-7s-culture:before {

	content: "\e662";

}

.pe-7s-crop:before {

	content: "\e663";

}

.pe-7s-credit:before {

	content: "\e664";

}

.pe-7s-copy-file:before {

	content: "\e665";

}

.pe-7s-config:before {

	content: "\e666";

}

.pe-7s-compass:before {

	content: "\e667";

}

.pe-7s-comment:before {

	content: "\e668";

}

.pe-7s-coffee:before {

	content: "\e669";

}

.pe-7s-cloud:before {

	content: "\e66a";

}

.pe-7s-clock:before {

	content: "\e66b";

}

.pe-7s-check:before {

	content: "\e66c";

}

.pe-7s-chat:before {

	content: "\e66d";

}

.pe-7s-cart:before {

	content: "\e66e";

}

.pe-7s-camera:before {

	content: "\e66f";

}

.pe-7s-call:before {

	content: "\e670";

}

.pe-7s-calculator:before {

	content: "\e671";

}

.pe-7s-browser:before {

	content: "\e672";

}

.pe-7s-box2:before {

	content: "\e673";

}

.pe-7s-box1:before {

	content: "\e674";

}

.pe-7s-bookmarks:before {

	content: "\e675";

}

.pe-7s-bicycle:before {

	content: "\e676";

}

.pe-7s-bell:before {

	content: "\e677";

}

.pe-7s-battery:before {

	content: "\e678";

}

.pe-7s-ball:before {

	content: "\e679";

}

.pe-7s-back:before {

	content: "\e67a";

}

.pe-7s-attention:before {

	content: "\e67b";

}

.pe-7s-anchor:before {

	content: "\e67c";

}

.pe-7s-albums:before {

	content: "\e67d";

}

.pe-7s-alarm:before {

	content: "\e67e";

}

.pe-7s-airplay:before {

	content: "\e67f";

}



.sp-scroll-up {

	background: var(--maincolor);

}



.search .form-control, .form-control:focus {

	width: 100%;

}



.iconlist.dark li::before, #sp-bottom ul li a::before, .icon.dark::before, .btn::before {font-weight: 900 !important; font-family: "Font Awesome 5 Free" !important;}



body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a::after {

font-weight: 900 !important; 

font-family: "Font Awesome 5 Free" !important;

}



/* JOOMLA 4 Optimization */



.media {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: start;

	align-items: flex-start;

}



.media-body {

	-ms-flex: 1;

	flex: 1;

}



/* Joomla/Sp Page Builder 5 Optimization */



.sppb-addon-title {

	display: inherit;

}



.sppb-img-container {

  display: block;

}



#sp-bottom1 .sppb-icons-group-list {display: flex !important;}

.btn-usersignout, .btn-useraccount {
  padding: 3px;
  text-align: center;
  width: 28px;
	background-color: var(--secondcolor);
}
.btn-usersignout:hover, .btn-useraccount:hover,
.btn-usersignout:focus, .btn-useraccount:focus {
	background-color: var(--maincolor);
	border-color: transparent;
}
.login-greeting {line-height: 28px;color:#b0b0b0;}

.tooltip {
	z-index: 10000;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}
.tooltip.show {opacity:1;}
.tooltip-inner {
	padding: 5px 10px;
	background-color: #555555;	
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow:before {
    border-bottom-color: #555555 !important;
}

.user-login-singup ul.menu {
	display: flex;
	justify-content: flex-end;
	margin: 0;
  	padding: 0;
}
.user-login-singup ul.menu > li > a,
.modul-top-login .dropdown-toggle {
  color: #fff;
	font-size: 12px;
	padding: 30px 0;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 20px;
  text-transform: uppercase;
}
.user-login-singup ul.menu > li > a:hover, .user-login-singup ul.menu > li.current > a,
.modul-top-login .dropdown-toggle:hover, .modul-top-login .dropdown-toggle.show {
	color: var(--maincolor);
}
.user-login-singup ul.menu > li > a fa {
	font-size: 14px;
}
.user-login-singup ul.menu > li {margin-left:26px;}
.user-login-singup ul.menu > li:first-child {margin-left:0;}

.modul-top-login .dropdown-toggle {
	padding-right: 20px;
}
.modul-top-login .dropdown-toggle:after {display:none;}

.dropdown-menu {
	border-radius: 0;
	border-width: 0;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	font-size: 14px;	
}
.modul-top-login .dropdown-menu {padding:0; min-width: 380px;}

.modul-top-login form.mod-login > div {
	padding: 0 40px;
}
.modul-top-login form.mod-login > div:first-child {padding-top: 40px;padding-bottom:20px;}
.modul-top-login form.mod-login > div:last-child {padding-bottom: 40px;}

.modul-top-login p {margin:0;}

.modul-top-login form.mod-login > div.mod-login__register {
	background-color: #eeeeee;
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: 600;
	font-size: 12px;
}
.modul-top-login form.mod-login > div.mod-login__userdata label {font-size: 12px;}
.modul-top-login form.mod-login > div.mod-login__userdata {
	padding-bottom: 20px;
}
.modul-top-login .mod-login__options {
	font-size: 12px;
	margin-top:20px;
}
.modul-top-login a {font-size: 12px;}
.modul-top-login .form-group {padding-top:20px;}


.input-password-toggle {
	background-color: #dddddd;
	padding: 10px;
	color: #222222;
}


/* BLOG */

/* skrytí nadpisu stránky a sticky menu na stránce videa a článku */
body.view-video #sp-header.header-sticky,
body.view-article #sp-header.header-sticky {display: none;}
body.view-video #sp-title,
body.view-article #sp-title {display: none;}


/* com_yendifvideoshare */

.yendif-video-share {word-break: normal;}

.yendif-video-share-related, 
.related-article-list-container {
	background-color: var(--graycolor); /* stejná jako pozadí blogu */
	padding: 30px 0;
	position: relative;
}

/* rozšíření pozadí */
.yendif-video-share-related:before, .yendif-video-share-related:after,
.related-article-list-container:before, .related-article-list-container:after,
.wide-gray-bg:before, .wide-gray-bg:after {
	display: block;
	content: "";
	position: absolute;
	background-color: var(--graycolor);
	width: 50vw;
	bottom: 0;  
	top: 0;
}
.yendif-video-share-related:before, .related-article-list-container:before, .wide-gray-bg:before {right: 100%;}
.yendif-video-share-related:after, .related-article-list-container:after, .wide-gray-bg:after {left: 100%}

/* karta blogu */
.yendif-col .card {
	border: 0px solid #f5f5f5;
  	border-radius: 0;
	margin: 10px 0;
}
.yendif-col .card .card-body {
	padding: 30px;
}
.yendif-col .card .yendif-video-share-title { /* style as h4 */
	font-family: 'Montserrat', sans-serif;
	color: #272727;
    font-weight: 500;
	font-size: 22px;
	line-height: 1.2;
}
.yendif-col .card .yendif-video-share-title a {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}
.yendif-col .card .yendif-video-share-title a:hover {
	color: var(--maincolor);
} 

form#com-users-login__form,
form#member-registration, 
div[id^=users-profile],
form#member-profile,
form#user-registration {
	background-color: var(--graycolor);
	padding: 30px;
	max-width: 850px;
  	margin: 0 auto;
	margin-bottom: 0 !important;
}
.well {
	background-color: var(--graycolor);
	padding: 30px;
  	margin: 0 auto;
	margin-bottom: 0 !important;
}
@media (min-width: 576px) {
	form#com-users-login__form,
	form#member-registration, 
	div[id^=users-profile],
	form#member-profile,
	form#user-registration,
	.well {padding: 50px;}
}

.radio .form-check {display: inline-block; margin-right: 20px;}
form fieldset+fieldset {margin-top:20px;}

@media (min-width: 768px) {
#member-registration fieldset.fieldset-default .control-group:nth-child(4) {width: 50%; float: left; padding-right: 10px;}
#member-registration fieldset.fieldset-default .control-group:nth-child(5) {width: 50%; float: right; padding-left: 10px;}
}
#member-registration fieldset.fieldset-default .control-group:nth-child(6) {margin-top: 20px;}

#member-registration #jform_profile_tos-lbl {margin-bottom: 5px;margin-top: 15px;}
#member-registration #jform_profile_tos-lbl a {color: #495057; margin-bottom: 10px;}
#member-registration #jform_profile_tos-lbl a:hover {color: var(--maincolor);}

.modal {z-index: 10001;}
.modal-content {height: 100%;}
.modal-body iframe {width: 100%;height: 100%;}
.modal-title .readmore {display: none;}

.com-users.view-registration #member-registration .modal-dialog, .com-users.view-registration #member-profile .modal-dialog, .com-users.view-profile #member-registration .modal-dialog, .com-users.view-profile #member-profile .modal-dialog {
	min-height: calc(100% - 3rem);
  	height: 90%;	
}

.btn-primary, .sppb-btn-primary  {background-color: var(--maincolor); border-color: var(--maincolor);}
.btn-primary:hover, .sppb-btn-primary:hover,
.btn-primary:focus, .sppb-btn-primary:focus {background-color: var(--secondcolor); border-color: var(--secondcolor);}

/* CUSTOM checkbox */
.custom-checkbox input {position: absolute;  opacity: 0;  height: 0;  width: 0;}
.custom-checkbox .checkmark {  position: relative;  display: inline-block;  left: 0;
  height: 26px;  width: 26px;
  background-color: #FFFFFF;
  border:1px solid #BBBBBB;
  border-radius: 3px;
}
.custom-checkbox .checkmark:hover {border:1px solid #198754;}
.custom-checkbox .checkmark:after {
  font: bold normal normal 18px / 26px FontAwesome;
  content: "\f00c";
  position: absolute;
  display: none;
  left: 4px;
  top: 0; 
  color: #fff;
}
.custom-checkbox input:checked ~ .checkmark {background-color:#198754; border:1px solid #198754}
.custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}

.jdw_top-checkbox form b {vertical-align: top;  line-height: 26px;}

/* modul kategorií Yendif */
.ikony-kat-vid-modul .yendif-video-share-responsive-item {padding-bottom: 60px !important;}
.ikony-kat-vid-modul .yendif-video-share-responsive-item .yendif-video-share-image {height: 60px; background-size: 60px;}
.yendif-col .card a .yendif-video-share-excerpt {color: #727272;}

.feature-red-box {
  width: 100%;
  padding: 40px;
  text-align: center;
  border: 1px solid #fff;
  background-color: #fff;
  transition: all 0.3s ease-out 0s;
  -webkit-box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.03);
  box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.03);
}
.feature-red-box:hover {
	border: 1px solid var(--maincolor);
  background-color: var(--maincolor);
  -webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
  box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
  transform: translateY(-8px);
}
.yendif-col .card.feature-red-box .card-body {padding: 5px 0 0;}
.feature-red-box:hover .icon { /* např. pro obrázek fa fa-neco */
  font-size: 60px;
  transition: all 0.3s ease-out 0s;
  color: var(--maincolor);
  margin: 0 auto;
}
.feature-red-box a p {color: #727272;}
.feature-red-box:hover .icon {color: #fff;} /* např. pro obrázek fa fa-neco */
.feature-red-box:hover a p, .feature-red-box:hover a h4, 
.yendif-col .card.feature-red-box:hover a .yendif-video-share-title,
.yendif-col .card.feature-red-box:hover a .yendif-video-share-excerpt {color: #fff;}
.feature-red-box:hover .icon img,
.feature-red-box:hover .yendif-video-share-image {filter: brightness(0) saturate(100%) invert(97%) sepia(20%) saturate(317%) hue-rotate(308deg) brightness(116%) contrast(100%);}

.seznam-odberu .sppb-column-addons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: start;
  row-gap: 30px;
}


.sppb-ajax-contact-status {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
  background: rgba(0,0,0, 0.2);
}
.sppb-text-success {
  text-align: center;
  max-width: 400px;
  background:#ffffff;
  width: 40%;
  padding: 20px;
  margin: 20% auto;
  position: relative;
  display: block;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.sppb-text-success:before {
  content: "\f00c";
  position: relative;
  margin: -55px auto 20px auto;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #5cb85c;
  color: #fff;
  text-align: center;
  display: block;
  font-family: FontAwesome;
  line-height: 70px;
  font-size: 3em;
	font-weight: 500 !important;
}
span.sppb-form-builder-required {
  font-size: 12px;
  position: absolute;
}

/* modul JDownloads */
#jdtree img, #jdtree a.j7dctree_link {display:inline !important;}

@media (min-width: 992px) {
	body.simple-kontakt .kontakt-stranka .col-info,
	body.simple-kontakt .kontakt-stranka .col-form	{	
			width: 50%;
		}
	body.simple-kontakt .kontakt-stranka .col-info {padding-right:30px;}
}

/* contact forms */
#jform_consentbox-lbl {display: none;}
#jform_contact_email_copy-lbl {position: absolute;margin-left: 20px;}

.contact-form .field-spacer {text-align: right;}
.contact-form-wrap.contact-page-form label {display:none;}
.contact-form-wrap.contact-page-form #jform_contact_email_copy-lbl,
.contact-form-wrap.contact-page-form .form-check-label {display: inline;}

.contact-form-wrap.single-form .form-control::placeholder {color:transparent;}

@media (min-width: 768px) {
	.contact-form-wrap.single-form #contact-form fieldset > .control-group:nth-child(2) {width: 50%; float: left; padding-right: 10px;}
	.contact-form-wrap.single-form #contact-form fieldset > .control-group:nth-child(3) {width: 50%; float: right; padding-left: 10px;}
}
form {position: relative;} /* kvůli captcha */
#jform_captcha-lbl {display: none;}

.g-recaptcha {width: 70px;
  height: 60px;
  box-shadow: #bbb 0px 0px 1px;
  position: absolute;
  right: 1px;
  bottom: 20px;
  transition: all 0.3s;
  overflow: hidden;
}
.g-recaptcha:hover {width:256px;}

form#contact-form .g-recaptcha {bottom: 0;}

fieldset.fieldset-captcha {margin-top: 0;}
fieldset.fieldset-captcha > .control-group {margin-bottom: 0;}

.grecaptcha-badge {
	position: absolute !important;
	box-shadow: none !important;
    bottom: 0px !important;
	z-index: 900;
}

/* offcanvas menu */
.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
	font-size: 16px;
	opacity: 1;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > span.menu-separator, 
.offcanvas-menu .offcanvas-inner ul.menu > li > span.menu-separator > span,
.offcanvas-menu .offcanvas-inner ul.menu > li > span.menu-separator:hover,
.offcanvas-menu .offcanvas-inner ul.menu > li > span.menu-separator:hover > span {
	color: #999999;
}
.offcanvas-menu .mod-login-logout {justify-content: start !important;}
.offcanvas-menu .login-greeting {white-space: wrap !important;}
.offcanvas-menu .logout-button {display: none !important;}

/* mod-articles-items */
ul.mod-articles-items.mod-articles-grid {
	--grid-layout-gap: 4rem;
	padding-left: 0;

}
ul.mod-articles-items.mod-articles-grid .article-intro-image img {margin: 0 auto;}
ul.mod-articles-items.mod-articles-grid .mod-articles-title {text-align: center;  margin-top: 20px;}

.moduletable.text-start ul.mod-articles-items.mod-articles-grid .mod-articles-title {text-align: left;  margin-top: 0px;}

/* styly do sp page buider pro hlavní stránky */

.modal-inner-block ul {
  list-style-type: disc;
}
.too-designing {
  background: #1a1d24;
  padding: 50px 60px 60px 65px;
}
.too-designing.white {
  background: #eeeeee;
}
.too-designing1 {
  background: #e0011a;
  padding: 50px 60px 60px 65px;
}
.too-title-top {
color: #fff;
  background-color: var(--maincolor);
  font-family: Oswald, arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  display: inline;
  padding: 7px 18px;
  letter-spacing: 2px;
}
.ce-title-line {
  width: 50px;
  height: 3px;
  background-color: var(--maincolor);
  margin: 15px 0;
  display: inline-block;
}
.too-designing1 h2:after {
  background-color: #fff;
}
.too-designing1 p {
  color: #fff;
}
.sppb-btn {white-space: wrap;}

.too-designing p {
  color: #a8a8a8;
}
.too-ready {
background-color: var(--maincolor);
}
.too-ready h1:after, .too-ready h2:after{display:none;}
h1, h2 {font-weight: 600;}