/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/

/********         OSNOVNE POSTAVKE *******************/

html {
  scroll-behavior: smooth;
}

#Content {
    width: 100%;
    padding-top: 0px !important;
}


/*   MENU  */

#Top_bar .logo {
    float: left;
    margin: 0px 50px 0 50px;
}




/* LOGO */
#Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo {
    height: 80px !important;
    line-height: 60px !important;
    padding: 3px 0 !important;
}
a#logo {
    background-color: white !important;
}

#Top_bar .menu > li.current-menu-item > a, #Top_bar .menu > li.current_page_item > a, #Top_bar .menu > li.current-menu-parent > a, #Top_bar .menu > li.current-page-parent > a, #Top_bar .menu > li.current-menu-ancestor > a, #Top_bar .menu > li.current-page-ancestor > a, #Top_bar .menu > li.current_page_ancestor > a, #Top_bar .menu > li.hover > a {
    color: black !important;
	font-weight:bold;
}


/*****************************************************************************  NASLOVNA STRANICA *****************/

.pozadina {
    height: 600px;	
}
h2.nudimoh2 {
    font-size: 70px;
    color: white;
    font-weight: bold;
	line-height:75px;
}
.nudimo {
    padding-top: 140px;
	padding-left: 60px;
	text-align:center;
}
p.nudimop {
    font-size: 22px;
    line-height: 22px;
    color: #f56402;
    padding-top: 15px;
}

a.button.kontaktirajte.button_size_2.button_js {
    margin-top: 50px !important;
}

/******************************** O NAMA **************/

.onama h1 {
    text-align: left !important;
    padding-top: 50px!important;
    padding-bottom: 10px;
    color: black;
    font-size: 35px;
    font-weight: bolder;
    font-family: 'Poppins', sans-serif;
}

.onama .column.mcb-column.mcb-item-85cr3zer4.one-third.column_image {
    margin: 0 !important;
    padding: 0 !important;
}

.onama p {
    color: black;
    margin: 0;
    padding-top: 15px;
	font-size:17px;
	line-height:20px;
}

.column.mcb-column.mcb-item-85cr3zer4.two-fifth.column_image {
    margin-bottom: 0 !important;
}

#orange {
    color: #f56301;
}

.ozivite h2 {
	color: #ffffff;
    font-size: 22px;
    text-align: center;
    margin: 37px auto;
    line-height: 27px;
	padding-top: 25px;
}

.usluge {
    margin-top: 60px;
}

.h1usluge {
    text-align: center !important;
    padding-top: 40px!important;
    padding-bottom: 10px;
    color: black;
    font-size: 35px;
    font-weight: bolder;
    font-family: 'Poppins', sans-serif;
}

h2.zastoh2 {
    text-align: left !important;
    padding-top: 45px!important;
    padding-bottom: 10px;
    color: black;
    font-size: 33px;
    font-weight: bolder;
    font-family: 'Poppins', sans-serif;
	line-height: 37px;
}

p.zastop {
    color: black;
    padding-top: 37px;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
}

.kocka .column.mcb-column.mcb-item-hy00g13sj.one-second.column_image {
    margin: 0 !important;
    padding: 0 !important;
}

.section.mcb-section.mcb-section-s07yaf8ng.galerija.bg-cover img {
    padding-top: 50px;
}



h2.misljenje {
    text-align: center;
    font-size: 23px;
    padding-top: 40px;
    color: white;
    font-weight: bolder;
	line-height: 30px;
	text-shadow: 1px 1px black;
}

/** kontakt **/
.contact-form{
    width: 100%;
    max-width: 500px;
    height: auto;
    background: rgba(0,0,0,0.2);
    padding: 40px 50px;
    border-radius: 5px;
}
 

 
.input-fields {
    padding: 0 30px;
}
 
.input-fields .items{
    width: 100%;
    padding-bottom: 15px;
}
 
.input-fields .items .label{
    display: block;
    font-size: 1em;
    color: #fff;
    transition: all 0.5s ease;
    padding-bottom: 5px;
}
 
.input-fields .items .input,
.input-fields .items .text-area{
    background: transparent;
    border: 0;
    border: 1px solid #fff;
    width: 100%;
    padding: 8px 10px;
    font-size: 1em;
    color: #fff;
    border-radius: 3px;
}
 
.btn{
    margin: 0 30px;
    background: #f56301;
    color: #fff;
    font-size: 1.25em; 
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    letter-spacing: 2px;
}
 
 
.items #msg{
    height: 100px;
}
 
 
/* jquery code */
.input-fields .items .input.active .label{
    font-size: 15px;
    top: 0;
}
 
@media screen and (max-width: 750px){
    .input-fields {
        padding: 0;
    }
}

.get_in_touch h3 {
    font-weight: bold;
}
.get_in_touch, .infobox {
    background-color: #f56402;
    border-radius: 5px;
}

.input[type="text"] {
    background: transparent !important;
}

.image_frame a {
    height: 300px;
    padding: 0px !important;
}
#sc_gallery-1 img {
    padding: 0 !important;
}
dd.wp-caption-text.gallery-caption.image_frame {
    display: none !important;
}
.image_frame {
border: none;
}
.image_frame .image_wrapper .mask {
    box-shadow: none !important;
}

dd.wp-caption-text.gallery-caption {
    display: none !important;
}

.widgets_wrapper {
    padding: 0 !important;
}

input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, select:focus, textarea:focus {
    background-color: #38424800!important;
}

h1.referenceh1 {
    color: black;
    font-size: 45px;
    font-weight: bold;
    padding-top: 70px;
    padding-bottom: 30px;
}

h3.uvjerenjah3 {
    font-weight: bolder;
}
hr {
    background-color: rgb(0, 0, 0);
    color: rgb(0, 0, 0);
}

.top_bar_right {
    display: none !important;
}

.top_bar_left.clearfix {
    border-bottom: 1px solid black !important;
}






/************************************ MOBILNA ***************/
@media only screen and (max-width: 767px)     {/*** pocetak media*/
	
.contact-form {
    width: 100%;
    max-width: 500px;
    height: auto;
    background: rgba(0,0,0,0.2);
    padding: 0px 0px !important;
    border-radius: 5px;
    margin: 0 auto !important;
}
	
	
#Content .gallery .gallery-item {
    width: 50% !Important;
    clear: none !important;
    float: left !important;
	max-height: 105px !important;

}
	
#Top_bar .logo #logo, #Top_bar .logo .custom-logo-link {
    padding: 0!important;
    margin: 0 !important;
}	
	
a#logo {
    text-align: left !important;
}	
	
i.icon-search-fine {
    display: none !important;
}

	a.responsive-menu-toggle {
    margin-right: 40px !important;
}


.nudimo {
   padding-top: 0px;
   padding-left: 0px;
    text-align: center;
}

h2.nudimoh2 {
    font-size: 50px;
    color: white;
    font-weight: bold;
    line-height: 60px;
    margin-top: 20px;
}

p.nudimop {
    font-size: 17px;
    line-height: 22px;
    color: #ffc198;
    padding-top: 15px;
    width: 80%;
    margin: 0 auto;
}

.button_align.align_center {
    text-align: center;
    margin-bottom: 50px;
}
	
.usluge h4 {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0px;
    font-size: 15px;
    font-weight: bolder;
}	
	
p.zastop {
    color: black;
    padding-top: 10px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
}
	
h2.zastoh2 {
    text-align: center !important;
    padding-top: 35px!important;
    padding-bottom: 0px;
    color: black;
    font-size: 28px;
    font-weight: bolder;
    font-family: 'Poppins', sans-serif;
    line-height: 37px;
}
	
	
#Footer .widgets_wrapper .widget {
    padding: 0px 0;
    margin-bottom: 0;
}	
	
	
.h1usluge {
    text-align: center !important;
    padding-top: 0px!important;
    padding-bottom: 10px;
    color: black;
    font-size: 35px;
    font-weight: bolder;
    font-family: 'Poppins', sans-serif;
}	
	
.ozivite h2 {
    color: #ffffff;
    font-size: 22px;
    text-align: center;
    margin: 0px auto;
    line-height: 27px;
    padding-top: 15px;
}	
	
#klijentih1 {
    margin-top: 30px;
}

.onama h1 {
    text-align: center !important;
}
}/***kraj media*/


@media only screen and (max-width: 959px) and (min-width: 768px)
	 {
		
		
	#Content .gallery .gallery-item {
    width: 50% !Important;
    clear: none !important;
    float: left !important;
	max-height: 200px !important;

}	
		
		
.column.mcb-column.mcb-item-hy00g13sj.one-second.column_image img {
    padding-top: 133px;
}
		
.one-fourth.column, .four.columns {
    width: 100%;
}	
		
		
		
		
		
		
		
}