/*
Theme Name:    Spicy
 Description:  A Business theme which is ideal for creating a corporate / business website. Those who need the white background based theme they can use this child  theme. You can set banner image along with title , description and read more button. Font page will show the Banner, Serviced Section, Portfolio Section and Latest News/Posts/Articles.
 Author:       webriti
 Author URI:   http://www.webriti.com
 Theme URI:   http://webriti.com/spicy-details-page/
 Template:     rambo
 Version:      1.5
 Tags: 		   full-width-template, threaded-comments, custom-menu, two-columns, translation-ready, theme-options, sticky-post, blog, footer-widgets, right-sidebar, left-sidebar, portfolio
 Text Domain: spicy
*/
.preheader{
height:25px;
background:#2a2b2e;
width:100%;
}
.preheader .content{
	float:right;
	width:auto;
}
.preheader .contact_info,
.preheader .lang-item{
float:left;
margin-right:15px;
color:#6ebb25;
}
.preheader a{
margin-right:0 !important;
}
.preheader .lang-item{
list-style-type:none !important;
height:100% !important;
}
.preheader .lang-item img{
height:100% !important;
margin-top:4px;
}
.header{
border-bottom:1px solid rgba(0,0,0,0.5);
padding-top:0 !important;
}
section.main{
padding-top:0 !important;
padding-bottom:20px;
}
.img{
overflow:hidden;
}
.footer_widget.widget.widget_custom_html,
.footer_widget.widget.widget_custom_html .textwidget.custom-html-widget{
margin-bottom:0 !important;
}
.footer-section{
padding-top:7px !important;
padding-bottom:7px !important;
text-align:right;
}
.custom_logo{
height:100px;
width:100px;
float:left;
}
.custom_logo img{
height:100px !important;
width:100px !important;
margin:0 !important;
}
.navbar{
margin:5px 0 !important;
}
.navbar .nav{
margin-top:20px !important;
}
#home_top{
padding-top:0;
}
.home_top_box{
width:100%;
height:500px;
}
.home_top_img{
width:66.7%;
height:100%;
float:left;
overflow:hidden;
}
.home_top_img p{
min-height:100%;
min-width:100%;
margin:0 !important;
padding:0 !important;
}
.home_top_img img{
min-height:500px;
width:auto;
max-height:700%!important;
max-width:700%!important;
min-width:100%;
display:block;
margin:0 !important;
}
.home_top_right{
width:calc(33.3% - 5px);
height:100%;
float:right;
background:black;
border-left:5px solid #52a329;
}
.home_top_right .text{
padding:30px;
padding-top:60px;
}
.home_top_right p{
color:#d9d9d9!important;
}
.home_top_bottom{
min-height:220px;
height:auto;
width:100%;
}
.home_top_bottom .box{
width: 33.3%;
height:100%;
min-height:100%;
float:left;
text-align:center;
padding-bottom:20px;
}
#home_center .storitve{
height:auto;
min-height:400px;
width:100%;
}
#home_center .storitve .storitev{
width:calc(25% - 40px);
height:360px;
float:left;
padding:20px;
padding-top:10px;
}
#home_center .storitve .storitev .img{
max-height:300px !important;
height:auto !important;
width:100% !important;
max-width:100% !important;
}
#home_center .storitve .storitev img{

max-width:100%;
width:100%;
width:auto !important;
}
#home_center .storitve .storitev:hover{
background:rgba(102,204,61,0.02);
}
#home_center .storitve .storitev p,
#home_center .storitve .storitev h3{
width:90%;
margin:auto;
}
#home_center .services .storitev h3{
color:#52a329!important;
}
.home_top_bottom h1{
color:white;
font-size:1.5em;
color:#52a329!important;
}
.home_top_bottom h3{
color:white;
color:rgba(89,89,89,0.75) !important;
}
.home_top_bottom .box.box1{
background-color:#f2f2f2;
}
.home_top_bottom .box.box2{
background-color:#e6e6e6;
}
.home_top_bottom .box.box3{
background-color:#d9d9d9;
}
#home_bottom .background{
height:500px;
width:100%;
background-image:url('http://darosa.si/wp-content/uploads/2017/09/A4-gate-zgib-1-2.jpg');
background-repeat:no-repeat;
background-size:cover;
background-position:center;
background-attachment:fixed;
}
.home_bottom_box{
width:400px;
height:300px;
float:right;
margin-right:100px;
background:black;
padding:20px;
padding-top:60px;
border:5px solid #52a329;
border-top:none;
}

.home_bottom_box .mc4wp-form {
display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home_bottom_box h1,
.home_bottom_box p{
color:white !important;
text-align: center;
}
#home_references .container{
margin-bottom:30px;
}
#home_references .reference_container{
max-width:50%;
height:100%;
float:left;
}
#home_references .reference_container:last-child{
float:right;
}
#home_references .reference{
border:2px solid #66cc33;
max-width:100%;
padding:30px;
}
#home_references .reference:hover,
.contact_top .contact_info:hover{
background:rgba(102,204,61,0.02);
}
#home_references .reference .icon{
height:40px;
margin-top:-40px;
margin-left:-40px;
background-image:url('http://darosa.si/wp-content/uploads/2017/09/images.png');
background-size:40px 40px;
background-repeat:no-repeat;
}
.hero-widgets-section{
height:300px;
padding:15px 38px;
}
.hero-widgets-section .contact_info{
max-width.50%;
float:left;
margin-top:15px;
}
.hero-widgets-section .google-maps-builder-wrap,
.hero-widgets-section .google-maps-builder-wrap .google-maps-builder{
height:150px !important;
}
.hero-widgets-section .map_image{
height:150px;
width:100%;
overflow:hidden;
text-align:center;
}
.hero-widgets-section .map_image img{
height:150px;
width:668px !important;
max-width:668px;
margin-left:-40%;
}
.contact_info .icon{
float:left;
margin-right: 7px;
}

.contact_header{
background-image:url('http://darosa.si/wp-content/uploads/2017/09/garage-1837335_1920.jpg');
background-position: 0 -230px;
}
.contact_top .contact_info{
padding:20px 30px;
padding-right:0;
width:calc(33.3% - 30px);
float:left;
}
.contact_top .contact_info p,
.contact_top .contact_info a{
font-size:1.2em;
line-heignt:1.4em;
}
.contact_top .contact_info h2{
margin-top:-7px !important;
padding-left:40px;
color:#66cc33;
}
.contact_info .icon{
float:left;
font-size:1.7em !important;
color:#66cc33;
}
.contact_form{
background:rgba(102,204,61,0.2);
padding-top:20px;
}
.contact_form label{
font-weight:bold;
font-size:1.1em;
color:black;
}
.contact_form .wpcf7-checkbox .wpcf7-list-item{
clear:both;
display:block;
margin-bottom:5px;
}
.contact_form .wpcf7-checkbox .wpcf7-list-item input{
margin-top:-2px !important;
padding-top:2px;
}
.contact_map{
background-image:url('http://darosa.si/wp-content/uploads/2017/09/car-wash.jpg');
background-size:100%;
background-repeat:no-repeat;
}
.contact_map .map_container{
width:80%;
height:100%;
margin:auto;
padding:20px;
}
.contact_form1{
width:33.3%;
float:left;
}
.contact_form2{
width:50%;
float:left;
}
.contact_form input[type="text"],
.contact_form input[type="date"],
.contact_form input[type="email"],
.contact_form input[type="tel"],
.contact_form textarea{
	border:1px solid rgba(0,0,0,0.3) !important;
	display:block;
	width:90% !important;
	float:left !important;
	margin-bottom:15px;
}
.contact_form input[type="text"],
.contact_form input[type="date"],
.contact_form input[type="email"],
.contact_form input[type="tel"]{
	height:27px !important;
}
.ui_tpicker_time_label{
display:none !important;
}
.ui_tpicker_hour_label{
margin-top:-10px !important;
}
.ui_tpicker_minute_label{
margin-top:-10px !important;
}
.storitve_header{
background-image:url('http://darosa.si/wp-content/uploads/2017/09/auto-519832_1920.jpg');
background-position:0 -50px;
}
.storitve{
margin-top:20px;
}
.storitve .storitev{
height:250px;
margin-bottom:20px;
}
.storitve .storitev h1{
color:#66cc33;
}
.storitve .storitev .text{
width:65%;
}
.storitve .storitev .img{
height:100%;
max-height:100%;
max-width:40%;
}
.storitve .storitev .img_s{
display:none;
}
.storitve .storitev .img img{
max-height:100%;
width:auto !important;
}
.storitve .storitev1{
padding-left:20px;
}
.storitve .storitev2{
padding-right:20px;
}
.storitve .storitev{
background:rgba(0, 0, 0,0.025);
}
.storitve .storitev:hover{
background:rgba(102, 204, 51,0.025);
}
.storitve .storitev1 .text{
float:left;
}
.storitve .storitev2 .text{
float:right;
}
.storitve .storitev1 .img{
float:right;
}
.storitve .storitev2 .img{
float:left;
}
.cenik_header{
background-image:url('http://darosa.si/wp-content/uploads/2017/09/cleaning-1837330_1920.jpg');
background-position:0 -50px;
}
.cenik_table{
width:calc(50% - 40px);
float:left;
padding:20px;
padding-top:0;
}
.cenik_table .column-2{
min-width:20% !important;
border-left: 1px solid rgba(0,0,0,0.1);
}
.tablepress tfoot th,
.tablepress thead th{
background-color:rgba(102, 204, 51,0.5)!important;
}

div[class*="_header"]{
width:100%;
height:250px;
background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed;
margin-bottom:20px;
}
div[class*="_header"] .entry-title{
color:white !important;
font-size:1.8em !important;
width:auto !important;
max-width:33% !important;
border-bottom:2px solid #6ebb25;
}
.button,
.search-btn,
input[type="submit"]{
background-color:#66cc33 !important;
}
.button{
font-size:1.15em;
width:auto;
min-width:130px;
text-align:center;
color:white;
margin:0 15px;
cursor:pointer;
transition: all 0.4s ease 0s;
float:left;
}
.button:hover,
.search-btn:hover,
input[type="submit"]:hover{
background-color:#52a329!important;
color:white;
}
.button.btn200{
max-width:230px;
padding:15px;
}
.button_container.center{
height:auto;
width:auto;
margin:auto;
display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 1200px) {
	.home_top_right .button_container{
		display:block;
	}
	.home_top_right .button{
		display:block;
		float:none !important;
		width:calc(100% - 30px) !important;
		min-width:calc(100% - 30px);
		margin:0;
		margin-bottom:20px;
	}
	.storitev{
		height:auto;
	}
	.storitve .storitev .text{
		max-width:55%;
	}
}
@media screen and (max-width: 979px) {
	.home_top_img,.home_top_right{width:100%;border:none;}
	.home_top_img img{
		min-height:auto !important;
		max-width:100% !important;
		width:100% !important;
		height:auto !important;
	}
	#home_center .storitve .storitev{
		width:calc(50% - 42px);
	}
	.custom_logo{
		margin-left:calc(50% - 58px);
	}
	.cenik_table{
		width:calc(100% - 40px);
	}
	.home_top_box{
		height:auto;
	}
	.preheader .content{
		float:none;
		display: -webkit-box;
  	 	 display: -moz-box;
  	 	 display: -ms-flexbox;
  		  display: -webkit-flex;
  		 display: flex;
   		 align-items: center;
 	   justify-content: center;
	}
}
@media screen and (max-width: 767px) {
	p,h1,h2,h3,h4,h5,h6,ul,ol{
		padding-left:20px !important;
		padding-right:20px !important;
	}
	.custom_logo p{
		padding:0 !important
	}
	.one_half, .one_third, .two_third, .one_fourth, .three_fourth{
		width:100% !important;
	}
	.team-member{width:100% !important;}
	.featured_box{width:100% !important;}
	#home_center .storitve .storitev{
		width:calc(100% - 40px);
		height:auto;
	}
	#home_center .storitve .storitev img{
		max-width:85%;
max-height:100%;
	}
	#home_references .reference_container{
		max-width:100%;
		float:none !important;
		margin-bottom:20px;
		padding:0 20px;
	}
	.home_bottom_box{
		margin:auto;
		float:none;
	}
	.storitve .storitev{
		padding-left:20px;
		padding-right:20px;
	}
	.storitve .storitev .text{
		max-width:85%;
		width:85%;
		float:none;
		margin:auto;
	}
	.storitve .storitev .img{
		max-width:100%;
		width:100%;
		display: -webkit-box;
  	 	 display: -moz-box;
  	 	 display: -ms-flexbox;
  		  display: -webkit-flex;
  		 display: flex;
   		 align-items: center;
 	   justify-content: center;margin-bottom:20px;
	}
	.storitve .storitev .img img{
		max-width:85%;
	}
	.home_top_bottom .box{
		width: 100%;
	}
	.contact_form1{
		width:100% !important;
		float:none;
	}
	.contact_form2{
		width:100%;
		float:left;
	}
	.contact_form input[type="text"],
	.contact_form input[type="email"],
	.contact_form input[type="date"],
	.contact_form input[type="tel"],
	.contact_form textarea{
		width:calc(90% - 16px) !important;
		margin:auto !important;
	}
	.contact_form label{
		width:90% !important;
		margin-left:5%;
	}
	.contact_form .wpcf7-list-item{
		margin-left:5% !important;
	}
	.contact_form .wpcf7-form-control-wrap:not(.zadeva){
		display: -webkit-box;
  	 	 display: -moz-box;
  	 	 display: -ms-flexbox;
  		  display: -webkit-flex;
  		 display: flex;
   		 align-items: center;
 	   justify-content: center;
	}
	.contact_form .wpcf7-form-control.wpcf7-submit{
		width:90% !important;
		margin-left:5% !important;
		
	}
	.contact_top .contact_info{
		width:100%;
		padding-left:0;
	}
	.contact_top .contact_info p,
	.contact_top .contact_info a,
	.contact_top .contact_info h2{
		text-align:center;
		padding-left:0;
	}
	.contact_top .contact_info .icon,
	.contact_top .contact_info .icon i{
		float:none;
		margin:auto;
		text-align:center;
	}
	.hero-widgets-section .map_image img{
		margin-left:-20%;
	}
	.hero-widgets-section .widget_media_image{
		text-align:center;
	}
	.hero-widgets-section .widget_media_image img{
		height:150px !important;
		width:130px !important;
	}
	.hero-widgets-section{
		height:auto !important;
	}
	.preheader{
		height:auto;
	}
}
@media screen and (max-width: 600px) {
	#wpadminbar{
		margin-top:-46px !important;
	}
}
@media screen and (max-width: 580px) {
	.preheader .content{
		display:block;
	}
	.preheader .contact_info,
	.preheader .lang-item{
		float:none !important;
		width:100% !important;
	text-align:center !important;
	}
}