* {
    font-family:sans-serif;
}
.hasta h5 {
    margin-bottom: 0px;
    font-size: 40px;
    text-align: left;
    padding-left: 19%;
    color: #7d7d7d;
    margin-top: 0px;
}
a {
	text-decoration: none!important;
}
body,html {
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    outline:none !important;
    background:white;
}
[block] {
    display: block;
}
[inline_block] {
    display: inline-block;
}
[fullWidth] {
    width:100%;
}
[margin] {
    width:Calc(100% - 150px);
    margin:0 75px;
}
[fullWidth_2] {
    width:Calc(100% - 350px);
    padding:0 175px;
}
[col] {
    float:left;
}
[fullHeight] {
    height:100%;
}
/*Columns*/
[init2] {
    width:50%;
}
[init1] {
    width:100%;
}
[init40-60]:nth-child(1) {
    width:40%;
}
[init40-60]:nth-child(2) {
    width:60%;
}
/*Containers*/
header {
    background:rgb(255,255,255);
    height:150px;
}
article#off {
    height:680px;
}
article#products {}
article#design {
    height: 370px;
}
article#services {
    /*height: 330px;*/
    width:Calc(100% - 350px);
    padding:0 175px;
}
article.title {
    height:140px;
    background:white;
}
article#promo {
    height: 140px;
}
article#promo-superior {
    height: 250px;
}
article#map {
    height: 320px;
    position:relative;
}
footer {
    background:#2f2f2f;
    height: 40px;
}
/*Product*/
article#products>article>div {
    width:Calc((100% - 2%) / 5);
    margin-right:0.5%;
    float: left;
    margin-top:30px;
    height:Calc(190px + 50px);
}
article#products>article>div:nth-child(5n) {
    margin-right:0;
}
article#products>article>div:last-of-type {
    margin-bottom:30px;
}
/*Services*/
article#services>article>div {
    width:Calc((100% - 6%) / 2);
    margin-right:6%;
    float: left;
    margin-top:20px;
    height:40px;
}
article#services>article>div:nth-child(even) {
    margin-right:0;
}
article#services>article>div:last-of-type {
    margin-bottom:50px;
}
/*Promo*/
.promoColumn:first-of-type {
    width:60%;
}
.promoColumn:last-of-type {
    width:40%;
}
/*Promo-superior*/
.promo-superiorColumn:first-of-type {
    width:100%;
}
/*HEADER*/
[purple] {
    color:#63116f;
	font-family: Montserrat;
	font-weight: 700;
}
[bold] {
    font-weight:bold;
}
header label{
    color:rgb(67,67,67);
    text-transform:uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size:1.5vw;
}
header img {
    margin:Calc((150px - 86px) / 2) 0;
}
header>article>.headerColumn:nth-child(2) {
    position: relative;
}
.headerSub_column:nth-child(1) {
    width:65%;
    display:table;
}
.headerSub_column:nth-child(1)>label {
    display:table-cell;
    vertical-align:middle;
    text-align:right;
    padding-right: 4%;
}
#headerDivisor {
    width:1px;
    height:50px;
    margin-top:Calc((150px - 50px)/2);
    background-color:rgb(233,233,233);
}
.headerSub_column:nth-child(3) {
    width:Calc(35% - 1px);
    display:table;
}
.headerSub_column:nth-child(3)>label {
    padding-left:10px;
    display:table-cell;
    vertical-align:middle;
    text-align:left;
    width:50%;
}
.headerSub_column:nth-child(3)>a{
    display: inline-block;
    margin-left:10px;
    width:30px;
    height:30px;
    margin-top:Calc((150px - 30px)/2);
    background:no-repeat center;
    background-size:auto 70%;
}
.headerSub_column:nth-child(3)>a:first-of-type {
    background-image: url("rsc/img/fb_header_icon.png");
}
.headerSub_column:nth-child(3)>a:last-of-type {
    background-image: url("rsc/img/inst_header_icon.png");
}
.headerSub_column:nth-child(3)>a:hover {
    cursor:pointer;
}
/*OFF*/
[center] {
    display:inline-block;
    width:100%;
    text-align:center;
}
article#off {
    position:relative;
    background:url("rsc/img/img_off_background.jpg") no-repeat center;
    background-size:100% auto;
}
#off>article:last-of-type {
    position:absolute;
    width:50%;
    right:0;
    top:0;
    background:#400449;
    opacity:0.78;
    pointer-events:none;
}

.offColumn:first-of-type label:first-of-type {
    margin-top: 130px;
}

.offColumn:first-of-type label{
    color:#8f8f8f;
    text-transform:uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size:6vw;
    font-weight:400;
    margin-top:57px;
}
.offColumn:first-of-type p {
    margin:0;
    font-size:1.4vw;
}
#off img {
    display: inline-block;
    width:38vw;
    margin:30px Calc(50% - 19vw);
}
.offColumn:last-of-type {
    position: relative;
    z-index: 10;
}
.offColumn:last-of-type label{
    color:white;
    text-transform:uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size:3.5vw;
    font-weight:400;
    margin-top:100px;
}
.offColumn:last-of-type p {
    margin-top:10px;
    font-size:1vw;
    color:#d9cedb;
    font-weight:400;
    margin-bottom:30px;
    margin-left:1.3vw;
}
#off input,
#off textarea{
    margin-left:8vw;
    display:inline-block;
    width:50%;
    height:32px;
    margin-bottom:12px;
    text-indent:5%;
    font-family: 'Open Sans', sans-serif;
    outline-color:#b2adb3;
}
#off button {
    width:51%;
    margin-left:8vw;
    display:inline-block;
    font-family: 'Montserrat', sans-serif;
    font-size:0.8vw;
    padding:10px 0 !important;
    color:#63116f;
    outline-color:#b2adb3;
}
#off button:hover {
    cursor: pointer;
}
#off textarea {
    padding-top:10px;
    height:90px;
}
/*TITLE*/
.titleColumn {
    position: relative;
}
.titleColumn:after {
    position:absolute;
    content: '';
    bottom:20px;
    left:45%;
    width:10%;
    height:1px;
    background-color:#63116f;
}
.titleColumn label:first-of-type {
    font-size:2.2vw;
    font-family: 'Montserrat', sans-serif;
    margin-top: 30px;
}
.titleColumn label:nth-child(2) {
    font-size:1.1vw;
    margin-top: 10px;
    color:#585858;
}
/*PRODUCTS*/
.productImage {
    height:190px;
    background:no-repeat center;
    background-size:auto 100%;
}
.productImage~div {
    height:50px;
    display:table;
}
.productImage~div>label {
    display:table-cell;
    vertical-align:bottom;
    font-size:1.2vw;
    font-family: 'Montserrat', sans-serif;
}
[reg]:after {
    content:" ®";
}
[tm]:after {
    content:" ™";
}
[c]:before {
    content:"© ";
}
#silhouette              {background-image: url("rsc/img/silhouette.jpg");}
#duette                  {background-image: url("rsc/img/duette.jpg");}
#luminette               {background-image: url("rsc/img/luminette.jpg");}
#pirouette               {background-image: url("rsc/img/pirouette.jpg");}
#facette                 {background-image: url("rsc/img/facette.jpg");}
#vignette                {background-image:url("rsc/img/vignette.jpg");}
#nantucket               {background-image:url("rsc/img/nantucket.jpg");}
#aplause                 {background-image:url("rsc/img/applause.jpg");}
#twinline                {background-image:url("rsc/img/twinline.jpg");}
#enrollableQuantum       {background-image:url("rsc/img/enrollableQuantum.jpg"); background-position-x:0;}
#enollable               {background-image:url("rsc/img/enrollable.jpg");}
#romana                  {background-image:url("rsc/img/romana.jpg");}
#panelGlide              {background-image:url("rsc/img/planeGlide.jpg");}
#pilsada                 {background-image:url("rsc/img/plisadas.jpg");}
#softRoman               {background-image:url("rsc/img/softRoman.jpg");}
#odysee                  {background-image:url("rsc/img/odysee.jpg");}
#countryWoods            {background-image:url("rsc/img/countryWoods.jpg");}
#precious                {background-image:url("rsc/img/precious.jpg"); background-position-x:15%;}
#motorizacionMagnificent {background-image:url("rsc/img/motorizacionMagnificent.jpg");}
#toldos                  {background-image:url("rsc/img/toldos.jpg");}
.productImage:hover {
    cursor:pointer;
}
/*DESIGN*/
article#design {
    background-color:rgb(242,242,242);
    position: relative;
}
article#design>article:last-of-type {
    position:absolute;
    width:50%;
    right:0;
    top:0;
    background:url("rsc/img/img_design_background.jpg") no-repeat center;
    background-size:100% auto;
    pointer-events:none;
}
article#design>article:last-of-type::after {
    content: '';
    bottom:0;
    left:0;
    height:Calc(100% / 3);
    position:absolute;
    width:100%;
    background:url("rsc/img/img_design_shadow.png") no-repeat center;
    background-size:100% 100%;
}
.designColumn:first-of-type label:nth-child(1) {
    text-transform:uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size:2vw;
    margin-top:40px;
}
.designColumn:first-of-type p {
    position: relative;
    font-size:1.2vw;
    margin-top:5px;
    padding-bottom:10px;
}
.designColumn:first-of-type p:after {
    content: '';
    bottom:0;
    left:0;
    height:1px;
    position:absolute;
    width:30%;
    background-color:#63116f;
}
.designColumn li {
    list-style: none;
    padding:4px 0;
}
.designColumn ul {
    margin-top:0;
    font-size:1.2vw;
}
.designColumn li:before {
    content: "• ";
    margin-right:10px;
    color: #63116f;
}
.designColumn a {
    background-color: #63116f;
    outline:none;
    text-align:center;
    border:0;
    width:30%;
    padding:10px 0;
    font-family: 'Montserrat', sans-serif;
    font-size:1.1vw;
    color:white;
    text-transform: uppercase;
    margin-left:35%;
}
.designColumn a:hover {
    cursor:pointer;
}
.designColumn:last-of-type {
    position: relative;
    z-index: 1;
}
.designColumn:last-of-type label {

}
.designColumn:last-of-type img {
    height:10%;
    margin-left:2%;
    margin-top:300px;
}
.designColumn:last-of-type p {
    margin:0 2%;
    color:white;
    font-family: 'Montserrat', sans-serif;
    font-size:0.8vw;
}
/*SERVICES*/
.serviceImg {
    width:10%;
    background:no-repeat center;
    background-size:80% auto;
    margin-right:5%;
}
.serviceTxt {
    width:85%;
    display:table;
}
.serviceTxt>label {
    display:table-cell;
    vertical-align:middle;
    text-align:left;
    font-family: 'Montserrat', sans-serif;
    font-size:1.1vw;
    color:#585858;
}
#persiana   {background-image:url("rsc/img/persiana.png")}
#pasto      {background-image:url("rsc/img/pasto.png")}
#cortinas   {background-image:url("rsc/img/cortinas.png")}
#cojines    {background-image:url("rsc/img/cojines.png")}
#duela      {background-image:url("rsc/img/duela.png")}
#alfombra   {background-image:url("rsc/img/alfombra.png")}
#tapices    {background-image:url("rsc/img/tapices.png")}
#piso       {background-image:url("rsc/img/piso.png")}
#retapizado {background-image:url("rsc/img/retapizado.png")}
#telas      {background-image:url("rsc/img/telas.png")}
/*PROMO*/
article#promo {
    background-color:#63116f;
}
.promoColumn:first-of-type {
    display:table;
}
.promoColumn >label {
    display:table-cell;
    vertical-align:middle;
    font-weight:bold;
    text-align:right;
    font-family: 'Montserrat', sans-serif;
    font-size:2.2vw;
    color:white;
    text-transform:uppercase;
}
.promoColumn a {
    background-color: #ebebeb;
    outline:none;
    text-align:center;
    border:0;
    width:50%;
    padding:10px 0;
    font-family: 'Montserrat', sans-serif;
    font-size:1.1vw;
    color:#63116f;
    text-transform: uppercase;
    margin-left:10%;
    margin-top:50px;
}
.promoColumn a:hover {
    cursor:pointer;
}
/*PROMO-SUPERIOR*/
article#promo-superior {
    background-image:url(rsc/img/bg-promo.jpg);
}
.promo-superiorColumn:first-of-type {
    display:table;
}
.promo-superiorColumn >label {
    display:table-cell;
    vertical-align:middle;
    font-weight:bold;
    text-align:center;
    font-family: 'Montserrat', sans-serif;
    font-size:4vw;
    color:purple;
    text-transform:uppercase;
}
.promo-superiorColumn a {
    background-color: purple;
    outline:none;
    text-align:center;
    border:0;
    width:25%;
    padding:10px 0;
    font-family: 'Montserrat', sans-serif;
    font-size:1.1vw;
    color:#fff;
    text-transform: uppercase;
    margin-left:38%;
    margin-top:15px;
}

.promo-superiorColumn img {
    margin-top: 1%;
}
.promo-superiorColumn a:hover {
    cursor:pointer;
}
/*FOOTER*/
.footerColumn {
    display:table;
}
.footerColumn>label {
    display:table-cell;
    vertical-align:middle;
    text-align:left;
    font-family: 'Montserrat', sans-serif;
    font-size:0.7vw;
    color:white;
 }
.footerColumn:last-of-type>label {
    text-align:right;
}
/*VIEWER*/
.hidden {
    opacity:0;
    pointer-events:none;
}
article#viewer {
    transition:opacity 0.3s ease-in-out;
    position:fixed;
    top:0;
    left:0;
    z-index:11;
    background:rgba(0,0,0,0.85) no-repeat center;
    background-size:70% auto;
}
article#viewer button {
    width:25px;
    height:25px;
    position:absolute;
    top:20px;
    right:20px;
    outline:none;
    padding:0;
    border:0;
    background:url("rsc/img/svg_viewer_cancel.svg") no-repeat center;
    background-size:100% 100%;
    opacity:0.8;
}
article#viewer button:hover {
    cursor: pointer;
}