/*GENERAL*/
html {
	overflow-y: scroll;
}
body {
	background: #fff;
 	color: #000;
  height: auto;
  width: 100%;
  font-family: 'Archivo Black', sans-serif;
  font-weight:300; 
  font-style:normal;
  letter-spacing: .075em;
}
body.backgroundimage {/*GENERAL*/
	-webkit-transition: background 1s ease; 
	-moz-transition: background 1s ease; 
	-o-transition: background 1s ease; 
	transition: background 1s ease;
	background: url(/img/concepts-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.courier {
	font-family: Courier, "Courier New", monospace;
}

a {
	color: #000;
	text-decoration: none;
}
.clear {
  clear: both !important;
  float: left;
}
.left {
  float: left !important;
}
.right {
  float: right !important;
}
.relative{
	position: relative;
}

.overflow {overflow: hidden;}

.orange {background: rgb(255,56,0);}
.black {background: #000;}

.no-margins {margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;}
.no-paddinglat {padding-left: 0 !important; padding-right: 0 !important;}

.banner {margin-bottom: 30px;}
.banner img {width: 100%;}

form .formblock {clear: both; float: left; margin-bottom: 10px;width: 100%;}
/*form label {height: 32px; padding: 8px 16px;margin: 0;border: 1px solid #fff;border-right: 0;float: left;border-radius: 9px 0 0 9px; width: 25%;}*/
form input {height: 32px; padding: 10px 15px;border: 1px solid #fff;background: transparent;float: left;border-radius: 9px;  width: 100%;outline: none;font-size: 1.1em;}
input[type="submit"] {border: none; background: #75726f; width: auto; float: right; color: #fff; text-transform: uppercase;}
form textarea {height: 150px; padding: 10px 15px;border: 1px solid #fff;background: transparent;float: left;border-radius: 9px;  width: 100%;outline: none; font-size: 1.1em;}

::-moz-placeholder {
  color: #000;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #000;
}
::-webkit-input-placeholder {
  color: #000;
}
.extend {background: rgba(0,0,0,.9); padding: 50px 25px; position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; font-size: 1.1em; overflow: hidden;z-index: 101;}
#overlay {display: none; width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,.7);z-index: 100;}

/*FONT WEIGHTS*/
.regular {font-family: 'Montserrat', sans-serif; font-weight:400; font-style:normal;}
.bold, strong {font-family: 'Montserrat', sans-serif; font-weight:700; font-style:normal;}

/*CONTAINERS*/
.full {width: 100%;float: left;clear: both;}
.container {clear: both;}

/*CONTENT*/
.content {
    padding: 20px 0;
}
.content p {font-size: 1.6em; margin: 0 0 20px;line-height: 1.5em;}
.content h1 {font-size: 3.6em; margin: 0 0 20px 0;}
.content a {color: #fff;}
.content a:hover {text-decoration: underline;}
.content .destacado p {font-size: 2em;}

.contentheight {width: 100%;margin-top: 50px;}

/*BACK*/
.dark-back {background: #231f20}
.border-top-white {border-top: 1px solid #fff;}

/*HEADER*/
header {padding: 0;background: #000; letter-spacing: .17em;z-index: 1;position: fixed;top: 0;left: 0;color: #fff;}
header .container, header .container .navbar-header {padding: 0;}
header .container .navbar-collapse {padding: 0;width: 100%;}
header h1 {height: 31px; width: 123px; background: url('/img/logo-header.png'); margin: 0; text-indent: -1000px; font-size: 0em;background-size: 125px;}
header nav {height: 50px;}
header nav ul {margin: 0;padding: 0;list-style: none;}
header nav ul li a {color: #fff;font-size: 1.5em; float: left;padding: 0 17px;}
header nav > ul > li.open > a:after {border-bottom: 2px solid;content: "";left: 0;position: absolute;right: 0;top: 50%;}
header nav ul li a:hover, header nav ul li a.active {position: relative;}
header nav ul li a:hover::after, header nav ul li a.active::after {border-bottom: 2px solid;content: "";left: 0;position: absolute;right: 0;top: 50%;}
header nav ul li a .caret {display: none;}
header nav ul li ul { clear: both; position: relative !important; width: auto;height: auto;overflow: hidden; -webkit-transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; z-index: 1; /*display: none; opacity: 0; */ margin: -10px 0 10px 0; margin-top: -10px; padding-right: 0 !important; padding-left: 0 !important;}
/*header nav ul li:hover ul {display: block; opacity: 1;}*/
header nav ul li ul li {clear: both;float: left;margin: 0;width: auto;height: auto;line-height: 16px;padding: 0;}
header nav ul li ul li:last-child {border-bottom: 0;}
header nav ul li ul li a {padding: 0;font-size: 1.4em;}
header nav ul li ul li a a:hover, 
header nav ul li ul li a.active {}
header .menulink {margin-right: 0; height: auto;line-height: 50px;}
header .twitter a {font-size: 2.4em;margin: 0;color: rgb(0,192,255);display: block;height: 50px;line-height: 50px;}
header .instagram { float: right; }
header .instagram a { font-size: 2em; color: #fff; line-height: 50px;}
header .menulink .search {width: 90px;background: transparent;border: 2px solid #fff;float: left;height: 25px;outline: none;padding: 0 5px;}
header .menulink .searchbutton {
    background: transparent;
    border: 2px solid #fff;
    border-left: 0;
    float: left;
    height: 25px;
    text-transform: uppercase;
    outline: none;
}

/*FOOTER*/
footer {padding: 50px 0 10px 0;}
footer p {text-align: center; margin: 0;}
footer p a {color: #000;}
footer p a.basora:hover {color: #fff10a;}
footer p a.linkin:hover {color: #50ecc0;}

/*MENU*/
#menu-top { width: 100%; margin-bottom: 30px;}
#menu-top ul { margin: 0; padding: 0; }
#menu-top ul li { padding: 8px 0; line-height: 16px; clear: both; overflow: hidden;}
#menu-top ul li a {display: block; font-size: 1.6em; padding: 0;}
#menu-top ul li a.active { background: #f1f1f2; }

/* CONTENT HOME */
#home #hometext {font-size: 3em;line-height: 1.1em;}
#home #hometext img {width: 100%;margin: 0 0 50px 0;}
#home #hometext img:first-child {}
#home #hometext p {margin: 0 0 50px;}

/*CONTENT WINES BY PICTURE*/
#masonry-container {clear: both;padding: 20px 0 0;overflow: hidden;}
#masonry-container .item { float: left; position: relative; line-height: 1em;}
#masonry-container .item .day {}
#masonry-container .item .night {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    padding: 5px;
}
#masonry-container .grid-sizer { width: 16.66%;}
#masonry-container .item { width: 16.66%; padding: 5px; padding-bottom: 50px;}
#masonry-container .item span {clear: both;float: left;display: block;width: 100%;text-align: center;margin-top: 5px;font-size: 1.2em;line-height: 1.2em;height: 42px;}

@media screen and (max-width: 1200px) {
  #masonry-container .grid-sizer { width: 20%; }
  #masonry-container .item { width: 20%; }
}

@media screen and (max-width: 991px) {
  #masonry-container .grid-sizer { width: 25%; }
  #masonry-container .item { width: 25%; }
}

@media screen and (max-width: 767px) {
  #masonry-container .grid-sizer { width: 33.33%; }
  #masonry-container .item { width: 33.33%; }
}

@media screen and (max-width: 480px) {
  #masonry-container .grid-sizer { width: 50%; }
  #masonry-container .item { width: 50%; padding: 10px 0;}
}

#masonry-container .item img{width: 100%;margin: 0;display: block;clear:both;}

/*CONTENT WINES BY NAME*/
.titlebyname {line-height: 100px;background: #000;border-bottom: 1px solid #fff;font-size: 6em;}
.titlebyname a {display: block; width: 100%;}
.titlebyname span {overflow: hidden;color: #fff;}

/*DESIGNERS*/
.artistname {height: 100px;line-height: 100px;background: rgb(255,56,0);border-bottom: 1px solid #fff;font-size: 6em;overflow: hidden;}
.artistname a {display: block; width: 100%; line-height: 100px;}
.artistname span {float: left; color: #fff;}
.artistname img {vertical-align: inherit;margin: 12px 15px 13px 15px;}

/*DESIGNERS DETAIL*/
#designerdetail {color: rgb(255,56,0);}
#designerdetail a {color: rgb(255,56,0); text-decoration: underline;}

/*CONCEPTS*/
.textconcepts {margin: 20px 0;font-size: 3em;text-align: center;}

#masonry-container-dos {clear: both; margin: 20px; overflow: hidden;}
#masonry-container-dos .item { float: left; position: relative; line-height: 1em; padding-bottom: 10px !important; }
#masonry-container-dos .grid-sizer { width: 15%;}
#masonry-container-dos .gutter-sizer { width: 2%; }
#masonry-container-dos .item { width: 15%; padding: 5px; border-bottom: 1px solid #000;}
#masonry-container-dos .item h2 { font-size: 1.5em; line-height: 1.3em; height: 19px; overflow: hidden; margin-top: 10px;}
#masonry-container-dos .item #text { height: 30px; overflow: hidden; }
#masonry-container-dos .item #text p { font-size: 1.2em; line-height: 1.3em; text-align: left; }


@media screen and (min-width: 2200px) {
	#masonry-container-dos .grid-sizer { width: 15%; }
  #masonry-container-dos .item { width: 15%; margin-bottom: 50px;}
}
@media screen and (max-width: 2200px) {
	#masonry-container-dos .grid-sizer { width: 15%; }
  #masonry-container-dos .item { width: 15%; margin-bottom: 50px;}
}

@media screen and (max-width: 1800px) {
	#masonry-container-dos .grid-sizer { width: 18.4%; }
  #masonry-container-dos .item { width: 18.4%;}
}

@media screen and (max-width: 1500px) {
	#masonry-container-dos .grid-sizer { width: 23.5%; }
  #masonry-container-dos .item { width: 23.5%;}
}

@media screen and (max-width: 1200px) {
  #masonry-container-dos .grid-sizer { width: 32%; }
  #masonry-container-dos .item { width: 32%; }
}

@media screen and (max-width: 991px) {
  #masonry-container-dos .grid-sizer { width: 49%; }
  #masonry-container-dos .item { width: 49%; }
}

@media screen and (max-width: 767px) {
  #masonry-container-dos .grid-sizer { width: 100%; }
  #masonry-container-dos .item { width: 100%; }
}

#masonry-container-dos .item img{width: 100%; margin: 0; display: block; clear:both;}

/*CONCEPTS DETAIL*/
.contentprev { position: fixed; top: 100px; left: 50px; z-index: 1000; font-size: 1.5em; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); }
.contentnext { position: fixed; top: 100px; right: 50px; z-index: 1000; font-size: 1.5em; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); }
#detail.detailconcepts {background: #fff !important; margin-top: 0; padding: 30px !important;border-bottom: 0 !important;}
#detail.detailconcepts .goback {width: 100%; text-align: center;font-size: 1.5em;padding-bottom: 20px;}
#detail.detailconcepts .detailelement {margin-bottom: 20px; padding: 0;text-align: center;}
#detail.detailconcepts .detailelement h1 {margin-top: 0;}
#detail.detailconcepts .detailelement img {width: auto;height: auto;max-width: 600px;max-height: 700px;}

/*CONTACT*/
#contactblock {margin-top: 20px;}
#contactblock p {font-size: 1.4em;margin: 0;}
#contactblock p.twitter {color: rgb(0,192,255);}
#contactblock p.phone {color: rgb(255,56,0);}
#contactblock p.to {text-transform: uppercase; font-size: 1.4em;}
#contactblock form {
    width: 100%;
    float: left;
    margin: 30px 0 0 0;
}
#contactblock form input[type="text"] {padding: 0;border: 0;font-size: 6em;height: auto;margin: 0 0 20px 0;}
#contactblock form textarea {padding:0; border: 0;font-size: 6em;height: 140px;margin: 0 0 20px 0;resize: none;}
#contactblock form input[type="submit"] {
    background: none;
    color: #000;
    font-size: 2em;
    border: 2px solid #000;
    border-radius: 0;
    height: auto;
    padding: 5px 10px;
    float: left;
    clear: both;
}
#contactblock form input.error,
#contactblock form textarea.error {
	border-bottom: 1px solid red;
	border-radius: 0;
}
#contactblock form label.error {display: none !important;}

#contactblock #successform,
#contactblock #errorform,
#contactblock #loading {
	display: none;
  clear: both;
  line-height: 30px;
  float: left;
  margin-top: 10px;
  padding: 0 15px;
}
#contactblock #successform {
	border: 2px solid #21610B;
  background: #D8F6CE;
}
#contactblock #errorform {
	border: 2px solid #B40404;
  background: #F6D8CE;
}
#contactblock #loading {
	border: 2px solid #FFBF00;
  background: #F5ECCE;
}

/*CONTENT DETAILS*/
#detail {clear: both; float: left;padding: 20px 0; /*border-bottom: 1px solid #000;*/ margin: 0 0 20px 0;}
#byname #detail {border-bottom: none; margin: 0;}
#detail h1 {font-size: 3.5em;line-height: 1em;}
#detail p {font-size: 1.2em;line-height: 1.3em;margin-bottom: 0;}
/*#detail #picturesdetail > div {height: 680px;}*/
#detail #picturesdetail img {width: 100%;margin-bottom: 10px;}
#detail #picturesdetail .imagetext {height: 60px;}
#detail #picturesdetail p {text-align: center;} 
#detail #links {clear: both; float: left; margin-top: 10px;}
#detail #links .boton {float: left;margin: 0 10px 10px 0;border: 2px solid;padding: 0; text-align: center; font-size: 1.3em;height: 20px;line-height: 17px;}
#detail #links .boton#pdf {text-transform: uppercase; width: 50px; border-color: rgb(0,0,0); color: rgb(0,0,0);}
#detail #links .boton#buy {text-transform: uppercase;  width: 50px; border-color: rgb(0,255,0); color: rgb(0,255,0);}
#detail #links .boton#facebook {clear: both;width: 20px; border-color: rgb(35,82,231); color: rgb(35,82,231);}
#detail #links .boton#twitter {width: 20px; border-color: rgb(0,192,255); color: rgb(0,192,255);}
#detail #links .boton#printerest {width: 20px; border-color: rgb(255,56,0); color: rgb(255,56,0);line-height: 13px;}
#detail #links .boton#email {width: 20px; border-color: rgb(128,128,128); color: rgb(128,128,128);}
#detail #links .boton#email .line1 {width: 13px; height: 25px; border-bottom: 2px solid rgb(128,128,128); -webkit-transform: translateY(-17px) translateX(5px) rotate(45deg); position: absolute;}
#detail #links .boton#email .line2 {width: 13px;height: 25px; border-bottom: 2px solid rgb(128,128,128); -webkit-transform: translateY(-17px) translateX(-2px) rotate(-45deg);position: relative;}
#detail #links .boton#website {clear: both;width: 130px;text-align: left;padding: 0 5px;border-color: rgb(255,56,0); color: rgb(255,56,0);}
#detail #links .boton#download {clear: both; width: 130px; text-align: left; padding: 0 5px;border-color: rgb(255,56,0); color: rgb(255,56,0);}
#detail .textdetail {padding: 20px 0 0 0;}
#detail .textdetail h1 {margin: 0 0 10px 0;}
.buyhere {      color: #00fe52;    text-align: center; font-size: 1.2em;}
.buyhere span { display: block; clear: both; text-align: center; width: 100%; text-transform: uppercase;}

/*404*/
#notfound-txt {margin-top: 20px;}
#notfound-txt p, #notfound-txt ul  {margin: 0 0 5px 0;font-size: 1.1em;}

/*RESPONSIVE*/
@media (max-width: 1200px) {
	header .menulink {}
	header .twitter a {font-size: 2.2em;}
	/*#detail #picturesdetail > div {height: 580px;}*/
}
@media (max-width: 991px) {
	header .menulink {margin-right: 20px;font-size: 0.7em;}
	.content-company div.bloque {border-right: 0;border-bottom: 1px solid #fff;margin: 20px 0;padding: 20px 0;}
	.content-company div.bloquefinal {margin: 20px 0;padding: 20px 0;}
	#company .extend .contentextend {padding-left: 20px !important; padding-right: 20px !important; padding-top: 30px !important; text-align: justify;}
	#boxdetail {width: 692px;}
	.content-contact .contacttitle {margin-top: 0 !important;float: left !important;padding-left: 10px;margin-bottom: 15px; width: 100%;}
	.content-contact div.bloque {border-left: 0;}
  	body#contact.backgroundimage {background-position: left center; }
  	header .twitter a {font-size: 2.4em;height: auto;line-height: 1.1em;}
  	header .container {padding: 0;}
	header .container .navbar-collapse {margin: 10px 0;clear: both;float: left;overflow: hidden;height: auto;}
	.navbar-nav {margin: 0 !important;width: 100%;}
	header nav ul {padding: 0 !important;}
	header .menulink {clear: both;line-height: 25px;width: 100%;font-size: 1.5em;overflow: hidden;min-height: 25px;padding: 5px 0;}
	header nav ul li a {padding: 0;font-size: 2em;line-height: 1.1em;}
	header nav ul li a:hover, header nav ul li a.active {border-bottom: none; }
	.artistname {font-size: 5em;}
	.artistname img { margin: 0 0 0 10px; height: 42px; }
	#contactblock form input[type="text"],
	#contactblock form textarea {font-size: 3em;}
	#detail #links .boton#pdf,
	#detail #links .boton#buy { height: 30px; width: 70px; line-height: 26px; margin: 0 10px 10px 0; }
	#detail #links .boton#facebook,
	#detail #links .boton#twitter,
	#detail #links .boton#printerest,
	#detail #links .boton#email { height: 30px; width: 30px; line-height: 26px; position: relative; }
	#detail #links .boton#website,
	#detail #links .boton#download { height: 30px; line-height: 26px; margin: 0 10px 10px 0; }
	#detail #links .boton#email .line1 { position: absolute; width: 20px; top: 2px; left: -1px; }
	#detail #links .boton#email .line2 { width: 20px;  top: 2px; right: -4px; }
	.titlebyname,
	.artistname { font-size: 3em; height: auto; line-height: normal; padding: 10px 0; }
	.titlebyname span,
	.artistname span { word-wrap: break-word; }
	.titlebyname a,
	.artistname a { height: auto; line-height: normal; }
	header .twitter {float: left !important;width: 100%;}
	header .twitter a {font-size: 2.4em;height: auto;line-height: 1.1em;}
	header .instagram { float: left !important; }
	header .instagram a { font-size: 3em; height: auto; line-height: 1.1em;}
	header nav ul li a:hover::after, header nav ul li a.active::after {border-bottom: 2px solid; top: 50%;}
	header nav ul li ul {margin: 0 !important; margin-top: 0 !important; padding-left: 10px !important; font-size: 1.4em;}
	.contentprev { left: 0; }
	.contentnext { right: 0; }
	/*#detail #picturesdetail > div {height: 1225px;}*/
}
@media (max-width: 767px) {
	.slides-pagination {bottom: 115px !important; text-align: center !important;}
	.container {padding-left: 10px !important; padding-right: 10px !important;}
	.content-shops div.bloque {border-left: 0;}
	.content-shops .shopsinfo {margin-top: 0 !important;float: left !important;}
	#commission .extend #slides .slides-pagination {bottom: 0 !important;}
	#boxdetail {width: 90%;}
	#boxdetail .imgdetail {clear: both;float: left;width: 100%;}
	#boxdetail .imgdetail img {width: 100%;}
	#boxdetail .details {clear: both;float: left;width: 100%;}
	#detail.detailconcepts .detailelement img { max-width: 100%; max-height: none; }
	/*#detail #picturesdetail > div {height: auto;}*/
}

@media (max-width: 550px) {
	#commission .extend {width: 320px;margin-left: 50%; top: 50%;left: -160px;}
	#commission .extend .contentextend {width: 270px;}
}

/*.ias-spinner, .ias-noneleft { position: absolute; bottom: 10px; width: 100%; text-align: center; }
#loader-ias {width: 100%; text-align: center;}*/
#infscr-loading { clear: both; position: fixed; width: 100%; text-align: center; bottom: 72px; background: rgba(255,255,255,.9); height: 50px; line-height: 50px; }
#infscr-loading img {width: 50px;}