/*
    
    zelena          #6fb743
    roza            #e94484
    narandzasta     #f89601
    plava           #56b7ad
    
    */

.infoblock
{
    width:100%;
    max-width:1280px;
    margin:auto;
    padding:32px 0; 
}

.infoblockTitle
{
    line-height:1.3;
}

.infoblockText
{
    line-height:1.5;
}

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

.reference
{
    font-weight: normal;
    font-size:12px;
}

.infoblockDesc a
{
    color: #006ab6;
    font-weight: bold;
}

.infoblockDesc li
{
    padding:12px 0;
    background-image:url("ui-checklist-tick.svg");
    list-style:none;
    background-repeat:no-repeat;
    padding-left:52px;
    background-position-y:center;
}

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

.infoblockButton
{
   display:none;
   padding-top:24px;
}

.infoblockButton input
{
    border:none;
    border-radius:25px;
    padding:12px 48px;
    cursor:pointer;
    color:#fff;
    font-size:16px;
}

.greenButton .infoblockButton input
{
    background-color:#64A228;
    transition:all 0.5s;
    border:2px solid #64A228;
}

.purpleButton .infoblockButton input
{
    background-color:#722B73;
    transition:all 0.5s;
    border:2px solid #722B73;
}

.roseButton .infoblockButton input
{
    background-color:#e94484;
    border:2px solid #e94484;
    transition:all 0.5s;
}

.orangeButton .infoblockButton input
{
    background-color:#f89601;
    border:2px solid #f89601;
    transition:all 0.5s;
}

.blueButton .infoblockButton input
{
    background-color:#56b7ad;
    border:2px solid #56b7ad;
    transition:all 0.5s;
}

.blueLightButton .infoblockButton input
{
    background-color:#00A7B5;
    border:2px solid #00A7B5;
    transition:all 0.5s;
}

.blueLightButton .infoblockButton input:hover
{
    color:#00A7B5;
    background-color:transparent;
    border:2px solid #00A7B5;
}

.greenButton .infoblockButton input:hover
{
    color:#64A228;
    background-color:transparent;
    border:2px solid #64A228;
}

.purpleButton .infoblockButton input:hover
{
    color:#722B73;
    background-color:transparent;
    border:2px solid #722B73;
}

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

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

.blueButton .infoblockButton input:hover
{
    color:#56b7ad;
    background-color:transparent;
    border:2px solid #56b7ad;
}

.purpleText .infoblockDesc
{
	color:#722B73;
}

.infoblockImage2
{
    display:none;
}

.productVideo
{
	text-align:center;
}

.productVideo iframe
{
	width:80%;
	max-width:480px;
	height:320px;
}

.noTitle .infoblockTitle
{
	display:none;
}

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

.biggerText .infoblockDesc
{
	font-size:18px;
}

.infoblockDesc table
{
	padding-top:16px;
	width:100%;
	text-align:center;
	border-spacing: 2px;
}

.infoblockDesc table td
{
	padding:8px 24px;
	background-color:#eee;
}

.infoblockDesc table thead
{
	color:#722B73;
	font-family:OpenSansBold;
}

.infoblockDesc table thead td:first-child
{
	text-align:left;
}

.infoblockDesc table tr td:first-child
{
	text-align:left;
}

.topMargin
{
	margin-top:48px;
}

.bottomMargin
{
	margin-bottom:48px;
}

.greyBack
{
	background-color:#efefef;
}

.greyBack2
{
	background-color:#ededed;
}

.fullWidth
{
	max-width:100% !important;
}

.ibHidden
{
	display:none;
}

.noButton .infoblockButton
{
	display:none !important;
}

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

.ibImageLeft
{
    position:relative;
	margin-bottom:32px;
}

.ibImageLeft .infoblockImage
{
    width:100%;
    text-align:left;
}

.ibImageLeft .infoblockImage img
{
    width:60%;
}

.ibImageLeft .infoblockText
{
    position:absolute;
    left:40%;
    right:0;
    padding:32px 3%;
    background-color:rgba(248, 248, 248, 0.8);
    top:50%;
    transform:translateY(-50%);
	line-height:1.7;
}

.ibImageRight .infoblockDesc
{
	min-height:120px;
}

.ibImageLeft .infoblockButton
{
	display:block;
}

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

.ibImageRight
{
    position:relative;
	margin-bottom:32px;
}

.ibImageRight .infoblockImage
{
    width:100%;
    text-align:right;
}

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

.ibImageRight .infoblockText
{
    position:absolute;
    left:0%;
    right:40%;
    padding:32px 3%;
    background-color:rgba(248, 248, 248, 0.8);
    top:50%;
    transform:translateY(-50%);
	line-height:1.7;
}

.ibImageRight .infoblockTitle
{
	font-size:20px;
	padding-bottom:16px;
}

.ibImageRight .infoblockDesc
{
	min-height:120px;
}

.ibImageRight .infoblockButton
{
	display:block;
}

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

.ibProductImageLeft
{

}

.ibProductImageLeft .infoblockButton
{
    display:block;
}

.ibProductImageLeft .infoblockImage
{
    float:left;
    width:60%;
}

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

.ibProductImageLeft .infoblockImage2
{
    display:block;
    float:right;
    width:34%;
    
}

.ibProductImageLeft .infoblockImage2 img
{
    max-width:100%;
    max-height:34%;
}

.ibProductImageLeft .infoblockText
{
    float:right;
    width:34%;
    padding:0px 3%;
    line-height:1.3;
    font-size:18px;
}

.ibProductImageLeft .infoblockText span
{
    font-size:16px;
}

.ibProductImageLeft .infoblockTitle
{
    font-size:24px;
    padding-bottom:8px;
	font-family:OpenSansBold;
	font-style:italic;
}


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

.ibProductImageRight
{

}

.ibProductImageRight .infoblockButton
{
    display:block;
}

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

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

.ibProductImageRight .infoblockImage2
{
    display:block;
    float:left;
    width:34%;
    
}

.ibProductImageRight .infoblockImage2 img
{
    max-width:100%;
    max-height:34%;
}

.ibProductImageRight .infoblockText
{
    float:left;
    width:34%;
    padding:0px 3%;
    line-height:1.3;
    font-size:18px;
}

.ibProductImageRight .infoblockText span
{
    font-size:16px;
}

.ibProductImageRight .infoblockTitle
{
    font-size:24px;
    padding-bottom:8px;
	font-family:OpenSansBold;
	font-style:italic;
}

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

.ibFaq
{
    margin:0;
    max-width:none;
    position:relative;
    padding-bottom:0;
}

.ibFaq .infoblockImage
{
    position:relative;
    z-index:90;
    width:100%;
	min-height:280px;
	overflow:hidden;
}

.ibFaq .infoblockImage img
{
	position:absolute;
	top:50%;
	left:75%;
	transform:translate(-75%, -50%);
    min-height:280px;
}

.ibFaq .infoblockText
{
    position:absolute;
    z-index:100;
    top:50%;
    transform:translateY(-50%);
    z-index:100;
    width:100%;
}

.ibFaq .infoblockButton
{
    display:block;
    width:100%;
    max-width:1280px;
    margin:auto;
}

.ibFaq .infoblockButton input
{
    background-color:transparent;
    color:#343434;
    border:2px groove #343434;
    transition:all 0.5s;
}

.ibFaq .infoblockButton input:hover
{
    background-color:#343434;
    color:#C9DDF0;
}

.ibFaq .infoblockTitle 
{
    width:100%;
    max-width:1280px;
    margin:auto;
    font-size:24px;
    color:#343434;
    font-weight:bold;
    padding-bottom:24px;
}

.ibFaq .infoblockDesc
{
    width:100%;
    max-width:1280px;
    margin:auto;
    font-size:18px;
    color:#343434;
    padding-bottom:24px;
}

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

.ibPageTitle
{
	padding-top:48px;
}

.ibPageTitle .infoblockImage
{
	display:none;
}

.ibPageTitle .infoblockTitle
{
	font-size:32px;
	color:#005db9;
	font-family:OpenSansBold;
	padding-bottom:8px;
}

.ibPageTitle .infoblockDesc
{
	font-size:20px;
}

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

.halfWidth
{
    max-width:1080px;
}

.plainText
{
	padding:40px 0;
}

.plainText .infoblockImage
{
    display:none;
}

.plainText .infoblockTitle
{
	padding-bottom:32px !important;
}

.plainText .infoblockDesc
{
	font-size:16px;
}

.plainText .infoblockDesc span
{
	color:#005db9;
	font-family:OpenSansBold;
	font-size:20px;
}

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

.centerText
{
    text-align:center;
}

.blueTitle .infoblockTitle
{
    color:#006ab6;
    font-size:2.2rem;
    font-family:OpenSansBold;
    padding-bottom:16px;
}

.purpleTitle .infoblockTitle
{
    color:#722B73;
    font-size:24px;
    font-family:OpenSansBold;
    padding-bottom:16px;
}

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

.ibImageLeft2
{
    position:relative;
}

.ibImageLeft2 .infoblockImage
{
    width:50%;
    float:left;
}

.ibImageLeft2 .infoblockImage img
{
    width:100%;
	opacity:0;
}

.ibImageLeft2 .infoblockTitle
{
	font-family:OpenSansBold;
	padding-bottom:32px;
	line-height: 1.3;
}

.ibImageLeft2 .infoblockText
{
    position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
    width:44%;
    padding:0 3%;
}

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

.ibImageRight2
{
    position:relative;
}

.ibImageRight2 .infoblockImage
{
    width:50%;
    float:right;
}

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

.ibImageRight2 .infoblockText
{
    position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
    width:47%;
    padding:0 3% 0 0;
}

.ibImageRight2 .infoblockTitle
{
	padding-bottom:32px !important;
}

.ibImageRight2 .infoblockDesc span
{
	color:#005db9;
}

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

.ibImageBottom
{
    position:relative;
}

.ibImageBottom .infoblockImage
{
	text-align:center;
	width:100%;
	max-width:800px;
	margin:auto;
}

.ibImageBottom .infoblockImage img
{
    max-width:90%;
}

.ibImageBottom .infoblockText
{
    width:100%;
    padding:0 3% 0 0;
}

.ibImageBottom .infoblockTitle
{
	padding-bottom:32px !important;
}

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

.ibBackImage
{
    max-width:none;
    position:relative;
	padding:8px 0 16px 0;
}

.ibBackImage .infoblockText
{
    max-width:1280px;
    width:100%;
    margin:auto;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    color:#fff;
}

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

.list4Columns ul
{
    columns:4;
}

.list4Columns ul li
{
    list-style-type:none;
    text-align:center;
    padding:16px;
	font-size:18px;
}

.list4Columns ul li div
{
    font-size:48px;
    padding-bottom:8px;
	font-family:OpenSansBold;
}

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

.ibVideoRight
{
	position:relative;
}

.ibVideoRight .infoblockTitle
{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	color:#0090c3;
	font-size:24px;
	font-family:OpenSansBold;
	left:0;
	right:50%;
	background-color:#f9f9f9;
	padding:96px 3%;
}

.ibVideoRight .infoblockDesc
{
	float:right;
	width:50%;
}

.ibVideoRight .infoblockDesc iframe
{
	width:100%;
	height:400px;
}

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

.ibHomeCircle
{
	display:inline-block;
	padding:48px 2%;
	text-align:center;
	vertical-align:top;
}

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

.ibHomeCircle h3
{
	font-size:1.5rem;
	color:#006ab6;
	padding:16px 0;
}

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

.ibImageHover
{
	display:inline-block;
	margin:0 2%;
	text-align:center;
	vertical-align:top;
	position:relative;
	transform-style: preserve-3d;
	perspective:1000px;
}

.ibImageHover img
{
	width:100%;
}

.hover1
{
	transition:all 0.2s 0.2s linear;
	position:relative;
	z-index:1;
	background-color:#fff;
	transform:rotateY(0deg);
}

.ibImageHover:hover .hover1
{
	transform:rotateY(90deg);
	transition:all 0.2s 0s linear;
}

.ibImageHover:hover .hover2
{
	transform:rotateY(0deg);
	transition:all 0.2s 0.2s;
}

.hover2
{
	background-color:#fff;
	transition:all 0.2s 0s;
	position:absolute;
	top:0;
	z-index:0;
	transform:rotateY(-90deg);
	height:100%;
	background-color:#f7fbfe;
	padding:16px;
	color:#006ab6;
}

.hover2 span
{
	display:block;
	padding-bottom:16px;
	text-transform:uppercase;
	color:#343434;
}

.ibImageHover h3
{
	font-size:1.5rem;
	color:#006ab6;
	padding:16px 0;
}

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

.col4
{
	width:21%;
}

.col3
{
	width:29%;
}

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

.tabsParent
{
	width:100%;
	max-width:1280px;
	margin:auto;
	color:#49535c;
}

.tabs
{
	list-style:none;
	
}

.tabs .selectedTab
{
	background-color:#efefef;
}

.tabs li
{
	display:inline-block;
	border:2px solid #ededed;
	padding:12px 32px;
	margin-right:32px;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
}

#tabText
{
	max-width:1280px;
	width:100%;
	margin:auto;
}