@media (min-width: 320px) {
	.sp-slider .sp-slider-outer-stage  {
		max-height: 180px;
		}
	.sp-slider .sp-item .sp-background {
		background-position: 30%;
		}
	.hb-1 {
		font-size: 1.6em;
		text-align: center;
		padding: .3em 0;
	}
	.hb-2 {
		font-size: 1em;
		text-align: center;
	}
	.hb-3 {
		font-size: 1em;
		text-align: center;
	}
	#offcanvas-toggler >i {
		color: #ffffff;
		margin: 17px 0;
		font-size: 1.4em;
	}
	#sp-header-sticky-wrapper, #sp-header {
		height: 60px;
	}
	#sp-header .logo {
		height: 60px;
	}
	#sp-logo {
		padding: 0 1.1em 0 0;
	}
	.foo-1, .foo-2 {
		font-size: 1.6em;
	}
}

@media (min-width: 768px) {
	.phone {
		font-size: 1em;
	}
	#sp-header .sp-retina-logo {
		padding: .12em 2em;
	}
	#sp-header-sticky-wrapper, #sp-header {
		height: 60px;
	}
	.sp-slider .sp-slider-outer-stage {
		max-height: 500px;
		}
	
}

@media (min-width: 1240px) {
	.hb-1 {
		font-size: 3em;
		text-align: left;
		padding: .15em 0;
	}
	.hb-2 {
		font-size: 1.3em;
		text-align: left;
	}
	.hb-3 {
		font-size: 1.3em;
		text-align: left;
	}
	#offcanvas-toggler >i {
		color: #ffffff;
		margin: 17px 0;
		font-size: 2em;
	}
	#sp-header .sp-retina-logo {
		padding: .12em 1.6em;
	}
	#sp-header-sticky-wrapper, #sp-header {
		height: 70px;
	}
	.phone {
		font-size: 1.4em;
	}
	#sp-header .logo {
		height: 70px;
		margin: 0 0 0 3.5em;
	}
	.foo-1, .foo-2 {
		font-size: 2em;
	}
}

.btn-primary, .sppb-btn-primary {
    border-color: #05cdff;
    background-color: #05cdff;
	box-shadow: 0px 5px 8px rgba(170, 170, 170, 0.4);
}
.formControls, .btn-group {
    display: inline;
}

.form-control, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  height: 48px;
  background-color: #f9fcff;
  border: 1px solid #ced6d9;
  font-size: 1em;
}

.ltr.offcanvas .offcanvas-menu {
    left: 0;
}
#offcanvas-toggler {
    line-height: 50px;
	float: left;
}
body {
    font-size: 1.2em;
}
h1, .h1 {
    font-size: 3em;
}
h2, .h2 {
    font-size: 2em;
}
h3, .h3 {
    font-size: 1.6em;
}
h4, .h4 {
    font-size: 1.4em;
}

.hb-1 {
    font-weight: 900;
    color: #fff;
    text-shadow: 0px 3px 4px #000000;
    letter-spacing: -1.2px;
}
.hb-2 {
    font-weight: 600;
    color: #fff;
    line-height: 1.3em;
	text-shadow: 0px 1px 5px #0e1f42;
}
.hb-3 {
    font-weight: 600;
    color: #38daff;
    line-height: 1.3em;
}
#sp-header {
    border-bottom: 0px solid #005189;
}
.phone {
    font-weight: 600;
    color: #38daff;
	text-align: right;
}
.ltr .offcanvas-menu {
    -webkit-transition: opacity 400ms cubic-bezier(0.7,0,0.3,1), left 400ms cubic-bezier(0.7,0,0.3,1);
    transition: opacity 400ms cubic-bezier(0.7,0,0.3,1), left 400ms cubic-bezier(0.7,0,0.3,1);
}
.nneexxtt {
    text-align: center;
    font-size: 1.2em;
    width: 100%;
    padding: .6em;
    margin-top: .8em;
    border-radius: .4em;
	letter-spacing: .1em;
}
#PAGE\ BRAKE\ 2Prev, #PAGE\ BRAKE\ 3Prev, #PosaljiPrev {
    color: #fff;
    background-color: #cecece;
    border-color: #cecece;
	border-radius: .4em;
    font-size: 1em;
    padding: .6em 1em;
    float: left;
}

#PAGE\ BRAKE\ 2Next, #PAGE\ BRAKE\ 3Next, #Posalji {
    color: #fff;
    background-color: #05cdff;
    border-color: #05cdff;
	border-radius: .4em;
    font-size: 1em;
    padding: .6em 1.2em;
    float: right;
	box-shadow: 0px 5px 8px rgba(170, 170, 170, 0.4);
	text-transform: uppercase;
}
input[name="form[GDPR][]"]  {
    margin: .3em 1em 4.5em 0;
    float: left;
    width: 18px;
    height: 18px;
}
.rsform-block-gdpr .control-label {
    display: none;
}
label[for=GDPR0]  {
    font-size: .8em;
	line-height: 1.2em;
}
a {
    color: #05cdff;
}

.foo-1, .foo-2 {
    font-weight: 600;
	color: #002346;
}
.sppb-addon-ajax-contact .sppb-btn-success {
    margin-top: 0;
	order-radius: 6px;
}