html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
ul, ol{margin: 0 0 10px 20px;}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    color:#df323c;
}
a:hover{text-decoration: none;color:#000;}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

h1,h2,h3,h4{margin-bottom: 15px;}

input, select {
    vertical-align:middle;
}
p{margin-bottom: 20px;}
.clear{clear: both;}
.clearfix:after{content:''; display:block; clear:both;}
.radius{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.center, .text-center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
.fleft{float: left;}
.fright{float: right;}

.coskoro, #oznam{
  background: #FFD34E;
padding: 10px;
text-align: center;
margin: 0 auto;
display: inline-block;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid #DB9E36;
color: black;
}

.cookies_policy{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
}
.cookies_policy a{color:#3CF;}
.cookies_policy p{
	margin:0;
	padding:10px;
	font-size:14px;
	text-align:center;
	background:#333;
	color:#fff;
}
.cookies_policy #cookies_close{display:inline-block; margin-left:50px; border:1px solid #fff; padding:5px; background:#6CF; color:#000; text-decoration:none;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor:pointer;}
.cookies_policy #cookies_close:hover{background:#0C0; color:#000;}

body{
    font:normal 16px/1.5 'Raleway', sans-serif;
    color:#1f2f3f;
}
.container{
    width:1200px;
    margin:0 auto;
    max-width:100%;
    padding:0 15px;
}
header.container{height:110px; position:relative; padding:24px 15px 0 0;}
header .logo{margin: 0;float: left; width: 343px;}
footer{color:#5c6475; font-size:12px; text-align:center; padding:60px 0 40px 0; border-top:1px solid #abaeb5;}
footer p{margin-bottom:30px;}
footer a{color:inherit; text-decoration:none;}
.bottom_links{max-width: 1200px; text-align: center; margin: 0 auto 20px auto;}
.bottom_links span {padding: 0 4px;}
.bottom_links a{white-space: nowrap;}
main{margin-bottom:30px;}
.container.padder{padding: 10px 15px 50px 15px;}

header .menu{position:absolute; right:15px; top:30px;}
header .menu li{display:inline-block; margin-left:30px;}
header .menu li a{color:#1f2f3f; font-size:15px; display:block; text-decoration:none;}
header .menu li a:hover, footer a:hover, .box-contact a:hover, .box-row ul li a:hover{color:#df323c;}
header .menu li:last-child{margin-left:50px;}
header .menu li:last-child a{color:#df323c; padding:12px 25px; border:1px solid #df323c;}
header .menu li:last-child a:hover{background:#df323c; color:#fff;}

.button{background:#1f2f3f; color:#fff; border:0;}
.button:hover{background:#354b60; cursor:pointer;}

.top-image{
    background:#df323c url(images/top-poistenie-online.jpg) no-repeat center -15px;
    position:relative;
    padding:30px 0;
    text-align:center;
    color:#fff;
}
.top-image h1{font-size:40px; text-transform:uppercase; font-weight:normal;}
.top-image h1 strong{font-weight:800;}
.top-image .divider{height:1px; background:#d8666d; width:55px; margin:15px auto; overflow:hidden;}
.top-image p{font-size:14px; margin-bottom:15px;}
.top-image input[type=text]{border:1px solid #d5585d; height:44px; padding:0 20px; width:400px; background:none; color:#fff;}
.top-image select{border:1px solid #d5585d; height:44px; padding:0 10px; width:200px; font-size: 16px; background:none; color:#fff;}
.top-image .button{height:44px; font-weight:bold; padding:0 30px; margin-left:8px;}
.red-box h1 strong{font-weight:700;}
.red-box h2{margin: 0;}

.top-image.red-box{background: none; color: #000; padding: 15px 0;}

.kalk_menu{margin: 0 auto; padding: 0; text-align: center;}
.kalk_menu li{list-style: none; display: inline-block; margin:0 10px; padding: 0; width: 120px; height: 120px;}
.kalk_menu li a{display: block; width: 100%; height: 100%; text-align: center; font-size: 12px; text-decoration: none; color: #ffffff; -webkit-border-radius: 120px;-moz-border-radius: 120px;border-radius: 120px;
    border: 1px solid #f8878e;
background: rgba(216,99,91,0.5);}
.kalk_menu li a::before{content: ''; display: block; margin:5px auto 0 auto; width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.kalk_menu li.item-pzp a::before{background-image: url("images/icon-vozidla.png");}
.kalk_menu li.item-hp a::before{background-image: url("images/icon-hp.png");}
.kalk_menu li.item-cp a::before{background-image: url("images/icon-doprava.png");}
.kalk_menu li.item-dom a::before{background-image: url("images/icon-home.png");}
.kalk_menu li.item-zs a::before{background-image: url("images/icon-ludia.png");}

.kalk_menu li a:hover{background: rgba(216,99,91,0.9); border-color: #c6262f;}

.box-row{display:table; width:100%; margin-bottom:100px;}
.box-row:last-child{margin-bottom:50px;}
.box-sinsin, .box-single{background:#efefef; padding:50px; display:table-cell; position:relative;border-left:15px solid #fff; border-right:15px solid #fff;}
.box-sinsin{width:66.66%;}
.box-single{width:33.33%;}
.home-menu{padding:90px 0 0 0;}
.box-sinsin:after, .box-single:after{height:100px; width:100px; background-color:#df323c; background-repeat:no-repeat; background-position:center center; content:''; display:block; position:absolute; right:40px; top:-50px;}
.box-row h2{font-size:30px; color:#1f2f3f; text-transform:uppercase; margin-bottom:30px;}
.box-row h2 small{font-size:14px; color:#8f9299; display:block;}
.box-row ul{margin:0; padding:0;}
.box-row ul li{margin:0 0 8px 0; padding:0; list-style:none; font-size:14px;}
.box-row ul li a{text-decoration:none; color:inherit;}

.boxx-1:after{background-image:url(images/icon-vozidla.png);}
.boxx-2:after{background-image:url(images/icon-home.png);}
.boxx-3:after{background-image:url(images/icon-papiere.png);}
.boxx-4:after{background-image:url(images/icon-podnikatelia.png);}
.boxx-5:after{background-image:url(images/icon-prepravca.png);}
.boxx-6:after{background-image:url(images/icon-ludia.png);}

.ibox{}
.ibox .img{float: left; margin: 0 15px 15px 0; background:#df323c; }


.box-double{display:table; color:#fff;height:420px;}
.box-double > div{width:50%; display:table-cell; padding:90px 90px 0 90px; vertical-align:top;}
.box-double h2{font-size:36px; font-weight:900; margin-bottom:30px}
.blue h2 strong{color:#6d94c7;}
.box-double p{line-height:26px;}
.red{background:#df323c;}
.blue{background:#1f2f3f;}

.blue .box-right{background:url(images/blue-poistenie-aut.jpg) no-repeat left top;}
.red .box-left{background:url(images/red-poistenie.jpg) no-repeat right top;}

.mapa{background:url(images/mapa.jpg) no-repeat center top; height:500px;}

.box-contact{padding:30px 0; text-align:center;}
.box-contact h3{
    font-size:30px;
    font-weight:900;
    text-align:center;
    margin: 0;
}
.box-contact ul{display:table; width:100%;}
.box-contact ul li{display:table-cell; width:33.33%; vertical-align:top;}
.box-contact h4{font-size:18px; margin-bottom:5px;}
.box-contact ul li:last-child h4{padding-top:20px;}
.box-contact small{font-size:14px; color:#8f9299;}
.box-contact div{font-size:18px; margin-bottom:15px;color:#8f9299;}
.text-red, .box-contact .icon{color:#df323c; margin-right:10px;}

.box-contact .icon{font-size:24px;}
.box-contact .divider{height:1px; background:#dddee0; width:55px; margin:25px auto; overflow:hidden;}
.box-contact a{color:inherit; text-decoration:none;}


address{font-style:normal;}

.box2 > div{width: 50%; float: left; padding-top: 25px;}
.box2 > div:nth-child(2n+1){clear: both;}

.kontakt dl,.kontakty dl{padding:0; overflow:hidden; width:100%;}
.kontakt dt,.kontakty dt{float:left; width:15%; clear:both;font-weight:bold;}
.kontakt dd,.kontakty dd{float:left; width:85%;}


div.kontakt{margin-bottom:25px;}
.kontakt h2{color:#df323c; border-top:1px solid #DDDDDD; padding-top:25px; color:#df323c;}
.kontakt :nth-child(1) h2,.kontakt :nth-child(2) h2{border: 0;}
.kontakt dl strong{font-weight: normal;}

.custom-places{width:100%;height:500px;}
.places-info{display: none;}

main ul, main ol{margin: 20px 0 20px 20px;}

.kalkulacka{margin-bottom: 40px; position: relative;}
.kalk_inner{
    border: 40px solid #f1f2f4;
    padding:30px 55px;

}
.steps{margin: 0 auto; position: relative; list-style: 0; text-align: center; height: 40px;}
.steps li{background:#d1d3d9; color: #8a8d95; font-size: 12px; margin: 0 0 0 -3px; display: inline-block; height: 40px; line-height: 40px; padding: 0 30px; position: relative;}
.steps li a{text-decoration: none; color: #8a8d95;}
.steps li a:hover{color:#000;}
.steps li a:after{display: block; content: ''; position: absolute; top:0; left:0; bottom:0; right:0;}
.steps li strong{font-size: 16px; font-weight: normal;}
.steps li.selected{background:#f1f2f4; font-size: 14px; color: #1f2f3f; padding-top: 4px; margin-top: -4px; height: 44px;}
.steps li.selected strong{color: #df323c;}

h3.nadpis{font-size: 30px; color: #df323c; margin: 0; padding: 0; font-weight: normal; text-align: center;}

.zvolte ul{margin: 40px 0; padding: 0; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3;}
.zvolte ul li{margin: 0 0 5px 0; padding: 0; list-style: none;}
.zvolte ul li input{margin:-3px 5px 0 0;}

.btn, header .menu li:last-child a{margin: 0; display: inline-block; text-decoration: none; padding: 0 35px; height: 40px; line-height: 40px; border:1px solid #df323c; color: #df323c; font-size: 14px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background: #fff;cursor:pointer;}
.btn:hover{color: #fff; background: #df323c;}
.btn i{margin-left: 10px;}

table.step1{margin: 40px 0; width: 100%;}
table.step1 th{width: 50%; text-align: right; font-weight: normal; padding: 5px;}
table.step1 td{width: 50%; text-align: left; padding: 5px;}
table.step1 td td{width: auto;}

table.step1 select,
table.step1 input{padding: 10px; width: 300px; max-width: 100%; border: 1px solid #ddd; font-size: 14px;}

.calendarDateInput{width: auto !important;}

.tooltip {
    display:none;
    background:#000;
    font-size:12px;
    width:300px;
    padding:10px;
    color:#FFF;
    border:1px solid #000;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

.ttip{cursor:help;}

img{max-width: 100%; height: auto !important;}
iframe{max-width: 100%;}
.mobile-menu{display: none;}

@media only screen and (max-width:1200px) {

	header .logo{width: 171px; margin: 10px 0 0 0;}
	header .menu li, header .menu li:last-child{margin-left: 20px;}
	header .menu li a{font-size: 14px;}
	header.container{padding: 24px 15px 0; height: 100px;}
	.box-sinsin, .box-single{padding: 50px 15px;}
	.box-row h2{font-size: 20px; margin-bottom: 20px;}
	.box-row ul li{font-size: 12px;}
	.box-row{margin-bottom: 65px;}
	
	.box-sinsin::after, .box-single::after{width: 70px; height: 70px; background-size: 80%; top: -30px;}
	.home-menu{padding: 60px 0 0 0;}
	
	.box-double h2{font-size: 26px;}
	.box-double > div{padding: 40px  40px 0  40px;}
	
	.top-image h1{font-size: 30px;}
}
@media only screen and (max-width:800px) {
	
	body{font-size: 14px;}
	
	.box-sinsin, .box-single{display: block; width: 100%; margin-bottom: 60px;}
	.box-row{margin-bottom: 0;}
	.bottom_links, .blue .box-right, .red .box-left{display: none;}
	footer{padding: 20px 0 10px 0;}
	
	.box-double{height: auto; display: block;}
	.box-double > div{padding: 30px; display: block; width: 100%;}
	.box-row:last-child{margin-bottom: 0;}
	
	.box-double h2{font-size: 22px; margin-bottom: 10px;}
	
	.container.padder{padding: 10px;}
	
	.mobile-menu{display: block; color: #000; font-size: 22px; padding: 5px 10px; position: absolute; right: 15px; top:25px; border: 1px solid #000; border-radius: 5px;}
	header .menu{display: none; margin: 0; padding: 0; position: absolute; top: 100px; left: 0; right: 0; width: 100%;  z-index: 100; background: #df323c;}
	header .menu li{float: none; margin: 0; padding: 0; display: block;}
	header .menu li a{float: none; display: block !important; width: 100% !important; padding: 15px 20px !important; border: 0 !important; border-bottom: 1px solid #fff !important; text-align: center; color: #fff !important; height: auto !important; line-height: normal !important; background: #df323c !important;}
	header .menu li a:hover{color: #fff;}
	header .menu li:last-child{margin-left: 0;}
	
}

@media only screen and (max-width:660px) {
	.top-image h1{font-size: 14px; margin: 0;}
	.top-image .divider{margin: 5px auto;}
	
	.top-image{overflow: hidden;}
	.kalk_menu li a{font-size: 10px;}

	.top-image .container{padding: 0 5px;}
	.box2 > div{float: none; width: 100%;}
}

@media only screen and (max-width:450px) {
	
	.kalk_menu li{width: 20% !important; float: left; margin: 0;}
	.kalk_menu li a::before{height: 50px; max-width: 100%;}
	
	.kalk_menu li a{font-size: 8px;}
	
}