@import url("responsive.css");

/*
.preklopnik {
	visibility: hidden;
}
*/

/* TOP */

.item-101,
.item-190 {
	display: none !important;
}

strong {
    font-weight: 500;
}

h2 {
	padding-bottom: 25px;
}

#menurow {
	background-color:#242424;
	color:#fff;
}

#menurow p,
#menurow a {
	color:#fff;
	text-align: right;
}

#menurow .sparky_container{position:relative;}

.mp_mainmenu,
.mp_top1 {
	display: block;
	width: 75%;
	float: right !important;
}

.mp_top1 {
	padding-bottom:0;
}

.mp_mainmenu {
	padding-top:0;
	padding-bottom: 5px;
}

.moduletable.preklopnik,
.moduletable.glava {
	display: block;
	text-align: right;
	font-size: 12px;
}

.preklopnik .mod-languages li:first-child {
    padding-right: 10px;
	border-right:1px solid #fff;
}

.preklopnik .mod-languages li:nth-child(2) {
    padding-right: 10px;
}

.glava {
	margin-top: 5px;
}

.glava .telefon,
.glava .email {
	display: inline-block;
}
.glava .telefon {
	padding-right: 15px;
	border-right:1px solid #fff;
}
.glava .email {
	padding-left: 15px;
	margin-right:15px;
}

/* CAROUSEL */

#carouselrow {
	background-image: url("../images/carousel.jpg");
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center bottom;
	height: 425px;
	background-color:#11110e;
}

#carouselrow .sparky_container {
	max-width: 1150px;
	margin-left:auto;
	margin-right: auto;
}

#carouselrow p,
#carouselrow a,
#carouselrow h2,
#inforow p,
#inforow a,
#inforow h2,
#inforow h3,
#footerrow p,
#footerrow a {
	color:#fff;
}

.moduletable.carousel {
	width:45%;
	float:right;
}

.carousel p {
	line-height: 1.4;
}

.carousel h2 {
	text-align: left;
	margin-top: 50px;
	padding-bottom:20px;
	line-height: 1.3;
}

.gumb {
	background-color:#000;
	padding: 5px 10px;
	border:1px solid #fff;
	color:#fff;
	text-align: center;
	width: 190px;
	display: inline-block;
	position: relative;
}

.gumb a {
	color:#fff;
}

.touch {
	float: right;
}

.i_bes p {
	padding-top:10px;
}

.iskalnik {
	margin-right: 20px;
}

.iskalnik a {
	display: block;
}

.gumb a:hover:before {
	content:"\f105";
	color:#fff;
	background-repeat: no-repeat;
	width:8px;
	height:15px;
	position: absolute;
	left:12px;
	top:3px;
	font-size:1.2em;
	font-family:FontAwesome;
}

.okvir .element {
	display: inline-table;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 20%;
	height: 150px;
}

.okvir .element p {
	margin-bottom:0;
	padding-bottom:15px;
	cursor:default;
}

.okvir .element p:first-child {
	font-weight:400;
}

.okvir .element p:nth-child(3) {
	padding:0 10px;
	text-align:left;
}

.okvir .element:hover p{
	background-color:#efefef;
}

.okvir .element.peti {
	width:calc(20% - 34px);
}

.okvir .element a {
	color: #333333;
    font-size: 16px;
    line-height: 1.4;
    font-family: Roboto Condensed,sans-serif;
    text-align: left;
    font-weight: 300;
    font-style: normal;
}

/*
.okvir .prvi p:nth-child(3),
.okvir .prvi p:nth-child(4),
.okvir .prvi p:nth-child(3) a,
.okvir .prvi p:nth-child(4) a{
	margin-bottom: 0;
	font-size: 14px;
}
*/

.okvir .prvi,
.okvir .drugi,
.okvir .tretji,
.okvir .cetrti {
	background-image:url("../images/arrow-right-long.png");
	background-position: right 45px;
	background-repeat:no-repeat;
	padding-right:34px;
}


/* VSEBINA */

.popolnost img {
	float: left;
	padding: 0 30px 20px 0;
}

/* NOGA STIK KONTAKT */

#inforow {
	margin-top:50px;
	background-color:#242424;
}

#footerrow {
	background-color:#373737;
	text-align: center;
}

.flogo {
	float:left;
	padding-right: 20px;
	padding-bottom: 60px;
}

.g_flogo {
	float:left;
	padding-right: 20px;
	padding-bottom: 5px;
}

.question p {
	margin-bottom: 2px;
}

.odpiralni {
	margin-top: 8px;
}

.phone:before {
    content: "" !important;
}

.question .phone,
.question .email,
.question .skype,
.stik .phone,
.stik .email,
.stik .skype,
.stik .company {
	margin-top: 15px;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 2px 0 2px 35px;
}

.stik .phone,
.stik .email,
.stik .skype,
.stik .company {
	margin-left:145px;
}

.question .phone {
	background-image:url("../images/phone_footer.png");
}
.question .email {
	background-image:url("../images/email_footer.png");
}
.question .skype {
	background-image:url("../images/skype_footer.png");
}

.stik .phone {
	background-image:url("../images/phone_d.png");
}
.stik .email {
	background-image:url("../images/email_d.png");

}
.stik .skype {
	background-image:url("../images/skype_d.png");
}

.stik .company {
		background-image:url("../images/info.png");
}

.stik p {
	margin-bottom:0;
	text-align:left;
}

.stik a,
.question a {
	font-weight:300;
}

.question .social {
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px solid #fff;
}

.social a:nth-child(2),
.social a:nth-child(3) {
	padding-left: 10px;
}

#contentrow .sparky_cell {
	padding-top:0 !important;
}

#selectorrow .sparky_cell {
	padding-bottom:0;
}

.hive-carbon-domov #contentrow {
	display: none !important;
}

.levo {
	float:left;
	width:40%;
	display: block;
}

.desno {
	float:right;
	display: block;
	width:60%;
}

.varovanje_n {
	margin-top:33px;
	margin-bottom:0;
}

/* CHRONOFORMS */

.fa-asterisk {
	color:#adadad !important;
}

.gbs3 .form-control {
	border-radius:0 !important;
}

.povprasevanje #ime,
.povprasevanje #podjetje,
.povprasevanje #email,
.povprasevanje #telefon {
	width: 525px !important;
	height:40px !important;
}

.povprasevanje #podrocje {
	width: 525px !important;
	height:73px !important;
}

#ime,
#podjetje,
#email,
#telefon {
	width: 300px !important;
	height:40px !important;
}

#podrocje {
	width: 300px !important;
	height:73px !important;
}

#form-row-novice .control-label {
	width: 280px !important;
    text-align: left;
}

#fin-novice .A {
margin-bottom:15px;
}

#fin-gdpr .A,
#fin-novice .A {
margin-right:10px;
}


.povprasevanje #sporocilo,
.povprasevanje #form-row-custom,
.povprasevanje #form-row-custom1,
/*.povprasevanje.an #form-row-gdpr*/ {
	width: 525px !important;
}

/*.povprasevanje.an #form-row-gdpr {
	float:left;
	margin-top: -60px;
}*/

.povprasevanje #form-row-novice .control-label {
	width: 525px !important;
    text-align: left;
}

.povprasevanje #fin-novice .A {
margin-bottom:0;
}

#sporocilo,
#form-row-custom1 {
	width: 300px !important;
}

#form-row-custom1,
.povprasevanje #form-row-custom1 {
	margin-bottom:0;
}

.povprasevanje #form-row-ime,
.povprasevanje #form-row-email,
.povprasevanje #form-row-podrocje { 
	float: left !important;
	width: calc(50% - 20px) !important;
	margin-right: 20px !important;
	margin-bottom:5px !important;
}

.contact #form-row-recaptcha,
/*.povprasevanje.an #form-row-recaptcha*/ {
	margin-top:-5px;
}

.povprasevanje #form-row-recaptcha {
	float:right;
	margin-top:-45px;
	width:560px;
}

#form-row-ime,
#form-row-email,
#form-row-podrocje { 
	float: left !important;
	margin-right: 20px !important;
	margin-bottom:5px !important;
}

#form-row-recaptcha {
	float:right;
	margin-top: -60px;
	width:352px;
}

.povprasevanje #form-row-podjetje,
.povprasevanje #form-row-telefon { 
	margin-bottom:5px !important;
}

#form-row-custom,
#form-row-podjetje,
#form-row-telefon {
	margin-bottom:5px !important;
}

.gbs3 label {
	color:#333 !important;
	text-transform: uppercase;
	font-weight:500 !important;
}

.gbs3 {
	margin-bottom:25px;
}

.chrono_credits {
	display: none;
}

#fin-button4 {
	margin-top:28px;
	text-align:center;
}

.gbs3 .btn-default {
    text-shadow: 0 0 0 #fff !important;
    background-image: url("../images/fibre.jpg") !important;
    background-repeat: repeat !important;
    border-color: #dbdbdb;
    border-color: #ccc;
	border-width:0 !important;
	text-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0) !important;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0) !important;
	color:#fff !important;
	font-weight:500 !important;
	font-size: 16px !important;
	    padding: 6px 132px !important;
		height:45px !important;
}

/* SOBI PRO */

#SobiPro a:hover {
	text-decoration:none !important;
}
.nazaj {
float:right;
margin-right:5px;
padding-left:20px;	
border:1px soldi #333;
background-color:#fff;
}

.nazaj:before {
	font-family:FontAwesome;
	content:"\f0d9";
	position:absolute;
	margin-left:-12px;
	margin-top: -1px;
}

.SobiPro.HiveCarbon .spMessage {
	margin:0!important;
}

.form-inline .form-control {
	margin-right:20px;
}

.SobiPro .form-inline .form-control {
min-width:300px;
font-size: 16px;
    font-family: Roboto Condensed,sans-serif;	
}

.form-inline .form-control:first-child {
margin-left:5vw;
}


#sobiProFooter,
.spDetails .lead,
.spListing .lead:first-child,
.spDetailEntry .spClassViewImage {
	display: none !important;
}


.spListing .spEntryContainer .lead,
.spListing .spEntryContainer .row{
	display: block!important;
}

h3.namefield {
	padding: 15px 0;
    margin: 0;
    line-height: 2.2;
    color: #333333 !important;
    font-size: 32px !important;
    font-family: Roboto Condensed,sans-serif !important;
    text-align: center;
    font-weight: 300 !important;
    font-style: normal !important;
}

.col-sm-4 {
	border: 1px solid #adadad;
	margin: 5px;
	width:calc(33.33333333% - 10px) !important;
	padding:0 !important;
	position: relative;
}

.spEntryContainer .page-header {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    border-bottom: 0 solid #b3b3b3 !important;
    padding-bottom: 0 !important;
    background-color: #333;
}

.spEntryContainer .page-header a{
    font-size: calc(14px + 8px);
	color: #fff !important;	
}

.spEntryContainer .spClassViewImage img{
    padding: 5px !important;
    background-color: #fff;
    border: 0 solid rgba(0,0,0,0.2) !important;
    box-shadow: 0 0 0 rgba(0,0,0,0)!important;
    margin: 5px;
    padding: 0;
    border: none;
    box-shadow: none;
    box-shadow: 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0,0) !important;;
}

.spEntryContainer .spClassViewImage {
	text-align: center;
	border-bottom: 1px solid #adadad;
}

.spEntryContainer .spClassViewInbox {
		border-bottom: 1px solid #adadad;
}

.spEntryContainer .spClassViewText {
height: 65px;
}

.spEntryContainer .spClassViewInbox,
.spEntryContainer .spClassViewText {
	font-size:16px;
	line-height:1.2em;
	padding: 4px;
}

.spEntryContainer .page-header,
.spEntryContainer .more,
.spDetails h1,
.cena {
	background-image:url("../images/fibre.jpg");
}

.spEntryContainer .more {
	display: block;
	text-align:right;
	margin-bottom:0;
	background-color:#333;
}


.spEntryContainer .more a{
	display: block;
	color:#fff !important;
	padding: 3px 15px 3px 0;
}

.spDetails {
	border: 1px solid #adadad;
}

.izdelek {
	display: block;
	width: 55%;
	float:right;
	padding: 0;
	position: relative;
	min-height: 340px;
		border-left: 1px solid #adadad;
}

#spCarousel {
	float:left !important;
	width:45%;
	margin: 0!important;
}

.spDetails h1 {
    color: #fff !important;
	background-color:#333;
    font-size: calc(14px + 12px);
    line-height: 1.1;
    margin:0 !important;
    padding: 15px !important;
    display: block;
	text-transform:uppercase;
}

.SobiPro.HiveCarbon .carousel-control {
    margin: 0 !important;
}

ul.field_brand {
	list-style: none;
	display: inline-block;
	margin:0 !important;
}

.spEntryCats {
	    font-weight: 700;
		font-size: 14px !important;
		color:#333;
}

.spDetails .spEntryCats,
.spDetails .spClassViewMSelect,
.spDetails .koda,
.spDetails .teza {
	display: block;
	padding: 3px 20px;
	margin-bottom: 0;
	text-transform: uppercase;
	border-top:1px solid #adadad;
}

.spDetails .teza {
	border-bottom: 1px solid #adadad;
}

.spDetails .opis {
	padding: 10px 20px;
}

.spDetails .opis.kratek {
	padding-bottom: 0;
}

.spDetails .opis.dolg {
	padding-top: 0;
	margin-bottom:10px;
}

.spDetails .teza span:nth-child(2){
	text-transform:initial !important;
}

.spEntryCats a{
	font-weight:300;
	text-transform: uppercase;
}

.cena {
	position: absolute;
	bottom:0;
	right:0;
	width:100%;
	display: block;
    text-align: right;
    margin-bottom: 0;
    background-color: #333;
	color:#fff !important;
	padding-right: 20px;
			font-size: 16px !important;
				font-weight:500 !important;
}

.cena .spLabel,
.cena .spDetailSuffix {
		font-size: 16px !important;
	font-weight:500 !important;
}

.carousel-caption,
.carousel-indicators {
	display: none;
}

.SobiPro.HiveCarbon .carousel-control.right,
.SobiPro.HiveCarbon .carousel-control.left {
    background-image: linear-gradient(to right, transparent 0, rgba(0,0,0,0) 100%) !important;
}

.SobiPro .carousel-control {
	    text-shadow: 0 0 0 rgba(0,0,0,0) !important;
}

.icon-chevron-right:before, .icon-arrow-right:before,
.icon-chevron-left:before, .icon-arrow-left:before {
	content:""!important;
}

.icon-chevron-left {
    background-position: -425px -65px;
}

.icon-chevron-right {
    background-position: -450px -65px;
}

/* SKRITE SLIKE */

/*
.SobiPro.HiveCarbon .spEntryContainer .spClassViewImage img,
#spCarousel ol,
#spCarousel div,
#spCarousel a {
	visibility: hidden;
}

.SobiPro.HiveCarbon .spEntryContainer .spClassViewImage,
#spCarousel {
	position:relative;
}


.spEntryContainer .spClassViewImage:before,
#spCarousel:before {
    content: "";
    width: 240px;
    height: 175px;
    background-image: url(../images/slika_v_pripravi.jpg);
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background-size: cover;
}
*/

/* RESPONSIVE */


@media (min-width: 1920px) {
	#carouselrow {
		background-size: auto 100%;
	}		
}