/*
Text Domain: Vino On Tap
Author: AlpoBG.com
Author URI: http://alpobg.com/
Version: 1.0
*/

@font-face {
    font-family: 'NUEVASTD-COND';
    src: url('NUEVASTD-COND.eot');
    src: url('NUEVASTD-COND.eot?#iefix') format('embedded-opentype'),
         url('NUEVASTD-COND.woff') format('woff'),
         url('NUEVASTD-COND.ttf') format('truetype'),
         url('NUEVASTD-COND.svg#NUEVASTD-COND') format('svg');
    font-weight: normal;
    font-style: normal;
}


* {padding:0px;margin:0px;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

*:focus{outline:none;}

blockquote:before, blockquote:after,
q:before, q:after{content: "";}
blockquote, q{quotes: "" "";}

table{border-collapse:separate;border-spacing:0;}
address, caption, cite, code, dfn, em, strong, th, td, var{font-style:normal;font-weight:normal;text-align:left;}
ol,ul,li {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-style:normal;}

abbr,acronym{border:0;}
input, select, button, textarea{margin:0;padding:0;}

ins{text-decoration:none;}
del{text-decoration:none;}

img{border:none;outline:none;max-width:100%;width:auto;height:auto;}
a {color:#3c3c3c;text-decoration:none;outline:none;}
a:hover{color:#3c3c3c;text-decoration:none;outline:none;}
a:active{outline:0;}

.left{float:left;}
.right{float:right;}
.clear{clear: both;}
.hidden{display:none}
.overflow{overflow:hidden;}

acronym{cursor:help;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
audio, canvas, video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}
strong, b{font-weight: bold;}


body{background:#FFFFFF;color:#3c3c3c;font-style:normal;font-weight:normal;font-family:Arial, Verdana, Tahoma, sans-serif;font-size:14px;line-height:22px;height:auto;width:auto;padding:0;margin:0;}


#header{width:100%;height:150px;margin:0 auto 0 auto;position:relative;background:#93cd3a}
.headerbox{width:1024px;height:auto;margin:0 auto 0 auto;overflow:hidden;}
.logo{width:119px;height:119px;background:url(../images/logo.png);display:block;text-indent:-9999px;float:left;margin:13px 10px 0 20px;cursor:pointer;}
#nav{float:left;overflow:hidden;width:85%;}
#big_nav{margin:12px 0 0 0;overflow:hidden;}
#big_nav a{color:#003610;font-size:30px;padding:10px 13px 0 13px;margin:0 10px 0 10px;line-height:30px;display:block;float:left;transition:background 0.2s ease-in 0s;background:#93cd3a;border:1px solid #93cd3a;font-family:'NUEVASTD-COND';font-weight:bold;}
#big_nav a:hover{color:#83a74d;background:#ffffff;transition:background 0.5s ease-out 0s;border:1px solid #005419}
#big_nav a.active{color:#83a74d;background:#ffffff;border:1px solid #005419}
#small_nav{display:none;overflow:hidden;margin:15px 15px 0 20px;padding:5px;background:#FFFFFF;font-size:17px;border:0px;color:#003610;float:right}
.headermoto{width:55%;float:right;text-align:right;padding:10px 15px 0 0}
.headermoto h2{font-size:58px;line-height:58px;color:#003610;font-family:'NUEVASTD-COND';font-weight:bold;}
.headermoto h3{font-size:28px;line-height:20px;color:#003610;font-family:Times New Roman;font-weight:bold;}

#moto{width:100%;height:620px;margin:0 auto 0 auto;position:relative;background:#FFFFFF;border-top:2px solid #000000;border-bottom:2px solid #000000;}
.motobox{width:1024px;height:620px;margin:0 auto 0 auto;position:relative;background:url(../images/background.jpg) no-repeat center center;min-height:620px;overflow-y:hidden !important;overflow-x:hidden !important;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position: center center}

#moto-about{width:100%;height:620px;margin:0 auto 0 auto;position:relative;background:#FFFFFF;border-top:2px solid #000000;border-bottom:2px solid #000000;}
.moto-about-box{width:1024px;height:620px;margin:0 auto 0 auto;position:relative;background:url(../images/backgroundabout.jpg) no-repeat center center;min-height:620px;overflow-y:hidden !important;overflow-x:hidden !important;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position: center center}

#moto-contact{width:100%;height:620px;margin:0 auto 0 auto;position:relative;background:#FFFFFF;border-top:2px solid #000000;border-bottom:2px solid #000000;}
.moto-contact-box{width:1024px;height:620px;margin:0 auto 0 auto;position:relative;background:url(../images/backgroundcontact.jpg) no-repeat center center;min-height:620px;overflow-y:hidden !important;overflow-x:hidden !important;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position: center center}


#concept{width:100%;height:auto;margin:0 auto 0 auto;position:relative;background:#FFFFFF;padding:35px 0 35px 0}
.conceptbox{width:964px;height:auto;margin:0 auto 0 auto;overflow:hidden;text-align:left;padding:0 30px 0 30px}
.conceptbox h3{font-size:30px;line-height:30px;color:#569433;font-family:'NUEVASTD-COND';font-weight:bold;}
.conceptbox .conceptline{width:100%;height:1px;background:#005419;margin:3px 0 25px 0}
.conceptbox p{font-size:14px;line-height:22px;color:#3c3c3c;text-align:left;font-weight:bold;}
.conceptbox img{margin:0 20px 20px 0}

#pageifo{width:100%;height:auto;margin:0 auto 0 auto;position:relative;background:#FFFFFF;padding:0 0 35px 0}
.pageifobox{width:964px;height:auto;margin:0 auto 0 auto;overflow:hidden;text-align:left;padding:0 30px 0 30px}

.pageifobox ul{position:relative;margin:0 auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;-webkit-justify-content: space-around;-ms-justify-content: space-around;justify-content: space-around;-webkit-align-items: flex-start;-ms-align-items: flex-start;align-items:flex-start;}
.pageifobox ul li{display:inline-block;*display:inline;zoom:1;vertical-align:top;height:auto;overflow:hidden;}
.pageifobox ul li:nth-child(1){width:47%;margin:0 50px 0 0}
.pageifobox ul li:nth-child(2){width:47%;}
.pageifobox h3{font-size:30px;line-height:30px;color:#569433;font-family:'NUEVASTD-COND';font-weight:bold;}
.pageifobox .iline{width:100%;height:1px;background:#005419;margin:3px 0 10px 0}
.pageifobox p{font-size:14px;line-height:22px;color:#3c3c3c;text-align:left;font-weight:bold;padding:10px 0 20px 0}

.pageifobox .readmore{color:#005419;font-size:12px;padding:6px 15px 6px 15px;line-height:12px;display:block;float:right;transition:background 0.2s ease-in 0s;background:#b7ec60;border:1px solid #005419;font-weight:bold;}
.pageifobox .readmore:hover{color:#005419;background:#ffffff;transition:background 0.5s ease-out 0s;border:1px solid #005419}

#aboutus{width:100%;height:auto;margin:0 auto 0 auto;position:relative;background:#FFFFFF;padding:35px 0 35px 0}
.aboutusbox{width:964px;height:auto;margin:0 auto 0 auto;overflow:hidden;text-align:left;padding:0 30px 0 30px}
.aboutusbox h3{font-size:30px;line-height:30px;color:#569433;font-family:'NUEVASTD-COND';font-weight:bold;}
.aboutusbox .aboutusline{width:100%;height:1px;background:#005419;margin:3px 0 25px 0}
.aboutusbox p{font-size:14px;line-height:22px;color:#3c3c3c;text-align:left;font-weight:bold;margin:0 0 10px 0}
.aboutusbox p span{font-weight:bold;color:#005419;}


#social{width:100%;height:auto;margin:0 auto 0 auto;position:relative;background:#FFFFFF;padding:0 0 35px 0;}
.socialbox{width:1024px;height:auto;margin:0 auto 0 auto;overflow:hidden;}
.socialbox a{float:left;margin:0 3px 0 3px}
#facebook-icon{width:34px;height:34px;display:block;background:url('../images/facebook.png') no-repeat;cursor:pointer;}
#facebook-icon:hover{background-position:0px -34px;}
#twitter-icon{width:34px;height:34px;display:block;background:url('../images/twitter.png') no-repeat;cursor:pointer;}
#twitter-icon:hover{background-position:0px -34px;}
#googleplus-icon{width:34px;height:34px;display:block;background:url('../images/googleplus.png') no-repeat;cursor:pointer;}
#googleplus-icon:hover{background-position:0px -34px;}


#footer{width:100%;height:auto;margin:0 auto 0 auto;position:relative;background:#569433;padding:0 0 35px 0;border-top:2px solid #000000;border-bottom:2px solid #000000}
.footerbox{width:1024px;height:auto;margin:0 auto 0 auto;overflow:hidden;text-align:left;}

.footerbox ul{position:relative;margin:0 auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;-webkit-justify-content: space-around;-ms-justify-content: space-around;justify-content: space-around;-webkit-align-items: flex-start;-ms-align-items: flex-start;align-items:flex-start;}
.footerbox ul li{display:inline-block;*display:inline;zoom:1;vertical-align:top;height:auto;overflow:hidden;}
.footerbox ul li:nth-child(1){width:35%;margin:0 10px 0 0;}
.footerbox ul li:nth-child(2){width:45%;}
.footerbox h3{font-size:30px;line-height:30px;color:#ffffff;font-family:'NUEVASTD-COND';padding-top:25px}
.footerbox .iline{width:100%;height:1px;background:#ffffff;margin:10px 0 15px 0}
.footerbox p{font-size:14px;line-height:22px;color:#ffffff;text-align:left;font-weight:bold;}
.footerbox .bookus{margin:0 auto;text-align:center;padding:100px 0 0 0}
.footerbox .socialfooter{margin:0 auto;text-align:center;}

#copyright{width:100%;height:auto;margin:0 auto 0 auto;position:relative;background:#FFFFFF;border-bottom:2px solid #000000}
.copyrightbox{width:1024px;height:auto;margin:0 auto 0 auto;overflow:hidden;}
.copyrightbox h3{font-size:36px;line-height:36px;color:#569433;font-family:'NUEVASTD-COND';padding:15px 35px 5px 0;font-weight:bold;float:right;}
.copyrightbox h4{font-size:14px;line-height:14px;color:#005419;padding:20px 0 20px 35px;font-weight:bold;float:left}

#contact{width:100%;height:auto;margin:0 auto 0 auto;position:relative;background:#FFFFFF;padding:35px 0 100px 0}
.contactbox{width:964px;height:auto;margin:0 auto 0 auto;overflow:hidden;text-align:left;padding:0 30px 0 30px}
.contactbox h3{font-size:30px;line-height:30px;color:#569433;font-family:'NUEVASTD-COND';font-weight:bold;}
.contactbox .contactline{width:100%;height:1px;background:#005419;margin:3px 0 35px 0}
.contactbox p{font-size:14px;line-height:18px;color:#000000;padding:0 0 30px 0;font-weight:bold;}
.contactbox p.hcus{font-size:20px;line-height:22px;color:#486e0e;padding:0 0 30px 0;font-weight:bold;}
.contactbox p.person{font-size:18px;line-height:20px;color:#3c3c3c;padding:0 0 30px 0;font-weight:bold;}
.contactbox p.person a{color:#6d6d6d;}
.contactbox p.person a:hover{color:#b7ec60;-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;}
.contactbox p.quotes{font-size:18px;line-height:20px;color:#6d6d6d;padding:0 0 30px 0;font-weight:bold;}

.contactbox ul{position:relative;margin:0 auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;-webkit-justify-content: space-around;-ms-justify-content: space-around;justify-content: space-around;-webkit-align-items: flex-start;-ms-align-items: flex-start;align-items:flex-start;}
.contactbox ul li{display:inline-block;*display:inline;zoom:1;vertical-align:top;height:auto;overflow:hidden;}
.contactbox ul li:nth-child(1){width:48%;margin:0 10px 0 0;}
.contactbox ul li:nth-child(2){width:48%;}

.contactbox input{width:230px;height:16px;border:1px solid #486e0e;font-size:18px;line-height:18px;color:#b2e262;margin:0 0 8px 0;padding:10px 10px 10px 10px;-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;display:block;}
.contactbox input:focus{color:#486e0e;border:1px solid #99de30;}
.contactbox input:active{color:#486e0e;border:1px solid #99de30;}

.contactbox input.code{width:60px;height:16px;border:1px solid #486e0e;font-size:18px;line-height:18px;color:#b2e262;margin:0 20px 8px 0;padding:10px 10px 10px 10px;-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;display:block;float:left}
.contactbox input.code:focus{color:#486e0e;border:1px solid #99de30;}
.contactbox input.code:active{color:#486e0e;border:1px solid #99de30;}

.contactbox .randomImage{float:left;padding:7px 0 0 0}

.contactbox .error{border:1px solid #FF5E35 !important;}

.contactbox textarea{width:295px;height:125px;border:1px solid #486e0e;font-size:18px;line-height:18px;color:#b2e262;margin:0 0 10px 0;padding:10px 10px 10px 10px;-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;display:block;font-family:Arial;}
.contactbox textarea:focus{color:#486e0e;border:1px solid #99de30;}
.contactbox textarea:active{color:#486e0e;border:1px solid #99de30;}

.contactbox .sendbtn{color:#FFFFFF;font-weight:bold;font-size:14px;margin:0;line-height:18px;transition:background 0.2s ease-in 0s;background:#486e0e;border:1px solid #bbed69;width:150px;text-align:center;height:40px;cursor:pointer;padding:0 0 0 0;float:left}
.contactbox .sendbtn:hover{color:#FFFFFF;background:#486e0e;transition:background 0.5s ease-out 0s;border:1px solid #486e0e}
.contactbox .sendbtn:active{color:#FFFFFF;background:#486e0e;border:1px solid #bbed69;}
.contactbox .sendbtn:focus{color:#FFFFFF;background:#486e0e;border:1px solid #bbed69;}

.social-box{margin:5px 10px 10px 0;float:left;width:300px;height:400px;}

#ajaxLoading{float:left;padding:2px 0 0 20px}

#SuccessMessage{font-size:14px;line-height:18px;color:#000000;padding:10px 10px 10px 10px;border:1px solid #486e0e;background:#b7ec60;margin:0 0 20px 0;vertical-align:middle;text-align:center;width:67.5%}

#ErrorMessage{font-size:14px;line-height:18px;color:#000000;padding:10px 10px 10px 10px;border:1px solid #ff9900;background:#FFCECE;margin:0 0 20px 0;vertical-align:middle;text-align:center;width:67.5%}

#toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:119px;height:62px;border:none;text-indent:100%;background:url(../images/totop.png) no-repeat left top;}
#toTopHover{background:url(../images/totop.png) no-repeat left -62px;width:119px;height:62px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
#toTop:active, #toTop:focus{outline:none;}

body {transition:all .2s linear; -o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear; }

@media screen and (max-width: 1920px) {
#header{width:100%;}
.headerbox{width:1024px;}

#moto{width:100%;}
.motobox{width:1024px;}

#moto-about{width:100%;}
.moto-about-box{width:1024px;}

#moto-contact{width:100%;}
.moto-contact-box{width:1024px;}

#concept{width:100%;}
.conceptbox{width:964px;}

#pageifo{width:100%;}
.pageifobox{width:964px;}

#contact{width:100%;}
.contactbox{width:964px;}

#aboutus{width:100%;}
.aboutusbox{width:964px;}

#social{width:100%;}
.socialbox{width:1024px;}

#footer{width:100%;}
.footerbox{width:1024px;}

#copyright{width:100%;}
.copyrightbox{width:1024px;}
}

@media screen and (max-width: 1680px) {
#header{width:100%;}
.headerbox{width:1024px;}

#moto{width:100%;}
.motobox{width:1024px;}

#moto-about{width:100%;}
.moto-about-box{width:1024px;}

#moto-contact{width:100%;}
.moto-contact-box{width:1024px;}

#concept{width:100%;}
.conceptbox{width:964px;}

#pageifo{width:100%;}
.pageifobox{width:964px;}

#contact{width:100%;}
.contactbox{width:964px;}

#aboutus{width:100%;}
.aboutusbox{width:964px;}

#social{width:100%;}
.socialbox{width:1024px;}

#footer{width:100%;}
.footerbox{width:1024px;}

#copyright{width:100%;}
.copyrightbox{width:1024px;}
}

@media screen and (max-width: 1190px) {
#header{width:100%;}
.headerbox{width:1024px;}

#moto{width:100%;}
.motobox{width:1024px;}

#moto-about{width:100%;}
.moto-about-box{width:1024px;}

#moto-contact{width:100%;}
.moto-contact-box{width:1024px;}

#concept{width:100%;}
.conceptbox{width:964px;}

#pageifo{width:100%;}
.pageifobox{width:964px;}

#contact{width:100%;}
.contactbox{width:964px;}

#aboutus{width:100%;}
.aboutusbox{width:964px;}

#social{width:100%;}
.socialbox{width:1024px;}

#footer{width:100%;}
.footerbox{width:1024px;}

#copyright{width:100%;}
.copyrightbox{width:1024px;}
}

@media screen and (max-width: 1024px) {
#header{width:100%;}
.headerbox{width:auto;}
#nav{width:84%;}
.headermoto{width:60%;}

#moto{width:100%;}
.motobox{width:auto;}

#moto-about{width:100%;}
.moto-about-box{width:auto;}

#moto-contact{width:100%;}
.moto-contact-box{width:auto;}

#concept{width:100%;}
.conceptbox{width:auto;}

#pageifo{width:100%;}
.pageifobox{width:auto;}

.pageifobox ul li:nth-child(1){width:40%;margin:0 50px 0 0}
.pageifobox ul li:nth-child(2){width:40%;}

#contact{width:100%;}
.contactbox{width:auto;}

#aboutus{width:100%;}
.aboutusbox{width:auto;}

#social{width:100%;}
.socialbox{width:auto;}

#footer{width:100%;}
.footerbox{width:auto;}

#copyright{width:100%;}
.copyrightbox{width:auto;}
}

@media screen and (max-width: 980px) {
#header{width:100%;}
.headerbox{width:auto;}
#nav{width:80%;}
#big_nav{margin:18px 0 0 0;}
.headermoto{width:60%;padding:10px 0 0 0}
.headermoto h2{font-size:48px;line-height:48px;}
.headermoto h3{font-size:22px;line-height:20px;}

#contact{width:100%;}
.contactbox{width:auto;}
.contactbox ul li:nth-child(1){width:57%;margin:0 10px 0 0;}
.contactbox ul li:nth-child(2){width:38%;}

.social-box{margin-left:20px;}
}

@media screen and (max-width: 780px) {
#header{width:100%;}
.headerbox{width:auto;}
#nav{width:76%;}
#big_nav{margin:20px 0 0 0;}
.headermoto h2{font-size:38px;line-height:38px;}
.headermoto h3{font-size:18px;line-height:20px;}
}

@media screen and (max-width: 650px) {
#header{width:100%;}
.headerbox{width:auto;}

#nav{float:left;overflow:hidden;width:72%;}
#big_nav{display:none;overflow:hidden;}
#small_nav{display:block;overflow:visible;overflow:hidden;margin:15px 0 0 20px;float:right}
.headermoto{width:75%;padding:10px 0 0 0}

.pageifobox ul li:nth-child(1){width:100%;margin:0 0 20px 0;text-align:center;}
.pageifobox ul li:nth-child(2){width:100%;text-align:center;}
.pageifobox ul li p{text-align:center;}

.contactbox ul li:nth-child(1){width:100%;margin:0 0 50px 0;}
.contactbox ul li:nth-child(2){width:100%;}
}

@media screen and (max-width: 560px) {
#header{width:100%;}
.headerbox{width:auto;}

#nav{float:left;overflow:hidden;width:67%;}
.headermoto{width:80%;padding:10px 0 0 0}
.headermoto h2{font-size:30px;line-height:30px;}
.headermoto h3{font-size:16px;line-height:18px;}

.footerbox ul li{width:98%;margin:0 0 20px 0;padding:0 10px 0 10px}
.footerbox ul li:nth-child(1){width:98%;margin:0 0 20px 0;padding:0 10px 0 10px}
.footerbox ul li:nth-child(2){width:98%;margin:0 0 20px 0;padding:0 10px 0 10px}
.footerbox .bookus{padding:30px 0 0 0}
}

@media screen and (max-width: 480px) {
#header{width:100%;}
.headerbox{width:auto;}
#nav{float:left;overflow:hidden;width:63%;}
.headermoto{width:90%;padding:10px 0 0 0}
.headermoto h2{font-size:30px;line-height:30px;}
.headermoto h3{font-size:14px;line-height:16px;}

.contactbox textarea{width:230px;}
}

@media screen and (max-width: 420px) {
#header{width:100%;}
.headerbox{width:auto;}
#nav{float:left;overflow:hidden;width:50%;}
#small_nav{margin:15px 0 0 20px;float:right}
.headermoto{width:90%;padding:10px 0 0 0}
.headermoto h2{padding-top:22px}
.headermoto h3{display:none;}

.copyrightbox h3{padding:15px 10px 5px 0;}
.copyrightbox h4{padding:20px 0 20px 10px;}
}

@media screen and (max-width: 320px) {
#header{width:320px;}
.headerbox{width:320px;}
#nav{float:left;overflow:hidden;width:40%;}

#moto{width:320px;}
#moto-about{width:320px;}
#moto-contact{width:320px;}

#contact{width:320px;}

.copyrightbox h3{padding:15px 5px 5px 0;}
.copyrightbox h4{padding:20px 0 20px 5px;}
}