html, body { background:#000; margin:0; padding:0; font-size:1em; line-height:1.5em; font-family:'open sans', sans-serif; color:#262626; height:100%; }
body { position:relative; }
a:link, a:visited { text-decoration:none; color:#a08656;
-webkit-transition:0.4s;
-moz-transition: 0.4s;
transition:0.4s;
}
a:hover, a:active { text-decoration:none; color:#f0d4a0;
-webkit-transition:0.2s;
-moz-transition: 0.2s;
transition:0.2s;
}
a:link.dbg, a:visited.dbg { text-decoration:none; color:#fff; }
a:hover.dbg, a:active.dbg { text-decoration:underline; color:#9c8757; }
a:link.rev, a:visited.rev { text-decoration:none; color:#9c8757; }
a:hover.rev, a:active.rev { text-decoration:underline; color:#fff; }
a:link.null, a:active.null { text-decoration:none; color:inherit; padding:0; margin:0; }
a:hover.null, a:visited.null { display:block; text-decoration:none; color:inherit; padding:0; margin:0; }
h1 { font-size:2em; font-weight:normal; line-height:1.2em; padding:0 0 15px 0; color:#a08656; }
h1.pd { font-size:2em; font-weight:normal; line-height:1.2em; padding:0 0 15px 0; color:#a08656; }
h2 { font-size:1.1em; line-height:1.2em; padding:0 0 15px 0; color:#0B000B; }
h2.gd { font-size:1.1em; line-height:1.2em; padding:25px 0 10px 0; color:#fff; font-weight:normal; }
h1.rltxhd { font-size:4.4vw; line-height:1em; padding:0; margin:0; font-family: agency-fb, sans-serif; font-weight:bold; color:#fff; }
h2.rltxsub { font-size:2.4vw; line-height:normal; padding:0; margin:0; font-family: agency-fb, sans-serif; font-weight:normal; color:#fff; }
a:link.addthis_button_preferred_1 { display:block; margin:0; padding:0; clear:both; line-height:0.1em; }
a:link.addthis_button_preferred_2 { display:block; margin:0; padding:0; clear:both; line-height:0.1em; }
a:link.addthis_button_preferred_3 { display:block; margin:0; padding:0; clear:both; line-height:0.1em; }
a:link.addthis_button_preferred_4 { display:block; margin:0; padding:0; clear:both; line-height:0.1em; }
a:link.addthis_button_compact { display:block; margin:0; padding:0; clear:both; line-height:0.1em; }
.reelbx { position:relative; padding:0; margin:0; background:#EDEDEE; }
/*---------- LIVE REEL TX --*/
.reeltxbxl { position:absolute; display:inline-block; left:10%; padding:10px; margin:0; z-index:999999; text-shadow:0 0 5px #000; text-align:left;
-webkit-animation: btx 6s ease-out ;
animation: btx 6s ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.reeltxbxr { position:absolute; display:inline-block; right:10%; padding:10px; margin:0; z-index:999999; text-shadow:0 0 5px #000; text-align:right;
-webkit-animation: btx 6s ease-out ;
animation: btxr 6s ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
/*---
.reeltxhd { font-size:4.4vw; line-height:1em; padding:0; margin:0; font-family: agency-fb, sans-serif; font-weight:bold; }
.reeltxsub { font-size:2.4vw; line-height:normal; padding:0; margin:0; font-family: agency-fb, sans-serif; }
*/
@-webkit-keyframes btx { 0% { left:10%; opacity:0; }
50% { opacity:1; }
100% { left:15%; opacity:1; }
}
@keyframes btx { 0% { left:10%; opacity:0; }
50% { opacity:1; }
100% { left:15%; opacity:1; }
}
@-webkit-keyframes btxr { 0% { right:10%; opacity:0; }
50% { opacity:1; }
100% { right:15%; opacity:1; }
}
@keyframes btxr { 0% { right:10%; opacity:0; }
50% { opacity:1; }
100% { right:15%; opacity:1; }
}
/*-------- BREAD --*/
.bread { padding:0 0 15px 0; font-size:0.7em; color:#cdcdcd; }
.bread a:link, .bread a:visited { display:inline-block; text-decoration:none; color:#bba87b; padding:0 0 2px 0; margin:0; border-bottom:1px solid #bba87b; line-height:normal; }
.bread a:hover, .bread a:active { text-decoration:none; color:#f0d4a0; border-bottom:1px solid #f0d4a0; }
.breadiv { display:inline-block; padding:0 15px; color:#666; font-size:1.6em; }
/*---------- CONSTRUCT --*/
.container { width:100%; max-width: 1366px; margin:0 auto; padding:20px; line-height:normal; }
.containernvp { width:100%; max-width: 1366px; margin:0 auto; padding:0 20px; line-height:normal; }
article { padding:5px 10px; }
article img { width:100%; height:auto; }
article.pd { padding:0; margin:0; font-size:0.9em; }
article.pg { padding:20px 0; margin:0; font-size:0.9em; }
article.pgexctr { padding:20px 40px 0 40px; text-align:center; margin:0; font-size:0.9em; text-align:center; color:#fff; }
article.pf { padding:20px 5px; margin:0; }
.stpgfade { background: #000; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#0d000f, #26061f); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#0d000f, #26061f); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#0d000f, #26061f); /* For Firefox 3.6 to 15 */
background: linear-gradient(#0d000f, #26061f); /* Standard syntax */
padding:0; margin:0; padding-top:130px;
}
.stpgfadenp { background: #000; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#0d000f, #26061f); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#0d000f, #26061f); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#0d000f, #26061f); /* For Firefox 3.6 to 15 */
background: linear-gradient(#0d000f, #26061f); /* Standard syntax */
padding:0; margin:0;
}
.stpgwh { background:#fff; padding-top:140px; }
.stpgwnp { background:url(/gfx/astonbg.jpg); padding-top:0; }
.stpgwp { background:url(/gfx/astonbg.jpg); padding-top:130px; }
.stpgwpex { background:url(/gfx/astonbg.jpg); padding:190px 0 50px 0; }
.stpgwpnd { background:url(/gfx/astonbg.jpg); padding:180px 0 50px 0; }
p img { width:100%; height:auto; }
section { padding:0 15px 10px 15px; }
section.co { background:rgba(255,255,255,0.9); padding:20px; margin:0 0 10px 0; border:1px solid #cdcdcd;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.acchds { display:block; font-weight:bold; font-size:1em; line-height:1.1em; padding:0 0 10px 0; margin:0 0 10px 0; letter-spacing:1px; color:#a08656; border-bottom:1px solid #cdcdcd; text-transform:uppercase; }
.downbtn { position:absolute; bottom:60px; left:0; right:0; margin: 0 auto; width:40px; opacity: 1; z-index:99999;
box-shadow: inset 0 0 0 0 rgba(77, 19, 55, 0.5);
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.downout { opacity:0; }
.smmstick { position:fixed; bottom:80px; left:10px; margin:0; opacity:1;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.smmstick.out { opacity:0; }
.uktag { position:fixed; top:25%; left:0; margin:0; opacity: 1; z-index:9999; width:80px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
animation: shake 1.4s ;
transform: translate3d(0, 0, 0);
}
@keyframes shake {
10%, 90% {
transform: translate3d(0, -2px, 0);
}
20%, 80% {
transform: translate3d(0, 4px, 0);
}
30%, 50%, 70% {
transform: translate3d(0, -6px, 0);
}
40%, 60% {
transform: translate3d(0, 6px, 0);
}
}
/*-- HEAD --*/
.hdtel { color:#cdcdcd; float:left; padding:10px 0 0 0; font-weight:bold; }
a[href^=tel] { color:#9C0106; }
a.db[href^=tel] { color:#fff; text-decoration:none; }
.headbx { position:fixed; top:0; left:0; right:0; background: url(/gfx/Flag-Header.png) left top no-repeat rgba(89, 75, 86, 0.8); z-index:9999; padding:5px 20px;
-webkit-transition:0.4s;
-moz-transition:0.4s;
transition:0.4s;
-moz-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3);
}
.headbx.sticky { height:auto; padding:5px 20px;
background: url(/gfx/Flag-Header.png) left top no-repeat rgba(0, 0, 0, 0.8);
-webkit-transition:0.4s;
-moz-transition:0.4s;
transition:0.4s;
z-index:9999;
-moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
}
header { width:100%; max-width:1366px; margin:0 auto; padding:0; text-align:center; z-index:9999; position:relative;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
}
.logo { margin:0 auto; padding:10px 0; width:100px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
}
.logopc { width:100%; padding:0 0 10px 0; margin:0 auto; display:block; }
.logostick { margin:0 auto; padding:10px 0 5px 0; width:70px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
}
.logotx { width:100%; padding:0; margin:0 auto; display:block; }
.logotxout { display:none; }
.logo33 { display:block; margin:0 auto; padding:14px 0 13px 0; width:100%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
}
.mininav { display:inline-block; }
.menuico { display:inline-block; width:27px; height:27px; padding:8px 0 0 0; margin:0 0 0 5px; cursor:pointer; }
.smmbx { position:absolute; left:0; top:7px; font-size:0.7em; }
.smmbx a { padding:0 10px 0 0; vertical-align:middle; }
.smmbtns { display:inline-block; }
.shareico { display:none; }
.openico { display:none; }
.langbx { position:absolute; right:0; top:14px; color:#fff; }
.langbx a { padding:0 0 0 10px; vertical-align:top; font-size:0.6em; color:#fff; }
.lanheader { text-align:left; padding:0; margin:0; }
.langbound { display:inline-block; background: rgba(0,0,0, 0.5); border:1px solid rgba(255,255,255,0.7); padding:0 0 1px 0; margin:1px 0 0 0; min-width:60px; vertical-align:top; text-align:left;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.langbound a { color:#cdcdcd; }
#thanksforthedrawing { display:none; }
.lanb { padding:3px 6px; font-size:0.6em; line-height:normal; cursor:pointer; text-align:left; vertical-align:top; }
.lanb img { padding:1px; margin:0 3px 0 0; width:20px; vertical-align:top; text-align:left; }
a:link.lanb, .a:visited.lanb { display:block; text-decoration:none; padding:3px 6px; font-size:0.6em; line-height:normal; vertical-align:top; }
a:hover.lanb, a:active.lanb { text-decoration:none; }
a:link.cart, a:visited.cart, a:hover.cart, a:active.cart { background: url(/gfx/cart.png) left center no-repeat; padding:0 0 0 20px; margin:0 0 0 5px; vertical-align:top; }
/*---------- IMG --*/
.imr1 { float:right; padding:0; margin:0 0 20px 20px; width:10%; height:auto; }
.imr2 { float:right; padding:0; margin:0 0 20px 20px; width:20%; height:auto; }
.imr3 { float:right; padding:0; margin:0 0 20px 20px; width:30%; height:auto; }
.imr4 { float:right; padding:0; margin:0 0 20px 20px; width:40%; height:auto; }
.imr5 { float:right; padding:0; margin:0 0 20px 20px; width:50%; height:auto; }
.imr6 { float:right; padding:0; margin:0 0 20px 20px; width:60%; height:auto; }
.imrpd { float:right; padding:0; margin:0 0 20px 80px; width:30%; height:auto; }
.iml1 { float:left; padding:0; margin:0 20px 20px 0; width:10%; height:auto; }
.iml2 { float:left; padding:0; margin:0 20px 20px 0; width:20%; height:auto; }
.iml3 { float:left; padding:0; margin:0 20px 20px 0; width:30%; height:auto; }
.iml4 { float:left; padding:0; margin:0 20px 20px 0; width:40%; height:auto; }
.iml5 { float:left; padding:0; margin:0 20px 20px 0; width:50%; height:auto; }
.iml6 { float:left; padding:0; margin:0 20px 20px 0; width:60%; height:auto; }
.imlpd { float:left; padding:0; margin:0 80px 20px 0; width:30%; height:auto; }
.imfull { float:none; width:100%; height:auto; margin:0; padding:0; }
.imc1 { float:none; padding:0; margin:0 auto; width:60%; height:auto; }
.imc2 { float:none; padding:0; margin:0 auto; width:70%; height:auto; }
.imc3 { float:none; padding:0; margin:0 auto; width:80%; height:auto; }
.imc4 { float:none; padding:0; margin:0 auto; width:90%; height:auto; }
.imc5 { float:none; padding:0; margin:0 auto; width:100%; height:auto; }
.imlvb { padding:0; margin:0 auto 20px 0; width:50%; height:auto; }
.imlvb, .imfull, .imr1, .imr2, .imr3, .imr4, .imr5, .imr6, .imrpd, .iml1, .iml2, .iml3, .iml4, .iml5, .iml6, .imlpd, .imc1,.imc2, .imc3, .imc4, .imc5, .imc6
{ -webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
/*-- NAV --*/
.navbx { display:block;
-webkit-transition:0.4s;
-moz-transition:0.4s;
transition:0.4s;
}
.navbxout { display:none;
-webkit-transition:0.2s;
-moz-transition:0.2s;
transition:0.2s;
}
nav { display:block; padding:0; height:auto; text-align:center; margin:0 auto; font-size:0.7em; letter-spacing:1px; line-height:normal; }
nav a:link, nav a:visited { display:inline-block; text-decoration:none; color:#fff; padding:10px; margin:0; vertical-align:middle; }
nav a:hover, nav a:active { text-decoration:none; color:#a08656; text-shadow: #48153d 0 0 5px; }
nav ul, li { padding:0; margin:0; line-height:normal; }
/*---------- SUB NAVS --*/
.sbpad { padding:22px 0 40px 0; }
#mobnavhead { display:none; }
.plisthd { background:#F1F1F1; display:block; width:100%; height:auto; padding:10px; text-decoration:none; font-size:0.9em; font-weight:bold; }
.sublist { text-align:left; text-transform:uppercase; }
.sublist ul, .sublist li { list-style:none; padding:0; margin:0; }
.sublist ul li { font-size:1em; }
.sublist ul li.opt a { background: #9C0106; display:block; width:100%; height:auto; padding:15px 10px; text-decoration:none; color:#fff; font-size:1em; font-weight:normal; }
.sublist ul li.opt a:hover { background:#9C0106; text-decoration:none; color:#fff; }
.sublist ul li a { text-decoration:none; display:block; font-size:0.8em; line-height:1em; padding:15px 10px; margin:0; color:#222; border-bottom:1px solid #c1c1c1;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
}
.sublist ul li a:hover { background:#1B0011; border-bottom:1px solid #1B0011; cursor:pointer; color:#fff; }
a:link.russsubnav, a:visited.russsubnav { text-decoration:none; background:#a08656; color:#fff;
-webkit-transition:0.2s;
-moz-transition:0.2s;
transition:0.2s;
}
/*---------- SUM BOXES --*/
.sumbxout { max-width: 100%; }
.sumbxout:after {
content: '';
display: block;
clear: both;
}
.sumbxsizer { width:24%; margin:1% 0.5%; }
.sumbxwrap { display:inline-block; width:24%; margin:1% 0.5%; vertical-align:top;
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 2s; /* Firefox < 16 */
-ms-animation: fadein 2s; /* Internet Explorer */
-o-animation: fadein 2s; /* Opera < 12.1 */
animation: fadein 2s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
input.sumboxhd { display:block; border:none; width:100%; background: url(/gfx/hd-ar.png) right 15px center no-repeat; padding:10px 20px; font-size:0.9em; text-align:left;
box-shadow: inset 0 0 0 0 rgba(77, 19, 55, 0.5);
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
transition: all ease 0.8s;
}
input.sumboxhd:hover { background: url(/gfx/hd-ar.png) right 15px center no-repeat; box-shadow: inset 0 -100px 0 0 rgba(77, 19, 55, 0.9); color: #FFF; }
.mboxhd { display:block; border:none; width:100%; background: url(/gfx/hd-ar.png) right 15px center no-repeat; padding:10px 20px; font-size:0.9em; text-align:left;
box-shadow: inset 0 0 0 0 rgba(77, 19, 55, 0.5);
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
transition: all ease 0.8s;
}
.mboxhd:hover { background: url(/gfx/hd-ar.png) right 15px center no-repeat; box-shadow: inset 0 -100px 0 0 rgba(77, 19, 55, 0.9); color: #FFF; }
a:link.lbox, a:visited.lbox { display:block; text-decoration:none; border:1px solid #cdcdcd; overflow:hidden;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
transition: all ease 0.4s;
-moz-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
padding:0; margin:0;
background:#fff;
color:inherit;
}
a:hover.lbox, a:active.lbox { -moz-box-shadow: 0 0 10px 3px rgba(98, 34, 83, 0.3);
-webkit-box-shadow: 0 0 10px 3px rgba(98, 34, 83, 0.3);
box-shadow: 0 0 10px 3px rgba(98, 34, 83, 0.3);
color:inherit;
}
/*
.lbox { border:1px solid #cdcdcd; overflow:hidden;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
transition: all ease 0.4s;
-moz-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
padding:0; margin:0;
background:#fff;
}
*/
.lbxtx { padding:20px; font-size:0.8em; line-height:normal; min-height:180px; }
.lbxtxfluid { padding:20px; font-size:0.8em; line-height:normal; }
a:link.pbox, a:visited.pbox { display:block; text-decoration:none; border:1px solid #cdcdcd; position:relative; overflow:hidden;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
transition: all ease 0.4s;
-moz-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
background:#fff;
color:inherit;
}
a:hover.pbox, a:active.pbox { -moz-box-shadow: 0 0 10px 3px rgba(98, 34, 83, 0.3);
-webkit-box-shadow: 0 0 10px 3px rgba(98, 34, 83, 0.3);
box-shadow: 0 0 10px 3px rgba(98, 34, 83, 0.3);
color:inherit;
}
/*
.pbox { border:1px solid #cdcdcd; position:relative; overflow:hidden;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
transition: all ease 0.4s;
-moz-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
background:#fff;
}
*/
.pbxbx { padding:20px; font-size:0.8em; line-height:1.4em; position:absolute; bottom:0; color:#fff;
background: rgba(0, 0, 0, 0.7); /* For browsers that do not support gradients */
background: linear-gradient(transparent, black); /* Standard syntax */
background: -webkit-linear-gradient(transparent, black); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(transparent, black); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(transparent, black); /* For Firefox 3.6 to 15 */
}
.pxbhd { font-weight:bold; font-size:1.15em; line-height:1.5em; padding:0 0 10px 0; }
.photo { width:100%;
height: auto;
margin: 0;
background: #FFF;
display:block;
overflow: hidden;
}
.photo img { display:block;
width: 100%;
height: auto;
opacity: 0.9;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.photo img:hover { transform: scale(1.05); opacity: 1; }
.lbox:hover .photo img { transform: scale(1.05); opacity: 1; }
.pbox:hover .photo img { transform: scale(1.05); opacity: 1; }
.price { padding:10px 0 0 0; font-weight:bold; font-size:1.4em; color:#430b2e; }
/*---------- A33 --*/
.a33bx { display:inline-block; width:20%; padding:20px; vertical-align:top; text-align:center; }
.ppicr { display:block; width:100%; vertical-align:middle; overflow: hidden; background:#69235f; position:relative;
border:1px solid #3C1E32;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.ppicr img { display:block;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
width: 100%;
height: auto;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.a33bx:hover .ppicr img { transform: scale(1.05); }
.ppicr img:hover { transform: scale(1.05); }
.a33hd { font-size:1.1em; color:#a08656; padding:15px 0 10px 0; text-transform:uppercase; }
.a33sub { font-size:0.8em; color:#fff; padding:0 0 10px 0; }
/*-- NEW A33 --*/
.gspic { opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
-webkit-filter: grayscale(1);
filter: grayscale(1);
filter: grayscale(100%);
}
.soontx { position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:2; color:#E2DDE4; font-size:1.6em; line-height:1em; }
.prtix { background:rgba(160,134,86,0.9); position:absolute; bottom:40px; left:0; right:0; margin:0 auto; padding:10px; z-index:2; color:#E2DDE4; font-size:1.2em; line-height:1em;
-webkit-animation: fadeinout 6s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadeinout 6s; /* Firefox < 16 */
-ms-animation: fadeinout 6s; /* Internet Explorer */
-o-animation: fadeinout 6s; /* Opera < 12.1 */
animation: fadeinout 6s;
}
@-webkit-keyframes fadeinout {
0% { opacity: 0; }
25% { opacity: 1; }
50% { opacity: 1; }
75% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes fadeinout {
0% { opacity: 0; }
25% { opacity: 1; }
50% { opacity: 1; }
75% { opacity: 1; }
100% { opacity: 0; }
}
/*---------- PRODUCTS --*/
a:link.psumbx, a:visited.psumbx { display:inline-block; text-decoration:none; width:25%; padding:20px; vertical-align:top; text-align:center; }
.psumbx:hover .ppicr img { transform: scale(1.05); opacity: 1; }
.fa-angle-right { font-size:0.6em; vertical-align:middle; padding:0 5px 0 0; color:rgba(255,255,255,0.5) }
/*---------- REV BOXES --*/
.rvbxhd { background: url(/gfx/hd-ar.png) right 15px center no-repeat; display:block; border:none; width:100%; padding:10px 20px; font-size:0.9em; text-align:left; font-weight:bold; border-bottom:1px solid #cdcdcd;
box-shadow: inset 0 0 0 0 rgba(77, 19, 55, 0.5);
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
transition: all ease 0.8s;
}
.rvbxhd:hover { background: url(/gfx/hd-ar.png) right 15px center no-repeat; box-shadow: inset 0 -100px 0 0 rgba(77, 19, 55, 0.9); color: #FFF; }
a:link.rsmbx, a:visited.rsmbx { display:block; text-decoration:none; background:#fff;
border:1px solid #cdcdcd; overflow:hidden;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
transition: all ease 0.4s;
-moz-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
padding:0;
display:inline-block;
width:49%; margin:1% 0.5%;
color:inherit;
vertical-align:top;
}
a:hover.rsmbx, a:active.rsmbx { -moz-box-shadow: 0 0 10px 3px rgba(98, 34, 83, 0.3);
-webkit-box-shadow: 0 0 10px 3px rgba(98, 34, 83, 0.3);
box-shadow: 0 0 10px 3px rgba(98, 34, 83, 0.3);
color:inherit;
}
/*--
.rsmbx { background:#fff;
border:1px solid #cdcdcd; overflow:hidden;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
transition: all ease 0.4s;
-moz-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
padding:0;
display:inline-block;
width:49%; margin:1% 0.5%;
}
--*/
.picrev { width:50%;
height: auto;
margin: 0;
padding:0;
background: #FFF;
display:table-cell;
overflow: hidden;
}
.picrev img { display:block;
width:100%;
height: auto;
opacity: 0.9;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
vertical-align:top;
}
.picrev img:hover { transform: scale(1.05); opacity: 1; }
.rvsumtx { display:table-cell; padding:20px; font-size:0.8em; line-height:normal; width:50%; vertical-align:middle; }
.rsmbx:hover .picrev img { transform: scale(1.05); opacity: 1; }
/*---------- PARA BOX --*/
.para { height:1100px;
width: 100%;
margin: 0;
padding:0;
position:relative;
}
.paracontent { position:absolute; bottom:0; left:0; right:0; background: rgba(59, 10, 46, 0.95);
-webkit-transition:0.4s;
-moz-transition:0.4s;
transition:0.4s;
}
a:link.paracontain, a:visited.paracontain { display:block; text-decoration:none; width:100%; max-width: 1366px; margin:0 auto; padding:0 20px; line-height:0.1em; color:inherit;
-webkit-transition:none;
-moz-transition:none;
transition:none;
}
.qtbx { display:inline-block; width:75%; text-align:center; vertical-align:middle; font-size:1.4em; line-height:2em; color:#fff; }
.qtpic { display:inline-block; width:25%; vertical-align:middle; margin:0; padding:0; }
.qtl { vertical-align:bottom; font-family:'Trebuchet MS', sans-serif; font-size:3em; line-height:0.4em; padding:0 8px 0 0; color:#814371; font-style: normal; }
.qtr { vertical-align:bottom; font-family:'Trebuchet MS', sans-serif; font-size:3em; line-height:0.4em; padding:0 0 0 10px; color:#814371; font-style: normal; }
.qtnm { padding:10px 0 0 0; font-size:0.7em; line-height:normal; color:#fff; }
/*-- VOTING --*/
section.vt { background:rgba(255,255,255,0.1); padding:20px; margin:0 0 10px 0; border:1px solid rgba(255,255,255,0.3); color:#fff;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
article.vt { background:rgba(255,255,255,0.1); padding:20px; margin:20px 0 10px 0; border:1px solid rgba(255,255,255,0.3); color:#fff;
font-size:0.9em; line-height:1.6em;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.vprogbx { padding:20px 0; }
h2.vprog { font-size:1.2em; line-height:normal; padding:10px 0; color:#fff; font-weight:normal; }
.vthds { display:block; font-weight:bold; font-size:1em; line-height:1.1em; padding:0 0 10px 0; margin:0 0 10px 0; letter-spacing:1px; color:#a08656; border-bottom:1px solid rgba(255,255,255,0.2); text-transform:uppercase; }
article.vpg { padding:0 0 0 40px; margin:40px 0; font-size:0.9em; border-left:1px solid rgba(160,134,86, 0.4); }
section.vpg { padding:0; margin:40px 0; font-size:0.8em; color:#fff; }
section.vptc { padding:25px 40px; font-size:0.8em; color:#fff; }
.vpbxa { display:block; background:rgba(255,255,255,0.1); padding:30px; width:100%; margin:40px 0 0 0; vertical-align:top; line-height:1.6em; color:#fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
word-wrap: break-word;
}
.vpbxb { display:block; background:rgba(255,255,255,0.1); padding:30px; width:100%; margin:0 0 40px 0; vertical-align:top; line-height:1.6em; color:#fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
word-wrap: break-word;
position:relative;
}
a:link.vpdwbtn, a:visited.vpdwbtn { float:right; display:table-cell; text-decoration:none; background: rgba(146,56,105,0.4); border:1px solid rgba(146,56,105,0.9); padding:10px 20px; margin:0 0 20px 0; line-height:normal; letter-spacing:1px; font-size:0.9em; cursor:pointer; color:#fff; font-weight:bold; text-align:center;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-animation : pulse 1.4s infinite;
-moz-animation : pulse 1.4s infinite;
-o-animation : pulse 1.4s infinite;
animation : pulse 1.4s infinite;
}
a:hover.vpdwbtn, a:active.vpdwbtn { background: rgba(146,56,105,0); border:1px solid rgba(146,56,105,1);
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
transition: all ease 0.4s;
}
input.subtn { display:inline-block; background:#d6d6d6; padding:10px 20px; border:1px solid #d5d5d5; font-size:0.8em; line-height:normal; color:#000; cursor:pointer; text-transform:uppercase;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
transition: all ease 0.4s;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
input.subtn:hover { background:#1b0011; border:1px solid #d5d5d5; color:#fff;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
box-shadow: inset 0 50px 0 0 #1b0011;
}
input.votecd { display:inline-block; background:#e9e9e9; border:1px solid #d5d5d5; padding:10px; margin:0; font-size:0.8em; line-height:normal; color:#000; width:150px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-moz-box-shadow: inset 0 0 2px 2px #fff;
-webkit-box-shadow: inset 0 0 2px 2px #fff;
box-shadow: inset 0 0 2px 2px #fff;
}
.vtnotebx { padding:20px 0; }
.vtnotel { display:inline-block; width:50%; padding:0 20px 0 0; }
.vtnoter { display:inline-block; width:50%; padding:0 0 0 20px; }
.vtvidr { float:right; width:50%; padding:0 0 0 30px; }
/*
@keyframes pulse {
from {
transform: scale(1);
opacity: 1;
-webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.6);
box-shadow: 0 0 10px 3px rgba(0,0,0,0.6);
}
50% {
transform: scale(0.96);
opacity: 0.0.8;
-webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,0.1);
box-shadow: 0 0 5px 3px rgba(0,0,0,0.1);
}
to {
transform: scale(1);
opacity: 1;
-webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.6);
box-shadow: 0 0 10px 3px rgba(0,0,0,0.6);
}
}
*/
.fa-download { font-size:1.4em; padding:0 0 0 5px; }
.vtbx { display:table; width:100%; padding:0 0 10px 0; }
.vtnum { display:table-cell; padding:10px; width:60px; background:#fff; font-size:1.4em; color:#000; margin:0; text-align:center; font-weight:bold;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.vtsp { display:table-cell; width:10px; }
.vtslot { display:table-cell; padding:10px; background:rgba(138, 118, 78, 0.2); border:1px solid rgba(160,134,86, 0.4); font-size:1.4em; color:#000; width:auto;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.vtabv { display:inline-block; font-size:0.7em; }
.vtsamp { padding:10px; background: rgba(160,134,86, 1); display:inline-block; width:32.3333333333%; margin:0 0.5% 2% 0.5%; font-size:1.2em; cursor:grab;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
text-align:center;
}
.ui-draggable-dragging { background: rgba(160,134,86, 0.5); border:1px solid rgba(160,134,86, 1); -moz-box-shadow: 0 0 20px 3px rgba(156,135,87,0.4);
-webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.6);
box-shadow: 0 0 10px 3px rgba(0,0,0,0.6);
z-index:9999;
}
.ui-draggable-dragging { cursor: -webkit-grabbing; cursor: grabbing; }
.dropped { padding:10px; background: rgba(160,134,86, 1); border:1px solid rgba(160,134,86, 1); display:inline-block; margin:0; font-size:1.4em; width:100%;
cursor: -webkit-grab; cursor: grab;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
input.vxbtn { padding:3px 10px; border:1px solid #c40000; background:#650000; font-size:0.5em; letter-spacing:1px; float:right; vertical-align:middle; color:#fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
input.vxbtn:hover { padding:3px 10px; border:1px solid #c40000; background:#650000; font-size:0.5em;
-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.5);
box-shadow: 0 0 2px 2px rgba(0,0,0,0.5);
animation: shake 1s;
}
@keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); }
20%, 80% { transform: translate3d(1px, 0, 0); }
30%, 50%, 70% { transform: translate3d(-2px, 0, 0); }
40%, 60% { transform: translate3d(2px, 0, 0); }
}
.vtbxhd { font-size: 1.5em; font-weight: normal; line-height: 1.2em; padding: 0 0 10px 0; color: #a08656; text-align: left; }
.vtbsrc { display:inline-block; font-size:0.9em; padding:0 0 0 10px; color:#fff; letter-spacing:1px; }
.vtbxtx { padding:0 0 40px 0; margin:0; }
.vtbtnbx { padding:20px 0 0 0; font-size:1.2em; width:100%; border-top:1px solid rgba(255,255,255,0.1); }
.vtbtnl { float:left; }
.vtbtnr { float:right; }
.fa-clipboard-check { font-size:1.6em; color: rgba(160,134,86, 0.9); padding:0 5px 0 0; }
.fa-clipboard { font-size:1.6em; color: rgba(160,134,86, 0.4); padding:0 5px 0 0; }
.fa-award { padding:0 5px 0 0; font-size:1.2em; color: rgba(160,134,86, 0.9); }
.vpcnt { padding:20px 0 0 0; }
a:link.vtproga, a:visited.vtproga { display:block; text-decoration:none; background:rgba(0,0,0,0.3); color:#A08656; padding:10px; margin:0 0 5px 0; vertical-align:top; line-height:normal;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
a:hover.vtproga, a:active.vtproga { text-decoration:none; background:rgba(255,255,255,0.1); color:#fff; }
a:link.vtprogaruss, a:visited.vtprogaruss,
a:hover.vtproga, a:active.vtproga { display:block; text-decoration:none; background:rgba(255,255,255,0.1); color:#fff; padding:10px; margin:0 0 5px 0; vertical-align:top; line-height:normal;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.adivbx { margin:20px 0; }
.adivbtn { background: rgba(0,0,0,0.9); font-size:0.6em; letter-spacing:1px; padding:10px 20px 0 20px; margin:0 0 0 auto; display:table; cursor:pointer; color:#c3a97a; }
.fa-expand { padding:0 0 0 10px; color:#fff; }
.addiv { background: rgba(0,0,0,0.9); padding:20px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
/**
.vtproga { padding:5px 0 10px 0; color:#fff; }
.vtprogb { padding:5px 0 10px 0; color:#8a8a8a; }
**/
/*---------- NEWS --*/
.medvhd { display:inline-block; width:50%; padding:20px; vertical-align:middle; font-size:2em; color:#fff; }
.medvtx { display:inline-block; width:50%; padding:20px; vertical-align:middle; color:#fff; }
a:link.mukback, a:visited.mukback { display:block; text-decoration:none; background:#eeeeee; padding:10px 10px 10px 60px; font-size:0.7em; color:#121212; }
a:hover.mukback, a:active.mukback { text-decoration:none; background:#eeeeee; color:#a08656; }
a:link.nartback, a:visited.nartback { display:block; text-decoration:none; background:#eeeeee; padding:10px 10px 10px 100px; font-size:0.7em; color:#121212; }
a:hover.nartback, a:active.nartback { text-decoration:none; background:#a08656; color:#fff; }
.nartbx { background:#fff; width:90%; max-width: 1366px; margin:0 auto 0 auto; padding:20px; line-height:normal;
border:1px solid #cdcdcd; overflow:hidden;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-moz-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
padding:0;
}
article.nart { padding:40px 100px; margin:0; font-size:0.9em; line-height:1.6em; word-break:break-word; text-align:justify; }
article.signup { padding:40px 100px; margin:0; font-size:0.9em; line-height:1.6em; word-break:break-word; text-align:left; }
.weleft { float:left; width:48%; }
.nsignbx { padding:20px 0 20px 100px; width:60%; margin:0 auto 0 0; }
.ndsocbx { position:absolute; left:0; top:45px; }
article.mukt { padding:40px 60px 30px 60px; margin:0; font-size:0.9em; line-height:1.6em; }
article.mukp { padding:60px; margin:0; font-size:0.9em; line-height:1.6em; }
article.mukp img { -webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
a:link.nsuml, a:visited.nsuml { display:inline-block; text-decoration:none; font-size:0.9em; padding:0 20px 0 0; line-height:1.8em; }
a:link.nsumr, a:visited.nsumr { display:inline-block; text-decoration:none; font-size:0.9em; padding:0 0 0 20px; line-height:1.8em; }
.awardbar { background:#030003; text-align:center; padding:0 20px; }
.awardbar img { width:78px; padding:3px 3px 0 3px; display:inline-block; vertical-align:middle; }
.addyl { line-height:1.8em; }
.addyr { line-height:1.8em; }
.addytx { padding:20px 0; font-size:0.9em; height:90px; line-height:normal; }
.jointx { padding:20px 0; font-size:0.9em; height:90px; text-align:right; line-height:normal; }
.jbtnbx { text-align:right; }
.srchbx {clear:both; background:#F1F1F1; padding:20px; margin:10px 0; border:1px solid #cdcdcd; text-align:left;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
input.nsrch { background:#fff; border:1px solid #d5d5d5; padding:10px 15px; margin:0 10px 0 0; font-size:1em; line-height:normal; color:#000; width:100%; vertical-align:top;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-moz-box-shadow: inset 0 0 2px 2px #fff;
-webkit-box-shadow: inset 0 0 2px 2px #fff;
box-shadow: inset 0 0 2px 2px #fff;
}
input.schbtn { background:#a08656; border:1px solid #a08656; padding:10px; margin:0; font-size:1em; line-height:normal; color:#fff; cursor:pointer; text-transform:uppercase; width:100%; vertical-align:top;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
transition: all ease 0.4s;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
input.schbtn:hover { background:#1b0011; border:1px solid #1b0011; color:#fff;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
box-shadow: inset 0 50px 0 0 #1b0011;
}
input.resbtn { background:#E0E0E0; border:1px solid #c5c5c5; padding:10px; margin:0; font-size:1em; line-height:normal; color:#121212; cursor:pointer; text-transform:uppercase; width:100%; vertical-align:top;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
transition: all ease 0.4s;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
input.resbtn:hover { background:#1b0011; border:1px solid #1b0011; color:#fff;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
box-shadow: inset 0 50px 0 0 #1b0011;
}
/*---------- FORMS --*/
.gdrpform { width:50%; background:#14000D; padding:20px; margin:20px 0 40px 0; float:left; }
.lbfield { padding:0 0 5px 0; overflow:hidden; }
.lbfield50 { padding:10px 0; overflow:hidden; }
.formgrouphd { padding: 10px 0; margin: 0; text-align: left; line-height: normal; font-size: 0.8em; }
.formgrouphdb { padding:20px 0 10px 0; margin:20px 0 0 0; text-align: left; line-height: normal; font-size: 0.8em; border-top:1px solid rgba(255,255,255,0.2); }
label.form { background:none; display:block; float:left; padding:10px 0; margin:0; text-align:left; min-width:100px; width:auto; line-height:normal; font-size:0.8em; text-transform:uppercase; }
label.form50 { background:none; display:block; float:left; padding:10px 0; margin:0; text-align:left; min-width:100px; width:auto; line-height:normal; font-size:0.8em; text-transform:uppercase; }
input.form { display:block; background:#e9e9e9; border:1px solid #d5d5d5; padding:10px; margin:0 0 5px 0; font-size:0.8em; line-height:normal; color:#000; width:100%;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-moz-box-shadow: inset 0 0 2px 2px #fff;
-webkit-box-shadow: inset 0 0 2px 2px #fff;
box-shadow: inset 0 0 2px 2px #fff;
}
input.formx { display:block; background:#fff; border:1px solid red; padding:10px; margin:0 0 5px 0; font-size:0.8em; line-height:normal; color:red; width:100%;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-moz-box-shadow: inset 0 0 2px 2px #fff;
-webkit-box-shadow: inset 0 0 2px 2px #fff;
box-shadow: inset 0 0 2px 2px #fff;
}
input.form50 { display:block; background:#e9e9e9; border:1px solid #d5d5d5; padding:10px; margin:0 2% 2% 0; font-size:0.8em; line-height:normal; color:#000; width:49%;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-moz-box-shadow: inset 0 0 2px 2px #fff;
-webkit-box-shadow: inset 0 0 2px 2px #fff;
box-shadow: inset 0 0 2px 2px #fff;
}
input.form50x { display:block; background:#fff; border:1px solid red; padding:10px; margin:0 2% 2% 0; font-size:0.8em; line-height:normal; color:red; width:49%;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-moz-box-shadow: inset 0 0 2px 2px #fff;
-webkit-box-shadow: inset 0 0 2px 2px #fff;
box-shadow: inset 0 0 2px 2px #fff;
}
input.form50l { display:inline-block; background:#e9e9e9; border:1px solid #d5d5d5; padding:10px; margin:0 2% 2% 0; font-size:0.8em; line-height:normal; color:#000; width:49%;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-moz-box-shadow: inset 0 0 2px 2px #fff;
-webkit-box-shadow: inset 0 0 2px 2px #fff;
box-shadow: inset 0 0 2px 2px #fff;
}
input.form50lx { display:inline-block; background:#fff; border:1px solid red; padding:10px; margin:0 2% 2% 0; font-size:0.8em; line-height:normal; color:red; width:49%;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-moz-box-shadow: inset 0 0 2px 2px #fff;
-webkit-box-shadow: inset 0 0 2px 2px #fff;
box-shadow: inset 0 0 2px 2px #fff;
}
input.form50r { display:inline-block; background:#e9e9e9; border:1px solid #d5d5d5; padding:10px; margin:0 0 2% 0; font-size:0.8em; line-height:normal; color:#000; width:49%;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-moz-box-shadow: inset 0 0 2px 2px #fff;
-webkit-box-shadow: inset 0 0 2px 2px #fff;
box-shadow: inset 0 0 2px 2px #fff;
}
input.form50rx { display:inline-block; background:#fff; border:1px solid red; padding:10px; margin:0 0 2% 0; font-size:0.8em; line-height:normal; color:red; width:49%;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-moz-box-shadow: inset 0 0 2px 2px #fff;
-webkit-box-shadow: inset 0 0 2px 2px #fff;
box-shadow: inset 0 0 2px 2px #fff;
}
textarea.form { background:#e9e9e9; border:1px solid #d5d5d5; padding:10px; margin:0 0 2% 0; vertical-align:top; font-size:0.8em; line-height:normal; color:#000; width:100%; height:140px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-moz-box-shadow: inset 0 0 2px 2px #fff;
-webkit-box-shadow: inset 0 0 2px 2px #fff;
box-shadow: inset 0 0 2px 2px #fff;
resize: none;
}
textarea.formx { background:#e9e9e9; border:1px solid red; padding:10px; margin:0 0 2% 0; vertical-align:top; font-size:0.8em; line-height:normal; color:red; width:100%; height:140px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-moz-box-shadow: inset 0 0 2px 2px #fff;
-webkit-box-shadow: inset 0 0 2px 2px #fff;
box-shadow: inset 0 0 2px 2px #fff;
}
input.dobtn { display:inline-block; background:#d6d6d6; padding:15px 20px; border:1px solid #d5d5d5; font-size:0.8em; line-height:normal; color:#000; cursor:pointer; text-transform:uppercase;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
transition: all ease 0.4s;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
input.dobtn:hover { background:#1b0011; border:1px solid #d5d5d5; color:#fff;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
box-shadow: inset 0 50px 0 0 #1b0011;
}
a:link.dobtn, a:visited.dobtn { display:inline-block; text-decoration:none; background:#d6d6d6; padding:15px 20px; border:1px solid #d5d5d5; font-size:0.8em; line-height:normal; color:#000; cursor:pointer; text-transform:uppercase;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
transition: all ease 0.4s;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
a:hover.dobtn, a:active.dobtn { text-decoration:none; background:#1b0011; border:1px solid #d5d5d5; color:#fff;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
box-shadow: inset 0 50px 0 0 #1b0011;
}
input.lddbgbtn { display:inline-block; background:#a08656; padding:15px 20px; border:1px solid #a08656; font-size:0.8em; line-height:normal; color:#fff; cursor:pointer; text-transform:uppercase;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
transition: all ease 0.4s;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
input.lddbgbtn:hover { background:none; border:1px solid #a08656; color:#a08656;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
}
input.dealbtn { background: rgba(160, 134, 86, 0.3); padding:15px; border:1px solid #6e5425; font-size:0.8em; line-height:normal; color:#fff; cursor:pointer; text-transform:uppercase;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
transition: all ease 0.4s;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
input.dealbtn:hover { background: rgba(160, 134, 86, 1); border:1px solid #a08656; color:#000;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
box-shadow: inset 0 50px 0 0 rgba(160, 134, 86, 1);
}
a:link.dealbtn, a:visited.dealbtn { display:inline-block; text-decoration:none; background: rgba(160, 134, 86, 0.3); padding:15px; border:1px solid #6e5425; font-size:0.8em; line-height:normal; color:#fff; cursor:pointer; text-transform:uppercase;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
transition: all ease 0.4s;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
a:hover.dealbtn, a:active.dealbtn { text-decoration:none; background: rgba(160, 134, 86, 1); border:1px solid #a08656; color:#000;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
box-shadow: inset 0 50px 0 0 rgba(160, 134, 86, 1);
}
input.contbtn { background: rgba(86, 1, 70, 1); padding:15px 20px; border:1px solid #30112a; font-size:0.8em; line-height:normal; color:#fff; cursor:pointer; text-transform:uppercase; text-align:center;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
transition: all ease 0.4s;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
input.contbtn:hover { background: rgba(160, 134, 86, 1); border:1px solid #a08656; color:#000;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
box-shadow: inset 0 50px 0 0 rgba(160, 134, 86, 1);
}
a:link.contbtn, a:visited.contbtn { display:inline-block; text-decoration:none; background: rgba(86, 1, 70, 1); padding:15px 20px; border:1px solid #30112a; font-size:0.8em; line-height:normal; color:#fff; cursor:pointer; text-transform:uppercase; text-align:center;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
transition: all ease 0.4s;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
a:hover.contbtn, a:active.contbtn { text-decoration:none; background: rgba(160, 134, 86, 1); border:1px solid #a08656; color:#000;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
box-shadow: inset 0 50px 0 0 rgba(160, 134, 86, 1);
}
input.tabbtn { background: rgba(86, 1, 70, 0.3); padding:15px; border:1px solid #30112a; font-size:0.8em; line-height:normal; color:#fff; cursor:pointer;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
transition: all ease 0.4s;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
input.tabbtn:hover { background: rgba(86, 1, 70, 1); border:1px solid #560146;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
box-shadow: inset 0 50px 0 0 rgba(86, 1, 70, 1);
}
a:link.readbtn, a:visited.readbtn { display:table; background:#9c8757; padding:10px 15px; margin:20px auto 0 0; border:1px solid #9c8757; font-size:0.7em; line-height:normal; color:#fff; cursor:pointer; text-transform:uppercase;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
transition: all ease 0.4s;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
a:hover.readbtn, a:active.readbtn { background:#1b0011; border:1px solid #d5d5d5; color:#fff;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
box-shadow: inset 0 50px 0 0 #1b0011;
}
input[type="checkbox"] { display:none; }
label.cbz { cursor: pointer; font-size:0.9em; line-height:normal; vertical-align:middle; }
input[type="checkbox"] + label.cbz:before {
border: 1px solid #9c9c9c;
background:#fff;
content: "\00a0";
display: inline-block;
font:1em sans-serif;
line-height:normal;
height:22px;
width:22px;
margin:0 10px 0 0;
padding:0;
vertical-align:top;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
input[type="checkbox"]:checked + label.cbz:before {
border: 1px solid #000;
background:#a08656;
color: #fff;
content: "\2713";
text-align: center;
vertical-align:top;
font-weight: bold;
}
input[type="checkbox"]:checked + label.cbz:after {
font-weight: bold;
}
.cbx { display:block; padding:5px 0 10px 0; }
.cbxspan { display:inline-block; padding:10px 20px 0 0; }
/*-------- PAGING --*/
.pgbx { background:#f4f4f4; color:#222; clear:both; padding:10px; margin:0 15px 10px 15px; font-size:0.7em; font-weight:bold; border:1px solid #cdcdcd; clear:both; }
.fepg { float:left; padding:0; margin:0; }
.fepg a:link, .fepg a:visited { display:inline-block; text-decoration:none; color:#000; font-size:1.2em; line-height:0.9em; padding:5px 7px; margin:0 2px 0 0; }
.fepg a:hover, .fepg a:active { text-decoration:none; background:#711649; color:#fff; }
a:link.hpg, a:visited.hpg, a:hover.hpg, a:active.hpg { display:inline-block; text-decoration:none; background:#711649; color:#fff; }
input.pgbtn { background:#3E3F3E; border:1px solid #3E3F3E; padding:4px 8px 8px 8px; margin:0 2px 0 0; font-size:1.8em; line-height:0.6em; color:#AACA65; cursor:pointer;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
}
input.pgbtn:hover { background:#711649; border:1px solid #711649; color:#fff; }
/*---------- VID --*/
.vidwrap { position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.vidwrap iframe { position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.vidwrapr { float:right;
width:50%;
position: relative;
padding-bottom: 25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.vidwrapr iframe { position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*---------- DEAL --*/
.gmap { padding:0 7px; }
.dealsrbx { background:rgba(0,0,0,0.1); padding:20px 2px; margin:0; width:100%;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.dlopbx { display:inline-block; vertical-align:top; padding:0 5px; margin:0; width:25%; }
select.dealdp { background: url(/gfx/droparrow.png) center right 10px no-repeat; border:transparent; padding:9px 30px 9px 10px; cursor:pointer; font-size:0.9em; line-height:normal; width:100%; }
input.deal { background:#fff; border:1px solid #d2d2d2; padding:10px; margin:0; font-size:0.9em; line-height:normal; width:100%;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
input.dealfindbtn { background:#9c8757; border:1px solid #9c8757; padding:10px; text-align:center; margin:0; font-size:0.9em; line-height:normal; width:100%; color:#fff; cursor:pointer;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
input.dealfindbtn:hover { background:#1b0011; border:1px solid #2e061f; color:#fff;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
box-shadow: inset 0 50px 0 0 #1b0011;
}
.dealdpwrap { display:inline-block; background: url(/gfx/dropbgfade.png) top repeat-x #fff; border:1px solid #b6b6b6; padding:1px; margin:0; width:100%;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.dlradv { display:inline-block; padding:0; width:49%; margin:1% 0.5% 0 0.5%; vertical-align:top; line-height:1.6em; color:#000;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.dlradv img { display:block;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.dlrfeat { display:inline-block; background:rgba(255,255,255,0.1); padding:20px; width:49%; margin:1% 0.5% 0 0.5%; vertical-align:top; line-height:1.6em; color:#fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
word-wrap: break-word;
}
.dlrhd { font-size:1.4em; color:#9c8757; padding:0 0 15px 0; margin:0 0 15px 0; border-bottom:1px solid #4d2d45; }
.dlrinfl { display:inline-block; width:50%; padding:0 20px 0 0; vertical-align:top; min-height:140px; }
.dlrinfr { display:inline-block; width:50%; padding:0; line-height:1.8em; }
.dlrrad { background:url(/gfx/radius-ico.png) left center no-repeat; padding:0 0 0 30px; }
.dlrweb { background:url(/gfx/web-ico.png) left center no-repeat; padding:0 0 0 30px; }
.dlrmail { background:url(/gfx/mail-ico.png) left center no-repeat; padding:0 0 0 30px; }
.dlrtel { background:url(/gfx/tel-ico.png) left center no-repeat; padding:0 0 0 30px; }
.info_content { color:#000; cursor:pointer; line-height:1.4em; font-weight:bold; }
.dlrpop { display:block; background:rgba(35, 11, 30, 0.9); border:2px solid #30112A; padding:20px; width:60%; margin:1% 0.5% 0 0.5%; vertical-align:top; font-size:0.9em; line-height:1.6em; color:#fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
}
/*---------- BIG PANELS --*/
.panpad { padding:40px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
vertical-align:middle;
}
.bigpdpanel { padding:120px; margin:0; }
.pdpanfull { width:100%; margin:0 auto; padding:40px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.pdpanl { float:left; width:48%; margin:0; padding:0;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.pdpanr { float:right; width:48%; margin:0; padding:0;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.pdpanrf { float:right; width:48%; margin:0; padding:40px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.pdpanhd { font-size:1.6em; line-height:normal; font-weight:normal; padding:0 0 20px 0; color:#a08656; }
.pdpantx { font-size:0.9em; }
.pdpanlab { color:#957f4a; font-size:0.8em; padding:10px 0 0 0; }
.pdblrep { padding:20px 0; margin:0; }
a:link.pdblrep, a:visited.pdblrep { display:block; text-decoration:none; color:inherit; padding:20px 0; margin:0; }
a:hover.pdblrep, a:active.pdblrep { text-decoration:none; color:inherit; }
.pdpanhdrev { font-size:1.3em; font-weight:normal; line-height:1.2em; padding:0 0 10px 0; color:#611350; }
.pdpanicon { display:inline-block; vertical-align:middle; width:25%; margin:0; padding:0; }
.pdpanicon img { width:100%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
border:1px solid #3C1E32;
box-shadow: 0 0 20px 2px rgba(255, 255, 255, 0.2);
}
.pdicotx { display:inline-block; vertical-align:middle; width:75%; margin:0; padding:0 0 0 30px; }
.tabox { background: url(/gfx/astonbg.jpg) #eee; padding:40px 20px; }
/*---------- PROD DETAILS --*/
.dboundauto { display:inline-block; background:#e9e9e9; border:1px solid #d5d5d5; padding:0; margin:0 0 0 10px; width:auto; vertical-align:middle;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-moz-box-shadow: inset 0 0 2px 2px #fff;
-webkit-box-shadow: inset 0 0 2px 2px #fff;
box-shadow: inset 0 0 2px 2px #fff;
}
.dropbound { display:inline-block; background:#e9e9e9; border:1px solid #d5d5d5; padding:0; margin:0 0 5px 0; width:100%;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-moz-box-shadow: inset 0 0 2px 2px #fff;
-webkit-box-shadow: inset 0 0 2px 2px #fff;
box-shadow: inset 0 0 2px 2px #fff;
}
.dropboundx { display:inline-block; background:#fff; border:1px solid red; padding:0; margin:0 0 5px 0; width:100%;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-moz-box-shadow: inset 0 0 2px 2px #fff;
-webkit-box-shadow: inset 0 0 2px 2px #fff;
box-shadow: inset 0 0 2px 2px #fff;
}
select.opts { background: url(/gfx/droparrow.png) center right 10px no-repeat; border:transparent; padding:10px 50px 10px 10px; cursor:pointer; font-size:0.8em; line-height:normal; width:100%;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
}
select.opts:hover { background: url(/gfx/droparrow.png) center right 10px no-repeat;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
}
/*---------- Bullet Pop --*/
.bupbx { background:rgba(35, 11, 30, 0.9); border:2px solid #30112A; padding:20px; width:80%; position:relative;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
}
.bupic { display:inline-block; width:50%; padding:20px; vertical-align:top; }
.buptx { display:inline-block; width:50%; padding:20px; vertical-align:top; }
.popic { display:block; width:100%;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.pophd { font-size:1.6em; font-weight:normal; line-height:normal; padding:0 0 20px 0; margin:0 0 20px 0; color:#a08656; border-bottom:1px solid #4e1e45; }
.poptx { font-size:0.9em; color:#fff; }
.closebtn { position:absolute; right:-10px; top:-10px; cursor:pointer; }
.pnbtn { display:inline-block; background: rgba(160, 134, 86, 0.3); padding:10px; border:1px solid #6e5425; font-size:0.7em; line-height:normal; color:#fff; cursor:pointer; text-transform:uppercase;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
transition: all ease 0.4s;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.pnbtn:hover { background: rgba(160, 134, 86, 1); border:1px solid #a08656; color:#000;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
box-shadow: inset 0 50px 0 0 rgba(160, 134, 86, 1);
}
/*---------- FOOTER --*/
footer { width:100%; max-width: 1366px; margin:0 auto; padding:40px 20px; color:#fff; }
.lineone { border-bottom:1px solid #4c2a43; padding:0 0 15px 0; }
.ftlnks { float:right; }
.ftlnks a:link, .ftlnks a:visited { display:inline-block; text-decoration:none; padding:0 10px; margin:0; font-size:0.8em; line-height:normal; color:#cdcdcd; vertical-align:middle;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.ftlnks a:hover, .ftlnks a:active { display:inline-block; text-decoration:none; color:#fff;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.dislnks { margin:0; padding:20px 0; text-align:center; font-size:0.7em; line-height:2.4em; }
.dislnks a:link, .dislnks a:visited { display:inline-block; text-decoration:none; padding:0 10px; margin:0; color:#cdcdcd;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.dislnks a:hover, .dislnks a:active { display:inline-block; text-decoration:none; color:#fff;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.ftdis { text-align:center; padding:50px 0 20px 0; font-size:0.65em; color:#cdcdcd; }
.smmft { float:left; }
.smbx { display:inline-block; vertical-align:top; padding:1px 0 0 0; margin:0; line-height:0.2em; }
.smbxtw { display:inline-block; vertical-align:top; padding:1px 0 0 0; margin:0; line-height:0.2em; }
/*---------- ICO --*/
.icobx { background:#0c0005; width:100%; position: fixed; left:0; bottom:0; padding:10px; font-size:0.75em; text-align:center; color:#cdcdcd; }
.icobx a:link, .icobx a:visited { display:inline-block; text-decoration:none; background:#500924; border:1px solid #500924; padding:4px 8px; margin:0 5px; color:#ffddea; cursor:pointer; vertical-align:middle; font-size:12px; line-height:normal;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.icobx a:hover, .icobx a:active { background:#150008; color:#fff;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.cookie { border-collapse:collapse; margin:10px auto 20px 0; font-size:0.9em; line-height:1.2em; width:100%; }
.cookie th { background:#f3f3f3; border:none; padding:10px; text-align:left; font-weight:normal; border:1px solid #cdcdcd; }
.cookie td { border:none; padding:10px; vertical-align:top; text-align:left; border:1px solid #cdcdcd; word-wrap: break-word; }
.cookdk { border-collapse:collapse; margin:20px auto; font-size:0.9em; line-height:1.2em; width:100%; }
.cookdk th { background:rgba(0,0,0,0.3); border:none; padding:10px; text-align:left; font-weight:normal; border:1px solid rgba(255,255,255,0.1); }
.cookdk td { background:none; border:none; padding:10px; vertical-align:top; text-align:left; border:1px solid rgba(255,255,255,0.1); word-wrap: break-word; }
.mesneg { background:#a00000; padding:5px; font-weight:bold; margin:5px 0 10px 0; color:#fff; text-align:center; text-transform:uppercase; clear:both; font-size:0.8em;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.mespos { background:#45990e; padding:5px; font-weight:bold; margin:5px 0 10px 0; color:#fff; text-align:center; text-transform:uppercase; clear:both; font-size:0.8em;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #292929;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #292929;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #292929;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #292929;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #292929;
}
.loader { z-index:-1;
border:5px solid #cdcdcd; /* Light grey */
border-top: 5px solid #461333; /* Aston Purple */
border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 1s linear infinite;
position: relative;
top: 50%;
transform: translateY(-50%);
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}