/* menu button */

.menuBtn {
	height: 30px;
	width: 30px;
	position: absolute;
	right: 50px;
	top: 20px;
	z-index: 101;
}

.menuBtn>span {
    background-color: #c89532;
    border-radius: 1px;
    height: 3px;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1px 0 0 -15px;
    -webkit-transition: height 100ms;
    transition: height 100ms;
}

.menuBtn>span:after,
.menuBtn>span:before {
    content: '';
    background-color: #c89532;
    border-radius: 1px;
    height: 3px;
    width: 100%;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
}

.menuBtn>span:after {
    top: -7px;
}

.menuBtn>span:before {
    bottom: -7px;
}

.menuBtn.act>span {
    height: 0;
}

.menuBtn.act>span:after,
.menuBtn.act>span:before {
    background-color: #fff;
    top: 1px;
}

.menuBtn.act>span:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menuBtn.act>span:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


/* main menu block */

.mainMenu {
    background-color: #c89532;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    height: 100%;
    width: 100%;
    display: table;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transform: scale(0);
    transform: scale(0);
}

.mainMenu.act {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.mainMenu.act ul li {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.mainMenu ul {
    display: block;
    /* vertical-align: middle; */
    padding: 40px;
}

.mainMenu li {
    padding: 8px 0;
    -webkit-transition: all 400ms 510ms;
    transition: all 400ms 510ms;
    opacity: 0;
}

.mainMenu li:nth-child(odd) {
    -webkit-transform: translateX(30%);
    transform: translateX(30%);
}

.mainMenu li:nth-child(even) {
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%);
}

.mainMenu li:last-child {
    -webkit-transform: none;
    transform: none;
}

.mainMenu a {
    color: #19b698;
    display: inline-block;
    font-size: 18px;
}

.mainMenu a.suBtn {
    color: #fff;
}

.mobile-header {
    display: none;
}
.uk-offcanvas-bar.uk-offcanvas-bar-animation.uk-offcanvas-slide {
	background: #fff;
}


.act .mobile-header {
    height: 100%;
}
#offcanvas a {
	font-family: futura-pt;
	color: #252525;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	position: relative;
}

#offcanvas .nav > .parent > a {
	font-family: Playfair Display;
	text-transform: none;
	font-weight: normal;
	font-size: 20px;
	letter-spacing: 1;
}
#offcanvas .mod-menu.mod-list.nav {
	padding-left: 0;
}
#offcanvas .mod-menu.mod-list.nav > li {
	margin-bottom: 15px;
}
#offcanvas .loginwidget a {
	line-height: 1;
	padding: 0;
	margin: 10px 0;
}
#offcanvas .v65-widgetModalCart-status {
	margin: 0;
	padding-left: 0;
}
#offcanvas .mod-menu.mod-list.nav {
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}
#offcanvas .loginwidget a {
	line-height: 1;
	padding: 0;
	margin: 10px 0;
	display: block;
	height: auto;
}
#offcanvas ul .parent li a::before {
	content: "";
	background: #c89532;
	height: 2px;
	width: 10px;
	display: block;
	position: absolute;
	left: -20px;
	top: 5px;
}
.uk-offcanvas-bar::after{
    content: none !important;
}
@media (max-width: 1400px) {
    .header-nav {
        display: none;
    }
    .tm-navbar-wrapper {
        display: none;
    }
    .mobile-header {
        border-left: 5px solid #c89532;
        background: #ffff;
        position: relative;
        padding: 20px 50px;
        border-bottom: 1px solid #ebebeb;
        display: block !important;
    }
    .mobile-header {
        border-left: 5px solid #c89532;
        background: #ffff;
    }
    #tm-top-b .bgimg {
        height: 600px;
        min-height: 600px;
        background-position: center;
        background-size: cover;
    }
    #tm-top-f .bgimg {
        min-height: 600px;
        background-position: center;
        background-size: cover;
    }
    .home .mobile-header {
        background: transparent;
        position: absolute;
        right: 0;
        width: 100%;
    }
    .home #tm-banner .uk-margin img {
        max-width: 300px;
    }
    .home .mobile-header .logo {
        /* position: absolute; */
        display: block;
    }
    .home .mobile-header {
        background: transparent;
        position: absolute;
        right: 0;
        width: 100%;
        top: 40px;
    }
    .intro-text-right.uk-width-3-10 {
        padding-left: 50px;
    }
    .cols3 .uk-container {
        padding: 0 25px;
    }
    .padding-container.article2 .uk-width-3-10, .padding-container.article2 .uk-width-7-10 {
        padding-top: 50px;
    }
    .home .menuBtn > span::after, .home .menuBtn > span::before, .home .menuBtn > span{
        background-color: #fff;
    }
    #tm-banner .uk-overlay.uk-position-top.uk-overlay-primary.uk-transition-fade::after {
        content: "";
        background: -moz-linear-gradient( top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0) 100% );
        background: -webkit-linear-gradient( top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 100% );
        background: linear-gradient( top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 100% );

    }
}

@media (max-width: 1000px) {
    .mobile-header{
        padding: 20px;
    }
    .mobile-header .logo {
        max-width: 80%;
        display: block;
    }
    .padding-container {
        padding-top: 50px;
    }
    .uk-article-title {
        font-size: 35px;
    }
    .link.link-line.mobile {
        display: block !important;
        margin-top: 20px;
    }
    .cols3 .page-header h1 {
        font-size: 35px;
    }
    .newsflast-content .text, .newsflast-content h3 {
        padding-right: 50px;
        font-size: 15px;
    }
    .articleblog-content {
        padding: 50px 0;
    }
    .uk-article22 .uk-width-7-10 p {
        padding-right: 50px;
    }
    .com-content-category-blog.blog {
        padding: 0;
    }
    #tm-bottom-a {
        padding: 50px;
    }
    #tm-bottom-b {
        padding: 0 50px;
    }
    #tm-bottom-c {
        padding: 50px;
    }
    #tm-bottom-d ul {
        padding-left: 0;
    }
    body {
        font-size: 16px;
    }
    .events-page .page-header {
        height: auto;
    }
    .intro-text-right.uk-width-3-10 a {
        word-break: break-all;
    }
    .intro-text-left.uk-width-7-10 {
        padding-bottom: 50px;
    }
    .image-full img {
        height: 500px;
        object-position: center;
    }
    .contactus .padding-container {
        padding-top: 0;
    }
    .com_platfform_crm_formresponse {
        padding-bottom: 0;
    }
    .form-bottom {
        padding: 60px;
    }
    .formsbottom h3 {
        padding-left: 20px;
    }
}

@media (max-width: 769px) {
    .form-top-a2 .uk-width-1-2 {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .contactus form h2 {
        width: 100%;
        float: none;
        margin-top: 50px;
    }
    .uk-grid-width-1-4 > * {
        width: 100%;
        padding: 0;
    }
    .formsbottom h3 {
        padding-left: 0;
    }
    .contactus h1 {
        margin: 0;
    }
    .team-lines {
        display: none;
    }
    .formsbottom h3 {
        line-height: 1;
    }
    .form-top-a2 h3 .gold-btn {
        display: inline-block;
        float: none;
    }
    .contactus #rsform_5_page_0 {
        width: 100%;
        margin-top: 50px;
        float: none;
    }
    #tm-banner .uk-overlay.uk-position-top.uk-overlay-primary.uk-transition-fade::after {
        content: "";
        background: -moz-linear-gradient( top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0) 100% );
        background: -webkit-linear-gradient( top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 100% );
        background: linear-gradient( top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 100% );

    }
    .home #tm-top-d .uk-width-medium-1-3 {
        padding-left: 0;
    }
    .news-category-text {
        min-height: 0;
    }
    .v65-widgetForm fieldset > div {
        max-width: 100%;
    }
    .defaultBtn {
        color: #333;
    }
    .top-social li {
        display: block;
        text-align: center;
        margin: 0 auto;
        width: auto;
    }
    #tm-top-f .module-content {
        width: 100%;
    }
    .com-content-category-blog.blog .blog-left {
        order: 2;
    }
    .events-page .events-intro {
        height: auto;
    }
    .less-pad .padding-container.article2 .uk-width-3-10 {
        padding-top: 0;
        padding-bottom: 50px;
    }
    .uk-margin.asdasdasd p > * {
        display: block;
        margin: 0;
        padding: 5px 0;
    }
    .cols3.team .uk-width-1-3 figure img {
        height: 400px;
    }
    #tm-top-f .module-content {
        padding-left: 0;
        text-align: center;
    }
    #tm-bottom-b td {
        display: block;
    }
    #tm-bottom-c {
        padding: 50px 0;
    }
    .latest-title h1 {
        left: 0;
    }
    #tm-banner .uk-margin.asdasdasd img {
        max-width: 70%;
    }
    #tm-banner h1 {
        font-size: 35px;
    }
    .mainbox-a .module-content {
        padding-left: 50px;
    }
    .tm-top-d .uk-width-medium-1-3, .tm-top-d .uk-width-medium-1-1 {
        padding-top: 400px;
    }
    .top-news .newsflast-content .text, .top-news .newsflast-content h3 {
        padding-right: 50px;
    }
    .tm-top-d .top-news .uk-width-medium-1-3 {
        padding-top: 0;
        padding-bottom: 0;
    }
    #tm-top-e h3 {
        font-size: 30px;
    }
    .intro-text-right.uk-width-3-10 p {
        font-size: 16px;
    }
    .uk-width-7-10 {
        padding: 0;
        width: 100%;
    }
    .intro-text-right.uk-width-3-10 {
        padding-left: 50px;
        padding-left: 25px;
    }
    .intro-text-right.uk-width-3-10 .nav.menu.mod-list {
        padding-bottom: 40px;
    }
    .uk-article22 .uk-width-7-10 ul {
        padding-right: 0;
    }
    .uk-article22 .uk-width-7-10 p {
        padding-right: 0;
    }
    .uk-width-1-2 {
        width: 100%;
        padding: 0;
    }
    #tm-banner h1 {
        font-size: 30px;
    }
    .mainbox-a .smallbox1 .bgimg {
        height: 400px;
        min-height: auto;
    }
    .mainbox-a .smallbox2 .bgimg {
        height: 400px;
        min-height: 400px;
    }
    .mainbox-b .bgimg {
        min-height: 400px;
    }
    .mainbox-b .module-content {
        padding-left: 50px;
    }
    .mainbox-a {
        top: 0;
    }
    .mainbox-c .bgimg {
        min-height: 400px;
        height: 400px;
    }
    .mainbox-c .module-content {
        padding-left: 50px;
    }
    .newhome .main-box {
        margin-bottom: 0;
    }
    #tm-top-b {
        margin-top: 0;
    }
    #tm-top-b .bgimg {
        height: 400px;
        min-height: 400px;
    }
    .tm-top-b .module-content {
        padding-left: 50px;
    }
    #tm-top-c {
        padding-top: 100px;
    }
    .uk-width-2-3 {
        width: 100%;
        padding: 0;
    }
    .uk-width-1-3 {
        width: 100%;
        padding: 0;
    }
    .latest-title a {
        right: 0;
        left: auto;
        position: relative;
        padding-top: 0;
    }
    .tm-top-d .uk-width-medium-1-3, .tm-top-d .uk-width-medium-1-1 {
        padding-top: 250px;
    }
    .news-category-text img {
        width: 100%;
        max-width: 100%;
    }
    #tm-top-c .uk-width-1-3 {
        position: relative;
        text-align: center;
    }
    .latest-title h1 {
        font-size: 40px;
    }
    .latest-title h1 span {
        display: inline;
        padding: 0;
    }
    #tm-top-c {
        position: relative;
    }
    .tm-top-d .uk-width-medium-1-3, .tm-top-d .uk-width-medium-1-1 {
        padding-top: 50px;
        padding-bottom: 0;
    }
    #tm-top-e {
        padding: 0 20px;
    }
    .top-social li.li-sep::after{
        content: none;
        
    }
    #tm-top-f .bgimg {
        min-height: 400px;
    }
    #tm-bottom-b table {
        float: left;
    }
    #tm-bottom-d {
        position: relative;
    }
    #tm-bottom-d {
        position: relative;
        z-index: 1;
    }
    #tm-bottom-c {
        margin-bottom: 0;
    }
    #tm-bottom-d .uk-width-1-2 {
        padding: 50px 0;
    }
    .uk-grid {
        margin: 0;
    }
    #tm-bottom-d .uk-width-1-2:last-child {
        border-top: 1px solid #4c4c4b;
        border-left: 0;
    }
    .uk-width-1-3 {
        width: 100%;
        padding: 0;
    }
    #tm-bottom-b ul {
        padding-left: 0;
    }
    .uk-width-3-10 {
        width: 100%;
        padding: 0;
    }
    .intro-text-right.uk-width-3-10 {
        padding-left: 0;
        border: none;
    }
    .uk-margin.asdasdasd {
        margin-top: 0 !important;
    }
    .uk-overlay-panel h2, .uk-overlay h2 {
        color: #ffffff;
        font-family: Playfair Display;
        font-size: 30px;
        position: relative;
        line-height: 1;
        padding-bottom: 50px;
    }
    .careers .content-area .uk-width-1-1 {
        column-count: 1;
        padding-top: 0;
        column-gap: 60px;
    }
    #wineclub2 .module-content {
        max-width: 100%;
    }
    .careers #wineclub2a h3 {
        font-size: 25px;
    }
    .careers #wineclub-section2 .module-content {
        column-count: 1;
    }
    .careers #wineclub-section2 ul {
        padding: 0 30px;
    }
    .uk-width-3-4 {
        width: 100%;
        padding: 0;
    }
    .uk-width-1-4 {
        width: 100%;
        padding: 0;
    }
    .gold-btn {
        display: inline-block;
    }
    .careers-list .gold-btn {
        margin-top: 30px;
    }
    #tm-bottom-b {
        padding: 0;
    }
    #tm-bottom-a {
        padding: 30px 0;
    }


}