@font-face
{
    font-family: OpenSans;
    src: url("/css/fonts/OpenSans-Regular.ttf");
}

@font-face
{
    font-family: OpenSans;
    src: url("/css/fonts/open-sans-v17-latin-ext_latin-regular.eot");
}

@font-face
{
    font-family: OpenSansBold;
    src: url("/css/fonts/OpenSans-Semibold.ttf");
}

@font-face
{
    font-family: OpenSansBold;
    src: url("/css/fonts/open-sans-v17-latin-ext_latin-600.eot");
}

body 
{
    font-family:OpenSans;
    overflow-x:hidden;
	width:100%;
}

img 
{
	border:none;
}

*
{
    padding:0;
    margin:0;
}

a
{
    text-decoration:none;
}

sup
{
    
}

h1
{
	text-align:center;
	font-family:OpenSansBold;
	color:#005db9;
	padding-top:56px;
}

h2
{
    text-align:center;
	color:#005db9;
    height:64px;
    font-size:16px;
    padding-top:16px;
}

h3
{
	font-size:20px;
	padding-bottom:16px;
}

strong
{
    font-family: OpenSansBold;
}

#header
{
    width:100%;
}

#headerContent
{
    width:100%;
    max-width:1280px;
    margin:auto;
    padding:0;
}

#logo
{
    float:left;
    max-width:50%;
    min-width:200px;
    padding:32px 0;
}

#logo img
{
    width:100%;
}

#search
{
    float:left;
    padding:8px 64px;
    display:none;
}

.searchBox
{
    border:1px groove #aaa;
    border-radius:25px;
    font-size:16px;
    color:#aaa;
    padding:4px 12px;
}

.searchImage
{
    width:24px;
    vertical-align:middle;
}

#hfLogo
{
    float:right;
    max-width:50%;
    margin-top:48px;
}

#hfLogo img
{
    width:100%;
}

.circle
{
    position:absolute;
    min-width:1440px;
    min-height:1440px;
	width:100vw;
	height:100vw;
    background-color:rgba(255, 255, 255, 0.5);
    border-radius:1440px;
    top:-1440px;
    left:-1440px;
    opacity:0;
}

.circleNo1
{   
    transition:all 2s;
}

.circleNo2
{
    transition:all 1.6s;
}

#topProduct
{
    padding:56px 2% 32px 2%;
    width:100%;
    max-width:1330px;
    margin:auto;
    position:relative;
    box-sizing:border-box;
}

.topProductItem
{
    float:left;
    width:29.3%;
    padding:0 2% 32px 2%;
    overflow:hidden;
    position:relative;
}

.topProductOverlay
{
    position:absolute;
    top:-100%;
    transition:all 0.5s;
    width:100%;
    height:100%;
    left:0;
    background-color:rgba(0, 144, 195, 0.8);
    color:#fff;
    z-index:90;
}

.topProductOverlayText
{
    padding:20% 24px 32px 24px;
}

.topProductOverlayTitle
{
    text-align:center;
    padding-bottom:16px;
    font-weight:bold;
}

.topProductOverlayAbstract
{
    text-align:center;
    height:112px;
}

.topProductImage
{

}

.topProductImage img
{
    width:100%;
}

.topProductTitle
{
    font-size:18px;
    font-family:OpenSansBold;
    color:#005db9;
    text-align:center;
    padding:16px 0;
    position:relative;
    z-index:100;
    transition:all 0.5s;
    height:48px;
}

.topProductLink
{
    position:absolute;
    bottom:0;
    z-index:100;
    text-align:center;
    left:50%;
    transform:translate(-50%);
}

.topProductLink input
{
    color:#fff;
    transition:all 0.5s;
    border:2px solid #2e8e52;
    background-color:#2e8e52;
    border-radius:25px;
    padding:12px 48px;
    cursor:pointer;
	font-size:16px;
    transition:all 0.5s;
}

.topProductLink input:hover
{
    background-color:transparent;
    color:#2e8e52;
}

#pageImage
{
	position:relative;
	overflow:hidden;
	width:100%;
	padding-bottom:16px;
}

#pageImage img
{
    width:100%;
}

.pageImageOverlay
{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:100%;
    max-width:1280px;
    color:#005db9;
}

.pageImageTitle
{
    font-size:40px;
    font-weight:bold;
    padding-bottom:8px;
	font-family:OpenSansBold;
    width:100%;
    max-width:480px;
}

.pageImageSubtitle
{
    font-size:22px;
    width:100%;
    max-width:300px;
}

.pageImageSubtitle2
{
    font-size:28px;
    font-family:OpenSansBold;
    width:25%;
    min-width:280px;
}

.pageImageOverlay .infoblockButton
{
    display:block !important;
    margin-top:32px;
}

.pageImageOverlay .infoblockButton input
{
    background-color:#2e8e52;
}


#footerTop
{
    padding:48px 0 32px 0;
    color:#fff;
    background-color:#005db9;
}

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

#footerContent a
{
    color:#fff;
}

#footerContent a:hover
{
    text-decoration:underline;
}

#footerContent li
{
    list-style:none;
    padding-bottom:2px;
}

.footerTitle
{
    border-bottom:1px groove #fff;
    margin-bottom:12px;
    font-size:18px;
    padding-bottom:4px;
}

.footerLeftCol
{
    float:left;
    padding-right:20%;
    width:20%;
}

.footerRightCol
{
    float:right;
    width:20%;
    line-height:1.6;
}

.footerRightCol img
{
    width:24px;
    vertical-align:middle;
    padding-right:8px;
}

#footerLogo
{
    text-align:right;
}

#footerBottom
{
    background-color:#efefef;
    padding:24px 0;
}

#footerBottomContent
{
    width:100%;
    max-width:1280px;
    margin:auto;
    font-size:14px;
}

#footerBottomContent a
{
    color:#005db9;
}

#footerUslovi
{
    float:left;
}

#copyright
{
    float:right;
    color:#005db9;
}

.cleaner
{
    clear:both;
	min-height:0 !important;
	height:0 !important;
	padding:0 !important;
}