html { margin-top:0px; }
body {
margin-top:0px;
font-family: 'Poppins', sans-serif;
font-weight: 300;
color: #202020;
font-size: 18px;
line-height: 1.6em;
width: 100%;
height:100%;
background-color:#FFFFFF;
overflow-x:hidden;
overflow-y:hidden;
}
body, html{
overflow-x: hidden;
}
/* POSTIDOL CUSTOM STYLES */
.shell { width:100%; margin:0 auto; }
#first { position:absolute; margin-top:-40px; margin-left:-25px; }
/* ----- Text (COMPUTER) ----- */
#whitetext { color:#FFF; }
h1 { font-size:32px; font-family:'Oswald', sans-serif; font-weight:500; color:#000000; line-height:1.0em; text-transform: uppercase; }
h1 a { font-size:32px; font-family: 'Oswald', sans-serif; font-weight:500; color:#000000; text-transform: uppercase; }
h1 a:hover { font-size:32px; font-family: 'Oswald', sans-serif; font-weight:500; color:#000000; text-transform: uppercase; }
h2 { font-size:36px; font-family:'Oswald', sans-serif; font-weight:500; color:#FFC1CE; line-height:1.0em; }
h2 a { font-size:36px; font-family: 'Oswald', sans-serif; font-weight:500; color:#FFC1CE; }
h2 a:hover { font-size:36px; font-family: 'Oswald', sans-serif; font-weight:500; color:#FFC1CE; }
h3 { font-size:40px; font-family:'Oswald', sans-serif; font-weight:400; color:#FFFFFF; line-height:1.0em; text-shadow:#000 1px 1px;}
h3 a { font-size:40px; font-family: 'Oswald', sans-serif; font-weight:400; color:#FFFFFF; }
h3 a:hover { font-size:40px; font-family: 'Oswald', sans-serif; font-weight:400; color:#FFFFFF; }
h4 { font-size:24px; font-family:'Oswald', sans-serif; font-weight:500; color:#000000; line-height:1.0em; text-transform: uppercase; }
h4 a { font-size:24px; font-family: 'Oswald', sans-serif; font-weight:500; color:#000000; text-transform: uppercase; }
h4 a:hover { font-size:24px; font-family: 'Oswald', sans-serif; font-weight:500; color:#000000; text-transform: uppercase; }
h5 { font-size:22px; font-family:'Oswald', sans-serif; font-weight:500; color:#FFC1CE; line-height:1.0em; }
h5 a { font-size:22px; font-family: 'Oswald', sans-serif; font-weight:500; color:#FFC1CE; }
h5 a:hover { font-size:22px; font-family: 'Oswald', sans-serif; font-weight:500; color:#FFC1CE; }
h6 { font-size:14px; font-family:'Roboto Condensed', sans-serif; font-weight:300; color:#000000; line-height:1.4em;}
h6 a { font-size:14px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; color:#000000; }
h6 a:hover { font-size:14px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; color:#000000; }
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.entry{clear:both; padding:0px;}
.entry img{max-width: 100%; display:block; margin-left:auto; margin-right:auto; padding-top:5px; padding-top:5px; padding-right:0px; padding-left:0px;}
#spacer {margin-top:50px;}
#spacer2 {margin-top:175px;}
#blueimp-gallery-links { background:#202020; }
.infoparallax { width:100%; height:750px; position:absolute; background-attachment:scroll; margin-top:-300px; z-index:0; padding-bottom:10px; width:100vw; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw;}
#infoparallaxhome1 { width:100%; height:300px; position:relative; z-index:0; }
/* ----- Graphics ----- */
#socialicon1 { width:64px; height:64px; position:relative; margin-top:50px; }
#socialicon2 { width:64px; height:64px; position:relative; }
#socialicon3 { width:64px; height:64px; position:relative; }
#welcomepic { width:661px; height:664px; float:left; margin-top:-50px; margin-left:0px; padding-right:25px; }
#dot { margin-top:-7px; }
#homepic1 { width:550px; height:auto; }
#square { position:fixed; z-index:100; margin-top:64px; margin-left:84.2%;}
#leftpics { float:left; padding-right:20px; padding-bottom:20px; }
#rightpics { float:right; padding-left:20px; padding-bottom:20px; }
#aboutpic { float:left; padding-right:20px; padding-bottom:20px; }
/* ----- Layouts ----- */
.rslides { width:100%; height:1045px; position:absolute; background-attachment:scroll; z-index:30; margin-top:50px; z-index:0; margin-left:0px; }
#home1 { width:100%; height:650px; padding-bottom:0px; }
#featuredbox { width:60%; height:auto; left:50%; margin-left:-30%; position:relative; margin-top:15%; z-index:0; }
#featuredprodmod{ border:solid 0px #999999; padding-top:20px; margin:2px; max-width:400px;}
#home2 { width:100%; height:300px; padding-bottom:40px; }
#featuredbox2 { width:50%; left:50%; margin-left:-25%; position:relative; margin-top:12%; }
#greybox { width:100%; min-height:500px; height:auto; background-color:#E1E1E1; position:relative;}
#welcometext { position:relative; margin-top:-50px; margin-left:55%; vertical-align: middle; }
#boxofboxes { float:left; width:50%; height:auto;}
#box { float:left; width:48%; height:48%; background-color:#E1E1E1; border-radius:7px; position:relative; padding:10px; margin-top:10px; }
#boxrow { padding-top:20px;}
#box + #box { margin-left:10px; margin-right:10px;}
.bubble { width: 100%; height: auto; background: ivory; display: block; margin: 0 auto; border-radius: 20px; margin-top: 50px; text-align: center; padding:10px; }
.pointer { height: 40px; width: 40px; background: ivory; margin: 0 auto; transform: rotate(45deg); border-radius: 0 0 12px 0; margin-top: -22px; position: relative; left:25%; }
#content1 { width:40%; margin-top:0px; left:50%; margin-left:-20%; min-height:100px; position:relative; z-index:0; vertical-align:middle; }
#content2 { width:50%; margin-top:0px; left:50%; margin-left:-25%; min-height:500px; position:relative; z-index:0; vertical-align:middle; }
#content3 { width:66%; margin-top:150px; left:50%; margin-left:-33%; min-height:400px; position:relative; z-index:0; vertical-align:middle; }
#content4 { width:85%; left:50%; margin-left:-43%; position:relative; }
#content5 { width:80%; margin-top:150px; left:50%; margin-left:-40%; min-height:400px; position:relative; z-index:0; vertical-align:middle; }
#subbox1 { width:100%; min-height:400px; background:none; margin-top:200px; padding-top:0px; padding-bottom:20px; position:relative; z-index:0; }
#subbox2 { width:100%; min-height:400px; height:auto; background:#E1E1E1 url("../image/m.png"); background-repeat: no-repeat; margin-top:0px; position:relative; z-index:0; padding-top:50px; padding-bottom:70px; }
#subbox3 { width:100%; min-height:100px; background:#FFFFFF; margin-top:0px; padding-top:0px; padding-bottom:0px; position:relative; z-index:0; }
#subbox4 { width:100%; min-height:100px; background:#b9b9b9; margin-top:0px; padding-top:0px; padding-bottom:0px; position:relative; z-index:0; }
#subbox5 { width:100%; min-height:300px; margin-top:0px; padding-bottom:10px; padding-top:30px; position:relative; z-index:0; background-color:#858572; display:block; }
#subbox6 { width:100%; min-height:300px; height:auto; margin-top:0px; padding-bottom:30px; padding-top:30px; position:relative; z-index:0; background-color:#242424; display:block; }
#homecontactbox { width:45%; height:auto; float:right; }
#questionbox { width:100%; height:auto; min-height:70px; background-color:#FFC1CE; padding:30px 0px 35px 0px; vertical-align:middle; text-align:center; }
#questionicon { margin-top:0px; padding:10px; }
#pagecontentbox { width:100vw; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; min-height:200px; height:auto; background:#FFF; margin-top:-50px; padding-top:50px; padding-bottom:15px; position:relative; z-index:0;}
#pagecontentbox2{ width:100vw; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; min-height:450px; height:auto; margin-top:0px; padding-bottom:50px; padding-top:50px; position:relative; z-index:0; background-color:#242424; display:block; }
#pagecontentbox3{ width:100vw; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; min-height:450px; height:auto; background:#000; margin-top:0px; padding-top:50px; padding-bottom:50px; position:relative; z-index:0;}
#pagecontent { width:85%; margin-top:30px; margin-left:auto; margin-right:auto; height:auto; }
#contactboxleft {float:left; width:70%; height:auto; min-height:800px; }
#contactboxright{float:right; width:25%; margin-top:30px; }
.main { padding: 2px 0 2px 0;}
.main .content { padding-left: 0px; padding-right: 0px; }
.main .content span { text-decoration: underline; }
/* ----- COLS 1 ----- */
.main .cols1 { width:100%; margin-top:20px; margin-bottom:50px; padding:0px; position:relative; z-index:0; text-align:center; }
.main .cols1 .col1 { width:20%; display:inline-block; vertical-align:top; padding:25px; border-radius:0px; }
.main .cols1 .col1 img { width:auto; }
.main .cols2 .col2 { width:30%; display:inline-block; vertical-align:middle; padding:25px; border-radius:0px; vertical-align: top; }
.main .cols2 .col2 + .col2 { margin-left:3%; }
.main .cols2 .col2 img { width:auto; }
.main .cols3 { width:100%; margin-top:50px; margin-bottom:20px; padding:20px; position:relative; z-index:0;}
.main .cols3 .col3 { width:35%; display:inline-block; padding:25px; border-radius:0px; vertical-align:top; float:left; margin-top:-10px;}
.main .cols3 .col3 + .col3 { margin-left:1%; }
.main .cols3 .col3 img { width:auto; }
.main .cols4 { width:100%; margin-top:50px; margin-bottom:20px; padding:20px; position:relative; z-index:0; text-align: center; }
.main .cols4 .col4 { width:60%; display:inline-block; vertical-align:middle; padding:25px; border-radius:0px; vertical-align: top; }
.main .cols4 .col4 + .col4 { margin-left:7%; }
.main .cols4 .col4 img { width:auto; }
.main .cols3 .col3 + .col4 { margin-left:1%; }
#testimonialsbox { width:100%; min-height:50px; height:auto; left:50%; margin-left:-50%; padding:20px; position:relative; background:#71724C; border-radius:7px;-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; z-index:0; }
#testimonialsbox + #testimonialsbox { margin-top:50px; }
#testimonialsbox:hover { width:100%; min-height:50px; height:auto; left:50%; margin-left:-50%; padding:20px; position:relative; background:#858572; border-radius:7px;-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
/* ----- Hide Reveal ----- */
#servicebox { padding:40px; }
#serviceboxopen { padding:40px; margin-bottom:10px; background:#D6D6D6; }
#pageList1 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; }
#pageList2 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; }
#pageList3 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; }
#pageList4 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; }
#pageList5 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; }
#pageList6 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; }
#pageList7 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; }
#pageList8 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; }
#pageList9 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; }
#pageList10 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; }
/* ----- ACCORDIAN MENU (COMPUTER) ----- */
.accordion-menu {
width: 100%;
margin: 0px auto 20px;
background:transparent;
border-radius: 4px;
list-style:none;
position:relative;
z-index:0;
}
.accordion-menu li.open .dropdownlink {
color: #000000;
}
.accordion-menu li.open .dropdownlink .fa-chevron-down {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordion-menu li:last-child .dropdownlink {
border-bottom: 0;
}
.dropdownlink {
cursor: pointer;
display: block;
padding: 15px 15px 15px 5px;
font-size: 18px;
border-bottom: 1px solid #ccc;
color: #212121;
position: relative;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.dropdownlink i {
position: absolute;
top: 17px;
left: 0px;
}
.dropdownlink .fa-chevron-down {
right: 12px;
left: auto;
}
.submenuItems {
display: none;
background:#dfdfdf;
padding:20px;
}
.submenuItems li {
border-bottom: 1px solid #B6B6B6;
list-style:none;
padding:10px;
}
.submenuItems a {
display: block;
padding: 5px 5px 5px 5px;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
color:#FFF;
}
.submenuItems a:hover {
background-color: #dfdfdf;
color: #000;
}
#linksicons { float:left; margin-left:-20px; margin-top:-8px; padding-right:10px; }
/* ----- Crossfade images ----- */
#cf { position:relative; height:500px; width:500px; margin:0 auto; }
#cf img { position:absolute; left:0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }
#cf img.top:hover { opacity:0; }
#cf2 { position:relative; height:500px; width:500px; margin:0 auto; }
#cf2 img { position:absolute; left:0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }
#cf2 img.top:hover { opacity:0; }
/* ----- Slideshow ----- */
.slideshow {
position: absolute;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin-top: 100px;
background:#000;
}
.slideshow li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
margin-top:0px;
background:#000;
}
.slideshow li:first-child {
position: absolute;
display: block;
float: left;
background:#000;
}
.slideshow img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
background:#000;
}
/* Search (computer) */
#search { position:fixed; margin-top:40px; margin-left:23%; margin-bottom:10px; width:220px; z-index:500; -webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
#search .input-lg { height:30px; padding: 15px 5px; float:left; font:14px 'Poppins', 'trebuchet MS', 'Tahoma'; border:1; background:#ffff; border-radius:0px;}
#search .btn-lg { overflow:visible; position:relative; float:right; border:0; padding:0; cursor:pointer; height:32px; width:32px; font:20px 'Poppins', 'trebuchet MS', 'Tahoma'; color:#fff; text-transform:uppercase; background:#393939; border-radius:0px; line-height:10px;}
/* Mini-Cart (computer) */
#cart { margin-top:40px; padding-bottom:0px; width:150px; margin-left:175px; line-height:10px; position:fixed; z-index:500; -webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
#cart > .btn { font-size:12px; line-height:5px; color:#000000; background:#FFFFFF; border: #999999 1px solid; box-shadow:none; height:32px; }
#cart.open > .btn { background-image:none; background-color:#FFFFFF; border:1px solid #000000; color:#000000; box-shadow:none; text-shadow:none; }
#cart.open > .btn:hover { color:#808080; }
#cart .dropdown-menu { background:#eee; z-index:1001; }
#cart .dropdown-menu { min-width:100%; }
@media (max-width: 478px) { #cart .dropdown-menu { width:100%; }}
#cart .dropdown-menu table { margin-bottom:10px; }
#cart .dropdown-menu li > div { min-width:427px; padding:0 10px; }
@media (max-width: 478px) { #cart .dropdown-menu li > div { min-width:100%; }}
#cart .dropdown-menu li p { margin:20px 0; }
#cartbox { margin-left:140px; }
#mincartbackground { background-color:#FFFFFF; border-radius:30px; width:27px; height:27px; padding-top:3px; }
#minicart-button { background:none; background-color:transparent; border:none; }
#cart-total { font-size:14px; font-family: 'Noto Sans JP', sans-serif; font-weight:300; color:#000000; line-height:22px; min-width:100%; text-align:center;}
#cartbag { float:left; padding-bottom:10px; padding-right:10px; margin-top:10px; }
/* default font size */
.fa {
font-size: 14px;
}
/* Override the bootstrap defaults */
a {
color:#2A8B33;
}
a:hover {
text-decoration: none;
color:#000;
}
legend {
font-size: 18px;
padding: 7px 0px
}
label {
font-size: 12px;
font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
font-size: 12px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
font-size: 12px;
}
.input-group .input-group-addon {
font-size: 12px;
height: 30px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
display: inline;
}
.nav-tabs {
margin-bottom: 15px;
}
div.required .control-label:before {
content: '* ';
color: #F00;
font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
text-decoration: none;
color: #ffffff;
background-image: linear-gradient(to bottom, #393939, #393939);
background-repeat: repeat-x;
}
/* top */
#top { background-color:transparent;
background-image:url("../image/headerbg.png"); background-repeat:repeat-x; background-position:top;
padding-top:5px;
margin-top:-6px;
min-height: 142px;
position:fixed;
z-index:50;
width:100%;
-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in;
}
#top .container {
padding: 0 20px;
}
#currency {
float:right;
margin-right:100%;
margin-top:-5px;
position:relative;
z-index:1002;
}
#currency .currency-select {
text-align: left;
}
#currency .currency-select:hover {
text-shadow: none;
color: #ffffff;
background-image: linear-gradient(to bottom, #393939, #393939);
background-repeat: repeat-x;
}
#top .btn-link, #top-links li, #top-links a {
color: #000000;
font-family: 'Advent Pro', sans-serif;
font-size:14px;
text-decoration: none;
}
#top .btn-link:hover, #top-links a:hover {
color: #FFC1CE;
}
#top-links .dropdown-menu a {
text-shadow: none;
}
#top-links .dropdown-menu a:hover {
color: #FFF;
}
#top .btn-link strong {
font-size: 12px;
line-height: 14px;
}
#top-links {
padding-top: 0px;
position:relative;
margin-right:-75px;
z-index:1000;
}
#top-links a + a {
margin-left: 15px;
}
/* logo */
#logo { width:171px;
height:86px;
position:fixed;
z-index:350;
margin-top:27px;
margin-left:-150px; }
@media (max-width: 478px) {
#cart .dropdown-menu {
width: 100%;
}
}
#cart .dropdown-menu table {
margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
min-width: 427px;
padding: 0 10px;
}
@media (max-width: 478px) {
#cart .dropdown-menu li > div {
min-width: 100%;
}
}
#cart .dropdown-menu li p {
margin: 20px 0;
}
/* menu */
#menu {
background-color: transparent;
background-repeat: repeat-x;
min-height: 48px;
margin-top:50px;
margin-left:18%;
position:fixed;
z-index:200;
-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in;
}
#menu .nav { -webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
#menu .nav > li > a {
color: #000000;
font-family: 'Poppins', sans-serif;
font-size:18px;
font-weight:300;
padding: 10px 10px 10px 10px;
min-height: 15px;
margin-right:20px;
margin-left:20px;
background-color: transparent;
}
#menu .nav > li > a:hover {
color:#FFC1CE;
background-color:transparent;
-webkit-transition: all 0.7s ease-out; -moz-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out;
}
#menu .nav > li:last-item > a {
margin-right:0px;
padding-right:0px;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in;
}
#menu .dropdown-menu {
padding-bottom: 0;
background:#FFC1CE;
left:50%;
margin-left:-100px;
position:relative;
}
#menu .dropdown-inner {
display: table;
}
#menu .dropdown-inner ul {
display: table-cell;
}
#menu .dropdown-inner a {
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 16px;
font-weight:400;
min-width: 200px;
display: block;
padding: 3px 5px;
clear: both;
line-height: 30px;
background:#FFC1CE;
}
#menu .dropdown-inner li a:hover {
color: #FFFFFF;
background:#000000;
}
#menu .see-all {
display: none;
margin-top: 0.5em;
border-top: 1px solid #DDD;
padding: 3px 3px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 3px 3px;
font-size: 12px;
}
#menu .see-all:hover, #menu .see-all:focus {
text-decoration: none;
color: #ffffff;
background-image: linear-gradient(to bottom, #393939, #393939);
background-repeat: repeat-x;
}
#menu #category {
float: left;
padding-left: 15px;
font-size: 16px;
font-weight: 700;
line-height: 40px;
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
font-size: 15px;
font-stretch: expanded;
color: #FFF;
padding: 2px 18px;
float: right;
background-image: linear-gradient(to bottom, #393939, #393939);
background-repeat: repeat-x;
border-color: #393939 #393939 #145e7a;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
color: #ffffff;
}
@media (min-width: 768px) {
#menu .dropdown:hover .dropdown-menu {
display: block;
}
}
@media (max-width: 767px) {
#menu {
border-radius: 0px;
margin-top:100px;
margin-left:-150px;
background-color:#FFC1CE;
z-index:160;
width:100%;
}
#menu .nav > li > a {
color: #FFFFFF;
font-family: 'Oswald', sans-serif;
font-size:18px;
font-weight:500;
padding: 10px 15px 10px 15px;
min-height: 15px;
margin-right:40px;
margin-left:40px;
background-color: transparent;
}
#menu .nav > li > a:hover {
color:#FFFFFF;
background-color:transparent;
-webkit-transition: all 0.7s ease-out; -moz-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out;
}
#menu div.dropdown-inner > ul.list-unstyled {
display: block;
}
#menu div.dropdown-menu {
margin-left: 0 !important;
padding-bottom: 10px;
background-color:transparent;
}
#menu .dropdown-inner {
display: block;
background-color:#2068CB;
margin-left:-10px;
}
#menu .dropdown-inner a {
width: 100%;
color: #FFFFFF;
background-color:#FFC1CE;
margin-left:-147px;
}
#menu .dropdown-menu a:hover,
#menu .dropdown-menu ul li a:hover {
background: rgba(0, 0, 0, 0.1);
}
#menu .see-all {
margin-top: 0;
border: none;
border-radius: 0;
color: #fff;
}
}
/* content */
#content {
min-height: 600px;
}
/* footer */
#footerlogo { width:171px; height:auto; position:relative; float:right; }
footer {
background-color:#5A5A5A; background-repeat:no-repeat; background-position:top;
min-height:212px;
height:auto;
margin-top: 30px;
padding-top: 5px;
padding-bottom:40px;
color: #000000;
position:relative;
z-index:0;
}
#footercontent { width:70%; left:50%; margin-left:-36%; position:relative; }
footer hr {
border-top: none;
}
footer a {
font-family: 'Noto Sans', sans-serif;
font-weight: 400;
font-size: 14px;
color: #FFFFFF;
}
footer a:hover {
font-family: 'Noto Sans', sans-serif;
font-weight: 400;
font-size: 14px;
color: #FFC1CE;
}
footer h5 {font-family: 'Oswald', sans-serif;
font-weight: 400;
color: #FFC1CE;
font-size: 18px;
line-height: 18px;
}
/* alert */
.alert {
padding: 8px 14px 8px 14px;
position:absolute; z-index:1000 ;
}
/* breadcrumb */
.breadcrumb {
margin: 0 0 20px 0;
padding: 8px 0;
border: 1px solid #ddd;
}
.breadcrumb i {
font-size: 15px;
}
.breadcrumb > li {
text-shadow: 0 1px 0 #FFF;
padding: 0 20px;
position: relative;
white-space: nowrap;
}
.breadcrumb > li + li:before {
content: '';
padding: 0;
}
.breadcrumb > li:after {
content: '';
display: block;
position: absolute;
top: -3px;
right: -5px;
width: 26px;
height: 26px;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.pagination {
margin: 0;
}
/* buttons */
.buttons {
margin: 1em 0;
}
.btn {
padding: 7.5px 12px;
font-size: 12px;
border: 1px solid #cccccc;
border-radius: 0px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn-xs {
font-size: 9px;
}
.btn-sm {
font-size: 10.2px;
}
.btn-lg {
padding: 10px 16px;
font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
font-size: 12px;
}
.btn-group > .btn-xs {
font-size: 9px;
}
.btn-group > .btn-sm {
font-size: 10.2px;
}
.btn-group > .btn-lg {
font-size: 15px;
}
.btn-default {
color: #777;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #e7e7e7;
background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
background-repeat: repeat-x;
border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}
.btn-primary {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #transparent;
background-image: linear-gradient(to bottom, #393939, #393939);
background-repeat: repeat-x;
border-color: #393939 #393939 #145e7a;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
background-color: #393939;
background-position: 0 -15px;
}
.btn-warning {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #faa732;
background-image: linear-gradient(to bottom, #fbb450, #f89406);
background-repeat: repeat-x;
border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #da4f49;
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
background-repeat: repeat-x;
border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5bb75b;
background-image: linear-gradient(to bottom, #62c462, #51a351);
background-repeat: repeat-x;
border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #df5c39;
background-image: linear-gradient(to bottom, #e06342, #dc512c);
background-repeat: repeat-x;
border-color: #dc512c #dc512c #a2371a;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
background-image: none;
background-color: #df5c39;
}
.btn-link {
border-color: rgba(0, 0, 0, 0);
cursor: pointer;
color: #393939;
border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
background-color: rgba(0, 0, 0, 0);
background-image: none;
box-shadow: none;
}
.btn-inverse {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #363636;
background-image: linear-gradient(to bottom, #444444, #222222);
background-repeat: repeat-x;
border-color: #222222 #222222 #000000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
background-color: #222222;
background-image: linear-gradient(to bottom, #333333, #111111);
}
/* list group */
.list-group a {
border: 1px solid #DDDDDD;
color: #888888;
padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
color: #444444;
background: #eeeeee;
border: 1px solid #DDDDDD;
text-shadow: 0 1px 0 #FFF;
}
/* carousel */
.carousel-caption {
color: #FFFFFF;
text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
content: '\f053';
font-family: FontAwesome;
}
.carousel-control .icon-next:before {
content: '\f054';
font-family: FontAwesome;
}
/* product list */
.product-thumb {
border: none;
margin-bottom: 20px;
overflow: auto;
padding:0px;
}
.product-thumb .image {
text-align: center;
overflow: hidden;
}
.product-thumb .image a {
display: block;
overflow: hidden;
}
.product-thumb .image a:hover {
opacity: 0.8;
overflow: hidden;
}
.product-thumb .image img {
margin-left: auto;
margin-right: auto;
}
.product-grid .product-thumb .image {
float: none;
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
float: left;
padding: 0 15px;
}
}
.product-thumb h4 {
font-weight: bold;
}
.product-thumb .caption {
padding: 0 20px;
min-height: 10px;
}
.product-list .product-thumb .caption {
margin-left: 230px;
}
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
min-height: 10px;
padding: 0 10px;
}
}
@media (max-width: 767px) {
.product-list .product-thumb .caption {
min-height: 0;
margin-left: 0;
padding: 0 10px;
}
.product-grid .product-thumb .caption {
min-height: 0;
}
}
.product-thumb .rating {
padding-bottom: 10px;
}
.rating .fa-stack {
font-size: 8px;
}
.rating .fa-star-o {
color: #999;
font-size: 15px;
}
.rating .fa-star {
color: #FC0;
font-size: 15px;
}
.rating .fa-star + .fa-star-o {
color: #E69500;
}
h2.price {
margin: 0;
}
.product-thumb .price {
color: #FFF;
}
.product-thumb .price-new {
font-weight: 600;
}
.product-thumb .price-old {
color: #999;
text-decoration: line-through;
margin-left: 10px;
}
.product-thumb .price-tax {
color: #999;
font-size: 12px;
display: block;
}
.product-thumb .button-group {
border-top: 1px solid #ddd;
background-color: #eee;
overflow: auto;
}
.product-list .product-thumb .button-group {
border-left: 1px solid #ddd;
}
@media (max-width: 768px) {
.product-list .product-thumb .button-group {
border-left: none;
}
}
.product-thumb .button-group button {
width: 60%;
border: none;
display: inline-block;
float: left;
background-color: #eee;
color: #888;
line-height: 38px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
.product-thumb .button-group button + button {
width: 20%;
border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
color: #444;
background-color: #ddd;
text-decoration: none;
cursor: pointer;
}
@media (max-width: 1200px) {
.product-thumb .button-group button, .product-thumb .button-group button + button {
width: 33.33%;
}
}
@media (max-width: 767px) {
.product-thumb .button-group button, .product-thumb .button-group button + button {
width: 33.33%;
}
}
.thumbnails {
overflow: auto;
clear: both;
list-style: none;
padding: 0;
margin: 0;
}
.thumbnails > li {
margin-left: 20px;
}
.thumbnails {
margin-left: -20px;
}
.thumbnails > img {
width: 100%;
}
.image-additional a {
margin-bottom: 20px;
padding: 5px;
display: block;
border: 1px solid #ddd;
}
.image-additional {
max-width: 78px;
}
.thumbnails .image-additional {
float: left;
margin-left: 20px;
}
/* fixed colum left + content + right*/
@media (min-width: 768px) {
#column-left .product-layout .col-md-3 {
width: 100%;
}
#column-left + #content .product-layout .col-md-3 {
width: 50%;
}
#column-left + #content + #column-right .product-layout .col-md-3{
width: 100%;
}
#content + #column-right .product-layout .col-md-3{
width: 100%;
}
}
/* fixed product layouts used in left and right columns */
#column-left .product-layout,
#column-right .product-layout {
width: 100%;
}
/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
min-width: 50px;
}
/* =========================================== BREAK POINTS =========================================== */
/* 1680 display */
@media only screen and ( min-width: 1481px) and ( max-width: 1690px ) {
/* ----- Graphics ----- */
#square { position:fixed; z-index:100; margin-top:64px; margin-left:89.5%;}
/* ----- Layouts ----- */
#home1 { width:100%; height:750px; padding-bottom:0px; }
#content3 { width:80%; margin-top:150px; left:50%; margin-left:-40%; min-height:400px; position:relative; z-index:0; vertical-align:middle; }
#content4 { width:85%; left:50%; margin-left:-43%; position:relative; }
#featuredprodmod{ border:solid 0px #999999; padding-top:20px; margin:2px; max-width:335px;}
#search { position:fixed; margin-top:40px; margin-left:26%; margin-bottom:10px; width:220px; z-index:500; -webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
#cart { margin-top:40px; padding-bottom:0px; width:150px; margin-left:175px; line-height:10px; position:fixed; z-index:500; -webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
#contactboxleft {float:left; width:70%; height:auto; min-height:800px; }
#contactboxright{float:right; width:25%; margin-top:30px; }
}
/* 1440 display */
@media only screen and ( min-width: 1369px) and ( max-width: 1480px ) {
#logo { margin-left:-100px; }
#top #currency { margin-top:-5px; margin-left:-100px; }
#menu { margin-left:325px; z-index:160; width:100%; }
#home1 { width:100%; height:750px; padding-bottom:0px; }
#content3 { width:80%; margin-top:150px; left:50%; margin-left:-40%; min-height:400px; position:relative; z-index:0; vertical-align:middle; }
#content4 { width:85%; left:50%; margin-left:-43%; position:relative; }
#content5 { width:80%; margin-top:150px; left:50%; margin-left:-45%; min-height:400px; position:relative; z-index:0; vertical-align:middle; }
#featuredprodmod{ border:solid 0px #999999; padding-top:20px; margin:2px; max-width:300px;}
#search { position:fixed; margin-top:40px; margin-left:30%; margin-bottom:10px; width:220px; z-index:500; -webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
#cart { margin-top:40px; padding-bottom:0px; width:150px; margin-left:175px; line-height:10px; position:fixed; z-index:500; -webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
.main .cols1 .col1 { width:30%; display:inline-block; vertical-align:top; padding:25px; border-radius:0px; }
#contactboxleft {float:left; width:70%; height:auto; min-height:800px; }
#contactboxright{float:right; width:25%; margin-top:30px; }
#footercontent { width:90%; left:50%; margin-left:-46%; position:relative; }
}
/* 1366 display */
@media only screen and ( min-width: 1285px) and ( max-width: 1368px ) {
#logo { margin-left:-50px; }
#top #currency { margin-top:-5px; margin-left:-70px; }
#menu { margin-left:320px; z-index:160; width:100%; }
#home1 { width:100%; height:825px; padding-bottom:0px; }
#content3 { width:90%; margin-top:150px; left:50%; margin-left:-46%; min-height:400px; position:relative; z-index:0; vertical-align:middle; }
#content4 { width:85%; left:50%; margin-left:-43%; position:relative; }
#content5 { width:80%; margin-top:150px; left:50%; margin-left:-46%; min-height:400px; position:relative; z-index:0; vertical-align:middle; }
#square { position:fixed; z-index:100; margin-top:64px; margin-left:85.3%;}
#featuredprodmod{ border:solid 0px #999999; padding-top:20px; margin:2px; max-width:285px;}
#search { position:fixed; margin-top:40px; margin-left:32%; margin-bottom:10px; width:220px; z-index:500; -webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
#cart { margin-top:40px; padding-bottom:0px; width:150px; margin-left:175px; line-height:10px; position:fixed; z-index:500; -webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
.main .cols1 .col1 { width:30%; display:inline-block; vertical-align:top; padding:25px; border-radius:0px; }
#contactboxleft {float:left; width:70%; height:auto; min-height:800px; }
#contactboxright{float:right; width:25%; margin-top:30px; }
#footercontent { width:90%; left:50%; margin-left:-45%; position:relative; }
}
/* 1280 display */
@media only screen and ( min-width: 1025px) and ( max-width: 1280px ) {
#logo { margin-left:0px; }
#currency {
float:right;
margin-right:10%;
margin-top:-5px;
position:relative;
z-index:1002;}
#top-links { padding-top:0px; position:relative; margin-right:-25px; z-index:1000; }
#menu { margin-left:320px; z-index:160; width:100%; }
#home1 { width:100%; height:825px; padding-bottom:0px; }
#content3 { width:90%; margin-top:150px; left:50%; margin-left:-46%; min-height:400px; position:relative; z-index:0; vertical-align:middle; }
#content4 { width:85%; left:50%; margin-left:-43%; position:relative; }
#content5 { width:80%; margin-top:150px; left:50%; margin-left:-46%; min-height:400px; position:relative; z-index:0; vertical-align:middle; }
#square { position:fixed; z-index:100; margin-top:64px; margin-left:88.2%;}
#featuredbox { width:60%; height:auto; left:50%; margin-left:-34%; position:relative; margin-top:15%; z-index:0; }
#featuredprodmod{ border:solid 0px #999999; padding-top:20px; margin:2px; max-width:265px;}
#search { position:fixed; margin-top:40px; margin-left:31%; margin-bottom:10px; width:220px; z-index:500; -webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
#cart { margin-top:40px; padding-bottom:0px; width:150px; margin-left:125px; line-height:10px; position:fixed; z-index:500; -webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
#boxofboxes { float:left; width:50%; height:auto; margin-top:-50px;}
#box { float:left; width:47%; height:47%; background-color:#E1E1E1; border-radius:7px; position:relative; padding:10px; margin-top:10px; }
#boxrow { padding-top:20px;}
#box + #box { margin-left:10px; margin-right:10px;}
.main .cols1 .col1 { width:30%; display:inline-block; vertical-align:top; padding:25px; border-radius:0px; }
#contactboxleft {float:left; width:70%; height:auto; min-height:800px; }
#contactboxright{float:right; width:25%; margin-top:30px; }
#footercontent { width:90%; left:50%; margin-left:-47%; position:relative; }
}
/* 1024 display */
@media only screen and ( min-width: 981px) and ( max-width: 1024px ) {
#logo { margin-left:0px; }
#currency {
float:right;
margin-right:10%;
margin-top:-5px;
position:relative;
z-index:1002;}
#top-links { padding-top:0px; position:relative; margin-right:-25px; z-index:1000; }
#menu { margin-top:50px; margin-left:20%; z-index:160; width:100%; }
#menu .nav > li > a {
color: #000000;
font-family: 'Poppins', sans-serif;
font-size:18px;
font-weight:300;
padding: 10px 10px 10px 10px;
min-height: 15px;
margin-right:10px;
margin-left:10px;
background-color: transparent;
}
.rslides { width:100%; height:750px; position:absolute; background-attachment:scroll; z-index:30; margin-top:50px; z-index:0; margin-left:0px; }
#home1 { width:100%; height:550px; padding-bottom:0px; }
#content1 { width:40%; margin-top:-100px; left:50%; margin-left:-20%; min-height:100px; position:relative; z-index:0; vertical-align:middle; }
#content3 { width:100%; margin-top:50px; left:50%; margin-left:-50%; min-height:400px; position:relative; z-index:0; vertical-align:middle; }
#content4 { width:85%; left:50%; margin-left:-43%; position:relative; }
#content5 { width:100%; margin-top:150px; left:50%; margin-left:-50%; min-height:700px; position:relative; z-index:0; vertical-align:middle; }
#square { position:fixed; z-index:100; margin-top:103px; margin-left:80%;}
#block { float:left; margin-top:43px; padding-right:10px; }
#welcomepic { width:550px; height:550px; float:left; margin-top:0px; margin-left:0px; padding-right:25px; }
#servicespic { width:500px; height:500px; float:right; margin-top:0px; margin-left:0px; padding-left:25px; }
#featuredbox { width:90%; height:auto; left:50%; margin-left:-45%; position:relative; margin-top:15%; z-index:0; }
#tagline { width:100%;}
#featuredprodmod{ border:solid 0px #999999; padding-top:20px; margin:2px; max-width:215px;}
#search { position:fixed; margin-top:40px; margin-left:25%; margin-bottom:10px; width:220px; z-index:500; -webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
#cart { margin-top:40px; padding-bottom:0px; width:150px; margin-left:75px; line-height:10px; position:fixed; z-index:500; -webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
#greybox { width:100%; min-height:500px; height:auto; background-color:#E1E1E1; position:relative; padding-bottom:25px;}
#boxofboxes { float:left; width:50%; height:auto; margin-top:-50px;}
#box { float:left; width:47%; height:47%; background-color:#E1E1E1; border-radius:7px; position:relative; padding:10px; margin-top:10px; }
#boxrow { padding-top:20px;}
#box + #box { margin-left:10px; margin-right:10px;}
.main .cols1 .col1 { width:100%; display:inline-block; vertical-align:top; padding:25px; border-radius:0px; }
#contactboxleft {float:left; width:70%; height:auto; min-height:800px; }
#contactboxright{float:right; width:25%; margin-top:30px; }
#footercontent { width:90%; left:50%; margin-left:-47%; position:relative; }
}
/* 980 display */
@media only screen and ( min-width: 831px) and ( max-width: 980px ) {
#logo { margin-left:-70px; }
#currency {
float:right;
margin-right:10%;
margin-top:-5px;
position:relative;
z-index:1002;}
#top-links { padding-top:0px; position:relative; margin-right:-80px; z-index:1000; }
#menu { margin-top:50px; margin-left:80px; z-index:160; width:100%; }
#menu .nav > li > a {
color: #000000;
font-family: 'Poppins', sans-serif;
font-size:18px;
font-weight:300;
padding: 10px 10px 10px 10px;
min-height: 15px;
margin-right:8px;
margin-left:8px;
background-color: transparent;
}
.rslides { width:100%; height:600px; position:absolute; background-attachment:scroll; z-index:30; margin-top:50px; z-index:0; margin-left:0px; }
#home1 { width:100%; height:550px; padding-bottom:0px; }
#content1 { width:40%; margin-top:-100px; left:50%; margin-left:-20%; min-height:100px; position:relative; z-index:0; vertical-align:middle; }
#content3 { width:100%; margin-top:50px; left:50%; margin-left:-50%; min-height:400px; position:relative; z-index:0; vertical-align:middle; }
#content4 { width:85%; left:50%; margin-left:-43%; position:relative; }
#content5 { width:100%; margin-top:150px; left:50%; margin-left:-50%; min-height:700px; position:relative; z-index:0; vertical-align:middle; }
#square { position:fixed; z-index:100; margin-top:103px; margin-left:80.7%;}
#block { float:left; margin-top:43px; padding-right:10px; }
#welcomepic { width:550px; height:550px; float:left; margin-top:0px; margin-left:0px; padding-right:25px; }
#servicespic { width:500px; height:500px; float:right; margin-top:0px; margin-left:0px; padding-left:25px; }
#featuredbox { width:90%; height:auto; left:50%; margin-left:-45%; position:relative; margin-top:15%; z-index:0; }
#tagline { width:100%;}
#featuredprodmod{ border:solid 0px #999999; padding-top:20px; margin:15px; max-width:350px;}
#search { position:fixed; margin-top:40px; margin-left:18%; margin-bottom:10px; width:220px; z-index:500; -webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
#cart { margin-top:40px; padding-bottom:0px; width:150px; margin-left:75px; line-height:10px; position:fixed; z-index:500; -webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
#greybox { width:100%; min-height:500px; height:auto; background-color:#E1E1E1; position:relative; padding-bottom:25px;}
#boxofboxes { float:left; width:50%; height:auto; margin-top:-50px;}
#box { float:left; width:47%; height:47%; background-color:#E1E1E1; border-radius:7px; position:relative; padding:10px; margin-top:10px; }
#boxrow { padding-top:20px;}
#box + #box { margin-left:10px; margin-right:10px;}
.main .cols1 .col1 { width:100%; display:inline-block; vertical-align:top; padding:25px; border-radius:0px; }
#contactboxleft {float:left; width:70%; height:auto; min-height:800px; }
#contactboxright{float:right; width:25%; margin-top:30px; }
#footercontent { width:100%; left:50%; margin-left:-50%; position:relative; }
#footerlogo { width:240px; height:auto; position:relative; float:right; }
}
/* 830 display */
@media only screen and ( min-width: 645px) and ( max-width: 830px ) {
#logo { width:100px; margin-left:-10px; }
#currency {
float:right;
margin-right:10%;
margin-top:-5px;
position:relative;
z-index:1002;}
#top-links { padding-top:0px; position:relative; margin-right:-30px; z-index:1000; }
#menu { margin-top:50px; margin-left:-15px; z-index:160; width:100%; }
#menu .nav > li > a {
color: #000000;
font-family: 'Poppins', sans-serif;
font-size:18px;
font-weight:300;
padding: 10px 10px 10px 10px;
min-height: 15px;
margin-right:8px;
margin-left:8px;
background-color: transparent;
}
.rslides { width:100%; height:600px; position:absolute; background-attachment:scroll; z-index:30; margin-top:50px; z-index:0; margin-left:0px; }
#home1 { width:100%; height:550px; padding-bottom:0px; }
#content1 { width:40%; margin-top:-100px; left:50%; margin-left:-20%; min-height:100px; position:relative; z-index:0; vertical-align:middle; }
#content3 { width:100%; margin-top:50px; left:50%; margin-left:-50%; min-height:400px; position:relative; z-index:0; vertical-align:middle; }
#content4 { width:85%; left:50%; margin-left:-43%; position:relative; }
#content5 { width:100%; margin-top:150px; left:50%; margin-left:-50%; min-height:700px; position:relative; z-index:0; vertical-align:middle; }
#square { position:fixed; z-index:100; margin-top:103px; margin-left:80.7%;}
#block { float:left; margin-top:43px; padding-right:10px; }
#welcomepic { width:550px; height:550px; float:left; margin-top:0px; margin-left:0px; padding-right:25px; }
#servicespic { width:500px; height:500px; float:right; margin-top:0px; margin-left:0px; padding-left:25px; }
#featuredbox { width:90%; height:auto; left:50%; margin-left:-45%; position:relative; margin-top:25%; z-index:0; }
#tagline { width:100%;}
#featuredprodmod{ border:solid 0px #999999; padding-top:20px; margin:15px; max-width:300px;}
#search { position:fixed; margin-top:40px; margin-left:11%; margin-bottom:10px; width:220px; z-index:500; -webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
#cart { margin-top:40px; padding-bottom:0px; width:150px; margin-left:0px; line-height:10px; position:fixed; z-index:500; -webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
#greybox { width:100%; min-height:500px; height:auto; background-color:#E1E1E1; position:relative; padding-bottom:25px;}
#boxofboxes { float:left; width:50%; height:auto; margin-top:-50px;}
#box { float:left; width:47%; height:47%; background-color:#E1E1E1; border-radius:7px; position:relative; padding:10px; margin-top:10px; }
#boxrow { padding-top:20px;}
#box + #box { margin-left:10px; margin-right:10px;}
.main .cols1 .col1 { width:100%; display:inline-block; vertical-align:top; padding:25px; border-radius:0px; }
#contactboxleft {float:left; width:70%; height:auto; min-height:800px; }
#contactboxright{float:right; width:25%; margin-top:30px; }
#footercontent { width:100%; left:50%; margin-left:-50%; position:relative; }
#footerlogo { width:240px; height:auto; position:relative; float:right; }
}
/* 644 display */
@media only screen and ( min-width: 415px) and ( max-width: 644px ) {
#logo { width:100px; margin-left:-10px; }
#currency {
float:right;
margin-right:10%;
margin-top:-5px;
position:relative;
z-index:1002;}
#top-links { padding-top:0px; position:relative; margin-right:-10px; z-index:1000; }
#menu { margin-top:50px; margin-left:-15px; }
#menu .dropdown-menu { margin-left:60px; }
#aboutpic { width:100%; height:auto; float:none; padding-right:20px; padding-bottom:20px; }
.rslides { width:100%; height:600px; position:absolute; background-attachment:scroll; z-index:30; margin-top:50px; z-index:0; margin-left:0px; }
#home1 { width:100%; height:300px; padding-bottom:0px; }
#content1 { width:80%; margin-top:-150px; left:50%; margin-left:-40%; min-height:100px; position:relative; z-index:0; vertical-align:middle; }
#content3 { width:100%; margin-top:50px; left:50%; margin-left:-50%; min-height:400px; position:relative; z-index:0; vertical-align:middle; }
#content4 { width:85%; left:50%; margin-left:-43%; position:relative; }
#content5 { width:100%; margin-top:50px; left:50%; margin-left:-50%; min-height:850px; position:relative; z-index:0; vertical-align:middle; }
#subbox1 { width:100%; min-height:400px; background:none; margin-top:80px; padding-top:0px; padding-bottom:20px; position:relative; z-index:0; }
#square { display:none; visibility:hidden;}
#block { display:none; visibility:hidden;}
#welcomepic { width:90%; height:auto; float:none; left:50%; margin-top:0px; margin-left:-45%; padding-right:0px; padding-bottom:25px; position:relative; }
#servicespic { width:90%; height:auto; float:none; left:50%; margin-top:0px; margin-left:-45%; padding-right:0px; padding-top:25px; position:relative; }
#welcometext { position:relative; margin-top:0px; margin-left:-45%; width:90%; left:50%; }
#featuredbox { width:90%; height:auto; left:50%; margin-left:-45%; position:relative; margin-top:45%; z-index:0; }
#tagline { width:100%;}
#featuredprodmod{ border:solid 0px #999999; padding-top:20px; margin:15px; width:95%; max-width:500px;}
#search { position:fixed; margin-top:40px; margin-left:25%; margin-bottom:10px; width:220px; z-index:500; -webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
#cart { margin-top:40px; padding-bottom:0px; width:150px; margin-left:67%; line-height:10px; position:fixed; z-index:500; -webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
#greybox { width:100%; min-height:500px; height:auto; background-color:#E1E1E1; position:relative; padding-bottom:25px;}
#boxofboxes { float:none; width:90%; height:auto; left:50%; margin-left:-44%; margin-top:-50px; position:relative; padding-bottom:50px; }
#box { float:none; width:100%; height:50%; background-color:#E1E1E1; border-radius:7px; position:relative; padding:10px; margin-top:10px; }
#boxrow { padding-top:20px;}
#box + #box { margin-left:5px; margin-right:5px;}
.main .cols1 .col1 { width:100%; display:inline-block; vertical-align:top; padding:25px; border-radius:0px; }
.main .cols2 { width:100%; margin-top:50px; margin-bottom:50px; padding:20px; position:relative; z-index:100; }
.main .cols2 .col2 { width:100%; display:inline-block; vertical-align:middle; padding:25px; border-radius:0px; }
.main .cols3 { width:100%; margin-top:50px; margin-bottom:50px; padding:20px; position:relative; z-index:0; text-align:center; }
.main .cols3 .col3 { width:100%; display:inline-block; vertical-align:middle; padding:25px; border-radius:0px; vertical-align: top; }
.main .cols3 .col3 + .col3 { margin-left:0%; }
.main .cols4 { width:100%; margin-top:50px; margin-bottom:20px; padding:20px; position:relative; z-index:0; text-align: center; }
.main .cols4 .col4 { width:100%; display:inline-block; vertical-align:middle; padding:25px; border-radius:0px; vertical-align: top; }
.main .cols4 .col4 + .col4 { margin-left:0%; }
#contactboxleft {float:none; width:100%; height:auto; min-height:800px; margin-top:-70px; }
#contactboxright{float:none; width:100%; margin-top:-30px; min-height:700px; height:auto; text-align: center; }
footer {
background-color: #5A5A5A;
background-image:none;
min-height:212px;
height:auto;
margin-top: 30px;
padding-top: 5px;
padding-bottom:40px;
color: #000000;
position:relative;
z-index:0;
}
#footerlogo { display:none; visibility:hidden; }
#footercontent { width:98%; left:50%; margin-left:-49%; position:relative; margin-top: -15px; text-align: center; }
.col-sm-2 { width:100%; margin-top:25px;}
#footerlogo { display:none; visibility:hidden; }
}
/* 414 display */
@media only screen and ( min-width: 376px) and ( max-width: 414px ) {
h3 { font-size:36px; font-family:'Oswald', sans-serif; font-weight:400; color:#FFFFFF; line-height:1.0em; text-shadow:#000 1px 1px;}
#logo { width:100px; margin-left:-10px; }
#currency {
float:right;
margin-right:10%;
margin-top:-5px;
position:relative;
z-index:1002;}
#top-links { padding-top:0px; position:relative; margin-right:-10px; z-index:1000; }
#menu { margin-top:50px; margin-left:-15px; }
#menu .dropdown-menu { margin-left:60px; }
#aboutpic { width:100%; height:auto; float:none; padding-right:20px; padding-bottom:20px; }
.rslides { width:100%; height:600px; position:absolute; background-attachment:scroll; z-index:30; margin-top:50px; z-index:0; margin-left:0px; }
#home1 { width:100%; height:300px; padding-bottom:0px; }
#content1 { width:80%; margin-top:-150px; left:50%; margin-left:-40%; min-height:100px; position:relative; z-index:0; vertical-align:middle; }
#content3 { width:100%; margin-top:50px; left:50%; margin-left:-50%; min-height:400px; position:relative; z-index:0; vertical-align:middle; }
#content4 { width:85%; left:50%; margin-left:-43%; position:relative; }
#content5 { width:100%; margin-top:50px; left:50%; margin-left:-50%; min-height:850px; position:relative; z-index:0; vertical-align:middle; }
#subbox1 { width:100%; min-height:400px; background:none; margin-top:80px; padding-top:0px; padding-bottom:20px; position:relative; z-index:0; }
#square { display:none; visibility:hidden;}
#block { display:none; visibility:hidden;}
#welcomepic { width:90%; height:auto; float:none; left:50%; margin-top:0px; margin-left:-45%; padding-right:0px; padding-bottom:25px; position:relative; }
#servicespic { width:90%; height:auto; float:none; left:50%; margin-top:0px; margin-left:-45%; padding-right:0px; padding-top:25px; position:relative; }
#welcometext { position:relative; margin-top:0px; margin-left:-45%; width:90%; left:50%; }
#featuredbox { width:90%; height:auto; left:50%; margin-left:-45%; position:relative; margin-top:45%; z-index:0; }
#tagline { width:100%;}
#featuredprodmod{ border:solid 0px #999999; padding-top:20px; margin:15px; width:95%; max-width:500px;}
#search { display:none; visibility:hidden; }
#cart { margin-top:40px; padding-bottom:0px; width:150px; margin-left:60%; line-height:10px; position:fixed; z-index:500; -webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
#greybox { width:100%; min-height:500px; height:auto; background-color:#E1E1E1; position:relative; padding-bottom:25px;}
#boxofboxes { float:none; width:90%; height:auto; left:50%; margin-left:-44%; margin-top:-50px; position:relative; padding-bottom:50px; }
#box { float:none; width:100%; height:50%; background-color:#E1E1E1; border-radius:7px; position:relative; padding:10px; margin-top:10px; }
#boxrow { padding-top:20px;}
#box + #box { margin-left:5px; margin-right:5px;}
.main .cols1 .col1 { width:100%; display:inline-block; vertical-align:top; padding:25px; border-radius:0px; }
.main .cols2 { width:100%; margin-top:50px; margin-bottom:50px; padding:20px; position:relative; z-index:100; }
.main .cols2 .col2 { width:100%; display:inline-block; vertical-align:middle; padding:25px; border-radius:0px; }
.main .cols3 { width:100%; margin-top:50px; margin-bottom:50px; padding:20px; position:relative; z-index:0; text-align:center; }
.main .cols3 .col3 { width:100%; display:inline-block; vertical-align:middle; padding:25px; border-radius:0px; vertical-align: top; }
.main .cols3 .col3 + .col3 { margin-left:0%; }
.main .cols4 { width:100%; margin-top:50px; margin-bottom:20px; padding:20px; position:relative; z-index:0; text-align: center; }
.main .cols4 .col4 { width:100%; display:inline-block; vertical-align:middle; padding:25px; border-radius:0px; vertical-align: top; }
.main .cols4 .col4 + .col4 { margin-left:0%; }
#contactboxleft {float:none; width:100%; height:auto; min-height:800px; margin-top:-70px; }
#contactboxright{float:none; width:100%; margin-top:-30px; min-height:700px; height:auto; text-align: center; }
footer {
background-color: #5A5A5A;
background-image:none;
min-height:212px;
height:auto;
margin-top: 30px;
padding-top: 5px;
padding-bottom:40px;
color: #000000;
position:relative;
z-index:0;
}
#footerlogo { display:none; visibility:hidden; }
#footercontent { width:98%; left:50%; margin-left:-49%; position:relative; margin-top: -15px; text-align: center; }
.col-sm-2 { width:100%; margin-top:25px;}
#footerlogo { display:none; visibility:hidden; }
}
/* 375 display */
@media only screen and ( min-width: 320px) and ( max-width: 375px ) {
h3 { font-size:32px; font-family:'Oswald', sans-serif; font-weight:400; color:#FFFFFF; line-height:1.0em; text-shadow:#000 1px 1px;}
#logo { width:100px; margin-left:-10px; }
#currency {
float:right;
margin-right:10%;
margin-top:-5px;
position:relative;
z-index:1002;}
#top-links { padding-top:0px; position:relative; margin-right:-10px; z-index:1000; }
#menu { margin-top:50px; margin-left:-15px; }
#menu .dropdown-menu { margin-left:60px; }
#aboutpic { width:100%; height:auto; float:none; padding-right:20px; padding-bottom:20px; }
.rslides { width:100%; height:600px; position:absolute; background-attachment:scroll; z-index:30; margin-top:50px; z-index:0; margin-left:0px; }
#home1 { width:100%; height:300px; padding-bottom:0px; }
#content1 { width:80%; margin-top:-150px; left:50%; margin-left:-40%; min-height:100px; position:relative; z-index:0; vertical-align:middle; }
#content3 { width:100%; margin-top:50px; left:50%; margin-left:-50%; min-height:400px; position:relative; z-index:0; vertical-align:middle; }
#content4 { width:85%; left:50%; margin-left:-43%; position:relative; }
#content5 { width:100%; margin-top:50px; left:50%; margin-left:-50%; min-height:850px; position:relative; z-index:0; vertical-align:middle; }
#subbox1 { width:100%; min-height:400px; background:none; margin-top:80px; padding-top:0px; padding-bottom:20px; position:relative; z-index:0; }
#square { display:none; visibility:hidden;}
#block { display:none; visibility:hidden;}
#welcomepic { width:90%; height:auto; float:none; left:50%; margin-top:0px; margin-left:-45%; padding-right:0px; padding-bottom:25px; position:relative; }
#servicespic { width:90%; height:auto; float:none; left:50%; margin-top:0px; margin-left:-45%; padding-right:0px; padding-top:25px; position:relative; }
#welcometext { position:relative; margin-top:0px; margin-left:-45%; width:90%; left:50%; }
#featuredbox { width:90%; height:auto; left:50%; margin-left:-45%; position:relative; margin-top:45%; z-index:0; }
#tagline { width:100%;}
#featuredprodmod{ border:solid 0px #999999; padding-top:20px; margin:15px; width:95%; max-width:500px;}
#search { display:none; visibility:hidden; }
#cart { margin-top:40px; padding-bottom:0px; width:150px; margin-left:55%; line-height:10px; position:fixed; z-index:500; -webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
#greybox { width:100%; min-height:500px; height:auto; background-color:#E1E1E1; position:relative; padding-bottom:25px;}
#boxofboxes { float:none; width:90%; height:auto; left:50%; margin-left:-44%; margin-top:-50px; position:relative; padding-bottom:50px; }
#box { float:none; width:100%; height:50%; background-color:#E1E1E1; border-radius:7px; position:relative; padding:10px; margin-top:10px; }
#boxrow { padding-top:20px;}
#box + #box { margin-left:5px; margin-right:5px;}
.main .cols1 .col1 { width:100%; display:inline-block; vertical-align:top; padding:25px; border-radius:0px; }
.main .cols2 { width:100%; margin-top:50px; margin-bottom:50px; padding:20px; position:relative; z-index:100; }
.main .cols2 .col2 { width:100%; display:inline-block; vertical-align:middle; padding:25px; border-radius:0px; }
.main .cols3 { width:100%; margin-top:50px; margin-bottom:50px; padding:20px; position:relative; z-index:0; text-align:center; }
.main .cols3 .col3 { width:100%; display:inline-block; vertical-align:middle; padding:25px; border-radius:0px; vertical-align: top; }
.main .cols3 .col3 + .col3 { margin-left:0%; }
.main .cols4 { width:100%; margin-top:50px; margin-bottom:20px; padding:20px; position:relative; z-index:0; text-align: center; }
.main .cols4 .col4 { width:100%; display:inline-block; vertical-align:middle; padding:25px; border-radius:0px; vertical-align: top; }
.main .cols4 .col4 + .col4 { margin-left:0%; }
#contactboxleft {float:none; width:100%; height:auto; min-height:800px; margin-top:-70px; }
#contactboxright{float:none; width:100%; margin-top:-30px; min-height:700px; height:auto; text-align: center; }
footer {
background-color: #5A5A5A;
background-image:none;
min-height:212px;
height:auto;
margin-top: 30px;
padding-top: 5px;
padding-bottom:40px;
color: #000000;
position:relative;
z-index:0;
}
#footerlogo { display:none; visibility:hidden; }
#footercontent { width:98%; left:50%; margin-left:-49%; position:relative; margin-top: -15px; text-align: center; }
.col-sm-2 { width:100%; margin-top:25px;}
#footerlogo { display:none; visibility:hidden; }
}