@charset "utf-8";
/* CSS Document */
body {
overflow-x:hidden;
color:#000000;
font-family: 'Abel', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size:150%;
}
.row-padding {
padding-left:35px;
padding-right:35px;
}
.row-top {
margin-top:35px;
}
.row-thankyou {
margin-top: 15vh;
margin-bottom: 45vh;
}
.row-bg {
background: rgba(255,255,255,0.80);
padding-left: 30px;
padding-right: 30px;
	padding-bottom:30px;
margin-bottom:30px;

}
.row-white-2 {
background:rgba(255,255,255,1.00);
padding-top:20px;
padding-bottom:20px;
margin-bottom:20px;
border-radius:3px;
}
.row-white-2 {
background:rgba(255,255,255,.75);
padding-top:20px;
padding-bottom:20px;
margin-bottom:20px;
border-radius:3px;
}
.logobox {
padding-bottom:5px;
height:70px;
position:absolute;
z-index:8000;
}
.landing {
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
}
.bbg1 {
background-image:url(../assets/wine-bg-1.jpg);
}

.bbg2 {
background-image:url(../assets/wine-bg-4.jpg);
	background-attachment: fixed;
	background-position:center;
}

.bbg3 {
background-image:url(../assets/wine-bg-3.jpg);	
}

.bbg-gin {
background-image:url(../assets/juniper.jpg);
background-opacity: .5;	
}

.bbg-whisky {
background-image:url(../assets/buy-whisky-bg.jpg);
background-opacity: .5;
}

.bbg-vodka {
background-image:url(../assets/buy-vodka-bg.jpg);
background-opacity: .5;
}

.bbgusa {
background-image:url(../assets/wine-bg-usa.jpg);	

}

.bbg-red {
background-image:url("../assets/red-wine-bg.jpg");
	background-attachment: fixed;
	background-position:center;
}


.sponsored-padding {
margin-top:25px;
padding-bottom:25px;
border-bottom:1px solid #eee;
}

.sponsored-padding-noLine {
margin-top:25px;
padding-bottom:25px;
}

.title {
margin-top:0.5vh;
font-family: 'Abel', sans-serif;
font-size: 330%;
}
.motto {
text-align: center;
font-size:130%;
opacity:0.8;
}

.motto-title {
text-align: center;
font-size:130%;
opacity:0.8;
min-height: 80px;
max-height: 80px;
overflow: hidden;
}

.bigbutt {
display: inline-block;
background-color:rgba(191,191,191,.80);
border-radius:4px;
border:2px solid rgba(191,191,191,1.00);
width: 100%;
min-width: 100%;
text-align:center;
color:#0b0b0b;
font-size: 150%;
line-height:0.9;
padding-top:5px;
padding-bottom:5px;
box-shadow: 3px 3px 5px rgba(0,0,0,.30);
margin-bottom:10px;
margin-top:10px;
text-decoration: none;
}
.bigbutt:hover {
background-color:rgba(191,191,191,1.00);
color:rgba(0,0,0,.60);
text-decoration: inherit;
}
.bigbutt-index {
margin-top:40px;
}
.txt {
text-align: justify;
}
.txt-center {
text-align:center;
}
.txt-place {
margin-top:5vh;
margin-bottom:5vh;
margin-left:15px;
margin:15px;
}
/*mob-nav*/
header{
width:100%; 
background:#ffffff; 
height:60px; 
line-height:60px;
border-bottom:1px solid #dddddd;
}
.mobile-logo {
font-size:150%;
}
.hamburger{
background:none;
position:absolute;
top:0;
right:0;
line-height:45px;
padding:5px 15px 0px 15px;
color:#999;
border:0;
font-size:1.4em;
font-weight:bold;
cursor:pointer;
outline:none;
z-index:10000000000000;
}
.cross{
background:none;
position:absolute;
top:0px;
right:0;
padding:7px 15px 0px 15px;
color:#999;
border:0;
font-size:3em;
line-height:65px;
font-weight:bold;
cursor:pointer;
outline:none;
z-index:10000000000000;
}
.menu{
z-index:1000000;
font-weight:bold;
width:100%;
background:#f1f1f1; 
position:absolute;
text-align:center;
font-size:12px;
}
.menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.menu li {display: block;   padding:15px 0 15px 0; border-bottom:#dddddd 1px solid;}
.menu li:hover{display: block;    background:#ffffff; padding:15px 0 15px 0; border-bottom:#dddddd 1px solid;}
.menu ul li a { text-decoration:none;  margin: 0px; color:#666;}
.menu ul li a:hover {  color: #666; text-decoration:none;}
.menu a{text-decoration:none; color:#666;}
.menu a:hover{text-decoration:none; color:#666;}

.glyphicon-home{
  color:white; 
  font-size:1.5em; 
  margin-top:5px; 
  margin:0 auto;
}
header{display:inline-block; font-size:12px;}
span{padding-left:20px;}
a{color:#336699;}
/*end mob nav*/
/*desk-nav*/
.title2 {
margin-top:2vh;
font-family: 'Abel', sans-serif;
font-size: 350%;
}
#desk-nav {
text-align: center;
}
.desk-nav-link {
font-size:120%;
color: #0b0b0b;
letter-spacing: 2px;
}
.desk-nav-box {
margin-top:10px;
}
.hr {
margin:0;
}
.mom {
max-width:98%;
min-width:98%;
overflow: hidden;
margin:0 1% 0 1%;
}
.mom2 {
max-width:60%;
min-width:60%;
overflow: hidden;
margin:0 20% 0 20%;
}
.mom:hover {
opacity: 0.5;
transition: opacity .55s ease-in-out;
 -moz-transition: opacity .55s ease-in-out;
 -webkit-transition: opacity .55s ease-in-out;
}
.mom2:hover {
opacity: 0.5;
transition: opacity .55s ease-in-out;
 -moz-transition: opacity .55s ease-in-out;
 -webkit-transition: opacity .55s ease-in-out;
}

.mom3 {
overflow: hidden;
margin-left: 50%;
min-margin-left: 50%;
transform: translateX(-50%);


}

.mom3:hover {
opacity: 0.5;
transition: opacity .55s ease-in-out;
 -moz-transition: opacity .55s ease-in-out;
 -webkit-transition: opacity .55s ease-in-out;
}

.icon {
color:#0b0b0b;
font-size:250%;
text-align: center;
margin-top:10px;
}
	.icon:hover {
		color:#808080;
	}
/*end desk-nav*/
/*breakpoints*/
    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
	#desk-nav {
			display:none;
		}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
	#desk-nav {
			display:none;
		}
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		#desk-nav {
			display:none;
		}
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
	#mob-nav {
			display: none;
		}
		#desk-nav {
			display: block;
		}
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
		#mob-nav {
			display: none;
		}
    }

/*form*/
.label-spacing {
margin-left:2%;
margin-right:2%;
}
.input-size {
width: 96%;
margin-bottom:10px;
margin-left:2%;
margin-right:2%;
}
.button {
width: 96%;
margin-bottom:10px;
margin-top:10px;
font-weight: bold;
letter-spacing: 1px;
margin-left:2%;
margin-right:2%;	
}
.button:hover {
color:#adadad;
}
/*footer*/
footer {
background-color: #0b0b0b;
width: 100%;
bottom: 0;
padding-top:15px;
padding-bottom:15px;
}
.footer-txt {
text-align: center;
color:#FFFFFF;
}
footer a {
color: #ffffff;
}
footer a:hover {
color: #adadad;
}
/*ads*/
.img-max-height {
	max-height: 300px;
	height: 300px;
}
/*categories*/
 .category-header {
display: inline-block;
background-color:rgba(191,191,191,.80);
border-radius:4px;
border:2px solid rgba(191,191,191,1.00);
width: 100%;
text-align:center;
color:#ffffff;
font-size: 150%;
line-height:0.9;
padding-bottom:10px;
box-shadow: 3px 3px 5px rgba(0,0,0,.30);
margin-bottom:10px;
margin-top:10px;
text-decoration: none;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.category-header-lg {
font-size:200%;
	}
.category-header-md {
font-size:150%;
}
.btn-img {
	margin-bottom: 10px;
}
	
.category-header:hover {
text-decoration: none;
color: #2098D1;
background-color:rgba(191,191,191,1.00);
}
	
	.category-header:visited {
text-decoration: none;
color: #fff;
background-color:rgba(191,191,191,1.00);
}
	
.category-header:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.category-header:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
	text-decoration: none;
	}










/*countries*/
 .country-header {
display: inline-block;
background-color:rgba(191,191,191,.80);
border-radius:4px;
border:2px solid rgba(191,191,191,1.00);
width: 100%;
text-align:center;
color:#ffffff;
font-size: 120%;
line-height:0.9;
padding-bottom:10px;
box-shadow: 3px 3px 5px rgba(0,0,0,.30);
margin-bottom:10px;
margin-top:10px;
text-decoration: none;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.country-header-lg {
font-size:200%;
	}
.country-header-md {
font-size:150%;
}
.btn-img {
	margin-bottom: 10px;
}
	
.country-header:hover {
text-decoration: none;
color: #2098D1;
background-color:rgba(191,191,191,1.00);
}
	
.country-header:visited {
text-decoration: none;
color: #fff;
background-color:rgba(191,191,191,1.00);
}
	
.country-header:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.country-header:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
	text-decoration: none;
	}












.popular-sm-img {
	opacity: 1;
}
.popular-sm-img:hover {
	opacity: 0.5;
	  -o-transition:.7s;
  -ms-transition:.7s;
  -moz-transition:.7s;
  -webkit-transition:.7s;
  transition:.7s;
}
.popular-sm-padding {
	padding-bottom: 15px;
}