/* -------------------- tag styles --------------------*/
body,td,div {font-family: Source Sans Pro,sans-serif; font-size:20px; line-height:32px;}
body{}
html,body{margin:0;padding:0;height:100%;border:none;}
table {border-spacing: 0px; border-collapse: collapse;}
td {vertical-align: top; padding:0px;}
img {border: 0px;}
form{margin:0px; padding:0px;}

h1, h2, h3, h4, h5, h6 {margin: 0px; font-weight:bold;}
p{margin:0; padding:0;}
a:focus,input:focus,textarea:focus {outline:none;}

/** font styles **/
@font-face {
  	font-family: 'Intervogue Soft Bold';
  	src: url('../fonts/intervogue-soft-bold.otf');
  	font-weight: normal;
	font-style: normal;
}

/* -------------------- standard styles --------------------*/
.b {font-weight: bold;}
.i {font-style: italic;}

.tr{text-align:right;}
.tl{text-align:left;}
.tc{text-align:center;}

.pa {position: absolute;}
.pr {position: relative;}

.fl {float: left;}
.fr {float: right;}
.cl {clear: left;}
.cr {clear: right;}

.ls25 {letter-spacing: 0.025em;}

section,article,nav,header,footer{display:block;}

/*
.container{border:1px solid red;}
.row{border:1px solid blue;}
*/
.row > *{padding:0;}

.no-gutter{
    padding-right:0;
	padding-left:0;
}
.row.no-gutter{
	margin-right:0;
	margin-left:0;
}
.no-gutter-left {
    padding-left:0;
}
.no-gutter-right {
    padding-right:0;
}

/* -------------------------------------------------------------------------------------------*/

/*HEADER*/
section.header{height:110px;}
section.header .container{max-width:1800px; height:110px;}
section.header .container .row{height:110px; width:1800px; max-width:1800px; position: relative;}
	/*NAVBAR*/
	.navbar {background-color: transparent; border-color: transparent; margin-top:15px; width:90%;}
	.navbar .navbar-header{margin:0 0 0 40px;}
	.navbar .navbar-nav{margin-left:100px;}
	.navbar .navbar-nav .nav-link{font-family:'Intervogue Soft Bold',sans-serif; font-size:18px; color:#000; text-transform:uppercase; text-decoration:none; padding:0 27px;}
	.navbar .navbar-nav .nav-link:focus, .navbar .navbar-nav .nav-link:hover{color:#e60d2d;}
	/*lang*/
	nav.lang{position:absolute; top:30px; right:40px; font-size:18px;}
	.lang{/*margin:37px 0 0 0; position:relative;*/}
	.lang a{width:100%;font-size:18px; text-decoration:none; text-transform:uppercase; color:#000; background-color:#e7e7e7; background-repeat:no-repeat; background-position:18px 16px; padding:12px 20px 12px 50px; border-bottom-left-radius:20px; border-bottom-right-radius:20px;}
	.lang a.slo{background-image:url(../images/flag-slo.jpg);}
	.lang a.eng{background-image:url(../images/flag-eng.jpg);}
	.lang a.ita{background-image:url(../images/flag-ita.jpg);}
	.lang a#alang{ border-radius:25px; padding:12px 20px 12px 50px;}
	.lang a#alang.open{border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
	.lang a i{font-size:14px; line-height:22px; margin:0 0 0 10px; padding:0 0 0 0; display:inline-block;}

	.lang ul{width:100%; list-style-type:none; padding:8px 20px 8px 0; margin:8px 0; clear:both; float:right; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07); background-color:#e7e7e7; display:none; position:absolute; top:20px; right:0;z-index:1000; border-bottom-left-radius:20px; border-bottom-right-radius:20px;}
	.lang ul.show{display:block;}
	.lang ul li{padding:0; margin:0; border-bottom-left-radius:20px; border-bottom-right-radius:20px;}
	.lang ul li a:hover{color:#e60d2d;}
	.lang ul li a i{}

/*BANNER*/
section.banner{width:1800px; height:630px; margin:0 auto; background-color:#e60d2d; border-top-left-radius:80px; border-bottom-right-radius:80px;}
section.banner .owl-carousel{border-top-left-radius:80px; border-bottom-right-radius:80px;}
section.banner .container{max-width:1800px; height:630px; border-top-left-radius: 80px; border-bottom-right-radius:80px; overflow:hidden;}
section.banner .container .row{height:630px; width:1320px; max-width:1320px; margin:0 auto;}
section.banner .item{background-repeat:no-repeat; background-position:top right; border-top-left-radius:80px; border-bottom-right-radius:80px;}

section.banner .item .shadow{width:100%; height:100%; position:relative; background-color:#e60d2d; border-top-left-radius:80px; border-bottom-right-radius:80px; -webkit-mask: linear-gradient(to right, rgba(0,0,0,1) 20%, rgba(0,0,0,0.9) 30%, rgba(0,0,0,0.8) 40%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 90%, transparent 100%);}
section.banner .item .btxt{position:absolute; top: 12%; width:29%; padding:0;}
section.banner .item .btxt.blang{width:35%;}

	.item h2,.item h1{font-family:'Intervogue Soft Bold',sans-serif; font-size:60px; font-weight:normal; color:#fff; width:80%; text-transform:uppercase; margin-bottom:25px;}
	.item .btxt.blang h2,.item .btxt.blang h1{font-size:54px;}
	.item p{font-size:22px; color:#fff; margin-top:5px;}
	.item .b-storitve{font-family:'Intervogue Soft Bold',sans-serif; font-size:16px; width:180px; height:60px; line-height:60px; display:inline-block; background-color:#000; color:#fff; margin:45px 0 0 0; text-decoration:none; text-transform:uppercase; border-radius:30px; text-align:center; transition: all .7s ease;}
	.item .b-storitve::after{
		font-family: "Font Awesome 5 Free";
		content: "\f178";
		color: #fff;
		margin-left: 20px;
		font-weight: 900;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		transition: all 0.8s ease 0s;
		transform: translate(0px,0px);}
	.item .b-storitve:hover{background-color:#fff; color:#000;}
	.item .b-storitve:hover::after{color:#000;}
	.item .b-onas{font-family:'Intervogue Soft Bold',sans-serif; font-size:16px; display:inline-block; color:#fff; margin:45px 0 0 30px; text-decoration:none; text-transform:uppercase; text-align:center; transition: all .7s ease;}
	.item .b-onas::before{
		font-family: "Font Awesome 5 Free";
		content: "\f1ad";
		color: #fff;
		margin-right: 10px;
		font-weight: 900;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		transition: all 0.8s ease 0s;
		transform: translate(0px,0px);}
	.item .b-onas span{display:inline-block; padding-bottom:3px;}
	.item .b-onas span:hover{border-bottom:1px solid #fff;}

/**SECTIONS & HEADERS**/
section .container{max-width:1800px;}
section .container .row{width:1320px; max-width:1320px; margin:0 auto;}
section.white .container{background-color:#fff;}
section.gray .container{background-color:#f5f5f5;}
section.red .container{background-color:#e60d2d; height:350px; border-top-right-radius:80px;}
section h2{font-family:'Intervogue Soft Bold',sans-serif; font-size:48px; text-transform:uppercase; font-weight:normal; margin-bottom:30px; padding:0;}
section.white h2,section.gray h2{color:#000; }
section.red h2{color:#fff;}

/*O PODJETJU*/
section.about .container{padding:100px 0 40px 0;}
section.about .images{position:relative; height:610px;}
section.about .img1{border-radius:60px; width:636px;}
section.about .img2{border-radius:20px; width:360px; position:absolute; left:430px; top:250px;}
section.about h2{margin:50px 0 30px 0;}
section.about .b-contact{font-family:'Intervogue Soft Bold',sans-serif; font-size:16px; width:180px; height:60px; line-height:60px; display:inline-block; background-color:#e60d2d; color:#fff; margin:45px 0 0 0; text-decoration:none; text-transform:uppercase; border-radius:30px; text-align:center; transition: all .7s ease;}
section.about .b-contact::after{
		font-family: "Font Awesome 5 Free";
		content: "\f178";
		color: #fff;
		margin-left: 20px;
		font-weight: 900;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		transition: all 0.8s ease 0s;
		transform: translate(0px,0px);}
section.about .b-contact:hover{background-color:#000; color:#fff;}
section.about .b-contact:hover::after{color:#fff;}

/*STORITVE*/
section.storitve {height:840px;}
section.storitve .container{padding:40px 0 80px 0; height:840px;}
section.storitve .container .row{height:720px;}
section.storitve h2{margin-top:150px;}
section.storitve p{width:80%;}
section.storitve a{color:#e60d2d; font-family:'Intervogue Soft Bold',sans-serif; font-size:16px; display:inline-block; margin:30px 0 0 0px; text-decoration:none; text-transform:uppercase; text-align:center; transition: all .7s ease;}
section.storitve a::before{
		font-family: "Font Awesome 5 Free";
		content: "\f00b";
		color: #e60d2d;
		margin-right: 10px;
		font-weight: 900;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		transition: all 0.8s ease 0s;
		transform: translate(0px,0px);}
section.storitve a span{display:inline-block; padding-bottom:3px;}
section.storitve a span:hover{border-bottom:1px solid #fff;}

section.storitve .simages{position:relative;}
section.storitve .simages p{position:absolute; font-family:'Intervogue Soft Bold',sans-serif; font-weight:normal; font-size:26px; color:#fff; text-transform:uppercase;}
section.storitve .simages .st{border-radius:15px;width:280px;height:280px; background-color:#000; position:absolute;}
section.storitve .simages .shadow{border-radius:15px; width:100%; height:100%; position:relative; display:block; background-color:#000; -webkit-mask: linear-gradient(to top, rgba(0,0,0,1) 5%, rgba(0,0,0,0.9) 10%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0.6) 25%, rgba(0,0,0,0.2) 35%, rgba(0,0,0,0) 90%, rgba(0,0,0,0)100%);}
section.storitve .simages .s-txt{top:200px; left:30px;}
section.storitve .simages .s-txt2,section.storitve .simages .s-txt.eng{top:170px; left:30px;}
section.storitve .simages .st1{top:285px; left:0; }
section.storitve .simages .st2{top:140px; left:300px;}
section.storitve .simages .st3{top:437px; left:300px;}
section.storitve .simages .st4{top:0px; left:600px;}
section.storitve .simages .st5.desk{top:300px; left:600px;}
section.storitve .simages .st5.mob{display:none;}


/*
section.storitve .simages img{position:absolute; border-radius:15px;}
section.storitve .simages p{position:absolute; font-family:'Intervogue Soft Bold',sans-serif; font-weight:normal; font-size:26px; color:#fff;text-transform:uppercase;}
section.storitve .simages img.s1{top:285px; left:0;}
section.storitve .simages p.s1{top:465px; left:30px;}
section.storitve .simages img.s2{top:140px; left:300px;}
section.storitve .simages p.s2{top:320px; left:330px;}
section.storitve .simages img.s3{top:437px; left:300px;}
section.storitve .simages p.s3{top:617px; left:330px;}
section.storitve .simages img.s4{top:0px; left:600px;}
section.storitve .simages p.s4{top:180px; left:630px;}
section.storitve .simages img.s5.desk{top:300px; left:600px;}
section.storitve .simages img.s5.mob{display:none;}
section.storitve .simages p.s5{top:480px; left:630px;}
section.storitve .simages span.s5{background-color:#e60d2d; color:#fff; position:absolute; top:315px; right:10px; text-transform:uppercase; font-family:'Intervogue Soft Bold',sans-serif; font-weight:normal; font-size:16px; line-height:16px; padding:4px 15px; border-radius:5px;}
*/
/*CELOSTNA STORITEV*/
section.cstoritev .container{padding:80px 0; border-top-right-radius:80px;}
section.cstoritev p{width:60%;}
section.cstoritev .step{background-color:#fff; margin-top:40px; height:275px; width:19%; margin-left:8%; border-radius:20px; box-shadow: 2px 2px 20px rgba(0,0,0,0.1); padding:40px; position:relative;}
section.cstoritev .step:first-child{margin-left:0;}
section.cstoritev .step::before{content:""; display:block;background-image:url(../images/icon-kapljica.png); width:41px; height:16px; position:absolute; top:48%; left:-29%;}
section.cstoritev .step:first-child::before{background-image:none;}
section.cstoritev .step img{width:100%;}
section.cstoritev .step h4{font-family:'Intervogue Soft Bold',sans-serif; font-weight:normal; text-transform:uppercase; text-align:center; font-size:20px;}

/*TEHNICNI PODATKI STROJEV*/
section.tdata .container{padding:80px 0;}
section.tdata h3{font-family:'Intervogue Soft Bold',sans-serif; font-weight:normal; font-size:30px; margin-top:30px; margin-bottom:20px; text-transform:uppercase; padding:0; clear:both;}
section.tdata h3.first{margin-top:0;}
section.tdata .datarow{margin-bottom:15px; border:1px solid #d3d3d3;border-radius:5px;}
section.tdata .datarow span{padding:28px 3%; font-size:22px; width:48%; display:inline-block;}
section.tdata .datarow span:nth-child(2){font-weight:bold;}


/*REFERENCE*/
section.references h2{line-height:350px; display:inline-block; width:25%;}
section.references .ref{display:inline-block; width:19%; margin-left:5%; height:150px; background-color:#fff; border-radius:10px; margin-top:100px; box-shadow: 2px 2px 20px rgba(0,0,0,0.1);}
section.references .ref:first-child{margin-left:0;}
section.references .ref img{width:100%; border-radius:10px;}
section.references .ref-m{display:none;}
section.references h2.refm{display:none;}

/*KONTAKT*/
section.contact .row{width:1800px;max-width:1800px;}
section.contact .cform{padding:80px 0 25px 240px;}
section.contact form{}
section.contact form label,section.contact form input,section.contact form button{display:block;}
section.contact form label{color:#666; font-size:16px;}
section.contact form label span{color:#e60d2d;}
section.contact form input{height:48px; width:70%; border:1px solid #fff; color:#000; font-size:18px; border-radius:5px; padding:0 18px; margin-bottom:20px;}
section.contact form textarea{height:150px; width:70%; border:1px solid #fff; color:#000; font-size:18px; border-radius:5px; padding:0 18px; margin-bottom:20px;}
section.contact form input:focus,section.contact form textarea:focus{border:1px solid #cbcccc; box-shadow: 2px 2px 20px rgba(0,0,0,0.1);}
section.contact form button{font-family:'Intervogue Soft Bold',sans-serif; font-size:16px; width:150px; height:60px; line-height:60px; background-color:#e60d2d; color:#fff;text-decoration:none; text-transform:uppercase; border:none;border-radius:30px; text-align:center; transition: all .7s ease;}
section.contact form button::after{font-family: "Font Awesome 5 Free";
	content: "\f1d8";
	color: #fff;
	margin-left: 20px;
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	transition: all 0.8s ease 0s;
	transform: translate(0px,0px);}
section.contact form button:hover{background-color:#000; color:#fff;}
section.contact form button:hover::after{color:#fff;}

section.contact .map{background-color:#333;}
.bckmap {background-color: #333; height: 770px; clear: both;}
#mapCanvas {width: 100%;height: 100%;}

/*FOOT*/
section.foot{padding-bottom:65px;}
section.foot .logo{width:20%;}
section.foot .flogo{width:200px; margin-top:60px;}
section.foot .contacts{margin-top:75px; width:20%;}
section.foot .contacts h3{font-size:18px;}
section.foot .contacts p{font-size:18px; margin-bottom:0; line-height:32px;}
section.foot .contacts p i{text-transform:lowercase;}
section.foot .contacts a{color:#e60d2d; text-decoration:none;}
section.foot .contacts a:hover{border-bottom:1px solid #e60d2d;}
section.foot .contacts p.email1,section.foot .contacts p.phone{margin-top:30px;}
section.foot .contacts a.email::before{font-family: "Font Awesome 5 Free";
	content: "\f0e0";
	color: #000;
	margin-right: 16px;
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	transition: all 0.8s ease 0s;
	transform: translate(0px,0px);}
section.foot .contacts a.phone::before{font-family: "Font Awesome 5 Free";
	content: "\f095";
	color: #000;
	margin-right: 16px;
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	transition: all 0.8s ease 0s;
	transform: translate(0px,0px);}
section.foot .contacts a.email:hover::before,.foot .contacts a.phone:hover::before{color:#e60d2d;}

/*SMALLFOOT*/
section.red.smallfoot .container{border-top-right-radius:0; height:70px;}
section.smallfoot p, section.smallfoot a{color:#fff; display:inline-block; font-size:16px; line-height:70px; width:auto; text-decoration:none;}
section.smallfoot a{margin-left:40px;}
section.smallfoot a.copyright{text-align:right; float:right;}
section.smallfoot a.copyright span{font-weight:bold;}