@font-face {
    font-family: "Amithen";
    src: url("/Themes/Default/Content/font/Amithen.woff2") format("woff2"),
         url("/Themes/Default/Content/font/Amithen.woff") format("woff");
    font-weight: normal;
    font-style: normal;
	}

@media (min-width: 2100px){
	.progres-wrapper{
	right: 0 !important;
	position: relative !important;
	}
}
.garancija{
	width: 140px; 
	height: auto; 
	margin: 0 auto; 
	display: block; 
	padding-bottom: 1%;
}
/*blog*/
.bloglist-item-img {
    display: block;
    width: 100%;
    height: auto; /* obavezno */
}
.bloglist-item-root {
    min-height: auto !important;
}
.bloglist-item-body {
    overflow: visible !important;
}

/*end blog*/

/*footer-novo*/
.nacini-placanja-wrapper{
	margin: 0 auto;
    display: block;
    max-width: 500px;
	
}
.np-title{
	text-align: center;
}
.kartice-holder-desktop{
	display: flex;
    justify-content: center;
    align-items: center;
}
.uplatnice-holder{
	margin-top:5%;
	margin-bottom: 6%;
}
.credit-card-img{
	margin-right: 13px;
}
@media only screen and (max-width: 767px) and (min-width: 320px){
	.payment-wrapper {
    margin-left: 2% !important;
    margin-right: 2% !important;
  }
  .garancija{
  width: 240px !important;
  height: auto;
  margin: 0 auto;
  display: block;
  padding-bottom: 4%;
  padding-top: 2%;
  }
}
/*end footer-novo*/
.firework-box {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100vw;
	height: 100vh;
	overflow: visible;
	pointer-events: none;
	z-index: 9999;
}

.firework {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 6px;
	height: 6px;
	transform: translate(-50%, -50%);
}

	.firework i {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		opacity: 0;
		transform: translate(-50%, -50%) rotate(0deg) translateY(0px);
	}

@keyframes fw {
	0% {
		opacity: 1;
		transform: translate(-50%, -50%) rotate(var(--angle)) translateY(0px) scale(0.4);
	}

	70% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		transform: translate(-50%, -50%) rotate(var(--angle)) translateY(var(--radius)) scale(1);
	}
}
.bravo-msg {
	display: block;
	margin-bottom: 5px;
	font-size: 13px;
    color: #4caf50;
	top: 13px;
    position: absolute;
	
}

/*blog*/
.lyt-cols-2 #content-body{
	
    margin: 0 auto;
	padding-top: 2%;
}
.blog-h1{
	color: #626995;
	font-weight: bold;
	font-size: 2.5rem;
	margin-bottom: .625rem;
	margin-top: .625rem;
}
h2{
	margin-top: 1.2rem !important;
    margin-bottom: 1rem !important;
}
.blogpost-title{
	font-size: 1.2rem !important;
}

.long-text h3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.blogpost-body{
	padding-bottom: 4%;
}


@media only screen and (max-width: 991px) and (min-width: 320px) {
  .list-unstyled {
    padding-top: 0 !important;
  }
  .blogpost-tags{
	  display: none !important;
  }
  .block-blog-archive{
	  margin-top: 3%;
  }
  .bloglist-item-root.has-image-bg .card-img {
	min-height: 300px;
  }
  .blog-h1{
	
	font-size: 1.7rem;
	line-height: 2rem;
	
}
}
/*end blog*/

.kontakt-success-wrapper {
		padding-bottom: 30rem;
	}

/*css novo*/

#Login_Email{
	width: 100%;
}
#Login_Email-error{
  width: 100%;
  display: block;
  margin-top: 5px;
}
 @media only screen and (max-width: 767px) and (min-width: 360px){
#Login_Email-error{
  width: 300px;
  display: block;
  margin-top: 5px;
} 
 }



.myaccount-page .footer-bottom-wrapper{
	display: none;
}
.payment-method-page .checkout-data .opt-list-item{
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-bottom: 0rem;
}
/*Ukidanje Show tab menu na mob menu*/
#offcanvas-menu .ocm-nav .show-current-node{
	display: none;
}
/**/
 .cart-action-coupon {
	border: solid 2px #f22112;
	padding: 9px;
	border-radius: 15px;
	margin: 0 auto;
	width: 370px;
	}
.panel{
	padding: 0 !important;
}
.cart-action .cart-action-title {
  padding: 0 !important;
}
.megamenu-nav.alpha a{
	display: none;
}
.tab-wrapper {
    margin: 0 auto !important;
    padding: 5%;
    max-width: 1600px;
}
.cart-action .cart-action-title {
    text-align: center;
}
.order-review-data-box{
	max-width: 1200px;
    margin: 0 auto;
}
.osnovni-ct2{
	background: linear-gradient(180deg, #9BA4DE 0%, #626995 100%);
	border: 2px solid;
	border-radius: 25px;
	box-shadow: 5px 5px 10px 0px #00000040;
	padding: 2% !important;
	display: table-cell;
}
.standard-ct2{
	background: linear-gradient(180deg, #9BA4DE 10%, #626995 80%);;
	border: 2px solid;
	border-radius: 25px;
	box-shadow: 5px 5px 10px 0px #00000040;
	padding: 2% !important;
	display: table-cell;
}
.premium-ct2{
	background: linear-gradient(180deg, #9BA4DE 10%, #626995 55%);
	border: 2px solid;
	border-radius: 25px;
	box-shadow: 5px 5px 10px 0px #00000040;
	padding: 2% !important;
	display: table-cell;
}
.popust-65{
	right: 6%;
    position: absolute;
    font-size: 80%;
    text-decoration: underline;
}
.prices-wrapper{
	padding-top: 3%;
	padding-bottom: 3%;
}
.prices-box-wrapper{
	display: table !important;
    width: 100%;
    border-collapse: separate;
    border-spacing: 30px;
}
.programs-prices-container{
	color: #fff;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
	padding-top: 5%;
}
.price-euro-programs{
	font-size: 3.3em;
    font-weight: 800;
	margin-bottom: 0;
}
.price-rsd-programs{
	font-size: 1.2em;
    font-weight: bold;
    opacity: 0.5;
	text-shadow: 2px 2px 2px grey;
}
.cena-programa{
	text-align: center;
    padding-bottom: 1%;
    font-size: 3em;
    font-weight: 700;
    color: #626995;
}
.contact-me{
	max-width: 1200px;
    width: 100%;
    display: block;
    margin: 0 auto;
    padding-top: 5%;
	padding-bottom: 5%;
}
.contact-me-title{
	color: #626995;
}
.social-icon{
	width: 35px;
    margin-right: 10%;
}
.info-wrapper{
	box-sizing: border-box;
    background: #fff;
    border-radius: 25px;
	box-shadow: 5px 5px 10px 0px #00000026;
    width: 48% !important;
    margin: 0 auto;
	height: 45vh;
	display: table-cell;
}
.item-info{
	display: flex !important;
    justify-content: center !important;
}
button:focus:not(:focus-visible) {
    outline: 0 !important;
}
.inforow{
	display: table !important; 
	width: 100%;
	border-collapse: separate;
    border-spacing: 10px;
}
.info-content{
    padding: 3%;
}
.info-content-mob{
	padding: 3%;
	background: #fff;
	margin: 5%;
	border-radius: 25px;
	box-shadow: 5px 5px 10px 0px #00000026;
	margin-top: 0;
}
.prices-mob-holder{
	margin-top: 10%;
	margin-right: 5%;
	margin-left: 5%;
	margin-bottom: 5%;
}
.prices-box-mob{
  background: linear-gradient(180deg, #9BA4DE 0%, #626995 100%);
  color: #fff;
  text-align: center;
  padding: 7%;
  border: #fff;
  border-radius: 25px;
  margin-top: 8%;
  margin-bottom: 8%;
}
.price-euro-mob{
  font-weight: bold;
  font-size: 30px;

}
.title1{
	color: #626995;
}
.program-container{

	margin-top: -11%;
}
.video-programi{
	padding-top: 14%;
}
.price-and-button-wrapper{
	display: flex;
	align-items: center;
}
.price-new{
	left: 0;
	margin-top:6%;
	position: absolute;
	
}
.price-euro-programs-first-content{
	font-size: 5.3em;
	font-weight: 800;
	color: #626995;
}
.price-rsd-programs-first-content{
	font-size: 2em;
	font-weight: 800;
	color: #fff;
	margin-top: -13%;
    opacity: 0.7;
	text-shadow: 2px 2px 2px grey;
}
.price-euro{
	font-size: 5.3em;
	font-weight: 800;
	color: #fff;
	text-shadow: 2px 2px 2px grey;
}
.price-rsd{
	font-size: 2em;
	font-weight: 800;
	color: #fff;
	margin-top: -18%;
    opacity: 0.7;
	text-shadow: 2px 2px 2px grey;
}
.title-program{
	color: #fff;
    font-weight: 900;
    line-height: 1em;
    font-size: 3em;
}
.program-intro{
	color: #3C478C;
    font-weight: 600;
}
.read-more{
	width: 150px;
	border-radius: 0.8em;
	color: #fff;
	font-size: 14px;
	text-align: center;
    padding-top: 2%;
    padding-bottom: 2%;
	margin-top: 22%;
	border-radius: 50px;
	left: 0;
	position: absolute;
}
.read-more a:link{
	color: #fff;
	display: block;
	text-decoration: no-decoration;
	
}
.button-1{
	background: #626995;
}
.button-1  a:link{
	color: #fff;
	text-decoration: none;
	display: block;
}
.button-1  a:active{
	color: #fff;
	text-decoration: none;
	display: block;
}
.button-1  a:hover{
	color: #fff;
	text-decoration: none;
	display: block;

}
.button-1  a:visited{
	color: #fff;
	text-decoration: none;
	display: block;
}


.button-booty-3  a{
	color: #fff !important;
    padding: 4%;
    font-size: 20px;
    letter-spacing: 1px;
    width: 170px;
    display: block;
    border-radius: 40px;
    margin: 5% auto 0 0;
    background: #745580 ;
    border: solid 3px #fff;
    font-weight: 400;
    color: #0097b9;
    text-align: center;
	text-decoration: none;
}

.button-booty-3  a:hover{
	text-decoration: none;
    color: #fff;
    border: solid 2px #9767a9;
    background: #9767a9;
}



.button-summer  a{
	color: #fff !important;
    padding: 4%;
    font-size: 20px;
    letter-spacing: 1px;
    width: 170px;
    display: block;
    border-radius: 40px;
    margin: 5% auto 0 0;
    background: #917477 ;
    border: solid 3px #fff;
    font-weight: 400;
    color: #0097b9;
    text-align: center;
	text-decoration: none;
}

.button-summer  a:hover{
	text-decoration: none;
    color: #fff;
    border: solid 2px #9f878a;
    background: #9f878a;
	color: #fff !important;
	
}


.aerobni-btn  a{
	color: #fff !important;
    padding: 4%;
    font-size: 20px;
    letter-spacing: 1px;
    width: 170px;
    display: block;
    border-radius: 40px;
    margin: 5% auto 0 0;
    background: #799895;
    border: solid 3px #fff;
    font-weight: 400;
    color:#fff;
    text-align: center;
	text-decoration: none;
}

.aerobni-btn  a:hover{
	text-decoration: none;
    color: #fff;
    border: solid 2px #73aaa5;
    background: #73aaa5;
}



.button-2 a{
	color: #fff !important;
    padding: 4%;
    font-size: 20px;
    letter-spacing: 1px;
    width: 170px;
    display: block;
    border-radius: 40px;
    margin: 5% auto 0 0;
    background: #626995;
    border: solid 3px #fff;
    font-weight: 400;
    color: #0097b9;
    text-align: center;
	text-decoration: none;

}

.button-2 a:hover{

    text-decoration: none;
    color: #fff;
    border: solid 2px #787fad;
    background: #787fad;

}
.shrink-on-hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.shrink-on-hover:hover, .shrink-on-hover:focus, .shrink-on-hover:active {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.payment-wrapper{
	margin: 0 auto;
	display: block;
}
.payment-holder {
	background: #f7f7f8;
	color: #282833;
	display: block;
	border-radius: 25px;
	box-shadow: 5px 5px 10px 0px #00000026;
	align-items: center;
	justify-content: center;
	max-width: 1800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2%;
	bottom: 9%;
	left: 3%;
	right: 3%;
	padding: 1%;
}

.payment-img-novo {
	width: 100%;
    max-width: 820px !important;
    margin-left: 2%;
}
.program-desc{
	font-size: 1.4em;
	color: #626995;
	display: flex;
    text-align: left;
    margin-top: 10%;
	column-gap: 3em;
	min-width: 1200px;
	width: 100%;
}
.indicator{
	position: absolute;
	left: 0;
}
.tags{
   max-width:120px !important; 
   width: 100%;
   margin: 0 auto;
   display: block;
   position: absolute;
   left: 47%;
   top: 20%;
}
.tags-holder{
	
}
.program-inner-wrapper{
	display: flex;
	align-items: top;
	justify-content: left;
	top: 20%;
    position: absolute;
	width: 69%;
	left: 9%;
	
}
.program-title{
	font-weight:900;
	line-height: 53px;
	max-width: 900px;
	width: 100%;
	color: #fff;
	font-size: 4em;
	text-align: left;
	text-shadow: 2px 2px 2px grey;
}
.shopbar-section{
	display: none;
}
.menubar-section{
	z-index:999;
	position: absolute;
    right: 10%;
    top: 37%;
}
ul.navbar-nav li:nth-child(3){
	width: 112px;
    height: 95px;
}

.home  ul.navbar-nav li:nth-child(1) a{
	color: #fff !important;
}
.home  ul.navbar-nav li:nth-child(2) a{
	color: #fff !important;
}
.home  ul.navbar-nav li:nth-child(3) a:link{
	color: transparent !important;
	background-image: url(/media/1192/file/novo/logo-on.svg);
	background-position: center center;
	background-repeat: no-repeat !important;
}
.home  ul.navbar-nav li:nth-child(3) a:active{
	color: transparent !important;
	background-image: url(/media/1192/file/novo/logo-on.svg) !important;
	background-position: center center;
	background-repeat: no-repeat !important;
}
.home  ul.navbar-nav li:nth-child(3) a:hover{
	color: transparent !important;
	background-image: url(/media/1192/file/novo/logo-on.svg) !important;
	background-position: center center;
	background-repeat: no-repeat;
	padding:30% !important;
	background-size: 80% !important;
	
}
.home  ul.navbar-nav li:nth-child(3) a:visited{
	color: transparent !important;
	background-image: url(/media/1192/file/novo/logo-on.svg) !important;
	background-position: center center;
	background-repeat: no-repeat !important;
}
.home  ul.navbar-nav li:nth-child(3) a:focus{
	color: transparent !important;
	background-image: url(/media/1192/file/novo/logo-on.svg) !important;
	background-position: center center;
	background-repeat: no-repeat !important;
}
.home  ul.navbar-nav li:nth-child(4) a{
	color: #fff !important;
}
.home  ul.navbar-nav li:nth-child(5) a{
	color: #fff !important;
}
.home  ul.navbar-nav li:nth-child(6) a{
	color: #fff !important;
}
.home  ul.navbar-nav li:nth-child(7) a{
	color: #fff !important;
}
.home .navbar-light .megamenu .nav-item .nav-link:hover {
    background: transparent;
    border-bottom: solid 1;
    background-image: url(/media/1267/file/novo/hover-white.svg);
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 0 !important;
}

.celo-telo-2  ul.navbar-nav li:nth-child(1) a{
	color: #fff !important;
}
.celo-telo-2  ul.navbar-nav li:nth-child(2) a{
	color: #fff !important;
}
.celo-telo-2  ul.navbar-nav li:nth-child(3) a:link{
	color: transparent !important;
	background-image: url(/media/1192/file/novo/logo-on.svg);
	background-position: center center;
	background-repeat: no-repeat !important;
}
.celo-telo-2  ul.navbar-nav li:nth-child(3) a:active{
	color: transparent !important;
	background-image: url(/media/1192/file/novo/logo-on.svg) !important;
	background-position: center center;
	background-repeat: no-repeat !important;
}
.celo-telo-2  ul.navbar-nav li:nth-child(3) a:hover{
	color: transparent !important;
	background-image: url(/media/1192/file/novo/logo-on.svg) !important;
	background-position: center center;
	background-repeat: no-repeat;
	padding:30% !important;
	background-size: 80% !important;
}
.celo-telo-2  ul.navbar-nav li:nth-child(3) a:visited{
	color: transparent !important;
	background-image: url(/media/1192/file/novo/logo-on.svg) !important;
	background-position: center center;
	background-repeat: no-repeat !important;
}
.celo-telo-2  ul.navbar-nav li:nth-child(3) a:focus{
	color: transparent !important;
	background-image: url(/media/1192/file/novo/logo-on.svg) !important;
	background-position: center center;
	background-repeat: no-repeat !important;
}
.celo-telo-2  ul.navbar-nav li:nth-child(4) a{
	color: #fff !important;
}
.celo-telo-2 ul.navbar-nav li:nth-child(5) a{
	color: #fff !important;
}
.celo-telo-2 ul.navbar-nav li:nth-child(6) a{
	color: #fff !important;
}
.celo-telo-2 .navbar-light .megamenu .nav-item .nav-link:hover {
    background: transparent;
    border-bottom: solid 1;
    background-image: url(/media/1267/file/novo/hover-white.svg);
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 0 !important;
}

.booty-3  ul.navbar-nav li:nth-child(1) a{
	color: #fff !important;
}
.booty-3  ul.navbar-nav li:nth-child(2) a{
	color: #fff !important;
}
.booty-3  ul.navbar-nav li:nth-child(3) a:link{
	color: transparent !important;
	background-image: url(/media/1192/file/novo/logo-on.svg);
	background-position: center center;
	background-repeat: no-repeat !important;
}
.booty-3  ul.navbar-nav li:nth-child(3) a:active{
	color: transparent !important;
	background-image: url(/media/1192/file/novo/logo-on.svg) !important;
	background-position: center center;
	background-repeat: no-repeat !important;
}
.booty-3  ul.navbar-nav li:nth-child(3) a:hover{
	color: transparent !important;
	background-image: url(/media/1192/file/novo/logo-on.svg) !important;
	background-position: center center;
	background-repeat: no-repeat;
	padding:30% !important;
	background-size: 80% !important;
}
.booty-3  ul.navbar-nav li:nth-child(3) a:visited{
	color: transparent !important;
	background-image: url(/media/1192/file/novo/logo-on.svg) !important;
	background-position: center center;
	background-repeat: no-repeat !important;
}
.booty-3  ul.navbar-nav li:nth-child(3) a:focus{
	color: transparent !important;
	background-image: url(/media/1192/file/novo/logo-on.svg) !important;
	background-position: center center;
	background-repeat: no-repeat !important;
}
.booty-3  ul.navbar-nav li:nth-child(4) a{
	color: #fff !important;
}
.booty-3 ul.navbar-nav li:nth-child(5) a{
	color: #fff !important;
}
.booty-3 ul.navbar-nav li:nth-child(6) a{
	color: #fff !important;
}
.booty-3 .navbar-light .megamenu .nav-item .nav-link:hover {
    background: transparent;
    border-bottom: solid 1;
    background-image: url(/media/1267/file/novo/hover-white.svg);
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 0 !important;
}

.summer-body  ul.navbar-nav li:nth-child(1) a{
	color: #fff !important;
}
.summer-body ul.navbar-nav li:nth-child(2) a{
	color: #fff !important;
}
.summer-body  ul.navbar-nav li:nth-child(3) a:link{
	color: transparent !important;
	background-image: url(/media/1192/file/novo/logo-on.svg);
	background-position: center center;
	background-repeat: no-repeat !important;
}
.summer-body ul.navbar-nav li:nth-child(3) a:active{
	color: transparent !important;
	background-image: url(/media/1192/file/novo/logo-on.svg) !important;
	background-position: center center;
	background-repeat: no-repeat !important;
}
.summer-body  ul.navbar-nav li:nth-child(3) a:hover{
	color: transparent !important;
	background-image: url(/media/1192/file/novo/logo-on.svg) !important;
	background-position: center center;
	background-repeat: no-repeat;
	background-repeat: no-repeat !important;
	padding:30% !important;
	background-size: 80% !important;
}
.summer-body  ul.navbar-nav li:nth-child(3) a:visited{
	color: transparent !important;
	background-image: url(/media/1192/file/novo/logo-on.svg) !important;
	background-position: center center;
	background-repeat: no-repeat !important;
}
.summer-body  ul.navbar-nav li:nth-child(3) a:focus{
	color: transparent !important;
	background-image: url(/media/1192/file/novo/logo-on.svg) !important;
	background-position: center center;
	background-repeat: no-repeat !important;
}
.summer-body  ul.navbar-nav li:nth-child(4) a{
	color: #fff !important;
}
.summer-body ul.navbar-nav li:nth-child(5) a{
	color: #fff !important;
}
.summer-body ul.navbar-nav li:nth-child(6) a{
	color: #fff !important;
}
.summer-body .navbar-light .megamenu .nav-item .nav-link:hover {
    background: transparent;
    border-bottom: solid 1;
    background-image: url(/media/1267/file/novo/hover-white.svg);
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 0 !important;
}

.aerobni  ul.navbar-nav li:nth-child(1) a{
	color: #fff !important;
}
.aerobni  ul.navbar-nav li:nth-child(2) a{
	color: #fff !important;
}
.aerobni   ul.navbar-nav li:nth-child(3) a:link{
	color: transparent !important;
	background-image: url(/media/1192/file/novo/logo-on.svg);
	background-position: center center;
	background-repeat: no-repeat !important;
}
.aerobni  ul.navbar-nav li:nth-child(3) a:active{
	color: transparent !important;
	background-image: url(/media/1192/file/novo/logo-on.svg) !important;
	background-position: center center;
	background-repeat: no-repeat !important;
}
.aerobni   ul.navbar-nav li:nth-child(3) a:hover{
	color: transparent !important;
	background-image: url(/media/1192/file/novo/logo-on.svg) !important;
	background-position: center center;
	background-repeat: no-repeat;
	background-repeat: no-repeat !important;
	padding:30% !important;
	background-size: 80% !important;
}
.aerobni   ul.navbar-nav li:nth-child(3) a:visited{
	color: transparent !important;
	background-image: url(/media/1192/file/novo/logo-on.svg) !important;
	background-position: center center;
	background-repeat: no-repeat !important;
}
.aerobni   ul.navbar-nav li:nth-child(3) a:focus{
	color: transparent !important;
	background-image: url(/media/1192/file/novo/logo-on.svg) !important;
	background-position: center center;
	background-repeat: no-repeat !important;
}
.aerobni   ul.navbar-nav li:nth-child(4) a{
	color: #fff !important;
}
.aerobni  ul.navbar-nav li:nth-child(5) a{
	color: #fff !important;
}
.aerobni  ul.navbar-nav li:nth-child(6) a{
	color: #fff !important;
}
.aerobni .navbar-light .megamenu .nav-item .nav-link:hover {
    background: transparent;
    border-bottom: solid 1;
    background-image: url(/media/1267/file/novo/hover-white.svg);
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 0 !important;
}

.megamenu-container .nav-link {
    padding: 1.3em 1.9em !important;
}
.megamenu .navbar-nav{
	line-height: 2.8 !important;
}


.menubar-light.menubar-section {
    border-bottom: 3px solid #626995 !important;
	    
}
.menubar-light.menubar-section a:hover {
        background-color: #ffffff2f;
	    
}
.menubar-section{
	border: 3px solid #626995 !important;
	border: solid 1px #626995;
    border-radius: 25px;
}
.menubar-light .menubar-link {
    color: #626995 !important;
}
.menubar-light .menubar-group--special .menubar-link {
    color: #626995 !important;
}


.home .menubar-light.menubar-section {
    border-bottom: 3px solid #fff;
}
.home .menubar-section{
	border: 3px solid #fff !important;
	border: solid 1px #626995;
    border-radius: 25px;
}
.home .menubar-light .menubar-link {
    color: #fff !important;
}
.home .menubar-light .menubar-group--special .menubar-link {
    color: #fff !important;
}

.celo-telo-2 .menubar-light.menubar-section {
    border-bottom: 3px solid #fff;
}
.celo-telo-2 .menubar-section{
	border: 3px solid #fff !important;
	border: solid 1px #626995;
    border-radius: 25px;
}
.celo-telo-2 .menubar-light .menubar-link {
    color: #fff !important;
}
.celo-telo-2 .menubar-light .menubar-group--special .menubar-link {
    color: #fff !important;
}

.booty-3 .menubar-light.menubar-section {
    border-bottom: 3px solid #fff;
}
.booty-3 .menubar-section{
	border: 3px solid #fff !important;
	border: solid 1px #626995;
    border-radius: 25px;
}
.booty-3 .menubar-light .menubar-link {
    color: #fff !important;
}
.booty-3 .menubar-light .menubar-group--special .menubar-link {
    color: #fff !important;
}

.summer-body .menubar-light.menubar-section {
    border-bottom: 3px solid #fff;
}
.summer-body  .menubar-section{
	border: 3px solid #fff !important;
	border: solid 1px #626995;
    border-radius: 25px;
}
.summer-body  .menubar-light .menubar-link {
    color: #fff !important;
}
.summer-body  .menubar-light .menubar-group--special .menubar-link {
    color: #fff !important;
}

.aerobni .menubar-light.menubar-section {
    border-bottom: 3px solid #fff;
}
.aerobni  .menubar-section{
	border: 3px solid #fff !important;
	border: solid 1px #626995;
    border-radius: 25px;
}
.aerobni  .menubar-light .menubar-link {
    color: #fff !important;
}
.aerobni  .menubar-light .menubar-group--special .menubar-link {
    color: #fff !important;
}



.contact-wrapper{
	display: flex;
}
.contact-send{
	display: flex;
	margin-top: 5%;
	margin-bottom: 8%;
}
.title-suplementi{
	font-weight: 900;
    font-size: 3em;
}
.supl-brands-holder{
	display: flex;
    justify-content: center;
    margin-top: 4%;
    margin-bottom: 4%;
	max-width: 377px;
}
.suplementi-container{
	color: #000;
}
.supl-popust-title{
	color: #626995;
	font-weight: 900;
	font-size: 2.5em;
	margin-top: 3%;
}
.sup-slider-title{
	display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
	line-height: 1.3em;
}
.empty-supl{
	margin-bottom: 8%;
}
.kupon-kod-holder{
	background: #EFEFEF;
	box-shadow: 5px 5px 10px 0px #00000040;
	margin-top: 3%;
	padding: 0;
	border-radius: 30px;
	max-width: 320px;
	height: 100px;
	align-items: center;
}
.dotted-line{
	border-top: dashed 1px grey;
	transform: rotate(-90deg);
	margin-top: 0;
    width: 77px;
	margin-left: -27%;

}
.line-img{
	max-height:56px;
}
.kupon-kod-txt{
	transform: rotate(-90deg);
	font-size: 12px;
	justify-content: center;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
	color: grey;
}
.kupon-kod{
	text-shadow: -1px -1px 0 #e34747, 1px -1px 0 #e34747, -1px 1px 0 #e34747, 3px 3px 0 #e34747, 2px 2px 2px #e34747 !important;
	font-size: 2.5em;
    font-weight: 900;
	color: #efefef;
	justify-content: left;
    padding-left: 3%;
}
.supl-txt-column{
	
}
ul.navbar-nav li:nth-child(1) a{
	color: #626995 !important;
}
ul.navbar-nav li:nth-child(2) a{
	color: #626995 !important;
}
ul.navbar-nav li:nth-child(3) a:link{
	color: transparent !important;
	background-image: url(/media/1201/file/novo/logo-purple.svg);
	background-position: center center;
	background-repeat: no-repeat !important;
}
ul.navbar-nav li:nth-child(3) a:active{
	color: transparent !important;
	background-image: url(/media/1201/file/novo/logo-purple.svg) !important;
	background-position: center center;
	background-repeat: no-repeat !important;
}
ul.navbar-nav li:nth-child(3) a:hover{
	color: transparent !important;
	background-image: url(/media/1201/file/novo/logo-purple.svg) !important;
	background-position: center center;
	background-repeat: no-repeat !important;
	padding:40% !important;
	background-size: 90% !important;

}
ul.navbar-nav li:nth-child(3) a:visited{
	color: transparent !important;
	background-image: url(/media/1201/file/novo/logo-purple.svg) !important;
	background-position: center center;
	background-repeat: no-repeat !important;
}
ul.navbar-nav li:nth-child(4) a{
	color: #626995 !important;
}
ul.navbar-nav li:nth-child(5) a{
	color: #626995 !important;
}
ul.navbar-nav li:nth-child(6) a{
	color: #626995 !important;
}
.topic-page{
	max-width: 100%;
	margin: 0 auto;
}
.nav-slider{
	 background: transparent !important;
	 justify-content: center;
     display: flex;
}
#header {
    background-color: tranparent;
    z-index: 1;
    position: relative;

}
.main-wrapper{
		width:100%;
		margin: 0 auto;
		
}
.filter-green{
	filter: invert(66%) sepia(24%) saturate(288%) hue-rotate(125deg) brightness(84%) contrast(82%);
}
.filter-brown{
	filter: invert(53%) sepia(8%) saturate(865%) hue-rotate(304deg) brightness(88%) contrast(84%);
}
.filter-purple{
	filter: invert(33%) sepia(38%) saturate(474%) hue-rotate(238deg) brightness(97%) contrast(85%);
}

/*
.home #footer {
    border-top: transparent !important;
    position: relative;
    z-index: 999;
    background: transparent !important;
    text-align: center;
	margin-top: -10%;
}
*/
/*
#footer {
    border-top: transparent !important;
    position: relative;
    z-index: 999;
    background: transparent !important;
    text-align: center;
	margin-top: -10%;
}
*/
.footer-light .footer-bottom-wrapper {
    background: transparent !important;
	
 }
 #header{
	 padding: 1%;
 }
 #home-page-mob{
	 display: none;
 }
.btn-kontakt-holder{
		position: absolute; 
		right: 0;
}
.btn-kontakt{
	background: #626995 !important; 
	border: none !important; 
	border-radius: 50px !important; 
	width: 170px;
}
.nikola-kontakt-mob{
  position: absolute; 
  right: 0; 
  max-width: 600px; 
  margin-top: -10%;
}
.slide-indicator-img{
	height:auto; 
	max-width: 90px;
	left:8%;
	position: absolute;
}

.login-new .footer-bottom-wrapper{
	    margin-top: -10rem;
}

.summer-body .wrapp2{
	margin-top: -10%;
    z-index: 999;
    position: relative;
}
.celo-telo-2 .wrapp2{
	margin-top: -10%;
    z-index: 999;
    position: relative;
}
.aerobni .wrapp2{
	margin-top: -10%;
    z-index: 999;
    position: relative;
}
.booty-3 .wrapp2{
	margin-top: -10%;
    z-index: 999;
    position: relative;
}
.home .desktop{
	margin-top: -13%;
    z-index: 999;
    position: relative;
}
.log-reg-wrapper{
	background: #fff;
    padding: 3%;
    box-shadow: 5px 5px 10px 0px #00000026;
    border-radius: 40px;
}
.login-title{
	font-size: 2em;
	font-weight: 400;
	left: 5%;
    position: absolute;
}
.reg-title{
	font-size: 2em;
	font-weight: 400;
}
.for-register{
	position: absolute;
    right: 5%;
}
.switch-wrapper{
	display: flex;
	margin-left: 2.5%;
}
.switch-left{
	font-size: 18px;
    margin-right: 10px;
}
.switch-right{
	font-size: 18px;
    margin-left: 10px;
}
 .mobile{
		display: none;
}
.desktop{
		display: block;
}
.footer-mobile{
	display: none !important;
}
.supl-icon-title{
	display: flex;
    gap: 5px;
}
.supl-slider-txt{
	    margin-left: 3%;
}
.newrow {
    flex-basis: 100%;
    position: absolute;
    right: 71px;
    font-size: 10px;
    color: red;
    top: 35%;
}
.login-title-holder{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 8%;
}
.form-check-label{
	text-align: left;
}
.reg-btn-holder{
  justify-content: center;
  align-content: center;
  align-items: center;
  left: 10%;
  position: relative;
}
.star-txt-reg{
  position: relative;
  left: 10%;
}
.page-title-reg-log{
	display: flex !important;
	align-items: baseline;
	margin-bottom: 3%;
}
.card-title{
	color: #626995 !important;
}
.card-footer{
	background-color: lavender !important;
}
.card-header{
	background-color: lavender !important;
    color: #626995 !important;
}
.list-group .list-group-item.active:before{
	background: #f22112 !important;
}
.btn-flat{
	color: darkslateblue !important;
	border-color: darkgray !important;
}
.btn-secondary:hover, .btn-secondary.hover {
    background-color: #cbcbef !important;
    border-color: lavender !important;
}
.list-group-item-icon {
  color: #897ECC !important;
}
input{
	font-size: 14px !important;
}
.second-column-log-reg{
	margin-top: 6%;
	padding-right: 0 !important;
}
.login-page{

	margin: 0 auto;
	padding-bottom: 2%;
	padding-left: 2%;
	padding-right: 2%;
	margin-left: -10% !important;
	padding-right: 0;
}
.login-reg-img{
	width: 100%;
    max-width: 500px;
    display: block;
    margin-left: auto;
	margin-bottom: 12%;
}
.register-box {
    max-width: 877px !important;
    margin-left: 0 !important;
    padding-bottom: 2%;
    padding-right: 2%;
}
#secondary_content{
	background-image: url(/media/1273/file/novo/Registerform.png);
    background-repeat: no-repeat;
    background-position: right center;
	background-size: 470px auto;
    height: 65%;
}
#main_content{
	background-image: url(/media/1274/file/novo/Loginform.png);
    background-repeat: no-repeat;
    background-position: right center;
	background-size: 118px auto;
    height: 55%;
}
.payment-holder-login{
	display: flex;
}
.suplementi-first-content{
	max-width: 1600px; 
	width: 100%;  
	margin: 0 auto !important; 
	display: flex;
	align-items: center; 
	margin-top: 5%; 
	margin-bottom: 7%; 
	justify-content: center;
	padding-bottom: 3%;
}
.suplemnti-slider-title-wrapper{
	max-width:1600px; 
	padding: 3%; 
	margin-left: 4% !important;
}
.suplementi-holder-slider{
	max-width: 1600px; 
	margin: 0 auto !important; 
	padding-bottom: 2%;
}
.suplementi-left-content{
	max-width: 694px !important;
}
.control-next-holder{
	padding-left:0; 
	margin-left:-1%;
	border: transparent; 
	background: transparent;
}

/*chat widget*/

	.chat-btn-holder {
		position: fixed;
		bottom: 0;
		right: 3%;
		z-index: 1000;
	}

	.chat-btn {
		position: absolute;
		right: 10px;
		bottom: 10px;
		cursor: pointer
	}

	.chat-btn .close {
		display: none
	}

	.chat-btn i {
		transition: all 0.9s ease
	}

	#check:checked~.chat-btn i {
		display: block;
		pointer-events: auto;
		transform: rotate(180deg)
	}

	#check:checked~.chat-btn .comment {
		display: none
	}

	.chat-btn i {
		font-size: 22px;
		color: #fff !important
	}

	.chat-btn {
		width: 90px;
		height: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 25px;
		background-color: #71D566;
		color: #fff;
		font-size: 13px;
		border: none;
		box-shadow: 5px 5px 10px 0px #00000040;
	}

	.wrapper {
		position: absolute;
		right: 20px;
		bottom: 77px;
		width: 300px;
		background-color: #fff;
		border-radius: 5px;
		opacity: 0;
		transition: all 0.4s;
		box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	}

	#check:checked~.wrapper {
		opacity: 1;
		display: block;

	}

	.wrapper {
		display: none;

	}

	.header-chat {
		padding: 13px;
		background-color: #71D566;
		border-radius: 5px 5px 0px 0px;
		margin-bottom: 10px;
		color: #fff;
		display: flex;
		align-items: center;
	}

	.chat-form {
		padding: 15px
	}

	.chat-form input,
	textarea,
	button {
		margin-bottom: 10px
	}

	.chat-form textarea {
		resize: none
	}

	.form-control:focus,
	.btn:focus {
		box-shadow: none
	}



	#check {
		display: none !important
	}

	.close {
		opacity: .7;
	}

	/*end chat widget*/
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	.menubar-light.menubar-section {
		right: 10px;
	}
	.megamenu-container .nav-link {
	padding: 1.3em 1.1em !important;
	}
	.login-new  .payment-wrapper {
	margin: 0 auto;
	z-index: 999;
	position: relative;
	}
	.program-desc{
		min-width: 900px !important;
		width: 100%;
	}
	.summer-body #fotter-copyright{
	padding-top: 4%;
	}
	.celo-telo-2 #fotter-copyright{
	padding-top: 4%;
	}
	.aerobni #fotter-copyright{
	padding-top: 4%;
	}
	.summer-body #fotter-copyright{
	padding-top: 4%;
	}
	.booty-3 .desktop{
	margin-top: -10%;

    position: relative;
	}
.celo-telo-2 .desktop{
	margin-top: -10%;

    position: relative;
}
.aerobni .desktop{
	margin-top: -10%;

    position: relative;
}
.booty-3 .desktop{
	margin-top: -10%;

    position: relative;
}
.home .desktop{
	margin-top: -10%;

    position: relative;
}
	.tags{
		left: 47.5%;
		max-width: 100px !important;
	}
	.suplementi-left-content{
	max-width: 500px !important;
	}
	.suplementi-first-content{
		max-width: 1400px; 
	}
	.suplemnti-slider-title-wrapper{
		max-width: 1400px;
	}
	.suplementi-holder-slider{
	max-width: 1400px; 
	}
	.register-box {
    max-width: 660px !important;
	}
	#main_content{
	background-position: 154% center;	
	}
	fieldset.content-group {
	margin-bottom: 0 !important;
	}
	.second-column-log-reg{
	margin-top: 3%;
	}
	.form-check-label {
    margin-bottom: 0;
    font-size: 13px;
	}
	.star-txt-reg{
	position: relative;
	left: 1%;
	font-size: 12px;
	}
	.slide-indicator-img{
	height:auto; 
	max-width: 70px;
	left:11%;
	position: absolute;
	}
	.read-more {
    width: 150px;
    border-radius: .8em;
    color: #fff;
    font-size: 15px;
    text-align: center;
    padding-top: 1%;
    padding-bottom: 1%;
    margin-top: 16%;
    border-radius: 50px;
    left: 0;
    position: absolute;
}
	.info-wrapper{
	height: 55vh !important;

	}
	.program-desc{
	font-size: 1.1em;
	}
	.payment-img-novo{
	width: 100%; 
	max-width: 800px !important; 
	margin-left: 6%;
	}
	.payment-holder{
		width: 90%;
		margin: 0 auto;
	}
	
	.price-aerobni{
		margin-top: 2%;
	}
	
	
	.price-euro {
    font-size: 4em;
	}
	.price-rsd {
    font-size: 1.6em;
	}
	.price-new {

  margin-top: 2%;

	}
	#fotter-copyright {
	margin-top: 2% !important;
	}
	.program-title {
		font-size: 3em;

	}
	.program-inner-wrapper{
		top: 18%;
	}
	.wraper-2-3-4{
		margin-top: -5%;
	}
	.login-new .btn-primary{
		background-color: #626995 !important;
		border-color: #626995 !important;
	}
	
}
 @media only screen and (max-width: 1500px) and (min-width: 1200px){
	 .info-wrapper{
	height: 45vh !important;

	}
	.slideshow-container {
		width: 1150px;
	}
 }
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) {
	  .wraper-2-3-4{
		margin-top: -5%;
	}
	.program-inner-wrapper{
		top: 18%;
	}
	.program-title {
		font-size: 3em;

	}
	.program-desc{
		min-width: 900px;
		width: 100%;
	}
	#fotter-copyright {
	margin-top: 2% !important;
	}
	.price-new {
	margin-top: 2%;
	}
	
	.summer-body .desktop{
	margin-top: -10%;

    position: relative;
}
.celo-telo-2 .desktop{
	margin-top: -10%;

    position: relative;
}
.aerobni .desktop{
	margin-top: -10%;

    position: relative;
}
.booty-3 .desktop{
	margin-top: -10%;

    position: relative;
}
.home .desktop{
	margin-top: -10%;
    z-index: 999;
    position: relative;
}
.summer-body #fotter-copyright{
	padding-top: 4%;
	}
	.celo-telo-2 #fotter-copyright{
	padding-top: 4%;
	}
	.aerobni #fotter-copyright{
	padding-top: 4%;
	}
	.summer-body #fotter-copyright{
	padding-top: 4%;
	}
	.booty-3 .desktop{
	margin-top: -10%;
    z-index: 999;
    position: relative;
	}
	.suplementi-left-content{
	max-width: 500px !important;
	}
	.suplementi-first-content{
		max-width: 1400px; 
	}
	.suplemnti-slider-title-wrapper{
		max-width: 1400px;
	}
	.suplementi-holder-slider{
	max-width: 1400px; 
	}
	.register-box {
    max-width: 660px !important;
	}
	#main_content{
	background-position: 154% center;	
	}
	fieldset.content-group {
	margin-bottom: 0 !important;
	}
	.second-column-log-reg{
	margin-top: 3%;
	}
	.form-check-label {
    margin-bottom: 0;
    font-size: 13px;
	}
	.star-txt-reg{
	position: relative;
	left: 1%;
	font-size: 12px;
	}
	.slide-indicator-img{
	height:auto; 
	max-width: 70px;
	left:11%;
	position: absolute;
	}
	.read-more {
    width: 150px;
    border-radius: .8em;
    color: #fff;
    font-size: 15px;
    text-align: center;
    padding-top: 1%;
    padding-bottom: 1%;
    margin-top: 16%;
    border-radius: 50px;
    left: 0;
    position: absolute;
}
	.info-wrapper{
	height: 55vh !important;

	}
	.program-desc{
	font-size: 1.1em;
	}
	.payment-img-novo{
	width: 100%; 
	max-width: 800px !important; 
	margin-left: 6%;
	}
	.payment-holder{
		width: 90%;
		margin: 0 auto;
	}
	
	.price-aerobni{
		margin-top: 2%;
	}
	
	
	.price-euro {
    font-size: 4em;
	}
	.price-rsd {
    font-size: 1.6em;
	}
	.tags{
		left: 47.5%;
		max-width: 100px !important;
	}
	
}
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1199px){
	.contact-me-title {
	color: #626995;
	font-size: 1.3em;
	margin-left: 5%;
	}
	.program-container {

	margin-top: -15%;
	}
	.social-icon {
	margin-right: 6%;
	}
	.title-hp-mob h2 {
    font-size: 3em !important;
    font-weight: 800;
    line-height: 43px !important;
  }
	.wraper-2-3-4{
		margin-top: -5%;
	}
	.menubar-section {
  z-index: 999;
  position: absolute;
  right: 1%;
  top: 29%;
}
.payment-holder{
	margin-top: 3%;
}
.slider {

  margin-top: -14% !important;
}
	.info-wrapper{
	height: 38vh !important;

	}
	.program-title{
		font-size: 3em;
	}
	.program-desc{
		font-size: 1em;
	}
	.price-new {
	left: 0;
	margin-top: 0;
	position: absolute;
	}
	.price-euro {
	font-size: 4.3em;
	font-weight: 800;
	color: #fff;
	}
	.read-more {
  width: 100px;
  border-radius: .8em;
  color: #fff;
  font-size: 14px;
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 21%;
  border-radius: 50px;
  left: 0;
  position: absolute;
	}
	.program-inner-wrapper {

  top: 16%;

}
.tags {
  max-width: 90px !important;

}
.program-desc{
	margin-top: 2%;
}
	
}
@media only screen and (max-width: 991px) and (min-width: 620px){
	 .price-euro-programs-first-content {
    font-size: 3.3em;
    margin-bottom: 5%;
	text-align: right;

  }
    .price-rsd-programs-first-content {
    text-align: right;
  }
  .title-program {
    font-size: 2.8em !important;
    text-align: center;
  }
}
@media only screen and (max-width: 991px) and (min-width: 768px){
	.cart-action-coupon {
    border: solid 2px #f22112;
    padding: 9px;
    border-radius: 15px;
    width: 270px !important;
    margin: 0 auto;
	}
	.btn-kontakt {
    width: 320px;
    margin-top: 0%;
    margin-bottom: 13%;
    margin-left: 5%;
  }
  .sup{
	  max-width: 100% !important;
  }
}
@media only screen and (max-width: 991px) and (min-width: 650px){
	.celo-telo-2 .payment-holder-mob {
    margin-top: -40rem !important;
	}
	.booty-3 .payment-holder-mob {
    margin-top: -40rem !important;
	}
	.summer-body .payment-holder-mob {
    margin-top: -40rem !important;
	}
	.aerobni .payment-holder-mob {
    margin-top: -40rem !important;
	}
}
 @media only screen and (max-width: 767px) and (min-width: 360px){
	 .login-reg-img{
		display: none;
	 }
	 .payment-method-page .payment-method-description p{
		 margin-bottom: 0 !important;
	 }
	 .payment-method-page .checkout-data .opt-list-item {
		padding-top: .8rem !important;
		padding-left: .8rem !important;
		padding-right: .8rem !important;
		padding-bottom: 0 !important;
	}
	#terms-of-service-consent-box .card-body{
		padding: 0.8rem !important;
	}
	.payment-method-page .checkout-data p{
		margin-bottom: 0 !important;
	}
	.order-summary-content .cart-col-main{
		padding: .5rem !important;
	}
	.order-review-data-box .shopping-cart-page{
		margin-top: 0;
		margin-bottom: 0;
	}
	.cart-col-main ~ .cart-col::before {
	display: block;
	content: attr(data-caption);
	font-size: 1rem;
	font-weight: 600;
	padding-bottom: 0 !important;
	}
	
}
 @media only screen and (max-width: 991px) and (min-width: 320px){
	.no-offcanvas-cart .input-group-append{
	margin-left: 0;
	width: 100%;	
	}
	 .cart-action .cart-action-title::after{
		right: -9px !important; 
	 }
	 #ocm-menu {
		text-transform: uppercase;
		font-size: 25px;
		text-align: center;
		font-weight: 600;
		/*background: url(/media/1357/file/logo-mob-menu.svg);*/
		background-position-x: 0%;
		background-position-y: 0%;
		background-repeat: repeat;
		background-repeat: no-repeat;
		background-position: top center;
		margin-top: 15%;
	}
	.list-unstyled{
		padding-top: 36%;
	}
	 .cart-action .cart-action-title{
		 padding: 0 !important;
		 margin-right: 5% !important;
	 }
	.login-new .btn-primary{
		background-color: #626995 !important;
		border-color: #626995 !important;
	}
	.order-review-data-box hr{
		display: none;
	}
	.order-review-data-box .required{
		display: none;
	}
	.order-review-data-box .address-required-hint{
		display: none;
	}
	.wrapper-mob{
		margin: 0 auto;
	}
	.summer-body .payment-holder-mob{
		margin-top: -20rem;
	}
	.aerobni .payment-holder-mob{
		margin-top: -20rem;
	}
	.booty-3 .payment-holder-mob{
		margin-top: -20rem;
	}
	.celo-telo-2 .payment-holder-mob{
		margin-top: -20rem;
	}
	.login-new .footer-bottom-wrapper{
	    margin-top: 15rem;
	}
	.kontakt .footer-bottom-wrapper{
	    margin-top: 10rem;
	}
	.home .payment-holder-mob{
		margin-top: 0;
	}
	.suplementi .payment-holder-mob{
		margin-top: 0;
	}
	.login-new .form-group {
    margin-bottom: 4px !important;
	}
	
	.form-group{
		margin-bottom: 0 !important;
	}
	.discount-coupon-code{
		width: 100% !important;
	}
	.apply-discount-coupon-code-button{
		width: 100% !important; 
	}
	.cart-col-subtotal {
	text-align: left !important;
	}
	.cart-col-main ~ .cart-col{
		width: 100% !important;
	}
	.price-euro-programs-first-content{
	font-size: 3.3em;
	}
	.price-rsd-programs-first-content{
		font-size: 1.2em;
		margin-top: -10% !important;
	}
	.price-programs{
		text-align: center;
	}
	.payment-holder-login{
	display: none;
	}
	.second-column-log-reg{
		padding-right: 15px !important;
	}
	.login-reg-img{
		margin-bottom: 0;
		margin-top: 8%;
	}
	.login-page {
		margin: 0 auto;
		padding-bottom: 2%;
		padding-left: 2%;
		padding-right: 2% !important;
		margin-left: 0 !important;
		padding-right: 0;
	}
	#main_content{
		background-image: none;
	}
	#secondary_content{
		background-image: none;
	}
	.btn-login{
		margin: 0 auto;
	}
	.page-title-reg-log{
		display: block !important;
		text-align: center;
		margin-bottom: 5%;
	}
	.reg-btn-holder{
	position: inherit;
	}
	.login-title-holder{
		display: block;
		text-align: center;
	}
	.login-title{
		position: inherit;
	}
	.for-register{
		position: inherit;
	}
	.star-txt-reg {
	position: inherit;
	left: 10%;
	max-width: 80%;
	margin-bottom: 5%;
	}
	fieldset.content-group {
	margin-bottom: 0 !important;
	}
	.switch-wrapper {
	justify-content: center;
	}
	.payment-holder-mob {
	margin: 0 auto;
	display: block;
	text-align: center;
	background: #fff;
	border-radius: 40px;
	padding-top: 7%;
	box-shadow: 5px 5px 10px 0px #00000026;
	}
	.payment-img-novo-mob {
		width: 100%;
		max-width: 260px !important;
		margin-bottom: 5%;
	}
	#footer {
    border-top: transparent !important;
    position: relative;
    z-index: 999;
    background: transparent !important;
    text-align: center;
	margin-top: 0;
	}
	.home-slider{
		display: none;
	}
	#home-page-mob{
	 display: flex;
	}
	.shopbar-section{
		display: block;
	}
	.menubar-link{
		display: none !important;
	}
	.shop-logo .brand {
    max-width: 100%;
	max-height:40px;
	text-align: center;
	margin: 0 auto;
	display: block;
	
	}
	.icm-menu{
		margin-top: -4px;
	}
	.icm-user{
		margin-top: 4%;
	}
	#shopbar-menu{
		position: absolute;
		right: 0;
		top: 3px;
	}
	#shopbar-user{
		position: relative;
		left: -7%;
		border: solid 2px #626995;
		border-radius: 25px;
		top: 1px;
	}
	.shopbar-col-group-tools {
    width: 100%;
    top: 10%;
    position: absolute;
	}
	#header {
	padding: 0;
	}
	#shopbar-menu .shopbar-button .shopbar-button-label-sm{
		display: none;
		
	}
	.shopbar-button{
		display: flex !important;
	}
	.icm-menu::before {
		font-size: 37px;
		font-weight: bolder;
	}
	#logo-new{
	display: none !important;
	}
	.proram-mob-holder{
		position: relative;
		margin-bottom: 3%;
	}
	.tag-mob{
		position: absolute;
		top: -26px;
		left: 10%;
	}
	.hot-tag{
		position: absolute;
		top: -23px;
		left: 10%;
	}
	.title-hp-mob h2{
		position: absolute;
		top: 16%;
		left: 5%;
		color: #fff;
		font-size: 25px;
		font-weight: 800;
		line-height: 25px;
		text-align: left;
	}
	.summer-mob-title-hp-mob h2{
		position: absolute;
		top: 15%;
		left: 5%;
		color: #fff;
		font-size: 25px;
		font-weight: 800;
		line-height: 25px;
		text-align: left;
	}
	.price-hp{
		font-size: 40px;
		font-weight: 700;
		line-height: 85px;
		text-align: left;
		position: absolute;
		top: 53%;
		left: 5%;
		color: #fff;
		text-shadow: rgba(0, 0, 0, 0.2) 3px 3px 5px;
	}
	.brand img{
		height: 53px;
		z-index: 999;
		position: relative;
	}
	.icm-user::before {
		font-weight: bold;
		margin-top: 0;
	}
	.video-programi {
		padding-top: 24%;
		margin-top: -26% !important;
	}
	.title-program {
		font-size: 1.8em;
		text-align: center;
	}
	.price-rsd-programs-first-content {
		margin-top: -20%;
	}
	.button-2{
		padding: 3%;
	}
	.mobile{
		display: block;
	}
	.desktop{
		display: none;
	}
	.footer-mobile{
	display: block !important;
	}
	.footer-desktop{
	display: none !important;
	}
	.red-pasus {
		position: relative !important;
	}
	.contact-wrapper{
		display: block;
	}
	.contact-send{
		display: block !important;
		margin-top: 10%;
	}
	.txt-area-novo {
		margin-left: 0 !important;
		margin-top: 5% !important;
	}
	.btn-kontakt-holder{
		position: inherit;
		display: block !important;
	}
	.btn-kontakt{ 
	width: 320px;
	margin-top: 6%;
	}
	.nikola-kontakt-mob{
		position: inherit;  
		max-width: 600px; 
		margin-top: -10%;
	}
	.kontakt-image-wrapper{
		margin: 0 !important;
		padding: 0 !important;
	}
	.kontakt-wrapper{
		text-align: center;
	}
	.suplementi-container{
		text-align: center;
	}
	.title-suplementi{
		color: #000 !important;
	}
	.suplementi-txt{
		margin-top: 3%;
	}
	.kupon-kod-holder{
	margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 5%;
	margin-bottom: 5%;
	}
	.supl-slider-txt{
		
	}
	.supl-icon-title{
		display: flex;
		align-items: center;
	}
	.sup-slider-title{
		display: block;
		text-align: left;
	}
	.shopbar-col{
		padding: 0.2rem 0.375rem !important;
	}
	.payment-wrapper{
	margin: 0 auto;
	padding-bottom: 5%;
	}
	.checkout-completed-page .btn{
		padding: .625rem .3rem;
		font-size: .85rem;
	}
	.page-order-details .cart-col-qty{
		padding: 1rem !important;
		text-align: left !important;
	}
	.page-order-details .email{
		padding: 0 !important;
	}
	.login-new .payment-holder-mob{
		margin-top: -15rem;
	}
	.kontakt .payment-holder-mob{
		margin-top: -20rem;
	}
	.tab-wrapper {
		padding: 1% !important;
	}
 }
  @media only screen and (max-width: 767px) and (min-width: 320px){
	  
	.kontakt-success-wrapper {
		padding-bottom: 35rem;
	}
	  .bravo-msg {
	display: block;
	margin-bottom: 5px;
	font-size: 13px;
    color: #4caf50;
	top: 24px;
    position: absolute;
	right: 18%;
	}
	 .cart-action-coupon {
	border: solid 2px #f22112;
	padding: 9px;
	border-radius: 15px;
	width: 100% !important;
	margin: 0 auto;
	} 
  }
  @media only screen and (max-width: 359px) and (min-width: 320px){
	    .switch-wrapper {
		display: flex;
		justify-content: center;
		}
		.switch-left {
		font-size: 15px;
		margin-right: 10px;
		}
		.switch-right {
		font-size: 14px;
		margin-left: 10px;
		}
		.page-title-reg-log {
			display: block !important;
			text-align: center;
			margin-bottom: 5%;
		}
		.login-reg-img{
			display: none;
		}
		.mobile {
		display: block;
		}
		.reg-btn-holder {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		}
		#shopbar-user {
		left: 14%;
		}
		.button-2 a{
		width: 140px;
		}
		.aerobni-btn a{
		width: 140px;
		}
		.button-booty-3 a{
			width: 140px;
		}
		.button-summer a{
			width: 140px;
		}
		.summer-mob-title-hp-mob h2 {
			position: absolute;
			top: 8%;
			left: 5%;
			color: #fff;
			font-size: 20px;
			font-weight: 800;
			line-height: 25px;
			text-align: left;
		}
		.price-hp {
			font-size: 36px;
		}
		.pd-description{
			margin-top: -6rem !important;
			padding: 2% !important;
		}
		.row.pd-offer-actions{
			margin-top: 5% !important;
		}
  }
/*end css novo*/	
	.heading-title{
		font-size: 1.3rem;
	}
	.bf-banner {

		position: fixed;
		bottom: 0;
		right: 0;
		max-width: 400px;
		height: auto;
		z-index: 1;

	}
 	

	.choice-item{
	flex-direction: row-reverse;
	}
	.choice-item-img{
	max-height: 2em !important;
    	width: 6em !important;
	margin-left: 0.4rem;
	margin-right: 0 !important;
	}
	.block .block-title {
    		text-align: center;
	}
	.btn-y a {
		text-decoration: none;
		color: #0097b9;
		border: solid 1px #0097b9;
		display: block;
		padding: 4%;
		width: 120px;
		margin-right: 10px;
		text-align: center;
		border-radius: 25px;
	}
	.btn-y a:hover {
		color: #fff;
    		text-decoration: none;
    		background: #0097b9;
    		border-radius: 25px;
	}

	

	.btn-n a {
		text-decoration: none;
		color: #f44336;
		display: block;
		padding: 4%;
		width: 120px;
		text-align: center;
		border-radius: 25px;
		border: solid 1px #f44336;
	}
	.btn-n a:hover {
		color: #fff;
    		text-decoration: none;
    		background: #f44336;
    		border-radius: 25px;
	}

		.progress-outer {
		background: #fff;
		border-radius: 50px;
		padding: 15px;
		margin: 10px 0;
		box-shadow: 0 0 10px rgba(209, 219, 231, 0.7);
	}

	.progress {
		display: -webkit-box !important;
		height: 20px !important;
		margin: 0;
		overflow: visible;
		border-radius: 50px !important;
		background: #eaedf3;
		box-shadow: inset 0 10px 10px rgba(244, 245, 250, 0.9);
	}

	.progress .progress-bar {
		border-radius: 50px;
	}

	.progress-bar {
		background-color: skyblue !important;
	}

	.progress .progress-value {
		position: relative;
		left: -45px;
		top: 1px;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
		letter-spacing: 2px;
	}

	.progress-bar.active {
		animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;
	}

	@-webkit-keyframes animate-positive {
		0% {
			width: 0%;
		}
	}

	@keyframes animate-positive {
		0% {
			width: 0%;
		}
	}    

    .shopbar {
    margin: -0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: 1200px;
    margin: 0 auto !important;
	}
	.shopbar-section {
    padding: 0 0 !important;
    background: rgba(255,255,255,.7) !important;
    }
	.shopbar-search {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: none;
    }
   #shopbar-compare{
	  display: none;
   }
   #shopbar-wishlist{
	   display: none;
   }
   .cart-content{
	max-width: 1400px !important;
	margin: 0 auto;
	}
	.breadcrumb-container{
		margin-top: -2%;
	}
	.breadcrumb-item{
		display: none !important;
	}
	#content {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
	}
	.navbar-nav{
		max-width: 1200px !important;
		margin: 0 auto !important;
	}
	.block .block-body {
    padding-top: 0 !important;
    }
	.menubar {
    justify-content: end !important;
    max-width: 1200px;
    margin: 0 auto;
	display: flex;
   }
   
   
   
   .currency-selector{
	   display: none;
   }
   .menubar-group--special {
    font-weight: 600;
    display: none !important;
   }
   .ml-auto, .mx-auto {
    margin-left: auto !important;
    display: none !important;
   }
   
   
   
   .footer-main-wrapper {
    padding-top: 0;
    max-width: 1200px;
    margin: 0 auto;
   }
	
	.footer-bottom{
		padding-bottom: 0 !important;
	}
	.footer-newsletter{
		max-width: 350px;
		margin: 0 auto;
	}
	.footer-light .btn-social:not(:hover):not(:active):not(:focus) {
    background-color: #808080 !important;
    color: #fff;
    }
	.footer-light .footer-title{
		text-align: center;
	}
	.form-inline{
		justify-content: center;
	}
	.form-check{
		text-align: center;
	}
	/* mobile menu*/
	.offcanvas-menu-footer {
    display: none;
    }
	.offcanvas-tabs .nav-link.active {
    display: none;
    }
	/*end mobile menu*/
	.menubar-link {
	padding: 0.5em 0.8em !important;
   }
   /*
   .shopbar-col {
    padding: 0.2rem 0.375rem !important;
   }
   */
   
    
    body{
		font-family: "Outfit", sans-serif !important;
		font-optical-sizing: auto;
		font-style: normal;
	  
    }
	html, body {
  height: 100% !important;
  margin: 0;
}
.oprema-title{
	margin: 5%;
}
.oprema-desc{
	font-size: 14px;
}
.oprema-item-wrapper{
	background: #fff;
	padding: 5%;
	border: solid 2px lightgrey;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	border-radius: 10px;
	margin-bottom: 4%;
}
.costeps{
	z-index: 0;
}
.megamenu .navbar-nav .nav-item.selected .nav-link:before, .megamenu .navbar-nav .nav-item.expanded .nav-link:before {
    background: transparent !important;
}
	.choose-plan.plan-1 {
    background: #13A3ED;
	border-radius: 20px;
 
}
.choose-plan.plan-2 {
    background: #150EE0;
	border-radius: 20px;
 
}
.choose-plan.plan-3 {
    background: #FFC228;
	border-radius: 20px;
 
}
.sep1{
	border-top: solid 2px lightblue;
	width: 30%;

	padding-top: 5%;
	margin-top: 8%;
	margin: 0 auto;
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.choose-plan .price {
    background-color: #FFF;
    color: #555;
    display: inline-block;
    padding: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
	.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content2 {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 60% !important;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
#myBtn{
	padding: 1%;
    border: solid 1px #0097b9;
    background-color: #0097b9;
    border-radius: 25px;
    color: #fff;
    font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	width: 150px;
    text-align: center;
	margin-bottom: 12%;
}
.about-content6{
		padding-top: 7rem;
		padding-left: 4%;
		padding-right: 4%;
	}

button:focus {
    outline: 1px auto lightblue!important;
}

	.short-text2{
		
		color: #555;
		text-align: left;
		font-size: 1.2em;
		font-weight: 600;
	}
	.izgovor{
		font-weight: 800;
		font-size: 45px;
		
		  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid orange; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .15em; /* Adjust as needed */
  animation: 
    typing 3.5s steps(40, end),
    blink-caret .75s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: #cce; }
}
	
	.short-txt{
		
		text-align: left;
		margin-top: 15%;
		margin-bottom: 20%;
		font-size: 1em;
        letter-spacing: .5px;
	}
	.detaljnije a{
	padding: 1%;
    font-size: 16px;
    letter-spacing: 1px;
    width: 140px;
    display: block;
    border-radius: 25px;
    margin: 5% auto 0 0;
    background: transparent;
    border: solid 2px #0097b9;
    font-weight: 400;
    color: #0097b9;
	}
	.detaljnije a:hover{
		text-decoration: none;
		color: #fff;
		border: solid 2px #0097b9;
		background: #0097b9;
		transition: all .4s ease;
		-webkit-transition: all .4s ease;
	}
	.kupi a{
	padding: 1%;
    font-size: 23px;
    letter-spacing: 1px;
    width: 140px;
    display: block;
    border-radius: 25px;
    margin: 5% auto 0 0;
    background: transparent;
    border: solid 2px #f44336;
    font-weight: 400;
    color: #f44336;
	}
	.kupi a:hover{
		text-decoration: none;
		color: #fff;
		border: solid 2px #f44336;
		background: #f44336;
		transition: all .4s ease;
		-webkit-transition: all .4s ease;
	}
	.content2{
	padding-left: 4% !important;
    font-size: 95% !important;
		
    }
	.content{
		padding-left: 4% !important;
    font-size: 95% !important;
	}
	 .content3{
		 left: 7%;
         z-index: 1;
	 }	
	
	#fotter-copyright{
		
		text-align: center;
		padding-top: 1%;
		padding-bottom: 1%;
		font-size: 90%;
		font-weight: 400;
		margin-top: -1%;
		
	}
	.btn-outline-secondary {
    color: #8d9ba9;
    background-color: transparent;
    background-image: none;
    border-color: #8d9ba9;
    margin-left: 5%;
    }
	.container {
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: auto;
    margin-left: auto;
	}
	.main-wrapper{
		width:100%;
		margin: 0 auto;
		
	}
	.Faq{
		max-width: 1000px;
		width:100%;
		margin: 0 auto;
		padding-left: 2%;
		padding-right: 2%;
		font-weight: 400;
		padding-top: 4%;
	}
    .nikola-img{
      width: 100%;
      height: auto;
    }
    .first-content{
      background-color: #080808;
      color: #fff;
      
    }
    .second-content{
      background-color: #080808;
      color: rgb(223, 43, 142);
      
    }
    .padding-0{
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
	.about-content5{
		background-image: linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.9)), url("/media/328/file/part6.png");
		background-position: right center;
		background-repeat: no-repeat;
		background-attachment: fixed !important;
		animation: animatedBackground 20s linear infinite alternate;
    -moz-animation: animatedBackground 20s linear infinite alternate;
    -webkit-animation: animatedBackground 20s linear infinite alternate;
    -ms-animation: animatedBackground 20s linear infinite alternate;
    -o-animation: animatedBackground 20s linear infinite alternate;
    }
	@keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: 300px 300px; }
}
@-moz-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: 300px 300px; }
}
@-webkit-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: 300px 300px; }
}
@-ms-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: 300px 300px; }
}
@-o-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: 300px 300px; }
	}
    .about-content{
	  margin-bottom: 12% !important;
	  margin: 0;
	  padding: 0;
	  align-items: center;
	  
	  
   }
	.about-content3{
	  margin-bottom: 12% !important;
	  margin: 0;
	  padding: 0;
	  align-items: center;
	 
    }
	.korpa{
	position: fixed;
    right: 1%;
	top: 2%;
	background:rgba(255,255,255, 0.7);
	
	
	}
	.korpa a{
	 font-size: 14px;
	 color: #555;
border: solid 2px #ccc;
padding: 7px !important;

	}
	.video-popup{
		margin-top: 0;
	}
	/*
	.about-content2{
    background-image: url(/media/323/file/no-bcg3.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: calc(100vh - 18vh);
    height: -o-calc(100vh - 18vh);
    height: -moz-calc(100vh - 18vh);
	height: -w-calc(100vh - 18vh);
    position: relative;
    width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
	padding: 5rem 0;
    }
	*/
	
	
	.megamenu-section .navbar {
    background: transparent !important;
    padding: 0;
}
	.about-content2 {
    background-image: url(/media/359/file/nikola-bcg-13.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
    height: -o-calc(100vh - 18vh);
    height: -w-calc(100vh - 18vh);
    position: relative;
    width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 5rem 0;
    margin-top: -135px;
}
    .about{
    min-height: 10em;
    margin-top: 30vh;
    padding-left: 1%;
    padding-right: 15%;
    color: #ccc;
    font-size: 1em;
    letter-spacing: 0.5px;
   
    }
	.izgovor-mob{
		display: none;
	}
	.about2{
	min-height: 10em;
    margin-top: 35vh;
    padding-left: 1%;
    font-size: 1.1em;
	margin-left: 12%;
	margin-right: 19%;
	font-weight: 500;
	color: #334;
	letter-spacing: 0.1px;
	
   
	}
	/*
	.main-container{
	
	background-image: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.7)), url("/media/408/file/pozadina3.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	background-attachment: fixed;
    }
	*/


   @keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -150px 0; }
}
@-moz-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -150px 0; }
}
@-webkit-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -150px 0; }
}
@-ms-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -150px 0; }
}
@-o-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -150px 0; }
}

.gal.slick-initialized img.gal-item-content, .gal-nav.gal-initialized img.gal-item-content {
    display: inline-block;
    box-shadow: transparent;
}

	#ph-topic-1{
		margin-bottom: 0 !important;
	}
    .html-editor-content{
		margin-bottom: 0 !important;
	}
	.vec-od{
	color: #f44336;
    font-size: 1.4rem;
	font-weight: 400;
    border-top: solid 1px #cce;
    padding-top: 4%;
    margin-top: 4%;
	width: 90%;
   }
   ul.hp-list  {
  list-style: none;
  list-style-position: outside;
  list-style-type: "✔";
  padding-left: 0;
  }

   ul.hp-list  li{
    margin-bottom: 3%;
    padding-left: 1%;
   }
   .category-desc{
	   padding: 3%;
   }
	.faq-title{
		font-weight: 500;
		color: #0097b9;
	}
	.transformacije-hp{
		margin-bottom: 4%;
		margin-top: 4%;
		margin-left: auto;
        margin-right: auto;
	}
	.contact-me-hp{
	font-size: 17px;
    font-weight: 500;
    margin-top: 4%;
	padding-bottom: 7%;
	}
	.saznaj-vise{
		margin-top: 5%;
		border-radius: 30px !important;
	}
    .month{
      font-size: 2em;
      margin-bottom: 5%;
    }

    .booty{
      min-height: 10em;
   
    
    color: #555;
    
   
    }
    .booty-title{
      font-size: 2em;
      text-align: left;
      font-weight: bold;
	  color: #0097b9;
      max-width: 360px;
      margin: 7vh auto 7vh -3%;
    }
	.border-gradient-green {
 border-image-source: linear-gradient(to left, #B2FF59, #00C853);
}
    .abs-title{
      font-size: 3em;
      text-align: center;
      font-weight: bold;
      border: solid 5px #22bdff;
      color: #22bdff;
      max-width: 350px;
      margin: 20vh auto 10vh auto;
    }
	.trudnice-title{
      font-size: 3em;
      text-align: center;
      font-weight: bold;
      border: solid 5px #faff75;
      color: #faff75;
      max-width: 350px;
      margin: 20vh auto 10vh auto;
    }
	.mlade-mame-title{
      font-size: 3em;
      text-align: center;
      font-weight: bold;
      border: solid 5px #ff344c;
      color: #ff344c;
      max-width: 350px;
      margin: 20vh auto 10vh auto;
    }
	.ishrana-title{
      font-size: 3em;
      text-align: center;
      font-weight: bold;
      border: solid 5px #85ff5a;
      color: #85ff5a;
      max-width: 350px;
      margin: 20vh auto 10vh auto;
    }
	.kontakt-title{
      font-size: 3em;
      text-align: center;
      font-weight: bold;
      border: solid 5px #cce;
      color: #cce;
      max-width: 350px;
      margin: 20vh auto 10vh auto;
    }
    .combo1{
      background-color: #cce;
      color: #fff;
      padding: 1%;
      
    }
    .prices-content{
      text-align: center;
	  margin: 0 auto;
      display: block !important;
    }
	.prices-content2{
      text-align: center;
	  margin: 0 auto;
      justify-content: left;
      align-items: left;
      flex-flow: column nowrap;
    }
    .combo-kupi{
      margin: 0 auto;
      display: block !important;
    }
    .combo-txt{
      text-align: center;
      font-size: 2em;
      color: #000;
	  text-align: center;
    }
    .combo-title{
      font-size: 4em;
    font-weight: bold;
    letter-spacing: 11px;
    text-align: center;
    color: #fff;

    }
    .upitnik-title{
      font-size: 2em;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: left;
    color: #fff;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 1%;
    }
	.email{
		padding: 1.46rem .75rem !important;
	}
	.password{
		padding: 1.46rem .75rem !important;
	}
	
    .form-control {
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: transparent !important;
    background-clip: padding-box;
    border: 3px solid #cce;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-bottom: 16px;
}
 .desc-txt {
	 font-size: 0.9em;
 }

.btn-primary {
    background-color: #f44336 !important;
    border-color: #f44336 !important;
}
.tab-content{
	margin-bottom: 13% !important;
}
.css-typing p {

  font-weight: 700;
    font-size: 3em;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 auto;

}
.css-typing p:nth-child(1) {
  width: 7.3em;
  -webkit-animation: type 2s steps(40, end);
  animation: type 2s steps(40, end);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.css-typing p:nth-child(2) {
  width: 6em;
  opacity: 0;
  -webkit-animation: type2 2s steps(40, end);
  animation: type2 2s steps(40, end);
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.css-typing p:nth-child(3) {
  width: 6.3em;
  opacity: 0;
  -webkit-animation: type3 5s steps(20, end), blink .5s step-end infinite alternate;
  animation: type3 5s steps(20, end), blink .5s step-end infinite alternate;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@keyframes type {
  0% {
    width: 0;
  }
  99.9% {
    border-right: .15em solid transparent;
  }
  100% {
    border: none;
  }
}

@-webkit-keyframes type {
  0% {
    width: 0;
  }
  99.9% {
    border-right: .15em solid transparent;
  }
  100% {
    border: none;
  }
}

@keyframes type2 {
  0% {
    width: 0;
  }
  1% {
    opacity: 1;
  }
  99.9% {
    border-right: .15em solid transparent;
  }
  100% {
    opacity: 1;
    border: none;
  }
}

@-webkit-keyframes type2 {
  0% {
    width: 0;
  }
  1% {
    opacity: 1;
  }
  99.9% {
    border-right: .15em solid transparent;
  }
  100% {
    opacity: 1;
    border: none;
  }
}

@keyframes type3 {
  0% {
    width: 0;
  }
  1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes type3 {
  0% {
    width: 0;
  }
  1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink {
  50% {
    border-color: transparent;
  }
}
@-webkit-keyframes blink {
  50% {
    border-color: tranparent;
  }
}
.gallery-mob{
	display: none;
}
/*kategorija-proizvod*/
	#content-left{
		display: none !important;
	}
	#content-center{
		margin: 0 auto;
	}
	.page-title {
    
    display: none !important;
	}
	.category-desc{
		background-image: url(/media/363/file/bcg-ctgry.png);
		background-repeat: no-repeat;
	}
	.product-details-page{
		max-width: 1400px;
		margin: 0 auto;
		padding-top: 7%;
		
	}
	.pd-actions-container{
		display: none;
	}

	.gal.slick-initialized img.gal-item-content, .gal-nav.gal-initialized img.gal-item-content{
		margin-top: 0;
	}
	
/*end kategorija-proizvod*/

.billing-address-page{
	max-width: 1100px;
    margin: 0 auto;
    margin-top: 5%;
	padding-left: 2%;
	padding-right: 2%;
}
.payment-method-page{
	max-width: 1100px;
    margin: 0 auto;
    margin-top: 5%;
	margin-bottom: 5%;
	padding-left: 2%;
	padding-right: 2%;
}
.checkout-confirm-page{
	max-width: 1100px;
    margin: 0 auto;
    margin-top: 5%;
	margin-bottom: 5%;
	padding-left: 2%;
	padding-right: 2%;
}
.checkout-completed-page{
	max-width: 1100px;
    margin: 0 auto;
    margin-top: 5%;
	margin-bottom: 5%;
	padding-left: 2%;
	padding-right: 2%;
}
.shopping-cart-page{
	max-width: 1100px;
    margin: 0 auto;
    margin-top: 5%;
	margin-bottom: 5%;
	padding-left: 2%;
	padding-right: 2%;
}


.icm-envelope-open{
	display: none !important;
}
.icm-shield{
	display: none !important;
}
.return-request-page{
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 2%;
	padding-top:2%;
	padding-left: 2%;
	padding-right: 2%;
}
.password-recovery-page{
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 2%;
	padding-top:2%;
	padding-left: 2%;
	padding-right: 2%;
}
.registration-result-page{
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
    padding-top: 7%;
    padding-bottom: 8%;
    font-size: 135%;
    padding-left: 7%;
    padding-right: 7%;
    font-weight: bold;
}

.kontakt-wrapper{
	max-width: 100%;
    margin: 0 auto !important;
    padding-top: 2%;
    padding-bottom: 5%;
}
.txt-area-novo{
	border-left: solid 1px #767676 !important;
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
    border-radius: inherit !important;
    margin-left: 22%;
    margin-top: -10%;
}
.form-control-novo{
	border-radius: 100px !important;
	border: solid 1px #767676 !important;
}
.page-myaccount{
	max-width: 1200px;
    margin: 0 auto !important;
    padding-top: 5%;
    padding-bottom: 5%;
	padding-left: 2%;
	padding-right: 2%;
}
.page-order-details{
	max-width: 1200px;
    margin: 0 auto !important;
    padding-top: 5%;
    padding-bottom: 5%;
	padding-left: 2%;
	padding-right: 2%;
}
.registration-page{
	max-width: 1200px;
    margin: 0 auto !important;
    padding-top: 5%;
    padding-bottom: 5%;
	padding-left: 2%;
	padding-right: 2%;
}
.fotter-pages{
		width: auto;
		max-width: 1100px;
		margin: 0 auto;
		padding-top: 5%;
		padding-bottom: 5%;
	}
.not-found-page{
	padding-top: 10%;
	padding-left: 2%;
	padding-right: 2%;
}
.product-reviews-page{
	max-width: 1200px;
    margin: 0 auto !important;
    padding-top: 5%;
    padding-bottom: 5%;
	padding-left: 2%;
	padding-right: 2%;
}
.write-review {
    background-color: transparent !important;
    padding: 2rem;
}
#newsletter-subscribe-block{
	padding-bottom: 5%;
}
.costep.active .costep-icon {
    border-color: #9ea6d7 !important;
    background-color: #fff;
    color: #393f46;
}
.costep.visited .costep-icon {
    border-color: #9ea6d7!important;
    background-color: #9ea6d7 !important;
    color: rgba(255,255,255,0.85);
}
.costep.visited:after {
    background-color: #9ea6d7 !important;
}
.costep.active:before{
    background-color: #9ea6d7 !important;
}
.costep.visited:before, .costep.visited:after {
    background-color: #9ea6d7 !important;
}
.stara-cena-outer{
	position: relative;
	margin-right: 8px;

}
.stara-cena-outer:before{
  position: absolute;
  content: "";
  left: 0;
  top: 46%;
  right: 0;
  border-top: 3px solid;
  border-color: #fff;
  width: 10px;
  -webkit-transform:rotate(-5deg);
  -moz-transform:rotate(-5deg);
  -ms-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  transform:rotate(-5deg);

}
.stara-cena-inner{
	color: #799895;
}

ul.footer-list li {
  display:inline;
  margin: 1%;
}
.footer-list{
	text-align: center;
	padding-top: 3%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 8%;
	padding-right: 8%;
}
/*counter*/
.count {

  text-align: center;
  font-size: 25px;
  color: #0097b9;
 }
 .count1 {

  text-align: center;
  font-size: 25px;
  color: #0097b9;
 }
 .count2 {

  text-align: center;
  font-size: 25px;
  color: #0097b9;
 }
 .count3 {

  text-align: center;
  font-size: 25px;
  color: #0097b9;
 }
 .counter-title{
	 font-size: 16px;
	 color: #555;
	 text-align: center;
 }
/*end counter*/
.line-mob{
	display: none;
}
.form-check {
    text-align: left !important;
}
.pd-description, .pd-bundle-item-description {
    color: #8d9ba9;
    line-height: 1.3;
	margin-top: 0;

}


.video-program{
	margin-top: 4%;
}
.video-trening{
	min-width: 640px;
	min-height: 360px;
	width: 100%;
	height: auto;
}
.desc-txt{
	font-size: 1rem;
}
.visitors-counter{
	padding-bottom: 1%;
}
.pd-tabs {
    margin-bottom: 1rem;

}
.gallery-desktop{
	padding-bottom: 3%;
	margin: 0 auto;
}
#myElem{
	top: 0px;
    position: absolute;
    display: block;
    width: 360px;
    background: #FF1D2D;
    color: #fff;
    text-align: center;
    /* line-height: 4em; */
    font-size: 2rem;
    margin: 5%;
    font-weight: bold;
    border-radius: 25px;
    padding: 2%;
	right: 0;

}
.cart-item-desc{
	display: none;
}
.novi-program-hp{
	max-width: 100% !important;
}
#newsletter-desc{
	font-size: 14px;
    text-align: center;
    padding-bottom: 5%;
}
.footer-social{
	display: none;
}
.footer-social-wrapper{
	display: none;
}
.footer-newsletter {
    padding-top: 2%;
}

.footer-newsletter{
    display: none;
}
@media only screen and (max-width: 1350px) and (min-width:768px){
	.pd-tabs {
    margin-bottom: 1rem;
    margin-top: 0;
}
}
@media only screen and (max-width: 1374px) and (min-width: 992px){
	.login-page{
		margin-left: 0;
	}
	.about {
    min-height: 10em;
    margin-top: 17vh;
    padding-left: 5%;
    padding-right: 5%;
    color: #ccc;
    font-size: 1em;
    letter-spacing: .5px;
	}
	.booty-title {
    margin: 5vh auto 5vh auto;
	}
	.abs-title {
    margin: 5vh auto 5vh auto;
	}
	.trudnice-title {
    margin: 5vh auto 5vh auto;
	}
	.mlade-mame-title {
    margin: 5vh auto 5vh auto;
	}
	.ishrana-title {
    margin: 5vh auto 5vh auto;
	}
	.container {
    max-width: 100% !important;
   }
   

}

@media (min-width: 1200px){
.container {
    max-width: 100% !important;
}

}
@media only screen and (max-width: 1270px) and (min-width: 768px){
   .video-trening{
	min-width: 360px;
	min-height: 203px;
	width: 100%;
	height: auto;
}
.short-text2{
	font-size: 1em;
	padding: 2%;
}
.vec-od{
	font-size: 1.2em;
}
}
@media only screen and (max-width: 767px) and (min-width: 590px){
	.about-content2{
		margin-top: 0;
	}
}
@media only screen and (max-width: 767px) and (min-width: 360px){
.mt-4{
	display: flex;
	flex-direction: column-reverse;
}
.login-box {
  margin-top: 4%;
}
.yes-no{
  padding-bottom: 10%;
}



.carousel-control-next,
.carousel-control-prev /*, .carousel-indicators */ {
    filter: invert(100%);
}
.carousel-control-prev {
  left: -11% !important;
}
.carousel-control-next {
  right: -11% !important;
}
.transformacije-hp{
	text-align: center;
}
   .tr-mob-img{
		padding: 5% !important;
	}
	.pd-tabs {
    margin-bottom: 1rem;
    margin-top: 0;
}
	.mob-caruselcol{
	padding: 0 !important;
	}
	.video-trening{
	min-width: 360px;
	min-height: 203px;
	width: 100%;
	height: auto;
}
	
	.form-check {
    text-align: center !important;
	}
	.spec-cena-mob{
		margin-bottom: 5% !important;
	}
	.vec-od{
		border-top: transparent;
	}
	.line-mob{
		border-top: solid 2px #ccc;
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	
	.main-container{
	background-image: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.7));
	margin-top: 0px;
	background-attachment: initial !important;
	
	}
	.footer-list{
		padding-top: 9%;
	}
	#content-wrapper {
    margin-top: 0 !important;
	}
	
	.costeps {
     margin-top: 1rem;
	
	}
	.cart-footer{
    background-color: #f7f7f9;
    padding: 1rem;
    margin: 1rem;
	}
.cart-buttons{
	margin: 1rem !important;
}

.cart-editable .price {
  
    font-size: 13px !important;
}
	.short-text2{
		margin-left: 2%;
		margin-right: 2%;
		text-align: center;
	}
	
	.gallery-mob{
	display: block;
	margin: 0 auto;
	margin-bottom: 5%;
	padding-left: 6% !important;
    padding-right: 6% !important;

	}
	.gallery-desktop{
		display: none;
	}
	.about-content2{
    background-image: url(/media/557/file/naslovna-mob2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: calc(100vh - 18vh);
    height: -o-calc(100vh - 18vh);
    height: -moz-calc(100vh - 18vh);
	height: -w-calc(100vh - 18vh);
    position: relative;
    width: 100%;
    
	margin-right: 0 !important;
    margin-left: 0 !important;
	padding: 5rem 0;
    }
	.about2 {
    min-height: 10em;
   margin-top: 58vh;
    padding-left: 1%;
    font-size: .6em;
    margin-left: 0;
    margin-right: 0;
    font-weight: 500;
    color: #334;
	padding-top: 2%;
    letter-spacing: .1px;
    background: rgba(255,255,255, 0.5);
	display:none;
}
.izgovor-mob{
	display: block;
	text-align: center;
font-size: 2rem;
padding-top: 4%;
font-weight: bold;
}

.shopbar-tools{
	flex-direction: row-reverse;
}
.modal-content2{
	width:100% !important;
}

.detaljnije a{
	width: 150px;
	font-size: 18px;
	}

}
@media only screen and (max-width: 992px) and (min-width: 768px){
	.short-txt {
    text-align: left;
    margin-top: 0% !important;
    margin-bottom: 10% !important;
    font-size: .8em;
    letter-spacing: .5px;
}
.detaljnije {
    margin-bottom: 6% !important;
}
.kupi {
    margin-bottom: 6% !important;
}
}
@media only screen and (max-width: 574px) and (min-width: 360px){
	.g-mob-hp{
	  width: 340px;
	}
}
@media only screen and (max-width: 453px) and (min-width: 360px){
	
	.full-m-hp{
		max-width: 300px !important;
	}
	.novi-program-hp{
	max-width: 300px !important;
	}
	.form-new-pr-mob {
	margin: 0 auto;
	max-width: 263px;
	}
}
@media screen (max-width: 390px){
	.cart-editable .price {
  
    font-size: 13px !important;
}
}
@media only screen and (max-width: 767px) and (min-width: 360px){
	.y-n-wrapper{
	justify-content: center;
	}
	.h3 {
	font-size: calc(1.1rem + .6vw) !important;
	}
}
@media only screen and (max-width: 992px) and (min-width: 360px) {
    	
	#header{
	 background-color: #fff !important;
     z-index: 1;
     position: relative;
	}
	.shopbar-section {
    padding: 1rem 0;
    background: rgba(255,255,255,.7) !important;
    }
	#content-wrapper {
    
    margin-top: 65px;
	}
	.shopbar-tools {
  
    justify-content: right !important;
	margin-right: 10%;

	}
	
	.img-about-me{
		width: 60%;
	}
	.about {
    min-height: 10em;
    margin-top: 0;
    padding-left: 5%;
    padding-right: 5%;
    color: #ccc;
    font-size: 0.8em;
    letter-spacing: .5px;
}
.booty-title {
    font-size: 2em;
    text-align: center;
    font-weight: bold;
    color: #0097b9;
    max-width: 360px;
    margin: 5vh auto 5vh auto;
}
 .about-content{
      height: auto;
	 
	  align-items: center;
	  padding-right: 4%;
	  padding-left: 4%;
	  margin-bottom: 15%;
	  
   }
	.about-content3{
      height: auto;
	 
	  align-items: center;
	  padding-right: 4%;
	  padding-left: 4%;
	  margin-bottom: 15%;
	 
    }
	.about-content6{
		padding-left: 9%;
		padding-right: 9%;
		padding-top: 2rem;
	}
	.title1{
		margin-top: 3%;
	}
	
	#myBtn{
		margin-left: 9%;
	}
	.content3{
		left: 0;
	}
	.detaljnije a{
		margin: 0 auto;
		margin: 5% auto 0 auto;
	}
	.kupi a{
		margin: 0 auto;
		margin: 5% auto 0 auto;
	}
	.vec-od{
		margin: 0 auto;
		text-align: center;
	}
	
.short-txt {
    text-align: left;
    margin-top: 15%;
    margin-bottom: 15%;
    font-size: 0.8em;
    letter-spacing: .5px;
}
.detaljnije{
	margin-bottom: 9%;
}
.kupi{
	margin-bottom: 9%;
}

.container {
    max-width: 100% !important;
}
.footer-bottom-mob {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.combo-title {
    font-size: 2em;
	margin-top: 2%;
	letter-spacing: 7px;
}
.combo-txt{
	font-size: 1.5em;
}
.combo-kupi {
    margin-top: 4%;
    margin-bottom: 5%;
}
.upitnik-title{
	font-size: 1.5em;
	letter-spacing: 1px;
}
ul.hp-list{
	text-align: left;
	margin-left: 5%;
	margin-right: 5%;
}
.transformacije-wrapper{
	padding-left: 0;
	padding-right:0;
}
.pd-section {
    margin-bottom: 0 !important;
}
.pd-section, .pd-picture-block, .pd-info, .pd-offer {
    position: relative;
    padding-left: 3%;
    padding-right: 3%;
}
.pd-description, .pd-bundle-item-description {
    color: #8d9ba9;
    line-height: 1.3;
    margin-top: -37%;
}
/*
.content-wrapper{
	background-image: linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.9)), url("/media/376/file/mob-bcg2.png");
	margin-top: 0px;
	background-attachment: fixed;
	left: 0;
background-repeat: no-repeat;
background-position: center;

right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: 100vh;
z-index: -100;
margin: 0;
}
*/



.nav-responsive.collapsed .nav-tabs .nav-link .nav-link-summary {
    display: none !important;
    font-weight: 400;
    font-size: .9375rem;
}
}

@media only screen and (max-width: 390px) and (min-width: 360px){
	
}