/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/

/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

.CookieDeclaration {
	display: none;
}

div[itemscope] {
  display: none;
}

html {
    color: #282b34;
    font-size: 14px;
    line-height: 1.4;
}
.padright30posto {padding-right:30%;}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
* A better looking default horizontal rule
*/

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #b2b2b2;
    margin: 0px;
    padding: 0px;
}

/*
* Remove the gap between images, videos, audio and canvas and the bottom of
* their containers: h5bp.com/i/440
*/
audio,
canvas,
img,
video {
    vertical-align: middle;
}/*
* Remove default fieldset styles.
*/

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
* Allow only vertical resizing of textareas.
*/

textarea {
    resize: vertical;
}

.flexBox{
	display:flex;
	align-items: center;
    gap: 30px;
	margin-bottom:30px;
}



.margtop30 {margin-top: 30px;}

/* ==========================================================================
Browse Happy prompt
========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
Author's custom styles
========================================================================== */

/*  General Usage (icons, colors, buttons, links)
===================== */

.left {
    float: left;
}

.right {
    float: right;
}

.bg1600px {
    display: none;
}

.web-version, .footer-links .links-group {
    display: block;
}

.noLeftMargin {
    margin-left: 0px;
}

.noTopMargin {
    margin-top: 0px;
}

.separator {
    height: 35px;
    line-height: 35px;
    margin: 10px 0px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.separator span {
    color: #808080;
    display: inline-block;
    padding: 0px 10px;
    position: relative;
    text-transform: uppercase;
}

.separator span:after,
.separator span:before {
    content: '';
    position: absolute;
    border-top: 1px solid #b2b2b2;
    top: 45%;
    width: 500%;
}

.separator span:before {
    right: 100%;
}

.separator span:after {
    left: 100%;
}

.separator hr {
    display: none;
    /*left: 0;
    position: absolute;
    top: 15px;
    width: 100%;
    z-index: -1;*/
}

.mobile-version,
a.account-type.mobile-version:link, a.account-type.mobile-version:visited {
    display: none;
}

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

img.fullbackground {
    left: 0;
    overflow: visible;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1;
}

.travel-header img.fullbackground {
    bottom: 0px;
    top: auto;
    z-index: 0;
}

img.fullbackground.hide {
    visibility: hidden;
}

/* Icons */

i, .filters.search input[type=submit], a.call-btn div:before, a.homebtn div:before, a.flatbtn div:before, a.claim-btn.mainColor div:before {
    background-image: url('../images/sprite.png');
    background-repeat: no-repeat;
    left: 0;
    position: absolute;
    top: 0;
}

.size16 {
    height: 16px;
    width: 16px;
}
a.size16 {
    display: inline-block;
}



.size16.tick,
.size16.renew { background-position: -128px 0; left: 9px; top: 9px; }
.size16.arrowdown { background-position: -144px 0; bottom: -11px; left: 11px; top: auto; }
.size16.arrowleft { background-position: -192px 0; left: -10px; top: 8px; }
.size16.arrowleftgrey { background-position: -208px 0; left: -10px; top: 21px; }
.size16.arrowrightgrey { background-position: -384px 0; }

.size16.edit {
    background-image: url('../images/sprite.png');
    background-repeat: no-repeat;
    background-position: -160px 0;
}

.size16.close { background-position: -352px 0; }

a.arrow .size16 { background-position: -64px 0; top: 9px; }
a.arrow.white .size16 { background-position: -96px 0; top: 9px; }
a.arrow.blue .size16 { background-position: -80px 0; top: 7px; }

.claims a.arrow .size16 { top: 0; }

a.mylife .size16 { background-position: 0 0; top: 16px; left: 8px; }
a.mylife:hover .size16 { background-position: -176px 0; top: 16px; }

a.main.mylife .size16,
a.main.mylife:hover .size16 { background-position: 0 0; top: 12px; left: 20px; }

a.account-action .size16 { left: auto; right: 0; }

a.account-action.login .size16 { background-position: -32px 0; }
a.account-action.register .size16 { background-position: -16px 0; }

.address .size16 { background-position: -288px 0; }
.phone .size16 { background-position: -304px 0; }
.email .size16 { background-position: -320px 0; }

i.iaccount {
    background: #005eab;
    color: #fff;
    font-size: .714em;
    font-style: normal;
    height: 11px;
    left: auto;
    line-height: 11px;
    padding: 0px 3px;
    right: 0px;
    top: -13px;
}

i.iaccount.alert {
    background: #04b675;
    right: 15px;
}

a.account-action i.iaccount {
    top: -2px;
    right: 4px;
}

a.account-action.user,
a.account-action.alerts,
a.account-action.notifications,
a.account-action.logout {
    padding-right: 0px;
}

a.account-action.user:link, a.account-action.user:visited,
a.account-action.logout:link, a.account-action.logout:visited {
    padding-left: 20px;
    padding-right: 0px;
}

a.account-action.user .size16,
a.account-action.alerts .size16,
a.account-action.notifications .size16,
a.account-action.logout .size16 {
    left: 0;
    right: auto;
}

a.account-action.user .size16 { background-position: -224px 0; }
a.account-action.alerts .size16 { background-position: -240px 0; }
a.account-action.notifications .size16 { background-position: -256px 0; }
a.account-action.logout .size16 { background-position: -272px 0; }

.size16.pdf { background-position: -336px 0; }
.size16.renew { background-position: -368px 0; }



.size25 {
    height: 25px;
    width: 25px;
}
a.size25 {
    display: inline-block;
}

a.account-action.login .size25 { background-position: -650px -16px; }
a.account-action.register .size25 { background-position: -625px -16px; }

.expand .size25 { background-position: -700px -16px; }
.collapse .size25 { background-position: -725px -16px; }

.size25.tickgreen { background-position: -375px -16px; height: 16px; }
.size25.tickred { background-position: -550px -16px; height: 16px; }
.feature-list .size25.tickgreen {
    display: inline-block;
    margin: 4px 0px 0px 10px;
    position: static;
}
.prettycheckbox .size25 {
    top: 5px;
}

.info_box .size25 { background-position: -600px -16px; }

.selecting_step .size25.minus,
.selecting_step .size25.plus {
    /*background-image: url('../images/sprite.png');
    background-repeat: no-repeat;
    background-position: -575px -16px;*/
    background-image: none;
    background-color: #83afd5;
    color: #fff;
}

.size25.arrowtop { background-position: -750px -16px; }
.size25.arrowbottom { background-position: -775px -16px; }

.size30 {
    height: 30px;
    width: 30px;
}

.size30.success { background-position: -875px -11px; }
.size30.error {  background-position: -905px -11px; }

.size35 {
    height: 35px;
    width: 35px;
}

.details .size35 { left: auto; right: 0; }

.size35.quote { background-position: -140px -43px; }
.size35.insurance { background-position: -175px -43px; }
.size35.newsletter { background-position: -210px -41px; }
.size35.contact { background-position: -245px -40px; }


.size35.telico { background-position: -301px 8px; z-index: 5; width:20px;height:25px}
.size35.uniqa { background-position: -70px -41px; z-index: 5; }
.size35.kucicaplava { background-position: -603px -54px; z-index: 5; }
.size35.koferplavi { background-position: -786px -52px; z-index: 5; }
.size35.srceplavo { background-position: -726px -222px; z-index: 5; }
.size35.uniqablack { background-position: -630px -41px; z-index: 5; }
.size35.cardblack { background-position: -875px -171px; z-index: 5; }
.size35.legal { background-position: -595px -41px; z-index: 5; }
.size35.carblack { background-position: -840px -41px; z-index: 5; }
.size35.homeblack { background-position: -1365px -41px; z-index: 5; }
.size35.newsblack { background-position: -1750px -41px; z-index: 5; }
.size35.travelblack { background-position: -1295px -41px; z-index: 5; }
.size35.myuniqa { background-position: -1680px -41px; z-index: 5; }

.size35.life { background-position: -1645px -41px; z-index: 5; }
.size35.life.black { background-position: -935px -6px; z-index: 5; }
.size35.UNI-icon-uniqa{ background-position: -639px -217px; z-index: 5; }

a.branch-btn .size35 { background-position: -665px -41px; z-index: 5; left: 10px; }
a.call-btn .size35,
a.call-btn div:before { background-position: -1260px -41px; z-index: 5; left: 5px; }

a.homebtn div:before { background-position: -560px -41px; z-index: 5; }
a.flatbtn div:before { background-position: -70px -41px; z-index: 5; }

.size35.home { background-position: 0 -41px; z-index: 5; }
.size35.car { background-position: -35px -41px; z-index: 5; }
.size35.care { background-position: -525px -41px; z-index: 5; }
/* .size35.care { background-position: -475px -277px; z-index: 5; } */
.size35.health { background-position: -700px -41px; z-index: 5; }
.size35.accident { background-position: -735px -41px; z-index: 5; }
.size35.travel { background-position: -770px -41px; z-index: 5; }
.size35.retire { background-position: -805px -41px; z-index: 5; }
.size35.rba { background-position: -490px -286px; z-index: 5; }

.size35.sponsor { background-position: -840px -136px; z-index: 5; }
.size35.investor { background-position: -875px -136px; z-index: 5; }
.size35.partner { background-position: -840px -171px; z-index: 5; }

.details .size35.information { background-position: -875px -41px; z-index: 5; }

.small .size35.home,
.small .size35.car { top: 67px; }

.size35.dbl-arrow { background-position: -315px -41px; left: auto; right: 0px; z-index: 5; }
.small .size35.dbl-arrow { top: 67px; }

.back .size35 { background-position: -945px -41px; z-index: 5; }
.scrollUp .size35 { background-position: -1890px -41px; z-index: 5; }

.normal .size35 { background-position: -420px -41px; }
.ok .size35 { background-position: -350px -41px; }
.error .size35 { background-position: -385px -41px; }

.form-bottom .normal.status .size35,
.form-bottom .ok.status .size35,
.form-bottom .error.status .size35 { margin-top: 32px; }

a.claim-btn .size35,
.size35.doc { background-position: -105px -41px; left: 10px; }

a.claim-btn.mainColor div:before { background-position: -105px -41px; }

/*a.claim-btn .size35 { left: 0px; }*/

.claims a.claim-btn .size35 { background-position: -1715px -41px; left: 10px; }

.size35.doc { left: 0; }

.facebook .size35 { background-position: -455px -43px; }
.google .size35 { background-position: -490px -43px; }

.size35.date { background-position: -980px -41px; left: auto; right: 0px; z-index: 2 }

/* Feature list */

.size35.phone { background-position: -1015px -41px; }
.size35.water { background-position: -1050px -41px; }
.size35.people { background-position: -1085px -41px; }
.size35.electricity { background-position: -1120px -41px; }
.size35.docs { background-position: -1155px -41px; }
.size35.fire { background-position: -1190px -41px; }
.size35.lock { background-position: -1225px -41px; }

.size35.crumspacer { background-position: -1330px -41px; left: auto; right: -10px; width: 20px; z-index: 1 }

.size35.plussign { background-position: -1400px -41px; left: -25px; top: 180px; }

.size35.greyphone,
.size35.greyemail,
.size35.greycity {
    background-image: url('../images/sprite.png') !important;
    background-repeat: no-repeat;
}

.size35.greyphone { background-position: -1785px -41px !important; }
.size35.greyemail { background-position: -1820px -41px !important; }
.size35.greycity { background-position: -1855px -41px !important; }

.size35.locuinta-new{
    background: url('../images/sprite_new.png') left top;
}
.size35.mobilitate-new{
    background: url('../images/sprite_new.png') -41px top;
}

.size35.afacerea-ta-new{
    background:url('../images/sprite_new.png') -81px top;
}

.size35.entrepreneors-new{
    background:url('../images/sprite_new.png') -121px top;
}

.size35.care-new{
    background:url('../images/sprite_new.png') -161px top;
}

.more i.size35 {
    background-position: -1470px -41px;
}

.size40.plus {
    background-position: -350px -136px;
    bottom: 0px;
    height: 40px;
    top: auto;
    width: 41px;
}

.size60 {
    height: 60px;
    width: 60px;
}
.size60.home { background-position: 0 -76px;}
.size60.homeblack { background-position: -360px -76px; }
.size60.homeblue { background-position: -1200px -76px; }

.size60.card { background-position: -1320px -76px; }

.size60.car { background-position: -840px -76px; }
.size60.house { background-position: -900px -76px; }
.size60.mtpl { background-position: -960px -76px; }
.size60.liability { background-position: -1020px -76px; }
.size60.accident { background-position: -1080px -76px; }
.size60.life { background-position: -1140px -76px; }

.size60.mobility { background-position: -60px -76px; }
.size60.mobilityblue { background-position: -1260px -76px; }
.size60.travel { background-position: -120px -76px; }

.size60.insurance { background-position: -720px -76px; }
.size60.apinsurance { background-position: -780px -76px; }

.size60.health { background-position: -180px -76px; }
.size60.healthblack { background-position: -420px -76px; }
.size60.healthblue { background-position: -1380px -76px; }

.size60.art { background-position: -240px -76px; }
.size60.other { background-position: -300px -76px; }

.bk_icon.autoplavi { background-position: -1263px -77px; background-image: url("../images/sprite.png"); }
.bk_icon.stetoskopplavi { background-position: -1384px -77px; background-image: url("../images/sprite.png"); }

.size60.dzoNaslovna {
    background:url('../UserDocsImages/slike/ikone/zdravlje_bijela60.png')


}

.mainColor2{
    background-color:#005ca9;	

}

.size60.imovinaNaslovna {
    background:url('../UserDocsImages/slike/ikone/Home-plus_bijela60.png')

}

.size60.imovinaNaslovna2 {
    background:url('../UserDocsImages/slike/ikone/Home-plus_bijela60.png')

}

.size60.imovinaAuto {
    background:url('../UserDocsImages/slike/ikone/imovina-auto-m.png')

}

.size60.imovinaSrce {
    background:url('../UserDocsImages/slike/ikone/imovina-srce-m.png')

}
.size60.osiguranje_nezgoda {
    background:url('../UserDocsImages/slike/ikone/osiguranje_nezgoda_bijeli.png')

}

.size60.imovinaStetoskop {
    background:url('../UserDocsImages/slike/ikone/imovina-stetoskop-m.png')

}

.size60.arrowdown { visibility: hidden; background-position: -600px -76px; left: 50%; margin-left: -30px; top: 450px; }
.size60.arrowdown.active { visibility: visible; background-position: -660px -76px; background-color: transparent; z-index: 8; }

.products-group .size60 {
    background-color: #fff;
    border: 2px solid #e1e1e1;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}


.el-ur .size60 {
    background: url('../images/UNIQA-ikona-elektronicki-uredaji.png');
    background-color: #fff;
    border: 2px solid #e1e1e1;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}




.life-event .size60,
.size60.bigplus {
    background-position: -480px -76px;
}

.size70 {
    height: 70px;
    width: 70px;
}

.size70.heart { background-position: -420px -136px; width: 103px; }

.size70.information { background-position: -700px -136px; }
.size70.important { background-position: -770px -136px; }

.paymentlock i {
    background: url('../images/payment-methods.png') -100px -75px no-repeat;
    height: 52px;
    width: 65px;
}

.verified i {
    background: url('../images/payment-methods.png') -100px 0 no-repeat;
    height: 47px;
    left: auto;
    right: 0px;
    width: 151px;
}

.social-icon.facebook { background-position: 0 -16px; }
.social-icon.facebook:hover { background-position: -100px -16px; }

.social-icon.twitter { background-position: -25px -16px; }
.social-icon.twitter:hover { background-position: -125px -16px; }

.social-icon.google { background-position: -50px -16px; }
.social-icon.google:hover { background-position: -150px -16px; }

.social-icon.youtube { background-position: -75px -16px; }
.social-icon.youtube:hover { background-position: -175px -16px; }
.social-icon.linkedin { background-position: -50px -16px; }
.social-icon.linkedin:hover { background-position: -150px -16px; }
.social-icon.instagram { background-position: -25px -16px; }
.social-icon.instagram:hover { background-position: -125px -16px; }
.lang.ro { background-position: -201px -16px; }
.lang.ro:hover,
.lang.ro.selected { background-position: -251px -16px; }

.lang.en { background-position: -225px -16px; }
.lang.en:hover,
.lang.en.selected { background-position: -275px -16px; }


/* Buttons & Links */


a.file-pdf, .fa-file-pdf-o a {
    background: url(../images/pdf-icon.png) no-repeat 0 2px;
    padding: 8px 25px 0 25px;
    color: #282b34;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-style: italic;
    margin-bottom:5px;
}
a.fa-file-pdf-o:hover, .fa-file-pdf-o a:hover {
    text-decoration: underline;
}

.top-links a:link, .top-links a:visited, .top-links a:hover {
    font-size: .929em;
    font-style: normal;
}

a:link, a:visited, a:hover {
    color: #282b34;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-style: italic;
}

a.account-type:link, a.account-type:visited {
    background: #7fadd4;
    color: #fff;
    display: block;
    float: left;
    height: 28px;
    line-height: 28px;
    margin-right: 2px;
    padding: 0px 22px;
    text-decoration: none;
}
a.account-type:hover, a.account-type.selected {
    background: #005ca9;
}

a.account-action:link, a.account-action:visited {
    display: block;
    float: right;
    height: 16px;
    line-height: 18px;
    margin: 6px 0px 0px 15px;
    padding-right: 25px;
    position: relative;
    text-decoration: none;
}
.list.full a {float: none; margin-top: 12px;}
a.account-action:hover {
    text-decoration: underline;
}

a.button:link,
a.button:visited,
a.button:hover,
input[type=submit].button,
a.button2:link,
a.button2:visited {
    border: 0px;
    color: #fff;
    display: inline-block;
    font-family: 'StoneSansITCStd-Medium';
    font-style: normal;
    font-size: 1.043em;
    height: 35px;
    line-height: 39px;
    opacity: 1;
    padding: 0px 20px;
    text-decoration: none;
    text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
    -moz-text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
    -webkit-text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
}

a.button2:link {
    background-color: #005ca9;
}

#call_btn_2{
    font-family: 'StoneSansITCStd-SemiBold' !important;
}
a.button:hover,
a.button2:hover,
input[type=submit].button:hover {
    opacity: 0.7;
    text-shadow: 0px -1px rgba(0, 0, 0, 0.2);
    -moz-text-shadow: 0px -1px rgba(0, 0, 0, 0.2);
    -webkit-text-shadow: 0px -1px rgba(0, 0, 0, 0.2);
}

.button.loginBtn {
    margin: 5px 0px 25px 0px;
}

input[disabled=disabled].button {
    background-color: #e1e1e1;
    opacity: 1;
    text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
    -moz-text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
    -webkit-text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
}

.small a.button {
    display: inline-block;
    margin-left: 10%;
    padding: 0px;
    text-align: center;
    width: 80%;
}

.login-form a.button {
    display: block;
    margin-top: 20px;
    position: relative;
    text-align: center;
}

.login-form .left a.button,
.life-check a.button {
    padding-left: 40px;
    text-align: left;
    position: relative;
}

.life-check a.button {
    padding-left: 30px;
}

.button.bottom {
    bottom: 10px;
    left: 10px;
    position: absolute;
}

.teaser .button.bottom {
    bottom: 10px;
    /*left: 20px;*/
    position: absolute;
    text-align: center;
    width: 65%;
}

.teaser .news h2 {
    font-family: 'StoneSansITCStd-SemiBold';
    margin-bottom: 5px;
}

.teaser .news {
    position: relative;
}

a.back.button,
a.scrollUp.button {
    padding-left: 35px;
    position: relative;
}

a.scrollUp.button {
    float: right;
}

a.button.dlb {
    background: #f4f4f4;
    color: #282b34;
    display: block;
    height: 35px;
    line-height: 38px;
    padding: 0px 35px 0px 45px;
    position: relative;
}

a.arrow:link, a.arrow:visited, a.arrow {
    display: inline-block;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    padding: 9px 0px 8px 12px;
    position: relative;
    text-decoration: none;
}

.teaser .news a.arrow:link, .teaser .news a.arrow:visited, .teaser .news a.arrow {
    /*bottom: 10px; Domagoj */ 
    position: absolute;
}

a.arrow:hover {
    text-decoration: underline;
}

a.arrow.padding {
    left: 2em;
    margin-left: 8px;
}

a.arrow.white {
    color: #fff;
}

.news p a:link, .news p a:visited {
    font-style: normal;
    text-decoration: none;
}

.news p a:hover {
    text-decoration: underline;
}

a.claim-btn:link, a.claim-btn:visited, a.claim-btn:hover,
a.branch-btn:link, a.branch-btn:visited, a.branch-btn:hover,
a.call-btn:link, a.call-btn:visited, a.call-btn:hover {
    margin-top: 10px;
    padding-left: 35px;
    position: relative;
}

a.branch-btn:link, a.branch-btn:visited, a.branch-btn:hover {
    padding-left: 45px;
    padding-right: 25px;
}

a.branch-btn:link, a.branch-btn:visited, a.branch-btn:hover,
a.call-btn:link, a.call-btn:visited, a.call-btn:hover {
    border: 1px solid #fff;
}

a.call-btn:link, a.call-btn:visited, a.call-btn:hover {
    display: block;
    padding-left: 0px;
    text-align: center;
}

a.call-btn div,
a.homebtn div,
a.flatbtn div,
a.claim-btn.mainColor div {
    display: inline-block;
    padding-left: 40px;
    position: relative;
}

a.claim-btn.mainColor div {
    padding-left: 35px;
}

a.call-btn div:before,
a.homebtn div:before,
a.flatbtn div:before,
a.claim-btn.mainColor div:before {
    content: '';
    height: 35px;
    width: 35px;
}

a.claim-btn:link, a.claim-btn:visited, a.claim-btn:hover {
    border: 1px solid #005eab;
    color: #005eab;
    padding-left: 30px;
}

a.claim-btn.mainColor:link, a.claim-btn.mainColor:visited, a.claim-btn.mainColor:hover {
    border: 1px solid #005eab;
    color: #fff;
    display: block;
    padding-left: 40px;
}

a.big:link, a.big:visited, a.big:hover {
    display: block;
    background: #fff;
    font-family: 'StoneSansITCStd-Medium';
    font-size: 1.214em;
    font-style: normal;
    height: 35px;
    line-height: 39px;
    opacity: 0.8;
    padding-left: 45px;
    text-decoration: none;
}

footer a:link, footer a:visited, footer .kontaktpodaci {
    color: #999;
    display: block;
    font-size: .929em;
    font-style: normal;
    line-height: 22px;
    text-decoration: none;
}

footer .footer-links .box.kontaktpodaci {
    padding: 10px 0 10px 0;
}

footer .footer-links .box.kontaktpodaci a {
    display: inline;
}

footer a:hover {
    text-decoration: underline;
}

footer p.card-first-col {
    float: left;
}

a.social-icon:link, a.social-icon:visited,
a.lang:link, a.lang:visited {
    background-image: url('../images/sprite.png');
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 25px;
    margin-left: 5px;
    text-indent: -9999px;
    width: 25px;
}

.login-form .disclaimer a:link, .login-form .disclaimer a:visited {
    color: #04b675;
    font-style: normal;
    text-decoration: none;
}

.login-form .disclaimer a:hover {
    text-decoration: underline;
}



/* Colours */

.facebook {
    background-color: #3b5998;
}

.google {
    background-color: #4d90fe;
}

.green {
    background-color: #04b675;
}

.livingColor {
    background-color: #f7a600;
}

.mainColor {
    background-color: #005ca9;
}

.mainColor50 {
    background-color: #7fadd4;
}

.orange {
    background-color: #f27242;
}

.opaque {
    background-color: transparent;
    border: 1px solid #fff;
}

.greyA {
    background-color: #f4f4f4;
}

.greyA.products {
    background-color: #f4f4f4;
}

.greyB {
    background-color: #e1e1e1;
}

.greyC {
    background-color: #808080;
}

.greyGradientRepeat {
    background: url('../images/bg-footer.jpg') #fff top repeat-x;
}

.greenTxt {
    color: #04b675;
}

.infoTxt {
    color: #999;
}

.mainColorTxt,
.mainColorTxt a:link, .mainColorTxt a:visited, .mainColorTxt a:hover {
    color: #005ca9;
}

.mainColor50Txt,
.mainColor50Txt a:link, .mainColor50Txt a:visited, .mainColor50Txt a:hover {
    color: #7fadd4;
}


/*
Modals
===================== */

.modal.popup {
    background: #fff;
    border: 2px solid #e1e1e1;
    box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
    left: 50%;
    margin: 170px 0px 0px -150px;
    position: absolute;
    width: 300px;
    z-index: 12;
}

.modal.popup .head .size16 {
    right: 17px;
}

.modal .head,
.modal .bottom {
    height: 75px;
}

.modal .head .size70 {
    border: 2px solid #fff;
    border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
    left: 50%;
    margin-left: -35px;
    top: 35px;
}

.modal .bottom {
    height: 35px;
    padding: 20px 0px;
    text-align: center;
}

.modal .content {
    padding: 45px 20px 25px;
}

.modal.popup .button.withicon {
    position: relative;
    padding: 0px 15px 0px 30px;
}

.modal.ontop {
    color: #fff;
}

.modal .head .size16,
.modal .inner-section .size16 {
    left: auto;
    right: 0;
    top: 17px;
}

.modal.ontop .size30 {
    top: 10px;
    left: 0;
}

.modal.ontop .inner-section {
    box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
    position: relative;
    padding: 16px 25px 16px 40px;
}

.modal.ontop.success {
    background: #04b675;
    border-bottom: 1px solid #167054;
}

.modal.ontop.error {
    background: #be001e;
    border-bottom: 1px solid #731629;
}


/*  Header
===================== */

a#logo:link, a#logo:visited, a#logo:hover,
a.modal-logo:link, a.modal-logo:visited, a.modal-logo:hover {
    background: url('../images/logo-uniqa.jpg') center center no-repeat;
    border: 1px solid #ebebeb;
    display: block;
    height: 100px;
    left: 50%;
    margin: -25px 0px 0px -53px;
    padding: 0px;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 106px;
    z-index: 10;
}

a.modal-logo:link, a.modal-logo:visited, a.modal-logo:hover {
    left: 20px;
    margin: 0px;
    top: 5px;
}

header nav {
    position: relative;
    z-index: 9;
}

header nav ul {
    float: left;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 50%;
}

header nav ul.right-menu a.first {
    margin-left: 75px;
}

header nav ul li {
    display: inline-block;
    position: relative;
}

header nav ul li > a:link, header nav ul li > a:visited,
ul.mobile-nav li > a:link, ul.mobile-nav li > a:visited {
    color: #fff;
    display: block;
    font-family: 'StoneSansITCStd-Medium';
    font-size: 1em;
    font-style: normal;
    height: 50px;
    line-height: 50px;
    padding: 0px 10px;
    text-decoration: none;
}
header nav ul li > a:hover {
    background: #fff;
    color: #005ca9;
}

header nav ul li a.selected {
    text-decoration: underline;
}

header nav ul li > a.mylife:link, header nav ul li > a.mylife:visited, header nav ul li > a.mylife:hover {
    position: relative;
    padding-left: 31px;
}

header nav ul li:hover .submenu {
    display: block;
}

.submenu {
    background-color: #fff;
    background-position: bottom right;
    background-repeat: no-repeat;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    border-right: 1px solid #fff;
    display: none;
    left: 0;
    min-height: 60px; /* 160px; */
    padding: 35px 0px 15px;
    padding-right: 50px;
    position: absolute;
    top: 50px;
    width: auto;
}

.submenu.large {
    width: 550px;
}

.submenu.care {
    background-image: url('../images/menu/bg-menu-care.jpg');
}

.submenu.home {
    background-image: url('../images/menu/bg-menu-home.jpg');
}

.submenu.mobility {
    background-image: url('../images/menu/bg-menu-mobility.jpg');
}

.submenu.first {
    margin-left: 75px;
}

.submenu ul {
    float: left;
    width: auto;
}

.submenu ul li {
    display: block;
    position: relative;
    padding-left: 15px;
}

.submenu a:link, .submenu a:visited {
    color: #005ca9;
    font-size: 1.143em;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    white-space: nowrap;
}

.submenu a:hover {
    text-decoration: underline;
}

blockquote {
    color: #b2b2b2;
    display: block;
    float: left;
    font-family: 'StoneSansITCStd-Medium';
    font-size: 1.714em;
    font-style: italic;
    margin: 0px;
    padding: 40px;
    text-align: center;
    width: 35%;
}

.breadcrums li a:link, .breadcrums li a:visited {
    color: #999999;
    font-family: 'MyriadRegular';
    text-decoration: none;
}
.breadcrums li a:hover {
    text-decoration: underline;
}

.breadcrums.white li a:link, .breadcrums.white li a:visited {
    color: #fff;
}

.breadcrums.black li a:link, .breadcrums.black li a:visited {
    color: #000;
}


/*  Layout
===================== */

header, .biggerHeight, .section, footer {
    min-width: 940px;
}

.biggerHeight,
.life-situation-header,
.enjoy-life-header {
    height: 400px;
    position: relative;
}

.enjoy-life-header {
    height: 357px;
}

.life-situation-header {
    color: #fff;
    height: 500px;
}

.biggerHeight img.fullbackground,
.travel-header img.fullbackground,
.life-situation-header img.fullbackground {
    min-height: 400px;
    min-width: 1100px;
}

.enjoy-life-header img.fullbackground {
    min-height: 357px;
}

.travel-header .biggerHeight {
    z-index: 7;
}

.life-situation-header img.fullbackground {
    min-height: 500px;
}

.oysterTxt {
    line-height: 60px;
}

.oysterTxt.circle {
    background: rgba(115, 189, 232, 0.8);
    height: 175px;
    padding-top: 50px;
    text-align: center;
    width: 225px;
}

.oysterTxt.circle.otherBlue {
    background: rgba(0, 162, 219, 0.8);
}

.white .oysterTxt.circle {
    background: rgba(199, 151, 21, 0.8);
    margin-left: auto;
    margin-right: auto;
}

.oysterTxt .outline {
    display: block;
    font-family: 'OysterOutlineCyrillicRegular';
    font-size: 107px;
    margin-top: -20px;
    padding-left: 40px;
}

.oysterTxt .outline small {
    font-size: 81px;
}

.oysterTxt .stencil {
    display: block;
    float: left;
    font-family: 'OysterStencilCEERegular';
    font-size: 91px;
}

.oysterTxt .stencil small {
    font-size: 45px;
}

.oysterTxt .stencil:first-child {
    float: none;
    font-size: 71px;
}

.oysterTxt .cyrillic {
    display: block;
    float: left;
    font-family: 'OysterCyrillicRegular';
    font-size: 71px;
    padding-top: 25px;
}

.oysterTxt.center {
    color: #fff;
    line-height: 40px;
}

.oysterTxt.center .outline {
    padding: 0px;
}

.oysterTxt.center .stencil {
    float: none;
    position: relative;
    top: -5px;
}

.kids .oysterTxt span {
    display: inline-block;
}

.kids .oysterTxt .outline {
    padding-left: 10px;
}

.kids .oysterTxt .outline small {
    font-size: 55px;
}

.life-situation-bubble {
    background: rgba(255,255,255, 0.85);
    border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
    bottom: -60px;
    height: 287px;
    left: 30px;
    padding: 95px 52px 0px;
    position: absolute;
    width: 278px;
}

header {
    border-bottom: 2px solid #fff;
    height: 50px;
}

.section.top-links {
    height: 30px;
}

.headers {
    margin-left: 0px;
    margin-bottom: 0px;
}


/* Breadcrums */

.breadcrums {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.breadcrums li {
    display: inline;
    font-family: 'MyriadRegular';
    margin: 0px;
    padding: 0px;
}


/* Carousel */

#carousel ul.mainUL {
    height: 400px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#carousel ul.mainUL li.fullbackground {
    height: 400px;
    margin: 0px;
    padding: 0px;
}

#carousel .directions a:link, #carousel .directions a:visited, #carousel .directions a:hover {
    background-image: url('../images/sprite.png');
    background-repeat: no-repeat;
    height: 70px;
    position: absolute;
    text-indent: -9999px;
    top: 165px;
    width: 70px;
    z-index: 8;
    outline: none;
}

#carousel .bx-prev {
    background-position: 0 -136px;
    left: 10px;
}
#carousel .bx-prev:hover {
    background-position: -560px -136px;
}

#carousel .bx-next {
    background-position: -70px -136px;
    left: auto;
    right: 10px;
}
#carousel .bx-next:hover {
    background-position: -630px -136px;
}

/* Travel section */

.travel-header,
.life-situation-header,
.enjoy-life-header {
    margin-bottom: 30px;
}

.travel-header {
    background-color: #d9ecfb;
}

.inner-section.group.travel {
    margin-top: 50px;
}

.travel-header .summary {
    display: none;
}

.travel-header .summary dt {
    text-transform: capitalize;
}

.travel-header .box .title {
    font-family: 'StoneSansITCStd-Medium';
    font-size: 1.214em;
    padding-top: 5px;
}

.travel-header dl {
    margin: 0px;
    margin-top: 15px;
    padding: 0px 15px;
}

#travel-step4 .travel-header dl {
    padding: 0px 5px;
}

.travel-header dt,
.travel-header dd {
    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 50%;
}

.travel-header dt {
    font-size: 1.214em;
    line-height: .9em;
    margin-bottom: 10px;
    padding-top: 2px;
    text-align: right;
}

.travel-header .calendar dt {
    height: 25px;
    line-height: 25px;
    margin-bottom: 0px;
    padding: 0px;
}

.travel-header dt small {
    color: #999999;
    display: block;
    font-size: .6em;
}

.travel-header .span_1_of_4 {
    position: relative;
    text-align: center;
}

#travel-step1, #travel-step2, #travel-step3, #travel-step4 {
    margin-top: 0px;
}

.travel-header h3 {
    line-height: 1.2em;
    margin: 0px auto;
    width: 60%;
}

.travel-header .calendar h3 {
    padding-top: 9px;
}

.travel-header a.step:link, .travel-header a.step:visited, .petitions {
    background-color: #b2b2b2;
    border: 3px solid #f4f4f4;
    cursor: default;
    color: #fff;
    display: inline-block;
    font-size: 1.214em;
    font-style: normal;
    height: 29px;
    line-height: 29px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 29px;
    z-index: 2;
}
.travel-header a.step:hover {}

.travel-header .done a.step:link, .travel-header .done a.step:visited {
    cursor: pointer;
}

#travel-step3 a.step:link, #travel-step3 a.step:visited {
    z-index: 11;
}

map.continents area {
    border: 1px solid #000;
    outline: none;
}

.world-map {
    background: url('../images/maps/map.png') center center no-repeat;
    display: none;
    height: 266px;
    left: 50%;
    margin: 0px 0px 0px -196px;
    position: absolute;
    top: -15px;
    width: 392px;
    z-index: 7;
}

.world-map .hint {
    bottom: 12px;
    color: #fff;
    position: absolute;
    width: 100%;
    z-index: 9;
}

.world-map img {
    cursor: pointer;
    position: absolute;
    z-index: 8;
}

.world-map img.hide {
    display: none;
}

#continent-map, #continent-usa {
    left: 0;
    top: 0;
}

#continent-europe {
    left: 160px;
}

#continent-asia {
    right: 0;
    top: 0;
}

#continent-southamerica {
    bottom: 0;
    left: 0;
}

#continent-africa {
    bottom: 0;
    left: 150px;
}

#continent-australia {
    bottom: 0;
    right: 0;
}

#continent-usa, #continent-australia, #continent-southamerica, #continent-africa, #continent-asia, #continent-europe {
    z-index: 9;
}

/* Active step */

.travel-header .active a.step:link, .travel-header .active a.step:visited {
    background-color: #ec6502;
}

.travel-header .active .date-field {
    cursor: pointer;
    margin-top: 15px;
}

.travel-header .active .date-field .big-element {
    background: none;
    cursor: pointer;
    position: relative;
}

.travel-header .active .selecting_step.map {
    height: 20px;
    margin-left: -60px;
    padding: 25px 0px 15px 0px;
    width: 120px;
    z-index: 10;
}

.travel-header .active .selecting_step.map h3 {
    width: 100%;
}


/* Done step */

.travel-header .done a.step:link, .travel-header .done a.step:visited {
    background-color: #005ca9;
}

.travel-header .done .selecting_step {
    height: 90px;
}

/*.travel-header #travel-step1.done .selecting_step {
height: 90px;
}*/

.travel-header .done .selecting_step.calendar {
    border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
    background: #fff;
    top: 17px;
}

.travel-header .done .calendar h3 {
    padding-top: 0px;
}

.travel-header .done dl,
.travel-header .done .date-field,
.travel-header .done .calendar_content,
.travel-header .done .world-map {
    display: none;
}

.travel-header .done dt {
    margin-bottom: 5px;
    text-align: center;
    width: 100%;
}

.travel-header .done .summary,
.travel-header .done .summary dl {
    display: block;
    margin-top: 0px;
}

.travel-header .size16.edit {
    bottom: 10px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
}

/* Done & Active step, common styles */

.travel-header .done .title,
.travel-header .active .title {
    display: none;
}

.travel-header .done .selecting_step,
.travel-header .active .selecting_step {
    display: inline-block;
}

.travel-header .active .world-map {
    display: block;
}


.travel-header a.step:link, .travel-header a.step:visited,
.selecting_step,
.petitions,
.oysterTxt.circle {

}

.selecting_step {
    background-color: #fff;
    display: none;
    height: 135px;
    left: 50%;
    margin-left: -93px;
    opacity: 0.95;
    filter: alpha(opacity=95);
    padding: 25px 0px;
    position: absolute;
    top: 17px;
    width: 185px;
}

/*#travel-step2 .selecting_step {
height: 105px;
}*/

.selecting_step.calendar {
    background: url('../images/calendar.png') top center no-repeat;
    border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
    height: auto;
    margin-left: -81px;
    top: 8px;
    width: 163px;
}

.selecting_step.calendar .calendar_content {
    background-color: rgba(255, 255, 255, 0.8);
    height: 160px;
    padding-top: 10px;
}

.selecting_step.calendar .calendar_content p {
    font-size: 1.214em;
    margin-bottom: 5px;
}

.selecting_step.calendar .calendar_content p:first-child {
    font-size: 1.357em;
}

.selecting_step.calendar .calendar_content p small {
    color: #999999;
    display: block;
    font-size: .6em;
    font-style: italic;
}

.selecting_step.calendar .calendar_content dl {
    margin: 0px;
    margin-bottom: 15px;
}

.calendar_content .button.orange {
    margin-left: -5%;
    padding: 0px;
    position: relative;
    width: 110%;
}
.calendar_content .button.orange:hover {
    opacity: 1;
}

.travel-header .date-field {
    margin: 0px auto;
    width: 80%;
}



.travel-header a.minus:link, .travel-header a.minus:visited, .travel-header a.minus:hover,
.travel-header a.plus:link, .travel-header a.plus:visited, .travel-header a.plus:hover {
    font-size: 1.5em;
    line-height: 25px;
    text-decoration: none;
}

.travel-header a.minus:link, .travel-header a.minus:visited, .travel-header a.minus:hover {
    color: #9ec7e9;
    cursor: default;
    margin-right: 5px;
}

.travel-header a.minus.active:link, .travel-header a.minus.active:visited, .travel-header a.minus.active:hover {
    color: #fff;
    cursor: pointer;
}

.selection-summary {
    float: right;
}

.selection-summary .content {
    border: 1px solid #c6c7c7;
    margin-bottom: 30px;
    padding: 15px;
    padding-bottom: 7px;
}

.selection-summary h2 {
    margin-bottom: 5px;
}

.selection-summary h2 .size25 {
    display: none;
}

.selection-summary h3 {
    margin-bottom: 0px;
    text-align: left;
}

/* Travel animations css */

#wmap {
    left: 0px;
    top: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
}

#suitcase {
    left: 50.5%;
    width: 4.5%;
}

#adultstatic {
    left: 55%;
    width: 4.8%;
}

#adultwalking {
    left: 50%;
    width: 7.7%;
}

#adultleaving {
    bottom: 1%;
    left: 57.5%;
    width: 8.75%;
}

#kidstatic {
    left: 60%;
    width: 3.4%;
}

#kidwalking,
#kidleaving {
    left: 57%;
    width: 5.2%;
}

#kidleaving {
    bottom: 10%;
    left: 65%;
}

#adultwalking, #kidwalking, #adultleaving, #kidleaving {
    opacity: 0;
    filter: alpha(opacity=0);
}

#suitcase, #adultstatic, #adultwalking, #kidstatic, #kidwalking {
    bottom: 8%;
}

#suitcase, #adultstatic, #kidstatic {
    filter: inherit;
}

#bigplane {
    bottom: -10%;
    left: -25%;
    width: 73.5%;
}

#bigplane .passengers {
    bottom: 43%;
    position: absolute;
    right: 20%;
    width: 47.1%;
    z-index: 1;
}

#bigplane .passengers img {
    bottom: 5%;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 8%;
}

#bigplane .passengers img.adult,
#bigplane .passengers img.kid {
    opacity: 1;
    filter: alpha(opacity=100);
}

#bigplane .passengers img.kid {
    width: 7%;
}

#bigplane .passengers img.pass1 { right: 0; }
#bigplane .passengers img.pass2 { right: 11.5%; }
#bigplane .passengers img.pass3 { right: 23%; }
#bigplane .passengers img.pass4 { right: 34.5%; }
#bigplane .passengers img.pass5 { right: 46%; }
#bigplane .passengers img.pass6 { right: 57.5%; }
#bigplane .passengers img.pass7 { right: 69%; }
#bigplane .passengers img.pass8 { right: 80.5%; }
#bigplane .passengers img.pass9 { right: 92%; }

#bigplane img.bgimage {
    position: relative;
}

#middleplane {
    bottom: 14%;
    right: 8%;
    width: 18%;
}

#smlplane {
    left: -30%;
    bottom: 20%;
    width: 22.2%;
}

#tarmacpeople, #tarmacplane, #grass {
    bottom: 0px;
    left: 0;
    width: 100%;
}

#tarmacplane {
    opacity: 0;
    filter: alpha(opacity=0);
}

#tower {
    right: -10%;
    bottom: 6%;
    width: 8.1%;
}

#wind {
    right: 4%;
    bottom: 3%;
    width: 6.5%;
}

#sun {
    right: 12%;
    top: -18%;
    width: 10.6%;
}

#grass {
    bottom: 12.5%;
}

.attractions div {
    bottom: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    right: 0px;
}

.level1 { z-index: 1; }
.level2 { z-index: 2; }
.level3 { z-index: 3; }
.level4 { z-index: 4; }
.level5 { z-index: 5; }
.level6 { z-index: 6; }
.level7 { z-index: 7; }

.level1, .level2, .level3, .level4, .level5, .level6 { position: absolute; }
.level1 img.bgimage, .level2 img.bgimage, .level3 img.bgimage, .level4 img.bgimage, .level5 img.bgimage, .level6 img.bgimage { width: 100%; }

/* Claims */

.claims-assistance {
    padding: 30px 0px 10px;
    text-align: center;
}

.claims-assistance span {
    color: #be001e;
    display: block;
}

/* News */

.filters {
    background-color: #f4f4f4;
    margin-top: 20px;
}
.filters.search {
    position: relative;
}

.filters input[type=text] {
    width: 48%;
}
.filters.search input[type=text] {
    width: 100%;
}

.filters.search input[type=submit] {
    background-color: #fff;
    background-position: -850px -16px;
    border: 0px;
    height: 25px;
    left: auto;
    position: absolute;
    right: 25px;
    top: 25px;
    width: 25px;
}

.filters:first-child {
    margin-top: 0px;
    padding: 20px;
}

.filters h2 {
    margin: 0px;
    padding: 20px;
    padding-bottom: 10px;
}

.filters ul {
    list-style-type: none;
    margin: 0px;
    margin-bottom: 20px;
    padding: 0px;
}

.filters ul li {
    border-top: 2px solid #fff;
    height: 35px;
    line-height: 35px;
    padding: 0px 20px;
}

.filters ul li a:link, .filters ul li a:visited {
    font-size: 1.07em;
    font-style: normal;
    text-decoration: none;
}
.filters ul li a:hover, .filters ul li a.selected {
    text-decoration: underline;
}

.filters ul li.custom {
    height: 55px;
    line-height: 55px;
}

.description-small.side.services h2 {
    margin-bottom: 0px;
}

.description-small.side.services a.arrow {
    padding: 5px 0px 4px 12px;
}

.description-small.side.services a.arrow .size16 {
    top: 5px;
}

.news-box {
    height: 220px;
    position: relative;
}

.news-image {
    float: right;
    margin: 0px 0px 20px 20px;
    width: 40%;
}

.news-box a.content:link, .news-box a.content:hover {
    /* fix za vijesti  background: rgba(255, 255, 255, 0.8); */
    background-color: #f9f9f9;
    bottom: 0px;
    font-style: normal;
    padding: 15px;
    position: absolute;
    text-decoration: none;
    width:92%;
    height:30%;
}

.news-box .uprava a.content:link, .news-box a.content:hover {
    /* fix za vijesti  background: rgba(255, 255, 255, 0.8); */
    background-color: #f9f9f9;
    bottom: 0px;
    font-style: normal;
    padding: 15px;
    position: absolute;
    text-decoration: none;
    width:92%;
    /*height:30%;*/
}


.news-box a.content:hover {
    text-decoration: underline;
}

.news-box .content span {
    color: #005ca9;
    display: block;
    font-size: .85em;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 5px;
}

/*.press-sidebar,
.news-sidebar,
.press-container,
.news-container {
margin-bottom: 50px;
}*/

/* My Account */

.account_nav {
    list-style-type: none;
    margin: 0px;
    margin-top: 25px;
    padding: 0px;
    width: 100%;
}

.account_nav li {
    border-bottom: 3px solid #e1e1e1;
    display: block;
    float: left;
    height: 24px;
    line-height: 24px;
    margin-left: 4px;
    padding-bottom: 5px;
    position: relative;
}

.account_nav li:first-child {
    margin-left: 0px;
}

.account_nav h3 {
    margin: 0px;
    padding: 0px 10px;
}

.account_nav li a:link, .account_nav li a:visited, .account_nav li a:hover {
    color: #808080;
    font-style: normal;
    text-decoration: none;
}

.account_nav li:hover,
.account_nav li.active {
    border-bottom: 3px solid #005ca9;
}

.account_nav li:hover a:link, .account_nav li:hover a:visited, .account_nav li:hover a:hover,
.account_nav li.active a:link, .account_nav li.active a:visited, .account_nav li.active a:hover {
    color: #282b34;
}

.account-section {
    background: #f4f4f4;
    border: 1px solid #e1e1e1;
    margin-top: 0px;
    min-height: 275px;
    margin-bottom: 20px;
    padding: 20px 10px;
    position: relative;
    text-align: center;
}

.my-insurances .account-section {
    min-height: 0;
}

.account-section.empty {
    position: relative;
}

.account-section.empty .size25.arrowbottom {
    bottom: -1px;
    left: 50%;
    margin-left: -12px;
    top: auto;
}

.account-section h2 {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 15px;
}

.account-section h3 {
    padding: 0px 20px;
    position: relative;
}

.account-section h3 a:link, .account-section h3 a:visited {
    font-style: normal;
    text-decoration: none;
}

.account-section small {
    color: #999999;
    display: block;
    font-size: .92em;
    font-style: italic;
}

.account-section p {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 20px;
}

.account-section ul.list {
    display: none;
    padding-left: 20px;
}

.account-section.empty p {
    color: #999999;
    border: 0px;
    margin-bottom: 10px;
    padding: 0px;
}

.account-section-bottom {
    bottom: 15px;
    left: 0;
    position: absolute;
    width: 100%;
}

.my-insurances .account-section-bottom {
    padding-top: 10px;
    position: static;
}

.account-section a.policy:link, .account-section a.policy:visited {
    font-style: normal;
    font-weight: bold;
    padding-left: 20px;
    position: relative;
    text-decoration: none;
}

.account-section a.policy:hover {
    text-decoration: underline;
}

.claims {
    margin-top: 0px;
    margin-bottom: 15px;
}

.claims .description-small.side {
    margin-top: 0px;
}

.claims h2 {
    margin-bottom: 10px;
}

.claims .description-small.side a.arrow:link, .claims .description-small.side a.arrow:visited, .claims .description-small.side a.arrow:hover {
    display: block;
    margin: 0px;
    padding: 0px;
    padding-left: 12px;
}

.claim {
    margin-bottom: 10px;
}

.claim a.arrow span {
    color: #999999;
    font-size: .85em;
    font-weight: normal;
    float: right;
}

.claim-status {
    color: #005ca9;
    font-style: italic;
    font-size: .85em;
}

.claim-status.error {
    color: #b60404;
}

.claim-status.success {
    color: #04b675;
}

.suggestion_box {
    color: #fff;
    margin-top: 2%;
    padding: 30px 20px 0px;
    height: 160px;
    position: relative;
}

.suggestion_box h3 {
    margin-bottom: 0px;
}

.suggestion_box a.button:link, .suggestion_box a.button:visited, .suggestion_box a.button:hover {
    margin-top: 20px;
    padding: 0px 20px;
}

.suggestion_box .heart {
    bottom: 0;
    left: auto;
    right: 15px;
    top: auto;
}

.suggestion_box .size25.arrowtop {
    left: 50%;
    margin-left: -12px;
    top: -24px;
}

p.contact-detail {
    padding-left: 20px;
    position: relative;
}

/* Inbox */

.message-summary {
    margin-bottom: 10px;
}

.message-summary h2 {
    background: url('../images/bg-expand.jpg') repeat-x;
    border: 1px solid #e1e1e1;
    font-size: 1em;
    font-weight: normal;
    height: 35px;
    line-height: 39px;
    margin: 0px;
    padding: 0px 35px;
    position: relative;
}

.message-summary h2 .date {
    color: #999;
    font-size: .85em;
    font-style: italic;
    position: absolute;
    right: 35px;
}

.message-summary.unread h2 {
    font-weight: bold;
}

.message-summary.unread h2 .date {
    color: #000;
}

.message-summary h2 .size25 {
    background-position: -700px -16px;
    display: block;
    left: auto;
    right: 5px;
    top: 5px;
}

.message-summary h2 .size25.left {
    background-position: -800px -16px;
    left: 5px;
    right: auto;
}

.message-summary h2 .size25.left.alert {
    background-position: -825px -16px;
}

.message-summary h2 .size25.minus {
    background-position: -725px -16px;
}

.message-summary .content {
    border: 1px solid #c6c7c7;
    border-top: 0px;
    display: none;
    margin-bottom: 30px;
    padding: 15px;
    padding-bottom: 7px;
}

.more {
    text-align: center;
}

.more a:link, .more a:visited, .more a:hover {
    position: relative;
    padding-left: 35px;
}


.extended-claim {
    margin-bottom: 40px;
}

.extended-claim .information {
    border: 1px solid #e1e1e1;
    margin-bottom: 10px;
}

.extended-claim .information h2 {
    background-color: #f4f4f4;
    margin-bottom: 0px;
    padding: 20px;
}

.extended-claim .information .group,
.extended-claim .information .comment {
    padding: 20px;
}

.extended-claim .information .group {
    border-bottom: 1px solid #e1e1e1;
    color: #999999;
    font-size: .85em;
    font-style: italic;
    text-align: center;
}

.extended-claim .information .group span {
    color: #000;
    display: block;
    font-style: normal;
    font-size: 1.2em;
}



.info {
    background: #fff;
    float: left;
    opacity: 0.9;
    margin: 70px 0px 0px 120px;
    padding: 20px;
    width: 30%;
}

.life-check .info {
    margin: 30px 0px 0px 60px;
    width: 50%;
}

.span_12_of_12.life-check .info {
    width: 35%;
}

.testimonial {
    height: 278px;
}

.testimonial .info {
    float: right;
    font-family: 'MyriadRegular';
    margin: 10px 10px 0px 10px;
    padding: 10px;
    width: 50%;
}

.testimonial .info span {
    color: #999999;
    display: block;
    font-size: 11px;
    font-style: italic;
    margin-top: 10px;
}

.testimonial .info span:first-child {
    margin-top: 0px;
}

.bx-controls {
    margin-top: -12px;
    position: relative;
    text-align: center;
}

.bx-pager-item {
    display: inline-block;
    height: 12px;
    margin-left: 5px;
}
.bx-pager-item:first-child {
    margin-left: 0px;
}

a.bx-pager-link:link, a.bx-pager-link:visited {
    background: #d2d2d2;
    display: inline-block;
    height: 12px;
    text-indent: -9999px;
    width: 40px;
}
a.bx-pager-link:hover, a.bx-pager-link.active {
    background: #999999;
}


/* Sections and content boxes */

nav.form_nav {
    background-color: #f4f4f4;
    height: 35px;
    margin: 0px;
    margin-bottom: 25px;
    padding: 0px;
}

nav.form_nav ul,
nav.form_nav ul li {
    margin: 0px;
    padding: 0px;
}

nav.form_nav ul li {
    color: #b2b2b2;
    display: block;
    float: left;
    height: 35px;
    line-height: 35px;
    padding: 0px 30px 0px 55px;
    position: relative;
}

nav.form_nav ul li.disclaimer {
    font-size: .829em;
    font-style: italic;
    padding: 0px 10px 0px 30px;
}

nav.form_nav ul li:first-child {
    padding-left: 45px;
}

nav.form_nav ul li.ok:first-child i:first-child,
nav.form_nav ul li.normal:first-child i:first-child {
    left: 8px;
}

nav.form_nav ul li.ok {
    color: #000;
}

nav.form_nav ul li.ok i:first-child,
nav.form_nav ul li.normal i:first-child {
    left: 18px;
}

nav.form_nav ul li.active {
    background-color: #999999;
    color: #fff;
}




.inner-section, header nav, .overlay-content {
    margin: 0px auto;
    max-width: 1600px;
    min-width: 940px;
    padding: 0px 30px;
    width: 87%;
}

.tip {
    background: url('../images/sprite.png') -140px -136px no-repeat;
    color: #fff;
    height: 41px;
    padding: 12px 8px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: -35px;
    width: 68px;
}

.whitebg {
    background-color: #fff;
    padding: 30px;
}

.whitebg fieldset {
    width: 100%;
}

form.inner-section div.inner-section {
    padding: 0px;
    width: 100%;
}

.overlay-content, .overlay-content .inner-section {
    padding: 0px;
}

.login-form .inner-section {
    min-width: 660px;
}

.form-bottom .inner-section {
    min-width: 890px;
}

.box .small {
    height: 45px;
    padding-top: 67px;
    position: relative;
}

.box .heading {
    height: 130px;
    /*margin-bottom: 3%;*/
    position: relative;
}

.box .small:first-child {
    margin-bottom: 11px;
}

.box.news span {
    display: block;
}

.box.product {
    min-height: 70px;
    margin-bottom: 0px;
    margin-top: 2%;
    padding-left: 90px;
    position: relative;
}

.box blockquote {
    color: #005eab;
    padding: 0px;
    text-align: center;
    width: 100%;
}

.products-group .box.product {
    margin-bottom: 3%;
    margin-top: 3%;
    padding-left: 75px;
}

.products-group a:link, .products-group a:visited {
    font-family: 'StoneSansITCStd-Medium';
    font-style: normal;
    text-decoration: none;
}

.product-box {
    margin-bottom: 3%;
}

.product-box .heading {
    margin-bottom: 0px;
}
/*
.description-small {
    border: 1px solid #e1e1e1;
    border-top: 0px;
    padding: 20px 20px;
    text-align: center;
	display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 50px !important;
    height: unset !important;
}

.description-small .kratkiopis{
	margin-bottom:0;
}
.description-small .button{
	position:static !important;
	width: fit-content;
    margin-top: 15px;
}
*/

.description-small {
    border: 1px solid #e1e1e1;
    border-top: 0px;
    padding: 20px;
    padding-bottom: 25px;
    text-align: center;
}

.description-class {
    border: 1px solid #e1e1e1;
    border-top: 0px;
    padding: 20px;
    padding-bottom: 25px;

}

.description-small.side {
    border-top: 1px solid #e1e1e1;
    color: #000;
    margin-top: 20px;
    text-align: left;
}

.product-box.description-small {
    background-color: #fff;
    border-top: 1px solid #e1e1e1;
    margin-top: 0px;
    position: relative;
    text-align: center;
}

.travel .product-box.description-small {
    padding: 20px 10px;
}

.product-box.description-small ul.list {
    margin-left: 25%;
    max-width: 50%;
}

.product-box.description-small.span_1_of_3 ul.list {
    display: inline-block;
    margin-left: 0px;
    max-width: 100%;
    width: 80%;
}

.product-box.description-small.span_3_of_12 ul.list {
    display: inline-block;
    margin-left: 0px;
    max-width: 100%;
    width: 100%;
}

.product-box.description-small hr {
    border-top: 1px solid #e1e1e1;
    margin: 20px 0px;
}

.product-box.description-small .prettycheckbox label {
    font-weight: bold;
    line-height: normal;
    padding: 8px 10px 0px 35px;
    position: relative;
}

.product-box.description-small.span_1_of_3 .prettycheckbox label {
    padding: 8px 5px 0px 25px;
}

.product-box.description-small .prettycheckbox label span {
    display: block;
    font-weight: normal;
    text-decoration: underline;
}

.label {
    /*background: url('../images/sprite.png') -280px -136px no-repeat;
    height: 60px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 70px;*/
    background-image: none !important;
    border-top: 58px solid #04b675;
    border-right: 68px solid transparent;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
}

.label span {
    color: #fff;
    font-size: .78em;
    left: -8px;
    position: absolute;
    top: -43px;
    width: 70px;
}

.label:after {
    background-image: url('../images/sprite.png');
    background-position: -280px -136px;
    background-repeat: no-repeat;
    content: " ";
    display: block;
    height: 60px;
    left: 0;
    position: absolute;
    top: -58px;
    width: 70px;
}

.box.question,
.box.contact-box {
    color: #fff;
}

#myDiv .box.contact-box {
    margin-bottom: 0px;
}

#myDiv .box.contact-box ul.tabs {
    border-top: 1px solid #fff;
}

#myDiv .box.contact-box ul.tabs li a.selected i {
    top: -7px;
}

.box.question {
    padding: 20px;
}
/* .inner-section.group {position: relative !important;}*/
.contact-box.box-dolje {
	position: absolute;
	right: 0;
	bottom: 0;
}
/* Payments */

header.payments-header nav ul,
header.payments-header nav form,
.payments-header a.account-type {
    display: none;
}

.payments-header .whitebg {
    margin-top: 20px;
}

.payments-header a#logo:link, .payments-header a#logo:visited, .payments-header a#logo:hover {
    left: auto;
    margin-left: 0px;
}

.payments-header .headers {
    margin-top: 50px;
}

.payment-methods .box {
    border-top: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
    margin: 0px;
    padding: 20px 25px 20px 10px;
    width: 33.3%;
}

.payment-methods .box:first-child {
    border-left: 0px;
}

.payment-methods.first-row .box {
    border-top: 0px;
}

.payment-methods .prettyradio {
    margin-right: 0px;
}

.payment-methods .prettyradio label,
.payment-frequency .prettyradio label {
    font-size: 1.142em;
    line-height: normal;
    padding-top: 10px;
}

.payment-methods .prettyradio label span,
.payment-frequency .prettyradio label span {
    color: #999999;
    display: block;
    font-size: .7em;
    font-style: italic;
}

.payment {
    background: url('../images/payment-methods.png') 0 0 no-repeat;
    float: right;
    height: 50px;
    width: 100px;
}

.payment.maestro {
    background-position: 0 0;
}

.payment.bank {
    background-position: 0 -200px;
}

.payment.paypal {
    background-position: 0 -50px;
}

.payment.visa {
    background-position: 0 -150px;
}

.payment.bcr{
    background-position: -101px -200px;
}

.payment.raiffeisen{
    background-position: -101px -250px;
}

.payment.alpha_bank{
    background-position: -101px -150px;
}

.payment.default{
    background-position: -201px -200px;
}

.payment.b-t{
    background-position: -201px -250px;
}

.payment.mastercard {
    background-position: 0 -100px;
}

.payment.cash {
    background-position: 0 -250px;
}

.payment-summary .box {
    margin-top: 0px;
}

.payment-summary .final .box {
    font-weight: bold;
}

.payment-summary .span_1_of_3.right {
    text-align: right;
}

.info_box {
    border: 1px solid #0a9dc0;
    margin-top: 30px;
    padding: 20px;
}

.info_box h2 {
    color: #0a9dc0;
    height: 25px;
    line-height: 30px;
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.payments-disclaimer {
    margin-top: 30px;
}

.payments-disclaimer fieldset {
    border: 1px solid #b2b2b2;
    box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
    padding: 20px;
}

.payments-disclaimer .inner-section {
    min-width: 0px;
}

.paymentlock {
    height: 52px;
    position: relative;
}

.payment-names {
    position: relative;
    text-align: center;
}

.payment-names ul {
    display: inline-block;
}

.payment-names ul li {
    color: #808080;
    font-style: italic;
}

.payment-names .logos {
    display: inline-block;
    height: 28px;
    margin-bottom: 5px;
}

.payment-names .logos li {
    background: url('../images/payment-methods.png') 0 0 no-repeat;
    display: inline-block;
    height: 28px;
    margin: 0px;
    margin-left: 25px;
    padding: 0px;
}

.payment-names .logos li.visa {
    background-position: -100px -47px;
    margin-left: 0px;
    width: 59px;
}
.payment-names .logos li.mastercard {
    background-position: -159px -47px;
    width: 45px; 
}
.payment-names .logos li.elv {
    background-position: -204px -47px;
    width: 68px;
}
.payment-names .logos li.paypal {
    background-position: -272px -47px;
    width: 68px;
}

.verified {
    height: 47px;
    position: relative;
}


.contact-box .content {
    display: none;
    height: 270px;
    padding: 20px;
}

#agent-content {
    position: relative;
}

.contact-box .content img {
    position: absolute;
    right: 20px;
}

.contact-box input[type=text] {
    width: 100%;
}

.contact-box .content.visible {
    display: block;
}

.contact-box ul.tabs {
    margin: 0px;
    margin-top: 2px;
    padding: 0px;
    width: 100%;
}

.contact-box ul.tabs li {
    display: table;
    float: left;
    height: 43px;
    margin-left: 1%;
    width: 49.5%;
}

.contact-box ul.tabs.tabs3 li {
    width: 32.66%;
}

.contact-box ul.tabs li:first-child {
    margin-left: 0px;
}

.contact-box ul.tabs li a:link, .contact-box ul.tabs li a:visited {
    background-color: #999999;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    font-style: normal;
    height: 43px;
    padding: 2px 20px;
    text-align: center;
    text-decoration: none;
}
.contact-box ul.tabs li a:hover {
    opacity: .7;
}
.contact-box ul.tabs li a.selected {
    background-color: #7fadd4;
    position: relative;
}

.contact-box ul.tabs li a.selected i {
    background-position: -782px -28px;
    height: 6px;
    left: 50%;
    margin-left: -6px;
    top: -8px;
    width: 12px;
}

.contact-box ul.tabs.tabs3 li a:link, .contact-box ul.tabs.tabs3 li a:visited {
    padding: 2px 0; /* 2px 10px*/
}

.teaser {
    padding: 30px 0px;
}

.products {
    padding: 40px 0px 60px;
}

.products hr {
    margin: 0px auto 20px;
    width: 130px;
}

.social {
    padding: 40px 0px;
}

.social .box p {
    height: 70px;
    margin-bottom: 0px;
}

footer {
    margin-top: 35px;
}

footer .footer-links {
    padding: 50px 0px 40px;
}

footer .footer-links h4 {
    font-size: 1em;
}

footer .footer-links i.size35 {
    display: none;
}


.teaser .box {
    min-height: 235px;
}

.teaser .box a.contact-center{
    color: white;
}

.life-sections .box {
    height: 235px;
}

.life-sections .box.fullbackground {
    cursor: pointer;
    padding-top: 80px;
    text-align: center;
}

.life-sections .box .hover {
    background: #fff;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.life-sections .box .hoverTxt {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display: none;
    left: 0;
    padding: 40px 20px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 100%;
    z-index: 2;
}

.life-sections .box:hover .hover,
.life-sections .box:hover .hoverTxt {
    display: block;
}

.life-sections .box:hover .box-info {
    display: none;
}

.service-box {
    height: 225px;
    margin-bottom: 2%;
    position: relative;
}

.service-txt {
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
    background: #fbfbfb;
    height: 225px;
    padding: 20px;
    position: relative;
    width: 65%;
}

.service-box .bigplus {
    cursor: pointer;
    left: auto;
    right: -35px;
    top: -30px;
    z-index: 3;
}

.service-box .bigplus.active {
    background-position: -540px -76px;
}

.service-box .specs {
    height: 225px;
    right: 0;
    position: absolute;
    top: 0;
    width: 35%;
}

.service-box .specs .product {
    margin-left: 0px;
    padding-left: 75px;
}

.service-box .specs .product h4 {
    display: table;
    height: 60px;
}

.service-box .specs .product a {
    color: #fff;
    display: table-cell;
    /*font-size: 1.214em;*/
    vertical-align: middle;
    line-height: 19px;
}

.service-box .fullbackground {
    overflow: hidden;
}

.service-box img.fullbackground {
    height: 225px;
    width: auto;
}

.service-box .content {
    background: #77ba74;
    display: none;
    height: 175px;
    padding: 25px;
}

.service-box .content .error {
    bottom: 15px;
    cursor: pointer;
    left: auto;
    right: 15px;
    top: auto;
}

.big-tabs {
    background: #fbfbfb;
    border: 1px solid #fbfbfb;
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
    margin-top: 30px;
    padding: 20px 30px 5px;
    position: relative;
}

.big-tabs .arrowrightgrey {
    display: none;
    left: auto;
    margin-top: -8px;
    right: -16px;
    top: 50%;
}

.big-tabs h2 {
    color: #005ca9;
}

.big-tabs.top {
    margin-top: 0px;
    top: initial;
}

.big-tabs.bottom {
    bottom: initial;
}

.big-tabs:hover {
    border: 1px solid #e8e8ea;
    cursor: pointer;
}

.big-tabs:hover .arrowrightgrey {
    display: block;
}

.life-sections .kids {
    min-height: 423px;
}

.life-sections .kids .oysterTxt {
    background: rgba(255, 255, 255, 0.8);
    color: #005ca9;
    margin: 0px auto;
    padding-top: 60px;
    height: 210px;
    width: 270px;
}

.life-events-container {
    left: 6.5%;
    position: absolute;
    top: 82px;
    z-index: 2;
}

.life-event {
    cursor: pointer;
    display: inline-block;
    padding-left: 60px;
    position: absolute;
}
.life-event span {
    color: #fff;
    display: block;
    font-size: 1.21em;
    font-style: normal;
    font-weight: bold;
    line-height: 62px;
}

.life-event.no1 {
    left: 0;
    top: 180px;
    z-index: 10;
}
.life-event.no2 {
    left: 33.86%;
    top: 220px;
    z-index: 9;
}
.life-event.no3 {
    left: 8.46%;
    top: 375px;
    z-index: 8;
}
.life-event.no4 {
    left: 69.33%;
    top: 250px;
    z-index: 7;
}
.life-event.no5 {
    left: 67.73%;
    top: 420px;
    z-index: 6;
}

.life-event-active {
    background: #fff;
    border: 1px solid #b2b2b2;
    color: #282b34;
    display: none;
    left: 60px;
    padding: 20px;
    position: absolute;
    top: 0px;
    width: 178px;
}

.bottom-life-event {
    padding: 30px 0px;
}

.teaser .box.life,
.date-field {
    position: relative;
}

.life-check.box {
    height: 280px;
    margin-left: 0px;
}

ul.list {
    list-style-type: none;
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px;
}

ul.feature-list {
    margin-bottom: 0px;
}

ul.list li {
    line-height: 1.4em; /* prev was 'normal' */
    margin: 0px;
    margin-bottom: 5px;
    min-height: 20px;
    padding: 0px 0px 0px 30px;
    position: relative;
    text-align: left;
}

ul.feature-list li {
    height: 35px;
    line-height: 35px;
    padding-left: 30px;
}

ul.feature-list li div {
    display: block;
    float: left;
}

ol.first_list {
    counter-reset:li; /* Initiate a counter */
    margin:0px; /* Remove the default left margin */
    padding:0px; /* Remove the default left padding */
}
ol.second_list {
    counter-reset:li 3; /* Initiate a counter */
    margin:0px; /* Remove the default left margin */
    padding:0px; /* Remove the default left padding */
}
ol.second_list2 {
    counter-reset:li 4; /* Initiate a counter */
    margin:0px; /* Remove the default left margin */
    padding:0px; /* Remove the default left padding */
}
ol.second_list3 {
    counter-reset:li 5; /* Initiate a counter */
    margin:0px; /* Remove the default left margin */
    padding:0px; /* Remove the default left padding */
}
ol.second_list4 {
    counter-reset:li 2; /* Initiate a counter */
    margin:0px; /* Remove the default left margin */
    padding:0px; /* Remove the default left padding */
}

ol.second_list9 {
    counter-reset:li 9; /* Initiate a counter */
    margin:0px; /* Remove the default left margin */
    padding:0px; /* Remove the default left padding */
}
ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 25px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:3px 8px 0px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
}
ol > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
    top:-2px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    /* Some space between the number and the content in browsers that support
    generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    border-top:2px solid #808080;
    color:#fff;
    background:#808080;
    font-family:Arial, sans-serif;
    text-align:center;
    margin-top: 8px;
}
li ol,
li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}

.copyright {
    font-size: .857em;
    height: 25px;
    line-height: 25px;
    padding: 7px 0px 8px;
    text-align: center;
}

.copyright .box {
    margin-top: 0px;
    margin-bottom: 0px;
}

.copyright label {
    display: block;
    float: left;
}

/*  Fidelity
===================== */

.fidelityCards {
    background: url('../images/fidelity-cards.png') 0 0 no-repeat;
    height: 206px;
    width: 428px;
}

.fidelityCards.silver,
.fidelityCards.gold {
    background-position: 0 -206px;
    height: 128px;
    margin: 0px auto;
    width: 145px;
}

.fidelityCards.gold {
    background-position: -145px -206px;
}

.fidelityFeatures {
    padding-top: 20px;
}

.fidelityFeatures h2 {
    margin-bottom: 10px;
}

.fidelityFeatures h2 hr {
    border-top-width: 2px;
    margin-top: 10px;
    width: 12%;
}

.fidelityFeatures .fidelityCards {
    margin-top: 35px;
}

.fidelityFeatures ul.list li {
    margin-bottom: 25px;
}

.fidelityFeatures a.button {
    margin-left: 10px;
}

.cardProducts {
    display: inline-block;
    margin-bottom: 20px;
}

.cardProducts .separator {
    margin: 0px;
    margin-bottom: 5px;
}

.cardProducts .separator span {
    position: relative;
    z-index: 2;
}

.cardProducts .separator hr {
    margin: 0px;
    z-index: 1;
}

.cardProducts .viconholder,
.cardProducts .plusWrapper {
    float: left;
}

.txtDisclaimer {
    color: #999999;
    font-style: italic;
}

.viconholder {
    padding-top: 60px;
    position: relative;
    text-align: center;
}

.viconholder i {
    left: 50%;
    margin-left: -30px;
}

.plusWrapper {
    height: 35px;
    margin: 0px 25px;
    position: relative;
    width: 35px;
}

.plusWrapper .size35.plussign {
    left: 0;
    top: 13px;
}

.fidelitySection {
    margin-top: 25px;
}

.fidelity.products .box.product {
    height: 95px;
}

.fidelitySection.fullbackground {
    margin-top: 0px;
    padding-bottom: 50px;
}

.fidelitySection.last {
    margin-bottom: 45px;
}

.fidelitySection fieldset {
    padding: 25px 0px 0px 0px;
}


/*  Headings and text
===================== */

h1, h2, h3, h4, h5, h6 {
    font-family: 'StoneSansITCStd-Medium';
    font-weight: normal;
    margin: 0px;
    margin-bottom: 20px;
    padding: 0px;
}

h1 {
    font-size: 2.286em;
    line-height: 36px;
}

h2 {
    font-size: 1.429em;
    line-height: 24px;
}

h3 {
    font-size: 1.214em;
    line-height: 24px;
}

h4 {
    font-family: 'StoneSansITCStd-SemiBold';
    font-size: 1em;
    margin-bottom: 5px;
}

h4 a:link, h4 a:visited {
    font-style: normal; 
    font-family: 'StoneSansITCStd-SemiBold';
    text-decoration: none;
}

h4 a:hover {
    text-decoration: underline;
}

.breadcrums li {
    color: #999999;
    font-style: italic;
    font-size: .929em;
}

.breadcrums.white li {
    color: #fff;
}

.breadcrums.black li {
    color: #000;
}

.headers h1, .headers h3 {
    min-height: 35px;
    line-height: 42px;
    padding-left: 42px;
    position: relative;
}

.headers h3 {
    line-height: 24px;
}

.headers h1, .headers h3, .info h1 {
    margin-bottom: 10px;
}

.white .headers {
    color: #fff;
}

.products h1,
form h1 {
    text-align: center;
}

.products h1 {
    margin-bottom: 5px;
}

/*.product-box.description-small h1 {
min-height: 55px;
}*/

.life-sections h1 {
    color: #fff;
    margin-bottom: 0px;
    text-align: center;
}

.product-box.description-small h1 span {
    color: #999;
    display: block;
    font-size: .4em;
    line-height: normal;
}

.product-box.description-small h1 span small {
    font-size: 1em;
    text-decoration: line-through;
}

.product-box.description-small h1,
.product-box.description-small h2,
.product-box.description-small h3 {
    margin-bottom: 0px;
}

.product-box.description-small h1 {
    margin-bottom: 8px;
}

/*
.product-box.description-small h1.spacing-bottom {
margin-bottom: 12px;
}
*/
.product-box.description-small h2 span {
    color: #808080;
}

.product h2 {
    margin-bottom: 0px;
}

.box.text p,
.box.text h2 {
    margin-bottom: 0px;
}

.life-situation-prods h2 {
    margin-bottom: 5px;
}

.info h3 {
    margin-bottom: 10px;
}

.description-small h3 {
    margin-bottom: 10px;
    text-align: left;
}

.product-box.description-small h3 {
    text-align: center;
}

h3.big {
    height: 35px;
    line-height: 39px;
    margin-bottom: 0px;
    padding-left: 25px;
    position: relative;
}

.teaser h3.big {
    background: #fff;
    opacity: 0.8;
    padding-left: 45px;
    position: static;
}

.box.news h3 {
    margin-bottom: 10px;
}

form h3 {
    text-align: center;
}

.contact-box h3 {
    font-size: 1.428em;
    margin-bottom: 10px;
}

ol h3 {
    margin-bottom: 5px;
}

.life-sections h3.subtitle {
    background-color: #fff;
    color: #282b34;
    display: inline-block;
    /*height: 35px;
    line-height: 40px;*/
    padding: 10px;
    opacity: 0.8;
    text-transform: uppercase;
}

.life-sections .box .hoverTxt h3 {
    margin-bottom: 10px;
}

.life-sections img.fullbackground {
    bottom: 0;
    top: auto;
}

.life-event-active h3 {
    margin-bottom: 10px;
}

.life-situation-bubble h1,
.life-situation-bubble h3 {
    margin-bottom: 5px;
}

.life-sections .box .hoverTxt p {
    margin-bottom: 20px;
}

.life-situation-prods .box img {
    margin-bottom: 10px;
    width: 100%;
}

.box.news p {
    margin-bottom: 5px;
}

.description-small p {
    text-align: left;
}

.product-box.description-small p {
    text-align: center;
}

.box.news span, .txtDisclaimer {
    font-size: .929em;
    font-family: 'MyriadRegular';
}

.question span,
.contact-box span {
    display: block;
    font-size: 1.214em;
}

p {
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px;
}

legend {
    color: #808080;
    font-size: 1em;
    text-transform: uppercase;
}


/*  Overlay
===================== */

.overlay-content {
    background: #fff;
    border: 2px solid #e1e1e1;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
    display: none;
    left: 50%;
    margin-left: -43.5%;
    padding-top: 40px;
    position: absolute;
    top: 30px;
    z-index: 12;
}

.legal-content {
    margin-left: -410px;
    min-width: 0px;
    width: 820px;
}

.legal-content header, .legal-content .section {
    min-width: 0px;
}

.legal-content .group {
    padding: 0px 20px;
}

.legal-content .group .headers {
    margin-top: 40px;
}

.legalTable {
    background: #fff;
    border: 10px solid #fff;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
}

.legalTable.noMargins {
    border: 0px;
    margin: 0px;
}

.legalTable thead {
    background: #fff;
}

.legalTable thead th {
    background: #7fadd4;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-weight: normal;
    vertical-align: bottom;
}

.legalTable tbody,
.legalTable tbody tr {
    background: #7fadd4;
}

.legalTable tbody td {
    background: #f4f4f4;
    border-top: 1px solid #7fadd4;
    border-left: 1px solid #7fadd4;
}

.legalTable tbody tr:first-child td {
    border-top: 0px;
}

.legalTable tr td:first-child {
    border-left: 0px;
    text-align: left;
}

.legalTable th,
.legalTable td {
    padding: 5px;
}

a.close:link, a.close:visited, a.close:hover {
    background: url('../images/sprite.png') -112px 0 no-repeat;
    display: block;
    height: 16px;
    position: absolute;
    text-indent: -9999px;
    top: 20px;
    right: 20px;
    width: 16px;
}

.legal-content a.close {
    top: 10px;
}

.overlay-content.login-form {
    min-width: 780px;
    margin-left: -35%;
    padding-bottom: 40px;
    width: 70%;
}

.overlay-content.login-form form input[type=text] {
    margin-bottom: 10px;
}

.overlay-content.login-form .vertical-spacer {
    background: url('../images/vertical-line.jpg') center center repeat-y;
    float: left;
    height: 130px;
}

.login-form .disclaimer {
    margin: 20px auto 0px auto;
    text-align: center;
    width: 90%;
}

.vertical-spacer span {
    background: #fff;
    display: block;
    font-size: 1.214em;
    margin-top: 40px;
    padding: 10px 0px;
    text-align: center;
    text-transform: uppercase;
}

.overlay-background {
    background: #282b34;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 11;
}

.overlay-background.white {
    background: rgba(255, 255, 255, 0.95);
    border-top: 2px solid rgba(225, 225, 225, 0.95);
    display: block;
    font-style: italic;
    opacity: 1;
    top: 515px;
}

.overlay-background.white h4 {
    font-style: normal;
    text-align: center;
}

.overlay-background.white a {
    font-weight: bold;
}

.petitions {
    font-size: 2em;
    height: 60px;
    line-height: 60px;
    width: 60px;
}

.overlay-background.mob-nav {
    left: 100%;
    width: 85%;
}


/*  Forms
===================== */

input[type=text],
input[type=password],
textarea,
.select2-container .select2-choice {
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
    color: #282B34;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    outline: none;
    padding: 0px 10px;
}

input[readonly=readonly],
textarea[readonly=readonly] {
    background-color: #f6f6f6;
    color: #000;
}

input[readonly=readonly].hasDatepicker {
    background-color: #fff !important;
    color: #222 !important;
}

.big-element {
    width: 100%;
}

.mid-element {
    display: block;
    float: left;
    width: 28.46%;
}

.sml-element {
    display: block;
    float: left;
    width: 70%;
}

#checkout_phone_no.sml-element {
    width: 57%;
}

#telefon.sml-element {
    width: 57%;
}

#telefonpravna.sml-element {
    width: 57%;
}

.xs-element {
    display: block;
    float: left;
    width: 22.7%;
}


/* Form info box */

.details {
    cursor: pointer;
    padding-right: 35px;
    position: relative;
    line-height: 16px;
    padding-top: 9px;
}

.details div {
    background-color: #fff;
    border: 1px solid #7FADD4;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    bottom: 37px;
    color: #7FADD4;
    display: none;
    font-style: normal;
    left: 5px;
    line-height: 1.5em;
    padding: 10px;
    position: absolute;
    text-align: left;
    width: 300px;
}

.details:hover div {
    display: block;
}

.tooltip {
    background-color: #fff;
    border: 1px solid #7FADD4;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    color: #7FADD4;
    height: 35px;
    line-height: 35px;
    padding: 0px 10px;
    position: relative;
}

.spacer {
    float: left;
    font-size: 1.142em;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 7.3%;
}

input[type=text],
input[type=password],
.select2-container .select2-choice {
    height: 35px;
    line-height: 35px;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
    border: 1px solid #7fadd4;
    box-shadow: 0px 0px 5px rgba(127, 173, 212, 0.5);
    -moz-box-shadow: 0px 0px 5px rgba(127, 173, 212, 0.5);
    -webkit-box-shadow: 0px 0px 5px rgba(127, 173, 212, 0.5);
}

input[readonly=readonly]:focus,
textarea[readonly=readonly]:focus {
    border: 1px solid #e1e1e1;
    box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
}

.main-search {
    border: 1px solid #b2b2b2;
    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
    display: block;
    height: 25px;
    line-height: 25px;
    position: absolute;
    top: 12px;
    right: 0px;
}

.main-search input[type=text] {
    border: 0px;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
    border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
    height: 25px;
    line-height: 25px;
    padding: 0px 25px 0px 10px;
    outline: none;
    width: 90%;

}
.main-search input[type=text]:focus {
    border: 0px;
    outline: none;
}

.main-search input[type=submit] {
    background: url('../images/sprite.png') #fff -350px -16px no-repeat;
    border: 0px;
    height: 25px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 25px;
}

.HomeNlBox {
    border: 1px solid #e1e1e1;
    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
    display: block;
    height: 33px;
    line-height: 33px;
    position: relative;
}

.HomeNlBox input[type=text] {
    border: 0px;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
    height: 33px;
    padding: 0px 43px 0px 10px;
    outline: none;
    width: 100%;
}

.HomeNlBox input[type=button] {
    background-image: url('../images/sprite.png');
    background-position: -280px -43px;
    background-repeat: no-repeat;
    border: 0px;
    height: 31px;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 36px;
}

fieldset {
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    border-top: 1px solid #b2b2b2;
    margin: 0px auto;
    padding: 15px 0px 35px 0px;
    width: 100%;
}

fieldset.last {
    padding-bottom: 0px;
}

form fieldset {
    padding: 25px 0px;
    width: 95%;
}

form .required-label {
    color: #b2b2b2;
    font-size: .82em;
    float: right;
    font-style: italic;
    margin-top: -20px;
}

form .input-field,
form .date-field {
    /*max-width: 250px;*/
}

form .input-field.extra input[type=text] {
    padding-right: 40px;
}

form .input-field.extra-left input[type=text] {
    padding-left: 40px;
}

form .input-field.extra,
form .input-field.extra-left {
    position: relative;
}

form .input-field.extra-left .size35,
form .input-field.extra .size35 {
    background: #c6c7c7;
    border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px;
    color: #fff;
    line-height: 35px;
    left: auto;
    right: 0px;
    text-align: center;
    top: 0px;
}

form p.input-field.extra-left .size35 {
    background-color: #f0f0f0;
    border-right: 1px solid #e1e1e1;
}

form .input-field.extra-left .size35 {
    border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px;
    left: 0;
    right: auto;
}

form .status {
    max-width: 35px;
}

legend {
    padding: 0px 10px;
    text-align: center;
}

.login-form form a.arrow:link, .login-form form a.arrow:visited {
    margin-left: 0px;
    margin-top: 20px;
}


.input-container {
    float: left;
    height: 35px;
    line-height: 35px;
}
.input-container span {
    display: inline-block;
    margin-left: 5px;
}

.error input[type=text],
.error input[type=password],
.error textarea,
.error a.select2-choice {
    border: 1px solid #be001e;
}

.status {
    float: left;
    height: 35px;
    position: relative;
}

.message {
    color: #b2b2b2;
    float: left;
    height: 35px;
    line-height: 35px;
}

.error .message {
    color: #be001e;
}

.form-bottom {
    background: #e1e1e1;
    padding: 20px;
}

.form-bottom .prettycheckbox,
.form-bottom .prettyradio {
    display: block;
}

.form-bottom .prettycheckbox label,
.form-bottom .prettyradio label {
    height: auto;
    line-height: 20px;
    padding-top: 8px;
    width: 90%;
}

.form-bottom.light {
    background: #f4f4f4;
}

.form-bottom .item {
    margin-bottom: 20px;
}

.form-bottom .item:first-child {
    margin-bottom: 5px;
}

.videos-override-container {
    margin-left: -1.6%;
    margin-right: 1.6%;
}

.videos-container {
    max-width: 1140px;
    margin: 0 auto;
}

.videos-row {
    margin: 0 -15px;
}

.videos-col {
    float: left;
    position: relative;
    width: 50%;
    box-sizing: border-box;
    padding: 0 15px;
}

.video-wrap {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}

.video-wrap > iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important;
}




/* ==========================================================================
Helper classes
========================================================================== */

/*
* Image replacement
*/

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/

.visuallyhidden {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
* Hide visually and from screenreaders, but maintain layout
*/

.invisible {
    visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/

.clearfix {
    *zoom: 1;
}

/* Retina displays */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

    /* i:not(.bk_icon),    */       /*------zakomentirano jer se ikone koje imaju klasu bk nisu prikazivale na mobilnom */
    .size16.edit,
    .size25.minus,
    .size25.plus,
    a.social-icon:link, a.social-icon:visited,
    a.lang:link, a.lang:visited,
    #carousel .directions a:link, #carousel .directions a:visited, #carousel .directions a:hover,
    .tip,
    .label:after,
    a.close:link, a.close:visited, a.close:hover,
    .main-search input[type=submit],
    .HomeNlBox input[type=submit] {
        background-image: url('../images/sprite2x.png'); 
        background-size: 1925px 206px;
    }

    a#logo:link, a#logo:visited, a#logo:hover,
    a.modal-logo:link, a.modal-logo:visited, a.modal-logo:hover {
        background-image: url('../images/logo-uniqa2x.jpg');
        background-size: 106px 100px;
    }
}


#osiguraniciheader {display:none;}

.akordionWrap h3 a {
    line-height: 1.8 !important;
    height: auto !important;
}

/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */

/* Mobile responsive */

@media only screen and (max-width: 1126px) {
    footer p.card-first-col {
        float: none;
    }
}

@media only screen and (max-width: 800px) and (min-width: 320px) {
    /* fix za razmak prve dvije grupe u footeru*/
    .razmakFix {display: none;}

    .web-version {
        display: none !important;
    }
    
    #kastomajdi{
		margin-top:110px;
	}

    #dodatnapokrica .message {
        position: relative;
        display: block;
        margin-top: 20px;
    }

    #dodatnapokrica .input-field span {
        margin-top: 11px!important;
    }

    .footer-links .links-group,
    .breadcrums,
    .size35.plussign {
        display: none;
    }

    .mobile-version {
        display: block;
    }

    /*
    #paketi_div ul.list li {
    padding: 0;
    text-align: center;
}
    */

    /*
    #paketi_div .size25.tickgreen {
    position: relative;
    left: auto;
    top: auto;
    display: inline-block;
}
    */

    a.account-type:link, a.account-type:visited {
        background: #fff;
        border: 0px;
        color: #999;
        display: block;
        float: left;
        height: 28px;
        line-height: 28px;
        margin: 0px;
        padding: 0px;
        text-align: center;
        text-decoration: none;
        width: 30%;
    }
    a.account-type:hover, a.account-type.selected {
        color: #7fadd4;
    }

    a.account-action:link, a.account-action:visited {
        float: left;
        height: 25px;
        text-indent: -9999px;
        margin: 14px 20px 0px 0px;
        padding: 0px;
        width: 25px;
        
    }
    .mobile-version .login i {background-image: url('../images/sprite-bijeli.png');}
	.mobile-version .register i {background-image: url('../images/sprite-bijeli.png');}
    #show-mobile-menu {
        background: none;
        display: block;
        height: auto;
        line-height: normal;
        margin-top: 44px;
        padding: 0px;
        position: absolute;
        right: 20px;
        width: 20px;
    }

    #show-mobile-menu .icon-bar {
        display: block;
        height: 3px;
        background-color: #fff;
        margin: 3px 0px;
        padding: 0px;
    }

    button {
        display: inline-block;
        border: none;
        background: none;
        margin-top: 44px;
        position: absolute;
        right: 20px;
        outline: none;
    }

    button span {
        display: block;
    }

    .lines-button {
        padding: 0px;
        transition: .3s;
        cursor: pointer;
        user-select: none;
        border-radius: 0.57143rem;
    }

    .lines-button:hover {
        opacity: 1;
    }

    .lines-button:active {
        transition: linear;
    }

    .lines {
        display: inline-block;
        width: 20px;
        height: 3px;
        background: #fff;
        border-radius: 0.28571rem;
        transition: 0.3s;
        position: relative;
    }

    .lines:before, .lines:after {
        display: inline-block;
        width: 20px;
        height: 3px;
        background: #fff;
        border-radius: 0.28571rem;
        transition: 0.3s;
        position: absolute;
        left: 0;
        content: '';
        -webkit-transform-origin: 0.28571rem center;
        transform-origin: 0.28571rem center;
    }

    .lines:before {
        top: 6px;
    }

    .lines:after {
        top: -6px;
    }

    .lines-button.x.close .lines {
        background: transparent;
    }

    .lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        top: 0;
        width: 20px;
    }

    .lines-button.x.close .lines:before {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
    }

    .lines-button.x.close .lines:after {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
    }

    ul.mobile-nav {
        background: #fff;
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
        display: none;
        left: 100%;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 0;
        width: 85%;
        z-index: 12;
    }

    ul.mobile-nav li {
        display: block;
    }

    ul.mobile-nav li.last {
        border-top: 1px solid #fff;
        padding: 20px;
    }

    ul.mobile-nav li > a:link, ul.mobile-nav li > a:visited {
        background: #7fadd4;
        color: #fff;
        height: 35px;
        line-height: 35px;
        margin-top: 1px;
        padding: 0px 20px;
        padding-top: 5px;
        position: relative;
    }

    ul.mobile-nav li > a.main:link, ul.mobile-nav li > a.main:visited {
        background: #005ca9;
        color: #fff;
    }

    ul.mobile-nav i.size35 {
        background-position: -1505px -41px;
        left: auto;
        right: 10px;
    }

    ul.mobile-nav i.size35.plus.minus {
        background-position: -1435px -41px;
    }

    ul.mobile-nav i.size35.plus {
        background-position: -1470px -41px;
    }

    ul.mobile-nav li > a.main.logo:link, ul.mobile-nav li > a.main.logo:visited, ul.mobile-nav li > a.main.logo:hover {
        background: url('../images/logo-uniqa-white2x.png') center center no-repeat;
        background-size: 106px 100px;
        height: 100px;
        line-height: normal;
        margin: 0px auto;
        padding: 0px;
        text-indent: -9999px;
        width: 106px;
    }

    ul.mobile-nav li > a.mylife:link, ul.mobile-nav li > a.mylife:visited, ul.mobile-nav li > a.mylife:hover {
        padding-left: 43px;
    }

    ul.mobile-nav .sub {
        display: none;
        margin: 0px;
        padding: 0px;
    }

    .mobile-nav .main-search {
        height: 35px;
        line-height: 35px;
        position: relative;
        top: auto;
        right: auto;
    }

    .mobile-nav .main-search input[type=text] {
        height: 35px;
        line-height: 35px;
    }

    .mobile-nav .main-search input[type=submit] {
        top: 5px;
    }

    .inner-section, header nav, .overlay-content {
        max-width: 95%;
        min-width: 0px;
        padding: 0px;
        width: 90%;
    }

    .overlay-content {
        padding-top: 40px;
    }

    header, #carousel, .section, footer {
        min-width: 0px;
    }

    .tip {
        display: none;
    }

    .headers, .title-details {
        margin-top: 35px;
    }

    .selection-summary {
        margin-bottom: 30px;
    }

    .selection-summary h2 {
        background: url('../images/bg-expand.jpg') repeat-x;
        border: 1px solid #e1e1e1;
        height: 35px;
        line-height: 39px;
        margin: 0px;
        padding: 0px 10px;
        position: relative;
    }

    .selection-summary h2 .size25 {
        background-position: -700px -16px;
        display: block;
        left: auto;
        right: 5px;
        top: 5px;
    }

    .selection-summary h2 .size25.minus {
        background-position: -725px -16px;
    }

    .selection-summary .content {
        display: none;
        margin-bottom: 0px;
        margin-top: 1px;
    }

    .form-bottom.light.mobile-version {
        text-align: center;
    }

    .payments-disclaimer {
        margin-bottom: 30px;
    }

    .payment-names .logos {
        width: 80%;
    }

    .payment-names .logos li.elv {
        margin-left: 0px;
    }

    .payment-names ul li {
        font-size: .929em;
    }

    .info,
    .testimonial .info,
    .life-check .info {
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
        margin: 70px 0px 0px 0px;
        padding: 10px;
        width: 100%;
    }

    .bx-controls {
        display: none;
    }

    .testimonial .info,
    .life-check .info {
        margin: 10px auto 0px;
        float: none;
        width: 90%;
    }

    .span_12_of_12.life-check .info {
        width: 90%;
    }

    .life-check img.fullbackground {
        height: 100%;
        left: -20%;
        width: auto;
    }

    .info h1 {
        font-size: 1.8em;
    }

    .info h3 {
        font-size: 1em;
    }

    .info h1, .info h3 {
        margin-bottom: 0px;
    }

    #carousel {
        border-bottom: 1px solid #bdbdbd;
    }

    #carousel .info {
        bottom: 0;
        padding: 20px 40px;
        position: absolute;
    }

    #carousel .directions a:link, #carousel .directions a:visited, #carousel .directions a:hover {
        top: 60px;
    }

    #carousel img.fullbackground {
        min-height: 0;
        height: 400px;
        left: auto;
        right: 0;
        width: auto;
    }

    .teaser {
        padding-bottom: 0px;
    }

    .box .small {
        border: 1px solid #bdbdbd;
        height: 35px;
        padding: 0px;
    }
    .box .small .size35 {
        top: 0px !important;
    }
    .box .small img {
        display: none;
    }

    .small a.button {
        margin-left: 0px;
        width: 100%;
    }

    .teaser .box {
        height: auto;
        margin-bottom: 20px;
    }

    .teaser .box.life {
        height: 235px;
    }

    .box.product {
        height: auto;
        margin-bottom: 5%;
        padding-left: 75px;
    }

    .box.question, .box.contact-box {
        margin-bottom: 25px;
        margin-top: 25px;
    }

    .social .box {
        margin-bottom: 5%;
    }

    .social .box p {
        height: auto;
        min-height: 50px;
    }

    .greyGradientRepeat {
        /* fix za footer
        background: #c6c7c7;*/
    }

    nav.form_nav ul li {
        padding: 0px 20px 0px 55px;
    }

    nav.form_nav ul li .size35 {
        top: 0px;
    }

    nav.form_nav ul li .size35.crumspacer {
        right: -10px;
    }

    nav.form_nav ul li.disclaimer {
        display: none;
    }

    .ui-datepicker {
        left: 50% !important;
        margin-left: -135px !important;
    }

    /* Travel for mobile */

    .travel-header {
        width: 100%;
    }

    .travel-header .biggerHeight {
        height: 500px;
        max-width: 100%;
        width: 100%;
    }

    .travel-header .biggerHeight #travel-step1,
    .travel-header .biggerHeight #travel-step2,
    .travel-header .biggerHeight #travel-step3,
    .travel-header .biggerHeight #travel-step4 {
        margin-top: 0px;
    }

    #travel-step1.active {
        height: 200px;
    }

    #travel-step2.active,
    #travel-step3.active,
    #travel-step4.active {
        height: 150px;
    }

    #travel-step1.done {
        height: 140px;
    }

    #travel-step2.done,
    #travel-step3.done,
    #travel-step4.done {
        height: 110px;
    }

    .travel-header .done .selecting_step {
        height: 50px;
    }

    .travel-header #travel-step1.done .selecting_step {
        height: 70px;
    }

    .travel-header a.step:link, .travel-header a.step:visited {
        margin-top: 10px;
    }

    .travel-header .active .world-map, .travel-header .done .select-option {
        display: none;
    }

    .travel-header .active a.step:link, .travel-header .active a.step:visited {
        margin-top: 10px;
    }

    .selecting_step, .travel-header .active .selecting_step.map, .selecting_step.calendar {
        background: rgba(255,255,255, 0.5);
        border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
        height: auto;
        left: 0;
        margin-left: 0px;
        padding: 50px 0px 10px 0px;
        top: 0;
        width: 100%;
    }

    .travel-header .done .selecting_step,
    .travel-header .done .selecting_step.calendar {
        background: none;
        padding-top: 50px;
    }

    .travel-header dl, .travel-header .date-field, .select-option {
        margin: 0px auto;
        margin-top: 15px;
        width: 185px;
    }

    .select-option {
        width: 250px;
    }

    .travel-header .size16.edit {
        background-position: -1440px -76px;
        height: 60px;
        left: 70%;
        top: 30%;
        width: 60px;
    }

    .travel .product-box.description-small {
        margin-bottom: 25px;
    }

    .travel .product-box.description-small .details div {
        margin-left: -200px;
    }

    .travel .product-box.description-small .details div .size16.arrowdown {
        left: auto;
        right: 60px;
    }

    .size60.arrowdown {
        top: 795px;
    }


    /* Animations elements */

    #bigplane {
        bottom: -2%;
    }

    #middleplane {
        bottom: 7%;
    }

    #grass {
        bottom: 2%;
    }

    .attractions div {
        bottom: 0%;
    }

    #suitcase, #adultstatic, #adultwalking, #kidstatic, #kidwalking {
        bottom: 3%;
    }

    #kidleaving {
        bottom: 2.5%;
    }

    #tower {
        bottom: 5%;
    }

    .news-image {
        float: none;
        margin: 0px;
        margin-bottom: 20px;
        width: 100%;
    }


    footer .footer-links,
    .products {
        padding: 20px 0px;
    }

    footer .footer-links {
        margin: 0px;
        max-width: 100%;
        padding: 0px;
        width: 100%;
    }
    /*fix za footer */
    footer .footer-links .box {
        /* background-color: #f4f4f4;
        border-top: 1px solid #fff;*/
        margin: 0px;
        margin-top: 1px;
        padding: 0px 10px 0px 20px;
    }

    footer .footer-links .box h4 {
        /* fix za footer*/
        border-top:1px solid #e1e1e1;

        cursor: pointer;
        font-family: 'StoneSansITCStd-Medium';
        height: 35px;
        line-height: 39px;
        margin: 0px;
        padding: 0px;
        position: relative;
    }

    footer a:link, footer a:visited {
        display: block;
        height: 35px;
        line-height: 35px;
        position: relative;
    }

    footer .footer-links i.size35 {
        background-position: -1540px -41px;
        display: block;
        left: auto;
        right: 0px;
    }

    footer .footer-links i.size35.plus.minus {
        background-position: -1540px -41px;
    }

    footer .footer-links i.size35.plus {
        background-position: -1575px -41px;
    }

    form label {
        text-align: left;
    }

    .copyright {
        height: auto;
        line-height: normal;
        text-align: center;
    }

    .copyright label, a.social-icon:link, a.social-icon:visited, a.lang:link, a.lang:visited {
        display: inline-block;
        float: none;
    }

    .copyright label {
        display: block;
    }

    .copyright .box {
        padding: 2% 0px;
    }

    .status {
        float: right;
        height: 0px;
    }

    form label {
        /*
        height: 25px;
        line-height: 25px;
        */
    }

    form label.details {
        height: 35px;
        line-height: 35px;
        padding: 0px 0px 0px 25px;
    }

    .big-element {
        width: 87%;
    }

    .mid-element {
        width: 24.13%;
    }

    .normal .size35,
    .ok .size35,
    .error .size35 {
        left: auto;
        right: -5px;
        top: -40px;
    }

    .details .size35 {
        left: 0px;
        top: 0px;
        right: auto;
    }

    .date-field .size35,
    .date-fields .size35 {
        left: 74%;
        top: 0px;
    }

    .details .size35.information {
        background-position: -892px -41px;
        width: 18px;
    }

    .product-box.description-small ul.list {
        margin-left: 20%;
        width: 100%;
    }

    .message {
        height: auto;
        line-height: normal;
        margin-bottom: 15px;
        margin-top: -3px;
    }

    .details div {
        margin-left: -15px;
        width: 250px;
    }

    .overlay-content {
        margin-left: -45%;
    }

    .login-form .inner-section {
        min-width: 0px;
    }

    .overlay-content.login-form {
        min-width: 0px;
        margin-left: -45%;
        width: 90%;
    }

    .overlay-content.login-form form .big-element {
        width: 100%;
    }

    .overlay-content.login-form .vertical-spacer {
        height: 80px;
    }

    .reset-pass-form-confirm {
        min-width: 780px;
        margin-left: -35%;
        padding-bottom: 40px;
        width: 70%;
    }

    .vertical-spacer span {
        margin-top: 18px;
    }

    .form-bottom {
        padding: 20px 0px;
    }

    .form-bottom .inner-section {
        min-width: 0;
    }

    .prettycheckbox a, .prettyradio a {
        position: absolute;
    }

    .product-box.description-small .prettycheckbox a, .product-box.description-small .prettyradio a {
        position: static;
    }

    .prettycheckbox label, .prettyradio label {
        height: auto;
        line-height: 18px;
        padding: 10px 0px 0px 30px;
    }

    .select2-container, .select2-drop, .select2-search, .select2-search input {
        width: 87%;
    }

    footer .footer-links .box.kontaktpodaci {
        padding: 10px 10px 10px 20px;
    }
}


@media only screen and (max-width: 768px) {
    #carousel img.fullbackground {
        height: 280px;
    }

    .box.product h4,
    .box.product p {
        margin-left: 70px;
    }

    .inner-section .box.product h4,
    .inner-section .box.product p {
        margin-left: 0;
    }

}

/* Mobile responsive (a bit smaller) */

@media only screen and (max-width: 480px) {
    h1 {
        font-size: 1.5em;
        line-height: 26px;
    }
    footer a:link, footer a:visited {
        display: block;
        height: auto;
        line-height:  normal;
        position: relative;
    }

    #carousel img.fullbackground {
        height: 175px;
        right: -20%;
    }

    #carousel .info {
        bottom: 30px;
    }

    .biggerHeight img.fullbackground {
        min-width: 480px;
    }

    #carousel ul.mainUL {
        height: 355px;
    }

    #carousel ul.mainUL li.fullbackground {
        height: 385px;
    }

    #carousel.biggerHeight {
        height: 365px;
    }

    .akordionWrap .opis {
        margin-bottom: 20px !important;
        font-size: 14px !important;
        padding: 20px !important;
    }

}

/* 800px - 1024px */

@media only screen and (max-width: 1024px) and (min-width: 801px) {
    #osiguraniciheader {display:block !important;}
    div.osiguranicidiv label{display:none !important;}

    header, .biggerHeight, .section, footer {
        min-width: 740px;
    }

    header nav ul li > a:link, header nav ul li > a:visited, ul.mobile-nav li > a:link, ul.mobile-nav li > a:visited {
        font-size: 1em;
        padding: 0px 5px;
    }

    .main-search {
        right: 3px;
    }

    .inner-section, header nav, .overlay-content {
        min-width: 720px;
        max-width: 1000px;
        padding: 0px 10px;
        width: 97%;
    }

    .overlay-content {
        padding: 40px;
        width: 87%;
    }

    .overlay-content.legal-content {
        padding: 0px;
        width: 820px;
    }

    .overlay-content fieldset .inner-section {
        min-width: 690px;
    }

    .overlay-content.login-form {
        margin-left: -46.5%;
    }

    .whitebg {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    h2 {
        font-size: 1.3em;
    }

    h3 {
        font-size: 1.1em;
    }

    .box.product {
        height: auto;
        min-height: 70px;
    }

    .social .box p {
        height: auto;
        padding-bottom: 10px;
    }

    .contact-box .content {
        padding: 10px;
    }

    .box.question {
        padding: 15px;
    }

    .box.text p {
        font-size: .929em;
    }

    .contact-box ul.tabs li a:link, .contact-box ul.tabs li a:visited {
        font-size: .8em;
    }

    a.claim-btn:link, a.claim-btn:visited, a.claim-btn:hover,
    a.branch-btn:link, a.branch-btn:visited, a.branch-btn:hover,
    a.call-btn:link, a.call-btn:visited, a.call-btn:hover,
    a.homebtn:link, a.homebtn:link, a.homelink:hover,
    a.flatbtn:link, a.flatbtn:link, a.flatbtn:hover,
    a.claim-btn.mainColor:link, a.claim-btn.mainColor:link, a.claim-btn.mainColor:hover {
        padding: 0px 10px 0px 30px;
    }

    a.claim-btn .size35,
    a.branch-btn .size35,
    a.call-btn .size35 {
        left: 0px;
    }

    a.arrow:link, a.arrow:visited {
        font-size: .929em;
    }

    .feature-list .size25.tickgreen {
        left: auto;
        margin: 0px;
        margin-top: 10px;
        position: absolute;
        right: 0;
    }

    ul.feature-list li div {
        font-size: .85em;
    }

    .product-box.description-small ul.list {
        /*margin-left: 15%;
        width: 70%;*/
    }

    .payment-methods .box {
        padding: 10px 15px 10px 5px;
    }

    .payment-methods .prettyradio label {
        font-size: .929em;
    }

    .payment-methods .prettyradio label span {
        font-size: .65em;
    }

    .form-bottom .inner-section {
        min-width: 740px;
    }

    .overlay-content .form-bottom .inner-section {
        min-width: 690px;
    }

    .form-bottom.light .box.span_1_of_12 {
        display: none;
    }

    .form-bottom.light .box.span_11_of_12 {
        margin: 0px;
        width: 100%;
    }

    .info {
        width: 40%;
    }

    .testimonial .info {
        width: 65%;
    }

    /* Travel */

    #grass {
        bottom: 9%;
    }

    a.social-icon:link, a.social-icon:visited, a.lang:link, a.lang:visited {
        margin-left: 2px;
    }

    .copyright {
        padding: 7px 0px 8px;
    }
}

/* Sub menu appearance 1200px */

@media only screen and (min-width: 1024px) {
    #osiguraniciheader {display:block !important;}
    div.osiguranicidiv label{display:none !important;}
    .submenu.large {
        width: 650px;
    }

}

/* 1600px Breakpoint */

@media only screen and (min-width: 1600px) {
    #osiguraniciheader {display:block !important;}
    div.osiguranicidiv label{display:none !important;}
    body {
        background-color: #e1e1e1;
    }

    .bg1600px {
        background-color: #fff;
        display: block;
        height: 100%;
        left: 50%;
        margin-left: -800px;
        position: absolute;
        width: 1600px;
        z-index: -1;
    }

    header, .biggerHeight, .section, footer {
        margin-left: auto;
        margin-right: auto;
        max-width: 1600px;
    }

    .submenu.large {
        width: 750px;
    }
}

@media print,
    (-o-min-device-pixel-ratio: 5/4),
    (-webkit-min-device-pixel-ratio: 1.25),
    (min-resolution: 120dpi) {
        /* Style adjustments for high resolution devices */
}

/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
    * Don't show links for images, or javascript/internal links
    */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.green_colored_btn {
    background-color: #00A902;
}
.services_title a{
    text-decoration: none;
    font-style: normal;
    font-family: 'StoneSansITCStd-Medium';

}
.sitemap_links {
    margin-top: 20px;
    margin-bottom: 20px;
}
.sitemap_links a {
    color: #999;
    display: block;
    font-size: .929em;
    font-style: normal;
    line-height: 22px;
    text-decoration: none;
}
.sitemap_links a:hover {
    text-decoration: underline;
}

.terms_a{
    position: relative;
}

.terms_a_new{
    position: relative;
    top:-20px;
    left: 30px;
}

.agree_info_new{
    margin-left: 40px;
}

.padding_top_10{
    padding-top: 10px;
}

.center_text{
    text-align: center;
}

.a_tb{
    width: 100%;
}

table.a_tb tr td:first-child{
    text-align: center;
}

.margin_top_30{
    margin-top: 30px;
}
.center_box {
    margin: 0 auto !important;
    float: none !important;
}
.nostyle {
    font-size: inherit !important;
    font-style: normal !important;
    text-decoration: none !important;
    color: inherit !important;
}
#see_europe_something {
    color: #FFF;
    position: absolute;
    text-decoration: none;
    right: 0;
    bottom: 25px;
    display: none;
    z-index: -1;
}

form label.box {
    display:block;
    margin-right: 1.6%;
    text-align: left;	
    line-height: 14px; 
    color: #666; 
    font-size: 13px;
    padding-top: 7px;
}

/* forma prijava štete fixevi */    
#signup_form .inner-section {margin-bottom: 20px; padding-left: 0; border-bottom: 1px dotted #e1e1e1; padding-bottom: 10px;}
#prijava_form .inner-section {margin-bottom: 20px; padding-left: 0; border-bottom: 1px dotted #e1e1e1; padding-bottom: 10px;}

@media only screen and (max-width: 800px) and (min-width: 320px) {
    input[type="text"],
    input[type="number"],
    input[type="email"],
    input[type="tel"],
    input[type="password"] {
        font-size: 16px;
    }


    .teaser .box {min-height: 85px;}

    #datoteke_info {margin-top: 60px;}
    #foto-wrapper1 input {margin-bottom: 10px;}
    #signup_form  input-field {margin-top: 10px;}
    #signup_form  .sml-element {width: 58%}
    #signup_form  .message {margin-top: 0;}
    #signup_form  .inner-section {margin-bottom: 0px; padding-top: 10px;}
    #signup_form  label.box, form .input-field {margin: 0;}
    #signup_form  label.box {margin-top:10px; font-size: 14px; padding: 0; display: block;}

    #prijava_form  input-field {margin-top: 10px;}
    #prijava_form  .sml-element {width: 58%}
    #prijava_form  .message {margin-top: 0;}
    #prijava_form  .inner-section {margin-bottom: 0px; padding-top: 10px;}
    #prijava_form  label.box, form .input-field {margin: 0;}
    #prijava_form  label.box {margin-top:10px; font-size: 14px; padding: 0; display: block;}
    .contact-box.box-dolje {position: static;}
}


@media only screen and (max-width: 1295px) and (min-width: 961px) {	

    a.branch-btn:link, a.branch-btn:visited, a.branch-btn:hover,
    a.call-btn:link, a.call-btn:visited, a.call-btn:hover {

        display:block;
        position:relative;
        top:-8px;
    }

    .contact-box .content {
        padding: 20px;
    }
}

@media only screen and (max-width: 961px) and (min-width: 740px) {	
    .contact-box .content {

        height:225px;
    }

    a.branch-btn:link, a.branch-btn:visited, a.branch-btn:hover,
    a.call-btn:link, a.call-btn:visited, a.call-btn:hover {

        display:block;
        position:relative;
        left:1px;}

}

@media only screen and (max-width: 873px) and (min-width: 740px) {	
    .contact-box .content {

        height:242px;
    }
}

@media only screen and (max-width: 991px) {
    .padright30posto.zahvala {
        padding: 100px 50px;
        font-size: 20px;
    }
	
	.flexBox{
		flex-direction:column;
	}
}


.info2 {

float: left;
opacity: .9;
margin: 70px 0 0 120px;
padding: 20px;
width: 30%;
}

@media only screen and (max-width: 767px) {
	.bx-viewport-info {height: auto !important; padding-top: 15px !important;}
	.info2 {position: static !important; margin:0 0 30px 0 !important; padding: 0 15px 0 60px !important; float:none; width: 80%;}
.homeLogo {width:200px !important;}
    .videos-override-container {
        margin-left: 0;
        margin-right: 0;
    }

    .videos-col {
        width: 100%;
        margin-bottom: 20px;
    }

    .padright30posto.zahvala {
        padding: 50px;
    }

    .padright30posto.zahvala p {
        line-height: 30px;
        width: 80%;
    }
}
/*
p.disclaimer {
font-size: 9px;
font-style: italic;
}
p.disclaimer2{
font-size: 12px;
}
h3.disclaimer {
font-size: 18px;
margin-bottom: 0;
}
*/

.disclaimer p {
    font-size: 12px;
    font-style: italic;
    margin-bottom: 13px;
}

#map {
    position: relative;
    width: 100%;
    height: 440px;
}

/* landing page */

.landing .header-img {
    height: 520px;
    /*background: #0059ab url(../images/nagradna-igra-header.png) 50% 50% no-repeat;*/
    background: #0059ab url(../images/nagradna-igra-header021017.jpg) 50% 50% no-repeat;
    background-size: cover;
}

.landing .negative-margin {
    margin-top: -130px;
}

.landing .span_3_of_12 {
    width: 22.8%;
}

.landing h1 {
    color: #005ca9;
    text-transform: none;
    font-weight: bold;
}

.landing h2 {
    text-align: left;
    height: 60px;
    position: relative;
}

.landing .mainColorTxt {
    text-align: center;
    height: auto;
}

.landing .kontakt {
    font-size: 18px;
    color: #005ca9;
}

.landing .polica-title-wrapper img {
    float: left;
    margin-right: 10px;
}

.landing .description-small {
    border: 1px solid #979797;
}

.landing .polica-title-wrapper {
    height: 60px;
    display: table;
    width: 100%;
    padding: 0 40px;
}

.landing .polica-title {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    text-align: left;
}

.landing span {
    color: #4a4a4a;
    margin-top: 10px;
    font-size: 20px;
    text-align: left;
}

.landing .koje-police {
    font-size: 2.286em;
    color: #282b34;
    height: auto;
    line-height: 1.2em;
}

.landing .nezgoda {
    background-image: url(../UserDocsImages/slike/ikone/osiguranje_nezgoda_bijeli.png);
    background-repeat: no-repeat;
    left: 0;
    position: absolute;
    top: 0;
    background-position: 0 0;
    z-index: 5;
}

@media screen and (max-width: 1400px) {
    .landing span {
        font-size: 18px;
    }
}

@media screen and (max-width: 1199px) {
    .landing .polica-title-wrapper {
        height: 75px;
        padding: 0 20px;
    }

    .landing span {
        font-size: 17px;
    }

    .landing .koje-police {
        font-size: 2em;
    }
}

@media screen and (max-width: 1100px) {
    .landing .header-img {
        height: 450px;
    }

    .landing .polica-title-wrapper {
        padding: 0;
    }

    .landing .inner-section {
        padding: 0;
    }
}

@media screen and (max-width: 890px) {
    .landing .header-img {
        height: 350px;
    }

    .landing .negative-margin {
        margin-top: -100px;
    }
}

@media screen and (max-width: 800px) {
    .landing .span_3_of_12 {
        width: 48%;
    }

    .landing .polica-title-wrapper {
        padding: 0 20px;
    }

    .landing .header-img {
        background-size: 125% auto;
    }

    .landing h1 {
        font-size: 2em;
    }

    .landing .polica-title-wrapper {
        height: 60px;
    }
}

@media screen and (max-width: 640px) {
    .landing span {
        display: block;
        width: 80%;
    }

    .landing .header-img {
        background-size: 150% auto;
    }

    .landing h2 {
        font-size: 1.229em;
    }

    .smart-kasko-wrap > iframe {
        width: 100% !important;
    }
}

@media screen and (max-width: 560px) {
    .landing .header-img {
        height: 320px;
    }
}

@media screen and (max-width: 490px) {
    .landing .span_3_of_12 {
        width: 100%;
    }

    .landing .polica-title-wrapper {
        display: block;
        padding: 0;
        height: auto;
    }

    .landing .polica-title-wrapper img {
        float: none;
        display: block;
        margin: 0 auto;
    }

    .landing .polica-title {
        display: block;
    }

    .landing span {
        width: 100%;
        text-align: center;
    }

    .landing .koje-police {
        font-size: 1.7em;
    }
}

@media screen and (max-width: 414px) {
    .landing .header-img {
        height: 310px;
        background-size: 155% auto;
    }
}

@media screen and (max-width: 375px) {
    #dodatnapokrica .prettycheckbox,
    #dodatnapokrica .prettyradio {
        margin-right: 5px;
    }

    #dodatnapokrica label.box {
        width: 90%;
        margin-bottom: 15px;
    }

    #dodatnapokrica .normal .size35,
    #dodatnapokrica .ok .size35,
    #dodatnapokrica .error .size35 {
        right: -20px;
    }
}

@media screen and (max-width: 320px) {
    .landing .header-img {
        height: 260px;
    }

    .landing .online-prijava .box.product {
        padding-left: 0 !important;
    }

    .landing .negative-margin {
        margin-top: -70px;
    }

    .landing .online-prijava iframe {
        overflow: hidden !important;
    }

    .landing #userData {
        width: 230px;
    }

    #carousel .info {
        bottom: 0;
    }

    .info h1 {
        font-size: 1.6em;
    }
}

.moja-uniqa .product-box .description-small .button {
    display: block;
    position: absolute!important;
    bottom: 20px;
    width: 160px;
    padding: 0;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.product-box .description-small .button.buttondown{bottom:60px;}

.orange-btn {
    background: #f7a600;
    color: #ffffff;
    padding: 0 20px;
    display: inline-block;
    color: #fff!important;
    height: 100%;
    font-family: 'StoneSansITCStd-Medium';
    font-size: 1.143em;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    text-decoration: none!important;
    font-style: normal!important;
}


/* uniqa ukrajina */
@font-face {
    font-family: 'newp';
    src: url('fonts/newp.eot?rugkrv');
    src: url('fonts/newp.eot?rugkrv#iefix') format('embedded-opentype'),
        url('fonts/newp.ttf?rugkrv') format('truetype'),
        url('fonts/newp.woff?rugkrv') format('woff'),
        url('fonts/newp.svg?rugkrv#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon-newp {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'newp' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;



}
.icon-icon-0 {
    width: 40px;
    height: 40px;
    margin-bottom: 0;
}

.icon-icon-10:before {
    content: "\e90a";
}
.icon-icon-28:before {
    content: "\e91c";
}
.icon-icon-29:before {
    content: "\e91d";
}
.icon-icon-30:before {
    content: "\e91e";
}
.icon-icon-31:before {
    content: "\e91f";
}
.icon-icon-32:before {
    content: "\e920";
}
.icon-icon-33:before {
    content: "\e921";
}
.icon-icon-34:before {
    content: "\e922";
}
.icon-icon-35:before {
    content: "\e923";
}
.icon-icon-36:before {
    content: "\e924";
}
.icon-icon-41:before {
    content: "\e925";
}
.icon-icon-37:before {
    content: "\e926";
}
.icon-icon-38:before {
    content: "\e927";
}
.icon-icon-39:before {
    content: "\e928";
}
.icon-icon-40:before {
    content: "\e929";
}
.icon-icon-1:before {
    content: "\e900";
}
.icon-icon-2:before {
    content: "\e901";
}
.icon-icon-3:before {
    content: "\e902";
}
.icon-icon-4:before {
    content: "\e903";
}
.icon-icon-5:before {
    content: "\e904";
}
.icon-icon-6:before {
    content: "\e905";
}
.icon-icon-7:before {
    content: "\e906";
}
.icon-icon-8:before {
    content: "\e907";
}
.icon-icon-9:before {
    content: "\e908";
}
.icon-icon-11:before {
    content: "\e90b";
}
.icon-icon-12:before {
    content: "\e90c";
}
.icon-icon-13:before {
    content: "\e90d";
}
.icon-icon-14:before {
    content: "\e90e";
}
.icon-icon-15:before {
    content: "\e90f";
}
.icon-icon-16:before {
    content: "\e910";
}
.icon-icon-17:before {
    content: "\e911";
}
.icon-icon-18:before {
    content: "\e912";
}
.icon-icon-19:before {
    content: "\e913";
}
.icon-icon-20:before {
    content: "\e914";
}
.icon-icon-21:before {
    content: "\e915";
}
.icon-icon-22:before {
    content: "\e916";
}
.icon-icon-23:before {
    content: "\e917";
}
.icon-icon-24:before {
    content: "\e918";
}
.icon-icon-25:before {
    content: "\e919";
}
.icon-icon-26:before {
    content: "\e91a";
}
.icon-icon-27:before {
    content: "\e91b";
}

ol.first_list li {
   /* width: 45%;*/
    display: block;
    float: left;
}

.featuresWhite-block {
    padding: 20px 0 0 0;
    margin-bottom: 10px;
}
.featuresWhite-block.sngl {
    padding: 0;
}
.featuresWhite-block.sngl .featuresWhite-item {
    width: 40%;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
}
.featuresWhite-block.sngl .featuresWhite-item div.featuresWhite-img {
    font-size: 60px;
}
.featuresWhite-block h2 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 24px;
    color: #282b34;
}

.featuresWhite-wrapper {
/*
    margin-left: -0.5%;
    margin-right: -0.5%;
*/
    text-align: center;
}
.featuresWhite-item {
    text-align: center;
    /*float: left;
    width: 15.66%;*/
    margin-left: 0.5%;
    margin-right: 0.5%;

    display: inline-block;
    height: 133px;
    vertical-align: top;
    width: 15%;
    margin-bottom: 10px;
}
.featuresWhite-item span {
    color: #282b34;
    font-size: 16px;
    display: block;
    text-align: center;
    max-width: 160px;
    margin: 0 auto;
    margin-top: 22px;
}
.featuresWhite-item img {
    width: auto;
    height: 35px;
    max-width: 45px;
}
.featuresWhite-item div.featuresWhite-img {
    font-size: 45px;
    color: #999;
}

.quotes-block {
    margin: 40px 0;
    min-height: 200px;
}
.quotes-wrapper {

}
.quotes-item {
    width: 600px;
    padding-left: 260px;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    padding-top: 20px;
}
.quotes-before, .quotes-after {
    position: absolute;
    width: 30px;
    height: auto;
}
.quotes-before {
    top: 10px;
    left: -50px;
}
.quotes-after {
    bottom: 4px;
    right: -20px;
}
.quotes-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    height: 180px;
    border-radius: 90px;
    overflow: hidden;
}
.quotes-img img {
    width: 180px;
    height: auto;
}
.quotes-txt, .quotes-txt p {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 0;
    display: block;
    position: relative;
}
.quotes-author {
    display: block;
    font-size: 16px !important;
    line-height: 16px !important;
    margin-top: 20px;
}
.nw-1 {
    width: 38%;
    margin-top: 70px;
}
.nw-2 {
    margin-top: 70px !important;
    width: 35% !important;
}

.features-block {
    background: #7fadd4;
    padding: 60px 0px 50px 0px;
    margin-bottom: 30px;
}
.features-block.nobg {
    background: #fff !important;
}
.features-block h2 {
    text-align: center;
    margin-bottom: 40px;
    color: #282b34;
    font-size: 24px;
}
.features-wrapper {
    margin-left: -1%;
    margin-right: -1%;
    padding: 0 2%;
}
.features-wrapper.leftspace {
    margin-left: 0%;
    margin-right: 0%;
    padding: 0 6.7%;
}
.features-item {
    float: left;
    width: 31.33%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 14px;
    position: relative;
}
.features-item img {
    position: absolute;
    top: 0;
    left: 0;
    height: 35px;
    width: auto;
}
.features-item div.features-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 45px;
    width: 45px;
    display: inline-block;
    font-size: 45px;
    line-height: 40px;
    color: #282b34 !important;
}
.features-item span {
    font-size: 16px;
    line-height: 20px;
    color: #282b34;
    display: table-cell;
    padding-left: 80px;
    vertical-align: middle;
    height: 35px;
    max-width: 235px;
}

/* BLOG */



.blog-slika {
	width: 50%;
	float: left;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 235px;
}

.blog-txt {
	width: 50%;
	float: right;
	background-color: #e2ecf5;
	height: 235px;	
	overflow: hidden !important;	
}

.blog-txt-inner {
	padding: 30px;
}

a.blog-title {
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}

a.opsirnije-blog {
	color: #005ca9;
	font-style: normal;
	text-decoration: none;	
	position: relative;
}

a.opsirnije-blog:hover {
	border-bottom: 1px solid #005ca9;
}

a.opsirnije-blog span {
	background-image: url(../images/arrow-blue.svg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 10px;
	height: 6px;
	position: absolute;
	right: -20px;
	top: 50%;
	margin-top: -3px;
}

.blog-holder {
	margin-top: 500px;
}

.inner-section.group .blog-article:nth-child(2n+1),	
#blogoviholder .box:nth-child(2n+1),
.product-list .box:nth-child(2n+1),
.product-box2:nth-child(2n+1),
.products-group .box {
    margin-left: 0px;
}

/*.noLeftMargin ol.first_list li {width: auto;}*/

.products.blog-holder {padding: 0;}
.box.blog {width: 80%;}
/*#blogoviholder .box:nth-child(odd)  {margin-left: 0; border: 1px solid red;}*/





/* BLOG END */

@media only screen and (max-width : 1400px) {
	
	.blog-holder {
		margin-top: 450px;
	}	
	
}

@media only screen and (max-width : 1280px) {
	
	.blog-holder {
		margin-top: 400px;
	}	
	
}

@media only screen and (max-width : 1190px) {
	
	.blog-holder {
		margin-top: 30%;
	}	
	
}

@media only screen and (max-width : 1030px) {
	
	.blog-holder {
		margin-top: 35%;
	}	
	
}


@media only screen and (max-width : 640px) {
	
	
	.blog-slika {
		width: 100%;
		float: none;
	}

	.blog-txt {
		width: 100%;
		float: none;	
	}	
	
}

@media only screen and (max-width: 923px) {
    ol.first_list li {
        width: 90%;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 320px) {
    .features-wrapper.leftspace {
        padding: 0 2% 0 0;
    }

    .features-item {
        padding-left: 10px;
        box-sizing: border-box;
    }

    .features-item div.features-img {
        left: 20px;
    }
}

@media only screen and (max-width: 767px) and (min-width: 320px) {
    .featuresWhite-item {
        margin: 0;
        float: none;
        width: 100%;
        position: relative;
        min-height: 35px;
        margin-bottom: 30px;
        height: auto;
    }

    .featuresWhite-item span {
        margin-top: 0;
        display: inline;
    }

    .quotes-item {
        width: auto;
        padding: 200px 20px 0 20px;
    }

    .quotes-img {
        left: 50%;
        margin-left: -90px;
    }

    .quotes-txt {
        padding: 0 30px;
    }

    .features-wrapper.leftspace {
        padding: 0;
    }

    .features-item {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .features-item span {
        max-width: 100%;
        padding-right: 20px;
    }

    .quotes-after {
        right: -5px;
    }

    .quotes-before {
        left: -10px;
    }

}

#nacin_dostave_email .prettycheckbox label,
#nacin_dostave_adresa .prettycheckbox label,
#nacin_dostave_sve_Marketing .prettyradio label,
#nacin_dostave_email_Marketing .prettyradio label,
#nacin_dostave_adresa_Marketing .prettyradio label,
#nacin_dostave_telefon_Marketing .prettyradio label,
#potvrdaSuglasnosti .prettyradio label{
	display: none;
}

#potvrdaOdjave_info .prettycheckbox label {
	visibility: hidden;
	width: 0;
}

#ajdiZaDa {
	color:green;
}

#ajdiZaNe {
	color:red;
}

.error a {
    border: 1px solid #be001e;
}

.error a.twipsy, .error .prettycheckbox a {
    border:none;
}

.inlajnRejdio {
	width:68.26%;
}

.privola {
	font-size:12px;
    display: none;
}


.privola-popup {
    position: relative;
}

.privola-popup span {
    display: inline-block;
    width: 18px;
    height: 25px;
    background-image: url(/images/sprite.png);
    background-repeat: no-repeat;
    background-position: -892px -47px;
    cursor: pointer;
    vertical-align: middle;
    content: "";
    position: absolute;
    right: 0px;
    top: -40px;
    padding-bottom: 40px;
}

.privola-popup:hover .privola {
    display: block;
    top: -40px;
}
ol.first_list  ul {list-style-type: disc !important; padding-left: 20px; margin: 0;}
ol.first_list ul li {display: block; float: none; list-style: circle !important; text-indent: -.75em;} 




ol.first_list ul li::before{
	content: "• ";
	color: #0679ae;
	font-size:18px;
	position: relative;
	top: 2px;
}
ol>li ul li {display: block; float: none; list-style: circle !important;}

.inner-section.group .bx-viewport img.fullbackground {z-index: auto;}
.fullbackground.vslika {position: relative;}

.bez-tocke li::before {
    display: none;
}

ol.first_list ul.bez-tocke {
    padding-left: 0;
    margin: 10px 0 0 0; 
}
/*.ni-border {
	border:0 !important;
}
.ni-border::after {
	content: "";
	display: block;
	width: 100%;
	height: 20px;
	margin-top: 10px;
	background-image: url(../images/ni-bg.svg);

}*/

/* h1::before {
	 background-color: #ccc;
	content: "1";
	display: inline-block;
	padding: 10px;
	color: #fff;
	margin-right: 20px;
}*/

#call_you input:focus {
	box-shadow: 0px 10px 30px rgba(0, 92, 169, 0.69);
}

#stats-wrapper {
    margin: 25px auto 30px;
    text-align:center
}

#stats-wrapper h2 {
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 0;
    color: #205aa7;
    line-height: 28px;
    font-size: 24px;
    font-weight: 300;

}

#stats-wrapper h3 {
    margin: 0 0 4px;
    font-size: 36px;
    font-weight: 300;
    line-height:40px
}

#stats-wrapper p {
  
    font-size: 14px;
    color: #9b9b9b;
    line-height: 18px;
    padding: 20px 40px;
    margin:0 auto
}

.stat-container {
    background-color: #205aa7;

}

.stats {

    padding: 24px 20px 22px;
    margin: 0 auto;
    color: #fff;
    box-sizing: border-box;
    font-size:0
}

.stats > div {
    display: inline-block;
    width: 33.33%;
    box-sizing: border-box;
    vertical-align:top
}

.stats span {
    font-size:18px
}

.stats > div > div {
    height: 42px;
    margin: 10px auto 8px;
    background-repeat: no-repeat;
    background-position:center
}

.stats .rendez_img {
    background-image:url(../images/odstetni-zahtjevi.svg)
}

.stats .kifiz_img {
    background-image:url(../images/kune.svg)
}

.stats .ugyfel_img {
    background-image:url(../images/j-a.svg)
}

@media (max-width: 768px) {
    .stats > div {
        width:100%
    }

    .stats > div:nth-child(2) {
        margin:50px 0
    }

    #stats-wrapper p {
        padding:20px 20px
    }
}


.infoProizvodiHeader {
	z-index:999 !important;

}