/* CSS by Corey Watson / A7D */
/* http://www.a-7-d.com */

/* 01. Reset --------------- */

html,body,div,section,header,footer,nav,article,aside,p,a,ul,li,span,img,h1,h2,h3,.boxO,.comingsoon,.cf,input,textarea,.purchase,.wwb {
    display: block; position: relative;
    padding: 0px; margin: 0px;
    font: 400 14pt/1.5 merriweather, serif;
}
a, a:visited, a:hover, a:active { text-decoration: none !important; border: none !important; }
img { border: none !important; }
body, html { height: 100%; width: 100%; }

body { 
    background: url(i/site_Background.jpg) no-repeat top center fixed; background-size: cover; background-color: #020d2d; min-width: 980px; z-index: 1; padding-top: 30px;
}

.splash { background: url(i/site_Splash.jpg) no-repeat top right fixed, #010c2c; background-size: cover; margin: 0px !important; padding: 0px !important; overflow: hidden; min-width: 1024px; }
.splash:after { display: none !important; visibility: hidden !important; }
.splash img {
	width: 440px; height: 520px; opacity: 1;
}
.splash a {
	width: 440px; height: 520px;
	top: 50%; left: 50%;
	margin-left: -220px; margin-top: -260px;
}
.splash p {
	position: absolute;
	width: 90%; top: 120%; left: 5%;
	color: #FFF; text-align: center;
	font-size: 8pt;
}

.on { background-position: bottom center !important; }

body:after, .gradient {
    position: fixed; bottom: 0px; top: auto !important; display: block;
    width: 100%; height: 420px; margin-top: -420px;
    background: url(i/site_gradient.png) repeat-x bottom center;
    z-index: 1; opacity: 0.6;
}

body:after { content: ''; }

.gradient {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    bottom: 70%;
	text-indent: -9999px;
}

.navvv{
	width:980px;
	margin:0 auto;
	}



iframe { background: #000; }

/* 02. Page ---------------- */

header { margin-bottom: 2.5em; }

section { width: 980px; height: auto; margin: 0 auto; z-index: 3; }

.bottles, .bottlinks { 
    width: /* 360px*/ 334px; height: /* 480px */ 500px; margin: -10px auto;
    background: url(i/bottles.png) no-repeat top center;
}

.bottles { pointer-events: none; z-index: 5 !important; background-size: auto 100%; }

.bottlinks { 
	width: 500px;
	background: none !important; position: absolute;
	top: -50px; left: 50%; margin-left: -250px;
	z-index: 2;
}

.bottlinks a { 
    width: 33%; display: inline-block;
	height: 544px; top: 0px;
    position: absolute;
	background: url(i/effect_BottleShadow.png) no-repeat center;
	background-size: auto 90%;
	opacity: 0;
}
.bottlinks a:first-child { left: 10%; z-index: 4; }
.bottlinks a:nth-child(2) { left: 34%; !important; top: 0px !important; width: 32%; z-index: 6; }
.bottlinks a:last-child { left: 56%; z-index: 5; }
.bottlinks a:hover { opacity: .75; }


.bt1, .bt { 
    width: /* 360px*/ 334px; height: /* 480px */ 500px; margin: -10px auto;
    background: url(i/bottles1.png) no-repeat top center;
}

.bt a:first-child { left: 10%; z-index: 0; }
.bt a:nth-child(2) { left: 34%; !important; top: 0px !important; width: 32%; z-index: 6; }
.bt a:last-child { left: 56%; z-index: 5; }
.bt a:hover { opacity: .75; }
.bt { 
	width: 500px;
	background: none !important; position: absolute;
	top: -50px; left: 50%; margin-left: -250px;
	z-index: 2;
}

.bt a { 
    width: 33%; display: inline-block;
	height: 544px; top: 0px;
    position: absolute;
	background: url(i/effect_BottleShadow.png) no-repeat center;
	background-size: auto 90%;
	opacity: 0;
}
.bot a:hover{  width: 33%; display: inline-block;
	height: 544px; top: 0px;
    position: absolute;
	background: url(i/effect_BottleShadow.png) no-repeat center;
	background-size: auto 90%;
	opacity: 0;}






.about { width: 960px; height: 480px; background: url(i/site_CompanyFrame.png) no-repeat center; margin: 0 auto; overflow: hidden; }

.about span { width: 880px; height: 370px; top: 50px; left: 40px; padding-right: 120px; overflow-x: hidden; overflow-y: scroll; }

.about span h1 { font-size: 28pt; margin: 0 0 25px 0; left: 25px; text-align: center; }

.about span p { font-size: 10pt; color: #FFF; max-width: 80%; margin: 0 auto 15px auto; } .about span p:last-child { margin-bottom: 0px; }
.about .boldparagraph { font-size: 14pt !important; font-weight: 600 !important; text-align: center; line-height: 1.7; max-width: 95%; margin: 0 auto 15px auto; }

.about ul { margin: 20px 0; }
.about ul:before, .about ul:after, .about ul li:after { display: block; position: relative; width: 78.5%; left: 10%; content: ''; }
.about ul li:after { left: -8px; }
.about ul:before, .about ul:after { border-top: 3pt double rgba(255,255,255,.5); }
.about ul li { font-size: 7.5pt; }
.about ul li:after { border-bottom: 1pt dotted rgba(255,255,255,.25); margin: 20px auto; }
.about ul li:first-child { padding-top: 20px; }
.about ul li:last-child:after { border: none !important; }

/* 03. Bottles ------------- */

.boxO, .boxT {
	width: 620px; height: 480px; margin: 0 auto; overflow: hidden; top: -50px;
}
.boxI, .boxC { 
	width: 2480px; height: 480px; position: relative;
}
.boxT { background: url(i/site_RecipeFrame.png) no-repeat center -100px !important; }

.tran1 { left: 0px; }
.tran2 { left: -620px; }
.tran3 { left: -1240px; }
.tran4 { left: -1860px; }

.bottle1, .bottle2, .bottle3, .cocktail { width: 620px; height: 480px; background: url(i/anejo-bg.png) no-repeat center; float: left; }
.bottle2 { background-image: url(i/reposado-bg.png); }
.bottle3 { background-image: url(i/silver-bg.png); }
.boxO h2, .boxT h2 {
    width: 400px; text-align: center;
    top: 160px; left: 205px;
    color: #FFF; text-shadow: 1pt 1pt 2pt rgba(0,0,0,.5);
    font-size: 28pt;
}
.boxO h2:after, .boxT h2:after { display: block; content: ''; position: relative; width: 200px; margin-left: 100px; border-bottom: 2pt solid #FFF; }
.boxO p, .boxO li, .boxT p, .boxT li { top: 227px; max-width: 300px; left: 260px; color: #FFF; font-size: 10pt; line-height: 15pt; text-shadow: 1pt 1pt 0.5pt black; }
.cocktail { background: none !important; top: -100px; }
.cocktail img { position: absolute; top: 150px; left: 0px; }
.cocktail span { position: absolute; top: 30px; width: 400px; left: 90px; display: block; }
.cocktail h2 { top: 190px !important; left: 110px; text-align: center; cursor: default; }
.cocktail h2:after { display: none !important; visibility: hidden !important; }
.cocktail p, .cocktail ul { position: relative; display: inline-block; width: 48% !important; float: left; }
.cocktail span ul { left: -51%; text-align: right; }
.cocktail span p { text-align: left; font-size: 8pt; max-width: 90%; }

.llA, .rrA { position: absolute; width: 150px; height: 220px; background: url(i/effect_Arrow.png); top: 220px; cursor: pointer; z-index: 9; opacity: 1; pointer-events: all; }
.rrA { 
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	left: 50%; margin-left: -440px;
}
.llA { right: 50%; margin-right: -440px; }
.llA:hover, .rrA:hover { opacity: .7; top: 230px !imporant; }
/* .leftAct, .rightAct { top: 170px; !important; opacity: .1 !important; } */
.leftAct { margin-right: -450px; opacity: 2 !important; }
.rightAct { margin-left: -450px; opacity: 2 !important; }


@media (max-width: 600px) {
	

.boxO, .boxT {
	width: 520px; height: 540px; margin: 0 auto; overflow: hidden; top: -50px;
}
.boxI, .boxC { 
	width: 2480px; height: 540px; position: relative;
}
.boxT { background: url(i/site_RecipeFrame.png) no-repeat center -100px !important; }

.tran1 { left: 0px; }
.tran2 { left: -520px; }
.tran3 { left: -1040px; }
.tran4 { left: -1860px; }

.bottle1, .bottle2, .bottle3, .cocktail { width: 520px; height: 540px; background: url(i/anejo-bg.png) no-repeat center; float: left; background-size:100% 100%; }
.bottle2 { background-image: url(i/reposado-bg.png); }
.bottle3 { background-image: url(i/silver-bg.png); }
.boxO h2, .boxT h2 {
    width: 400px; text-align: center;
    top: 160px; left: 155px;
    color: #FFF; text-shadow: 1pt 1pt 2pt rgba(0,0,0,.5);
    font-size: 28pt;
}
.boxO h2:after, .boxT h2:after { display: block; content: ''; position: relative; width: 200px; margin-left: 100px; border-bottom: 2pt solid #FFF; }
.boxO p, .boxO li, .boxT p, .boxT li { top: 227px; max-width: 250px; left: 200px; color: #FFF; font-size: 10pt; line-height: 13pt; text-shadow: 1pt 1pt 0.5pt black; }

}
@media (max-width: 667px) {
	

.boxO, .boxT {
	width: 520px; height: 600px; margin: 0 auto; overflow: hidden; top: -50px;
}
.boxI, .boxC { 
	width: 2480px; height: 500px; position: relative;
}
.boxT { background:none !important; }

.tran1 { left: 0px; }
.tran2 { left: -520px; }
.tran3 { left: -1040px; }
.tran4 { left: -1560px; }

.bottle1, .bottle2, .bottle3, .cocktail { width: 520px; height: 600px; background: url(i/bo-01.png) no-repeat center 110px; float: left;  }
.bottle2 { background-image: url(i/bo-03.png); }
.bottle3 { background-image: url(i/bo-02.png); }

.boxO h2, .boxT h2 {
   width: 500px; text-align: center;
    top: 40px; left: 0px;
    color: #FFF; text-shadow: 1pt 1pt 2pt rgba(0,0,0,.5);
    font-size: 28pt;
}
 .boxT h2 {
   width: 520px; text-align: center;
    top: 20px; left: 0px;
    color: #FFF; text-shadow: 1pt 1pt 2pt rgba(0,0,0,.5);
    font-size: 28pt;
}
.boxO h2:after, .boxT h2:after { display: block; content: ''; position: relative;border-bottom:none;   }
.boxO p, .boxO li{ top: 387px; max-width: 520px; left: 0px; color: #FFF; font-size: 10pt; line-height: 13pt; text-shadow: 1pt 1pt 0.5pt black; }
.boxT p, .boxT li { top: 407px; max-width: 400px; left: 160px; color: #FFF; font-size: 10pt; line-height: 13pt; text-shadow: 1pt 1pt 0.5pt black;  text-align:center}
.cocktail img {
    left: 30%;
    position: absolute;
    top: 220px;
	width:35%;
}


}
@media (max-width: 600px) {
	

.boxO, .boxT {
	width: 520px; height: 600px; margin: 0 auto; overflow: hidden; top: -50px;
}
.boxI, .boxC { 
	width: 2480px; height: 500px; position: relative;
}
.boxT { background:none !important; }

.tran1 { left: 0px; }
.tran2 { left: -520px; }
.tran3 { left: -1040px; }
.tran4 { left: -1560px; }

.bottle1, .bottle2, .bottle3, .cocktail { width: 520px; height: 600px; background: url(i/bo-01.png) no-repeat center 110px; float: left;  }
.bottle2 { background-image: url(i/bo-03.png); }
.bottle3 { background-image: url(i/bo-02.png); }

.boxO h2, {
   width: 520px; text-align: center;
    top: 40px; left: 0px;
    color: #FFF; text-shadow: 1pt 1pt 2pt rgba(0,0,0,.5);
    font-size: 28pt;
}
 .boxT h2 {
   width: 520px; text-align: center;
    top: 20px; left: 0px;
    color: #FFF; text-shadow: 1pt 1pt 2pt rgba(0,0,0,.5);
    font-size: 28pt;
}
.boxO h2:after, .boxT h2:after { display: block; content: ''; position: relative;border-bottom:none;   }
.boxO p, .boxO li, { top: 387px; max-width: 520px; left: 20px; color: #FFF; font-size: 10pt; line-height: 13pt; text-shadow: 1pt 1pt 0.5pt black; }
.boxT p, .boxT li { top: 407px; max-width: 400px; left: 160px; color: #FFF; font-size: 10pt; line-height: 13pt; text-shadow: 1pt 1pt 0.5pt black;  text-align:center}
.cocktail img {
    left: 30%;
    position: absolute;
    top: 220px;
	width:35%;
}

}
@media (max-width: 568px) {
	

.boxO, .boxT {
	width: 520px; height: 600px; margin: 0 auto; overflow: hidden; top: -50px;
}
.boxI, .boxC { 
	width: 2480px; height: 500px; position: relative;
}
.boxT { background:none !important; }

.tran1 { left: 0px; }
.tran2 { left: -520px; }
.tran3 { left: -1040px; }
.tran4 { left: -1560px; }

.bottle1, .bottle2, .bottle3, .cocktail { width: 520px; height: 600px; background: url(i/bo-01.png) no-repeat center 110px; float: left;  }
.bottle2 { background-image: url(i/bo-03.png); }
.bottle3 { background-image: url(i/bo-02.png); }

.boxO h2, .boxT h2 {
   width: 500px; text-align: center;
    top: 40px; left: 0px;
    color: #FFF; text-shadow: 1pt 1pt 2pt rgba(0,0,0,.5);
    font-size: 22pt;
}
 .boxT h2 {
   width: 520px; text-align: center;
    top: 20px; left: 0px;
    color: #FFF; text-shadow: 1pt 1pt 2pt rgba(0,0,0,.5);
    font-size: 22pt;
}
.boxO h2:after, .boxT h2:after { display: block; content: ''; position: relative;border-bottom:none;   }
.boxO p, .boxO li{ top: 387px; max-width: 520px; left: 0px; color: #FFF; font-size: 10pt; line-height: 13pt; text-shadow: 1pt 1pt 0.5pt black; }

.boxT p, .boxT li { top: 387px; max-width: 440px; left: 120px; color: #FFF; font-size: 10pt; line-height: 13pt; text-shadow: 1pt 1pt 0.5pt black; }
.cocktail img {
    left: 30%;
    position: absolute;
    top: 220px;
	width:30%;
}

}

@media (max-width: 480px) {
	

.boxO, .boxT {
	width: 440px; height: 600px; margin: 0 auto; overflow: hidden; top: -50px;
}
.boxI, .boxC { 
	width: 2480px; height: 500px; position: relative;
}
.boxT { background: none !important; }

.tran1 { left: 0px; }
.tran2 { left: -440px; }
.tran3 { left: -880px; }
.tran4 { left: -1320px; }

.bottle1, .bottle2, .bottle3, .cocktail { width: 440px; height: 500px; background: url(i/bo-01.png) no-repeat center 110px; float: left;  }
.bottle2 { background-image: url(i/bo-03.png); }
.bottle3 { background-image: url(i/bo-02.png); }
.boxO h2, {
   width: 440px; text-align: center;
    top: -40px; left: 0px;margin-top:-20px;
    color: #FFF; text-shadow: 1pt 1pt 2pt rgba(0,0,0,.5);
    font-size: 22pt;
}
.boxT h2 {
   width: 440px; text-align: center;
    top: -40px; left: 0px;margin-top:-20px;
    color: #FFF; text-shadow: 1pt 1pt 2pt rgba(0,0,0,.5);
    font-size: 22pt;
}
.boxO h2:after, .boxT h2:after { display: block; content: ''; position: relative;border-bottom:none;   }
.boxO p, .boxO li{ top: 387px; max-width: 440px; left: 0px; color: #FFF; font-size: 10pt; line-height: 13pt; text-shadow: 1pt 1pt 0.5pt black; }

.boxT p, .boxT li { top: 427px; max-width: 440px; left: 120px; color: #FFF; font-size: 10pt; line-height: 13pt; text-shadow: 1pt 1pt 0.5pt black; }

.cocktail img {
    left: 30%;
    position: absolute;
    top: 200px;
	width:50%;
}

}


@media (max-width: 414px) {
.llA {
    margin-right:-45%;
    right: 50%;
	position:absolute;
	margin-top:-300px;
}
.rrA {
    right: 70%;
    margin-left:-45%;
    transform: rotate(180deg);
		position:absolute;
	margin-top:-300px;
}
	

.boxO, .boxT {
	width: 370px; height: 600px; margin: 0 auto; overflow: hidden; top: -50px;
}
.boxI, .boxC { 
	width: 2480px; height: 500px; position: relative;
}
.boxT { background: none !important; }

.tran1 { left: 0px; }
.tran2 { left: -370px; }
.tran3 { left: -740px; }
.tran4 { left: -1110px; }

.bottle1, .bottle2, .bottle3, .cocktail { width: 370px; height: 500px; background: url(i/bo-01.png) no-repeat center 110px; float: left;  }
.bottle2 { background-image: url(i/bo-03.png); }
.bottle3 { background-image: url(i/bo-02.png); }
.boxO h2, .boxT h2 {
   width: 370px; text-align: center;
    top: 40px; left: 0px;
    color: #FFF; text-shadow: 1pt 1pt 2pt rgba(0,0,0,.5);
    font-size: 22pt;
}
.boxT h2 {
   width: 370px; text-align: center;
    top: 60px; left: 0px;
    color: #FFF; text-shadow: 1pt 1pt 2pt rgba(0,0,0,.5);
    font-size: 22pt;
}
.boxO h2:after, .boxT h2:after { display: block; content: ''; position: relative;border-bottom:none;   }
.boxO p, .boxO li{ top: 387px; max-width: 370px; left: 0px; color: #FFF; font-size: 10pt; line-height: 13pt; text-shadow: 1pt 1pt 0.5pt black; }
.boxT p, .boxT li { top: 387px; max-width: 370px; left: 100px; color: #FFF; font-size: 10pt; line-height: 13pt; text-shadow: 1pt 1pt 0.5pt black; }
.cocktail img {
    left: 30%;
    position: absolute;
    top: 220px;
	width:35%;
}

}
@media (max-width: 384px) {
.llA {
    margin-right:-45%;
    right: 50%;
	position:absolute;
	margin-top:-300px;
}
.rrA {
    right: 70%;
    margin-left:-45%;
    transform: rotate(180deg);
		position:absolute;
	margin-top:-300px;
}
	

.boxO, .boxT {
	width: 330px; height: 600px; margin: 0 auto; overflow: hidden; top: -50px;
}
.boxI, .boxC { 
	width: 2480px; height: 500px; position: relative;
}
.boxT { background:none !important; }

.tran1 { left: 0px; }
.tran2 { left: -330px; }
.tran3 { left: -660px; }
.tran4 { left: -990px; }

.bottle1, .bottle2, .bottle3, .cocktail { width: 330px; height: 500px; background: url(i/bo-01.png) no-repeat center 110px; float: left;  }
.bottle2 { background-image: url(i/bo-03.png); }
.bottle3 { background-image: url(i/bo-02.png); }
.boxO h2, .boxT h2 {
   width: 330px; text-align: center;
    top: 40px; left: 0px;
    color: #FFF; text-shadow: 1pt 1pt 2pt rgba(0,0,0,.5);
    font-size: 20pt;
}
.boxT h2 {
   width: 330px; text-align: center;
    top: 40px; left: 0px;
    color: #FFF; text-shadow: 1pt 1pt 2pt rgba(0,0,0,.5);
    font-size: 20pt;
}
.boxO h2:after, .boxT h2:after { display: block; content: ''; position: relative;border-bottom:none;   }
.boxO p, .boxO li{ top: 387px; max-width: 300px; left: 0px; color: #FFF; font-size: 8pt; line-height: 13pt; text-shadow: 1pt 1pt 0.5pt black; }
.boxT p, .boxT li { top: 387px; max-width: 300px; left: 90px; color: #FFF; font-size: 8pt; line-height: 13pt; text-shadow: 1pt 1pt 0.5pt black; }
.cocktail img {
    left: 30%;
    position: absolute;
    top: 240px;
	width:35%;
}
}
@media (max-width: 375px) {
.llA {
    margin-right:-45%;
    right: 50%;
	position:absolute;
	margin-top:-300px;
}
.rrA {
    right: 70%;
    margin-left:-45%;
    transform: rotate(180deg);
		position:absolute;
	margin-top:-300px;
}
	

.boxO, .boxT {
	width: 330px; height: 600px; margin: 0 auto; overflow: hidden; top: -50px;
}
.boxI, .boxC { 
	width: 2480px; height: 500px; position: relative;
}
.boxT { background: none; !important; }

.tran1 { left: 0px; }
.tran2 { left: -330px; }
.tran3 { left: -660px; }
.tran4 { left: -990px; }

.bottle1, .bottle2, .bottle3, .cocktail { width: 330px; height: 500px; background: url(i/bo-01.png) no-repeat center 110px; float: left;  }
.bottle2 { background-image: url(i/bo-03.png); }
.bottle3 { background-image: url(i/bo-02.png); }
.boxO h2, .boxT h2 {
   width: 330px; text-align: center;
    top: 40px; left: 0px;
    color: #FFF; text-shadow: 1pt 1pt 2pt rgba(0,0,0,.5);
    font-size: 20pt;
}
.boxT h2 {
   width: 330px; text-align: center;
    top: 40px; left: 0px;
    color: #FFF; text-shadow: 1pt 1pt 2pt rgba(0,0,0,.5);
    font-size: 20pt;
}
.boxO h2:after, .boxT h2:after { display: block; content: ''; position: relative;border-bottom:none;   }
.boxO p, .boxO li{ top: 387px; max-width: 330px; left: 0px; color: #FFF; font-size: 8pt; line-height: 13pt; text-shadow: 1pt 1pt 0.5pt black; }
.boxT p, .boxT li { top: 387px; max-width: 330px; left: 80px; color: #FFF; font-size: 8pt; line-height: 13pt; text-shadow: 1pt 1pt 0.5pt black; }
.cocktail img {
    left: 30%;
    position: absolute;
    top: 220px;
	width:50%;
}
}

@media (max-width: 348px) {


.boxO, .boxT {
	width: 330px; height: 600px; margin: 0 auto; overflow: hidden; top: -50px;
}
.boxI, .boxC { 
	width: 2480px; height: 500px; position: relative;
}
.boxT { background:none !important; }

.tran1 { left: 0px; }
.tran2 { left: -330px; }
.tran3 { left: -660px; }
.tran4 { left: -990px; }

.bottle1, .bottle2, .bottle3, .cocktail { width: 330px; height: 500px; background: url(i/bo-01.png) no-repeat center 110px; float: left;  }
.bottle2 { background-image: url(i/bo-03.png); }
.bottle3 { background-image: url(i/bo-02.png); }
.boxO h2, .boxT h2 {
   width: 330px; text-align: center;
    top: 20px; left: 0px;
    color: #FFF; text-shadow: 1pt 1pt 2pt rgba(0,0,0,.5);
    font-size: 20pt;
}
.boxT h2 {
   width: 330px; text-align: center;
    top: 20px; left: 0px;
    color: #FFF; text-shadow: 1pt 1pt 2pt rgba(0,0,0,.5);
    font-size: 20pt;
}
.boxO h2:after, .boxT h2:after { display: block; content: ''; position: relative;border-bottom:none;   }
.boxO p, .boxO li{ top: 387px; max-width: 300px; left: 0px; color: #FFF; font-size: 8pt; line-height: 13pt; text-shadow: 1pt 1pt 0.5pt black; }
.boxT p, .boxT li { top: 387px; max-width: 300px; left: 50px; color: #FFF; font-size: 8pt; line-height: 13pt; text-shadow: 1pt 1pt 0.5pt black; }
.cocktail img {
    left: 30%;
    position: absolute;
    top: 220px;
	width:50%;
}


}

@media (max-width: 320px) {
.llA {
    margin-right:-45%;
    right: 50%;
	position:absolute;
	margin-top:-300px;
}
.rrA {
    right: 70%;
    margin-left:-45%;
    transform: rotate(180deg);
		position:absolute;
	margin-top:-300px;
}
	

.boxO, .boxT {
	width: 280px; height: 600px; margin: 0 auto; overflow: hidden; top: -50px;
}
.boxI, .boxC { 
	width: 2480px; height: 500px; position: relative;
}
.boxT { background: none !important; }

.tran1 { left: 0px; }
.tran2 { left: -280px; }
.tran3 { left: -560px; }
.tran4 { left: -840px; }

.bottle1, .bottle2, .bottle3, .cocktail { width: 280px; height: 500px; background: url(i/bo-01.png) no-repeat center 110px; float: left;  }
.bottle2 { background-image: url(i/bo-03.png); }
.bottle3 { background-image: url(i/bo-02.png); }
.boxO h2, .boxT h2 {
   width: 280px; text-align: center;
    top: 40px; left: 0px;
    color: #FFF; text-shadow: 1pt 1pt 2pt rgba(0,0,0,.5);
    font-size: 28pt;
}
.boxT h2 {
   width: 280px; text-align: center;
    top: 40px; left: 0px;
    color: #FFF; text-shadow: 1pt 1pt 2pt rgba(0,0,0,.5);
    font-size: 20pt;
}
.boxO h2:after, .boxT h2:after { display: block; content: ''; position: relative;border-bottom:none;   }
.boxO p, .boxO li{ top: 387px; max-width: 280px; left: 0px; color: #FFF; font-size: 8pt; line-height: 13pt; text-shadow: 1pt 1pt 0.5pt black; }
.boxT p, .boxT li { top: 387px; max-width: 210px; left: 40px; color: #FFF; font-size: 8pt; line-height: 13pt; text-shadow: 1pt 1pt 0.5pt black; }
.cocktail img {
    left: 30%;
    position: absolute;
    top: 250px;
	width:50%;
}
.clear{ clear:both;}

	





}






/* 03. Key Points ---------- */

.points { width: 981px; height: 200px; margin: 0 auto; z-index: 20; margin-bottom: 0px; top: -10px; }
.points li { float: left; }

.events, .tequilas, .recipes { height: 200px; background: url(i/888_points_left.png) no-repeat center; cursor: pointer; top: 0px; width: 325px; }
.events:hover, .tequilas:hover, .recipes:hover { top: -10px; }

.tequilas { background-image: url(i/888_points_mid.png); }
.recipes { background-image: url(i/888_points_right.png); }

.points h2 { 
    font-size: 17pt; color:#d8ae32; padding-bottom:10px;
    top: 45px; left: 21px; letter-spacing: 0.6pt;
}
.points h2 { line-height:14px; }
.points h2 div { font-size: 20px; }
.points p, .points ul { 
    font-size:14px; color:#fff7e1; padding-bottom:15px;
    height:48px;
    max-width: 120px; top: 80px; left: 24px;
}
.points span { 
    top: 155px; left: 25px; font-size: 8pt; font-weight: 700;
    color:#fce5a1; text-transform:uppercase;
    text-decoration: none;
}

.points a:last-child span { font-size: 12pt; top: 151px; }

.tequilas p { max-width: 180px; }

/* 04. Gallery ------------- */

.gallery { margin: 1em auto;  }
.gallery li { width: 31.3%; margin: 1%; float: left; min-height:auto; }
.gallery li img { width: 100%; height: auto; margin: auto 0; }
.gallery li img:last-child { clear: both; }

/* 05. Navigation ---------- */

.logo { width: 182px; height: 157px; top: -45px; left: 50%; margin-left: -91px; z-index: 99; cursor: pointer; position:relative; z-index:999999999999; }
.logo:hover { top: -55px; }

.loglow { 
	background: url(i/effect_Loglow.png) no-repeat center; background-size: contain;
}

nav { width: 999px; height: 60px; background: url(i/888_nav.png) no-repeat center; margin: 60px auto 0 auto; z-index: 2; }
nav ul { width: 940px; margin: 8px auto 0 auto; padding-top: 0px; }
nav li { width: 140px; margin-top: 0px; }


/* 05. Footer -------------- */

footer { width: 100%; margin: 0 auto; z-index: 6; }
footer img:first-child { width: 90px; height: auto; margin: 0 auto 15px auto; }
footer p, .splash p { font-size: 8pt; font-weight: 100; color: #75d1f7; margin-bottom: 20px; text-shadow: 1pt 1pt 2pt black, -1pt -1pt 0.5pt rgba(255,255,255,.5); cursor: default; }
footer .slogan { width: 360px; height: auto; left: 50%; margin-left: -180px; margin-bottom: 10px; }
footer div { height: 30px; width: 50px; margin: 0 auto; overflow: visible; }
.a7d { width: 60px; height: 30px; margin: 10px auto 0 auto; overflow: hidden; text-indent: -9999px; background: url(i/footer_A7D.png) no-repeat top center; top: -10px; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); line-height: 0; margin-left: -5px; opacity: 0.7; }
.a7d:hover { transform: scale(0.852708); -webkit-transform: scale(0.852708); -moz-transform: scale(0.852708); -ms-transform: scale(0.852708); -o-transform: scale(0.852708); opacity: 1; }

/* 06. Contact ------------- */

.contact { width: 980px; height: 560px; background: url(i/site_ContactFrame.png) no-repeat center 10px; top: -60px; }
.contact p, .contact label, .contact form { color: #FFF; margin: 0 auto 10pt auto; }
.contact p, .contact a { font-size: 10pt; }
.contact a { color: #edebb3; }
.contact p:first-child { margin-top: 3em; }
.contact input { margin-bottom: 1em; }
.contact input, select, option, .contact textarea { 
	border-radius: 5pt; padding: 5px;
	box-shadow: 2pt 2pt 2pt rgba(0,0,0,.5);
	border-top: 1pt solid gold;
	border-bottom: 2pt solid rgba(100,80,45,1);
	border-left: 1pt solid rgba(240,240,185,1);
	border-right: 2pt solid white;
	background: #e9e4a8;
	font-size: 8pt;
}
option, select { padding: 1px; }
select { font-size: 8pt !important; }
.contact div { display: inline-block; width: 38%; float: left; top: 185px; margin-left:25%; }
.contact #submit { 
	position: absolute; top: 282px; width: 100px;
	left: -153px;
	background: #000; color: white; cursor: pointer;
}
.contact #submit:hover { background: white; color: black; }
.contact div:nth-child(2) { width: 30%; margin-right: 0%; margin-left:0px;  }
.contact form { padding-top: 30px; margin-bottom: -36px; }

.wwb, .pwwb { 
	position: absolute; top: 325px; left: 585px; z-index: 4;
	opacity: 1;
}
.wwb:hover { opacity: 0.7; }

.pwwb { 
	top: 130px; left: 50%; margin-left: -135px;
	padding: 5pt; border-radius: 9pt;
	background: rgba(0,0,0,.9);
	box-shadow: 0 0 10px rgba(0,0,0,.5);
}

.pwwb:hover { 
	background: rgba(0,0,0,.6);
}

.agave {
	width: 36px; height: 29px; display: inline; top: 10px;
}

/* 07. Purchase ------------ */

.purchase div {
	width: 45%; margin: 2.5%;
	display: inline-block; float: left;
	color: #FFF;
}
.purchase div:first-child { text-align: left; }
.purchase div:nth-child(2) { text-align: center; }
.purchase div:last-child { text-align: right; }

.purchase h1 { font-size: 18pt; margin-bottom: 20px; text-shadow: 1pt 1pt 2pt black, -1pt -1pt 2pt gold; }
.purchase div:first-child h1:after, .purchase div:last-child h1:after { display: block; content: ''; position: relative; width: 100%; height: 2px; background: #FFF; margin-bottom: 20px; border-radius: 6pt; clear: both; }
.purchase div:last-child h1:after { float: right !important; }

.purchase img, .purchase a { width: 44px; height: 44px; margin: 0 auto 20px; }
.purchase img {
	border-top: 1pt solid gold;
	border-bottom: 2pt solid rgba(100,80,45,1);
	border-left: 1pt solid rgba(240,240,185,1);
	border-right: 2pt solid white;
	border-radius: 5px;
	box-shadow: 0 0 4px black;
}

.purchase img:hover, .pwwb:hover { box-shadow: -10px -10px 30px white, 10px 10px 30px rgba(240,240,185,1), -10px 10px 30px rgba(100,80,45,1), 10px -10px 30px rgba(100,80,45,1); }

.purchase div:first-child h1:after, .purchase div:last-child h1:after { box-shadow: 0 0 10px black; }
.event-01{
width:100%;	
margin:0 0 0 10px;
color:#FFF;
float:left;
}
	
.event-left{float:left; width:80%; margin:30px 0 0 0;}	
.event-right{float:left; width:20%;}



/* 08. Social -------------- */

.social { width: auto; top: -35px; left: 50%; margin-left: 300px; text-align: left; }
.social li a { color: #FFF; font-size: 10pt; margin: 0px; }
.lang img { height: auto; width: auto; border-bottom: 1pt solid #FFF; }
.social, .lang {  z-index: 4; }
/* .social li:nth-child(4), .social li:nth-child(5) {
	float: left;
} */

.social a { width: 32px; height: 30px; overflow: hidden; transform: rotate(0deg); }
.social li { float: left; margin: 0 2px; }
.social a img { width: 40px; height: 80px; top: -5px; left: -5px; }
.social a:hover img { top: -45px; }
.social a:hover { transform: rotate(-360deg); }
.sActive { top: -45px !important; pointer-events: none !important; cursor: pointer; }

.nospin:hover { transform: rotate(0deg) !important; }

/* 09. Tweaks, DRY and More  */

.points h2, .points span, .points p, .events h2, .events span, .events p, .social, .lang, #border1, .boxO h2, .boxO p, .boxT h2, .boxT p, #audio888, .logo { position: absolute; }
.social li, .points li, footer a { display: inline-block; }
footer, .social, nav, nav ul, nav ul li, nav ul li a, .gallery, .gallery li a, .boxO p { text-align: center; }
.cf:before, .cf:after { content: ''; }
.cf:before, .cf { position: relative; display: block; min-height: 1%; }
.cf:after { clear: both; }
body:after { pointer-events: none; }

.comingsoon {
    width: 900px; height: 400px; margin: 0 auto;
	z-index: 1; top: -40px; margin-bottom: -40px;
}
.comingsoon:nth-child(2) { width: 499px; height: 700px; margin: 0 auto; z-index: 2; margin-bottom: -40px; }

.hide { opacity: -3 !important; pointer-events: none !important; }

 .about h1 { color: #FFF; cursor: default; pointer-events: none; text-shadow: 1pt 1pt 2pt rgba(0,0,0,.5), -1pt -1pt 1pt rgba(240,240,185,1), 1pt 1pt 1pt rgba(100,80,45,1), 1px 1px 20px rgba(255,255,255,1); }

.short, #leftarrow, #rightarrow {
    transition: all 240ms ease;
    -webkit-transition: all 240ms ease;
    -moz-transition: all 240ms ease;
    -o-transition: all 240ms ease;
    -ms-transition: all 240ms ease;
}

#audio888 {
	top: 10px; left: 10px;
	z-index: 50;
	height: 36px; width: 36px; 
	overflow: hidden; }

#audio888 object { top: -2px; left: -2px; }

.novis { display: none !important; visibility: hidden !important; }

.ghost { opacity: 0 !important; }
.mute { pointer-events: none !important; }

.vjs-sublime-skin .vjs-control-bar { font-size: 40% }

.vjs-sublime-skin .vjs-progress-control .vjs-progress-holder:after { background: transparent !important; }

body {
	transition: background 300ms ease-out;
	-webkit-transition: background 300ms ease-out;
	-ms-transition: background 300ms ease-out;
	-moz-transition: background 300ms ease-out;
	-o-transition: background 300ms ease-out;
}

.long, .logo, .events, .tequilas, .recipes, .boxI, .boxO, .bottlinks a, input, .purchase img, .wwb, .pwwb, nav li a, .company {
    transition: all 480ms ease;
    -webkit-transition: all 480ms ease;
    -moz-transition: all 480ms ease;
    -o-transition: all 480ms ease;
    -ms-transition: all 480ms ease;
}

.social li a, .a7d {
	transition: transform 480ms ease;
	-webkit-transition: transform 480ms ease;
	-moz-transition: transform 480ms ease;
	-ms-transition: transform 480ms ease;
	-o-transition: transform 480ms ease;
}

.splash img {
	transition: opacity 888ms ease;
	-webkit-transition: opacity 888ms ease;
	-moz-transition: opacity 888ms ease;
	-ms-transition: opacity 888ms ease;
	-o-transition: opacity 888ms ease;
}

/*	10. Response					*/

@media (max-width: 1024px) {
	.splash img { width: 360px; height: 425px; }
	.splash a { margin-left: -180px; margin-top: -213px; }
	.gradient { display: none !important; visibility: hidden !important; }
	 .contact p, .contact a { line-height: 1.3; }
}
@media (min-width: 924px) and (max-width: 1024px) {
	.splash a { margin-left:-180px; margin-top: -213px; }
}
@media (min-width: 824px) and (max-width: 923px) {
	.splash a { margin-left:-280px; margin-top: -213px; }
}
@media (min-width: 768px) and (max-width: 823px) {
	.splash a { margin-left:-320px; margin-top: -243px; }
}

@media (min-width: 600px) and (max-width: 767px) {
	.splash{
		width:100%;
		text-align:center;}
	.splash img { width: 290px; height: 353px; }
	.splash a { margin-left:-360px; margin-top: -200px;  }
	.contact p, .contact a { line-height: 1.25; }
}
@media (max-width: 736px) {
	.splash a { margin-left:-300px; margin-top: -200px;  }
}
@media (max-width: 667px) {
.splash img {
    height: 260px;
    width: 200px;
}
.splash a {
    margin-left: -280px;
    margin-top: -150px;
}
}
@media (max-width: 600px) {
	.splash img {
    height: 260px;
    width: 200px;
}
.splash a {
    margin-left: -300px;
    margin-top: -160px;
}
}

@media (max-width: 568px) {
	.splash img {
    height: 220px;
    width: 150px;
}
.splash a {
    margin-left: -300px;
    margin-top: -130px;
}
}

@media (max-width: 480px) {
	.splash{
		width:100%;
		text-align:center;}
	.splash img { width: 290px; height: 353px; }
	.splash a { margin-left:-450px; margin-top: -180px;  }
	.contact p, .contact a { line-height: 1.25; }
}
@media (max-width: 441px) {
	.splash{
		width:100%;
		text-align:center;
		height:400px;}
	.splash img { width: 290px; height: 353px;height:400px; }
	.splash a {
    margin-left: -450px;
    margin-top: -100px;
}
	.contact p, .contact a { line-height: 1.25; }
}
@media (max-width: 375px) {
	.splash{
		width:100%;
		text-align:center;
		height:400px;}
	.splash img { width: 290px; height: 353px;height:400px; }
.splash a {
    margin-left: -480px;
    margin-top: -120px;
}
	.contact p, .contact a { line-height: 1.25; }
}
@media (max-width:320px) {
	.splash{
		width:100%;
		text-align:center;}
	.splash img { width: 180px; height: 219px; }
	.splash a { margin-left:-440px; margin-top: -135px;  }
	.contact p, .contact a { line-height: 1.25; }
}

@media (min-width: 320px) and (max-width: 359px) {
	.splash{
		width:100%;
		text-align:center;}
.splash img {
    height: 180px;
    width: 150px;
}
.splash a {
    margin-left: -440px;
    margin-top: -150px;
}
	.contact p, .contact a { line-height: 1.25; }

	
}

@media (min-width:320px) and (max-width:667px) {
		.product img{ display:none;}
}
@media (min-width: 240px) and (max-width: 319px) {
	.splash{
		width:100%;
		text-align:center;}
	.splash img { width: 230px; height: 280px; }
	.splash a { margin-left:-500px; margin-top: -170px;  }
	.contact p, .contact a { line-height: 1.25; }
}
@media (min-width: 200px) and (max-width: 239px) {
	.splash{
		width:100%;
		text-align:center;}
	.splash img { width: 180px; height: 229px; }
	.splash a { margin-left:-490px; margin-top: -100px;  }
	.contact p, .contact a { line-height: 1.25; }
}

/*.............edit on 23.03.2015...............*/
.product{ float:left; margin:0 0 0 15px;}


/*.............edit on 27.03.2015...............*/

.main_section{ width:400px; height:550px; margin:0 auto; position:relative;}
.product1{ width:124px; height:auto; padding:10px 38px;}
.product1:hover{ background: url(i/hover.png) no-repeat left center; width:204px; height:500px;
-webkit-transition:all 480ms ease 0s;
transition:all 480ms ease 0s; position:relative; left:0;}
.product1 a{ float:left;}
.box_1{ width:200px; height:500px; float: left;}
.box_2{ width:150px; height:500px; float: left;  position:absolute; z-index:4; margin:14px 0 0 100px;}
.box_3{ width:200px; height:500px; float: left;}

@media (min-width:320px) and (max-width:480px){
.main_section{ width:270px; margin:75px auto; border:none; height:403px !important;}
/*.product img{ width:100%;}*/
.product1:hover{ width:100px !important; height:100px !important; background:none;}
.product1:hover img{ width:100%;}
.product1{ width:90%;}
.box_1{ width:100px; height:200px !important; float: left;}
.box_2{ width:100px; height:200px !important; float: left;position:absolute; z-index:4; margin:3px 0 0 50px;}
.box_3{ width:100px; height:200px !important; float: left;}
.box_1 img{ width:100%;}
.box_2 img{ width:100%;}
.box_3 img{ width:100%;}
.pagination_div{ margin:0 0 0 0 !important;}
.event-left{float:left; width:100%; margin:53px 0 0 0;}	
.event-right{float:left; width:100%;}
	}
@media (width:480px){
.main_section{ width:410px; border:none; margin:0 auto;}
.box_1{ width:133px; height:200px !important; float: left;}
.box_2{ width:133px; height:200px !important; float: left;position:absolute; z-index:4; margin:3px 0 0 59px;}
.box_3{ width:133px; height:200px !important; float: left;}
.box_1 img{ width:100%;}
.box_2 img{ width:100%;}
.box_3 img{ width:100%;}
.event-left{float:left; width:100%; margin:53px 0 0 0;}	
.event-right{float:left; width:100%;}
footer{ margin:168px auto 0 auto!important;}
}
.dtls p{margin:0 20px 10px 0; font-size:14px !important ; border-bottom:0px solid #FFF; padding:0 0 30px 0; float:left; width:95%;}
.dtls p img{ float:left; margin:0 15px 0 0;}
.blog_in{ margin:-47px 0 0 0; float:left;}
.blog_in1{ margin:0 0 10px 0; width:96%;}
.blog_in1 p{ font-size:14px;}
.blog_in1 p img{ float:left; margin:0 15px 0 0;}


#prev2{float:left; margin:0; color:#FFF; width:100%;}
#next2{ text-align:right; color:#FFF;}
#s2 { width: 100%; height: 160px; background: url(i/anejo-bg.png) no-repeat center;background-size: 109%; margin-top:-40px;}
#s2 div { width: 270px; height: auto; padding: 15px; color: #333; text-align: left; font-size: 16px; float:left;}
#s2 div img {/*margin: 100px 0px 0 59px;*/ padding: 0px; height:auto; margin:0 auto; left:0; }
#s2 span { float: left; padding: 0px; margin-left:270px; width:294px;margin-left: 257px;
    margin-top: -326px;
    padding: 0;
    text-align: center; font-size:12px; color:#FFF; }
@media (min-width:240px) and (max-width:319px){
#s2{ background:none;}
}
@media (width:1024px){
.pro{ width:auto; height:auto; float:left;}
.pro img{ float:left;}
.text_in{ width:294px !important; float:left !important; position: relative;}
.pro_1{ width:auto; height:auto; float:left;}
.pro_1 img{ float:left;}
}
@media (min-width:320px) and (max-width:920px){
#s2{ background:none;}
#s2 span{ width:91%; margin:0 0 0 -11px; padding:0 0 0 0;}
.pro{ width:98% !important; margin:0 auto; }
footer{ margin:200px 0 0 10%; } 
#ts { background:none !important; margin:50px 0 0 0 !important;}
#ts span {width:100%; float:left; margin:0 0 0 -3px !important; padding:0 0 0 0;}
.pro_1{width:98% !important; margin:0 auto !important;}
.pro_1 img{ width:auto; height:auto; margin:0 auto;}
.conte{ width:100% !important;}

}
@media(width:480px){
.pro{ margin:0 auto;}
.pro_1 img{ margin:0 0 0 35px;}
}
@media(width:640px){
.pro{ margin:0 auto;}
}
	
	
	
#s2 span h2 {font-size:40px; color:#FFF; border-bottom:1px solid #FFF; }
.pro{position: absolute; top: 0px; left: 0px; display: block; z-index: 4; opacity: 1; width: 270px; height: 200px; float:left !important; left:0;}


.conte{ width:100%; height:auto; float:right;}
.box_4{ width:49% !important; height:auto; float:left; }
.box_5{ width:49% !important; height:auto; font-size:14px; float:left; }
#prts{float:left; margin:36px 0 0 0; color:#FFF; width:100%;}
#nets{ text-align:right; color:#FFF; margin:36px 0 0 0;}
#ts { width: 100%; height: 160px; background: url(i/anejo-bg.png) no-repeat center; margin-top:-40px;}
#ts div { width:300px; height: auto; color: #FFF; text-align: left; font-size: 16px; }
#ts div img { /*margin: 100px 0px 0 59px;*/ padding: 0px; height:auto; }
#ts span { float: left; padding: 0px; margin:-267px 0 0 245px; width:100%;padding: 0; text-align: center; font-size:12px; color:#FFF; }
#ts span h2 {font-size:40px; color:#FFF; border-bottom:1px solid #FFF; }
.box_1 ul li { font-size:14px !important;}
.pro_1{position: absolute; top: 0px; left: 0px; display: block; z-index: 4; opacity: 1; width: 270px; height: 200px; margin:110px 0 0 43px;}
@media (min-width:768px) and (max-width:997px){
.event-01{ width:98%;}
.pro img{ margin:0 auto;}

}
@media (min-width:481px) and (max-width:767){
#prev2{ width:100%;}
.tsb{ margin:50px 0 0 0 !important;}
.tab img{ margin:100px 0 0 0 !important;}
#prts{ width:100%;}
}
@media (width:360px){
#s2 span{ margin:0 0 0 -8px;}
#s2 div img{ margin:0 0 0 17px !important;}
}
@media (width:480px){
.gallery li{ height:auto;}
.events, .tequilas, .recipes{ top:185px !important;}
.main_section{ width:330px; margin:69px auto;}
.box_2{ margin:0 0 0 65px;}
#s2 div img{ margin:0 0 0 50px !important;}
#s2 span{ margin:0 0 0 -2px;}
}
.box_4 ul li { font-size:12px !important;}
.tsb{ width:100%; height:auto; float:left; margin:0 auto;}
@media (min-width:768px) and (max-width:885px){
footer{ margin:0 0 0 0;}
}

footer p a {
    color: #75d1f7;
    font-size: 8pt;
    font-weight: 100;
    margin-bottom: 20px;
    text-shadow: 1pt 1pt 2pt black, -1pt -1pt 0.5pt rgba(255, 255, 255, 0.5);
}
@media (width:768px){
.pro{ margin:0 auto}
#s2 span{ margin:0 0 0 11px;}
#ts span{ margin:0 0 0 8px !important;}
.points span{ margin:53px 0 0 20px;}
.points p{ margin:13px 0 0 20px;}
.points h2{ margin:10px 0 0 20px;}
#s2 div img{ margin:0 0 0 87px;}
}
@media(width:640px){
#ts span{ margin:0 0 0 5px !important;}
#s2 div img{ margin: 0 0 0 47px;}
#s2 span{ margin:0 0 0 7px;}
}
@media (width:320px){
.#s2 span{ margin:0 0 0 -9px;}
.pro_1 img{ margin:0;}
}
@media(width:375px){
	#s2 span{ margin:0 0 0 -7px;}

}
@media(width:568px){
	#s2 span{ margin:0 0 0 3px;}

}
@media(width:667px){
	#s2 span{ margin:0 0 0 8px;}
	.pro img{ margin: 0 0 0 54px !important;}

}
@media(width:736px){
	#s2 span{ margin:0 0 0 10px;}
	.pro img{ margin: 0 0 0 77px !important;}

}
@media (min-width:320px) and (max-width:480px){
/*section img{ margin:75px 0 0 40px !important;}*/
#s2 div img{ margin:0 0 0 13px;}
}

@media (min-width:568px) and (max-width:667px){
.events, .tequilas, .recipes{ height:232px;}
}
@media (min-width:668px) and (max-width:974px){
.events, .tequilas, .recipes{ height:320px;}
.points h2{ top:73px !important; left:51px !important;}
.points p{ top:101px !important; left:51px !important;}
.points a:last-child span{ top:180px !important; left:51px !important;}
.points span{top:180px !important; left:51px !important;}
}

@media (min-width:665px) and (max-width:975px){
.points span{ left:51px !important; top:165px !important;}
.points a:last-child span {left: 51px !important;top: 171px !important;}
}
@media (min-width:975px) and (max-width:979px){
	.points h2{top:52px !important;}
	.points p{top:81px !important;}
	.points span{top:139px !important; left:23px !important; }
	.points a:last-child span{top:139px !important; left:23px !important;}
}
@media (min-width:480px) and (max-width:974px){
.gallery li { width: 31.3% !important; margin: 1%; float: left; }
}
.gallery1{ float:left;}
.gallery1 ul{ padding:0; margin:0;}
.gallery1 ul li{ float:left; list-style:none; margin:1%; width:31.3%;}
.gallery1 ul li img{ float:left; margin:0 0 0 0;}

.gal_1{ width:31.3%; float:left; margin:0 0 1% 1%;}
.gal_2{ width:31.3%; margin:0 0 0 2%;}
.gal_2 img{ width:100%; height:auto; float:left;}
.gal_1 img{ width:100%; height:auto; float:left;}
@media (min-width:320px) and (max-width:480px){
.gal_1{ width:100%; margin:0 0 3% 0; }
.gal_2{ width:100%; margin:0 0 3% 0; float:left;}
.gal_2 img{ width:100%; height:auto; float:left;}
.gal_1 img{ width:100%; height:auto; float:left;}
}
/*@media (min-width:481px) and (max-width:768px){
.gal_1{ width:47%; margin:0 2% 3% 0; float:left; }
.gal_2{ width:47%; margin:0 2% 3% 0; float:left;}
.gal_2 img{ width:100%; height:auto; float:left;}
.gal_1 img{ width:100%; height:auto; float:left;}
}*/
@media (min-width:320px) and (max-width:480px){
section img {
    height: auto;
    margin: 0 auto;
    width: 60%;
}
}
.thanks img{ width:60%; margin:0 auto;}

#s2 > div {
    background-color: transparent !important;
}

#ts > div {
    background-color: transparent !important;
}