@font-face {
  font-family: 'Satisfy';
  src: url('../fonts/Satisfy.eot');
    src: url('../fonts/Satisfy.eot') format('embedded-opentype'),
         url('../fonts/Satisfy.woff2') format('woff2'),
         url('../fonts/Satisfy.woff') format('woff'),
         url('../fonts/Satisfy.ttf') format('truetype'),
         url('../fonts/Satisfy.svg#Satisfy') format('svg');
         font-weight: normal;
}
@font-face {
  font-family: 'Ubuntu';
  src: url('../fonts/Ubuntu.eot');
    src: url('../fonts/Ubuntu.eot') format('embedded-opentype'),
         url('../fonts/Ubuntu.woff') format('woff2'),
         url('../fonts/Ubuntu.woff') format('woff'),
         url('../fonts/Ubuntu.ttf') format('truetype'),
         url('../fonts/Ubuntu.svg#Ubuntu') format('svg');
         font-weight: normal;
}
@font-face {
  font-family: 'Ubuntu-Bold';
  src: url('../fonts/Ubuntu-Bold.eot');
    src: url('../fonts/Ubuntu-Bold.eot') format('embedded-opentype'),
         url('../fonts/Ubuntu-Bold.woff2') format('woff2'),
         url('../fonts/Ubuntu-Bold.woff') format('woff'),
         url('../fonts/Ubuntu-Bold.ttf') format('truetype'),
         url('../fonts/Ubuntu-Bold.svg#Ubuntu-Bold') format('svg');
         font-weight: normal;
}
@font-face {
  font-family: 'Ubuntu-BoldItalic';
  src: url('../fonts/Ubuntu-BoldItalic.eot');
    src: url('../fonts/Ubuntu-BoldItalic.eot') format('embedded-opentype'),
         url('../fonts/Ubuntu-BoldItalic.woff2') format('woff2'),
         url('../fonts/Ubuntu-BoldItalic.woff') format('woff'),
         url('../fonts/Ubuntu-BoldItalic.ttf') format('truetype'),
         url('../fonts/Ubuntu-BoldItalic.svg#Ubuntu-BoldItalic') format('svg');
         font-weight: normal;
}

@font-face {
  font-family: 'Ubuntu-Italic';
  src: url('../fonts/Ubuntu-Italic.eot');
    src: url('../fonts/Ubuntu-Italic.eot') format('embedded-opentype'),
         url('../fonts/Ubuntu-Italic.woff2') format('woff2'),
         url('../fonts/Ubuntu-Italic.woff') format('woff'),
         url('../fonts/Ubuntu-Italic.ttf') format('truetype'),
         url('../fonts/Ubuntu-Italic.svg#Ubuntu-Italic') format('svg');
         font-weight: normal;
}
@font-face {
  font-family: 'Ubuntu-Light';
  src: url('../fonts/Ubuntu-Light.eot');
    src: url('../fonts/Ubuntu-Light.eot') format('embedded-opentype'),
         url('../fonts/Ubuntu-Light.woff') format('woff2'),
         url('../fonts/Ubuntu-Light.woff') format('woff'),
         url('../fonts/Ubuntu-Light.ttf') format('truetype'),
         url('../fonts/Ubuntu-Light.svg#Ubuntu-Light') format('svg');
         font-weight: normal;
}
@font-face {
  font-family: 'Ubuntu-Medium';
  src: url('../fonts/Ubuntu-Medium.eot');
    src: url('../fonts/Ubuntu-Medium.eot') format('embedded-opentype'),
         url('../fonts/Ubuntu-Medium.woff') format('woff2'),
         url('../fonts/Ubuntu-Medium.woff') format('woff'),
         url('../fonts/Ubuntu-Medium.ttf') format('truetype'),
         url('../fonts/Ubuntu-Medium.svg#Ubuntu-Medium') format('svg');
         font-weight: normal;
}
@font-face {
  font-family: 'Ubuntu-MediumItalic';
  src: url('../fonts/Ubuntu-MediumItalic.eot');
    src: url('../fonts/Ubuntu-MediumItalic.eot') format('embedded-opentype'),
         url('../fonts/Ubuntu-MediumItalic.woff2') format('woff2'),
         url('../fonts/Ubuntu-MediumItalic.woff') format('woff'),
         url('../fonts/Ubuntu-MediumItalic.ttf') format('truetype'),
         url('../fonts/Ubuntu-MediumItalic.svg#Ubuntu-MediumItalic') format('svg');
         font-weight: normal;
}
::-webkit-input-placeholder {
   color: #333;
}

:-moz-placeholder { /* Firefox 18- */
   color: #333;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #333;  
}

:-ms-input-placeholder {  
   color: #333;  
}
body{
  background-color: #fff;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  color: #333;
  font-family: 'Ubuntu-Light';
  transition:all 0.4s ease-in-out 0s;
  line-height: 22px;
}
.satisfy{font-family: 'Satisfy';}
.ubundu{font-family: 'Ubuntu';}
.ubundu-bold{font-family: 'Ubuntu-Bold';}
.ubundu-bolditalic{font-family: 'Ubuntu-BoldItalic';}
.ubundu-italic{font-family: 'Ubuntu-Italic';}
.ubundu-light{font-family: 'Ubuntu-Light';}
.ubundu-medium{font-family: 'Ubuntu-Medium';}
.ubundu-mediumitalic{font-family: 'Ubuntu-MediumItalic';}
.tx-54{font-size: 35px;}
.tx-26{font-size: 26px;}
.tx-14{font-size: 14px;}
.tx-16{font-size: 16px;}
.tx-18{font-size: 18px;}
.tx-19{font-size: 19px;}
.tx-20{font-size: 18px;}
.tx-22{font-size: 22px;}
.tx-24{font-size: 24px;}
.tx-40{font-size: 40px;}
.tx-45{font-size: 45px;}
.tx-50{font-size: 35px;}
.tx-30{font-size: 30px;}
.head{color: #2b120f;}
.yellow{color: #806937 !important;}
.clear{clear: both;}
.text-transform {text-transform: uppercase;}
.text-right{text-align: right;}
.padding-left{padding-left: 0;}
.padding-right{padding-right: 0;}
.txt-colorbrown{color: #3f1e1d;}
.brown-color{color: #1f0004;}
.white-text{color: #ffffff;}
.word-wrap{word-break: break-word;}
.text-color-yellow,.text-color-yellow:focus, .text-color-yellow:hover{color: #bbac73;}
a {color: #333;text-decoration: none;}
a:hover{color: #333;}
img{max-width: 100%;}
h1,h2,h3,h4,h5,h6{margin: 0px;padding: 0px;font-weight: normal;}
.margin-auto{margin: 0px auto;float: none;}
.textalign-right{text-align: right;}
.padding-muted{padding: 0;}
.margin-muted{margin:0;}
.text-center{text-align: center;}
.float{float: inherit;}
.pull-right{float: right;}
#mobile-wrapper{max-width: 767px; margin:0px auto;padding: 0;}
/*--- mobile home ---*/
.content-custom-padding{padding: 35px 0;}
.custom-padding-btm{padding-bottom: 35px;}
.custom-padding{padding-bottom: 20px;}
.readmore {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding-right: 30px;
  padding-left: 30px;
  position: relative;
  background: #95773d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1NzczZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NTc3M2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #95773d 0%, #95773d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95773d), color-stop(100%,#95773d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #95773d 0%,#95773d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #95773d 0%,#95773d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #95773d 0%,#95773d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #95773d 0%,#95773d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95773d', endColorstr='#95773d',GradientType=0 ); /* IE6-8 */
  color:#fff;
  text-decoration: none;
  transition:all 0.4s ease-in-out 0s;
  position: relative;
  z-index: 2;
  font-size: 20px;
}
.readmore:focus{
  color:#fff;
  text-decoration: none;
  background: #b59c5f; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1OWM1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNTljNWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #b59c5f 0%, #b59c5f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b59c5f), color-stop(100%,#b59c5f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b59c5f 0%,#b59c5f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b59c5f 0%,#b59c5f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b59c5f 0%,#b59c5f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b59c5f 0%,#b59c5f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b59c5f', endColorstr='#b59c5f',GradientType=0 ); /* IE6-8 */
transition:all 0.4s ease-in-out 0s;
  padding-right: 40px;
  padding-left: 40px;
}
.btn-outer{width: 100%;margin: 0px auto;margin-top: 30px;text-align: center;}
.mob-seprator{height: 35px;float: left;background-color: #866d3d;}
.mob-seprator-right{height: 35px;float: left;background-color: #a99666;}
.wine-circle-animation{
  width: 100%;
  float: left;
  background: url(../img/floral-images.png)no-repeat center  #8a8a8a;
  margin-top: 0px;
  position: relative;
  z-index: 5;
}
.thumb-details{width:100%;margin:0px auto;text-align: center;margin-top: 40px;text-transform: uppercase;}
.thumb-details ul{display: inline-block;list-style: none;margin: 0;padding: 0;position: relative;width: 100%;text-align: center;/*margin-top: 200px;*/}
.thumb-details ul li{list-style: none !important;width: 48%;display: inline-block;margin-bottom: 15px;}
.thumb-details ul li img{
  width: 140px;
  max-width: 100%;
  height: 100%;
  margin-bottom: 25px;
  transition:all 0.4s ease-in-out 0s;
}
.thumb-details ul li a{text-decoration: none;width: 100%;float: left;cursor: pointer;}
.thumb-details ul li a:hover, .thumb-details ul li a:focus{background-color: #fff; opacity: .6;}
/*--- img hover effect ----*/
.ch-item {
  width: 140px;
  height: 100%;
  border-radius: 50%;
  position: relative;
  cursor: default;
  margin: 0px auto;
}
.ch-item h2{
  width: 100%;
  border-bottom: 1px solid #544547;
  display: inline-block;
  text-align: center;
  padding: 0px 0 5px 0;
  margin: 0px;
  font-size: 20px;
}
 .ch-item p{
  font-size: 14px;
}
.ch-info-wrap, 
.ch-info{
  width: 140px;
  height: 140px;
  border-radius: 50%;
  
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -o-perspective: 800px;
  -ms-perspective: 800px;
  perspective: 800px;
}
.ch-info-wrap{
  margin-bottom: 20px;
  box-shadow: 
    0 0 0 5px rgba(255,255,255,0.2), 
    inset 0 0 3px rgba(115,114, 23, 0.8);
}
.ch-info {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.ch-info > div {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-position: center center;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.ch-info .ch-info-front {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  
  z-index: 100;
  box-shadow: 
    inset 2px 1px 4px rgba(0,0,0,0.1);
}

.ch-info .ch-info-back {
  background: rgba(0,0,0,0);
}

.ch-img-1 { 
  background-image: url(../img/thumb-1.png);
  background-size: 100%;
}

.ch-img-2 { 
  background-image: url(../img/thumb-2.png);
  background-size: 100%;
}

.ch-img-3 { 
  background-image: url(../img/thumb-3.png);
  background-size: 100%;
}
.ch-img-4 { 
  background-image: url(../img/thumb-4.png);
  background-size: 100%;
}

.ch-img-5 { 
  background-image: url(../img/thumb-5.png);
  background-size: 100%;
}

.ch-info h3 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 14px;
  margin: 0 15px;
  padding: 40px 0 0 0;
  height: 65px;
  font-family: 'Ubuntu-Light';
  text-shadow: 
    0 0 1px #fff, 
    0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
  color: #fff;
  padding: 10px 5px;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
  display: block;
  color: #fff;
  color: rgba(255,255,255,0.7);
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  padding-top: 4px;
  font-family: 'Ubuntu-Light';
}

.ch-info p a:hover, .ch-info p a:focus {
  color: #806937 ;
  color: rgba(255,242,34, 0.8);
  text-decoration: none;
}
.ch-item:hover .ch-info-back, .ch-item:focus .ch-info-back {
  background: rgba(0,0,0,0.6);
}
.home-view {
  width: 100%;
}
.view-first img{
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(oimgpacity=0);
   opacity: 0;
   background-color: rgba(0,0,0, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first:hover img, .view-first:focus img{
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
   opacity: .6;
}
.view-first:hover .mask, .view-first:focus .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view {
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.view .mask{
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.view img {
   display: block;
   position: relative;
}
.video-hover:focus{opacity: 0.6;}
.grey-bg{background-color: #a3a39f;}
.custome-lineheight{line-height: 35px;}
footer{width: 100%;background:url(../img/mob-footer.jpg) no-repeat;background-size: 100%;float: left;}
.socila-media-outer{
  width: 298px;
  margin: 0px auto;
  margin-top: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}
.fb, .twitter, .gplus, .youtube{
  width: 44px;
  height: 44px;
  float: left;
  margin-right: 35px;
  transition:all 0.4s ease-in-out 0s;
  opacity: .7;
}
.fb:focus, .twitter:focus, .gplus:focus, .youtube:focus{
  opacity: 1;
}
.fb{background:url(../img/fb-icon.png);}
.twitter{background:url(../img/twitter-icon.png);}
.gplus{background:url(../img/google-plus-icon.png);}
.youtube{background:url(../img/youtube-icon.png);margin-right: 0;}
.copy-right{margin-top: 5px;margin-bottom: 6%;}
.footer-menu{margin-top: 25px;}
.logo{width: 109px;float: left;height: 67px;background: url(../img/logo.png)no-repeat;
  position: absolute;left: 32px;top: 5px;background-size: 100%;}

/*-- mob nav ---*/
.mob-nav{width: 90%;margin: 0px auto;overflow-x: hidden;padding: 0;margin-top: 90px;}
.mob-nav li{list-style: none;display: block;border-bottom: 1px solid #8A784A;padding-bottom: 20px;margin-bottom: 20px;
  text-align: right;padding-right: 80px;}
.mob-nav li a{font-size: 20px;color: #1f0004;text-transform: uppercase;text-decoration: none;}
.mob-nav li.active a, .matera_menu > li > a.active{color: #5D0712;}
.mob-nav li:last-child{border-bottom: none;}
.animate{
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;  
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden; /* Chrome and Safari */
  -moz-backface-visibility:hidden; /* Firefox */
  -ms-backface-visibility:hidden; /* Internet Explorer */
}

.matera_menu * {
  vertical-align:baseline; margin:0; padding:0; border:0; cursor:inherit; box-sizing:content-box;
  /* AVOID OPENING MOBILE CONTEXT MENU ON TAPHOLD */
  -webkit-touch-callout:none; -moz-touch-callout:none; -ms-touch-callout:none; -o-touch-callout:none; touch-callout:none; 
  /* AVOID HIGHLIGHTING ON TAP */
  -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); 
  /* AVOID CHANGING TEXT SIZE ON ORIENTATION CHANGE */
  -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none; text-size-adjust:none; 
  /* AVOID SELECTING TEXT AND IMAGES */
  -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none;
    margin:0; 
    padding:0;
    box-sizing: border-box;
  float:none; 
  list-style-type:none;
  text-decoration:none;
  font-size:100%;
  outline:none; }


/* MAIN MENU */
.matera_menu {padding: 0;}
.matera_menu ul {margin-top: 25px;}
  
/* FIRST LEVEL */
.matera_menu > li > a {
  display:block;
  position:relative;
  cursor:pointer; 
}

.matera_menu > li > a {
  width:100%;
  height:25px;
} 
  
/* SECOND LEVEL */
.matera_menu ul li a {
  display:block;
  position:relative;
  width: 100%;
  float: left;
  padding: 0;
  padding-right: 0px !important;
  padding-bottom: 15px;
  font-size: 18px;
  color: #333;
}
.matera_menu ul li{width: 100%;padding-right: 0 !important;border-bottom: 0px !important;}

/* SPAN */  
.matera_menu > li > a span {
  display:inline-block;
  position:absolute;
  background: url(../img/plus-icon.png) no-repeat;
  width: 20px;
  height: 20px;
  top: 40%;
  padding:3px;
  margin-top:-8px; 
  right: -78px;
  background-size:100 
}
.matera_menu ul > li > a span {
  display:inline-block;
  position:absolute; }
  .pure-drawer{z-index: 88;}

/*---- our story ----*/
.inner-nav{width: 100%;height: 87px;float: left;background:url(../img/inner-nav-bg.jpg)no-repeat;margin-bottom: 25px;}
.inner-subnav{width: 100%;float: left;height: 50px;padding: 10px 10px 10px 20px;background:#a6a6a6;margin-bottom: 25px;line-height: 27px;}
.sub-nav-icn{width: 30px;height: 46px;float: right;background:url(../img/sub-nav-icn.png) no-repeat center;margin-top: -8px;}
.custome-margin{margin-bottom: 20px;}
.container-custome-margin{margin-bottom: 50px;}
.modal-open{padding-right: 0px !important;}
.submenu-nav-pop{
  width: 100%;
  float: inherit;
  background: #000;
  padding: 30px;
}
.mob-close-btn-outer{margin: 0px auto;width: 43px;height: 41px;margin-bottom: 25px;}
.mob-close-btn{width: 43px;height: 41px;background:url(../img/close-icn.png) no-repeat;border: none;}
.mob-close-btn:focus{opacity: .6;border: none;}
.submenu-nav-pop ul{width: 100%;margin:50px 0 0 0px;padding: 0px;}
.submenu-nav-pop ul li{display: block;width: 100%;border-bottom: 1px solid #353535;text-align: center;padding-bottom: 20px;margin-bottom: 20px;}
.submenu-nav-pop ul li a{font-size: 26px;color: #999;text-decoration: none;}
.submenu-nav-pop ul li a:focus, .submenu-nav-pop ul li.active a{color: #fff;}
.submenu-nav-pop ul li:last-child{border-bottom: none;}
.yellow-bg {background-color: #dcd2b6;padding-top: 35px;padding-bottom: 25px;}
.white-bg {background-color: #fff;padding-top: 35px;padding-bottom: 25px;}
.whine-bottle {width: 58px;height: 236px;}
.vertical-groove {padding: 0 20%;}
/*-- discover our wines ---*/
.bottle-slider{width: 100%;text-align: center;}
.bottle-slider li{list-style: none;display:inline-block;text-align: center;padding-top:20px;/*padding-bottom: 30px;*//*margin-bottom: 25px;*/width: 100%;}
.bottle-slider li:hover, .bottle-slider li:focus, .bottle-slider li.active{background: url(../img/greay-transparent.png);}
.bottle-slider li p{width: 100%;text-align: center;font-size: 14px;padding-top: 15px;float: left;}
.purple-bg{background: #a22a4a;padding: 35px 0;}
.wine-details-outer{width: 100%;float: left;color: #fff;padding: 0;margin: 20px 0 0 0;}
.wine-details-outer li{list-style: none;float: left;width: 100%;margin-bottom: 10px;}
.wine-details-outer li .left{width: 88px;}
.wine-details-outer li .right{border-left:1px solid rgba(255, 255, 255, 0.56); padding-left: 15px;}
.tasting-hd{background:rgba(255, 255, 255, 0.56);padding: 10px 0;color: #000000;width: 100%;float: left;margin-top: 20px;}
.left-arrow{width: 25px;height: 35px;background:url(../img/slider-arrows.png) 0 0; float: left;margin-top: -3px;
    margin-right: 15px;}
.left-arrow:hover, .left-arrow:focus{opacity: .8;}
/*--- visit vineyard---*/
.vineyard-bg{width: 100%;float: left;background:url(../img/mobile-vineyard-bg.jpg)no-repeat;padding-bottom: 10%;}
.vineyard-whitebg{width: 100%;background:url(../img/vineyard-whitebg.png)repeat;float: left;padding: 20px;}
.map-icon-outer{width: 239px;margin: 0px auto;overflow: hidden;}
.map-icon{width: 239px;height: 153px;float: left;background:url(../img/view-map-icon.png)no-repeat;}
.gold-text{color: #a3791c;}
.wine-tour{background-position:center top 109%; padding-bottom: 30px;}
.wine-guide-tab{width: 100%;margin: 0px;padding: 0px;text-align: center;position: relative;margin-top: 10px;
  margin-bottom: 20px;font-size: 15px;float: left;}
.wine-guide-tab li{list-style: none;float: left;text-transform: uppercase;cursor: pointer;
  line-height: 40px;height: 40px;background:#a6a6a6;transition:all 0.4s ease-in-out 0s;width: 50%;
}
.wine-guide-tab li:focus, .wine-guide-tab li.active{background:#a3791c;}
.wine-guide-tab li a{text-decoration: none;color: #333;padding: 0 25px;}
.wine-guide-tab li:focus a, .wine-guide-tab li.active a{color: #fff;}
#tabcontent1, #tabcontent2{transition:all 0.4s ease-in-out 0s;}
#tabcontent2{display: none;}
.input-style, textarea{background: none;outline: none;border-top:0;border-left:1px solid #989696;
  border-right:1px solid #989696;border-bottom:1px solid #989696; width: 100%;text-indent: 15px;
  height: 30px;font-family: 'Ubuntu';font-size: 16px;color:#333;padding-bottom: 10px;}
  textarea{height: 154px;resize:none;max-width: 500px;}
  .inputfor-popup{border-left:1px solid #3e3e3e;  border-right:1px solid #3e3e3e;border-bottom:1px solid #3e3e3e;}
.input-margin{margin-bottom: 30px;} 
.button {
   text-decoration: none;
   padding: 10px 10px;
   color: #fff;
   font-size: 16px;
   text-transform: uppercase;
   min-width: 139px;
   height: 42px;
   text-align: center;
   border: none;
   outline: none;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#95773d+0,95773d+100 */
background: #95773d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1NzczZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NTc3M2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #95773d 0%, #95773d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95773d), color-stop(100%,#95773d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #95773d 0%,#95773d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #95773d 0%,#95773d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #95773d 0%,#95773d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #95773d 0%,#95773d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95773d', endColorstr='#95773d',GradientType=0 ); /* IE6-8 */
}
.button:focus {
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b59c5f+0,b59c5f+100 */
background: #b59c5f; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1OWM1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNTljNWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #b59c5f 0%, #b59c5f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b59c5f), color-stop(100%,#b59c5f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b59c5f 0%,#b59c5f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b59c5f 0%,#b59c5f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b59c5f 0%,#b59c5f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b59c5f 0%,#b59c5f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b59c5f', endColorstr='#b59c5f',GradientType=0 ); /* IE6-8 */
transition:all 0.4s ease-in-out 0s;
}
.button-outer{width: 139px;margin: 0px auto;}
.netwrk-block-outr{width: 100%;float: left;margin:20px 0;padding: 0;text-align: center;}
.netwrk-block-outr li{list-style: none;display: inline-block; padding: 5px 2% 5px 2%;margin-bottom: 15px;
  transition: all 0.4s ease-in-out 0s;background-color:#b1b1b1; cursor: pointer;width: 100%;line-height: 30px;}
.netwrk-block-outr li a{text-decoration: none;text-transform: uppercase;color: #333333;font-size: 18px;}
.netwrk-block-outr li a img{width: 35px;height: 35px;margin-left: 10px;float: left;}
.fb-color:hover, .fb-color:focus{background: #7b8ab3;}
.gplus-color:hover, .gplus-color:focus{background: #e59692;}
.guest-color:hover, .guest-color:focus{background: #6fb6bc;}
/*--- wine guide ---*/
.hr-groove{width: 100%;height: 1px;float: left;background:#a6a6a6;margin: 15px 0;}
.wine-subhd{color: #651f0d;}
.text-decoration{text-decoration: underline;}

.styled-select {
  width: 100%;
  float: right;
  height: 40px;
  border-bottom: 1px solid #999999;
  outline: none;;
    background: url(../img/select-arrow.png) no-repeat 99.6% 17px;
    overflow: hidden;
    padding-top: 1px;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  background-color: transparent;
  margin-bottom: 20px;
}
.styled-select:focus{
   box-shadow: 0 0 3px #f47521;
  border: 1px solid #f47521;
}
.styled-select select {
   background: transparent;
   border: none;
  font-size: 18px;
  font-family: 'Ubuntu' !important;
  height: 36px;
  color: #666666;
  width: 107%;
  outline: none;
    cursor: pointer;
}
.wine-appreciating-details{width:100%;float: left;margin: 0px;padding: 0px;margin-bottom: 20px;}
.wine-appreciating-details li{list-style: none;float: left; width: 100%;margin-bottom: 5px;}
.wine-appreciating-details li span{width: 6px;height: 6px;background: #df9048;  -webkit-border-radius: 50px;-moz-border-radius: 50px;
    border-radius: 50px;float: left;margin-right: 10px; margin-top: 8px;}
.wine-appreciating-details li p{width: 95%;float: left;padding: 0;margin: 0;}
.wine-guide-hd-color{color: #a85603;}
.hr-line{border-bottom: 1px solid #99756c;padding-bottom: 15px;}
.text-left{text-align: left;}
#blog-landing, .blog-landing {  max-width: 100%;  position: relative;  width: 100%;/*margin-bottom: 50px;*/}
.wine-mix-outer{background:url(../img/greay-transparent.png)repeat;position: absolute;text-align: center;}
.wine-mix-outer .inner{padding: 0px 25px 25px 25px;text-align: left;}
.wine-mix-details{width:100%;float: left;margin: 0px;padding: 0px;}
.wine-mix-details li{list-style: none;float: left;border-bottom: 1px solid #CFA283;padding-bottom: 6px;
  width: 100%;margin-bottom: 5px;font-size: 14px;}
.wine-mix-details li span{width: 5px;height: 5px;background: #df9048; -webkit-border-radius: 50px;-moz-border-radius: 50px;
    border-radius: 50px;float: left;margin-right: 10px; margin-top: 8px;}
.wine-mix-details li p{width: 71%;float: left;padding: 0;margin: 0;}
.wine-mix-details li:last-child{border-bottom: 0;}
.wine-mix-details-length{width: 90% !important;}
/*-- wine zone ---*/
.region-block{background-color: #f3f3f3;position: absolute;max-width: 375px;}
.region-block-margin{margin-right: 30px;}
.region-block .inner{padding: 20px 20px 20px 20px;}
.plus-icon{width: 40px;height: 40px;float: right;background:url(../img/plus-icn.png)no-repeat;
  position: absolute;top: 80%;right:15px;background-size: 100%;transition:all 0.4s ease-in-out 0s;}
  .plus-icon:hover, .plus-icon:focus{opacity: .6;}
.bottom-custom-margin{margin-bottom: 10px}
.grey-line{border-bottom: 1px solid #c2c2c2;padding-bottom: 10px;}
.clock-icn{width: 12px;height: 15px;display: inline-block;margin-right: 5px;}
.text-decoration{text-decoration: none !important;}
.play-icn,.pause-icn{width: 82px;height: 82px;position: absolute;left: 47%;top: 35%;}
.play-icn{background:url(../img/play-icn.png)no-repeat;transition:all 0.4s ease-in-out 0s;background-size: 100%;}
.play-icn:hover,.play-icn:focus{background:url(../img/play-icn-hover.png)no-repeat;background-size: 100%;}
.pause-icn{background:url(../img/pause-icon.png)no-repeat;transition:all 0.4s ease-in-out 0s;background-size: 100%;}
.pause-icn:hover, .pause-icn:focus{background:url(../img/pause-icon-hover.png)no-repeat;background-size: 100%;}
.video-gallery-text{margin-top: 10px;}
.video-gallery-block{height: 306px;}
/*--- blogs ----*/ 
.blog-date{width: 95px;float: left;border-top: 4px solid #858585;padding-top: 15px;margin-right: 25px;}
.blog-hr-line{border-bottom: 1px solid #858585;}
.blog-container{padding-top: 15px;}
.blog-arrow{width: 100%;height: 29px;float: right;background:url(../img/blog-arrow.png)no-repeat right;
  padding-bottom: 15px;top: -15px;  position: relative;transition:all 0.4s ease-in-out 0s;
}
.blog-arrow:hover, .blog-arrow:focus{opacity: .6;}
.blog-content{max-width: 70%;}
.latest-hr-line{border-bottom:  1px solid #a6a6a6;padding-bottom: 15px;}
.download-icon{width: 15px;height: 15px; float: right;background:url(../img/download-icn.png)no-repeat;
  margin-right: 25px;margin-top: 7px;transition:all 0.4s ease-in-out 0s;}
/*--- faqs ---*/
.faqs-inner-bg{background-color: #ebebeb;padding-top: 15px;padding-left: 20px;padding-bottom: 50px;}
.accordian-uparrow, .accordian-downarrow{width: 19px;height: 10px;float: right;
  background:url(../img/accordian-downarrow.png) no-repeat;margin-top: -11px;}
.accordian-downarrow{background:url(../img/accordian-uparrow.png) no-repeat;} 
.faqs-border{border-bottom: 1px solid #d7d7d7;padding-bottom: 15px;}
.faq-custome-border{border-color: transparent;background-color: transparent;}
.panel-heading{border-top-left-radius: 0px;  border-top-right-radius: 0px;}
.panel-heading{border-bottom: 1px solid #d7d7d7;}
.human-verification-outer{max-width: 711px; clear: both;margin-top: 20px;margin-bottom: 45px;}
.human-verification-input-outer{max-width: 356px;float: left;}
.human-verification-input{width: 88px;text-align: center;padding: 10px 0;
  border: none;background-color: #c8c8c8;display: inline-block;outline: none;}
.panel-body{background-color: #f3f3f3;}
.panel{box-shadow: none;border-bottom: 1px solid #d7d7d7;border-left: 0;border-right: 0;border-top:0; width: 100%;}
.faqs-input-outer{max-width: 531px;}
.faq-btm{padding: 20px; background:#a6a6a6;}
.asknw-btn{padding: 30px 20px;background:url(../img/asknw-icn.png)no-repeat center right 5% #9f721b;text-align: center;
  width: 100%;float: left;color: #fff;}

/*--- store locator ---*/
/*.store-select{border-left: 1px solid #999999;border-right: 1px solid #999999;}*/

.location-list{width: 100%;float: left;margin: 0px;padding: 0px;height: 500px;overflow: hidden;overflow-y:scroll; }
.location-list li{float: left;display: block;width: 93%;margin-bottom: 25px;padding: 10px 5px;}
.location-list li:hover, .location-list li .active, .location-list li:focus {background-color: #d9ceb9;}
.location-list li .number{width: 44px;text-align: center;float: left;}
.location-list li .content{width: 84%;float: left;padding-left: 20px;}
.location-list-vertical-groove{border-left: 2px solid #909090;}
.location-seprator{border-bottom: 1px solid #a4a4a4; padding-bottom: 10px;display: block;}
.phone-icon{width: 9px;height: 17px;background:url(../img/phone-icon.png);float: left;margin: 2px 15px 0 0;}
.clock-new{width: 16px;height: 16px;float: left;background:url(../img/clock-new.png);margin: 3px 8px 0 0;}
.location-icon{width: 36px;height: 36px;float: left;background:url(../img/location-icon.png)no-repeat;margin-top: 20px; }
/*---- nano scroll ----*/
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  overflow : hidden;
  float: left;
}
.nano .content {
  position      : relative;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano .content:focus {
  /*outline: thin dotted;*/
  outline: none;
}
.nano .content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar .content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .pane {
  background : #000;
  position   : absolute;
  width      : 2px;
  right      : 5px;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01; 
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  max-height: 500px;
  min-height: 500px;
}
.nano > .pane > .slider {
  background: #bcbcbc;
  position              : relative;
  margin                : 0 -4px;
  width: 10px;
  height: 100px !important;
}
.nano:hover > .pane, .pane.active, .pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}

/*.nano { background: #bba; width: 500px; height: 100px; }*/
.nano .content { padding: 5px; }
.nano .pane   { background: #bcbcbc; }
.nano .slider { background: #bcbcbc; }
/*-- price list --*/

.file-type-icon{width: 22px;height: 23px; float: right; margin-right: 40px;}
.price-list-block{background-color: #eeeeee;padding: 20px 15px;width: 100%;}
.panel > .table-bordered, .panel > .table-responsive > .table-bordered{border: 1px solid #bbbbbb;}
.table-bordered > tbody > tr > td{  border: 1px solid #bbbbbb;}
.table-bordered > tbody > tr > td:first-child{width: 65%;}
.contact-hd{background:#5c5c5c;padding: 5px 0;text-align: center;color: #fff;}
.contact-us-block-bg{background-color: #e3e3e3;padding: 30px 0;}
.fdbk-nav-icn{transition:all 0.4s ease-in-out 0s;width: 46px;height: 46px;outline: none;border:0;margin: 0px auto;clear:both;overflow: hidden;}
.file-type-icon{width: 22px;height: 23px; float: right; margin-right: 40px;}

.inner-menu{width: 99%;margin: 0px auto;overflow-x: hidden;padding: 0;margin-top: 15px;}
.inner-menu li{list-style: none;display: block;border-bottom: 1px solid #a6a6a6;padding-bottom: 15px;margin-bottom: 20px;
  text-align: right;padding-right: 80px;}
.inner-menu li a{font-size: 18px;color: #1f0004;text-decoration: none;text-align: left;}
.inner-menu li > a > span{background: url(../img/select-arrow.png) no-repeat;width: 25px;}
.inner-menu ul{margin-top: 10px;}
.absolute{position: absolute !important;}
.print-ad-thumbnail{width: 100%;float: left;text-align: center;}
.media-outer{position: absolute;}
.media-outer .inner{padding: 0px 25px 25px 25px;}
.name-feild{width: 56px;float: left;}
.name-details{float: left;}
.visiters-details{background-color: #f5f5f5;padding: 40px;}
.date-label{width: 100%;float: left;margin-bottom: 10px;}
.date-feild{width: 100%;float: left;}
.margin-bottom{margin-bottom: 20px;}
.tour-details-rightblock{padding: 46px 30px 46px 30px;background-color: #f5f5f5;}
.tour-para-border{border-left:4px solid #c3c3c3;padding-left: 15px;}
.tour-hrline{width: 100%;height: 10px;background-color:#c3c3c3;margin: 20px 0 38px 0px;float: left;}
input[type="checkbox"]{margin-right: 10px;}


/*--- awards ---*/
.award-btm-bg{background:#e5e5e5;}
.text-black{color: #333;}
.wine-award-hd {
    font-size: 30px;
    color: #333;
    padding-top: 40px;
    margin-bottom: 20px;
    width: 100%;
}

.award-blockpadding {
    padding-top: 25px;
    padding-bottom: 25px;
}
.award-wine-bottle-big {
    position: relative;
    z-index: 2;
    text-align: center;
}
.award-year{padding: 3px 15px;float: left;font-size: 18px;background:#c5c5c5;}
.award-hr-grrove{border-top:1px solid #c5c5c5;}
.awards-img{width: 72px;height: 71px;margin: 0px auto;margin-bottom: 20px;}
.award-custome-pading{margin-bottom: 5px;}
.award-lists-padding{padding: 20px 0 20px 0;}
.award-para{width: 100%;float: left;text-align: center;}
.award-block{margin-bottom: 20px; }
.award-loop{margin-top: 20px;}
.custome-opacity:hover, .custome-opacity:focus{opacity: .6;}
.custome-margin-btm{margin-bottom: 30px;}
.custome-padding-fordetails{padding: 35px 0;}
.media-btm-mrgin{margin-bottom: 20px;padding-bottom: 20px;}
.media-view-icon {width: 100%;height: 100%;
   text-decoration: none;   position: relative;float: left;}
/*----- guest page -----*/
.avatar{
  width: 140px;
  float: left;
  margin-right: 25px;
}
.guest-article-content{
  max-width: 72%;
}
.guest-margin{margin-bottom: 15px;}

/*--- slider formobile ---*/
.slick-prev {
    background: url(../img/slider-arrow.png) 0 -48px !important;left: 25px !important;
}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute !important;
    top: 50% !important;
    display: block;
    width: 48px !important;
    height: 48px !important;
    margin-top: -10px !important;
    padding: 0 !important;
    cursor: pointer;
    color: transparent !important;
    border: none !important;
    outline: none !important;
  }
.slick-next {
    background: url(../img/slider-arrow.png) 0 0px !important; right: 25px !important;
}
.accordian-content{width: 96%;}
.terms-and-conditions{width: 100%;float: left;margin: 20px 0 0 0;padding: 0 0 0 20px;}
.terms-and-conditions li{display: list-item;line-height: 22px;margin-bottom: 15px;}
.blog-img, .blog-img-right{width: auto;text-align: center;margin-bottom: 20px;}
.fancybox-outer{padding-top: 30px !important;}
.close{margin-right: 6px;}

@media screen and (max-width: 640px){
 .avatar {width: 100px;margin-right: 15px;}
}
@media screen and (max-width: 480px){
  .play-icn, .pause-icn{left: 41%;top: 23%;}
  .avatar {width: 75px;}
}
@media screen and (max-width: 450px){
  .blog-content{max-width: 68%;}
  .blog-date{width: 50px;}
 .guest-article-content{  max-width: 68%;}
}

@media screen and (max-width: 390px){
  .footer-menu{margin-top: 10px;}
  .tx-16{font-size: 14px;}
  .copy-right{margin-bottom: 3%;margin-top: 0px;}
  .socila-media-outer{margin-bottom: 10px;}

}
@media screen and (max-width: 360px){
  .play-icn, .pause-icn{width: 45px;height: 45px;}
  .wine-guide-tab li a{font-size: 14px;}
  .guest-article-content{  max-width: 100%;width: 100%;padding:0;margin-top: 20px;}
  .avatar {width: 120px;float: none;margin: 0px auto;}
}