#cenovnik, #contact-form{
    padding-top: 90px !important;
}

/* --- welcome section --- */ 
#welcome, #cenovnik {
    margin-top: 30px;
    padding: 30px;
}

/* --- skill box --- */ 
#content {
    position: relative;
    background: #f7f7f7;
    padding: 50px 0 30px 0;

}
.container {
    padding: 0 20px 0 20px;
    position: relative;
}
.row, .row-fluid {
    margin-bottom: 30px;
}
.skill-home {
    margin-bottom: 50px;
}
.skill-home h3{
    margin-bottom: 20px;
    text-align: center;
}
.skill-home .col-md-3, #cenovnik .col-md-6, #contact-form-section .col-md-6{
	float: left;
}
.c1 {
    border: #ed5441 1px solid;
    /*background: #ed5441;*/
    background: #dc3545;
}
.skill-home .icons {
    padding: 49px 0 0 0;
    width: 100%;
    height: 156px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 42px;
    font-size: 64px;
    text-align: center;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 0;
    display: inline-table;
    font-weight: normal;
}
.box-area{
	padding: 0 15px 12px;
	padding-top: 41px;
	margin-top: -42px;
	color: #fff;
	text-align: center;
}
.box-area h3 {
    color: #fff;
}

.c2 {
    border: #D867B2 1px solid;
    background: #D867B2;
}

.c3 {
    border: #61B331 1px solid;
    /*background: #4BC567;*/
    background: #28a745;
}

.c4 {
    border: #609cec 1px solid;
    /*background: #26AFF0;*/
    background: #007bff;
}



/* --- top contact --- */ 
#top-contact {
    padding-bottom: 0px;
    padding-top: 2px;
    margin-bottom: 0px;
    background: #f0f1f4;
}
#top-contact .row {
	margin-bottom: 0px !important;
}
.left10 {
    margin-left: 10px;
}
.left50 {
    margin-left: 50px;
}



/* --- navigation --- */ 
.navbar {
    padding: 1.5rem 1rem;
}
.navbar-nav .nav-link {
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 10px;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{
    color: #fff !important;
    background: #343a40 !important;
}

/*--- Style inputs ---*/
input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=submit] {
  background-color: #343a40;
  color: white;
  padding: 12px 20px;
  border: none;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #6c757d;
}
#contact-form-section, #contact-map {
    padding-top: 30px;
}



/* --- footer --- */
#footer.footer {
    padding: 25px 0;
    background-color: #233140 !important;
    color: #fff;
}
.center {
    text-align: center;
}
#footer .row {
    margin-bottom: 0px !important;
}



/* --- Google map --- */
#map-btn {
    background-color: #dc3545;
    text-align: center;
    margin-top: 20px;
}
#map-btn:hover {
    cursor: pointer;
}
#map-btn p {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    padding: 24px;
    text-align: center;
    text-transform: uppercase;
}



/* -- Scroll To Top Button  --*/
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}

/* -- Custom Button  --*/
.btn-custom-top {
 background: #dc3545 !important;
 color:#fff;
}
.btn-custom-top:hover, 
.btn-custom-top:focus, 
.btn-custom-top:active, 
.btn-custom-top.active {
 background: #2C3E50 !important;
 color:#fff !important;
}

.hrrr {
    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    width: 75%;
}

i.roundimg{
    border: solid 2px;
    display: inline-block;
    border-radius: 50%;
    box-shadow: 0px 0px 2px #888;
    padding: 0.5em 0.6em;
    background: #28a745 !important;
    margin: 5px;
    transition: .3s;
    color: #fff !important;
}

.galerija{
    padding-top: 35px;
}

/*-- owl carousel --*/
.owl-theme .owl-nav {
    font-size: 30px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
    padding: 1px 17px !important;
}
.owl-theme .owl-nav [class*=owl-] {
    background: #dc3545 !important;
    font-size: 14px;
    margin: 5px;
    padding: 4px 17px !important;
}



/*-- Medium devices (tablets, 768px and down)  --*/
@media (max-width: 768px) { 

#welcome .col-md-6, #contact-form-section .col-md-6{
	padding-bottom: 20px;
 }
i.roundimg{
    padding: 0.3em 0.4em;
 }

}