/*

Theme Name: BRANKO

Theme URL: 
Description: 
Author: SMART CUPS AGENCY
Author URI: www.smartcupsagency.ro
Version: 2026


*/

html {
	background: #fff;	
}
*{ margin: 0px auto; padding: 0px; font-family: "Open Sans", sans-serif;}
h1{
	font-weight: 400;
	font-style: normal;
	font-size:30px;
	line-height:40px;
	letter-spacing: 1px;
	color:#1b1b1b;
	text-decoration: none;
	text-align:center;
}
h2{
	font-size:23px;
	line-height:35px;
	color:#1a1611;
	text-align:left;
	text-decoration: none;
	font-weight:normal;
	border-left: 2px solid #ff0000;
	padding: 15px 0px 15px 20px;
	margin:0px 0px 20px 0px;
}
h3{
	font-size:20px;
	line-height:32px;
	color:#1a1611;
	text-align:left;
	text-decoration: none;
	font-weight:normal;
	border-left: 2px solid #ff0000;
	padding: 10px 0px 10px 20px;
	margin:20px 0px 20px 0px;
}
h4{
	font-size:19px;
	line-height:32px;
	color:#026730;
	text-align:left;
	text-decoration: none;
	font-weight:bold;
	margin:20px 0px 20px 0px;
}
h5{
	font-size:17px;
	line-height:25px;
	padding:10px 0px 10px 0px;
	text-decoration: none;
	font-weight:normal;
}
h6{
	font-size:13px;
	line-height:13px;
	padding:9px 0px 9px 0px;
	text-decoration: none;
	font-weight:normal;
	color:#fff;
}
img {
	border:0;
	max-width: 100%;
	height: auto;
}
.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:15px;
}
img.alignright {
	padding: 5px 5px;
	margin: 5px 0px 20px 20px;
	display: inline;
}
.alignright {
	float: right;
	margin: 0px 0px 20px 20px;
}
img.alignleft {
	padding: 5px 5px;
	margin: 5px 20px 20px 0px;
	display: inline;
}
.alignleft {
	float: left;
	margin: 0px 20px 20px 0px;
}
img.alignnone {
	display: inline;
}
.grecaptcha-badge {
    display: none !important;
}
ul li{ 
 margin: 0 0 0 20px;
}
/*-------------------
    cups
---------------------*/
#smart {
    margin: 0px auto 0 auto;
    width: 100%;
    max-width: 5000px;
    min-width: 320px;
    min-height: 10px;
    box-sizing: border-box;	
}

/*--------------------------------------------------------------
        Header
--------------------------------------------------------------*/

#header {
	float:left;
	background: #252324;
	width:100%;
	min-height:99px;	
	position: fixed;
	z-index:100;
}
#logo {
	float:left;
	width:100%;
	min-height:10px;
}
#logo-list {
	float:left;	
	width:40%;
	min-height:10px;
	margin-top:7px;
	margin-bottom:7px;	
	margin-left:30%;
}
#logo-coffee,
#logo-brunch,
#logo-gelato {
    float: left;
    width: 31.33%;
    height: 85px;
    margin-left: 1%;
    margin-right: 1%;
}
#logo-coffee a,
#logo-brunch a,
#logo-gelato a {
    height: 85px;
    display: block;
    cursor: pointer;
    transform: scale(0.90);
    transition: transform 0.35s ease;
}
#logo-coffee a {
    background: url(files/images/t-coffee-a.svg) no-repeat center center;
}
#logo-brunch a {
    background: url(files/images/t-brunch-a.svg) no-repeat center center;
}
#logo-gelato a {
    background: url(files/images/t-gelato-a.svg) no-repeat center center;
}
#logo-coffee a:hover,
#logo-brunch a:hover,
#logo-gelato a:hover {
    transform: scale(1);
    text-decoration: none;
}
#logo-coffee a:hover {
    background: url(files/images/t-coffee-h.svg) no-repeat center center;
}
#logo-brunch a:hover {
    background: url(files/images/t-brunch-h.svg) no-repeat center center;
}
#logo-gelato a:hover {
    background: url(files/images/t-gelato-h.svg) no-repeat center center;
}
@keyframes buttonHover {
    0% {
        transform: scale(1);
    }
    40% {
        transform: scale(0.90);
    }
    100% {
        transform: scale(1);
    }
}
#logo-coffee-a,
#logo-brunch-a,
#logo-gelato-a {
    float: left;
    width: 31.33%;
    height: 85px;
    margin-left: 1%;
    margin-right: 1%;
}
#logo-coffee-a a,
#logo-brunch-a a,
#logo-gelato-a a {
    height: 85px;
    display: block;
    cursor: pointer;
    transform: scale(1);
}
#logo-coffee-a a {
    background: url(files/images/t-coffee-h.svg) no-repeat center center;
}
#logo-brunch-a a {
    background: url(files/images/t-brunch-h.svg) no-repeat center center;
}
#logo-gelato-a a {
    background: url(files/images/t-gelato-h.svg) no-repeat center center;
}
#logo-coffee-a a:hover,
#logo-brunch-a a:hover,
#logo-gelato-a a:hover {
    animation: buttonHover 0.7s ease-in-out forwards;
    text-decoration: none;
}
@keyframes buttonAttention {
    0%, 5%, 25%, 100% {
        transform: translateY(0) scale(0.90);
        filter: drop-shadow(0 0 0 rgba(0,0,0,0));
    }

    12.5% {
        transform: translateY(-2px) scale(1);
        filter: drop-shadow(0 3px 4px rgba(0,0,0,0.18));
    }

    25% {
        transform: translateY(0) scale(0.90);
        filter: drop-shadow(0 0 0 rgba(0,0,0,0));
    }
}
#logo-coffee-h,
#logo-brunch-h,
#logo-gelato-h {
    float: left;
    width: 31.33%;
    height: 85px;
    margin-left: 1%;
    margin-right: 1%;
}
#logo-coffee-h a,
#logo-brunch-h a,
#logo-gelato-h a {
    height: 85px;
    display: block;
    cursor: pointer;
    animation: buttonAttention 6s cubic-bezier(0.45, 0, 0.25, 1) infinite;
}
#logo-coffee-h a {
    background: url(files/images/t-coffee-h.svg) no-repeat center center;
    animation-delay: 0s;
}
#logo-brunch-h a {
    background: url(files/images/t-brunch-h.svg) no-repeat center center;
    animation-delay: -4s;
}
#logo-gelato-h a {
    background: url(files/images/t-gelato-h.svg) no-repeat center center;
    animation-delay: -2s;
}
#logo-coffee-h a:hover,
#logo-brunch-h a:hover,
#logo-gelato-h a:hover {
    animation-play-state: paused;
    transform: translateY(-2px) scale(1);
    filter: drop-shadow(0 4px 5px rgba(0,0,0,0.25));
    text-decoration: none;
}


#logo-shop {
	float:left;
	width:23%;
	height:85px;
	margin-left:1%;
	margin-right:1%;
}
#logo-shop a {
	background: url(files/images/t-shop-a.png) no-repeat center center;
	height:85px;
	display:block;
} 
#logo-shop a:link {  }
#logo-shop a:visited { }
#logo-shop a:hover{
	background: url(files/images/t-shop-h.png) no-repeat center center;
	text-decoration:none;
}
#logo-shop-a {
	float:left;
	width:23%;
	height:85px;
	margin-left:1%;
	margin-right:1%;
}
#logo-shop-a a {
	background: url(files/images/t-shop-h.png) no-repeat center center;
	height:85px;
	display:block;
} 
#logo-shop-a a:link {  }
#logo-shop-a a:visited { }
#logo-shop-a a:hover{
	background: url(files/images/t-shop-h.png) no-repeat center center;
	text-decoration:none;
}

/*-------------------
    brk
---------------------*/
#brk {
	float:left;
	width:100%;
	min-height:10px;
}
#brk-list {
	float:left;	
	width:40%;
	min-height:10px;
	margin-top:5px;
	margin-bottom:5px;	
	margin-left:30%;
}
#brk-coffee {
	float:left;
	width:31.33%;
	height:85px;
	margin-left:1%;
	margin-right:1%;
}
#brk-brunch {
	float:left;
	width:31.33%;
	height:85px;
	margin-left:1%;
	margin-right:1%;
}
#brk-gelato {
	float:left;
	width:31.33%;
	height:85px;
	margin-left:1%;
	margin-right:1%;
}
/*-------------------
    cups
---------------------*/
#cups {
	float:left;		
	width:100%;
	min-height:10px;
	margin-top:0px;
	overflow:hidden;
}
/*-------------------
    Cover
---------------------*/
#cover {
	float:left;
	width:100%;
	min-height:10px;
	margin-top:95px;
}
#cover-list {
	float:left;
	width:90%;
	min-height:10px;
	margin-left:5%;
	margin-top:60px;
	margin-bottom:10px;
}
#cover-title {
	float:left;
	width:100%;
}
#cover-stitle {
	float:left;
	width:100%;
	min-height:10px;
	font-weight: 400;
	font-style: normal;
	font-size:26px;
	line-height:36px;
	letter-spacing: 1px;
	color:#1b1b1b;
	text-decoration: none;
	text-align:center;
}
/*-------------------
    Home
---------------------*/
#video {
	float:left;
	width:100%;
	min-height:10px;
	margin-top:0px;
	overflow:hidden;
}

#video-title {
	float:left;
	background:#fff;
	width:100%;
	min-height:10px;
	font-size:25px;
	color:#1a1611;
	text-align:center;
	padding:40px 0px;
}

#video-2 {
	position:relative;
	width:100%;
	height:100vh;
	overflow:hidden;
}

#video-2-bk {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
}

#video-2-bk video {
	position:fixed;
	top:50%;
	left:50%;
	min-width:100%;
	min-height:100%;
	transform:translate(-50%, -50%);
	object-fit:cover;
	pointer-events:none;
	z-index:-1;
}

#video-2-controls {
	position:absolute;
	right:25px;
	bottom:50px;
	z-index:20;
	display:flex;
	gap:8px;
}

#video-2-controls button {
	width:44px;
	height:44px;
	border:0;
	border-radius:50%;
	background:rgba(0,0,0,0.55);
	color:#fff;
	cursor:pointer;
	padding:0;
	font-size:18px;
	display:flex;
	align-items:center;
	justify-content:center;
}

#video-2-controls button:hover {
	background:rgba(0,0,0,0.75);
}


/*-------------------
    Section
---------------------*/
#section {
	float:left;	
	background: #fff; 	
	width:100%;
	min-height:400px;
}
#section-list {
	float:left;	
	width:90%;
	min-height:10px;
	margin-left:5%;
	margin-top:50px;
	margin-bottom:50px;
}
#content {
	float:left;	
	width:77%;
	min-height:10px;
}
#content-full {
	float:left;	
	width:80%;
	min-height:10px;
	margin-left:10%;
}
#content-list {
	float:left;		
	width:96%;
	min-height:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	- border-radius:10px;
	margin-left:2%;
	margin-bottom:10px;
}
#breadcrumbs {
	float:left;
	background:url(files/images/bk-cat.png) no-repeat center left;
	width:80%;
	min-height:10px;
	font-size:14px;
	line-height:14px;
	color:#1b1b1b;
	padding-left:20px;
	margin-bottom:20px;
} 
#breadcrumbs  a {
	color:#1b1b1b;
	text-decoration: none;
	}
#breadcrumbs a:link {  }
#breadcrumbs  a:visited { }
#breadcrumbs a:hover{
	color: #ff0000;
	text-decoration:none;
}
#content-title {
	float:left;
	width:100%;
	min-height:10px;
	font-size:25px;
	line-height:40px;
	margin-bottom:20px;
}
#content-stitle {
	float:left;
	width:100%;
	min-height:10px;
	font-size:23px;
	line-height:30px;
	text-align:center;
	margin-bottom:15px;
}
#time {
	float:left;
	width:100%;
	min-height:10px;
	font-size:16px;
	line-height:16px;
	color:#1b1b1b;
	text-align:center;
	margin-top:10px;
} 
#content-page {
	float:left;
	width:100%;
	min-height:10px;
	font-size:18px;
	line-height:32px;
	color:#1b1b1b;
	font-weight:normal;
	text-align:justify;
	margin-top:10px;
	margin-bottom:30px;
}
#content-page p{ 
	margin:5px  0px 0px 0px;
	padding:5px  0px 0px 0px;
}
#content-page a {
	color: #ed1b2f;
	text-decoration:none;
}
#content-page a:link { }
#content-page a:visited { }
#content-page a:hover{
	color: #ed1b2f;
	text-decoration:underline;
}
#sidebar {
	float:right;
	background: #f3f3f3;
	width:20%;
	min-height:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	- border-radius:10px;
	margin-top:20px;
}
#sidebar-list {
	float:left;	
	width:90%;
	min-height:200px;
	margin-top:25px;
	margin-bottom:30px;
	margin-left:5%;
}
#sidebar-title {
	float:left;	
	width:100%;
	min-height:10px;
	font-size:30px;
	color:#1b1b1b;
	font-weight: 400;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	margin-top:10px;
	margin-bottom:15px;
}
#sidebar-link {
	float:left;
	width:100%;
	min-height:10px;
	font-size:15px;
	margin-top:7px;
	margin-bottom:7px;
} 
#sidebar-link a {
	color:#1b1b1b;
	text-decoration: none;
	padding:12px 17px 12px 44px;
	border: 1px solid #1b1b1b;
	display:block;
}
#sidebar-link a:link {  }
#sidebar-link a:visited { }
#sidebar-link a:hover{
	background: #1b1b1b;	
	color:#fff;
	text-decoration:none;
	border: 1px solid #1b1b1b;
}



/*-------------------
    Info
---------------------*/
#info {
	float:left;	
	background: #fff; 	
	width:100%;
	min-height:10px;
}
#info-list {
	float:left;	
    width: 80%;
    min-height: 10px;
    margin-left: 10%;
	margin-top:50px;
}
#info-opis {
	float:left;	
    width: 48%;
    min-height: 10px;
	margin-bottom:40px;
}
#info-line {
	float:left;	
	width:100%;
	min-height:10px;
}
#info-title-orar {
	float:left;	
	background:url(files/images/info-orar.svg) no-repeat center left; 
	width:80px;
	min-height:10px;
	font-size:18px;
	font-weight: 600;
	padding:20px 0px 18px 45px;
}
#info-orar {
	float:right;
    width: calc(100% - 140px);
	min-height:10px;
		margin-bottom:5px;
} 
#info-orar-line {
	float:right;
    width:100%;
	min-height:10px;
	font-size:18px;
	text-align:left;
	margin-bottom:5px;
} 
#info-title-telefon {
	float:left;		
	background:url(files/images/info-telefon.svg) no-repeat center left; 
	width:80px;
	min-height:10px;
	font-size:18px;
	font-weight: 600;
	padding:15px 0px 13px 45px;
}
#info-title-adresa {
	float:left;		
	background:url(files/images/info-adresa.svg) no-repeat center left; 
	width:80px;
	min-height:10px;
	font-size:18px;
	font-weight: 600;
	padding:15px 0px 13px 45px;
}
#info-link {
	float:right;
    width: calc(100% - 140px);
	min-height:10px;
	font-size:18px;
	text-align:left;
	margin-top:5px;
} 
#info-link a {
	color:#1b1b1b;
	text-decoration: none;
	padding:10px 0px;
	display:block;
}
#info-link a:link {  }
#info-link a:visited { }
#info-link a:hover{
	color: #977d60;
	text-decoration:none;
}
#info-img-coffee {
    float: right;
    position: relative;
    background: #ffffff;
    width: 48%;
    min-height: 10px;
    margin-bottom: 40px;
}
#info-img-coffee::before,
#info-img-coffee::after {
    content: "";
    position: absolute;
    width: 30%;
    height: 30%;
    border-color: #7a121c;
    border-style: solid;
    border-width: 0;
    pointer-events: none;
}
#info-img-coffee::before {
    top: 0;
    left: 0;
    border-top-width: 10px;
    border-left-width: 10px;
}
#info-img-coffee::after {
    bottom: 0;
    right: 0;
    border-bottom-width: 10px;
    border-right-width: 10px;
}
#info-img-brunch {
    float: right;
    position: relative;
    background: #ffffff;
    width: 48%;
    min-height: 10px;
    margin-bottom: 40px;
}
#info-img-brunch::before,
#info-img-brunch::after {
    content: "";
    position: absolute;
    width: 30%;
    height: 30%;
    border-color: #000;
    border-style: solid;
    border-width: 0;
    pointer-events: none;
}
#info-img-brunch::before {
    top: 0;
    left: 0;
    border-top-width: 10px;
    border-left-width: 10px;
}
#info-img-brunch::after {
    bottom: 0;
    right: 0;
    border-bottom-width: 10px;
    border-right-width: 10px;
}
#info-img-gelato {
    float: right;
    position: relative;
    background: #ffffff;
    width: 48%;
    min-height: 10px;
    margin-bottom: 40px;
}
#info-img-gelato::before,
#info-img-gelato::after {
    content: "";
    position: absolute;
    width: 30%;
    height: 30%;
    border-color: #8b815a;
    border-style: solid;
    border-width: 0;
    pointer-events: none;
}
#info-img-gelato::before {
    top: 0;
    left: 0;
    border-top-width: 10px;
    border-left-width: 10px;
}
#info-img-gelato::after {
    bottom: 0;
    right: 0;
    border-bottom-width: 10px;
    border-right-width: 10px;
}
#info-img {
    float: left;
    width: calc(100% - 40px);
    min-height: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
}
#info-img img {
    display: block;
    width: 100%;
    height: auto;
}
/*-------------------
    Info
---------------------*/
#catalog {
	float:left;	
	background: #fff; 	
	width:100%;
	min-height:10px;
}
#catalog-list {
	float:left;	
    width: 50%;
    min-height: 10px;
    margin-left: 25%;
	margin-top:30px;
	margin-bottom:40px;
}
#catalog-left {
	float:left;	
    width: 18%;
    min-height: 10px;
	margin-bottom:40px;
}
#catalog-opis {
	float:left;	
    width: 78%;
    min-height: 10px;
	margin-bottom:40px;
}
#catalog-line {
    float: left;
    width: 100%;
}
.catalog-item {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.catalog-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px 20px;
    background: #b8b094;
    border: 1px solid #e0e2e5;
    cursor: pointer;
    text-align: left;
    font: inherit;
}
.catalog-arrow {
    width: 9px;
    height: 9px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.25s ease;
    margin-right: 5px;
}
.catalog-toggle[aria-expanded="true"] .catalog-arrow {
    transform: rotate(225deg);
}
.catalog-content {
    display: none;
    float: left;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}
.catalog-content.active {
    display: block;
}
/*-------------------
    Gallery
---------------------*/

#photo {
    float: left;
    background: #fff;
    width: 100%;
    min-height: 10px;
}
#photo-list {
    width: 80% !important;
    max-width: none !important;
    min-width: 0 !important;
    column-count: 6 !important;
    column-width: auto !important;
    column-gap: 15px !important;
	margin-top:20px;
	margin-bottom:70px;
}
#photo-box {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
	margin-bottom:15px;
}
@media (max-width: 1800px) {
    #photo-list {
        column-count: 5 !important;
    }
}
@media (max-width: 1600px) {
    #photo-list {
        column-count: 4 !important;
    }
}
@media (max-width: 1300px) {
    #photo-list {
        column-count: 3 !important;
    }
}
@media (max-width: 768px) {
    #photo-list {
        column-count: 2 !important;
    }
}
/*-------------------
    Locatii
---------------------*/
#locatii {
	float:left;	
	background: #fff; 	
	width:100%;
	min-height:10px;
}
#locatii-list {
	float:left;	
    width: 80%;
    min-height: 10px;
    margin-left: 10%;
	margin-top:30px;
	margin-bottom:60px;
}
#locatii-box {
    float: left;
    width: 33.33%;
    min-height: 10px;
}
.locatii-box {
    float: left;
    box-sizing: border-box;
    background: #ffffff;
    width: calc(100% - 20px);
    min-height: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
}
.locatii-link {
    display: flow-root;
    box-sizing: border-box;
    width: 100%;
    min-height: 10px;
    overflow: hidden;
    color: inherit;
    text-decoration: none;
    background: #ffffff;
    transition: background-color 0.25s ease;
}
.locatii-link:hover {
    background: #fafafa;
    text-decoration: none;
}
.locatii-img {
    float: left;
    position: relative;
    width: 200px;
    min-height: 10px;
    text-align: center;
    overflow: hidden;
}
.locatii-img img {
    display: block;
    max-width: 100%;
    height: auto;
    transition: transform 0.3s ease;
    transform-origin: center center;
}
.locatii-link:hover .locatii-img img {
    transform: scale(1.1);
}
.locatii-title {
    float: right;
    width: calc(100% - 230px);
    min-height: 10px;
    text-align: left;
    color: #1a1611;
    font-size: 19px;
    line-height: 27px;
    letter-spacing: 0;
    transition: letter-spacing 0.3s ease;
    margin-top: 10px;
    margin-right: 10px;
}
.locatii-link:hover .locatii-title {
    color: #1a1611;
    letter-spacing: 0.8px;
}
@media (prefers-reduced-motion: reduce) {
    .locatii-link,
    .locatii-img img,
    .locatii-title {
        transition: none;
    }
}
/*-------------------
    Locatie
---------------------*/
#locatie {
	float:left;	
	background: #baa48b; 	
	width:100%;
	min-height:10px;
}
#locatie-list {
	float:left;	
    width: 80%;
    min-height: 10px;
    margin-left: 10%;
	margin-top:50px;
	margin-bottom:20px;
}
#locatie-left {
    float: left;
    width: 50%;
    min-height: 10px;
	margin-bottom:30px;
}
#locatie-right {
    float: left;
    width: 50%;
    min-height: 10px;
	margin-bottom:30px;
}
#locatie-box-prev,
#locatie-box-next {
    float: left;
    width: 100%;
    min-height: 100px;
}
.locatie-box {
    float: left;
    box-sizing: border-box;
    width: 100%;
    min-height: 100px;
}
.locatie-link {
    display: flow-root;
    box-sizing: border-box;
    width: 100%;
    min-height: 100px;
    overflow: hidden;
    color: inherit;
    text-decoration: none;
    background: transparent;
    transition: background-color 0.25s ease;
}
.locatie-link:hover {
    background: #c2ad95;
    text-decoration: none;
}
.locatie-img {
    float: left;
    position: relative;
    width: 150px;
    min-height: 10px;
    text-align: center;
    overflow: hidden;
}
.locatie-img img {
    display: block;
    max-width: 100%;
    height: auto;
    transition: transform 0.3s ease;
    transform-origin: center center;
}

.locatie-link:hover .locatie-img img {
    transform: scale(1.1);
}
.locatie-title {
    float: right;
    width: calc(100% - 180px);
    min-height: 10px;
    text-align: left;
    color: #fff;
    font-size: 19px;
    line-height: 27px;
    letter-spacing: 0;
    transition: letter-spacing 0.3s ease;
    margin-top: 10px;
    margin-right: 10px;
}
.locatie-link:hover .locatie-title {
    color: #fff;
    letter-spacing: 0.8px;
}
#locatie-box-next .locatie-img {
    float: right;
}
#locatie-box-next .locatie-title {
    float: left;
    text-align: right;
    margin-left: 10px;
    margin-right: 0;
}
@media (prefers-reduced-motion: reduce) {
    .locatie-link,
    .locatie-img img,
    .locatie-title {
        transition: none;
    }
}
/*-------------------
    Contact
---------------------*/
#contact-left {
	float:left;
	width:38%;
	min-height:10px;
}
#contact-right {
	float:right;
	width:58%;
	min-height:10px;
}
#contact-form {
	float:left;
	width:100%;
	min-height:10px;
}
#contact-form-left {
	float:left;
	width:48%;
	min-height:10px;
}
#contact-form-right {
	float:right;
	width:48%;
	min-height:10px;
}
#contact-form-line {
	float:left;
	width:100%;
	min-height:10px;
	margin-top:15px;
}
#contact-form-full {
	float:left;
	width:100%;
	min-height:10px;
	text-align:center;
	margin-top:30px;
}
input[type="date"]:valid {
    width: 100%;padding: 10px 20px;  margin: 8px 0; box-sizing: border-box; font-size:14px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="select"],
.wpcf7 textarea,
.wpcf7-select {background: #fff;padding: 10px 20px;width:100%; margin: 6px 0px; box-sizing: border-box; font-size:16px;border: 1px solid #d3ced2;color:#777;}
.wpcf7-submit{
	background: #f4ebe9;
	font-size:17px;
	color:#905a56;
	text-decoration: none;
	padding:15px 20px 15px 20px;
	border: 1px solid #905a56;
	cursor:pointer;
	}
.wpcf7-submit:hover {
	background: #d5aaab;
	color:#fff;
	text-decoration:none;
	border: 1px solid #d5aaab;
}
.grecaptcha-badge {
    display: none !important;
}
/*-------------------
    Blog
---------------------*/
#archive {
	float:left;
	background: #fff;	
	width:100%;
	min-height:10px;
}
#archive-s {
	float:left;
	background: #fff;	
	width:100%;
	min-height:10px;
	border-top: 10px solid #fafafa;
}
#archive-list {
	float:left;
	background: #fff;
	width:90%;	
	min-height:10px;
	margin-left:5%;
	margin-top:60px;
	margin-bottom:60px;
}
#archive-title {
	float:left;	
	width:100%;
	min-height:10px;
	font-size:22px;
	color:#1a1611;
	font-weight:bold;
	text-align:center;
	margin-top:30px;
	margin-bottom:70px;
}
#archive-box {
    float: left;
    box-sizing: border-box;
    background: #ffffff;
    width: calc(50% - 20px);
    min-height: 10px;
	margin-bottom:20px;
	margin-left:10px;
	margin-right:10px;
}
/*-------------------
    Blog
---------------------*/
#blog {
	float:left;
	width:100%;
	min-height:10px;
}
#blog-nw {
	float:left;
	background: #fff;
	width:100%;
	min-height:10px;
}
#blog-nw-box {
	float:left;
	width:100%;
	min-height:10px;
}
#blog-nw-box-info {
	float:left;
	width:50%;
	min-height:10px;
}
#blog-nw-box-info-c {
	float:left;	
	width:80%;
	min-height:10px;
	margin-top:40px;
	margin-bottom:20px;
	margin-left:10%;
	margin-right:40px;
}
#blog-box {
    float: left;
    box-sizing: border-box;
    background: #ffffff;
    width: calc(100% - 20px);
    min-height: 10px;
	margin-bottom:20px;
	margin-left:10px;
	margin-right:10px;
}
.blog-box-link {
    display: flow-root;
    box-sizing: border-box;
    width: 100%;
    min-height: 10px;
    overflow: hidden;
    color: inherit;
    text-decoration: none;
    background: #ffffff;
    transition: background-color 0.25s ease;
}
.blog-box-link:hover {
    background: #fafafa;
    text-decoration: none;
}
#blog-i {
    float: left;
    position: relative;
    width: 150px;
    min-height: 10px;
    text-align: center;
    overflow: hidden;
}
#blog-i img,
#blog-i .postimg {
    display: block;
    max-width: 100%;
    height: auto;
    transition: transform 0.3s ease;
    transform-origin: center center;
}
.blog-box-link:hover #blog-i img,
.blog-box-link:hover #blog-i .postimg {
    transform: scale(1.1);
}
#blog-d {
    float: left;
    width: 100%;
    min-height: 10px;
    font-size: 15px;
    color: #c8c8c8;
    text-align: right;
}
#blog-t {
    float: right;
    width: calc(100% - 180px);
    min-height: 10px;
    text-align: left;
    color: #1a1611;
    font-size: 19px;
    line-height: 27px;
    letter-spacing: 0;
    transition: letter-spacing 0.3s ease;
    margin-top: 10px;
	margin-right: 10px;
}
.blog-box-link:hover #blog-t {
    color: #1a1611;
    letter-spacing: 0.8px;
}
@media (prefers-reduced-motion: reduce) {
    #blog-t {
        transition: none;
    }
}
#blog-a {
    float: right;
    width: 100%;
    margin: 13px 0;
    min-height: 10px;
    text-align: right;
    font-size: 14px;
}
#blog-a a {
    color: #717171;
    text-decoration: none;
}
#blog-a a:hover {
    color: #0b57d0;
    text-decoration: none;
}
#blog-e {
    float: right;
    width: calc(100% - 180px);
    min-height: 60px;
    font-size: 15px;
    line-height: 22px;
    color: #777777;
    text-align: justify;
    margin-top: 10px;
    margin-bottom: 10px;
	margin-right: 10px;
}
@media (prefers-reduced-motion: reduce) {
    .blog-box-link,
    #blog-i img,
    #blog-i .postimg,
    #blog-t {
        transition: none;
    }
}

#blog-nw-box-video{
	float:left;
	background: #baa48b;
	width:50%;
	min-height:10px;
}
#blog-nw-cofee {
    float: left;
    position: relative;
    background: #ffffff;
    width: 100%;
    min-height: 10px;
    margin-bottom: 40px;
}
#blog-nw-cofee::before,
#blog-nw-cofee::after {
    content: "";
    position: absolute;
    width: 30%;
    height: 30%;
    border-color: #7a121c;
    border-style: solid;
    border-width: 0;
    pointer-events: none;
}
#blog-nw-cofee::before {
    top: 0;
    left: 0;
    border-top-width: 10px;
    border-left-width: 10px;
}
#blog-nw-cofee::after {
    bottom: 0;
    right: 0;
    border-bottom-width: 10px;
    border-right-width: 10px;
}


#blog-nw-box-video-c {
	float:left;	
	width: calc(100% - 80px); 
	min-height:10px;
	margin-top:40px;
	margin-bottom:40px;
	margin-left:40px;
	margin-right:40px;
}
#blog-ev {
	float:left;
	background: #f5efe9;
	width:100%;
	min-height:10px;
}
#blog-ev-img {
	float:left;
	background:url(files/images/nw-img.jpg) no-repeat center center;
	width: calc(25% - 80px); 
	min-height:300px;
	margin-top:40px;
	margin-bottom:40px;
	margin-left:40px;
	margin-right:40px;
}
#blog-ev-info {
	float:left;
	width: calc(75% - 40px); 
	min-height:100px;
	margin-top:100px;
	margin-bottom:40px;
}
#blog-ev-title {
	float:left;
	width:100%;
	min-height:10px;
	font-size:24px;
	line-height:34px;
	margin-top:10px;
	margin-bottom:10px;
}
#blog-ev-title a {
	color: #4f3e37;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-style: normal;
	text-decoration:none;
}
#blog-ev-title a:link { }
#blog-ev-title a:visited { }
#blog-ev-title a:hover{
	color: #252324;
	text-decoration:none;
}
#blog-ev-link {
	float:left;
	width:100%;
	min-height:10px;
	font-size:19px;
	line-height:25px;
}
#blog-ev-link a {
	background: url(files/images/ceasca.svg) no-repeat center left;
	color: #252324;
    font-family: "Open Sans", sans-serif;
    font-weight:300;
	text-decoration:none;
	padding: 10px 7px 8px 34px;
	display:block;
}
#blog-ev-link a:link { }
#blog-ev-link a:visited { }
#blog-ev-link a:hover{
	background:url(files/images/ceasca.svg) no-repeat center left;
	color: #977d60;
	text-decoration:none;
}
/*-------------------
    Footer
---------------------*/
#maps{
	float:left;	
	background: #fff;
	width:100%;
	height:700px;
	overflow:hidden;
}
#footer {
	float:left;	
	background: #252324;
	width:100%;
	min-height:10px;
}
#footer-list {
	float:left;	
	width:90%;
	min-height:10px;
	margin-top:70px;
	margin-bottom:30px;
	margin-left:5%;
	margin-right:5%;
}
#footer-left {
	float:left;	
	width:45%;
	min-height:10px;
	margin-bottom:40px;
}
#footer-title {
	float:left;	
	width:100%;
	min-height:10px;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size:35px;
	line-height:45px;
	letter-spacing: 1px;
	color:#fff;
}
#footer-txt {
	float:left;	
	width:100%;
	min-height:10px;
	font-size:16px;
	line-height:30px;
	color:#fff;
	margin-top:20px;
}
#footer-sm {
	float:left;	
	width:100%;
	min-height:10px;
	margin-top:20px;
}
#footer-sm-yt {
	float:left;	
	width:50px;
	height:52px;
	margin-right:10px;
}
#footer-sm-yt a {
	background: url(files/images/f-yt-a.svg) no-repeat center center;
	height:52px;
	text-decoration: none;
	display:block;
}
#footer-sm-yt a:link {  }
#footer-sm-yt a:visited { }
#footer-sm-yt a:hover{
	background: url(files/images/f-yt-h.svg) no-repeat center center;
	color:#fff;
}	
#footer-sm-fb {
	float:left;	
	width:50px;
	height:52px;
	margin-right:10px;
}
#footer-sm-fb a {
	background: url(files/images/f-fb-a.svg) no-repeat center center;
	height:52px;
	text-decoration: none;
	display:block;
}
#footer-sm-fb a:link {  }
#footer-sm-fb a:visited { }
#footer-sm-fb a:hover{
	background: url(files/images/f-fb-h.svg) no-repeat center center;
	color:#fff;
}
#footer-right {
	float:right;	
	width:40%;
	min-height:10px;
	margin-top:10px;
	margin-bottom:10px;
}
#footer-box {
	float:left;	
	width:50%;
	min-height:10px;
	margin-bottom:30px;
}
#footer-link {
	float:left;
	width:100%;
	min-height:50px;
	font-size:15px;
	line-height:22px;
	color:#777777;
	text-align:justify;
} 
#footer-link{
	float:left;
	width:100%;
	min-height:10px;
	font-size:17px;
	text-align:left;
} 
#footer-link a {
	color:#b4b8b7;
	text-decoration: none;
	padding:9px 10px 9px 0px;
	display:block;
}
#footer-link a:link {  }
#footer-link a:visited { }
#footer-link a:hover{
	color:#fff;
	text-decoration:none;
}
/*-------------------
    Project
---------------------*/
#project {
	float:left;
	background:#fff;
	min-height:10px;
	width:100%;
}
#project-list {
	float:left;
	width:100%;	
	min-height:10px;
	margin-top:20px;
	margin-bottom:20px;
}
#copyright {
	float:left;
	width:100%;	
	min-height:10px;
	font-size:13px;
	color:#494949;
	text-align:center;
}
#created {
	float:left;
	width:90%;	
	min-height:10px;
	text-align:right;
	margin-left:5%;
	margin-top:15px;
}
/*-------------------
    solicita oferta
---------------------*/

#mob {
	float:left;
	background: #272a2f;
	height:40px;
	width:100%;
	overflow:hidden;
    position: absolute;
    bottom: 0px;
	position: fixed;
	text-align:center;
	display:none;
}
#mob-box-ca {
	float:left;
	width:100%;	
	min-height:10px;
}
.mob-ca {
  width:100%;	
  text-align: center;
}
.mob-ca a {
	background:#272a2f;
	font-size:16px;
    font-family: "Open Sans", sans-serif;
    font-weight:400;
	color:#fff;
	height:42px;
	display:block;
	padding:12px 20px 12px 20px;
	text-decoration: none;
}
.mob-ca a:link {  }
.mob-ca a:visited { }
.mob-ca a:hover{
	background: #2a626a;
	color:#fff;
	text-decoration:none;
}

/*-------------------
    break point
---------------------*/
#break {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 10px;
    background: #5ab1c5;
	z-index:500;
	display:none;
}
#break-txt {
	float:left;	
	width:100%;
	min-height:10px;
	font-size: 14px;
	color:#fff;
	text-align:center;
	padding:6px 0px;
}

/*-------------------
    Back To Top
---------------------*/
#backToTop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    background-color: rgba(5,104,57,.70);
    color: white;
    border: none;
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 20px;
    cursor: pointer;
    display: none;
    z-index: 9999;
}

#backToTop:hover {
    background-color: #7A5A35;
}
/*-------------------
    Youtube
---------------------*/
.youtube-responsive-container {
position:relative;
padding-bottom:56.25%;
padding-top:0px;
margin-top:0px;
height:0;
overflow:hidden;
}

.youtube-responsive-container iframe, .youtube-responsive-container object, .youtube-responsive-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

/*-------------------
    Under Construction
---------------------*/
#uc {
	float:left;	
	background: #fff;	
	width:100%;
	min-height:10px;
}
#uc-list {
	float:left;
	width:80%;
	min-height:10px;
	margin-top:70px;
	margin-bottom:70px;
	margin-left:10%;
	margin-right:10%;
}
#uc-img {
	float:left;
	width:100%;
	min-height:10px;
	text-align:center;
}
#uc-title {
	float:left;
	width:100%;
	min-height:10px;
	font-size:30px;
	line-height:45px;
	color:#656565;
	text-align:center;
	margin-top:40px;
}
#uc-txt {
	float:left;
	width:100%;
	min-height:10px;
	font-size:18px;
	line-height:28px;
	text-align:center;
	color:#656565;
	margin-top:15px;
}
#uc-txt p{ 
	margin:5px  0px 0px 0px;
	padding:5px  0px 0px 0px;
}
/*-------------------
    Display
---------------------*/
@media (min-width:2560px)
{
#sidebar {
	position:-webkit-sticky;
	position:sticky;
	top:70px;
}
#blog-nw-box-info-c {
	margin-top:150px;
}
}
@media (min-width:2000px) and (max-width:2559px)
{
#sidebar {
	position:-webkit-sticky;
	position:sticky;
	top:70px;
}
#blog-nw-box-info-c {
	margin-top:150px;
}
}
@media (min-width:1800px) and (max-width:1999px)
{
#sidebar {
	position:-webkit-sticky;
	position:sticky;
	top:70px;
}
#blog-nw-box-info-c {
	margin-top:100px;
}
}
@media (min-width:1600px) and (max-width:1799px)
{
#sidebar {
	position:-webkit-sticky;
	position:sticky;
	top:70px;
}
#contact-left {
	width:100%;
	margin-bottom:30px;
}
#contact-right {
	width:100%;
}
#blog-nw-box-info-c {
	margin-top:90px;
}
}
@media (min-width:1400px) and (max-width:1599px)
{
#locatii-list {
    width: 90%;
    margin-left: 5%;
}
#catalog-list {
    width: 60%;
    margin-left:20%;
}
	
#sidebar {
	width:1*%;
	position:-webkit-sticky;
	position:sticky;
	top:70px;
}
#content {
	width:77%;
}
#contact-left {
	width:100%;
	margin-bottom:30px;
}
#contact-right {
	width:100%;
}
}
@media (min-width:1200px) and (max-width:1399px)
{
#locatii-box {
    width: 50%;
}	
#catalog-list {
    width: 70%;
    margin-left:15%;
}
	
#sidebar {
	width:20%;
	position:-webkit-sticky;
	position:sticky;
	top:70px;
}
#content {
	width:76%;
}
#contact-left {
	width:100%;
	margin-bottom:30px;
}
#contact-right {
	width:100%;
}
}
@media (min-width:1000px) and (max-width:1199px)
{
#locatii-list {
    width: 90%;
    margin-left: 5%;
}
#locatii-box {
    width: 50%;
}
#info-opis {
    width: 100%;
}
#info-img-coffee {
    width: 100%;
}
#info-img-brunch {
    width: 100%;
}
#info-img-gelato {
    width: 100%;
}
#catalog-list {
    width: 80%;
    margin-left:10%;
}

#sidebar {
	width:80%;
	margin-right:10%;
}
#sidebar-link {
	width:48%;
	margin-left:1%;
	margin-right:1%;
}
#content {
	width:100%;	
}
#content-full {
	width:90%;
	margin-left:5%;
}
#contact-left {
	width:100%;
	margin-bottom:30px;
}
#archive-box {
    width: calc(100% - 20px);
}
#blog-nw-box-info {
	width:100%;
}
#blog-nw-box-video{
	width:100%;
}
#contact-right {
	width:100%;
}
#footer-left {
	width:100%;
}
#footer-right {	
	width:100%;
}
}
@media (min-width:768px) and (max-width:999px)
{
#locatii-list {
    width: 90%;
    margin-left: 5%;
}
#locatii-box {
    width: 50%;
}
#info-opis {
    width: 100%;
}
#info-img-coffee {
    width: 100%;
}
#info-img-brunch {
    width: 100%;
}
#info-img-gelato {
    width: 100%;
}
#catalog-list {
    width: 90%;
    margin-left:5%;
}

#sidebar {
	width:90%;
	margin-right:5%;
}
#sidebar-link {
	width:48%;
	margin-left:1%;
	margin-right:1%;
}
#content {
	width:100%;	
}
#content-full {
	width:90%;
	margin-left:5%;
}
#contact-left {
	width:100%;
	margin-bottom:30px;
}
#contact-right {
	width:100%;
}
#archive-box {
    width: calc(100% - 20px);
}
#blog-nw-box-info {
	width:100%;
}
#blog-nw-box-video{
	width:100%;
}
#blog-ev-img {
	display:none;
}
#blog-ev-info {
	width: calc(100% - 80px); 
	min-height:10px;
	margin-top:40px;
	margin-left:40px;
}
#footer-left {
	width:100%;
}
#footer-right {	
	width:100%;
}
}
@media (min-width:480px) and (max-width:767px)
{
#logo-list {
	width:80%;
	margin-left:10%;
}
#video-2-controls {
	bottom:100px;
}
#info-opis {
    width: 100%;
}
#info-img-coffee {
    width: 100%;
}
#info-img-brunch {
    width: 100%;
}
#info-img-gelato {
    width: 100%;
}
#catalog-list {
    width: 100%;
    margin-left:0%;
}
#locatii-list {
    width: 90%;
    margin-left: 5%;
}
#locatii-box {
    width: 100%;
}
.locatii-img {
    width: 170px;
}
.locatii-title {
    width: calc(100% - 200px);
}
#locatie-left {
   width: 100%;
}
#locatie-right {
   width: 100%;
}
#sidebar {
	width:90%;
	margin-right:5%;
}
#content {
	width:100%;	
}
#content-full {
	width:100%;
	margin-left:0%;
}
#contact-left {
	width:100%;
	margin-bottom:30px;
}
#contact-right {
	width:100%;
}
#contact-form-left {
	width:100%;
}
#contact-form-right {
	width:100%;
}
#archive-box {
    width: calc(100% - 20px);
}
#blog-nw-box-info {
	width:100%;
}
#blog-nw-box-info-c {
	width:90%;
	margin-left:5%;
}
#blog-nw-box-video{
	width:100%;
}
#blog-ev-img {
	display:none;
}
#blog-ev-info {
	width: calc(100% - 80px); 
	min-height:10px;
	margin-top:40px;
	margin-left:40px;
}
#blog-i {
	width:100px;
}
#blog-t {
    width: calc(100% - 120px);
    margin-top: 5px;
}
#blog-e {
    width: calc(100% - 20px);
}
#maps{
	height:500px;
}
#footer-left {
	width:100%;
}
#footer-right {	
	width:100%;
}
#mob {
	display:block;
}
}
@media (min-width:300px) and (max-width:479px)
{
#logo-list {
	width:90%;
	margin-left:5%;
}
#video-2-controls {
	bottom:100px;
}
#info-list {
    width: 90%;
    margin-left: 5%;
}
#info-orar {
    width: calc(100% - 50px);
}
#info-link {
	float:right;
    width: calc(100% - 50px);
} 
#info-opis {
    width: 100%;
}
#info-img-coffee {
    width: 100%;
}
#info-img-brunch {
    width: 100%;
}
#info-img-gelato {
    width: 100%;
}
#catalog-list {
    width: 100%;
    margin-left:0%;
}
#locatii-list {
    width: 90%;
    margin-left: 5%;
}
#locatii-box {
    width: 100%;
}
.locatii-img {
    width: 170px;
}
.locatii-title {
    width: calc(100% - 200px);
}
#locatie-left {
   width: 100%;
}
#locatie-right {
   width: 100%;
}
#sidebar {
	width:90%;
	margin-right:5%;
}
#content {
	width:100%;	
}
#content-full {
	width:100%;
	margin-left:0%;
}
#contact-left {
	width:100%;
	margin-bottom:30px;
}
#contact-right {
	width:100%;
}
#contact-form-left {
	width:100%;
}
#contact-form-right {
	width:100%;
}
#archive-box {
    width: calc(100% - 20px);
}
#blog-nw-box-info {
	width:100%;
}
#blog-nw-box-info-c {
	width:90%;
	margin-left:5%;
}
#blog-nw-box-video{
	width:100%;
}
#blog-nw-box-video-c {
	float:left;	
	width: calc(100% - 20px); 
	min-height:10px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
}
#blog-ev-img {
	display:none;
}
#blog-ev-info {
	width: calc(100% - 40px); 
	min-height:10px;
	margin-top:40px;
	margin-left:20px;
}
#blog-i {
	width:100px;
}
#blog-t {
    width: calc(100% - 120px);
    margin-top: 5px;
}
#blog-e {
    width: calc(100% - 20px);
}
#maps{
	height:400px;
}
#footer-left {
	width:100%;
}
#footer-right {	
	width:100%;
}
#mob {
	display:block;
}
}