.infoblock
{
    width:100%;
    max-width:1440px;
    margin:auto;
    margin-top:64px;
}

.noInfoblock
{
	display:none;
}

.infoblockImage
{
    z-index:0;
}

.infoblockText
{
    z-index:100;
}

.infoblockTitle
{
    font-size:28px;
    color:#343434;
    padding-bottom:16px;
}

.largeTitle .infoblockTitle
{
    font-size:36px;
}

.mediumTitle .infoblockTitle
{
    font-size:28px;
}

.smallTitle .infoblockTitle
{
    font-size:20px;
}

.infoblockAbstract
{
    font-size:16px;
    color:#343434;
    line-height:1.5;
}

.infoblockAbstract ul
{
    padding:0 16px;
}

.infoblockAbstract li
{
    padding:16px 0;
    background-image:url("checkorange.png");
    list-style:none;
    background-repeat:no-repeat;
    padding-left:52px;
    background-position-y:center;
}

.infoblockButton input
{
    padding:8px 32px;
    border-radius:20px;
    text-align:center;
    margin-top:40px;
    font-size:16px;
    cursor:pointer;
    max-width:100%;
    white-space:normal;
}

.infoblockDesc2
{
    display:none;
    font-size:24px;
}

.infoblockSubnote
{
    display:none;
    font-size:14px;
}

.infoblockCircle
{
    position:absolute;
    display:none;
    background-color:#e70;
    opacity:0;
    width:720px;
    height:720px;
    z-index:0;
    bottom:-720px;
    right:-160px;
    border-radius:360px;
    transition:all 1.2s;
}

.grey
{
    background-color:#f8f8f8;
}

.backOrange
{
    background-color:#e70;
    padding:48px 0 !important;
}

.backOrange a
{
    color:#fff;
    font-family:NotoSansBold;
}

.backOrange .infoblockTitle, .backOrange .infoblockAbstract
{
    color:#fff;
    line-height:1.5;
    padding:0;
}

.backPurple
{
    background-color:#6F5F96 !important;
    margin-top:64px;
    padding:32px 0;
}

.backPurple .infoblockTitle, .backPurple .infoblockAbstract
{
    color:#fff !important;
}

.titleOnly .infoblockTitle
{
    line-height:1.5;
    padding:0 !important;
}

.noBack .infoblockText
{
    background-color:transparent !important;
}

.orangeBorder .infoblockText
{
    border-top:1px solid #e70;
    border-bottom:1px solid #e70;
}

.fullWidth .infoblockText, .fullWidth .infoblockImage
{
    max-width:1140px;
    margin:auto;
}

.halfWidth .infoblockText, .halfWidth .infoblockImage
{
    max-width:690px;
    text-align:center;
}

.leftText .infoblockAbstract
{
    text-align:left;
}

.columns2 .infoblockAbstract ul
{
    columns:2;
}
.columns2 .infoblockAbstract ul li
{
	break-inside:avoid;
	/*display:inline-block;
	width:calc(50% - 56px);*/
}

.smallDesc2 .infoblockDesc2
{
    font-size:16px;
}

.smallDesc2 .infoblockSubnote
{
    padding-top:16px !important;
}

.colorRect
{
    width:24px;
    height:24px;
    float:left;
    margin-right:8px;
}

.orangeBox
{
    background-color:#e70;
}

.purpleBox
{
    background-color:#6F5F96 !important;
}

.blueBox
{
    background-color:#4A80B5;
}

.noTitle .infoblockTitle
{
    display:none;
}

.noButton .infoblockButton
{
    display:none;
}

.centerText .infoblockText
{
    text-align:center;
}

.justifyText .infoblockText
{
    text-align:justify;
}

.noCheck .infoblockText li
{
    background-image:none !important;
    padding:8px 0 !important;
}

.topMargin
{
    margin-top:64px;
}

.noTopMargin
{
    margin-top:0;
}

.noTopPadding
{
    padding-top:0 !important;
}

.whiteButton input
{
    background-color:transparent !important;
    color:#e70 !important;
}

.orangeBack .infoblockText
{
    background-color:#e70 !important;
}

.orangeBack .infoblockAbstract, .orangeBack .infoblockTitle, .purpleBack .infoblockAbstract, .purpleBack .infoblockTitle
{
    color:#fff !important;
}

.purpleBack .infoblockText
{
    background-color:#6F5F96 !important;
}

.noDesc .infoblockText
{
	display:none;
}

.piktogram
{
	font-size:20px;
}

.piktogram li
{
	min-height:80px;
	position:relative;
	padding-left:96px !important;
	background-image:none !important;
	line-height:32px;
}

.piktogram li span
{
	font-size:26px;
	font-weight:bold;
}

.piktogram img
{
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	max-width:80px;
	vertical-align:middle;
}

.justified .infoblockText
{
	text-align:justify;
}

/**************************************/

.ibImageLeft
{
    position:relative;
    display:flex;
    flex-direction:row-reverse;
}

.ibImageLeft .infoblockImage
{
    /*float:left;*/
    width:49%;
    /*text-align:right; ovo kad je aktivni ne radi negativna margina*/
    align-self:center;
}

.ibImageLeft .infoblockImage img
{
    width:100%;
    max-width:800px;
}

.ibImageLeft .infoblockText
{
    /*position:absolute;*/
    /*left:49%;*/
    width:41%;
    padding:48px 5%;
    /*top:50%;*/
    /*transform:translateY(-50%);*/
    background-color:#f8f8f8;
}

.ibImageLeft .infoblockButton input
{
    background-color:#e70;
    color:#fff;
    border:2px solid #e70;
}

.ibImageLeft .infoblockButton input:hover
{
    color:#e70;
    background-color:transparent;
    border:2px solid #e70;
}

/**************************************/

.ibImageLeft2
{
    position:relative;
    max-width:1024px;
}

.ibImageLeft2 .infoblockImage
{
    float:left;
    width:49%;
    /*text-align:right; ovo kad je aktivni ne radi negativna margina*/
}

.ibImageLeft2 .infoblockImage img
{
	width:50%;
	min-width:240px;
}

.ibImageLeft2 .infoblockText
{
    position:relative;
	float:right;
    width:41%;
    padding:48px 5%;
	text-align:left;
}

.ibImageLeft2 .infoblockButton input
{
    background-color:#e70;
    color:#fff;
    border:2px solid #e70;
}

.ibImageLeft2 .infoblockButton input:hover
{
    color:#e70;
    background-color:transparent;
    border:2px solid #e70;
}


/**************************************/

.ibImageRight2
{
    position:relative;
    display:flex;
}

.ibImageRight2 .infoblockImage
{
    /*float:right;*/
    width:49%;
    align-self:center;
}

.ibImageRight2 .infoblockImage img
{
    width:100%;
}

.ibImageRight2 .infoblockText
{
    /*position:absolute;*/
    /*left:0%;*/
    width:41%;
    padding:48px 5%;
    /*top:50%;*/
    /*transform:translateY(-50%);*/
    background-color:#f8f8f8;
}

.ibImageRight2 .infoblockButton input
{
    background-color:#e70;
    color:#fff;
    border:2px solid #e70;
}

.ibImageRight2 .infoblockButton input:hover
{
    color:#e70;
    background-color:transparent;
    border:2px solid #e70;
}


/************************************/

.ibImageRight
{
    position:relative;
}

.ibImageRight .infoblockImage
{
    float:right;
    width:60%;
}

.ibImageRight .infoblockImage img
{
    width:100%;
}

.ibImageRight .infoblockText
{
    position:absolute;
    left:0;
    width:39%;
    padding:48px 5%;
    top:50%;
    transform:translateY(-50%);
    border-top:8px solid #e70;
    background-color:#fff;
    box-shadow:-2px 2px 8px #888;
}

.ibImageRight .infoblockButton input
{
    background-color:transparent;
    color:#e70;
    border:2px solid #e70;
}

.ibImageRight .infoblockButton input:hover
{
    color:#fff;
    background-color:#e70;
    border:2px solid #e70;
}

/*********************************/

.ibMain1
{
    position:relative;
    background-color:#e70;
}

.ibMain1 .infoblockImage
{
    float:left;
    width:66%;
    position:relative;
    overflow:hidden;
}

.ibMain1 .infoblockImage img
{
    width:100%;
}

.ibMain1 .infoblockText
{
    position:absolute;
    top:50%;
	transform:translateY(-45%);
    padding:0 5%;
    color:#fff;
    left:33%;
    width:24%;
}

.ibMain1 .infoblockTitle
{
    color:#fff;
}

.ibMain1 .infoblockAbstract
{
    color:#fff;   
}

.ibMain1 .infoblockButton input
{
    background-color:transparent;
    color:#fff;
    border:2px solid #fff;
}

.ibMain1 .infoblockButton input:hover
{
    color:#fff;
    background-color:transparent;
    border:2px solid #fff;
}

.ibMain1 .infoblockCircle
{
    display:block;
}

.ibMain1 .infoblockText2
{
    float:left;
    background-color:#e70;
    width:26%;
    padding:48px 4%;
}

.ibMain1 .infoblockDesc2
{
    display:block;
    color:#fff;
    font-style:italic;
}

.ibMain1 .infoblockSubnote
{
    display:block;
    color:#fff;
}

/**********************/

.ibMapa
{
    position:relative;
    margin-bottom:64px;
}

.ibMapa .infoblockImage
{
    display:none;
}

.ibMapa .infoblockText
{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    padding:48px 5%;
    left:50%;
    width:40%;
}

.ibMapa .infoblockButton input
{
    background-color:transparent;
    color:#e70;
    border:2px solid #e70;
}

.ibMapa .infoblockButton input:hover
{
    color:#fff;
    background-color:#e70;
}

.ibMapa .infoblockText2
{
    float:left;
    width:50%;
}

.ibMapa .infoblockDesc2
{
    display:block;
}


/*************************/

.plainText
{
    position:relative;
    padding:64px 0;
}

.plainText .infoblockImage
{
    display:none;
}

.plainText .infoblockText
{
    width:100%;
    margin:auto;
}

.plainText .infoblockText img
{
	max-width:100%;
}

.plainText .infoblockTitle
{
    text-align:center;
    padding-bottom:32px;
}

.plainText .infoblockButton input
{
    display:none;
}


/***************************/

.imageOnly
{
    position:relative;
}

.imageOnly .infoblockImage
{
    margin:auto;
	text-align:center;
}

.imageOnly .infoblockImage img
{
    max-width:100%;
}

.imageOnly .infoblockTitle
{
    display:none;
}

.imageOnly .infoblockButton
{
    display:none;
}


/**********************/

.listItem 
{
    position:relative;
    list-style-type:none;
    margin-bottom:64px;
}

.listItem .infoblockImage
{
    display:none;
}

.listItem .infoblockText
{
    margin:auto;
}

.listItem .infoblockText li
{
    padding:16px 0;
    background-image:url("checkorange.png");
    list-style:none;
    background-repeat:no-repeat;
    padding-left:64px;
    background-position-y:center;
}

.listItem .infoblockTitle
{
    text-align:center;
}

.listItem  .infoblockButton
{
    display:none;
}


/**********************/

.ibImageCircle
{
    position:relative;
    overflow:hidden;
}

.ibImageCircle .infoblockImage
{
    width:100%;
}

.ibImageCircle .infoblockImage img
{
    width:100%;
}

.ibImageCircle .infoblockText
{
    position:absolute;
    border-radius:50%;
    left:-50%;
    width:100%;
    height:100vw;
    top:50%;
    transform:translateY(-50%);
    background-color:rgba(238, 119, 0, 0.6);
}

.ibImageCircle .infoblockAbstract
{
    position:relative;
    float:right;
    width:40%;
    max-width:648px;
    margin-top:50%;
    transform:translateY(-50%);
    color:#fff;
    padding:0 5%;
    font-size:20px;
}

/***********************/

.ibLinkList 
{
    position:relative;
}

.ibLinkList .infoblockImage
{
    display:none;
}

.ibLinkList li
{
    padding:16px 0;
    padding-right:32px;
    background-image:none;
    list-style:none;
    background-repeat:no-repeat;
    padding-left:0;
    border-bottom:1px solid #343434;
    cursor:pointer;
    position:relative;
}

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

.ibLinkList 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;
}

/*************************/

.ibImageDown 
{
    position:relative;
}

.ibImageDown .infoblockText
{
    margin:auto;
    padding:0 4%;
}

.ibImageDown .infoblockButton
{
    display:none;
}

.ibImageDown .infoblockImage
{
    position:relative;
    text-align:center;
    margin:auto;
    z-index:100;
}

.ibImageDown .infoblockImage img
{
    width:100%;
}

/*************************************************/

.ibVideo
{
    position:relative;
}

.ibVideo .infoblockText
{
    position:absolute;
    left:0%;
    width:41%;
    padding:48px 5%;
    top:50%;
    transform:translateY(-50%);
    background-color:#f8f8f8;
}

.ibVideo .infoblockImage
{
	display:none;
}

.ibVideo .infoblockDesc2
{
	display:block;
	float:right;
    width:49%;
}

.ibVideo .infoblockDesc2 iframe
{
	width:100%;
	min-height:360px;
}

/*************************************************/

.ibVideoLeft
{
    position:relative;
    display:flex;
    flex-direction:row-reverse;
}

.ibVideoLeft .infoblockText
{
    /*position:absolute;*/
    /*left:49%;*/
    width:41%;
    padding:48px 5%;
    /*top:50%;*/
    /*transform:translateY(-50%);*/
    background-color:#f8f8f8;
}

.ibVideoLeft .infoblockImage
{
	display:none;
}

.ibVideoLeft .infoblockText2
{
	width:50%;
	align-self:center;
}

.ibVideoLeft .infoblockDesc2
{
	display:block;
	/*float:left;*/
    width:100%;
}

.ibVideoLeft .infoblockDesc2 iframe
{
	width:100%;
	min-height:360px;
}

/*****************************************/

.ibSlider
{
	position:relative;
	margin-bottom:64px;
}
.ibSlider .infoblockImage
{
	display:none;
}

.ibSlider .infoblockText
{	
	margin:auto;
}

/******************************************/

.ibProductTab
{
	text-align:center;
	margin-top:32px;
}

.ibProductTab li
{
	background-image:none;
	display:inline-block;
	padding:0;
}

.ibProductTab .infoblockButton, .ibProductTab .infoblockImage
{
	display:none;
}

.ibProductTab .tabItem2
{
    text-align:center;
    width:20.5%;
    height:64px;
    overflow:hidden;
    display:inline-block;
    background-color:#fff;
    outline:2px solid #f8f8f8;
    outline-offset:-2px;
    vertical-align:middle;
    position:relative;
    color:#666;
    margin:0 6px;
}

.ibProductTab .tabItem2 span
{
    display:block;
    position:absolute;
    left:8%;
    top:50%;
    transform:translateY(-50%);
    width:84%;
}