%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; }