%PDF- %PDF-
| Direktori : /home/lightco1/public_html/templates/lightco/assets/css/ |
| Current File : /home/lightco1/public_html/templates/lightco/assets/css/custom.css |
body {
/*background: url("../images/bg.png") repeat 0 0!important; */
background-color: #EDEFF0;
background-attachment: fixed!important;
background-position: center 120px!important;
}
@font-face {
font-family: Raleway-Regular;
src: url('../fonts/Raleway-Regular.ttf');
}
@font-face {
font-family: Raleway-Medium;
src: url('../fonts/Raleway-Medium.ttf');
}
@font-face {
font-family: Raleway-Bold;
src: url('../fonts/Raleway-Bold.ttf');
}
p,
ul,
li,
a,
h1,
h2,
h3,
h4,
h5,
h6,
span {
font-family: Raleway-Medium;
}
.nopadding {
padding: 0!important;
}
.main_layout_section .container.white-bg {
min-height: 350px;
}
.top-socials {
position: relative;
top: 17px;
left: 35px;
}
/*.top-socials a { background: #f0f0f0 none repeat scroll 0 0; color: #aeaeae; font-size: 22px; padding: 1px 10px;} */
.top-socials a {
height: 27px;
padding: 0;
}
.top-socials a img {
height: 35px !important;
}
.navbar-form {
position: relative;
top: -27px;
padding-right: 0 !important;
}
.padding-top {
padding-top: 120px;
}
#header {
background: #ffffff none repeat scroll 0 0;
height: 120px;
position: fixed;
z-index: 99;
right: 0;
left: 0;
top: 0;
box-shadow: 0 11px 8px -7px #777777;
-webkit-box-shadow: 0 11px 8px -7px #777777;
-moz-box-shadow: 0 11px 8px -7px #777777;
-ms-box-shadow: 0 11px 8px -7px #777777;
}
.menubar {
position: relative;
top: -45px;
}
.menubar li {
border-right: 1px solid #607d82;
}
.menubar li a {
color: #767676 !important;
font-family: Raleway-Medium !important;
padding: 10px 15px;
}
@media all and (min-width: 1200px) {
.menubar li a {
padding: 10px 20px;
}
}
.menubar li.selected a {
color: #3f5357 !important;
}
.menubar li a:hover {
color: #3f5357 !important;
background: none !important;
}
.search {
background: #f0f0f0 !important;
}
.search-btn {
position: absolute;
right: 4px;
top: 0;
background: none;
border: none;
font-size: 20px;
}
.banner-box {
padding-left: 0 !important;
padding-right: 0 !important;
}
.banner {
height: 381px;
background: #505150;
padding: 20px 35px !important;
}
.hd1 {
color: #cbc8c4;
display: block;
font-family: Raleway-Bold;
font-size: 60px;
}
.hd2 {
border-bottom: medium solid;
color: #cbc8c4;
font-family: Raleway-Regular;
font-size: 24px;
padding: 10px 0;
}
.white-bg {
background: #EDEFF0;
}
/* .white-bg{background: grey;}*/
.none-all {
background: none!important;
border: none!important;
box-shadow: none!important;
padding: 0 10px!important;
}
.none-all .bx-wrapper .bx-controls-direction a {
text-align: center !important;
}
.product-items .well .bx-wrapper .bx-viewport .bxslider li {
padding: 0 !important;
margin: 0 !important;
width: 140px !important;
}
.carousel1.slide .item img {
height: 387px !important;
width: 100%;
}
#pinBoot {
position: relative;
max-width: 101%;
width: 101%;
margin-top: 15px;
}
#pinBoot img {
width: 100%;
max-width: 100%;
height: auto;
}
.white-panel {
position: absolute;
background: #EDEFF0;
overflow: hidden;
}
/*stylize any heading tags withing white-panel below*/
.white-panel h4 {
opacity: 0;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.white-panel h4.view-btn {
left: 0;
right: 0;
width: 152px;
margin: 0 auto;
}
.white-panel:hover h4 {
opacity: 1;
}
.white-panel h4 a {
font-family: Raleway-Bold;
color: #505150 !important;
font-size: 18px;
text-decoration: none !important;
text-transform: uppercase !important;
}
.white-panel img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.white-panel .indoor_odd_img:hover img {
transform: scale(1.13);
-webkit-transform: scale(1.13);
-moz-transform: scale(1.13);
-ms-transform: scale(1.13);
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
opacity: .4;
cursor: pointer;
}
.view-btn {
border: 1px solid #333333;
left: 30%;
padding: 10px;
position: absolute;
top: 39%;
z-index: 9;
margin: 0;
}
@media all and (min-width: 700px) and (max-width: 767px) {
article.white-panel.r1.c0,
article.white-panel.r1.c0 .indoor_odd_img {
min-height: 328px;
height: 328px;
max-height: 328px;
}
article.white-panel.r1.c1,
article.white-panel.r1.c1 .indoor_odd_img {
min-height: 218px;
height: 218px;
max-height: 218px;
}
article.white-panel.r1.c2,
article.white-panel.r1.c2 .indoor_odd_img {
min-height: 118px;
height: 118px;
max-height: 118px;
}
article.white-panel.r2.c0,
article.white-panel.r2.c0 .indoor_odd_img {
min-height: 118px;
height: 118px;
max-height: 118px;
}
article.white-panel.r2.c1,
article.white-panel.r2.c1 .indoor_odd_img {
min-height: 218px;
height: 218px;
max-height: 218px;
}
article.white-panel.r2.c2,
article.white-panel.r2.c2 .indoor_odd_img {
min-height: 268px;
height: 268px;
max-height: 268px;
}
article.white-panel.r3.c2,
article.white-panel.r3.c2 .indoor_odd_img {
min-height: 218px;
height: 218px;
max-height: 218px;
}
article.white-panel.r3.c0,
article.white-panel.r3.c0 .indoor_odd_img {
min-height: 377px;
height: 377px;
max-height: 377px;
}
article.white-panel.r3.c1,
article.white-panel.r3.c1 .indoor_odd_img {
min-height: 385px;
height: 385px;
max-height: 385px;
}
article.white-panel.r4.c2,
article.white-panel.r4.c2 .indoor_odd_img {
min-height: 212px;
height: 212px;
max-height: 212px;
}
article.white-panel.r1.c0 img,
article.white-panel.r1.c1 img,
article.white-panel.r1.c2 img,
article.white-panel.r2.c0 img,
article.white-panel.r2.c1 img,
article.white-panel.r2.c2 img,
article.white-panel.r3.c0 img,
article.white-panel.r3.c1 img,
article.white-panel.r4.c2 img {
min-height: 100% !important;
height: 100% !important;
max-height: 100% !important;
}
.white-panel:last-child {
margin-top: 0px !important;
}
}
@media all and (min-width: 768px) and (max-width: 991px) {
article.white-panel.r1.c0,
article.white-panel.r1.c0 .indoor_odd_img {
min-height: 356px;
height: 356px;
max-height: 356px;
}
article.white-panel.r1.c1,
article.white-panel.r1.c1 .indoor_odd_img {
min-height: 238px;
height: 238px;
max-height: 238px;
}
article.white-panel.r1.c2,
article.white-panel.r1.c2 .indoor_odd_img {
min-height: 125px;
height: 125px;
max-height: 125px;
}
article.white-panel.r2.c0,
article.white-panel.r2.c0 .indoor_odd_img {
min-height: 125px;
height: 125px;
max-height: 125px;
}
article.white-panel.r2.c1,
article.white-panel.r2.c1 .indoor_odd_img {
min-height: 238px;
height: 238px;
max-height: 238px;
}
article.white-panel.r2.c1,
article.white-panel.r2.c2 .indoor_odd_img {
min-height: 290px;
height: 290px;
max-height: 290px;
}
article.white-panel.r3.c0,
article.white-panel.r3.c0 .indoor_odd_img {
min-height: 415px;
height: 415px;
max-height: 415px;
}
article.white-panel.r3.c1,
article.white-panel.r3.c1 .indoor_odd_img {
min-height: 368px;
height: 368px;
max-height: 368px;
}
article.white-panel.r3.c2,
article.white-panel.r3.c2 .indoor_odd_img {
min-height: 238px;
height: 238px;
max-height: 238px;
}
article.white-panel.r4.c2,
article.white-panel.r4.c2 .indoor_odd_img {
min-height: 230px;
height: 230px;
max-height: 230px;
}
article.white-panel.r1.c0 img,
article.white-panel.r1.c1 img,
article.white-panel.r1.c2 img,
article.white-panel.r2.c0 img,
article.white-panel.r2.c1 img,
article.white-panel.r2.c2 img,
article.white-panel.r3.c0 img,
article.white-panel.r3.c1 img,
article.white-panel.r4.c2 img {
min-height: 100% !important;
height: 100% !important;
max-height: 100% !important;
}
.menubar {
position: relative;
top: -15px;
}
}
@media all and (min-width: 992px) {
article.white-panel.r1.c0,
article.white-panel.r1.c0 .indoor_odd_img {
min-height: 562px;
height: 562px;
max-height: 562px;
}
article.white-panel.r1.c1,
article.white-panel.r1.c1 .indoor_odd_img {
min-height: 375px;
height: 375px;
max-height: 375px;
}
article.white-panel.r1.c2,
article.white-panel.r1.c2 .indoor_odd_img {
min-height: 200px;
height: 200px;
max-height: 200px;
}
article.white-panel.r2.c0,
article.white-panel.r2.c0 .indoor_odd_img {
min-height: 200px;
height: 200px;
max-height: 200px;
}
article.white-panel.r2.c1,
article.white-panel.r2.c1 .indoor_odd_img {
min-height: 375px;
height: 375px;
max-height: 375px;
}
article.white-panel.r2.c2,
article.white-panel.r2.c2 .indoor_odd_img {
min-height: 456px;
height: 456px;
max-height: 456px;
}
article.white-panel.r3.c2,
article.white-panel.r3.c2 .indoor_odd_img {
min-height: 372px;
height: 372px;
max-height: 372px;
}
article.white-panel.r3.c0,
article.white-panel.r3.c0 .indoor_odd_img {
min-height: 650px;
height: 650px;
max-height: 650px;
}
article.white-panel.r3.c1,
article.white-panel.r3.c1 .indoor_odd_img {
min-height: 665px;
height: 665px;
max-height: 665px;
}
article.white-panel.r4.c2,
article.white-panel.r4.c2 .indoor_odd_img {
min-height: 372px;
height: 372px;
max-height: 372px;
}
article.white-panel.r1.c0 img,
article.white-panel.r1.c1 img,
article.white-panel.r2.c1 img,
article.white-panel.r2.c2 img,
article.white-panel.r3.c0 img,
article.white-panel.r3.c1 img,
article.white-panel.r4.c2 img {
min-height: 100% !important;
height: 100% !important;
max-height: 100% !important;
}
}
@media all and (min-width: 992px) and (max-width: 1199px) {
article.white-panel.r1.c2 img,
article.white-panel.r2.c0 img {
min-height: 100% !important;
height: 100% !important;
max-height: 100% !important;
}
}
/*@media all and (min-width:1200px){ article.white-panel.r1.c2 img, article.white-panel.r2.c0 img { position: relative; top: -15px;} }*/
/* Reposition the controls slightly */
.carousel-control {
left: -12px;
}
.carousel-control2 {
height: 35px !important;
line-height: 35px;
top: 50% !important;
width: 35px !important;
}
.carousel-control.right {
right: -12px;
}
/* Changes the position of the indicators */
.carousel-indicators {
right: 50%;
top: auto;
bottom: 0px;
margin-right: -19px;
}
/* Changes the colour of the indicators */
.carousel-indicators li {
background: #c0c0c0;
}
.carousel-indicators .active {
background: #333333;
}
.thumbnail {
margin-bottom: 0!important;
border: none!important;
}
footer {
background: #505150;
padding: 15px 0;
box-sizing: border-box;
}
footer * {
color: #cbc8c4!important;
}
footer ul {
margin: 0;
padding: 0;
list-style: none;
}
footer ul li {
margin: 0;
padding: 0;
font-family: raleway-regular;
}
footer h5 {
font-size: 16px;
margin-bottom: 20px;
font-family: Raleway-Medium;
}
footer li a {
font-size: 14px;
font-family: raleway-Regular;
}
.btn-theme {
/* background: #3f5357!important; border-color: #3f5357!important;*/
background: #888a89!important;
border-color: #888a89!important;
border-radius: 0!important;
color: #d5d4d0;
}
.input-theme {
margin: 10px 0;
border-radius: 0!important
}
footer .more-links {
margin: 10px 0;
}
footer .muted {
padding-top: 25px;
color: #ffffff;
font-size: 12px;
}
.addrs {
background: url("../images/map.png") no-repeat scroll right top;
padding: 15px 0 0;
margin-top: 10px;
}
@media all and (min-width: 768px) and (max-width: 991px) {
.top-socials {
text-align: left!important;
left: 0;
}
.hd1 {
font-size: 30px;
}
.banner {
padding: 44px !important;
height: auto!important;
}
.carousel1.slide .item img {
height: auto!important;
}
}
/*Banner slider css*/
.slide-desc-bg-default {
background-color: transparent !important;
}
.slide-title {
color: #fff !important;
font-size: 1em !important;
margin-bottom: 2px !important;
font: raleway, sans-serif !important;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.top-socials {
left: 15px;
}
}
.acy_requiredField input {
color: #3f5357 !important;
}
.navbar-right {
margin-right: -15px !important;
}
/*product-single*/
.breadcrumbs li {
float: left;
list-style: outside none none;
margin-bottom: 0;
margin-left: 0 !important;
margin-right: 8px;
margin-top: 0;
}
.breadcrumbs li a {
color: #707070;
}
.discription > p {
font-family: Raleway-Regular;
font-weight: normal !important;
}
.panel-heading:hover {
cursor: pointer;
}
.panel-heading {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-user-select: none;
}
.side-tab:hover {
cursor: pointer;
}
.panel.panel-default {
border: none;
box-shadow: none !important;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.panel-heading {
border: none;
background-color: #eee;
}
.panel-body {
background-color: #f5f5f5;
}
.panel-title {
font-weight: 400;
color: white;
}
/*---------------------------------- Macbook pro mockup from: http://jaredhardy.com/minimal-devices/ ----------------------------------*/
.md-macbook-pro {
display: block;
width: 100%;
font-size: 13px;
margin: 0 auto;
}
.md-macbook-pro .md-lid {
overflow: hidden;
margin: 0 auto;
position: relative;
width: 100%
}
.md-macbook-pro .md-camera {
margin: 0 auto;
position: relative;
top: 1.0625em;
background: #000;
}
.md-macbook-pro .md-screen {
margin: 0 auto;
position: relative;
margin-top: 2.0625em;
/*// background: #1d1d1d; */
background: #fff;
overflow: hidden;
}
.md-macbook-pro .md-screen img {
width: 100%;
}
.thumbnail-slides .side-tab {
display: inline-block;
margin-right: 22px;
margin-top: 22px;
}
.product-detail .title{
font-size: 24px;
color: #505150;
font-weight: bold;
}
.socials-for-single{
left: 0!important;
top: 0!important;
margin-bottom: 15px;
margin-top: 30px
}
.socials-for-single a {
height: auto;
display: inline-block;
}
.socials-for-single a img {
border: 1px solid #ddd;
}
.btns {
display: block;
height: 50px;
margin-bottom: 10px;
margin-top: 10px;
width: 280px;
}
.btns.addtofav_aws_icon_active > button {
border: none;
background: none;
}
.btns.addtofav_aws_icon_active .fa-heart::before {
content: "";
}
.addtofav_aws_icon_active {
background: rgba(0, 0, 0, 0) url("../images/products/AddedtoProject-btn.png") no-repeat scroll 0 0;
}
.btn-add {
background: rgba(0, 0, 0, 0) url("../images/products/AddtoProject-btn.jpg") no-repeat scroll 0 0;
}
.btn-added {
background: rgba(0, 0, 0, 0) url("../images/products/AddedtomyProject-btn.jpg") no-repeat scroll 0 0;
}
.btn-PrintPDF {
background: rgba(0, 0, 0, 0) url("../images/products/PrintPDF-btn.jpg") no-repeat scroll 0 0;
}
.btns.btn-Haveaquestion {
background: rgba(0, 0, 0, 0) url("../images/products/Haveaquestion-btn.jpg") no-repeat scroll 0 0;
}
.btn-add:hover {
/* background: rgba(0, 0, 0, 0) url("../images/products/AddtoProject-btn-OVER.jpg") no-repeat scroll 0 0; */
opacity: 0.8;
}
.btn-added:hover { opacity: 0.8; }
.btn-PrintPDF:hover {
/* background: rgba(0, 0, 0, 0) url("../images/products/PrintPDF-btn-OVER.jpg") no-repeat scroll 0 0; */
opacity: 0.8;
}
.btn-Haveaquestion:hover {
/* background: rgba(0, 0, 0, 0) url("../images/products/Haveaquestion-btn-OVER.jpg") no-repeat scroll 0 0; */
opacity: 0.8;
}
.main_layout_section .product-items .caption{
min-height: 68px;
}
.caption > h4 {
color: #3f5357;
font-family: Raleway-Regular;
font-size: 17px;
font-weight: normal !important;
text-transform: uppercase;
}
.product-info p {
color: #2f2f2f;
font-size: 14px;
line-height: 22px;
font-family: Raleway-Regular;
}
.product-info h4 {
margin: 25px 0!important;
}
.related-prod h1 {
font-size: 37px;
font-family: Raleway-Bold;
margin-bottom: 35px;
}
.related-prod .related-items {
margin-bottom: 35px;
margin-top: 45px;
}
.breadcrumb {
background-color: transparent !important;
}
/*product-single-end*/
/*bottom menus*/
.unstyled > li > a {
display: inline !important;
padding: 0px !important;
}
.unstyled > li > a:hover {
background-color: #607d83 !important;
text-decoration: underline !important;
}
.navbar-toggle {
height: 50px;
width: 50px;
padding: 0!important;
margin: 5px!important;
background: url('../images/menu-OFF.jpg') no-repeat;
}
.OFF {
background: url('../images/menu-ON.jpg') no-repeat;
}
/*indoor&product-end*/
.product-items h1 {
font-size: 37px;
font-family: Raleway-Bold;
margin-bottom: 35px;
}
.indoor-items h1.page-heading,
.Table-and-Floor-items h1.page-heading {
margin-bottom: 90px;
margin-top: 45px;
}
.indoor-items .indoor-product {
margin-bottom: 30px;
}
.Table-and-Floor-items .lamp-items {
margin-bottom: 50px;
}
.page-next .page-indicater {
font-family: Raylway-Reguler;
color: #777;
line-height: 45px;
}
.page-next {
clear: both;
margin-bottom: 100px;
}
.pager li > a,
.pager li > span {
border-radius: 0!important;
color: #777777!important;
font-family: Raleway-Regular;
font-size: 18px!important;
padding: 10px 45px!important;
background: none!important;
text-transform: uppercase;
}
.Table-and-Floor-items .lamp-items:nth-child(5),
.Table-and-Floor-items .lamp-items:nth-child(9),
.Table-and-Floor-items .lamp-items:nth-child(13),
.Table-and-Floor-items .lamp-items:nth-child(17),
.Table-and-Floor-items .lamp-items:nth-child(21),
.Table-and-Floor-items .lamp-items:nth-child(25) {
clear: both;
}
.product-items .indoor-items .indoor-product a {
display: block;
overflow: hidden;
}
.product-items .indoor-items .lamp-items a {
display: block;
overflow: hidden;
max-height: 330px;
}
.product-items .indoor-items .lamp-items a,
.product-items .indoor-items .indoor-product a,
.product-items .indoor-items .lamp-items a img,
.product-items .indoor-items .indoor-product a img,
.product-items .indoor-items .lamp-items a:hover img,
.product-items .indoor-items .indoor-product a:hover img {
transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
width: 100% !important;
}
.product-items .indoor-items .lamp-items a:hover img,
.product-items .indoor-items .indoor-product a:hover img {
transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.product-items .row .lamp-items {
/* min-height: 330px !important; max-height: 330px !important;*/
margin-bottom: 30px;
}
/*indoor&product-end*/
#pinBoot {
/*padding: 10px;*/
}
#pinBoot .page-heading {
margin-bottom: 90px;
margin-top: 45px;
}
.blog-featured {
display: none;
}
.cat:hover img {
transform: scale(1) !important;
-moz-transform: scale(1) !important;
-webkit-transform: scale(1) !important;
opacity: 0.7;
}
/* Home Page Grids Css */
.white-panel .mobile_indoor_img {
overflow: hidden;
}
.white-panel .indoor_odd_img {
overflow: hidden;
}
.white-panel:hover .mobile_indoor_img img {
transform: scale(1.0) !important;
-moz-transform: scale(1.0) !important;
-webkit-transform: scale(1.0) !important;
}
.white-panel .mobile_indoor_img img {}.white-panel .mobile_indoor_img {
display: none;
}
.white-panel.desk_indoor_img {
display: block;
}
.white-panel.desk_indoor_img {}@media all and (max-width: 699px) {
.white-panel {
width: 100% !important;
}
.white-panel .mobile_indoor_img {
display: block;
}
.white-panel.desk_indoor_img {
display: none !important;
}
.white-panel .indoor_odd_img {
max-width: 300px;
overflow: hidden;
margin: 0 auto;
}
}
.inputbox {
color: #3f5357 !important;
}
/* Became reseller form*/
.gcore-form-row .control-label {
width: 38% !important;
}
#form-row-checkbox_group14 .control-label {
width: 38%;
}
.chrono_credits {
display: none;
}
#fin-submit17 {
margin-left: 38%;
}
#fin-custom h1 {
color: #405357;
display: block;
font-family: Raleway-Bold;
font-size: 40px;
}
.gbs3 #chronoform-become_a_reseller .gcore-form-row > .gcore-label-left,
.gbs3 #chronoform-become_a_reseller .gcore-form-row > .gcore-label-checkbox.gcore-label-left {
max-width: inherit !important;
}
/*CSS for as seen text above logo slider */
#as_seen_txt {
width: 100%;
text-align: center;
border-bottom: 2px dotted #aaa9a9;
line-height: 0.1em;
margin: 25px 0 20px;
font-size: 18px;
font-family: raleway;
color: #aaa9a9;
}
#as_seen_txt span {
padding: 0 40px;
background-color: #EDEFF0;
}
.grey-bg {
/* background-color: grey;*/
background-color: #EDEFF0;
margin-bottom: 1em;
}
.item-page {
margin-bottom: 200px;
/* margin-left: 20px; */
margin-top: 20px;
padding: 20px;
}
.item-page h2 {
color: #505150;
font-family: Raleway-Bold;
font-size: 37px;
margin-top: 15px;
padding-left: 25px;
}
/* add to cart button*/
.btn-add,.btn-added {
border: none !important;
outline: none !important;
}
/* product detail page*/
body.search_page section .product-items {
min-height: 300px;
}
.product_desc {
padding-left: 30px;
}
.brand_desc {
padding-right: 30px;
}
/* manufacturer-view css */
.manufacturer-view-default .row .manufacturer .spacer {
text-align: center;
}
.manufacturer-view-default .row .manufacturer .spacer > a {
display: block;
text-align: center;
}
.manufacturer-view-default .row .manufacturer .spacer > a img {
margin: 0 auto;
max-width: 90%;
}
/* project page css*/
.projects h2 {
font: bold 40px/1.4em raleway, sans-serif;
color: #405357;
padding-left: 15px;
}
.project_section {
position: relative;
margin-bottom: 60px;
padding-bottom: 60px;
}
.project_section::after {
background: #ccc;
bottom: 0;
content: "";
height: 1px;
left: 0;
margin: auto;
position: absolute;
right: 0;
width: 80%;
}
.project_thumb {} .project_thumb .project_thumb_img {
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
max-width: 330px;
overflow: hidden;
max-height: 225px;
}
.project_thumb .project_thumb_img img {
width: 100%;
}
.project_thumb img:hover {
opacity: 0.8;
}
.project_detail {
color: #5e5e5e;
}
.project_detail .project_title {
margin-bottom: 0;
font-size: 18px;
}
.project_detail em {
margin-bottom: 10px;
display: block;
width: 100%;
}
.btn-more {
background: url("../images/Show-Gallery-OFF.jpg") repeat no-repeat;
width: 279px;
height: 51px;
display: block;
}
.btn-more:hover {
opacity: 0.8;
}
.project-heading {
font-family: Raleway-Bold;
font-size: 37px;
color: #505150;
margin-bottom: 90px;
margin-top: 45px;
padding-left: 50px;
}
/* Cart Setting Css */
.cart_btns span {
background: transparent;
color: #767676;
border: 3px solid #767676;
min-height: 36px;
min-width: 38px;
display: inline-block;
padding: 6px 0;
margin-right: 6px;
text-align: center;
font-weight: bold;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.filter_block1.size_btns.small_btn {
background: none;
color: #767676;
border: none;
min-height: 36px;
min-width: 38px;
display: inline-block;
padding: 6px 0;
margin-right: 6px;
text-align: center;
font-weight: bold;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.size_btns {
float: left;
margin-right: 2%;
overflow: hidden;
position: relative;
width: 23%;
}
.size_btns img {
width: 100%;
}
.overlay-bottom-dark {
background-color: rgba(255, 255, 255, 0.76);
bottom: 0;
box-sizing: border-box;
color: #000;
height: 0%;
margin: 0;
position: absolute;
text-align: center;
transition: height 0.2s ease-in 0s;
width: 100%;
z-index: 1;
}
.overlay-bottom-dark h2 {
font-size: 36px;
}
.overlay-bottom-dark hr {
border-color: #000000;
border-width: 2px 0 0;
margin-left: auto;
margin-right: auto;
width: 80%;
}
.overlay-bottom-dark p {
color: #000;
font-size: 18px;
}
.filter_block2 {
margin-bottom: 50px;
}
.overlay-bottom-dark {
font-size: 12px;
}
.size_btns:hover .overlay-bottom-dark {
height: 75%;
}
.cart_btns span:hover {
background: #767676;
color: #fff;
cursor: pointer;
}
.type_btns {
margin-right: 47px !important;
}
.sett_btns {
margin: 10px 0;
}
.type_btns {
margin: 10px 0;
}
.sett_btns span {
background: transparent;
color: #767676;
border: 3px solid #767676;
display: inline-block;
padding: 4px 14px;
margin-right: 6px;
text-align: center;
font-weight: bold;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.sett_btns span:hover {
background: #767676;
color: #fff;
cursor: pointer;
}
.cart_btns > .active,
.sett_btns > .active {
background: #767676;
color: #fff;
}
/*wishlish css*/
.quote #sendmail input,
.quote #sendmail textarea {
margin: 5px;
padding: 7px;
width: 50%;
border: 1px solid;
}
.frnd_div #sendfrnd > input,
.frnd_div #sendfrnd > textarea {
margin: 5px;
padding: 7px;
width: 50%;
border: 1px solid;
}
.ask_for_quote {
width: 25%;
}
.frnd_div {
background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
height: 100%;
left: 0;
opacity: 1;
position: fixed;
text-align: center;
top: 0;
width: 100%;
z-index: 99;
}
.frnd_div > form {
background-color: #fff;
// height: 600px;
margin: 0 auto;
left: 0px;
opacity: 1;
position: relative;
top: 15px; width: 50%;
z-index: 9999;
padding: 5px;
}
.quote {
background: rgba(0,0,0,0.8);
height: 100%;
left: 0;
opacity: 1;
position: fixed;
text-align: center;
top: 0;
width: 100%;
z-index: 99;
}
.quote > form {
background-color: #ffffff;
height: 506px;
left: 0;
margin: 0 auto;
max-width: 90%;
opacity: 1;
padding: 5px;
position: relative;
right: 0; top: 15px;
width: 50%;
z-index: 9999;
}
#sendmail #recaptcha div {
margin: 0 auto;
}
#RecaptchaField2 div {
margin: 0 auto;
}
.quote_cancel,.quote_cancelnew {
background-color: #82929f;
border: 1px solid #000 !important;
color: #fff;
font-weight: 700;
width: 22%;
border-radius: 0px;
cursor: pointer;
text-align: center;
}
.remove_button {
background: rgba(0, 0, 0, 0) url("../images/products/remove_favorite.png") no-repeat scroll 0 0;
border: medium none;
font-size: 18px;
display: unset;
}
.ask_for_quote {
background: rgba(0, 0, 0, 0) url("../images/products/send_for_quote.png") no-repeat scroll 0 0 / 100% auto;
border: medium none;
border: 1px solid;
height: 38px;
/*height: 50px;*/
}
.send_to_client {
background: rgba(0, 0, 0, 0) url("../images/products/send_to_client.png") no-repeat scroll 0 0 / 100% auto;
border: medium none;
width: 200px;
}
.ask_for_quote_page {
background: rgba(0, 0, 0, 0) url("../images/products/send_for_quote.png") no-repeat scroll 0 0 / 100% auto;
border: medium none;
float: left;
height: 50px;
width: 49%;
}
.send_to_client_page {
background: rgba(0, 0, 0, 0) url("../images/products/send_to_client.png") no-repeat scroll 0 0 / 100% auto;
border: medium none;
float: right;
height: 50px;
width: 49%;
}
/*.frnd_cancel { background-color: #82929f; border: 1px solid #000 !important; color: #fff; font-weight: 700; width: 22% !important; border-radius: 0px; text-align: center; cursor: pointer;}*/
.quote_cancel,
.frnd_cancel {
background: rgba(0, 0, 0, 0) url("../images/products/fav_cancel-btn.png") no-repeat scroll 0 0 / 100% auto;
border: none;
color: #fff;
font-weight: 700;
width: 200px;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
text-align: center;
min-height: 38px;
cursor: pointer;
}
.fav_table form button.btns {
background-size: 100% auto;
width: 186px;
}
.prod_name {
font-size: 14px !important;
color: #505150;
}
.fav_qty {}.qty_sub,
.qty_add {
display: inline-block;
cursor: pointer;
}
.addtocart-button {
display: none;
}
.vm-pagination-bottom {
padding-bottom: 25px;
padding-top: 25px;
}
.vm-pagination-top {
padding-bottom: 10px;
}
.related-items > h1 {
color: #505150;
}
.add_cart_blk {
padding-top: 5px;
}
.spc {
padding: 20px;
}
.cls_num_lights,
.cls_type,
.cls_size {
cursor: pointer;
}
.send_to_client,
frnd_cancel {
max-height: 38px;
min-height: 38px;
margin-top: 0 !important;
}
#have_a_que {
border: medium none !important;
outline: medium none !important;
}
footer .moduletable .nav li,
footer .moduletable .nav li:hover,
footer .moduletable .nav li:active,
footer .moduletable .nav li a,
footer .moduletable .nav li a:hover,
footer .moduletable .nav li a:active,
footer .menuunstyled li,
footer .menuunstyled li:hover,
footer .menuunstyled li:active,
footer .menuunstyled li a,
footer .menuunstyled li a:hover,
footer .menuunstyled li a:active {
background: transparent !important;
background-color: transparent !important;
}
.ask_que_img {
background: rgba(0, 0, 0, 0) url("../images/products/Send-btn.png") no-repeat scroll 0 0 / 100% auto;
border: 1px solid #000 !important;
height: 38px;
width: 200px !important;
}
.filter_block1,
.filter_block2 {
padding-bottom: 10px;
}
.filter_block1 > p,
.filter_block2 > p {
font-size: 18px;
font-family: Raleway-Bold;
/* color:#3f5357; */
color: #767676;
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.related-items > div > div {
height: 310px;
}
.sub_cat_img {
width: 215px;
}
}
.product-items .indoor-items.mobile-text-center .lamp-items > a {
background: #fff;
min-height: 255px;
}
.product-items .lamp-items > a {
background: #ffffff none repeat scroll 0 0;
display: block;
max-height: 255px;
min-height: 255px;
overflow: hidden;
text-align: center;
}
ul.ul {
padding-left: 0;
list-style: none !important;
float: left;
width: 100%;
}
ul.ul li {
width: 49%;
float: left;
margin: 5px;
margin-left: 0;
font-size: 12px;
font-weight: bold;
}
ul.ul li img {
margin: 6px;
margin-left: 0;
}
ul.sigFreeClassic li.sigFreeThumb {
margin: 15px;
}
.blog .column-1,
.blog .column-2 {
float: left;
width: 50%;
padding: 0 30px 30px 30px;
min-height: 465px;
}
.blog .img-intro-left {
width: 50%;
float: right;
margin-bottom: 30px;
}
.blog .img-intro-left img {
width: 100%;
height: 180px;
}
.blog .column-1 h1,
.blog .column-2 h1 {
height: 170px;
text-align: center !important;
width: 50% !important;
font-size: 24px;
padding-left: 20px !important;
padding-right: 20px !important;
line-height: 35px !important;
}
.blog .column-1 h2,
.blog .column-2 h2 {
padding-left: 0 !important;
font-size: 22px !important;
text-align: left !important;
margin-top: 0 !important;
width: 100% !important;
float: left !important;
}
.blog .column-1 p,
.blog .column-2 p {
padding-left: 0 !important;
padding-right: 0 !important;
float: left !important;
}
.blog .pagination{
float: left;
width: 100%;
padding: 0 30px;
text-align: center;
margin-bottom: 40px;
}
.blog .pagination .counter{
display: none;
}
.blog .pagination ul{
padding: 0;
display: inline-block;
}
.blog .pagination ul li{
list-style: none;
background: #fff;
display: inline-block;
border: solid 1px #ccc;
padding: 6px 15px;
margin: 5px;
}
.blog .pagination ul li a{
color: #333;
}
/********23-09-16********************************/
/*.lamp-items img { height: auto !important;}*/
/**********************************/
@media only screen and (max-width: 1480px) {
.quote > form,
.frnd_div > form {
width: 370px !important;
}
.quote #sendmail input,
.quote #sendmail textarea,
.frnd_div #sendfrnd > input,
.frnd_div #sendfrnd > textarea {
width: 360px;
max-width: 90%;
}
.ask_for_quote,
.quote_cancel,
.quote_cancelnew,
.ask_que_img,
.quote_cancel {
background-size: 100% auto !important;
border: none !important;
height: 38px !important;
width: 160px !important;
}
}
@media only screen and (min-width: 1199px) {
.related-items > div > div {
height: 310px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product-items .indoor-items .lamp-items a,
.product-items .indoor-items .indoor-product a {
max-height: 280px !important;
}
}
@media only screen and (max-width: 830px) {
.quote_cancel {
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.overlay-bottom-dark h2 {
font-size: 24px;
}
.overlay-bottom-dark p {
font-size: 12px;
}
.blog .img-intro-left img{
height: 150px;
}
.blog .column-1 h1, .blog .column-2 h1{
font-size: 20px;
line-height: 30px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
.blog .column-1,
.blog .column-2{
min-height: 540px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product-items .indoor-items .lamp-items a,
.product-items .indoor-items .indoor-product a {
max-height: 330px !important;
}
.overlay-bottom-dark hr {
margin: 10px auto !important;
}
}
@media (max-width: 767px) {
.blog .column-1 h1,
.blog .column-2 h1{
float: left;
width: 100% !important;
height: auto;
text-align: left !important;
padding: 0 !important;
margin-top: 0;
}
.blog .img-intro-left{
float: left;
margin-bottom: 20px;
width: auto;
}
.blog .img-intro-left img{
width: 100%;
height: auto;
}
.blog .column-1,
.blog .column-2{
width: 100% !important;
}
}
@media only screen and (max-width: 767px) {
.product-items .vm-pagination ul {
float: left;
}
.product-items .vm-pagination ul left {
float: left;
padding: 0;
text-align: center !important;
}
.size_btns {
float: left;
margin-right: 2%;
overflow: hidden;
position: relative;
width: 23%;
min-width: 250px;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 641px) and (max-width: 767px) {
.product-items .indoor-items .lamp-items a,
.product-items .indoor-items .indoor-product a {
max-height: 270px !important;
}
}
@media only screen and (max-width: 640px) {
.ex-product-page-heading > a{
font-size: 20px;
}
.product-items .row .lamp-items {
clear: both;
float: none;
margin: 0 auto;
}
.product-items .row .lamp-items a {
display: block;
text-decoration: none;
text-align: center;
}
}
@media only screen and (max-width: 580px) {
.size_btns {
display: inline-block;
float: none !important;
margin-bottom: 5%;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
}
.xs-top {
max-width: 1170px;
}
@media only screen and (min-width: 768px) {
span.cf_results-msg {
display: block;
min-height: 210px;
}
.fav_header {
display: block;
min-height: 435px;
}
}
.vm-pagination {
float: left;
text-align:center !important;
}
.vm-pagination ul{
text-align:center !important;
}
.vm-pagination ul li{
display: inline;
}
.vm-pagination .counter{
text-align: right !important;
}
.vm-page-counter {
float: right;
}
.vm-bottom div{
text-align:center !important;
}
.vm-bottom ul{
text-align:center !important;
}
.vm-bottom ul li{
display: inline;
}
.vm-bottom .counter{
text-align: right !important;
}
.pagenav {
padding: 3px 8px;
margin: 0 4px;
border: 1px solid #aaa;
background-color: #fafafa;
color: #808080;
}
a.pagenav {
color: #555;
text-decoration: none;
}
#mydiv div.brand_desc{
color: #2f2f2f;
font-size: 14px;
line-height: 22px;
font-family: Raleway-Regular;
}
.quote #mail_response{top: 175px;position: relative;text-align: center;display: block;left: 0;font-size: 18px;}
.quote #mail_response .quote_cancelnew{ margin-top: 100px;}
.moduletable.footer-help-menu{ margin-top: 35px;}
img{max-width: 100% !important;}
table { max-width: 100% !important; }
tr { max-width: 100% !important; }
td { max-width: 100% !important; }
table tr td { max-width: 100% !important; }
@media screen and (max-width: 990px) {
table { width: 100% !important; }
img{height: auto;}
table tr td { padding-left: 0px !important; text-align: center; }
}
@media screen and (max-width: 519px) {
table{ margin-left: 0px !important; text-align: center; }
ul.sigFreeContainer img{ text-align: center; }
ul.sigFreeContainer li a{
text-align: center;
display: inline-block !important;
float: none !important;
}
ul.sigFreeClassic li.sigFreeThumb{
width: 100% !important;
}
ul.sigFreeClassic li.sigFreeThumb{
background: none !important;
}
.item-page{ margin-left: 0; }
}
@media screen and (max-width: 516px) {
.item-page .page-sub-title{
padding-left: 0px !important;
text-align: center !important;
display: block;
margin: 0 auto;
}
.col-xs-12 img {
width: 80% !important;
}
ul.sigFreeClassic li.sigFreeThumb{margin: 0px !important; }
p{padding-left: 0px !important;}
.item-page div{padding-left: 0px !important;}
.item-page {margin-bottom: 0px !important; padding-bottom: 0px !important;}
h1.fit-for-aqueen-h1{ text-align: center !important; padding-left: 0px !important; }
}
iframe { max-width: 100% !important; }
.item-page p { padding-left: 0 !important; }