html {
-webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
width: 100%;
height: auto;
}
img{
max-width:100%;
height: auto;
width: auto\9; /* ie8 */
}
.vinyl-lettering-links {
float: left; width: 100px; padding-right: 10px; height:200px
}
.vcolor-container {float: left; margin-bottom: 10px; margin-right: 35px; vertical-align:middle;}
.vcolor-float {width: 175px; height: 30px; padding: 2px 0; text-align: center; vertical-align:middle;}
.vcolor-radio {float: left; padding-top: 5px; padding-right: 5px;}
.vcolor-image {float: left; margin: auto;}
.vcolor-name-float {float: left; height: 100%; display: table; margin-left: 5px; width: 90px; }
.vcolor-name {clear: left; display: table-cell; vertical-align:middle; text-align: left; line-height: 100%; padding-left: 5px; width: 90px; height: 30px; font-weight:normal; }
.space-div {
clear: both;
height: 24px;
}
.img-shadow {
box-shadow: 10px 10px 5px #888888;
}
@media only screen and (min-width: 960px) and (max-width: 100000px) {
.text {
white-space: nowrap;
color: white;
font-size: 20px;
position: absolute;
overflow: hidden;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.sign-menu-text { letter-spacing: -1.2px; font-stretch: condensed;
z-index:9999; padding: 1.2% 0% 2% 12.23%; position: absolute; max-width: 100%; font-size: 2.6em; text-align: left; line-height: 110%; font-weight: 900;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),
color-stop(100%, #d2c8c8)); background-image: -webkit-linear-gradient(left top, #004b00, #01961a, #004b00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0 1.5px 0 rgba(0, 0, 0, .3)
}
.sign-menu-image {
float:left; margin:10px; font-weight: bolder; margin-bottom:20px; margin-left:40px; overflow:auto; border-bottom: thick;
}
.chat1 {float:left; max-width: 240px; height: 49px; margin:5px; }
.chat2 {float:left; max-width: 206px; padding-left: 15px; padding-right: 15px;border-style: solid; border-right-width: 1px; border-right-color:white; border-left-width:1px; border-left-color:white; border-top-width:0px; border-bottom-width:0px; text-align: left; }
.chat3 {float:left; max-width:125px; margin:5px; }
.chat4 {float:left; padding-left: 15px; padding-right: 5px; text-align: left; }
.chat5 {float:left; }
.talk1 {float:left; margin:5px;}
.talk2 {float:left; padding-right:8px; }
.talk3 {float:left; float:left; padding-right: 15px; border-style: solid; border-right-width: 0px; border-left-width:0px; border-top-width:0px;border-bottom-width:0px; text-align: left;}
.search-type{ float: left; color: #064501; font: 85% Arial, Helvetica, sans-serif; margin-right: 6px; margin-left: 2px;line-height: 170%; }
#footer .wrap-footer{
width: 90%;
max-width: 960px;
background-image:
radial-gradient(
#d3d3d3, #7e7e7e
);
border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom:1px solid rgba(0,0,0,1); border-right:1px solid rgba(0,0,0,1);border-top:7px ridge blue;
border-right-style: 1px solid #000000;
border-bottom-style: 1px solid #000000;
border-left-style: 1px solid #000000;
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);
margin-bottom: 10px;
}
.block09 {padding: 20px;}
.block09 .box{margin-bottom:20px; color: #959595;}
.block09 .heading{padding:5px 0px;}
.block09 .heading h2{font-size:18px; font-weight:normal; display:inline; color: #ffffff; text-transform: uppercase; text-shadow: 2px 2px #575757;}
.block09 .content{ margin: 15px 0px ;}
.block09 .content ul{ font-size:14px;}
.block09 .content ul li{
padding: 5px 0;
border-bottom: 1px dotted #333333;
color: black;
}
.block09 .content .tag a{padding: 10px; background: #8C001A; margin: 0px 5px 5px 0px; float: left;}
.block09 .content .tag a:hover{color: #ffffff; background: #800020;}
.block09 .content p{
margin-bottom: 10px;
color: black;
}
#content .wrap-content{z-index: 1;
background-image:
radial-gradient(
#d3d3d3, #7e7e7e
);
margin-bottom:10px;
border: 1px solid #000000;
border-radius: 12px;
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);
}
#content .wrap-content1{z-index: 1;
background-image:
radial-gradient(
#0033CC, #001F7A
);
margin-bottom:10px;
border: 1px solid #000000;
border-radius: 22px;
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);
border-bottom-left-radius: 300px;
}
.morphext > span {
display: none;
}
.morphext > .animated {
display: inline-block;
}
canvas {
position: relative;
opacity: 1;
top: -5;
z-index: 2; /* integer */
}
#background1 {
width: 100px;
height: 100px;
position: absolute;
top: -15px;
left: 17px;
z-index: 1; /* integer */
}
#background2 {
width: 100px;
height: 100px;
position: absolute;
top: -15px;
left: 17px;
z-index: 3; /* integer */
}
#logox {
float: left;
margin-left: 150px;
margin-top: -75px;
}
#logoxx {
float: left;
margin-left: 195px;
margin-top: -9px;
}
#shop {
position: absolute;
top: 50px;
left: 313px;
z-index: 5; /* integer */
}
header {margin-bottom: 0px; margin-top: 0px;}
header .wrap-header{height: 100px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom:0px solid rgba(0,0,0,1); border-right:1px solid rgba(0,0,0,1);border-top:7px ridge blue;
background: -webkit-linear-gradient(white, gray); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(white, gray); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(white, gray); /* For Firefox 3.6 to 15 */
background: linear-gradient(white, gray); /* Standard syntax */
background-image:
radial-gradient(
#d3d3d3, #7e7e7e
);
border-right-style: 1px solid #000000;
border-bottom-style: 1px solid #000000;
border-left-style: 1px solid #000000;
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);
z-index: 9;
}
#logo-mini{ display:none; }
header #logo { width:100%; position: absolute; top:25px; left: 20px;}
.wrap-search-mini{ display:none; }
.wrap-search #search {position: absolute !important ; top: 37px !important ; right:1%; width: 180px !important ; z-index: 15; }
.wrap-search .button-search { position: absolute; left: 155px; top: 7px; width: 28px; height: 35px;cursor: pointer;}
.wrap-search #search #search-text input{margin-bottom: 3px !important; background: #FFF; padding: 1px 33px 3px 5px !important; width: 135px !important; height: 22px !important; border: 3px solid #7B7979 !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -khtml-border-radius: 3px !important; border-radius: 3px !important;
box-shadow: inset 1px 3px 6px -2px black !important;
}
/* -------------------------------------------- */
/* ------------------Navigation---------------- */
nav {margin:0px 0px;}
nav .wrap-nav{height: 40px;
background: -webkit-linear-gradient(#0033CC, #001F7A);
background: -o-linear-gradient(#0033CC, #001F7A);
background: -moz-linear-gradient(#0033CC, #001F7A);
background: linear-gradient(#0033CC, #001F7A);
border: 1px solid #000000;
border-radius: 12px;
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);
}
.menu ul {list-style: none;margin: 0;padding: 0;}
.menu ul li {position: relative;float: left; padding: 3px 5px 0px 5px; margin: 0px;}
.menu ul li:hover {
background: -webkit-linear-gradient(#1947d1, #193587);
background: -o-linear-gradient(#1947d1, #193587);
background: -moz-linear-gradient(#1947d1, #193587);
background: linear-gradient(#1947d1, #193587);
box-shadow: inset 1px 4px 9px -6px black;
}
.menu ul li a {font-size: 16px; line-height:20px;color:#ffffff;display: block;padding: 6px 10px;margin-bottom: 5px;z-index: 6;position: relative; text-transform:uppercase; text-shadow: 2px 2px 7px #000000; letter-spacing: 1px;}
.menu ul li:hover a {}
.minimenu{display:none;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.text {
white-space: nowrap;
color: white;
font-size: 15px;
position: absolute;
overflow: hidden;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.sign-menu-text { letter-spacing: -2px; font-stretch: condensed;
z-index:9999; padding: .9% 0% 2% 10.2%; position: absolute; max-width: 100%; font-size: 1.9em; text-align: left; line-height: 110%; font-weight: 900;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),
color-stop(100%, #d2c8c8)); background-image: -webkit-linear-gradient(left top, #004b00, #01961a, #004b00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.sign-menu-image {
float:left; margin:18px; font-weight: bolder; margin-bottom:20px; margin-left:55px; overflow:auto; border-bottom: thick; width:33%;
}
.chat1 {float:left; max-width: 240px; height: 49px; margin:5px; }
.chat2 {float:left; max-width: 206px; padding-left: 15px; padding-right: 15px;border-style: solid; border-right-width: 1px; border-right-color:white; border-left-width:1px; border-left-color:white; border-top-width:0px; border-bottom-width:0px; text-align: left; }
.chat3 {float:left; max-width:125px; margin:5px; }
.chat4 {float:left; padding-left: 15px; padding-right: 5px; text-align: left; }
.chat5 {float:left; }
.talk1 {float:left; margin:5px;}
.talk2 {float:left; padding-right:8px; }
.talk3 {float:left; float:left; padding-right: 15px; border-style: solid; border-right-width: 0px; border-left-width:0px; border-top-width:0px;border-bottom-width:0px; text-align: left;}
#content .wrap-content1{ display: none;
}
#logo { width:100%; position: absolute; top:100px; left: 120px;}
#footer .wrap-footer{
width: 95%;
background-image:
radial-gradient(
#d3d3d3, #7e7e7e
);
border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom:1px solid rgba(0,0,0,1); border-right:1px solid rgba(0,0,0,1);border-top:7px ridge blue;
border-right-style: 1px solid #000000;
border-bottom-style: 1px solid #000000;
border-left-style: 1px solid #000000;
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);
}
.block09 {padding: 20px;}
.block09 .box{margin-bottom:20px; color: #959595;}
.block09 .heading{padding:5px 0px;}
.block09 .heading h2{font-size:18px; font-weight:normal; display:inline; color: #ffffff; text-transform: uppercase; text-shadow: 2px 2px #575757;}
.block09 .content{ margin: 15px 0px ;}
.block09 .content ul{ font-size:14px;}
.block09 .content ul li{
padding: 5px 0;
border-bottom: 1px dotted #333333;
color: black;
}
.block09 .content .tag a{padding: 10px; background: #8C001A; margin: 0px 5px 5px 0px; float: left;}
.block09 .content .tag a:hover{color: #ffffff; background: #800020;}
.block09 .content p{
margin-bottom: 10px;
color: black;
}
#content .wrap-content{ width:95%; z-index: 1;
background-image:
radial-gradient(
#d3d3d3, #7e7e7e
);
border: 1px solid #000000;
border-radius: 12px;
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);
}
.morphext > span {
display: none;
}
.morphext > .animated {
display: inline-block;
}
canvas {
position: relative;
left: 0;
opacity: 1;
top: 0;
z-index: 2; /* integer */
}
#background1 {
width: 160px;
height: 160px;
position: absolute;
top: -10px;
left: 17px;
z-index: 1; /* integer */
}
#background2 {
width: 160px;
height: 160px;
position: absolute;
top: -10px;
left: 17px;
z-index: 3; /* integer */
}
#logox {
float: left;
margin-left: 120px;
margin-top: -65px;
}
#logoxx {
float: left;
margin-left: 195px;
margin-top: -9px;
}
#shop {
float: left;
}
header {margin-bottom: 0px; margin-top: 0px;}
header .wrap-header{height: 100px; width: 95%; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom:0px solid rgba(0,0,0,1); border-right:1px solid rgba(0,0,0,1);border-top:7px ridge blue;
background: -webkit-linear-gradient(white, gray); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(white, gray); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(white, gray); /* For Firefox 3.6 to 15 */
background: linear-gradient(white, gray); /* Standard syntax */
background-image:
radial-gradient(
#d3d3d3, #7e7e7e
);
border-right-style: 1px solid #000000;
border-bottom-style: 1px solid #000000;
border-left-style: 1px solid #000000;
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);
margin-bottom: 70px;
z-index: 9;
}
#logo-mini{ display:none; position: absolute; left: 100px; }
header #logo { width:100%; position: absolute; top:15px; left: 20px; }
.search-type{float: left; font-size:15px;
color:white;
text-shadow:1px 1px 1px black; margin-right: 10px; margin-left: 5px;line-height: 200%; }
.wrap-search-mini{background: #363636; padding-bottom: 100px; }
.wrap-search-mini #search {float: auto; margin-right: 350px; margin-top: -12px;padding-bottom: 25px; }
.search-box-align {float: right; margin-right: 100px; margin-top: -15px; }
.wrap-search-mini .button-search {float: none; inherit: none; position: absolute; left: 310px; bottom: 35px; width: 28px; height: 35px;cursor: pointer;}
.wrap-search-mini #search #search-text input{background: #FFF; padding: 1px 33px 1px 5px; width: 225px; height: 28px; border: 3px solid #212121; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
box-shadow: inset 1px 3px 6px -2px black; }
.wrap-search-mini #search #search-type { float: right; background: green; }
.wrap-search { display:none;}
.wrap-search #search { display:none;}
.wrap-search .button-search { display:none;}
.wrap-search #search #search-text input{ display:none;
}
/* -------------------------------------------- */
/* ------------------Navigation---------------- */
.minimenu{display:none;}
}
@media only screen and (min-width: 620px) and (max-width: 767px) {
.text {
white-space: nowrap;
color: white;
font-size: 15px;
position: absolute;
overflow: hidden;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.sign-menu-text { letter-spacing: -1.2px; font-stretch: condensed;
z-index:9999; padding: 1.6% 0% 2% 19.23%; position: absolute; max-width: 100%; font-size: 2.6em; text-align: left; line-height: 110%; font-weight: 900;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),
color-stop(100%, #d2c8c8)); background-image: -webkit-linear-gradient(left top, #004b00, #01961a, #004b00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.sign-menu-image {
float:left; margin:20px; font-weight: bolder; margin-bottom:20px; margin-left:50px; overflow:auto; border-bottom: thick;
}
.chat1 {float:left; max-width: 240px; height: 49px; margin:5px; }
.chat2 {float:left; max-width: 206px; padding-left: 15px; padding-right: 15px;border-style: solid; border-right-width: 0px; border-right-color:white; border-left-width:1px; border-left-color:white; border-top-width:0px; border-bottom-width:0px; text-align: left; }
.chat3 {float:left; max-width:125px; margin:5px; }
.chat4 {display:none; }
.chat5 {display:none; }
.talk1 {float:left; margin:5px; margin-left:20px;}
.talk2 {float:left; padding-right:8px; }
.talk3 {float:left; float:left; padding-right: 15px; border-style: solid; border-right-width: 0px; border-left-width:0px; border-top-width:0px;border-bottom-width:0px; text-align: left;}
.service {width: 90%;}
#content .wrap-content1{ display: none;
}
#footer .wrap-footer{
width: 95%;
background-image:
radial-gradient(
#d3d3d3, #7e7e7e
);
border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom:1px solid rgba(0,0,0,1); border-right:1px solid rgba(0,0,0,1);border-top:7px ridge blue;
border-right-style: 1px solid #000000;
border-bottom-style: 1px solid #000000;
border-left-style: 1px solid #000000;
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);
}
.block09 {padding: 20px;}
.block09 .box{margin-bottom:20px; color: #959595;}
.block09 .heading{padding:5px 0px;}
.block09 .heading h2{font-size:18px; font-weight:normal; display:inline; color: #ffffff; text-transform: uppercase; text-shadow: 2px 2px #575757;}
.block09 .content{ margin: 15px 0px ;}
.block09 .content ul{ font-size:14px;}
.block09 .content ul li{
padding: 5px 0;
border-bottom: 1px dotted #333333;
color: black;
}
.block09 .content .tag a{padding: 10px; background: #8C001A; margin: 0px 5px 5px 0px; float: left;}
.block09 .content .tag a:hover{color: #ffffff; background: #800020;}
.block09 .content p{
margin-bottom: 10px;
color: black;
}
#content .wrap-content{z-index: 1; width:95%;
background-image:
radial-gradient(
#d3d3d3, #7e7e7e
);
border: 1px solid #000000;
border-radius: 12px;
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);
}
.morphext > span {
display: none;
}
.morphext > .animated {
display: inline-block;
}
canvas {
display: none;
opacity: 0;
}
#background1 {
display: none;
}
#background2 {
display: none;
}
#logox {
position: relative;
margin-top: -60px;
}
#shop {
position:static;
opacity: 0;
}
header {margin-bottom: 0px; margin-top: 0px;}
header .wrap-header{width: 98%; height: 100px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom:0px solid rgba(0,0,0,1); border-right:1px solid rgba(0,0,0,1);border-top:7px ridge blue;
background: -webkit-linear-gradient(white, gray); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(white, gray); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(white, gray); /* For Firefox 3.6 to 15 */
background: linear-gradient(white, gray); /* Standard syntax */
background-image:
radial-gradient(
#d3d3d3, #7e7e7e
);
border-right-style: 1px solid #000000;
border-bottom-style: 1px solid #000000;
border-left-style: 1px solid #000000;
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);
margin-bottom: 70px;
z-index: 9;
-webkit-box-align:center;
-webkit-box-pack:center;
display:-webkit-box;
}
#logo-mini{ display:none; position: absolute; left: 100px; }
header #logo { }
.search-type{float: left; font-size:15px;
color:white;
text-shadow:1px 1px 1px black; margin-right: 10px; margin-left: 5px;line-height: 200%; }
.wrap-search-mini{background: #363636; padding-bottom: 100px; }
.wrap-search-mini #search {float: auto; margin-right: 5px; margin-top: -12px;padding-bottom: 25px; }
.search-box-align {float: right; margin-right: 92px; margin-top: -15px; }
.wrap-search-mini .button-search {float: none; inherit: none; position: absolute; left: 295px; bottom: 35px; width: 28px; height: 35px;cursor: pointer;}
.wrap-search-mini #search #search-text input{background: #FFF; padding: 1px 33px 1px 5px; width: 225px; height: 28px; border: 3px solid #212121; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
box-shadow: inset 1px 3px 6px -2px black; }
.wrap-search-mini #search #search-type { float: right; background: green; }
.wrap-search { display:none;}
.wrap-search #search { display:none;}
.wrap-search .button-search { display:none;}
.wrap-search #search #search-text input{ display:none;
}
/* -------------------------------------------- */
/* ------------------Navigation---------------- */
nav {margin:0px 0px;}
nav .wrap-nav{height: 40px;
background: -webkit-linear-gradient(#0033CC, #001F7A);
background: -o-linear-gradient(#0033CC, #001F7A);
background: -moz-linear-gradient(#0033CC, #001F7A);
background: linear-gradient(#0033CC, #001F7A);
border: 1px solid #000000;
border-radius: 12px;
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);
}
.menu ul {list-style: none;margin: 0;padding: 0;}
.menu ul li {position: relative;float: left; padding: 3px 5px 0px 5px; margin: 0px;}
.menu ul li:hover {
background: -webkit-linear-gradient(#1947d1, #193587);
background: -o-linear-gradient(#1947d1, #193587);
background: -moz-linear-gradient(#1947d1, #193587);
background: linear-gradient(#1947d1, #193587);
box-shadow: inset 1px 4px 9px -6px black;
}
.menu ul li a {font-size: 16px; line-height:20px;color:#ffffff;display: block;padding: 6px 10px;margin-bottom: 5px;z-index: 6;position: relative; text-transform:uppercase; text-shadow: 2px 2px 7px #000000; letter-spacing: 1px;}
.menu ul li:hover a {}
.minimenu{display:none;}
}
@media only screen and (min-width: 480px) and (max-width: 619px) {
.text {
white-space: nowrap;
color: white;
font-size: 15px;
position: absolute;
overflow: hidden;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.sign-menu-text { letter-spacing: -1.2px; font-stretch: condensed;
z-index:9999; padding: 1.6% 0% 2% 22.23%; position: absolute; max-width: 100%; font-size: 2.5em; text-align: left; line-height: 110%; font-weight: 900;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),
color-stop(100%, #d2c8c8)); background-image: -webkit-linear-gradient(left top, #004b00, #01961a, #004b00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0 1.5px 0 rgba(0, 0, 0, .3)
}
.sign-menu-image {
float:left; margin:20px; font-weight: bolder; margin-bottom:20px; margin-left:50px; overflow:auto; border-bottom: thick;
}
.chat1 {float:left; max-width: 240px; height: 49px; margin:5px; }
.chat2 {float:left; max-width: 206px; padding-left: 15px; padding-right: 15px;border-style: solid; border-right-width: 0px; border-right-color:white; border-left-width:1px; border-left-color:white; border-top-width:0px; border-bottom-width:0px; text-align: left; }
.chat3 {float:left; max-width:125px; margin:5px; }
.chat4 {display:none; }
.chat5 {display:none; }
.talk1 {float:left; margin:5px; margin-left:20px;}
.talk2 {float:left; padding-right:8px; }
.talk3 {float:left; float:left; padding-right: 15px; border-style: solid; border-right-width: 0px; border-left-width:0px; border-top-width:0px;border-bottom-width:0px; text-align: left;}
#content .wrap-content1{ display: none;
}
#footer .wrap-footer{
width: 95%;
background-image:
radial-gradient(
#d3d3d3, #7e7e7e
);
border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom:1px solid rgba(0,0,0,1); border-right:1px solid rgba(0,0,0,1);border-top:7px ridge blue;
border-right-style: 1px solid #000000;
border-bottom-style: 1px solid #000000;
border-left-style: 1px solid #000000;
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);
}
.block09 {padding: 20px;}
.block09 .box{margin-bottom:20px; color: #959595;}
.block09 .heading{padding:5px 0px;}
.block09 .heading h2{font-size:18px; font-weight:normal; display:inline; color: #ffffff; text-transform: uppercase; text-shadow: 2px 2px #575757;}
.block09 .content{ margin: 15px 0px ;}
.block09 .content ul{ font-size:14px;}
.block09 .content ul li{
padding: 5px 0;
border-bottom: 1px dotted #333333;
color: black;
}
.block09 .content .tag a{padding: 10px; background: #8C001A; margin: 0px 5px 5px 0px; float: left;}
.block09 .content .tag a:hover{color: #ffffff; background: #800020;}
.block09 .content p{
margin-bottom: 10px;
color: black;
}
#content .wrap-content{z-index: 1; width:95%;
background-image:
radial-gradient(
#d3d3d3, #7e7e7e
);
border: 1px solid #000000;
border-radius: 12px;
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);
}
.morphext > span {
display: none;
}
.morphext > .animated {
display: inline-block;
}
canvas {
display: none;
opacity: 0;
}
#background1 {
display: none;
}
#background2 {
display: none;
}
#logox {
position: relative;
margin-top: -64px;
}
#shop {
position:static;
opacity: 0;
}
header {margin-bottom: 0px; margin-top: 0px;}
header .wrap-header{padding: 15px; width: 98%; height: 100px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom:0px solid rgba(0,0,0,1); border-right:1px solid rgba(0,0,0,1);border-top:7px ridge blue;
background: -webkit-linear-gradient(white, gray); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(white, gray); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(white, gray); /* For Firefox 3.6 to 15 */
background: linear-gradient(white, gray); /* Standard syntax */
background-image:
radial-gradient(
#d3d3d3, #7e7e7e
);
border-right-style: 1px solid #000000;
border-bottom-style: 1px solid #000000;
border-left-style: 1px solid #000000;
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);
margin-bottom: 70px;
z-index: 9;
-webkit-box-align:center;
-webkit-box-pack:center;
display:-webkit-box;
}
#logo-mini{ display:none; position: absolute; left: 100px; }
header #logo { }
.search-type{float: left; font-size:15px;
color:white;
text-shadow:1px 1px 1px black; margin-right: 10px; margin-left: 5px;line-height: 200%; }
.wrap-search-mini{background: #363636; padding-bottom: 100px; }
.wrap-search-mini #search {float: auto; margin-right: 5px; margin-top: -12px;padding-bottom: 25px; }
.search-box-align {float: right; margin-right: 40px; margin-top: -15px;}
.wrap-search-mini .button-search {float: none; inherit: none; position: absolute; left: 295px; bottom: 35px; width: 28px; height: 35px;cursor: pointer;}
.wrap-search-mini #search #search-text input{background: #FFF; padding: 1px 33px 1px 5px; width: 225px; height: 28px; border: 3px solid #212121; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
box-shadow: inset 1px 3px 6px -2px black; }
.wrap-search-mini #search #search-type { float: right; background: green; }
.wrap-search { display:none;}
.wrap-search #search { display:none;}
.wrap-search .button-search { display:none;}
.wrap-search #search #search-text input{ display:none;
}
/* -------------------------------------------- */
/* ------------------Navigation---------------- */
nav {margin:0px 0px;}
nav .wrap-nav{height: 40px;
background: -webkit-linear-gradient(#0033CC, #001F7A);
background: -o-linear-gradient(#0033CC, #001F7A);
background: -moz-linear-gradient(#0033CC, #001F7A);
background: linear-gradient(#0033CC, #001F7A);
border: 1px solid #000000;
border-radius: 12px;
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);
}
.menu ul {list-style: none;margin: 0;padding: 0;}
.menu ul li {position: relative;float: left; padding: 3px 5px 0px 5px; margin: 0px;}
.menu ul li:hover {
background: -webkit-linear-gradient(#1947d1, #193587);
background: -o-linear-gradient(#1947d1, #193587);
background: -moz-linear-gradient(#1947d1, #193587);
background: linear-gradient(#1947d1, #193587);
box-shadow: inset 1px 4px 9px -6px black;
}
.menu ul li a {font-size: 16px; line-height:20px;color:#ffffff;display: block;padding: 6px 10px;margin-bottom: 5px;z-index: 6;position: relative; text-transform:uppercase; text-shadow: 2px 2px 7px #000000; letter-spacing: 1px;}
.menu ul li:hover a {}
.minimenu{display:none;}
}
@media only screen and (max-width: 479px) {
.text {
white-space: nowrap;
color: white;
font-size: 10px;
position: absolute;
overflow: hidden;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.sign-menu-text { letter-spacing: -1.2px; font-stretch: condensed;
z-index:9999; padding: 3% 0% 2% 22.23%; position: absolute; max-width: 100%; font-size: 1.4em; text-align: left; line-height: 110%; font-weight: 900;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),
color-stop(100%, #d2c8c8)); background-image: -webkit-linear-gradient(left top, #004b00, #01961a, #004b00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.sign-menu-image {
float:left; margin:20px; font-weight: bolder; margin-bottom:20px; margin-left:50px; overflow:auto; border-bottom: thick;
}
.chat1 {display:none; }
.chat2 {display:none; }
.chat3 {display:none; }
.chat4 {display:none; }
.chat5 {display:none; }
.talk1 {float:left; margin:2px; margin-left:15px;}
.talk2 {float:left; padding-right:5px; }
.talk3 {float:left; padding-right: 5px; border-style: solid; border-right-width: 0px; border-left-width:0px; border-top-width:0px;border-bottom-width:0px; text-align: left;}
.service {width: 99%;}
#content .wrap-content1{ display: none;
}
#footer .wrap-footer{
width: 90%;
background-image:
radial-gradient(
#d3d3d3, #7e7e7e
);
border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom:1px solid rgba(0,0,0,1); border-right:1px solid rgba(0,0,0,1);border-top:7px ridge blue;
border-right-style: 1px solid #000000;
border-bottom-style: 1px solid #000000;
border-left-style: 1px solid #000000;
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);
}
.block09 {padding: 20px;}
.block09 .box{margin-bottom:20px; color: #959595;}
.block09 .heading{padding:5px 0px;}
.block09 .heading h2{font-size:18px; font-weight:normal; display:inline; color: #ffffff; text-transform: uppercase; text-shadow: 2px 2px #575757;}
.block09 .content{ margin: 15px 0px ;}
.block09 .content ul{ font-size:14px;}
.block09 .content ul li{
padding: 5px 0;
border-bottom: 1px dotted #333333;
color: black;
}
.block09 .content .tag a{padding: 10px; background: #8C001A; margin: 0px 5px 5px 0px; float: left;}
.block09 .content .tag a:hover{color: #ffffff; background: #800020;}
.block09 .content p{
margin-bottom: 10px;
color: black;
}
#content .wrap-content{z-index: 1; width:90%;
background-image:
radial-gradient(
#d3d3d3, #7e7e7e
);
border: 1px solid #000000;
border-radius: 12px;
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);
}
.morphext > span {
display: none;
}
.morphext > .animated {
display: inline-block;
}
canvas {
display: none;
opacity: 0;
}
#background1 {
display: none;
}
#background2 {
display: none;
}
#logox {
position: absolute;
display: block;
max-width:100%;
max-height:100%;
top: 0px;
padding: 0em 10% 0px 0%;
z-index: 3; /* integer */
}
#shop {
position: absolute;
top: 50px;
left: 313px;
z-index: 5; /* integer */
}
header {margin-bottom: 0px; margin-top: 0px;}
header .wrap-header{width: 90%; height: 100px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom:0px solid rgba(0,0,0,1); border-right:1px solid rgba(0,0,0,1);border-top:7px ridge blue;
background: -webkit-linear-gradient(white, gray); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(white, gray); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(white, gray); /* For Firefox 3.6 to 15 */
background: linear-gradient(white, gray); /* Standard syntax */
background-image:
radial-gradient(
#d3d3d3, #7e7e7e
);
border-right-style: 1px solid #000000;
border-bottom-style: 1px solid #000000;
border-left-style: 1px solid #000000;
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);
margin-bottom: 70px;
z-index: 9;
}
#logo-mini{ display:none; position: absolute; left: 100px; }
header #logo { width:100%; position: absolute; top:20px; left: 20px;}
.search-type{float: left; font-size:15px;
color:white;
text-shadow:1px 1px 1px black; margin-right: 10px; margin-left: 5px;line-height: 200%; }
.wrap-search-mini{background: #363636; padding-bottom: 100px; }
.wrap-search-mini #search {float: auto; margin-right: 5px; margin-top: -12px;padding-bottom: 25px; }
.search-box-align {float: right; margin-right: 40px; margin-top: -15px;}
.wrap-search-mini .button-search {float: none; inherit: none; position: absolute; left: 245px; bottom: 35px; width: 28px; height: 35px;cursor: pointer;}
.wrap-search-mini #search #search-text input{background: #FFF; padding: 1px 33px 1px 5px; width: 225px; height: 28px; border: 3px solid #212121; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
box-shadow: inset 1px 3px 6px -2px black; }
.wrap-search-mini #search #search-type { float: right; background: green; }
.wrap-search { display:none;}
.wrap-search #search { display:none;}
.wrap-search .button-search { display:none;}
.wrap-search #search #search-text input{ display:none;
}
/* -------------------------------------------- */
/* ------------------Navigation---------------- */
nav {margin:0px 0px;}
nav .wrap-nav{height: 40px;
background: -webkit-linear-gradient(#0033CC, #001F7A);
background: -o-linear-gradient(#0033CC, #001F7A);
background: -moz-linear-gradient(#0033CC, #001F7A);
background: linear-gradient(#0033CC, #001F7A);
border: 1px solid #000000;
border-radius: 12px;
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .3), inset -2px -2px 2px rgba(0, 0, 0, .4), 5px 5px 10px rgba(0,0,0,0.3);
}
.menu ul {list-style: none;margin: 0;padding: 0;}
.menu ul li {position: relative;float: left; padding: 3px 5px 0px 5px; margin: 0px;}
.menu ul li:hover {
background: -webkit-linear-gradient(#1947d1, #193587);
background: -o-linear-gradient(#1947d1, #193587);
background: -moz-linear-gradient(#1947d1, #193587);
background: linear-gradient(#1947d1, #193587);
box-shadow: inset 1px 4px 9px -6px black;
}
.menu ul li a {font-size: 16px; line-height:20px;color:#ffffff;display: block;padding: 6px 10px;margin-bottom: 5px;z-index: 6;position: relative; text-transform:uppercase; text-shadow: 2px 2px 7px #000000; letter-spacing: 1px;}
.menu ul li:hover a {}
.minimenu{display:none;}
}