/*
Theme Name: Poli Banka
Theme URI: http://www.playdigital.hr/
Author: Play Digital
Version: 1.0
*/

body{
	font-family: "mendl-sans-dusk",sans-serif;
	font-weight: 200;
	font-size: 1.2rem;
	font-style: normal;
	}

@media (min-width: 1300px){
    .container {
        max-width: 1280px;
    }
}

@media (min-width: 1400px){
    .container {
        max-width: 1380px;
    }
}

@media (min-width: 1500px){
    .container {
        max-width: 1480px;
    }
}

@media (min-width: 1600px){
    .container {
        max-width: 1580px;
    }
}

a{
	color: #333;
	}

a:hover{
	color: #000;
	}	

h2{
	font-family:"mendl-sans-dusk",sans-serif;
	font-size: 3rem;
	font-weight: 400;
	font-style: normal;
	}

h3{
	font-family:"mendl-sans-dusk",sans-serif;
	font-size: 2rem;
	}	

@media (max-width: 1399px){
h2{
	font-size: 2.5rem;
	}

h3{
	font-size: 1.75rem;
	}		
}

@media (max-width: 1199px){
h2{
	font-size: 2rem;
	}

h3{
	font-size: 1.5rem;
	}	
}

.btn{
	text-transform: uppercase;
	border-radius: 0px;
	border: 1px solid rgba(255,255,255,.8);
	font-size: .875rem;
	padding: 1rem 1.5rem;
	transition: all .2s ease;
	position: relative;
    z-index: 1;
	overflow: hidden;
	-webkit-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);	
	}

.btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    z-index: -1;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}	

.btn:hover::before {
	opacity: 1;
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.btn:focus, .btn:active{
	outline: none !important;
	box-shadow: none !important;
	}




.text-primary{
	color: #c39863 !important;
	}

.btn-primary{
	background-color: #c39863;	
	color: #fff !important;
	}

.btn-primary::before {
    background: #846845;
}	

.btn-primary:hover {
	color: #fff;
}

.btn-primary:active{
	border-color: #fff;
    box-shadow: 0px 0px 0px 2px #fff !important;
	transition: all .2s ease;
	}
	
.btn-primary:hover::before {
	background-color: #846845;
}

.btn-primary.btn-pattern{
	background-image: url(img/bg_pattern_beige.png);
	background-position: center center;
	padding: 1rem 2rem;
	}	

.btn-primary:hover, .btn-primary:active{
	background: #c39863;	
	border: 1px solid rgba(255,255,255,.8);
	transition: all .2s ease;
	}	

.btn-secondary{
	background: #555;
	transition: all .2s ease;	
	}

.btn-secondary::before {
    background: #333;
}	

.btn-secondary:hover {
	color: #fff;
	border-color: #fff;
}

.btn-secondary:active{
	border-color: #fff;
    box-shadow: 0px 0px 0px 2px #fff !important;
	transition: all .2s ease;
	}

.btn-secondary:hover::before {
	background-color: #333;
}		

.btn-info{
	border: 1px solid #000;
	background: #fff;
	transition: all .2s ease;
	color: #000;
	}

.btn-info::before {
    background: #333;
}

.btn-info:hover, .btn-info:active{
	border: 1px solid #000;
	background: #fff;
	transition: all .2s ease;
	color: #fff;
	}	

.btn-shadow{
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	}

.navbar{
	background: #fff;
	padding: 0px;
	height: 80px;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,.6);
	font-size: .875rem;
	display: block;
	}

.navbar-collapse{
	position: relative;
	top: 80px;
	}
	
	.navbar-collapse ul{
		background: #fff;
		list-style: none;
		padding: 0px;
		}
	
	.navbar-collapse>ul{
		position: absolute;
		top: 0px;
		left: 0px;
		}	

	.navbar-nav li a{
		display: block;
		padding: 20px 30px;
		background: #fff;
		transition: all ease .2s;
		border-bottom: 1px solid #eeeeee;
		}
		
		.navbar-nav li li a{
			padding: 12px 30px 12px 50px;
			position: relative;
			}
		
		.navbar-nav li li a::after{
			content: "";
			position: absolute;
			width: 10px;
			height: 1px;
			background: #999;
			left: 30px;
			top: 22px;
			}  	
		
	.navbar-nav li a:hover{
		background: #eee;
		text-decoration: none;
		transition: all ease .2s;
		}

@media (max-width: 767px){

.navbar-brand{
	z-index: 10000;
	}
	
	.navbar-collapse>ul{
	    box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
    	width: 100%;
		}
	
	.navbar-nav li a{
 	   text-align: right;
	       padding: 20px;
	   }
	  
	.navbar-nav li li a{
		padding: 12px 50px 12px 30px;
		position: relative;
		}  
	
	.navbar-nav li li a::after{
		content: "";
		position: absolute;
		width: 15px;
		height: 1px;
		background: #999;
		right: 20px;
		top: 22px;
		left: auto;
		}  	
	   
}

.navbar-brand{
	margin: 0 auto;
	width: 258px;
	height: 210px;
	background: url(img/bg_logo.png) no-repeat;
	background-size: 100%;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	}
	
	.navbar-brand img{
		width: 164px;
		height: auto;
		display: block;
		margin: 20px auto;
		}

.navbar-contact{
	position: absolute;
	right: 20px;
	top: 0px;
	line-height: 80px;
	}
	
	.navbar-contact a{
		background-size: 21px 21px;
		padding-left: 25px;
		margin-left: 20px;
		background-repeat: no-repeat;
		color: #999;
		transition: color .2s ease;
		display: inline-block;
	    height: 21px;
	    line-height: 21px;
		}

	.navbar-contact a:hover{
		color: #000;
		text-decoration: none;
		transition: color .2 ease;		
		}		
	
	.navbar-contact .navbar-tel{
		background-image: url(img/icon_phone.svg);
		}
	
	.navbar-contact .navbar-email{
		background-image: url(img/icon_email.svg);
		}	


.navbar .language-chooser{
	z-index: 10;
	padding: 0px;
    position: absolute;
    left: 110px;
	}

.navbar .language-chooser li{
	float: left;
	list-style: none;
	margin-right: 20px;
	line-height: 80px;
	text-transform: uppercase;
	}

.navbar .language-chooser li.active span{
	color: #000;
	text-decoration: underline;
	}	

.navbar-toggler{
	background: #fff;
    border: 0px;
	border-radius: 0px;
    height: 80px;
    width: 80px;
    padding: 0px;
    transition: all 0.2s ease;
    position: absolute;
	box-shadow: 5px 0px 30px 0px rgba(0,0,0,.15);
	}
	
	.navbar-toggler:hover{
		background: #eee;
		transition: all 0.2s ease;
		}
		
	.navbar-toggler:focus{
		outline: none;
		}
		
	.navbar-toggler[aria-expanded=false] .navbar-toggler-bar{
		background: #000;
		height: 1px;
		width: 100%;
		display: block;
		margin: 7px 0;
		transition: all 0.2s ease;
		}
		
	.navbar-toggler[aria-expanded=true] .navbar-toggler-bar:first-child{
		background: #000;
		height: 2px;
		width: 100%;
		display: block;
		margin: 6px 0;
		transform: rotateZ(45deg) translateY(6px) translateX(6px);
		transition: all 0.2s ease;
		}
	
	.navbar-toggler[aria-expanded=true] .navbar-toggler-bar:nth-child(2){
		display: none;
		transition: all 0.2s ease;
		}
		
	.navbar-toggler[aria-expanded=true] .navbar-toggler-bar:last-child{
		background: #000;
		height: 2px;
		width: 100%;
		display: block;
		margin: 6px 0;
		transform: rotateZ(135deg) translateY(0px) translateX(0px);	
		transition: all 0.2s ease;
		}	

@media (max-width: 1199px){
.navbar{
	height: 64px;
	}
	
	.navbar-brand {
		width: 206px;
		height: 166px;
		}
	
	.navbar-brand img{
		width: 126px;
		}
	
.navbar-contact{
	line-height: 64px;
	}

.navbar-toggler{
	height: 64px;
    width: 64px;
	}

.navbar .language-chooser{
	left: 90px;
	}

.navbar .language-chooser li{
	line-height: 64px;
	}

.navbar-collapse{
	top: 64px;
	}
		
}

@media (max-width: 991px){
	.navbar-contact a{
		width: 25px;
    	text-indent: -9999px;
		}
	}

@media (max-width: 767px){

.navbar-brand{
	width: 190px;
	margin-top: 2px;
	background-image: url(img/bg_logo2.png);
	background-repeat: no-repeat;
	}
	
	.navbar-brand img{
	    width: 109px;
    	margin: 10px auto;
		}

.navbar .language-chooser{
	display: none;
	border-top: 76px solid #b1a18d;
	  }

.navbar .navbar-collapse .language-chooser{
    display: flex;
    height: 140px;
    justify-content: space-evenly;
	margin-bottom: 0px;
	}
	   
   .navbar .navbar-collapse .language-chooser li{
		clear: both;
		float: unset;
		width: 25%;
		margin: 0px;
		text-align: center;
		height: 64px;
		}
	   
	   .navbar .navbar-collapse .language-chooser li a{
			color: #fff;
			display: block;
		    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#555555+50,444444+100 */
			background: #555555; /* Old browsers */
			background: -moz-linear-gradient(left, #555555 50%, #484848 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(left, #555555 50%,#484848 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to right, #555555 50%,#484848 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#484848',GradientType=1 ); /* IE6-9 */
			}
		
		.navbar .navbar-collapse .language-chooser li a:hover{
			text-decoration: none;
			background: #333;
			}	
			
			.navbar .navbar-collapse .language-chooser li.active a{
				background: #222;
				}
				
				.navbar .navbar-collapse .language-chooser li.active a span{
					color: #fff;
					text-decoration: none;
					}
	
	.navbar-collapse>ul{
		position: relative !important;
		left: auto !important;
		right: auto !important;
		width: 100% !important;
		}
	
.navbar-contact a{
	margin-left: 10px;
	}
	
}

@media (min-width: 768px){
	.navbar .navbar-collapse .language-chooser{
		display: none;
		}
		
	}

@media (max-width: 575px){

.navbar-brand{
	width: 150px;
	height:	110px;
	margin-top: 15px;
	}
	
	.navbar-brand img{
	    width: 92px;
		margin: 0 auto;
		}

	.navbar .navbar-collapse .language-chooser {
		border-top: 64px solid #b1a18d;
		height: 128px;
		}
	
}
	
.banner{
	height: 80vh;
    position: relative;
    width: 100%;
    margin-top: 0px;
    z-index: 1;
    }
	
	.banner .carousel-item{
	    width: 100%;
		height: 80vh;
		overflow: hidden;
		}

	.banner .carousel-item img{
	    width: 100%;
		height: 100%;
		object-fit: cover;
		}		

.banner .black_overlay{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	}

.banner .slider_content{
	position: absolute;
	z-index: 1000;
	        top: 50%;
        translate: 0 -40%;
/*
    top: calc(50% - 265px);
    transform: translateY(40px);
*/
    width: 100%;
    text-align: center;
	color: #fff;
	font-family: "mendl-sans-dusk",sans-serif;
	font-weight: 100;
	font-style: normal;
	}

.banner .slider_content h1{
	font-family: "mendl-sans-dusk",sans-serif;
	font-weight: 100;
	font-style: normal;
	font-size: 5.5rem;
	text-shadow: 0px 0px 10px rgba(0,0,0,.5);
	letter-spacing: -4px;
	}	

.banner .slider_content .btn{
	margin: 5px;
	min-width: 180px;
	}

.banner .slider_content span{
	text-transform: uppercase;
	}

.banner .slider_cta_buttons{
	margin: 50px auto 0;
	}

.banner .slider_location{
    display: flex;
    justify-content: space-between;
    width: 300px;
    margin: 120px auto 0;
	}	

@media (max-width: 1599px){

/*
.banner .slider_content{
    top: calc(50% - 225px);
	}
*/


.banner .slider_location{
    margin: 80px auto 0;
	}	
}

@media (max-width: 1499px), (max-height: 900){
/*
	.banner .slider_content{
		top: calc(50% - 195px);
		}
*/
	
	.banner .slider_location{
		margin: 60px auto 0;
		}
	
	.banner .slider_content h1{
		font-size: 5rem;
		letter-spacing: -3px;
		}
			
	}

@media (max-width: 1199px){
	.banner .slider_content{
    	transform: translateY(32px);
		}
	
	.banner .slider_content h1{
		font-size: 4.5rem;
		}
	}
	
@media (max-width: 991px){
	.banner .slider_content h1{
		font-size: 4rem;
		letter-spacing: -2px;
		}
	}

@media (max-width: 767px){
	.banner .slider_content h1{
		font-size: 3rem;
		letter-spacing: -1px;		
		}
	}

@media (max-width: 575px){
	.banner .slider_content h1{
		font-size: 2rem;
		letter-spacing: 0px;
		}
	
	.banner .slider_location{
		width: 260px;
		}	
		
	}			

.section_heading .heading_img{
    margin-top: 80px;
    height: 60vh;
    width: 100%;
    overflow: hidden;
	position: relative;
	}

	.section_heading .heading_img img{
	    width: 100%;
    	height: 100%;
	    object-fit: cover;
		}
	
	.section_heading .heading_img .overlay{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.4);
		}	
	
	.section_heading h1{
		color: #fff;
		font-family: "mendl-sans-dusk",sans-serif;
		font-weight: 100;
		font-style: normal;
		font-size: 5.5rem;
		text-shadow: 0px 0px 10px rgba(0,0,0,.5);
		letter-spacing: -4px;
		position: absolute;
		top: 50%;
		text-align: center;
		width: 100%;
		transform: translateY(-50%);
		}

@media (max-width: 1499px){
	.section_heading h1{
		font-size: 5rem;
		}
	}

@media (max-width: 1199px){

.section_heading .heading_img{
	margin-top: 64px;
	}

	.section_heading h1{
		font-size: 4.5rem;
		}
	}
	
@media (max-width: 991px){
	.section_heading .heading_img{
		height: 380px;
		}
	
	.section_heading h1{
		font-size: 4rem;
		letter-spacing: -2px;
		}
	}

@media (max-width: 767px){
	.section_heading .heading_img{
		height: 300px;
		}

	.section_heading h1{
		font-size: 3rem;
		}
	}

@media (max-width: 575px){
	.section_heading .heading_img{
		height: 200px;
		}
	
	.section_heading h1{
		font-size: 2rem;
		}
	}	
		

.section_image .contain_img{
    height: 60vh;
    width: 100%;
    overflow: hidden;
	position: relative;
	}
	
	.section_image .contain_img img{
	    width: 100%;
    	height: 100%;
	    object-fit: cover;
		}

@media (max-width: 991px){
	.section_image .contain_img{
		height: 380px;
		}
	}

@media (max-width: 767px){
	.section_image .contain_img{
		height: 300px;
		}
	}

@media (max-width: 575px){
	.section_image .contain_img{
		height: 200px;
		}
	}

.section_doubleblock .row{
	margin: 0px;
	}
	
	.section_doubleblock .row .col{
		padding: 0px;
		}

.singleblock_content{
	height: auto;
	text-align: center;
	position: relative;
	padding: 60px 30px 100px;
	}	
	
	.singleblock_content .icon{
		width: 70px;
		height: 70px;
		display: block;
		background-size: 100%;
		margin: 0 auto;
		}
	
	.singleblock_content .btn{
		position: absolute;
    	bottom: -27px;
    	transform: translate(-50%);
		}	
	
	.singleblock_content::before{
		content: "";
		width: 1px;
		height: 50px;
		position: absolute;
		top: 0px;
		left: 50%;
		background: rgba(255,255,255,.4);
		}
	
	.singleblock_content.bg_white_pattern::before, .singleblock_content.bg_white_pattern::after{
		background: rgba(0,0,0,.4);
		}
	
	
	.singleblock_content::after{
		content: "";
		width: 1px;
		height: 90px;
		position: absolute;
		bottom: 0px;
		left: 50%;
		background: rgba(255,255,255,.4);
		}	

	.icon_food_dome{
		background: url(img/icon_food_dome.svg) no-repeat;	
		}
	
	.icon_food_served{
		background: url(img/icon_food_served.svg) no-repeat;	
		}	
	
	.icon_two_glasses{
		background: url(img/icon_two_glasses.svg) no-repeat;	
		}
	
	.icon_wedding_glasses{
		background: url(img/icon_wedding_glasses.svg) no-repeat;
		}
	
	.icon_fork_knife{
		background: url(img/icon_fork_knife.svg) no-repeat;
		}
	
	.icon_wine_glass{
		background: url(img/icon_wine_glass.svg) no-repeat;
		}
	
	.icon_dining_table{
		background: url(img/icon_dining_table.svg) no-repeat;
		}		

@media (max-width: 1199px){
.singleblock_content{
	padding: 60px 30px 100px;
	}		
}


@media (max-width: 767px){
.singleblock_content {
	padding: 30px 20px 60px;
	}
	
	.singleblock_content::before, .singleblock_content::after{
		display: none;
		}
}
	
.section_doubleblock.sdb_v2 .singleblock_content{
	height: 100%;
	padding: 60px 30px 160px;
	}

@media (max-width: 767px){
.section_doubleblock.sdb_v2 .singleblock_content{
	padding: 30px 30px 100px;
	}	
}

	.section_doubleblock.sdb_v2 .singleblock_content::after{
		bottom: 60px;
		}
		
		.section_doubleblock.sdb_v2 .singleblock_content .btn{
			bottom: 33px;
			z-index: 500;
			}

.section_singleblock .singleblock{
	text-align: center;
	}

.section_singleblock .singleblock{
	padding: 60px 0;
	}	
	
	.section_singleblock .singleblock p{
		padding: 40px 0;
		position: relative;
		margin: 0px;
		}	
	
	.section_singleblock .singleblock p::after{
		position: absolute;
		content: "";
		width: 50px;
		height: 1px;
		background: rgba(255,255,255,.4);
		bottom: 0px;
		left: 50%;
		transform: translateX(-50%);
		}		
	
	.section_singleblock .singleblock div:last-child p::after{
		display: none;
		}			
	
.bg_white_pattern{
	background: url(img/bg_pattern_white.png) repeat center center;
	}

.bg_red_pattern{
	background: url(img/bg_pattern_darkred.png) repeat center center;
	color: #fff;
	}

.bg_beige_pattern{
	background: url(img/bg_pattern_beige.png) repeat center center;
	color: #fff;
	}	

.bg_gray_pattern{
	background: url(img/bg_pattern_gray.png) repeat center center;
	color: #fff;
	}

.bg_darkgray_pattern{
	background: url(img/bg_pattern_darkgray.png) repeat center center;
	color: #fff;
	}	

.text-content, .triple_img{
	padding: 2rem 2rem 0;
	}
	
	.text-content h2{
		margin-bottom: 2rem;
		/*width: 60%;*/
		}

	.text-content .btn{
		margin-top: 2rem;
		}
		
	.text-content ul{
		padding: 0px;
		column-count: 2;
		}	

	.text-content ul{
		padding: 0px;
		}	
		
	.text-content ul li{
		list-style: none;
		margin: 0px 0px 20px 40px;
		position: relative;
		}				
		
		.text-content ul li::before{
			content: "";
			width: 8px;
			height: 8px;
			transform: rotate(45deg);
			background: #c39863;
			position: absolute;
			top: 8px;
   			left: -20px;
			}
	
.triple_img .col{
	margin-bottom: 30px;
	}

@media (max-width: 767px){

.text-content ul{
	column-count: 1;
	}

.triple_img{
	padding: 2rem 0 0;
	}	
	
.text-content{
	padding: 0 0 2rem;
	}
	
	.text-content_title{
	    margin-bottom: 2rem;
		}
}

.singleblock_img img{
	width: 100%;
	}		

.section_content_image{
	height: 1100px;
	}	

.section_content_image .container{
	height: 100%;
	}

.section_content_image .row{
	margin: 0px;
	height: 100%;
	}	

.section_content_image .row .col{
	padding: 0px;
	height: 100%;	
	}	

.section_content_image .sci_inside{
	text-align: right;
	position: relative;
	top: 340px;
	height: auto;
	padding: 80px 0;
	background: #fff;
	}	
	
	.section_content_image .sci_inside h2{
		margin-right: 50px;
		}	
	
	.section_content_image .sci_inside p{
		margin: 1rem 0 3rem;
		margin-right: 50px;		
		}			

	.section_content_image .sci_inside .btn{
		margin-right: 50px;		
		}				
	
	.section_content_image .sci_inside img{
		position: absolute;
		width: 100%;
		left: 0px;
		top: -260px;
		}	

@media (max-width: 1599px){
.section_content_image{
	height: 1000px;
	}	
	
	.section_content_image .sci_inside{
		top: 300px;
		}
	
	.section_content_image .sci_inside img{
		top: -240px;
		}	
}

@media (max-width: 1499px){
.section_content_image{
	height: 920px;
	}	
	
	.section_content_image .sci_inside{
		top: 240px;
		}
	
	.section_content_image .sci_inside img{
		top: -200px;
		}	
}

@media (max-width: 1399px){
.section_content_image{
	height: 860px;
	}	
	
	.section_content_image .sci_inside{
		padding: 60px 0;
		}
	
	.section_content_image .sci_inside img{
		top: -180px;
		}	
}

@media (max-width: 1299px){
.section_content_image{
	height: 800px;
	}	
	
	.section_content_image .sci_inside{
		top: 200px;
		padding: 60px 0;
		}
	
	.section_content_image .sci_inside img{
		top: -140px;
		}	
}

@media (max-width: 1199px){
.section_content_image{
	height: auto;
	padding: 60px 0;
	}	
	
	.section_content_image .sci_inside{
		top: unset;
		padding: 60px 0;
		}
	
	.section_content_image .sci_inside img{
	    top: 0;
		position: relative;
		margin: -60px 0;
		}	
	
	.section_content_image .sci_inside h2, .section_content_image .sci_inside p, .section_content_image .sci_inside .btn{
		margin-right: 0px;
		}
		
}

@media (max-width: 991px){
.section_content_image{
	padding: 30px 0;
	}
	
	.section_content_image .sci_inside{
		padding: 30px 0;
		}	
		
		.section_content_image .sci_inside img{
			margin: 0px;
			}	
		
}

@media (max-width: 767px){

	.section_content_image .sci_inside{
		text-align: center;
		}	

.section_content_image .sci_inside img{
	margin: 0px 0px 30px;
	}	

.section_content_image .sci_inside p{
	margin: 1rem 0 2rem;
	}	
		
}

.section_content_image_2{
	height: auto;
	margin-top: 80px;
	position: relative;
	}

.section_content_image_2 .sci_inside{
	padding: 120px 0;
	}

.section_content_image_2 .sci_inside p {
    margin: 1rem 0 3rem;
    margin-right: 50px;
	}

.section_content_image_2 .outside_container_img{
    position: absolute;
    top: 0px;
    left: 50%;
    height: 100%;
    width: 50%;
	}
	
	.outside_container_img img{
		object-fit: cover;
		display: block;
		width: 100%;
		height: 100%;
		}

@media (max-width: 1399px){
.section_content_image_2 .sci_inside{
	padding: 80px 0;
	}	
}

@media (max-width: 1199px){	
.section_content_image_2{
	margin-top: 64px;
	}	
.section_content_image_2 .sci_inside{
	padding: 60px 0;
	}	

.section_content_image_2 .sci_inside h2, .section_content_image_2 .sci_inside p, .section_content_image_2 .sci_inside .btn{
		margin-right: 0px;
		}
	
}

@media (max-width: 767px){	
.section_content_image_2 .sci_inside{
	padding: 40px 0;
	}	

.section_content_image_2 .outside_container_img{
	width: 100%;
	position: relative;
	left: 0px;
	}	
.section_content_image_2 .sci_inside{
	text-align: center;
	}	

.section_content_image_2 .sci_inside p{
	text-align: left;
	}	


}

@media (max-width: 767px){	
.section_content_image_2 .sci_inside{
	padding: 30px 0;
	}	

.section_content_image_2 .sci_inside p{
	margin: 1rem 0 2rem;
	}	
	
}

.section_content_image_3{
	height: 1000px;
	position: relative;
	}

.section_content_image_3 .sci_inside{
	padding: 120px 0;
	}

.section_content_image_3 .sci_inside h2{
    /*margin-right: 50px;*/
	}

.section_content_image_3 .sci_inside p{
    margin: 1rem 0 3rem;
    }
	
.section_content_image_3 .outside_container_img{
	position: absolute;
	top: 0px;
	right: 0px;
	height: auto;
	z-index: -1;
	margin-top: 250px;
	}	

@media (max-width: 1599px){
.section_content_image_3 .sci_inside{
	padding: 80px 0;
	}	
}

@media (max-width: 1399px){	
	
.section_content_image_3 .sci_inside{
	padding: 60px 0;
	}		
}

@media (max-width: 1199px){	
.section_content_image_3 .outside_container_img {
    margin-top: 380px;
    width: 90%;
	}
}

@media (max-width: 991px){	


.section_content_image_3{
	height: auto;
	}

.section_content_image_3 .outside_container_img {
    margin-top: -60px;
	position: inherit;
	margin-left: auto;
	}	

.section_content_image_3 .sci_inside{
	padding: 40px 0;
	}	
}

@media (max-width: 767px){	
.section_content_image_3 .sci_inside{
	padding: 30px 0;
	}	

.section_content_image_3 .sci_inside p{
	margin: 1rem 0 2rem;
	}	
}

@media (max-width: 575px){	
.section_content_image_3 .outside_container_img {
    margin-top: 0px;	
	margin-bottom: 30px;
	}
		
}

.section_content_image_4{
	height: 760px;
	position: relative;
	padding-top: 120px !important;
	}
	
	.section_content_image_4 .text-content h2{
		width: 100%;
		}
	
	.section_content_images .triple_img a, .section_content_image_4 .triple_img a{
		margin-bottom: 0px;
		}
	
	.section_content_images .triple_img img, .section_content_image_4 .triple_img img{
	    width: 100%;
		}
	
	.section_content_images .triple_img .col:first-child, .section_content_image_4 .triple_img .col:first-child{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		}
		
	.section_content_images .triple_img .col:nth-child(n+4), .section_content_image_4 .triple_img .col:nth-child(n+6){
		display: none;
		}		
	
	.section_content_image_4 .logo_mb{
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: -100px;
		}	

.triple_img a{
	position: relative;
	display: block;
    height: 100%;
	overflow: hidden;
	}

.triple_img a::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(195,152,99,0);
	transition: all .2s ease;
	}

.triple_img a:hover::before{
	background: rgba(195,152,99,.5);
	transition: all .2s ease;	
	}


@media (max-width: 1199px){
	.section_content_image_4 .logo_mb{
		top: -80px;
		}	
		
		.section_content_image_4 .logo_mb img{
			width: 160px;
			}	
	}

@media (max-width: 991px){

.section_content_image_4{
	padding-top: 80px !important;
	}
	
	.section_content_image_4 .logo_mb{
		top: -60px;
		}	
		
		.section_content_image_4 .logo_mb img{
			width: 120px;
			}	
	}


@media (max-width: 767px){
.section_content_image_4 .triple_img {
    padding: 0;
	}
	
	.section_content_image_4 .text-content .btn{
		margin-top: 1rem;
		}
	
}


@media (max-width: 575px){
	.section_content_image_4 .logo_mb{
		top: -40px;
		}	
		
		.section_content_image_4 .logo_mb img{
			width: 80px;
			}	
	}		
		
.section_content_image_5{
	position: relative;
	background: url(img/img_wine_pouring.jpg) no-repeat;
	background-position: top left;
	height: 1000px;
	z-index: -1;
	}

.section_content_image_5 .text-content{
	margin-top: 360px;
	}

.section_content_image_5 .text-content h2{
	width: 100%;
	}	

@media (max-width: 2199px){
	.section_content_image_5{
		background-position: top left -200px;
		}
	}

@media (max-width: 1899px){
	.section_content_image_5{
		height: 900px;
    	background-size: auto 900px;
		}
	}	

@media (max-width: 1599px){
	.section_content_image_5{
		height: 800px;
    	background-size: auto 800px;
		background-position: top left -150px;
		}
	.section_content_image_5 .text-content {
		margin-top: 280px;
		}	
	}		

@media (max-width: 1499px){
	.section_content_image_4{
		height: auto;
		}	
		
	.section_content_image_5 {
		height: auto;
		background-size: 45%;
		background-position: top left;
		}
	
	.section_content_image_5 .text-content {
		margin-top: 0px;
		}
		
	}

@media (max-width: 1399px){
	.section_content_image_5 {
		background-size: 50%;
		background-position: bottom -50px left;
		}
	}	
	
@media (max-width: 1199px){
	.section_content_image_5 {
		background-size: 40%;
		background-position: bottom left;
		}
	.section_content_image_5 .text-content{
		padding: 0 2rem;
		}	
	}		

@media (max-width: 991px){
	.section_content_image_5 {
		background: none;
		}
	}


@media (max-width: 767px){
	.section_content_image_5 .text-content {
 	   padding: 0;
	   }
	  
	  .section_content_image_5 .text-content h2, .section_content_image_4 .text-content h2{
		  margin-bottom: 1rem;
		  } 
}

.contact_inside{
	padding: 80px 0px;
    margin-right: 60px;
	}
		
.contact_inside small{
	text-transform: uppercase;
	}

.contact_inside p{
	margin: 1.5rem 60px 1.5rem 0;
	}

.contact_inside a:hover, .contact_inside a:active, .contact_inside a:focus{
	color: #c39863 !important;
	}	

.contact_inside p.text-primary{
	font-size: 1.1rem;
	font-weight: bold;
	}	
	
	.contact_inside p.text-primary img{
		margin-right: 10px;
		}	

.contact_inside .border-bottom-light{
	border-bottom: 1px solid rgba(255,255,255,.4) !important;
	}	

@media (max-width: 1599px){
.contact_inside p{
	margin: 1.5rem 0 1.5rem 0;
	}	
}

@media (max-width: 1199px){
.contact_inside{
	margin-right: 30px;
	padding: 40px 0;
	}
}

@media (max-width:767px){
.contact_inside {
    margin-right: 0px;
    }
.section_content_image_2 .outside_container_img{
	height: 400px;
	}
}

.section_map{
	position: relative;
	}

.section_map::before{
	content: "";
	position: absolute;
	width: 2px;
	height: 50px;
	background: #999;
	left: calc(50% - 1px);
	}

.section_map h2{
	text-align: center;
	padding: 5rem 0 2rem;
	}
	
.section_map iframe{
	display: block;
	}		

@media (max-width: 767px){
.section_map h2{
	padding: 4rem 0 1rem;
	}	
}


.section_location{
	background-color: #dcd6cf;
	background-repeat: no-repeat;
	background-image: url(img/bg_vila_romana_beige.png);
	background-position: top left;
	
/*
	background-image: url(img/bg_vila_romana_beige.png), url(img/bg_location_beige.png);
	background-position: top left, top right;
	
*/
	height: 478px;
	align-items: center;
    display: flex;
    text-align: center;
	}

.section_location p {
    margin: 1rem 0 1rem;
	}



@media (max-width: 1899px){
.section_location{
	background-position: top left -100px, top right -100px;
	}	
}

@media (max-width: 1699px){
.section_location{
	background-position: top left -160px, top right -160px;
	}	
}

@media (max-width: 1499px){
.section_location{
	height: 400px;
	background-position: center left -200px, center right -200px;
	}	
}

@media (max-width: 1399px){
.section_location{
	height: 380px;
	}	
}

@media (max-width: 1199px){
.section_location{
	text-align: left;
	height: 300px;
	background-image: url(img/bg_location_beige.png);
	background-position: center right;
	background-size: 50%;
	}	
}


@media (max-width: 991px){
.section_location{
	height: auto;
	padding: 50px 0 40px; 
	}	
}

@media (max-width: 767px){
.section_location{
	height: 300px;
    background-size: 73%;
    background-position: center right -150px;
	}	
}

@media (max-width: 575px){
.section_location{
	display: none;
	}	
}



.section_footer{
	padding: 120px 0;
	height: 400px;
	background: url(img/bg_pattern_gray.png) center center repeat;
	color: #fff;
	}	

@media (max-width: 1499px){
	.section_footer{
		padding: 80px 0;
		height: auto;
		}
	}

@media (max-width: 1299px){
	.section_footer{
		padding: 60px 0;
		}
	}

.section_menus{
	text-align: center;
	}

.section_menus .menu_block .btn{
	margin-bottom: -100px;
	}		

.menu_block{
	text-align: center;
	border: 1px solid #c39863;
	padding: 40px 0px;
	margin: 0px 10px;
	}


.double_menu_block{
	text-align: center;
	padding: 60px 0px;
	}
	
	.double_menu_block p{
		padding: 40px 0px;
		margin: 0px;
		}	

@media (max-width: 1399px){
.double_menu_block p{
	padding: 20px 0px 40px;
	}
}

@media (max-width: 1199px){
.double_menu_block p{
	padding: 10px 0px 30px;
	}
}
		

@media (max-width: 991px){
.double_menu_block{
	column-count: 1;
	padding: 30px 0px 0px;
	}		
}

@media (max-width: 767px){
	.menu_block{
	    margin: 0px 10px 60px;
		}
		
}


.wine_block h2{
	margin: 100px 0 3rem;
	}


@media (max-width: 767px){
	.wine_block h2{
	    margin: 30px 0 2rem;
		}
		
}

.wine_block .btn{
	margin-bottom: 40px;
	}	


.section-wines img{
    box-shadow: 0 0 50px 0 rgba(0,0,0,.1);
	}



















.menu-list {
  max-width: 60rem;
  margin: 0 auto 2rem;
  padding: 0;
  list-style: none;
}

.menu-list li {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.1rem;
  padding: 0.3em 0;
  border-bottom: 1px solid transparent;
	flex-direction: column;
	align-items: flex-start;
	
	@media (min-width: 600px){
		flex-direction: row;
	}
}

.menu-list li span:first-child {
  order: 1;
	text-align: left;
	font-weight: 500;
}


.menu-list li::before {
  order: 2;
  display: block;
  border-bottom: 1px dotted #888;
  z-index: 0;
	flex: 1;
    margin-top: 1rem;
    margin-left: .4rem;
    margin-right: .4rem;
	
	@media (min-width: 600px){
		content: "";
	}
	
}

.menu-list li span:last-child {
  order: 3;
	white-space: nowrap;
	
	
	
		@media (min-width: 600px){
	text-align: right;
	
	}
}



















.section_footer .footer_logo{
	width: 200px;
	}	

.section_footer .col_footer_content{
	margin: 30px;
	}	
	
.section_footer .col_footer_content p{
	line-height: 2;
	font-size: 1rem;
	}

.section_footer .col_footer_content a{
	color: #fff;
	}	

.section_footer .col_footer_content span{
	margin: 0 10px;
	}			

.section_footer .col:last-child{
	text-align: right;
	}

@media (max-width: 1199px){

.section_footer{
	padding: 40px 0 30px;
	}
	
.section_footer .col_footer_content{
	margin: 20px 0;
	}	
}

@media (max-width: 991px){

.section_footer{
	text-align: center;
	padding: 20px 0 10px;
	}
.section_footer .col_footer_content{
	margin: 0 0 10px;
	}	
}


.social{
	display: inline-block;
	width: 150px;
	}
	
	.social a{
		height: 40px;
		width: 40px;
	    border: 1px solid #999;
		display: block;
		float: left; 
		margin-right: 10px;
		text-align: center;
		border-radius: 8px;
		-webkit-transition: all .2s ease-out;
		-moz-transition: all .2s ease-out;
		-o-transition: all .2s ease-out;
		transition: all .2s ease-out;	
		}
		
		.social a:hover{
			-webkit-transition: all .2s ease-out;
			-moz-transition: all .2s ease-out;
			-o-transition: all .2s ease-out;
			transition: all .2s ease-out;	
		    border: 1px solid transparent;
			}
	
	.social a i{
		margin: 10px 0;
	    font-size: 20px;
		}
		
		.social a:hover i{
			color: #fff;
			}
		
		.social a.social-fb:hover{
			background-color: #3b5998;
			}
		
		.social a.social-in:hover{
			background-color: #c32aa3;
			}
		
		.social a.social-li:hover{
			background-color: #007bb5;
			}

.modal-dialog{
	max-width: 100%;
	}

.modal-content{
	flex-direction: row;
	border-radius: 0;
    max-width: 1200px;
	width: 80%;
	border: none;
	margin: 0 auto;
	}
	
	.modal-header{
		width: 50%;
		text-align: center;
		border-radius: 0px;
		align-items: center;
		border-bottom: 0px;
		position: relative;
		}
		
		.modal-header .close{
			position: absolute;
			top: 0px;
			left: 0px;
			margin: 0px;
			padding: 2rem;
			}
			
			.modal-header .close span{
				width: 1px;
				height: 29px;
				display: block;
				background: white;
				position: absolute;
				top: 17px;
				}
			
			.modal-header .close span:first-child{
				transform: rotate(45deg);
				}

			.modal-header .close span:last-child{
				transform: rotate(-45deg);
				}				
			
			.modal-header .close:focus, .modal-header .close:active{
				outline: none;
				}
			
	.modal-body{
		width: 50%;
	    }	
	
	.modal-title{
		margin: -50px auto 0;
		line-height: 1.2;
		}
		
		.modal-title .icon{
			display: block;
			width: 64px;
			height: 64px;
			background-size: 64px;
			text-align: center;
			margin: 0 auto;
			}
	
	input[type=date]{
		height: 38px;
		}
		
	.form-control {
		background-color: #eee;
		border: 1px solid #ddd;
		border-radius: 0;
		}	
		
		.form-control::-webkit-input-placeholder{
			visibility: hidden;
			}
		
		.form-control::-moz-placeholder{
			visibility: hidden;
			}
		
		.form-control:-ms-input-placeholder{
			visibility: hidden;
			}
		
		.form-control:-moz-placeholder{
			visibility: hidden;
			}			
		
		.form-control::placeholder {
			visibility: hidden;
			}
		
		label {
			margin-bottom: .25rem;
			}	
		
		.wpcf7-not-valid-tip{
		    position: absolute;
			width: max-content;
			font-size: .8rem !important;
		    /*text-align: left;
			top: 55px;
			background: white;
			right: 20px;
			padding: 0 3px;*/
			}
		
		div.wpcf7-response-output{
			padding: .4rem;
			margin: 0;
			margin-top: 46px;
			font-size: .8rem;
			clear: both;
			text-align: center;
			}	

@media (max-width: 1199px){
	.modal-title .icon {
		width: 48px;
		height: 48px;
		background-size: 48px;
		}
	}


@media (max-width: 767px){
	
.modal-content{
	flex-direction: column;
	}
	
	.modal-title{
		margin: 0px auto 0px;
		}
	
	.modal-header{
		width: 100%;
		}
		
		.modal-header .close{
			left: auto;
			right: 0px;
			}
		
	.modal-body{
		width: 100%;
	    }
		
		.form-group label{
			display: none;
			}	
		
		.form-group label.show_label{
			display: block;
			}
		
		.form-control::-webkit-input-placeholder{
			visibility: visible;
			}
		
		.form-control::-moz-placeholder{
			visibility: visible;
			}
		
		.form-control:-ms-input-placeholder{
			visibility: visible;
			}
		
		.form-control:-moz-placeholder{
			visibility: visible;
			}			
		
		.form-control::placeholder {
			visibility: visible;
			}
				
	}	

@media (max-width: 575px){
	
.modal-content{
	width: 100%;
	}	
	
	.modal-header .icon{
		display: none;
		}	
	
	.modal-title{
		text-align: left;
		margin: 0px auto 0px 0px;
		}	
	
	.modal-header .close{
		padding: 2.5rem 2rem;
		}	
		
		.modal-header .close span{
		    top: 27px;
			}	

}