/** original -81BA10 new -FF6C00 **/
@font-face {
font-family: 'latolight';
src: url('../fonts/lato-light-webfont.eot');
src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/lato-light-webfont.woff') format('woff'),
url('../fonts/lato-light-webfont.ttf') format('truetype'),
url('../fonts/lato-light-webfont.svg#latolight') format('svg');
font-weight: lighter;
font-style: normal;
}
@font-face {
font-family: 'latothin';
src: url('../fonts/lato-thin-webfont.eot');
src: url('../fonts/lato-thin-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/lato-thin-webfont.woff') format('woff'),
url('../fonts/lato-thin-webfont.ttf') format('truetype'),
url('../fonts/lato-thin-webfont.svg#latothin') format('svg');
font-weight: normal;
font-style: normal;
}
html {
overflow-x: hidden;
overflow-y: auto;
}
html, body {
margin:0; padding:0;
min-height: 100%;
}
body {
color:#333;
font-family:'Open Sans', Arial, sans-serif;
letter-spacing:0px;
font-size:15px; line-height:23px;
position:inherit !important;
}
a {
outline: 0;
transition: color 0.1s linear 0s, background-color 0.1s linear 0s !important;
}
form label {
font-weight: 300;
}
.form-control {
border-radius: 6px;
box-shadow: none;
height: 40px;
}
.form-control-md {
width: 50%;
}
.form-control-sm {
width: 25% !important;
}
.form-actions {
margin-top:15px;
}
#mainContactUsRow {
margin-bottom:60px;
}
a, a:hover, a:active,
#header a:hover,
#footer a:hover,
#default .styleColor {
color:#333;
}
.btn-primary {
border-color:#333;
background-color:#333;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
border-color:#444;
background-color:#444;
}
p {
line-height: 22px;
margin: 0 0 20px;
}
p,
ol li,
ul li {
color: #7e8998;
}
address {
color: #7e8998;
font-size:13px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin:0;
color:#333;
font-family:'Open Sans';
font-weight:300;
letter-spacing:-1px;
}
h1 {
font-size: 3em;
line-height: 44px;
margin: 0 0 44px 0;
}
h2 {
font-size: 2.2em;
font-weight: 300;
line-height: 42px;
margin: 0 0 32px 0;
}
h3 {
font-size: 1.8em;
font-weight: 300;
letter-spacing: normal;
line-height: 24px;
margin: 0 0 32px 0;
}
h4 {
font-size: 1.4em;
font-weight: 300;
letter-spacing: normal;
line-height: 27px;
margin: 0 0 14px 0;
}
h5 {
font-size: 1em;
font-weight: 300;
letter-spacing: normal;
line-height: 18px;
margin: 0 0 14px 0;
}
h6 {
font-size: 1em;
font-weight: 300;
letter-spacing: normal;
line-height: 18px;
margin: 0 0 14px 0;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
button {
/**background: none;**/
border: 0; margin: 0; padding: 0;
cursor: pointer;
color:#000;
}
.profileButton {
/**background: none;**/
border: 0; margin: 0; padding: 0;
cursor: pointer;
color:#000 !important;
padding-left:5px;
padding-right:5px;
}
img {
border: 0;
vertical-align: top;
}
input:-webkit-autofill {
color: #ffffff !important;
}
textarea {
resize: none;
}
textarea, input, button, *:focus {
outline:none !important;
}
textarea {
resize: vertical;
}
select {
border: 2px solid #E5E7E9;
border-radius: 6px;
height: 46px;
padding: 12px;
outline: none;
}
input[type="radio"],
input[type="checkbox"] {
display:inline-block;
cursor:pointer;
width:17px;
height:17px;
float:left;
margin-right:6px;
border:0;
}
#miniCart {
padding-left:5px;
}
#minicartComponent {
border-right:0px;
width: 350px;
line-height: 20px;
}
.cartbox {
margin:20px 20px 20px 20px;
}
#cartinfo {
/** right space in nav**/
padding-right:5px;
color: #ccc;
font-size: 12px;
}
.signincaret {
margin-right:5px;
}
#searchButton{
color: #333;
}
#signinDrop {
background: none;
}
#open-cart {
background: none;
}
.signininfo {
/** left space in nav**/
padding-left:5px;
}
#signinComponent {
border-right:0px;
line-height: 30px;
}
/** typeahead search **/
.tt-dropdown-menu,
.gist {
text-align: left;
}
.typeahead,
.tt-query,
.tt-hint {
width: 206px;
padding: 8px 12px;
margin-top:10px;
font-size: 14px;
line-height: 30px;
outline: none;
}
.twitter-typeahead {
vertical-align:top;
}
.typeahead {
background-color: #fff;
}
.tt-hint {
color: #999
}
.tt-dropdown-menu {
width: 238px;
margin-top: 17px;
padding: 8px 0;
background-color: #fff;
color:#ffffff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.tt-suggestion {
padding: 3px 20px;
font-size: 14px;
line-height: 24px;
}
.tt-suggestion.tt-cursor {
color: #fff;
background-color: #fbfbfb;
}
.tt-suggestion p {
margin: 0;
}
.total-box {
padding: 7px 2px;
margin: 0 0 0px;
height: 48px;
list-style: none;
background-color: #fbfbfb;
background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
background-image: linear-gradient(top, #ffffff, #f5f5f5);
background-repeat: repeat-x;
border: 1px solid #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
-webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
}
.total-box-label {
color: #333;
font-size: 16px;
}
.total-box-price {
color: #FF8C00;
font-style: bold;
}
.total-box-grand-total {
float:right;
}
/**Store bar **/
#storeBar {
display: block;
position:relative;
height:60px;
line-height:60px;
position:relative;
font-size:12px;
background:#333333;
z-index:100;
padding-right: 0px;
}
#storeBar,
#storeBar a,
#storeBar p {
color:#fff;
text-shadow:#222 1px 1px 1px;
}
#storeBar .btn-group.open .dropdown-toggle {
box-shadow:none;
-moz-box-shadow:none;
}
#storeBar .dropdown-menu {
box-shadow:none;
-moz-box-shadow:none;
background-color:#393939 !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#storeBar .dropdown-menu li,
#storeBar .dropdown-menu li a {
text-shadow:none;
}
#storeBar input {
color:#000;
text-shadow:none;
}
#storeBar #loginError {
color:#000;
text-shadow:none;
}
#storeBar .dropdown-menu li:hover>a {
background-color:#444;
}
#storeBar button.language img {
float:left;
display:inline-block;
margin-top:13px;
margin-right:6px;
}
#storeBar ul.dropdown-menu {
font-size:13px;
margin:0;
}
#storeBar ul.dropdown-menu li>a img,
#storeBar ul.dropdown-menu li>a i.fa {
display:inline-block;
margin-right:6px;
}
#storeBar ul.dropdown-menu li.divider {
border:0; margin-left:6px; margin-right:6px;
background-color:transparent;
border-bottom:rgba(0,0,0,0.2) 1px solid !important;
}
#storeBar .btn-group.open {
background-color:#393939;
}
#storeBar .btn-group {
background-color:rgba(0,0,0,0.05);
}
#storeBar ul.links li {
margin-left:10px;
float:left;
border-left:rgba(0,0,0,0.13) 1px solid;
padding-left:10px;
}
#storeBar ul.links li a {
text-decoration:none;
}
#storeBar ul.links li:hover>a {
color:#fff;
}
#storeBar ul {
margin:0;
}
#storeBar .logo {
display:block;
float:left;
margin-left:15px;
height:60px;
}
#storeBar .store-name {
font-size: 28px;
font-family: 'latothin', sans-serif;
letter-spacing: -1px;
}
#storeBar .store-name a:hover, a:visited, a:link, a:active {
text-decoration: none;
}
.lbw {
color: #fff;
font-size: 30px;
font-family: 'latothin', sans-serif;
letter-spacing: -1px;
}
.lbfont {
font-family: 'latothin', sans-serif;
letter-spacing: -1px;
}
#storeBar .normal-label {
color: #ccc;
font-size: 12px;
}
#storeBar .icon {
color: #ccc;
}
/** Header **/
#header {
display: block;
position:relative;
height:60px;
background:#333333;
color:#fff;
/**margin-bottom:10px;
border-bottom:rgba(255,255,255,0.3) 1px solid;**/
z-index:99;
}
#header p {
color:#ccc;
}
/** Top **/
#header ul.nav,
#header ul.nav li,
#header ul.nav li a,
#header ul.nav ul,
#header ul.nav ul ul {
border:0; margin:0; padding:0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
.navbar-collapse {
padding-left:0;
padding-right:0;
}
#header ul.nav {
float:left;
margin:0 0 0 0px; padding:0; padding-left:15px;
}
#header ul.nav li,
#header ul.nav li a {
padding:0; margin:0;
list-style:none;
float:left;
display:block;
}
#header ul.nav li a {
color:#ccc;
font-size:13px;
position:relative;
text-decoration:none;
text-shadow:#000 1px 1px 1px;
height:60px;
line-height:60px;
padding:0 16px
}
#header ul.nav li.active a,
#header ul.nav li.active:hover>a {
color:#FF6C00;
background:#393939;
}
#header ul.nav li:hover>a {
color:#FF6C00;
background:#393939;
}
#header ul.nav li a i.fa {
margin-left:6px;
}
#header ul.nav ul {
display:none;
}
#header ul.nav ul ul {
display:none !important;
}
#login label {
color:#fff;
}
@media only screen and (min-width: 990px) {
#header ul.nav ul li:hover > ul,
#header ul.nav li:hover>ul {
display:block !important;
}
.navbar-collapse.collapse {
}
}
#header ul.nav ul {
position:absolute;
top:49px; margin:0; padding:0;
max-width:200px;
background:#333;
}
#header ul.nav li.active li a,
#header ul.nav ul li,
#header ul.nav ul li.active,
#header ul.nav ul li.active a,
#header ul.nav ul li a {
position:relative;
float:none; display:block;
background:#393939;
color:#ccc;
}
#header ul.nav ul li.active a,
#header ul.nav ul li:hover a {
color:#fff;
background:#373737;
}
#header ul.nav ul li a,
#header ul.nav ul li.active {
height:auto;
padding:0; margin:0;
}
#header ul.nav ul li a {
height:auto;
line-height:20px;
min-width:200px;
padding:6px 20px;
border-bottom:#313131 1px solid;
border-top:#454545 1px solid;
text-shadow:none;
}
#header ul.nav ul li:first-child a {
border-top:0;
}
#header ul.nav ul li:last-child a {
border-bottom:0;
}
#header ul.nav ul li a i.fa {
margin-top:3px;
position:absolute;
right:10px;
}
#header ul.nav ul ul {
left:200px; top:1px;
border-left:#333 1px solid;
}
#header ul.nav ul ul li,
#header ul.nav ul ul li.active,
#header ul.nav ul ul li.active a,
#header ul.nav ul ul li a {
background:#393939 !important;
color:#ccc !important;
}
#header ul.nav ul ul li.active a,
#header ul.nav ul ul li:hover a {
background:#373737 !important;
color:#fff !important;
}
/** Options bar **/
#optionsBar {
float:right;
}
#optionsBar,
#optionsBar li {
margin:0; padding:0;
list-style:none;
}
#optionsBar li,
#optionsBar li a,
#optionsBar li div.button,
#optionsBar li button {
float:left;
display:block;
text-decoration:none;
color:#ccc;
font-size:23px;
position:relative;
cursor:pointer;
}
#optionsBar li a,
#optionsBar li div.button,
#optionsBar li button {
height:60px;
line-height:60px;
padding:0 4px;
background:#393939;
margin-left:1px;
margin-top:0px;
position:relative;
}
#optionsBar li a span.items,
#optionsBar li div.button span.items,
#optionsBar li button span.items {
font-family:'Open Sans';
font-size:9px;
position:absolute;
line-height:10px;
left:0; right:0; bottom:4px;
text-align:center;
color:#666;
}
#optionsBar li a span.items.active,
#optionsBar li div.button span.items.active,
#optionsBar li button span.items.active {
color:#FF6C00;
}
#optionsBar li button:hover,
#optionsBar li div.button:hover,
#optionsBar li a:hover,
#optionsBar li.active {
color:#fff;
}
/** Menu for mobile **/
button.btn-mobile {
display:none !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
button.btn-mobile i.fa {
padding:0;
}
/** Helper classes **/
.fixed { position:fixed !important; }
.relative { position:relative !important; }
.nopadding { padding:0 !important; }
.nopadding-left { padding-left:0 !important; }
.nopadding-right { padding-right:0 !important; }
.nopadding-top { padding-top:0 !important; }
.nopadding-bottom { padding-bottom:0 !important; }
.nomargin { margin:0 !important; }
.nomargin-left { margin-left:0 !important; }
.nomargin-right { margin-right:0 !important; }
.nomargin-top { margin-top:0 !important; }
.nomargin-bottom { margin-bottom:0 !important; }
.noborder { border:0 !important; }
.noradius { -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important; }
.absolute { position:absolute !important; }
.lowercase { text-transform:lowercase; }
.uppercase { text-transform:uppercase; }
.no-text-transform { text-transform:none !important; }
.italic { font-style:italic; }
.pointer { cursor:pointer; }
.block { display:block !important; }
.bold { font-weight:bold !important; }
.fullwidth { width:100% !important; }
.halfwidth { width:50% !important; }
.container { position:relative; }
i.fa { text-decoration:none !important;}
.justify { text-align:justify; }
.btn i.fa { padding-right:10px; }
.btn-margin-top { margin-top:30px; }
.text-underline { text-decoration:underline; }
.nowrap { white-space: nowrap !important; }
.wrap { white-space: normal !important; }
.transparent { background:transparent !important;}
.color-white { color:#fff !important; }
.fsize11 { font-size:11px !important; line-height:15px !important; }
.fsize12 { font-size:12px !important; line-height:16px !important; }
.fsize13 { font-size:13px !important; line-height:17px !important; }
.fsize14 { font-size:14px !important; line-height:18px !important; }
.fsize15 { font-size:15px !important; line-height:19px !important; }
.fsize16 { font-size:16px !important; line-height:20px !important; }
.fsize17 { font-size:17px !important; line-height:23px !important; }
.fsize18 { font-size:18px !important; line-height:24px !important; }
.fsize19 { font-size:19px !important; line-height:25px !important; }
.fsize20 { font-size:20px !important; line-height:26px !important; }
.fsize26 { font-size:26px !important; line-height:30px !important; }
.fsize30 { font-size:30px !important; line-height:36px !important; }
.fsize40 { font-size:40px !important; line-height:46px !important; }
.font300 { font-weight:300 !important; }
.font400 { font-weight:400 !important; }
.font600 { font-weight:600 !important; }
.font700 { font-weight:700 !important; }
/** Search **/
.tt-query {
margin-top:5px;
}
/* next , prev */
div.maximage-controls {
position:absolute;
right:0; bottom: 40px;
margin-right:20px;
display: inline-block;
z-index:0;
}
div.maximage-controls #slider_next,
div.maximage-controls #slider_prev {
width:50px; height:50px; display:inline-block;
background:#fff url('../images/slider_arrows.png') no-repeat;
cursor:pointer; margin-right:3px;
z-index:100;
}
div.maximage-controls #slider_next {
background-position:-53px -42px;
}
div.maximage-controls #slider_prev {
background-position:0 -42px;
}
div.maximage-controls #slider_next:hover {
background-position:-53px -98px;
background-color:#FF6C00;
}
div.maximage-controls #slider_prev:hover {
background-position:0 -98px;
background-color:#FF6C00;
}
/** Main content **/
#mainContent {
margin-bottom:40px !important;
}
#mainContent .white {
display:block;
position:relative;
background-color:#fff;
padding:15px;
}
#mainContent .page-header {
padding: 0;
margin-top:-2px;
}
#mainContent .page-header h1 {
padding: 0;
margin: 0 0 10px 0;
font-size:36px;
line-height: 43px;
}
#mainContent .page-header.image {
position:relative;
}
#mainContent .page-header.image .absolute {
position:absolute;
color:#fff;
top:20%;
margin-left:30px;
}
#mainContent .page-header.image .absolute h1,
#mainContent .page-header.image .absolute p {
color:#fff;
font-weight:300;
}
#mainContent .page-header.image .absolute h1 {
text-shadow:#fff 0 0 20px;
font-size:50px;
}
/** Modal
**************************************************************** **/
.modal .modal-header {
margin:0; padding:0;
background:#fff;
}
h4.modal-title{
color:#333 !important;
padding: 10px;
font-weight:300;
}
h4.modal-title i {
color: #999 !important;
font-size:23px;
margin: 7px 13px 0 0;
}
.modal .modal-header button {
font-size:40px;
padding:8px;
color:#999 !important;
margin-right:8px;
font-weight:300;
}
.modal .modal-header button:hover {
color:#000;
}
.modal .modal-dialog {
border:#333 10px solid;
}
.modal .modal-content {
border:0; padding:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.modal .modal-body {
padding:15px;
}
@media (min-width: 992px) {
.modal-lg {
width: 768px; /* bootstrap default:900 */
}
}
@media (max-width: 479px) {
.modal .modal-dialog {
margin:0;
}
}
/** Follow Us
**************************************************************** **/
a.socialbtn {
display:inline-block;
padding:20px 10px 10px 10px;
background:#eee;
color:#999;
text-align:center;
width:125px; height:90px;
margin:10px 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
@media (max-width: 479px) {
a.socialbtn {
margin:10px 0;
}
}
a.socialbtn i {
font-size:30px;
color:#666;
display:block;
}
a.socialbtn:hover,
a.socialbtn:hover,
a.socialbtn:hover i {
color:#fff !important;
text-decoration:none;
}
/**
Twitter: #41b7d8
Facebook: #3b5997
Google: #d64937
LinkedIn: #0073b2
Youtube: #CC181E
Vimeo: #388fc5
Flickr: #ff0084
Pinterest: #cb2027
Skype: #00aff0
RSS: #e0812a
**/
a.socialbtn.facebook:hover {
background-color:#3b5997;
}
a.socialbtn.twitter:hover {
background-color:#41b7d8;
}
a.socialbtn.google:hover {
background-color:#d64937;
}
a.socialbtn.linkedin:hover {
background-color:#0073b2;
}
a.socialbtn.youtube:hover {
background-color:#CC181E;
}
a.socialbtn.vimeo:hover {
background-color:#388fc5;
}
a.socialbtn.flickr:hover {
background-color:#ff0084;
}
a.socialbtn.pinterest:hover {
background-color:#cb2027;
}
a.socialbtn.skype:hover {
background-color:#00aff0;
}
a.socialbtn.rss:hover {
background-color:#e0812a;
}
.overlay {
background:rgba(0,0,0, 0.2);
position:absolute;
left:0; right:0; top:0; bottom:0;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.overlay.gray {
background:rgba(33,33,33,0.9) !important;
}
/** Footer **/
#footer-section {
background: none repeat scroll 0 0 #f7f7f7;
border-top: 1px dotted #000;
padding: 20px 0;
margin-top:20px;
}
#footer-section ul li a {
font-size:13px;
}
#footer-section ul li {
font-size:13px;
}
#footer {
background:#333333;
color:#fff;
font-size:10px;
bottom:0; left:0; right:0; padding:0 20px;
height:30px;
line-height:30px;
border-top:rgba(255,255,255,0.3) 1px solid;
overflow:hidden;
z-index:100; /* keep it over #overlay */
}
#footer ul {
float:right;
}
#footer ul,
#footer ul li {
margin:0; padding:0;
list-style:none;
}
#footer ul li,
#footer ul li a {
float:left;
color:#fff;
text-decoration:none;
}
#footer ul li.sepy {
padding-left:16px;
color:#666;
font-size:18px;
}
#footer ul li a {
display:block;
margin:0 0 0 16px;
}
/** Responsive
**************************************************************** **/
/* special */
@media (max-width: 920px) {
#header ul.nav li a {
font-size:11px;
}
}
@media (max-width: 1006px) {
.container {
width:100% !important;
}
}
@media only screen and (max-width: 960px) {
#portfolio ul.fullwidth .isotope-item,
#portfolio ul.fullcenter .isotope-item {
width:33.333333333%; /* 3 items / row */
}
#header .navbar-collapse {
display:none !important;
}
ul.nav-pills>li {
margin-top:3px;
background-color:#f6f6f6;
}
ul.nav-pills>li,
ul.nav-pills>li>a {
width:100%;
float:none;
}
ul.nav-pills {
float:none;
width:100%;
}
#header ul.nav-pills>li {
color:#FF6C00;
background:#393939;
}
#header .navbar-collapse {
width:100%;
margin:0;
}
#header .container {
padding:0;
}
#storeBar .container {
padding-right:0;
}
#header ul.nav-pills>li {
border-bottom:rgba(0,0,0,0.1) 1px solid;
}
#header nav.nav-main li.resp-active > ul.dropdown-menu,
#header nav.nav-main li.resp-active > ul.dropdown-menu > ul {
display: block !important;
position:relative !important;
top:0 !important;
width:100% !important;
max-width:100% !important;
left:0 !important;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
#header ul.nav {
margin:0;
}
#searchForm {
margin-right:-42px;
}
#header .navbar-collapse.collapsing,
#header .navbar-collapse.in {
display:block !important;
}
#header nav.nav-main li.resp-active > ul.dropdown-menu,
#header nav.nav-main li.resp-active > ul.dropdown-menu > ul {
box-shadow:none;
padding-left:8px;
}
/* Navigation */
#header .nav-main-collapse.collapsing,
#header .nav-main-collapse.in {
width: 100% !important;
display: block !important;
background: #2D343E;
margin: 0 - !important;
}
#header ul.nav li > a { /* Firefox Fix */
background-color:#393939 !important;
}
button.btn-mobile {
display:block !important;
}
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 479px) {
.maximage-controls {
bottom:42px;
margin-right:6px;
}
#slider .caption h1 {
font-size:30px !important;
line-height:30px !important;
}
#slider .caption h2 {
font-size:20px !important;
line-height:20px !important;
}
#slider .caption p {
font-size:13px !important;
line-height:16px !important;
}
#mainContent .page-header.image .absolute h1 {
font-size:20px;
line-height:20px;
margin:0; padding:0;
}
#mainContent .page-header.image .absolute p {
font-size:12px;
line-height:15px;
margin:0; padding:0;
}
#slider .caption {
left:8px;
right:8px;
}
#slider .caption h1 {
font-size:50px;
}
#slider .caption h1,
#slider .caption h2 {
display:block;
}
div.maximage-controls {
margin-right:5px;
bottom:43px;
}
#portfolio ul.fullwidth .isotope-item,
#portfolio ul.fullcenter .isotope-item {
width:100%; /* 1 item / row */
}
.responsive-top-space {
margin-top:80px;
}
.responsive-bottom-space {
margin-bottom:80px;
}
}
/* Mobile Tuning - Cutom Height */
@media only screen and (max-height: 400px) {
#slider .caption h1 {
font-size:25px !important;
line-height:25px !important;
}
#slider .caption h2 {
font-size:13px !important;
line-height:13px !important;
}
}
@media only screen and (max-height: 340px) {
#slider .caption h1 {
font-size:20px !important;
line-height:20px !important;
}
#slider .caption p {
font-size:11px !important;
line-height:11px !important;
}
#storeBar {
display:none;
}
#slider .caption {
bottom:36px !important;
}
#slider_next,
#slider_prev {
width:40px !important;
height:40px !important;
}
div.maximage-controls #slider_prev {
background-position: -4px -46px;
}
div.maximage-controls #slider_next {
background-position: -57px -46px;
}
div.maximage-controls {
bottom:29px;
}
}
/** LABELS **************************************************************** **/
.label {
font-weight: normal;
padding: 0.4em 0.8em 0.5em;
display: inline-block;
}
.label-default {
border: 1px solid #CCC;
padding: 0.3em 0.7em 0.4em;
}
/** ALERTS **************************************************************** **/
.alert {
border: 0;
}
.alert i.fa {
font-size:20px;
margin-right:10px;
}
/** TABS **************************************************************** **/
div.tabs {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin:60px 0;
}
div.tabs div.tab-content {
border: 0;
padding: 17px;
background-color: #f6f6f6;
-webkit-border-radius: 6px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 6px;
-moz-border-radius-topleft: 0;
border-radius: 6px;
border-top-left-radius: 0;
}
div.tabs ul.nav-tabs {
margin: 0;
border: 0;
}
div.tabs ul.nav-tabs li.active a {
border: 0;
color: #333;
background: #f6f6f6;
padding-top:15px;
}
div.tabs ul.nav-tabs a {
color: #666;
margin-right: 1px;
padding: 15px 25px;
background: #fafafa;
border:0 !important;
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
}
div.tabs ul.nav-tabs a i.fa {
padding-right:6px;
}
/** Sidebar **************************************************************** **/
sidebar ul.nav-list {
padding:0;
margin:0;
}
sidebar h3,
sidebar h4 {
font-size:16px;
line-height:20px;
margin-bottom:20px;
}
sidebar h4 {
margin-top:60px;
}
sidebar ul.nav-list li{
padding:0;
border-bottom:#ccc 1px dotted;
}
sidebar ul.nav-list li a {
padding-left:6px;
}
sidebar ul.nav-list li.active>a,
sidebar ul.nav-list li a:hover {
background-color:#eee;
}
sidebar ul.nav-list li.active>a i {
color:#999;
}
sidebar ul.nav-list li a i {
padding-right:6px;
color:#ddd;
}
.common-row {
margin-left: -15px;
margin-right: -15px;
}
.no-padding {
padding-left: 0px;
padding-right: 0px;
}
.no-padding-left {
padding-left: 0px;
}
.box {
margin-top:15px;
}
.checkout-title {
margin-left: -15px;
margin-right: -15px;
}
.contact-title {
margin-left: -15px;
margin-right: -15px;
}
/** DEMO ONLY
**************************************************************** **/
/** feature-icons.html - icon text color - can be removed on production **/
.fa-hover a {
text-decoration:none;
}
.fa-hover i {
width:20px;
margin-right:10px;
}
.fa-hover a span {
color:#666;
}
.grid-color span {
display:block;
padding:10px 0;
text-align:center;
background-color:#ddd;
}
/** *** **/