.productItem
{
    width:100%;
    max-width:1280px;
    margin:auto;
}

.productImage
{
    float:left;
    width:60%;
	text-align:center;
}

.productImage img
{
    width:100%;
	max-width:640px;
	margin-top:32px;
}

.productAbstract
{
    padding-top:96px;
    float:left;
    width:40%;
    line-height:1.4;
    font-size:16px;
	color:#343434;
}

.productAbstract ul
{
    padding:24px 0;
}

.productAbstract li
{
    padding-top:24px;
	font-size:20px;
    margin-left:32px;
	list-style-image:url("/images/page/kvaka.png");
}

.productTitle
{
    font-size:32px;
    font-family:OpenSansBold;
    border-bottom:2px solid #343434;
    padding-bottom:4px;
    margin-bottom:16px;
}

.listItems
{
    width:100%;
    max-width:1280px;
    margin:auto;
    margin:32px auto;
    color:#343434;
}

.listText
{
    line-height:1.5;
    font-weight:normal;
    font-size:16px;
}

.listText a
{
    font-weight:bold;
    color:#0090c3;
}

.listText img
{
	max-width:100%;
}

.listItems li
{
    font-size:20px;
    font-weight:bold;
    padding:32px 0;
    padding-right:32px;
    list-style:none;
    padding-left:0;
    border-bottom:1px solid #343434;
    cursor:pointer;
    position:relative;
}

.listItems span
{
	color:#0094D8;
}

.listItems li div
{
    transition:all 0.5s;
    height:0;
    overflow:hidden;
}

.listItems li .listArrow
{
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    width:16px;
    height:16px;
    background-image:url("/images/listArrow.jpg");
    background-repeat:no-repeat;
    background-position:center;
}

.videoImage
{
	margin-top:48px;
}

.videoImage iframe
{
	float:right;
	width:40%;
	height:400px;
}

.videoImage img
{
	float:right;
	width:42%;
	margin-left:8%;
}

.productTable td
{
	border:1px solid #343434;
	text-align:center;
	padding:8px;
}

.productTable
{
	border-collapse: collapse;
}
#proizvodImage {
    margin: 60px 0;
}
.proizvodTitle {
    width: 60%;
    padding-bottom: 8px;
}
.proizvodSubtitle {
    font-size: 32px;
    font-weight: bold;
    width: 530px;
}
.proizvodContainer {
    /* width: 940px; */
}
.proizvodContent {
    width: 40%;
    align-self: center;
}
.iconContainer {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    /* width: 75%; */
    padding-right: 50%;
    padding-top: 60px;
	/*overflow-x: hidden;*/
}
.icon {
    width: 70px;
    height: 70px;
}
.icons {
    width: 200px;
    height: 70px;
    align-self: end;
    transition: width 1s;
}
.probiotic .iconContainer .iconCover1 {
    background: #327591;
}
.probiotic .iconContainer .iconCover2 {
    background: #A4CE39;
}
.probiotic .iconContainer .iconCover3 {
    background: #03BFE3;
}
.forte .iconContainer .iconCover1 {
    background: #00AAD9;
}
.forte .iconContainer .iconCover2 {
    background: #F16681;
}
.forte .iconContainer .iconCover3 {
    background: #2D7EA8;
}
.immuno .iconContainer .iconCover1 {
    background: #3F84C5;
}
.immuno .iconContainer .iconCover2 {
    background: #EB6309;
}
.immuno .iconContainer .iconCover3 {
    background: #FCBD1B;
}
.drops .iconContainer .iconCover1 {
    background: #42BFAF;
}
.drops .iconContainer .iconCover2 {
    background: #DE9394;
}
.drops .iconContainer .iconCover3 {
    background: #C9C9C9;
}
.daily .iconContainer .iconCover1 {
    background: #00ABE0;
}
.daily .iconContainer .iconCover2 {
    background: #91CFCD;
}
.daily .iconContainer .iconCover3 {
    background: #EDA7BD;
}
.iconCover1 {
    padding: 5px 5px;
    border-radius: 45px 0 0 45px;
    /* background-color: #327591; */
    display: flex;
    margin-bottom: 5px;
}

.iconCover1:hover {
    width: 100%;
}
.iconCover2 {
    padding: 5px 5px;
    border-radius: 45px 0 0 45px;
    /* background-color: #A4CE39; */
    display: flex;
    margin-bottom: 5px;
}
.iconCover2:hover {
    width: 90%;
}
.iconCover3 {
    padding: 5px 5px;
    border-radius: 45px 0 0 45px;
    /* background-color: #03BFE3; */
    display: flex;
}
.iconCover3:hover {
    width: 80%;
}
.iconText1 {
    color: #ffffff;
    font-size: 16px;
    display: none;
}
.iconText2 {
    color: #ffffff;
    font-size: 16px;
    display: none;
}
.iconText3 {
    color: #ffffff;
    font-size: 16px;
    display: none;
}
.iconText {
    opacity: 0;
    width: 50%;
    transition: opacity 300ms 0;
    padding-left: 20px;
}
.icons:hover .iconText {
    opacity: 1;
    transition: opacity 500ms 500ms;
}
.picture {
    position: absolute;
    top: 0;
    left: 37%;
    height: 120%;
}
.prozivodContent {
    align-self: center;
    width: 35%;
}
.proizvodWrapper {
    margin-left: calc((100vw - 1280px) / 2);
    display: flex;
}
.proizvodImage {
    width: 65%;
}
.proizvodButton {
    /* border: 2px solid #e70; */
    /* background-color: #e70; */
    border-radius: 25px;
    padding: 12px 70px;
    cursor: pointer;
    display: inline-block;
    margin-top: 35px;
    color: white;
}
.iconText {
    color: white;
    align-self: center;
}

.repProizvodImage {
    display: none;
}
.repProizvodImage img {
    width: 100%;
}
.respProizvodOnlyCardImage {
    display: none;
}