@import url('https://fonts.googleapis.com/css?family=Lato:400,700');

body{
	font-family: 'Lato', sans-serif;
	/*background-color:#1A2B2A */
	color:#505962;
}
       /* NAVIGACIJA */
.navbar{
	padding:0.7rem 1rem;
	text-transform:uppercase;
	font-size:0.9rem;
	font-weight:700;
	letter-spacing:0.1rem;
	transition: background-color 0.5s ease 0s;
	
	
}

.fa-bars{
	color:white;
	font-size:1.6rem;
	
}


.navbar-nav .nav-link{
	color:white;
	padding-top:0.8rem;
	
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active{
	color:#018CFF;
	
}

.solid{
	background-color: rgba(0,0,0,0.7)!important;
	transition: background-color 1s ease 0s;
}

.offset:before{
	height:4rem;
	content:"";
	display:block;
	margin-top:-4.05rem;
}


   /*     IMAGE SLIDER    */
.carousel-item{
height:100vh;
background:no-repeat center center;
background-size:cover;
min-height:18.75rem;
background-color:#1A1A1A;

	
}   
.carousel-caption{
	position:absolute;
	top:38%;
	z-index:1;
	right:0;
	left:0;
	padding:0;
	min-width:100%;
	max-width:100%;
}

.carousel-item h1{
	color:white;
	font-size:4.5rem;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:0.3rem;
	text-shadow: 0.1rem 0.1rem 0.8rem black;
	padding-bottom:1rem;
	
	
}
.carousel-item h3{
	color:white;
	font-size:2.5rem;
	text-transform:uppercase;
	font-weight:400;
	text-shadow: 0.1rem 0.1rem 0.5rem black;
	padding-bottom:2rem;

}
.btn-lg{
	border-width:medium;
	border-radius:0;
	padding:0.8rem 1.5rem;
	font-size:1.1rem;
	font-weight:400;
	text-transform:uppercase;
	display:inline-block !important;
	
	
}

       /* PUŠČICE LEVO(previous) IN DESNO (next) */
.carousel-item-prev,.carousel-item-next,.carousel-item.active{
	
	display:block;
transition: transform 1.2s ease;}
	
	/* css 5.03 FEATURES SECTION */
	
.narrow{
		width:75%;
		margin:0 auto;
		padding-top:1rem;
		color:black
}
.btn-sm{
	border-width:medium;
	border-radius:0;
	padding:0.5rem 1.1rem;
	font-size:0.9rem;
	font-weight:400;
	text-transform:uppercase;
	margin:1rem;
	
}
.btn-turquoise{
	background-color:#1EBBA3;
	color:white;
	border-color:#1EBBA3;
	
}
.btn-turquoise:hover{
  background-color:#189582;
  color:white;
  border-color:#189582;
	
}
.jumbotronfeatures{
	padding: 1rem 0 1rem; /* top right/left bottom */
	border-radius:0;
	margin-bottom:0;
	
}
/*oblikovanje JUMBOTRON */
.jumbotron{
	padding: 1rem 0 1rem; /* top right/left bottom */
	border-radius:0;
	margin-bottom:0;
	
	
}
h3.heading{
	font-size:1.9rem;
	font-weight:700;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:1.9rem;
	color:#292929;
}
.heading-underline{
	width:20rem;
	height:0.2rem;
	background-color:#018CFF;
	margin:0 auto 2rem;
	
}

/*oblikovanje ikon*/

.feature{
	text-align:center;
	}
.feature .fa-layers{
	color: #1EBBA3;
	height:5rem;
	
}

.feature h3{
	font-size:1.3rem;
	text-transform:uppercase;
	padding-bottom:0.4rem;
}

.feature p{
	font-size:1.1rem;
}
.featurespar{
	font-size:1.4rem;
	text-align:center;
	color:#292929;
	font-weight:700;
}
#fixed{
	background-image:url('morje/oljke background.jpg');
	z-index:-1;
	
}
.dark{
	background-color: rgba(0,0,0,0.5);
	padding: 2rem 2rem;
	text-align:center;
	z-index:0;
}

.dark h3, .dark p{
	color:#E9ECEF;
}

.nastanitev p{
font-size:1.5rem;
}

.nastanitevh4{
	font-size:1.1rem;
	font-weight:700;
	padding-bottom:0.4rem;
	color:#E9ECEF;
}
/* portfolio scene */

.padding{
	padding: 2rem 1rem;
}

.spadding{
	padding: 1rem 1rem;
}

img.example-image{
	max-width:100%;
}

.row.no-padding [class*=col-]{
	padding:0;
}
/* portfolio scene end */

.kajh4{
	font-size:1.1rem;
	font-weight:700;
	padding-bottom:0.4rem;
	color:#494949;
	text-align:center;
}

/* pricing scene */

.pricing-column{
	background-color:white;
	padding:2rem;
	border-top: 0.2rem solid #018CFF;
	box-shadow: 0.5rem 0.5rem 0.8rem rgba(0,0,0,0.5);
	transition: transform 0.7s ease;
	overflow: hidden;
	position: relative;
	border-radius:3rem;
}

.pricing-column:hover{
	transform: scale(1.1)
}

.pricing-column h3{
	padding-bottom: 1rem;
	border-bottom: 0.1rem solid rgba(0,0,0,0.1);
	
}

.pricing-column p{
	padding-top: 1rem;
	opacity: 0.8;
	
}

.pricing-column h4{
	padding: 0.4rem;
    font-size: 1.1rem;
	
}

.pricing-column .item{
	font-weight: 700;
	
}

.pricing-column h1{
	font-weight: 700;
    opacity: 0.8;
	padding: 0.8rem;
}

.ribbon{
	position: absolute;
	width: 10rem;
	height: 2rem;
	background-color: lightblue;
	color: black;
	font-size: 0.8rem;
	font-weight: 700;
	padding-top: 0.4rem;
	right: -2.8rem;
	top: 1.2rem;
	transform: rotate(45deg);
	box-shadow: 0.2rem 0.2rem 0.6rem rgba(0,0,0,0.4);
	
}

.ribbon2{
	position: absolute;
	width: 10rem;
	height: 2rem;
	background-color: red;
	color: white;
	font-size: 0.8rem;
	font-weight: 700;
	padding-top: 0.4rem;
	right: -2.8rem;
	top: 1.2rem;
	transform: rotate(45deg);
	box-shadow: 0.2rem 0.2rem 0.6rem rgba(0,0,0,0.4);
}

.ribbon3{
	position: absolute;
	width: 10rem;
	height: 2rem;
	background-color: gold;
	color: black;
	font-size: 0.8rem;
	font-weight: 700;
	padding-top: 0.4rem;
	right: -2.8rem;
	top: 1.2rem;
	transform: rotate(45deg);
	box-shadow: 0.2rem 0.2rem 0.6rem rgba(0,0,0,0.4);
}

.pricingp{
	text-align:center;
	font-weight:700;
	color:black;
	font-size:1.1rem;
}
/* ----TEAM SECTION -----*/

#fixed-2{
	background-image:url('morje/morje background.jpg');
	z-index:-1;
	
}
#fixed-3{
	background-image:url('morje/morje4.jpg');
	z-index:-1;
	
}
.light{
	background-color:rgba(255,255,255,.4);
	padding: 2rem 2rem 2rem;
	z-index: 1000 !important;
}

.card{
	border-radius:0;
	border: 0.1rem solid rgba(0,0,0,.1);
	box-shadow: 0 0 .8rem rgba(0,0,0,.1);
	margin: 0 1rem;
	
}
.card:hover{
	transform: scale(0.95);
}
.card-img-top{
	border-radius:0;
}
.card h4{
	font-weight:700;
}
.card h5{
	color:#018CFF;
	
}

.card p{
	border-top: 0.1rem solid rgba(0,0,105,0.4);
	border-bottom: 0.1rem solid rgba(0,105,105,0.4);
	padding:1rem;
	margin: 1rem 0 1.5rem;
}
.card svg.svg-inline--fa{
	color:#018CFF !important;
	font-size:1.3rem;
	width:2rem;
	
}
.card svg.svg-inline--fa:hover{
	color:#6C757D !important;
}
.owl-dot.active span,
.owl-dot:hover span{
	background:#018CFF !important;
}

/* -------------SKILLS SECTION --------- */
.jumbotronpricing{
	padding: 1rem 0 3rem; /* top right/left bottom */
	border-radius:0;
	margin-bottom:0;
	background-color: rgba(0,0,0,0.08);
	
}

.skills h3{
	color:#018CFF;
	font-size:2.5rem;
	font-weight:700;
	margin:1rem 0 0.1 0.5rem;
	
}

.skills p{
	font-size:1.1rem;
	text-transform:uppercase;
	font-weight:700;
	
	
}

/* ---------------CLIENTS SECTION ---------*/
.clients img{
	
	width:100%;
	height:auto;
	border-radius:50%;
	transition: transform 0.3 ease;
	
}
.clients:hover{
	transform: scale(0.95);
}
blockquote .svg-inline--fa{
	margin:1rem;
	color:#018CFF;
}

.clients-hr{
	border-top:.05 solid #018CFF;
	
}

/*============= CONTACT SECTION =============*/

.greensafe{
	width: 50%;
	height: 75%;
}
.greensafe1{
	width: 50%;
	height: 70%;
}

footer {
  background-color: gray;
  /*background-color: #40474e;*/
  background-size: cover;
  color: white;
}
footer .row {
  background-color: rgba(57, 63, 70, 0.85);
  padding: 1rem 2rem 3rem;
}
footer img {
  height: 2rem;
  margin: 1.5rem 0;
}
footer a {
  color: white;
}
footer svg.svg-inline--fa {
  font-size: 1.6rem;
  margin: 1.2rem .5rem 0 0;
}
footer svg.svg-inline--fa:hover {
  color: #018CFF!important;
}
footer h3 {
  text-transform: uppercase;
  margin: 1.5rem 0;
}
/*--- Contact Form --*/
.form-group {
  margin-bottom: 1.3rem;
}
.form-control {
  background-color: #53595f;
  border-radius: 0;
  border: .15rem solid #666b71;
  color: white!important;
  font-size: 1.1rem;
}
.form-control:focus {
  background: #53595f;
  border: .15rem solid #666b71;
}
.form-group input::placeholder,
.form-group textarea::placeholder {
  color: #b2b5b8!important;
}
input.btn {
  cursor: pointer;
}
hr.socket {
  border-top: .2rem solid #666b71;
  width: 100%;
}

/*============= TOP SCROLL =============*/

.top-scroll svg.svg-inline--fa {
  font-size: 3rem;
  height: 1.7rem;
  color: #53595f;
  background: white;
}
a.top-scroll {
  right: 1.2rem;
  bottom: 1.2rem;
  position: fixed;
  opacity: .3;
  z-index: 1000;
  display: none;
}
a.top-scroll:hover {
  opacity: .5;
}

/*============= MEDIA QUERIES =============*/

/* Devices under 992px (lg) */
@media (max-width: 991px) {
  .carousel-item h1 {
    font-size: 3.5rem;
    letter-spacing: .2rem;
    padding-bottom: .8rem;
  }
  .carousel-item h3 {
    font-size: 2.2rem;
    padding-bottom: 1.7rem;
  }
  .btn-lg {
    padding: .7rem 1.2rem;
    font-size: 1rem;
  }
  .narrow h1 {
    font-size: 2.1rem;
  }
}

/* Devices under 768px (md) */
@media (max-width: 767px) {
  .carousel-item h1 {
    font-size: 2.7rem;
    letter-spacing: .15rem;
    padding-bottom: .5rem;
  }
  .carousel-item h3 {
    font-size: 1.7rem;
    padding-bottom: 1.2rem;
  }
  .btn-lg {
    padding: .6rem 1.1rem;
    font-size: 1rem;
  }
  .narrow h1 {
    font-size: 1.8rem;
  }


  .clients img {
    max-width: 50%;
    margin: 0 auto;
  }
  .top-scroll {
    display: none!important;
  }
}

/* Devices under 576px (sm) */
@media (max-width: 575px) {
  .carousel-item.active h1 {
    font-size: 1.9rem;
    letter-spacing: .1rem;
    padding-bottom: .4rem;
  }
  .carousel-item.active h3 {
    font-size: 1.2rem;
    padding-bottom: 1rem;
  }
  .btn-lg {
    padding: .4rem .9rem;
    font-size: .9rem;
  }
  .narrow {
    width: 85%;
  }
}
.mapa{

}



.gsp{
	padding-top:0rem;
}

.linki{
	color:white;
}
.linki:hover{
	color:#018CFF;
}

a:hover{   /*odstrani črte pod linki*/
	text-decoration: none;
}
/*============ BOOTSTRAP BREAK POINTS:

Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

=============*/