/* Google Fonts Localize*/ /* latin-ext */ @font-face { font-family: 'Karla'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/karla/v15/qkBIXvYC6trAT55ZBi1ueQVIjQTD-JqaHUlKZbTXGjGR.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Karla'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/karla/v15/qkBIXvYC6trAT55ZBi1ueQVIjQTD-JqaE0lKZbTXGg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Google Fonts Localize End*/ /* Basel Default Fonts */ body,.product-name.main-font,.gridlist .single-product .product-name,.gridlist .single-blog .blog-title,#bc-h1-holder #page-title {font-family:karla;}b, strong, .nav-tabs > li > a, #cart-content .totals tbody > tr:last-child > td, .main-menu .dropdown-inner .static-menu > ul > li.has-sub > a, .main-menu.vertical > ul > li > a, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td.total-cell, .table-bordered.totals tbody > tr:last-child > td:last-child, .compare-table table tbody tr td:first-child, .totals-slip .table-holder table tr:last-child td, .panel-group .panel-heading .panel-title, .badge i, .product-style1 .grid .single-product .price-wrapper .btn-outline, .options .name label, .dropdown-inner h4.column-title, .product-style6 .grid .single-product .price, .product-style6 .single-product .btn-contrast {font-weight:600;}.product-name, .blog-title, .product-h1 h1, .contrast-heading, .contrast-font {font-family:karla;}.promo-style-2 h3, .promo-style-4 h3,.table-bordered > tbody > tr > td.price-cell,.grid .single-product .price,.menu-product .sale-counter div,.table.specification > tbody > tr > td b, .bordered-list-title {font-size:16px;}.table.products .remove,.full-search-wrapper .search-category select,.blog_post .blog_comment,.video-jumbotron p,.compare-table table tbody tr td:first-child,.grid .single-product .product-name,.grid .single-product .product-name:hover,.list .single-product .product-name {font-size:15px;}body,input,textarea,select,.form-control,.icon-element,.main-menu > ul > li,.grid-holder .item,.cm_content .cm_item,.instruction-box .caption a,.btn,a.button,input.button,button.button,a.button-circle,.single-product .price .price-old,.special_countdown p,.list .item.single-product .price-tax, .form-control,label,.icon-element {font-size:14px;}small,.form-control.input-sm,.shortcut-wrapper,.header5 .links > ul > li > a,.header5 .setting-ul > .setting-li > a,.breadcrumb,.sign-up-field .sign-up-respond span,.badge i,.special_countdown div i,.top_line {font-size:13px;}.tooltip,.links ul > li > a,.setting-ul > .setting-li > a,.table.products .product-name,#cart-content .totals, .main-menu.vertical > ul > li > a,.single-blog .banner_wrap .tags a,.bordered-list a {font-size:12px;}h1, h2, h3, h4, h5, h6 {font-family:karla;font-weight:600;}.panel-group .panel-heading .panel-title, legend {font-size:20px;}.title_in_bc .login-area h2, .panel-body h2, h3.lined-title.lg, .grid1 .single-blog .blog-title, .grid2 .single-blog .blog-title {font-size:28px;}h1, .product-info .table-cell.right h1#page-title {font-family:karla;font-size:25px;font-weight:600;text-transform:none;letter-spacing:0px;}.title_in_bc .breadcrumb-holder #title-holder {font-family:karla;}.title_in_bc .breadcrumb-holder #title-holder #page-title, .title_in_bc.tall_height_bc .breadcrumb-holder #title-holder #page-title, .title_in_bc.extra_tall_height_bc .breadcrumb-holder #title-holder #page-title {font-size:34px;font-weight:600;text-transform:none;letter-spacing:0px;}.widget .widget-title .main-title {font-family:karla;font-size:25px;font-weight:600;text-transform:none;letter-spacing:0px;}.lang-curr-wrapper h4, .column .widget .widget-title .main-title, #footer h5, .dropdown-inner h4.column-title b, .blog_post .section-title {font-family:karla;font-size:16px;font-weight:600;text-transform:none;letter-spacing:0.75px;}.main-menu:not(.vertical) > ul > li > a > .top {font-family:karla;font-size:14px;font-weight:400;text-transform:none;letter-spacing:0.5px;} /* Basel Default Fonts End */ i#cart-icon { margin-right: 10px; } .header-wrapper { -moz-box-shadow: 1px 1px 4px #ccc; -webkit-box-shadow: 1px 1px 4px #ccc; -o-box-shadow: 1px 1px 4px #ccc; -ms-box-shadow: 1px 1px 4px #ccc; box-shadow: 1px 1px 4px #ccc; } .imr-sc-promo a { margin: 10px; } /* added by mahesh - to fix log resize issue*/ @media (max-width: 991px){ .header-main .table-cell { width: auto !important; } } /* added by mahesh - to fix log resize issue*/ .ppage-at-add-to { width: 100%; display: block; float: left; margin: 0; border: 1px solid #ccc; border-radius: 5px; border-left: 5px solid #32aaa3; padding: 10px; position: relative; } .ppage-at-add-to-color{ color:#32aaa3; } .hurry-class { color: #d52894; font-size: 22px; font-weight: bold; margin: 0 0 10px 0; } .live-price-new span.free-shipping { color: #666; font-size: 18px; padding-left: 5px; } .row.cart-top-blocks-wrap.orange { border-left-color: #ff6a00; } .row.cart-top-blocks-wrap.orange p.cart-page-cb-msg-title { color: #ff6a00; } /*=============== Global custom alerts css*/ .ps-alerts-blocks-wrap { width: 100%; display: block; float: left; margin: 10px 0 10px 0; border: 1px solid #ccc; border-radius: 5px; border-left: 5px solid #32aaa3; padding: 10px; position: relative; } .ps-alerts-blocks-wrap p { margin-bottom: 5px; } .ps-alerts-blocks-wrap ul li { list-style-type: none; list-style-position: inside; padding: 3px 0; } .ps-alerts-blocks-wrap span { color: #32aaa3; font-weight: bold; } .ps-alerts-msg-title { color: #32aaa3; font-weight: bold; font-size: 17px !important; } .ps-alerts-blocks-wrap .cb-close-btn{ position: absolute; top: 10px; right: 10px; font-size:11px; } /*------*/ /*=============== Alerts css*/ .alert { background: #ffffff; border-radius: 0px; border-width: 1px; padding: 10px; margin-bottom: 10px; position: relative; display:block; float: left; } .alert.alert-success { color: inherit; border-color: #32aaa3; border-radius: 5px; border-left: 5px solid #32aaa3; width:100%; padding-right: 20px; } .alert-success .close { color: #32aaa3; } /*.alert-success .close { position: absolute; right: -10px; top: 0; margin-top: -9px; opacity: 1; background: #459647; color: #fff; padding: 0 4px; border-radius: 50%; }*/ .alert.alert-warning, .alert.alert-danger{ color: inherit; border-color: #f66161; border-radius: 5px; border-left: 5px solid #f66161; width: 100%; background-color: #fff; padding-right: 20px; } .alert-warning .close, .alert.alert-danger .close{ color: #f66161; } /*=============== Cart Blocks css*/ .row.cart-top-blocks-wrap { width: 100%; display: block; /*float: left;*/ margin: 10px 0 0 0; border: 1px solid #ccc; border-radius: 5px; border-left: 5px solid #32aaa3; padding: 10px; position: relative; } .row.cart-top-blocks-wrap p { margin-bottom: 0; font-size:13px; } .row.cart-top-blocks-wrap ul li { list-style-type: none; list-style-position: inside; padding: 3px 0; } .row.cart-top-blocks-wrap span { color: #32aaa3; font-weight: bold; } .cart-page-cb-msg-title { color: #32aaa3; font-weight: bold; font-size: 16px !important; } .cart-top-blocks-wrap .cb-close-btn{ position: absolute; top: 10px; right: 10px; font-size:11px; } /*------*/ #imr-cart-random-blocks { width: 100%; display: block; float: left; margin:10px 0; } .imr-ps-cart-v5-blocks { width: 32.33%; float: left; margin: .5%; display: none; } .i-cart-blocks-title-wrapper h1 { text-align: center; font-size: 21px; position: relative; display: inline-block; padding: 5px 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin: 20px auto 10px auto; } .i-cart-blocks-title-wrapper h1:before { content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #1daaa3; } @media only screen and (max-width:599px) { .imr-ps-cart-v5-blocks { width: 100%; display: block; float: left; } .i-cart-blocks-title-wrapper h1 { font-size: 18px; } } /* =========== Myaccount page support css*/ .imr-myaccount-support { width: 50%; margin: auto; } .imr-myaccount-contact, .imr-myaccount-faq{ width: 100px; max-width: 100px; } @media only screen and (max-width:768px) { .imr-myaccount-support { width:100%; margin: auto; } } /* ==========Photo gifts product height css*/ .imr-ph-gifts-imgsize{ height: 320px; } /* Photo gifts product height css end*/ .i-mc-vivo-banner-v1 { background-image: url(../../../../../../www.printshoppy.com/image/catalog/i-mobilecase-images/brands/vivo-landing-page-banner.html); background-repeat: no-repeat; background-position: center; background-size: contain; padding-bottom: 31%; background-color:#3f809b; height: 0; display: none; width: 100%; margin:0 0 10px 0; } .i-mc-xiaomi-banner-v1 { background-image: url(../../../../../../www.printshoppy.com/image/catalog/i-mobilecase-images/brands/xiaomi-landing-page-banner.html); background-repeat: no-repeat; background-position: center; background-size: contain; padding-bottom: 31%; background-color:#010101; height: 0; display: none; width: 100%; margin:0 0 10px 0; } .i-mc-apple-banner-v1 { background-image: url(../../../../../../www.printshoppy.com/image/catalog/i-mobilecase-images/brands/apple-landing-page-banner.html); background-repeat: no-repeat; background-position: center; background-size: contain; padding-bottom: 31%; background-color:#7f887d; height: 0; display: none; width: 100%; margin:0 0 10px 0; } .i-mc-oneplus-banner-v1 { background-image: url(../../../../../../www.printshoppy.com/image/catalog/i-mobilecase-images/brands/oneplus-landing-page-banner.html); background-repeat: no-repeat; background-position: center; background-size: contain; padding-bottom: 31%; background-color:#000000; height: 0; display: none; width: 100%; margin:0 0 10px 0; } .i-mc-oppo-banner-v1 { background-image: url(../../../../../../www.printshoppy.com/image/catalog/i-mobilecase-images/brands/oppo-landing-page-banner.html); background-repeat: no-repeat; background-position: center; background-size: contain; padding-bottom: 31%; background-color:#2d9b65; height: 0; display: none; width: 100%; margin:0 0 10px 0; } .i-mc-realme-banner-v1 { background-image: url(../../../../../../www.printshoppy.com/image/catalog/i-mobilecase-images/brands/realme-landing-page-banner.html); background-repeat: no-repeat; background-position: center; background-size: contain; padding-bottom: 31%; background-color:#696d75; height: 0; display: none; width: 100%; margin:0 0 10px 0; } .i-mc-samsung-banner-v1 { background-image: url(../../../../../../www.printshoppy.com/image/catalog/i-mobilecase-images/brands/samsung-landing-page-banner.html); background-repeat: no-repeat; background-position: center; background-size: contain; padding-bottom: 31%; background-color:#000000; height: 0; display: none; width: 100%; margin:0 0 10px 0; } @media only screen and (max-width:479px){ .i-mc-vivo-banner-v1 { background-image: url(../../../../../image/catalog/i-mobilecase-images/brands/vivo-landing-page-banner-mobile.jpg); background-repeat: no-repeat; background-position: center; background-size: contain; padding-bottom: 39.5%; background-color:#3f809b; height: 0; display: block; width: 100%; margin:0 0 10px 0; } .i-mc-xiaomi-banner-v1 { background-image: url(../../../../../image/catalog/i-mobilecase-images/brands/xiaomi-landing-page-banner-mobile.jpg); background-repeat: no-repeat; background-position: center; background-size: contain; padding-bottom: 39.5%; background-color:#010101; height: 0; display: block; width: 100%; margin:0 0 10px 0; } .i-mc-apple-banner-v1 { background-image: url(../../../../../image/catalog/i-mobilecase-images/brands/apple-landing-page-banner-mobile.jpg); background-repeat: no-repeat; background-position: center; background-size: contain; padding-bottom: 39.5%; background-color:#7f887d; height: 0; display: block; width: 100%; margin:0 0 10px 0; } .i-mc-oneplus-banner-v1 { background-image: url(../../../../../image/catalog/i-mobilecase-images/brands/oneplus-landing-page-banner-mobile.jpg); background-repeat: no-repeat; background-position: center; background-size: contain; padding-bottom: 39.5%; background-color:#000000; height: 0; display: block; width: 100%; margin:0 0 10px 0; } .i-mc-oppo-banner-v1 { background-image: url(../../../../../image/catalog/i-mobilecase-images/brands/oppo-landing-page-banner-mobile.jpg); background-repeat: no-repeat; background-position: center; background-size: contain; padding-bottom: 39.5%; background-color:#2d9b65; height: 0; display: block; width: 100%; margin:0 0 10px 0; } .i-mc-realme-banner-v1 { background-image: url(../../../../../image/catalog/i-mobilecase-images/brands/realme-landing-page-banner-mobile.jpg); background-repeat: no-repeat; background-position: center; background-size: contain; padding-bottom: 39.5%; background-color:#696d75; height: 0; display: block; width: 100%; margin:0 0 10px 0; } .i-mc-samsung-banner-v1 { background-image: url(../../../../../image/catalog/i-mobilecase-images/brands/samsung-landing-page-banner-mobile.jpg); background-repeat: no-repeat; background-position: center; background-size: contain; padding-bottom: 39.5%; background-color:#000000; height: 0; display: block; width: 100%; margin:0 0 10px 0; } .i-mc-vivo-banner-v1, .i-mc-vivo-banner-v1 img, .i-mc-xiaomi-banner-v1, .i-mc-xiaomi-banner-v1 img, .i-mc-apple-banner-v1, .i-mc-apple-banner-v1 img, .i-mc-oneplus-banner-v1, .i-mc-oneplus-banner-v1 img, .i-mc-oppo-banner-v1, .i-mc-oppo-banner-v1 img, .i-mc-realme-banner-v1, .i-mc-realme-banner-v1 img, .i-mc-samsung-banner-v1, .i-mc-samsung-banner-v1 img { width: 100%; display: block } } .imr-rakhi-product-promo { display: block; text-align: center; padding: 15px 0; background: #fff98f; margin: 20px -15px; color: #000; letter-spacing: .05em; position: relative; } .imr-rakhi-product-promo .cb-text { font-weight: bold; text-transform: uppercase; } .imr-product-shipping { font-size: 16px; color: #929292; } .imr-rakhi-v2-wrpper { width: 100%; display: block; float: left; } .imr-rakhi-blocks { margin: 10px auto; } .imr-rakhi-img { width: 100%; display: block; text-align: center; border: 1px solid #ccc; border-bottom: 0; float: left; overflow:hidden; position:relative; } .imr-rakhi-img .disabled { pointer-events: none; cursor: default; } .imr-rakhi-name { text-align: center; display: block; float: left; width: 100%; font-size: 16px; padding: 10px; color: #000; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .imr-rakhi-img img { width: 100%; max-width: 100%; display: block; float: left; } .imr-rakhi-img a { width: 100%; display: block; float: left; background-repeat: no-repeat; background-size: contain; background-color: #f2f2f2; height: 0; padding-bottom: 99.9%; /* transform: translateY(-100%); */ } .imr-rakhi-blocks .btn-primary { line-height:17px; } .imr-rakhi-banner-desktop { width: 100%; display: block; float: left; height: 100%; position: relative; background-size: contain; background-repeat: no-repeat; height: 0; padding-bottom: 31.3%; background-color: #eeeee1; background-image: url(../../../../../image/catalog/i-rakhi-images/v3/custom-rakhi-home-page-landing-desktop-blur-0-f.jpg); margin-bottom: 10px; margin-top: 10px; } .imr-rakhi-banner-mobile { width: 100%; display: block; float: left; height: 100%; position: relative; background-size: contain; background-repeat: no-repeat; height: 0; padding-bottom: 63.6%; background-color: #eeeee1; background-image: url(../../../../../image/catalog/i-rakhi-images/v3/custom-rakhi-home-page-landing-mobile-blur-0-f.jpg); margin-bottom: 5px; margin-top: 10px; } .imr-rakhi-stockout { position: absolute; width: 100%; display: block; text-align: center; height: 30px; line-height: 30px; background: #ff0000; transform: rotate(45deg); right: -37%; top: 8%; color: #fff; } .imr-rakhi-name a{ color:#000; } .imr-rakhi-blocks .price-old { font-size: 15px; display: inline-block; padding: 5px 5px 0 5px; } .imr-rakhi-blocks .price-new { font-weight:bold; } .short_description li, .short_description span{ color: #000; } /*rakhi product page css*/ .imr-rakhi-product-img { width: 100%; display: block; float: left; height: 100%; position: relative; background-size: contain; background-repeat: no-repeat; height: 0; background-color:#f9f9f9; padding-bottom: 31.3%; } .square-red-color-stones{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/square-shape-red-minimal-product.jpg); } .square-multicolor-stones{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/square-shape-multi-stones-product.jpg); } .round-red-small-stones{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/red-round-small-stones-product.jpg); } .round-waterdrop-stones{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/round-shape-multi-water-drop-product.jpg); } .round-multicolor-round-stones{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/round-shape-multi-round-product.jpg); } .round-multicolor-oval-stones{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/round-shape-multi-oval-product.jpg); } .rectangle-red-stones{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/rectangle-shape-red-stones-product.jpg); } .oval-multicolor-stones{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/oval-shape-multi-round-product.jpg); } .love-multicolor-stones{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/heart-shape-multi-stones-product.jpg); } .love-red-color-stones{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/love-shape-red-stones-product.jpg); } .round-red-big-stones{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/red-round-stones-product.jpg); } .diamond-multicolor-stones{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/diamond-shape-multi-stones-product.jpg); } /*rakhi product page css*/ @media only screen and (max-width:479px) { .imr-rakhi-blocks { margin: 10px auto; float: left; width: 100%; } .imr-rakhi-product-img { width: 100%; display: block; float: left; height: 100%; position: relative; background-size: contain; background-repeat: no-repeat; height: 0; background-color:#f9f9f9; padding-bottom: 123.3%; } .square-red-color-stones{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/square-shape-red-minimal-product-mobile.jpg); } .square-multicolor-stones{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/square-shape-multi-stones-product-mobile.jpg); } .round-red-small-stones{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/red-round-small-stones-product-mobile.jpg); } .round-waterdrop-stones{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/round-shape-multi-water-drop-product-mobile.jpg); } .round-multicolor-round-stones{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/round-shape-multi-round-product-mobile.jpg); } .round-multicolor-oval-stones{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/round-shape-multi-oval-product-mobile.jpg); } .rectangle-red-stones{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/rectangle-shape-red-stones-product-mobile.jpg); } .oval-multicolor-stones{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/oval-shape-multi-round-product-mobile.jpg); } .love-multicolor-stones{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/heart-shape-multi-stones-product-mobile.jpg); } .love-red-color-stones{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/love-shape-red-stones-product-mobile.jpg); } .round-red-big-stones{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/red-round-stones-product-mobile.jpg); } .diamond-multicolor-stones{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/diamond-shape-multi-stones-product-mobile.jpg); } .imr-rakhi-blocks { width: 49%; margin:5px 1%; padding:0; } .imr-rakhi-blocks:nth-child(2n){ margin:5px 0 5px 1%; } .imr-rakhi-blocks:nth-child(2n+1){ margin:5px 1% 5px 0; } .imr-rakhi-row{ margin-left:0; margin-right:0; } } /*---home pahe start---*/ .imr-rakhi-home-img{ width: 100%; display: block; float: left; } .imr-rakhi-home-img a{ width: 100%; display: block; float: left; height: 100%; position: relative; background-size: contain; background-repeat: no-repeat; height: 0; background-color: #fe585a; padding-bottom: 39.1%; background-image: url(../../../../../image/catalog/i-home-images/v5/rakhi-home-banner-desktop.jpg); } .imr-ps-home-v5-wrapper { width: 100%; display: block; float: left; } .imr-ps-home-v5-blocks { display: block; float: left; width: 32%; margin: 10px 1% 10px 1%; position: relative; } .imr-ps-home-v5-blocks:nth-child(3n+1){ margin: 10px 1% 10px 0; } .imr-ps-home-v5-blocks:nth-child(3n){ margin: 10px 0 10px 1%; } .imr-ps-home-v5-mc { width: 100%; display: block; float: left; height: 100%; position: relative; background-color: #373737; } .imr-ps-home-v5-text { display: block; float: left; width: 100%; text-align: center; position: absolute; top: 5%; } .imr-ps-home-v5-title { display: block; font-size: 18px; color: #000; font-weight: bold; } .imr-ps-home-v5-price { display: block; margin-top: 5px; } .imr-ps-home-v5-default { display: inline-block; color: #000; } .imr-ps-home-v5-actual { font-size: 14px; text-decoration: line-through; color: #000; } .imr-ps-home-v5-offer { color: #000; font-size: 16px; font-weight: bold; } .imr-ps-home-v5-btn { display: block; width: 100%; float: left; text-align: center; position: absolute; bottom: 5%; } .imr-ps-home-v5-blocks a{ width: 100%; display: block; float: left; height: 100%; position: relative; background-size: cover; background-repeat: no-repeat; height: 0; padding-bottom: 121%; } .imr-ps-home-v5-mc{ background-color: #faf6eb; background-image: url(../../../../../image/catalog/i-home-images/v5/mobile-case-min.jpg); } .imr-ps-home-v5-pop{ background-color: #fce5ef; background-image: url(../../../../../image/catalog/i-home-images/v5/pop-socket-min.jpg); } .imr-ps-home-v5-tees{ background-color: #f2f2f2; background-image: url(../../../../../image/catalog/i-home-images/v5/t-shirts-min.jpg); } .imr-ps-home-v5-gifts{ background-color: #eff8ff; background-image: url(../../../../../image/catalog/i-home-images/v5/photo-gifts-min.jpg); } .imr-ps-home-v5-canvas{ background-color: #f1f4fd; background-image: url(../../../../../image/catalog/i-home-images/v5/canvas-frame-min.jpg); } .imr-ps-home-v5-mugs{ background-color: #faf6eb; background-image: url(../../../../../image/catalog/i-home-images/v5/photo-mugs-min.jpg); } .imr-ps-home-v5-glass{ background-color: #e1f3fd; background-image: url(../../../../../image/catalog/i-home-images/v6/glass-cases-v7-min.jpg); } .imr-ps-home-v5-bc{ background-color: #e7f4fc; background-image: url(../../../../../image/catalog/i-home-images/v5/business-cards-min.jpg); } .imr-ps-home-v5-bill{ background-color: #f5f6e6; background-image: url(../../../../../image/catalog/i-home-images/v5/bill-books-min.jpg); } .imr-ps-home-v5-letter{ background-color: #e3f8e7; background-image: url(../../../../../image/catalog/i-home-images/v5/letterheads-min.jpg); } .imr-ps-home-v5-enve{ background-color: #e8f1ec; background-image: url(../../../../../image/catalog/i-home-images/v5/envelopes-min.jpg); } .imr-ps-home-v5-cash{ background-color: #f2f2f2; background-image: url(../../../../../image/catalog/i-home-images/v5/cash-receipts-min.jpg); } .imr-ps-home-v5-vouchers{ background-color: #faf2ef; background-image: url(../../../../../image/catalog/i-home-images/v5/payment-vouchers-min.jpg); } .imr-ps-home-v5-presc{ background-color: #faf4e6; background-image: url(../../../../../image/catalog/i-home-images/v5/prescription-pads-min.jpg); } .imr-ps-home-v5-note{ background-color: #f1fadb; background-image: url(../../../../../image/catalog/i-home-images/v5/notepads-min.jpg); } .imr-ps-home-v5-address{ background-color: #ebe9f4; background-image: url(../../../../../image/catalog/i-home-images/v5/address-labels-min.jpg); } @media only screen and (min-width:992px) and (max-width:1200px) { .imr-ps-home-v5-title { font-size: 16px; } } @media only screen and (min-width:480px) and (max-width:991px) { .imr-ps-home-v5-blocks { width: 49%; margin: 10px 1% 10px 1%; } .imr-ps-home-v5-blocks:nth-child(3n+1){ margin: 10px 1% 10px 1%; /*Reset*/ } .imr-ps-home-v5-blocks:nth-child(3n){ margin: 10px 1% 10px 1%; /*Reset*/ } .imr-ps-home-v5-blocks:nth-child(2n+1){ margin: 10px 1% 10px 0; } .imr-ps-home-v5-blocks:nth-child(2n){ margin: 10px 0 10px 1%; } } @media only screen and (max-width:599px) and (min-width:480px) { .imr-ps-home-v5-title { font-size: 15px; } .imr-ps-home-v5-price { margin-top: 0px; } .imr-rakhi-home-img a{ padding-bottom: 84.3%; background-image: url(../../../../../image/catalog/i-home-images/v5/rakhi-home-banner-mobile.jpg); } } @media only screen and (max-width:479px) { .imr-ps-home-v5-blocks { width: 100%; margin: 10px 0; } .imr-ps-home-v5-blocks:nth-child(2n+1){ margin: 10px 0; /*Reset*/ } .imr-ps-home-v5-blocks:nth-child(2n){ margin: 10px 0; /*Reset*/ } .imr-rakhi-home-img a{ padding-bottom: 84.3%; background-image: url(../../../../../image/catalog/i-home-images/v5/rakhi-home-banner-mobile.jpg); } } /*--------------------------------Home New CSS --------*/ .im-cart-product-wrapper { width: 100%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -o-flex; display: -ms-flex; display: flex; float: left; border: 1px solid #efefef; border-radius: 5px; margin: 10px 0; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -moz-align-items: center; -webkit-align-items: center; -o-align-items: center; -ms-align-items: center; align-items: center; } .im-cart-product-image { width: 40%; max-width: 100px; display: block; float: left; } .im-cart-product-image img { width: auto; display: block; margin: 2px; } .im-cart-product-details { width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: -ms-calc(100% - 100px); width: -o-calc(100% - 100px); width: calc(100% - 100px); display: block; float: left; padding-left: 10px; } .im-cart-product-qty input { width: 50px; display: inline-block; border: none; } span.single-price{ font-weight:bold; font-size:16px; } span.main-price { font-size: 13px; text-decoration: line-through; } span.special-price{ font-weight:bold; font-size:16px; margin:0 2px; } span.offer-amount{ color:#1daaa3; display:block; } .im-cart-product-name { display: table; width: 100%; table-layout: fixed; margin: 2px 0; } .im-cart-product-cashback, .im-cart-product-price, .im-cart-product-qty, .im-cart-product-remove{ width: 100%; display: block; float: left; margin: 2px 0; } .im-cart-product-cashback { display: none; } .im-cart-product-name p { padding: 0; margin: 0; width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .im-cart-product-remove a { color: #ccc; width: auto; cursor: pointer; } .im-cart-product-option { margin-bottom: 5px; } .im-cart-product-remove { margin-top: 35px; } .totals-slip { background-color: #fff; padding: 0; background-image: none; background-repeat: repeat-x; background-position: top center; } .totals-slip, .totals-slip .table-holder { padding-left: 0; padding-right: 0; } .ps-cart-sticky { display: block; width: 100%; position: relative; bottom: 0; z-index: 999; left: 0; } @media (max-width: 768px){ .ps-cart-sticky { display: block; width: 100%; position: relative; bottom: 0; z-index: 999; left: 0; } .md-global-icons-wrapper { padding: 0; } .totals-slip .table-holder { background: #ffffff; padding: 0; } } /*.menu-style{ transition: unset; position: relative !important; padding:15px 0px; } .main-menu:not(.vertical) > ul > li > a, .main-menu:not(.vertical) > ul, .main-menu:not(.vertical) > ul > li.dropdown-wrapper > a .fa-angle-down{ line-height: unset !important; height: unset !important; } li.imr-main-menu-item.has-sub.dropdown-wrapper.has-full-width{ line-height: unset !important; height: unset !important; margin:0 10px; } .main-menu > ul > li.has-full-width .full-width-dropdown{ transition: unset; min-height:300px; top: 50px !important; } */ .i-pop-product-notice { padding: 10px; display: block; float: left; width: 100%; margin: 10px 0 0 0; border-bottom: 1px solid #eaeaea; } .i-pop-product-notice img { max-width: 400px; width: 100%; } .i-pop-product-notice span { color: #32aaa3; font-weight: bold; text-transform: capitalize; } .md-canvas-frames-about-printing-block, .md-canvas-frames-sawtooth-hanger-block{ background: #fff; } button#button-show-more, button#button-show-more:hover{ background: #1daaa3; width: 100%; margin-top: 10px !important; color:#fff; border-color: #1daaa3; } /*a.btn.catalog_hide.btn-primary { display: none; }*/ .level-1-mobile-cases-title h1 { text-transform: uppercase; } .menu-style{ transition: unset; } .main-menu > ul > li.has-full-width .full-width-dropdown{ transition: unset; min-height:300px; /*top: 50px !important;*/ } /* form input field validations .imr-phone-prefix { width: 50px; display: inline-block; float: left; height: 40px; text-align:center; cursor:not-allowed; } .imr-phone-input { width: 95.05%; width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px); width: -o-calc(100% - 50px); width: -ms-calc(100% - 50px); width: calc(100% - 50px); float: left; display: inline-block; } */ .imr-phone-prefix { width: 50px !important; display: inline-block !important; float: left !important; height: 40px !important; text-align:center !important; cursor:not-allowed !important; margin-left:auto !important; margin-right:auto !important; } .imr-phone-input { width: 95.05% !important; width: -webkit-calc(100% - 50px) !important; width: -moz-calc(100% - 50px) !important; width: -o-calc(100% - 50px) !important; width: -ms-calc(100% - 50px) !important; width: calc(100% - 50px) !important; margin-left:auto !important; margin-right:auto !important; float: left; display: inline-block !important; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /*===============================v1-gray color ==*/ .ps-border-h-v1{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; } .ps-border-v-v1{ border-left:1px solid #ccc; border-right:1px solid #ccc; } .ps-border-left-v1{ border-left:1px solid #ccc; } .ps-border-right-v1{ border-right:1px solid #ccc; } .ps-border-top-v1{ border-top:1px solid #ccc; } .ps-border-bottom-v1{ border-bottom:1px solid #ccc; } .ps-border-v1{ border:1px solid #ccc; } .ps-border-reset-v1{ border:none; } /*===============================v2-black color ==*/ .ps-border-h-v2{ border-top:1px solid #000; border-bottom:1px solid #000; } .ps-border-v-v2{ border-left:1px solid #000; border-right:1px solid #000; } .ps-border-left-v2{ border-left:1px solid #000; } .ps-border-right-v2{ border-right:1px solid #000; } .ps-border-top-v2{ border-top:1px solid #000; } .ps-border-bottom-v2{ border-bottom:1px solid #000; } .ps-border-v2{ border:1px solid #000; } .ps-border-reset-v2{ border:none; } /*===============================v3-Logo color ==*/ .ps-border-h-v3{ border-top:1px solid #1daaa3; border-bottom:1px solid #1daaa3; } .ps-border-v-v3{ border-left:1px solid #1daaa3; border-right:1px solid #1daaa3; } .ps-border-left-v3{ border-left:1px solid #1daaa3; } .ps-border-right-v3{ border-right:1px solid #1daaa3; } .ps-border-top-v3{ border-top:1px solid #1daaa3; } .ps-border-bottom-v3{ border-bottom:1px solid #1daaa3; } .ps-border-v3{ border:1px solid #1daaa3; } .ps-border-reset-v3{ border:none; } /*===============================v4-ligtgray color ==*/ .ps-border-h-v4{ border-top:1px solid #ececec; border-bottom:1px solid #ececec; } .ps-border-v-v4{ border-left:1px solid #ececec; border-right:1px solid #ececec; } .ps-border-left-v4{ border-left:1px solid #ececec; } .ps-border-right-v4{ border-right:1px solid #ececec; } .ps-border-top-v4{ border-top:1px solid #ececec; } .ps-border-bottom-v4{ border-bottom:1px solid #ececec; } .ps-border-v4{ border:1px solid #ececec; } .ps-border-reset-v4{ border:none; } /*--------------------------*/ /*bootstrap ovverrides*/ .btn-primary, a.btn-primary, .btn-neutral{ background-color: #1daaa3; color: #ffffff; border-color: #1daaa3; cursor:pointer; } .btn-primary:hover, .btn-primary.active, .btn-primary:focus{ border-color:#1daaa3 !important; background:#1daaa3; } .btn-default, a.btn-default { background-color: #000000; color: #ffffff; border-color: #000000; cursor:pointer; } .btn-default:hover, .btn-default.active, .btn-default:focus{ border-color:#2c8d88; background:#2c8d88; } .btn-disabled, a.btn-disabled{ background-color: #666666; color: #a4a4a4; border-color: #666666; cursor: not-allowed; } .btn-disabled:hover, .btn-disabled.active, .btn-disabled:focus{ background-color: #666666; color: #a4a4a4; border-color: #666666; } .btn-outline-primary, a.btn-outline-primary{ background-color: #fff; color: #1daaa3; border-color: #1daaa3; padding: 5px 10px; border-width: 1px; cursor:pointer; } .btn-outline-primary:hover, .btn-outline-primary, .btn-outline-primary:focus{ background-color: #1daaa3; color: #fff; border-color: #1daaa3; padding: 5px 10px; border-width: 1px; } .clear { clear: both; } h1{ font-size:25px; } h2{ font-size:18px; } /* Global Content CSS Start */ .ps-global-content-wrapper{ width: 100%; display: block; float: left; margin: 20px 0; height: auto; position: relative; } .ps-content-more{ width: auto; display: block; float: left; position: absolute; top: 100%; left: 2%; color: #1daaa3; cursor: pointer; padding: 9px; } .ps-content-less{ width: auto; display: block; float: left; position: absolute; top: 100%; left: 2%; color: #1daaa3; cursor: pointer; opacity: 0; z-index: -1; padding: 9px; } .ps-content-less:focus, .ps-content-more:focus{ outline: none; } .ps-global-content{ width: 96%; overflow: hidden; margin: auto; position: relative; padding: 0 9px; } .ps-global-content-wrapper h1{ text-align: center; font-size: 25px; position: relative; display: inline-block; padding: 10px 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .ps-global-content-wrapper h1:before { content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #000; } .ps-global-content-wrapper h2{ font-size:18px; } .ps-global-content-wrapper h3{ font-size: 15px; } .ps-global-content-wrapper p{ text-align: justify; line-height: 22px; } .ps-global-content-wrapper ul{ list-style: disc; margin: 20px 0; padding: 0 40px; } .ps-global-content-wrapper ul li{ } .ps-global-content-wrapper a{ color: #000; text-decoration: underline; } .ps-global-content-wrapper a:hover, .ps-global-content-wrapper a:focus{ outline: none; } .ps-global-content-wrapper .ps-global-mail{ } /* Global Content CSS End */ /*===============================================================================Empty Cart Css loggedin */ .i-cart-empty-wrap-loggedin { width: 240px; margin: 0 auto 40px auto; display: block; } .i-cart-empty-img1 { background-image: url(../../../../../image/catalog/i-cart-images/empty-cart-1.png); background-repeat: no-repeat; height: 100px; width: 240px; text-align: center; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -o-flex; display: -ms-flex; display: flex; margin: auto; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -moz-align-items: center; -webkit-align-items: center; -o-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -o-justify-content: center; -ms-justify-content: center; justify-content: center; font-size: 16px; } .i-cart-empty-img2 { display: block; background: url(../../../../../image/catalog/i-cart-images/empty-cart-2.png); height: 145px; background-repeat: no-repeat; margin: 40px auto 10px auto; width: 34px; } .i-cart-empty-wrap-loggedin .i-cart-empty-button { width: 240px; margin: auto; display:block; } .i-cart-empty-wrap-loggedin .i-cart-empty-button a { display: block; width: 100%; margin: auto; text-align: center; box-sizing: border-box; background: #1daaa3; padding: 15px 0; border: 1px solid #1daaa3; -webkit-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: #fff; font-size: 18px; } .i-cart-empty-button a:hover, .i-cart-empty-button a:active, .i-cart-empty-button a:focus{ background: #fff; color: #1daaa3; } /* Cart Empty old end*/ /*===============================================================================Empty Cart Css loggedout*/ .i-cart-empty-wrap-loggedout { width: 100%; text-align: center; margin: auto; display: block; } .i-cart-empty-title { color: #32aaa3; font-size: 18px; font-weight: bold; margin: 30px auto 20px auto; } .i-cart-empty-text { margin: 20px auto; display: block; font-size: 16px; } .i-cart-empty-wrap-loggedout .i-cart-empty-button { width: 240px; margin: auto; display:block; } .i-cart-empty-wrap-loggedout .i-cart-empty-button a { display: block; width: 100%; margin: auto; } .i-cart-empty-button a:hover, .i-cart-empty-button a:active, .i-cart-empty-button a:focus{ background: #fff; color: #1daaa3; } /* Cart Empty loggedout end*/ .filter_element_title_main { padding: 5px 0; cursor: pointer; font-weight: 600; text-transform: uppercase; font-size: 16px; color: #222222; position: relative; text-align: center; margin-bottom: 15px; border-bottom: 1px solid #cccccc; padding-bottom: 13px; } .digitalElephantFilter_btn_holder { border-bottom: 1px solid #cccccc; padding-bottom: 15px; margin-bottom: 15px; } /*h1#page-title { text-align: center; font-size: 25px; position: relative; display: inline-block; padding: 5px 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } h1#page-title:before { content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #000; } */ .imr-information-pages-helper h1#page-title { text-align: center; font-size: 25px; position: relative; display: inline-block; padding: 5px 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .imr-information-pages-helper h1#page-title:before { content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #000; } .imr-information-pages-helper ul { list-style: disc; margin: 0 0 15px 0; padding-left: 40px; } .imr-information-pages-helper p { text-align:justify; } .imr-information-pages-helper a { color:#1daaa3; } .imr-information-pages-helper a:hover { color:#000; } .imr-information-pages-helper img { display:block; width:auto; margin:auto; } .imr-information-pages-small { width: 100%; font-size: 13px } .imr-information-pages-small p { padding: 0; margin: 0; text-align: center; } /*========================================================================== Career Page Css ================*/ .employee-wrapper img { width: 50px; display: block; } .restrict-layout { width: 100%; max-width: 1220px; margin: auto; } .information-page #content h1.heading-title { text-align: center; font-size: 24px; color: #000; } .background-image{ background-image:url("../../../../../image/catalog/i-careerpage-images/banner.jpg"); width:100%; display:block; margin:auto; background-repeat:no-repeat; background-size:contain; padding-bottom:36.5%; position:relative; } .bg-text { display: block; text-align: center; font-size: 24px; color: #fafbfc; padding: 20px 0 20px 0; font-weight:bold; } .m-careerpage-btn { background-color: #00a084; /* Green */ border: none; color: white; padding: 12px 18px; text-align: center; text-decoration: none; display: inline-block; font-size: 21px; -webkit-transition-duration: 0.4s; /* Safari */ -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; transition-duration: 0.4s; cursor: pointer; -moz-border-radius:25px; -webkit-border-radius:25px; -o-border-radius:25px; -ms-border-radius:25px; border-radius:25px; color: #fafbfc; border: 1px solid #00a084; } .m-careerpage-btn:hover { background-color: #fafbfc; color: #00a084; border: 1px solid #00a084; } .m-btn { width: 100%; display: block; margin: auto; position: absolute; text-align: center; top: 66%; left: 0%; } .restrict-about { width: 100%; display: block; float: left; } .about-wrapper{ width:80%; display:block; margin:auto; } .about-text { display: block; margin: auto; text-align: center; color: #000; padding: 15px; font-size: 24px; font-weight: bold; } .about-text-span { display: block; margin: auto; padding: 15px 0 15px 0px; font-weight:bold; } h2.icon-header-text { color: #0aa084; font-size: 21px; } .employee-wrapper { width: 80%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -o-flex; display: -ms-flex; display: flex; margin: auto; -webkit-flex-direction: row; -moz-flex-direction: row; -o-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .employee-1-wrapper { width: 48%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -o-flex; display: -ms-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -moz-flex-direction: column; flex-direction: column; margin-right: 2%; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -o-justify-content: center; -ms-justify-content: center; justify-content: center; } .employee-2-wrapper { width: 48%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -o-flex; display: -ms-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -moz-flex-direction: column; flex-direction: column; margin-left: 2%; } .employee-1 { display: block; width: 100%; float:left; } .employee-2 { display: block; float: left; width: 100%; } .m-careerpage-icon { width: auto; float: left; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -o-flex; display: -ms-flex; display: flex; color: #0aa084; font-size: initial; padding: 30px 0 20px 0; min-height: 80px; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -moz-flex-direction: column; flex-direction: column; } .icon-text { width: 80%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -o-flex; display: -ms-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -moz-flex-direction: column; flex-direction: column; float: right; padding-bottom: 20px; } h2.icon-header-text { color: #0aa084; font-size: 21px; padding-bottom: 5px; } .icon-subtext { width: 100%; display: block; float: left; color: gray; text-align: justify; font-size: 15px; min-height:110px; } .openings-wrapper { width: 80%; display: block; margin: auto; } .entire-panel-wrapper { width: 100%; display: block; float: left; padding-bottom:30px; } .restrict-openings { width: 100%; display: block; float: left; } .openings{ width:100%; margin:auto; text-align:center; padding:15px 0; } .open-space{ padding:15px 0; font-weight:bold; color: #000; font-size: 24px; } .openings-wrapper button.accordion { background-color: #3cabb2; cursor: pointer; padding: 10px; width: 100%; border: none; text-align: left; outline: none; font-size: 18px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; color: #fafbfc; } .openings-wrapper button.accordion.active { background-color: #3cabb2; color: #fafbfc; } .openings-wrapper button.accordion:after { content: '+'; font-size: 16px; float: right; text-align: justify; margin-left: 0px; margin-right: 10px; margin-top: 7px; } .openings-wrapper button.accordion.active:after { content: "-"; } .openings-wrapper div.panel { background-color: white; overflow: auto; padding-top: 0px; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; -ms-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; opacity: 0; margin-bottom: 8px; width: 100%; max-height: 0; } .openings-wrapper .panel-icon { margin-right: 10px; } .openings-wrapper .panel h5 { font-size: 15px; line-height: 23px; margin-top: 5px; margin-bottom: 0px; display: inline-block; color: #2d2d2d } .openings-wrapper .panel p { font-size: 18px; padding: 30px 0px; color: #2d2d2d } .openings-wrapper div.panel.show { opacity: 1; max-height: 550px; padding-right:15px; } .openings-wrapper .panel-wrapper { width: 100%; display: block; margin: auto; } .openings-wrapper button.accordion.active { background: #3cabb2; } p.m-c-job-dscp { font-weight: bold; text-align: left; font-size: 18px; padding: 10px; color:#000; } .m-c-job-dsc-list { width: 100%; display: block; float:left; } .m-c-job-dsc-list p { text-align: justify; padding: 10px !important; color:#000 !important; font-size:18px; font-weight:bold; } .m-c-a p { width: 100%; display: block; float: left; padding: 6px 0 6px 10px !important; font-size: 18px; color:#000 !important; } .m-c-job-dsc { padding: 5px 0 13px 0; } ul.m-c-job-dsc-ul-list { text-align: left; list-style-type:disc; padding-left:40px; } .m-c-jobh { font-size: 18px; text-align: justify; padding: 10px; font-weight:bold; color:#000; } .m-c-jobh-wrapper { width: 100%; display: block; float: left; } .m-c-table { float: left; width: 100%; display: block; text-align: left; font-size: 16px; padding-left: 10px; color:#000 !important; } .m-c-table tbody { width: 100%; display: block; margin: auto; } .m-c-table>tbody>tr { width: 100%; display: block; float:left; } .m-career-table-column { display: inline-block; float: left; width: 50%; } .td-m-bold { font-weight: bold; float: right; display: inline-block; margin: auto; color:#000; } .m-c-apply-now { width: 100%; display: block; margin: auto; float: left; } .m-c-a { width: 100%; display: block; float:left; padding:10px; } .m-c-ae { font-size: 18px; font-weight: bold; text-align: left; } .m-c-aee { text-align: left; font-size: 16px !important; } .m-mail-usp { width: 100%; display: block; float: left; text-align: left; padding: 20px 10px 10px 10px !important; color:#000 !important; } .m-mail-us a { color: #00a084 !important; } .m-colon { display: inline-block; position: absolute; left: 30%; font-weight: bolder; font-size:15px; } .m-c-table tbody { width: 100%; float: left; display: block; position: relative; } .category-description { display: block; margin-bottom: 30px; /*float: left;*/ } .breadcrumb-holder { display: block; margin-bottom: 0; } .ps-global-content-wrapper h2 { font-size: 18px; } #loginpopup .login-wrap input { width: 100%; } /*.search-dropdown-holder { width: 1170px; background: #ccc; } .dropdown-content { top: 124px; width: 1170px; left: -1170px; }*/ span.qa-link { display: inline-block; color: #999999; } .has-error .form-control{ border-color: #32aaa3; } .has-error .form-control:focus { border-color: #32aaa3; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #32aaa3; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #32aaa3; } .form-horizontal .form-group{ margin-right: 0; margin-left: 0; } .i-faq-category-block, .i-faq-login, .i-faq-login-block, .i-login-text { -webkit-box-sizing: content-box!important; -moz-box-sizing: content-box!important; -o-box-sizing: content-box!important; -ms-box-sizing: content-box!important } .i-faq-category-block, .i-faq-login-block { float: left; box-sizing: content-box!important } ul.i-top-feq-left li, ul.i-top-feq-right li { line-height: 25px; list-style-position: inside } .i-faq-category-block, .i-faq-category-title, .i-top-faq { border-bottom: 1px solid #1daaa3 } .i-faq-wrapper { width: 1220px; margin: 0 auto; display: block; padding: 0 } .i-faq-banner, .i-faq-banner img, .i-top-faq, .i-top-faq-list, .i-top-faq-title { width: 100%; display: block } .i-faq-banner { margin: 0; padding: 0; clear: both; padding-bottom:20px; } .i-top-faq { background: #f3fffe; margin: 20px 0; float: left; border-top: 1px solid #1daaa3 } .i-top-faq-title { text-align: center; padding: 10px 0; color: #1daaa3; font-size: 16px; font-weight: 700 } .i-login-text, .i-support-text, ul.i-top-feq-left li, ul.i-top-feq-right li { font-size: 14px; } .i-top-faq-list { float: left } ul.i-top-feq-left { display: block; width: 48%; width: -webkit-calc(50% - 20px); width: -moz-calc(50% - 20px); width: -ms-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); float: left; padding: 0 0 10px 20px } ul.i-top-feq-left li { padding-left: 20px } ul.i-top-feq-left li a { color: #000; text-decoration: none } ul.i-top-feq-left li a:hover { color: #000; font-weight: 700 } ul.i-top-feq-right { display: block; width: 48%; width: -webkit-calc(50% - 20px); width: -moz-calc(50% - 20px); width: -o-calc(50% - 20px); width: -ms-calc(50% - 20px); width: calc(50% - 20px); float: left; padding: 0 20px 10px 0 } ul.i-top-feq-right li { padding-left: 20px } ul.i-top-feq-right li a { color: #000; text-decoration: none } ul.i-top-feq-right li a:hover { color: #000; font-weight: 700 } .i-faq-category { float: left; width: 100%; display: block; background-color: #f3fffe } .i-faq-category-title { width: 100%; display: block; text-align: center; font-size: 16px; color: #1daaa3; font-weight: 700; padding: 20px 0; border-top: 1px solid #1daaa3 } .i-faq-category-block { width: 31.33%; width: -webkit-calc(33.333% - 21px); width: -moz-calc(33.333% - 21px); width: -o-calc(33.333% - 21px); width: -ms-calc(33.333% - 21px); width: calc(33.333% - 21px); display: block; border-left: 1px solid #1daaa3; padding: 10px } .i-faq-category-block a, .i-faq-category-list { width: 100%; float: left; display: block } .i-faq-category-block:nth-child(11), .i-faq-category-block:nth-child(2), .i-faq-category-block:nth-child(5), .i-faq-category-block:nth-child(8) { border-left: none } .i-faq-category-block a { color: #000; text-decoration: none } .i-faq-category-block a:hover { color: #fff; background-color: #1daaa3; text-decoration: none } .i-faq-category-img { float: left; margin: 10px; height: 71px; width: 71px } .i-faq-category-text { font-size: 13px; margin: 14px; height: 40px } .i-faq-category-text span { display: block; } .i-faq-category-text span:first-child { display: block; font-weight: 700 } .i-faq-category-block:nth-child(2) .i-faq-category-img { background: url(../../../../../image/catalog/i-faq-images/faq.png) -248px -5px } .i-faq-category-block:nth-child(3) .i-faq-category-img { background: url(../../../../../image/catalog/i-faq-images/faq.png) -328px -5px } .i-faq-category-block:nth-child(4) .i-faq-category-img { background: url(../../../../../image/catalog/i-faq-images/faq.png) -409px -5px } .i-faq-category-block:nth-child(5) .i-faq-category-img { background: url(../../../../../image/catalog/i-faq-images/faq.png) -248px -86px } .i-faq-category-block:nth-child(6) .i-faq-category-img { background: url(../../../../../image/catalog/i-faq-images/faq.png) -328px -85px } .i-faq-category-block:nth-child(7) .i-faq-category-img { background: url(../../../../../image/catalog/i-faq-images/faq.png) -409px -85px } .i-faq-category-block:nth-child(8) .i-faq-category-img { background: url(../../../../../image/catalog/i-faq-images/faq.png) -248px -167px } .i-faq-category-block:nth-child(9) .i-faq-category-img { background: url(../../../../../image/catalog/i-faq-images/faq.png) -328px -168px } .i-faq-category-block:nth-child(10) .i-faq-category-img { background: url(../../../../../image/catalog/i-faq-images/faq.png) -409px -167px } .i-faq-category-block:nth-child(11) .i-faq-category-img { background: url(../../../../../image/catalog/i-faq-images/faq.png) -248px -248px } .i-faq-category-block:nth-child(12) .i-faq-category-img { background: url(../../../../../image/catalog/i-faq-images/faq.png) -328px -248px } .i-faq-category-block:nth-child(13) .i-faq-category-img { background: url(../../../../../image/catalog/i-faq-images/faq.png) -409px -249px } .i-faq-category-block:nth-child(2):hover .i-faq-category-img { background: url(../../../../../image/catalog/i-faq-images/faq.png) -5px -5px } .i-faq-category-block:nth-child(3):hover .i-faq-category-img { background: url(../../../../../image/catalog/i-faq-images/faq.png) -86px -5px } .i-faq-category-block:nth-child(4):hover .i-faq-category-img { background: url(../../../../../image/catalog/i-faq-images/faq.png) -167px -5px } .i-faq-category-block:nth-child(5):hover .i-faq-category-img { background: url(../../../../../image/catalog/i-faq-images/faq.png) -5px -86px } .i-faq-category-block:nth-child(6):hover .i-faq-category-img { background: url(../../../../../image/catalog/i-faq-images/faq.png) -86px -85px } .i-faq-category-block:nth-child(7):hover .i-faq-category-img { background: url(../../../../../image/catalog/i-faq-images/faq.png) -167px -85px } .i-faq-category-block:nth-child(8):hover .i-faq-category-img { background: url(../../../../../image/catalog/i-faq-images/faq.png) -5px -167px } .i-faq-category-block:nth-child(9):hover .i-faq-category-img { background: url(../../../../../image/catalog/i-faq-images/faq.png) -86px -168px } .i-faq-category-block:nth-child(10):hover .i-faq-category-img { background: url(../../../../../image/catalog/i-faq-images/faq.png) -167px -167px } .i-faq-category-block:nth-child(11):hover .i-faq-category-img { background: url(../../../../../image/catalog/i-faq-images/faq.png) -5px -248px } .i-faq-category-block:nth-child(12):hover .i-faq-category-img { background: url(../../../../../image/catalog/i-faq-images/faq.png) -85px -248px } .i-faq-category-block:nth-child(13):hover .i-faq-category-img { background: url(../../../../../image/catalog/i-faq-images/faq.png) -167px -249px } .i-faq-info-blocks { width: 100%; display: block; float: left } .i-faq-login-block { width: 39.33%; width: -webkit-calc(45% - 60px); width: -moz-calc(45% - 60px); width: -ms-calc(45% - 60px); width: -o-calc(45% - 60px); width: calc(45% - 60px); display: block; border-top: 1px solid #1daaa3; border-bottom: 1px solid #1daaa3; padding: 10px 30px; margin: 20px 0; background-color: #f3fffe } .i-faq-login, .i-login-text { width: 100%; display: block; box-sizing: content-box!important } .i-faq-contact-block, .i-faq-login a, .i-faq-support, .i-support-text { -webkit-box-sizing: content-box!important; -moz-box-sizing: content-box!important; -o-box-sizing: content-box!important; -ms-box-sizing: content-box!important; display: block } .i-faq-login-block:hover { background-color: #fff } .i-login-text { text-align: center; color: #000; padding: 9px 0 } .i-login-text a { color: #1daaa3; text-transform: capitalize } .i-faq-login a, .i-faq-support a, .i-faqd-submit a { text-transform: uppercase } .i-login-text a:hover { color: #1daaa3 } .i-faq-login { padding: 0 0 10px } .i-faq-login a { width: 250px; padding: 10px; margin: auto; background-color: #1daaa3; text-align: center; color: #fff; text-decoration: none; border: 1px solid #1daaa3; box-sizing: content-box!important } .i-faq-login a:hover { color: #1daaa3; background: #fff } .i-faq-contact-block { width: 39.33%; width: -webkit-calc(45% - 60px); width: -moz-calc(45% - 60px); width: -ms-calc(45% - 60px); width: -o-calc(45% - 60px); width: calc(45% - 60px); float: right; border-top: 1px solid #1daaa3; border-bottom: 1px solid #1daaa3; padding: 10px 28px; margin: 20px 0; background-color: #f3fffe; box-sizing: content-box!important } .i-faq-support, .i-support-text { width: 100%; box-sizing: content-box!important } .i-faq-contact-block:hover { background-color: #fff } .i-support-text { text-align: center; color: #000; padding: 9px 0; clear: both } .i-faq-support { padding: 0 0 10px } .i-faq-support a, .i-faqd-login-block { -webkit-box-sizing: content-box!important; -moz-box-sizing: content-box!important; -o-box-sizing: content-box!important; -ms-box-sizing: content-box!important } .i-faq-support a { width: 250px; display: block; padding: 10px; margin: auto; background-color: #1daaa3; text-align: center; color: #fff; text-decoration: none; border: 1px solid #1daaa3; box-sizing: content-box!important } .i-top-faqc, .i-top-faqc-title { border-bottom: 1px solid #1daaa3; width: 100%; display: block } .i-faq-support a:hover { color: #1daaa3; background: #fff } .i-top-faqc { background: #f3fffe; margin: 20px 0; float: left; border-top: 1px solid #1daaa3; padding: 0 } .i-top-faqc-title { text-align: center; padding: 10px 0; color: #1daaa3; font-size: 16px; font-weight: 700 } .i-top-faqc-list { padding: 20px 0; float: left; width: 100% } .i-top-feqc-left { display: block; width: 63.04%; width: -webkit-calc(65% - 20px); width: -moz-calc(65% - 20px); width: -o-calc(65% - 20px); width: -ms-calc(65% - 20px); width: calc(65% - 20px); float: left; padding: 0 0 10px 20px } .i-faq-comingsoon { display: block; text-align: center; color: #9a2406; font-size: 20px; line-height: 33px; margin: 75px 0 0 } .i-top-feqc-right { width: 34%; width: -webkit-calc(35% - 10px); width: -moz-calc(35% - 10px); width: -o-calc(35% - 10px); width: -ms-calc(35% - 10px); width: calc(35% - 10px); float: right; padding-left: 10px } .i-top-feqc-right p { font-size: 16px; padding: 0 0 10px; margin: 0 0 10px 20px; font-weight: 700; border-bottom: 1px solid; width: 200px; color: #1daaa3 } .i-faqd-radio, .i-faqd-related-title, .i-faqd-title, .i-middle-feqd-left, .i-top-faqd { border-bottom: 1px solid #1daaa3 } .i-top-feqc-right li { list-style: none; line-height: 24px; font-size: 16px; padding-left: 20px } .i-top-feqc-right li a { color: #000; text-decoration: none; font-size: 14px } .i-top-feqc-right li a:hover { color: #000; font-weight: 700 } .i-top-feqc-right li a span { color: #716866 } .i-faq-breadcrumb a:hover, .i-top-feqc-right li a:hover span { color: #000 } .i-faq-breadcrumb { width: 70%; float: left; padding: 0 0 0 20px; margin: 0 } .i-faq-breadcrumb .breadcrumb { text-align: left } .i-faq-breadcrumb span { color: #1daaa3; font-size: 13px; padding-right: 5px; font-weight: 700 } .i-faq-read { display: block; padding: 5px 0 5px 20px; background: #32aaa3; font-size: 14px; border-top: 1px solid #32aaa3; color: #1daaa3; font-weight: 700 } .i-middle-feqd-left, .i-top-faqd { border-top: 1px solid #1daaa3 } .i-faq-read span { padding-right: 5px } .i-top-faqd { width: 100%; display: block; float: left; margin: 20px 0; background: #f3fffe } .i-top-feqd-left { width: 65%; float: left; display: block } .i-faqd-title { width: 100%; display: block; padding: 10px 0 10px 20px; color: #1daaa3; background-color:#e8fffc } .i-faqd-title h1 { color: #1daaa3; font-size: 16px } .i-faqd-title h1 span { color: #666; margin-bottom: 12px; text-align: right; display: inline-block; float: right; font-size: 15px; padding-right: 20px } .i-faqd-description { padding: 10px 20px } .i-faqd-description p { margin: 5px 0; line-height: 20px } .i-faqd-description h2 { color:#1daaa3 !important; } .i-top-feqd-right { width: 30%; float: left; margin-left: 5%; display: block } .i-faqd-related-title { width: 98.08%; width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: -o-calc(100% - 20px); width: -ms-calc(100% - 20px); width: calc(100% - 20px); display: block; padding: 10px 0 10px 20px; color: #1daaa3; margin-bottom: 10px } .i-faqd-related-title h1 { color: #1daaa3; font-size: 16px } .i-faqd-related-discription { width: 80%; margin: auto; display: block } .i-faqd-related-discription ul { margin: 0; padding: 0 } .i-faqd-related-discription ul li { list-style: none; display: block; padding: 5px 0 } .i-faqd-related-discription a { color: #716866 } .i-faqd-related-discription a:hover { text-decoration: none; color: #000; font-weight: 700 } .i-middle-faqd { width: 100%; float: left; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -o-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -o-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin: 20px 0 } .i-faqd-radio, .i-middle-feqd-left form { display: block; width: 100% } .i-middle-feqd-left { width: 44.28%; width: -webkit-calc(50% - 60px); width: -moz-calc(50% - 60px); width: -o-calc(50% - 60px); width: -ms-calc(50% - 60px); width: calc(50% - 60px); float: left; display: block; background: #f3fffe; padding: 0 20px 20px; margin-right: 20px } .i-faqd-radio h2 { display: inline-block; color: #000; font-size: 16px; margin: 0 20px 0 0; padding: 10px 0; font-weight: 400 } .i-faqd-captcha h2, .i-faqd-comment h2 { color: #000; padding: 0; font-weight: 400; font-size: 16px; display: block } .i-faqd-radio span { margin: 0 5px; font-size: 16px } .i-faqd-comment { width: 100%; display: block } .i-faqd-comment h2 { margin: 25px 0 0 } .i-faqd-comment textarea { width: 96.19%; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: -o-calc(100% - 40px); width: -ms-calc(100% - 40px); width: calc(100% - 40px); margin: 0; border: 1px solid #1daaa3; -moz-resize: vertical; resize: vertical; font-size: 16px } .i-faqd-captcha { width: 100%; display: block } .i-faqd-captcha h2 { margin: 10px 0 0 } .i-faqd-captcha input { border: 1px solid #1daaa3; width: 96.19%; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: -o-calc(100% - 40px); width: -ms-calc(100% - 40px); width: calc(100% - 40px) } .i-faqd-captcha img { width: 150px; display: block } .i-faqd-submit { width: 100%; display: block } .i-faqd-submit a { width: 250px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #1daaa3; background-color: #1daaa3!important; color: #fff; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; text-align: center; font-size: 16px; margin: 20px auto 10px; padding: 5px 0; display: block } .i-faqd-contact-text, .i-faqd-login-text { font-size: 14px; text-align: center } .i-faqd-submit a:hover { background-color: #fff!important; color: #1daaa3 } .i-middle-feqd-right { width: 44.28%; width: -webkit-calc(50% - 60px); width: -moz-calc(50% - 60px); width: -o-calc(50% - 60px); width: -ms-calc(50% - 60px); width: calc(50% - 60px); float: left; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -o-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -o-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-around; -moz-justify-content: space-around; -o-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; padding: 0 20px 20px; margin-left: 20px } .i-faqd-login-block { width: 90.47%; width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: -o-calc(100% - 100px); width: -ms-calc(100% - 100px); width: calc(100% - 100px); float: left; display: block; border: 1px solid #1daaa3; padding: 10px 30px; margin: 30px 20px; background-color: #f3fffe; box-sizing: content-box!important } .i-faqd-login-text { width: 100%; display: block; color: #000; padding: 9px 0 } .i-faqd-login-text a { color: #1daaa3; text-transform: capitalize } .i-faqd-login { width: 100%; display: block; padding: 0 0 10px } .i-faqd-login a { width: 250px; display: block; padding: 10px; margin: auto; background-color: #1daaa3; text-align: center; color: #fff; text-decoration: none; text-transform: uppercase; border: 1px solid #1daaa3 } .i-faqd-login a:hover { color: #1daaa3; background: #fff } .i-faqd-contact-block { width: 90.47%; width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: -ms-calc(100% - 100px); width: -o-calc(100% - 100px); width: calc(100% - 100px); float: left; display: block; border: 1px solid #1daaa3; padding: 10px 30px; margin: 30px 20px; background-color: #f3fffe; -webkit-box-sizing: content-box!important; -moz-box-sizing: content-box!important; -o-box-sizing: content-box!important; -ms-box-sizing: content-box!important; box-sizing: content-box!important } .i-faqd-contact-text { width: 100%; display: block; color: #000; padding: 9px 0 } .i-faqd-contact-text a { color: #1daaa3; text-transform: capitalize } .i-faqd-contact { width: 100%; display: block; padding: 0 0 10px } .i-faqd-contact a { width: 250px; display: block; padding: 10px; margin: auto; background-color: #1daaa3; text-align: center; color: #fff; text-decoration: none; text-transform: uppercase; border: 1px solid #1daaa3 } .i-faqd-contact a:hover { color: #1daaa3; background: #fff } .i-faqd-login-text a:hover { color: #1daaa3 } .i-faq-pinfo-hsbc-wrap { width: 100%; float: left; display: block; margin: 10px 0 } .i-faq-pinfo-hsbc-wrap img { width: 41%; float: left; display: block; border: 1px solid #1daaa3 } .i-faq-pinfo-hsbc-wrap table { width: 52.85%; width: -webkit-calc(55% - 22px); width: -moz-calc(55% - 22px); width: -o-calc(55% - 22px); width: -ms-calc(55% - 22px); width: calc(55% - 22px); float: left; display: block; margin-left: 20px } .i-faq-pinfo-hsbc-wrap table tr td { text-align: center; width: 24%; border-bottom: 1px solid #1daaa3; border-right: 1px solid #1daaa3; padding: 7px 0; background: #fff } .i-faq-pinfo-hsbc-wrap table tr:first-child td { border-top: 1px solid #1daaa3; line-height: 22px } .i-faq-pinfo-hsbc-wrap table tr td:first-child { border-left: 1px solid #1daaa3 } .i-faq-pinfo-hsbc-wrap table tr:first-child { background: #fddedb; color: #000; font-weight: 700; font-size: 16px } .i-faq-pinfo-hsbc-links a { color: #1daaa3; text-decoration: none } .i-faq-pinfo-hsbc-links a:hover { color: #000; text-decoration: none; font-weight: 700 } #iDmail a, .i-faq-anchor:hover { color: #fff; font-weight: 700 } .i-faq-pinfo-ul { list-style-type: disc; list-style-position: inside; padding-left: 20px } .i-faq-anchor, .i-faq-anchor:active, .i-faq-anchor:visited { display: inline-block; width: auto; padding: 2px 5px; background-color: #1daaa3; color: #fff !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-weight: 700 } .i-faq-anchor:hover { text-decoration: none; background-color: #125d59 } .i-faq-ol-o li { list-style-position: outside; padding: 0 0 0 20px } .i-faq-ul-o li:first-child { list-style: none } .i-faq-highlight { font-size: 17px; line-height: 17px } .i-faq-main { font-size: 15px } .i-cs-pre-title, .i-cs-print-title, .i-cs-ship-title { text-transform: uppercase } .i-cs-ao-right, .i-cs-contact { border-left: 1px solid #73d4c2; } .i-cs-id, .i-cs-id-text { text-align: center } .i-cs-banner, .i-cs-id{ width: 100%; display: block } .i-cs-help, .i-cs-info { float: left } .i-cs-ao-block, .i-cs-help { border-top: 1px solid #73d4c2; border-bottom: 1px solid #73d4c2 } .i-cs-banner { background-image: url(../../../../../image/catalog/i-faq-images/desk-banner.jpg); background-repeat: no-repeat; max-width: 1150px; height: 203px; -moz-background-size: 100%; -o-background-size: 100%; -webkit-background-size: 100%; background-size: 100%; margin:auto; } .i-cs-contact-img, .i-cs-id-img, .i-cs-info-img { background-image: url(../../../../../image/catalog/i-faq-images/cs-spritesheet.png); background-repeat: no-repeat; height: 92px } .i-cs-id-img { display: block; width: 92px; margin: auto; background-position: -893px -5px; position: relative; top: -22px } .i-cs-help, .i-cs-id-text { width: 100%; display: block } .i-cs-id-text { position: relative; top: -18px; font-size: 16px } .i-cs-id-text span { font-size: 18px; color: #1daaa3; font-weight: 700 } .i-cs-info { width: 50%; display: -webkit-flex; display: flex; padding: 10px 0 } .i-cs-info-img { display: inline-block; width: 92px; background-position: -461px -5px; -webkit-order: 2; -moz-order: 2; order: 2 } a.i-cs-contact-img:hover, a.i-cs-info-img:hover { text-decoration: none!important } .i-cs-info-text { width: 9.47%; width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px); text-align: right; -webkit-order: 1; -moz-order: 1; order: 1 } .i-cs-info-text p { top: 50%; display: block; float: right; font-size: 15px; padding-right: 10px } .i-cs-contact { width: 49.9%; width: -moz-calc(50% - 1px); width: -webkit-calc(50% - 1px); width: calc(50% - 1px); float: left; display: -webkit-flex; display: flex; padding: 10px 0 } .i-cs-contact-img { display: block; width: 92px; background-position: -5px -5px; -webkit-order: 1; -moz-order: 1; order: 1 } .i-cs-contact-text { width: 90.47%; width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: calc(100% - 100px); text-align: left; -webkit-order: 2; -moz-order: 2; order: 2 } .i-cs-contact-text p { position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); display: block; float: left; font-size: 15px; padding-left: 10px } .i-cs-ao-title, .i-cs-email { width: 100%; padding: 10px 0; text-align: center } .i-cs-email { font-size: 15px } .i-cs-ao-block { width: 100%; display: block; float: left } .i-cs-ao-title { display: block; font-size: 18px; color: #fff; background: #1daaa3; } .i-cs-pre-text p span, .i-cs-pre-title, .i-cs-print-title, .i-cs-ship-title, .i-cs-thanks { display: block; color: #1daaa3; } .i-cs-pre-img, .i-cs-print-img, .i-cs-ship-img { background-image: url(../../../../../image/catalog/i-faq-images/cs-spritesheet.png); background-repeat: no-repeat; display: block } .i-cs-ao-left { width: 50%; display: block; float: left } .i-cs-pre-title { width: 96.19%; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); font-size: 20px; padding: 20px } .i-cs-pre-text { width: 96.19%; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); display: block; font-size: 14px; padding: 0 20px } .i-cs-pre-text p { margin: 5px 0; padding: 5px 0 } .i-cs-pre-img { width: 344px; height: 244px; background-position: -107px -5px; margin: auto } .i-cs-ao-right { width: 96.09%; width: -webkit-calc(50% - 41px); width: calc(50% - 41px); float: left } .i-cs-ao-top { width: 100%; display: block; border-bottom: 1px solid #73d4c2; } .i-cs-print-title { width: 96.19%; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); font-size: 20px; padding: 20px } .i-cs-print-text { width: 96.19%; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); display: block; font-size: 14px; padding: 0 20px } .i-cs-print-text p { margin: 0; padding: 5px } .i-cs-print-img { width: 344px; height: 244px; background-position: -5px -259px; margin: auto } .i-cs-ao-bottom { display: block; width: 100% } .i-cs-ao-bottom-left { width: 50%; float: left; display: block } .i-cs-ship-title { width: 96.19%; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); font-size: 20px; padding: 20px } .i-cs-ao-bottom-right { width: 50%; display: block; float: left } .i-cs-ship-text { padding: 0 20px } .i-cs-ship-img { width: 299px; height: 207px; background-position: -359px -479px } .i-cs-thanks { width: 100%; text-align: center; padding: 20px 0; font-size: 17px; text-transform: capitalize } /*===================================================================contact page */ .i-contactus-banner { width: 100%; display: block; background: url(../../../../../image/catalog/i-contactus-images/contact-us.png) right center no-repeat #32aaa2; height: 200px } .i-contactus-banner p { font-style: normal; color: #fff; font-size: 56px; width: 268px; margin: 0 20%; position: relative; display: block } .i-contactus-banner p span { display: block; line-height: 80px; text-align: right; font-size: 150px; text-transform: lowercase } .i-contactus-block, .i-contactus-form { float: left } .i-contactus-submit input, .i-cs-pre-title, .i-cs-print-title, .i-cs-ship-title, .i-menu-custom-text, .ij-menu-mc-brands-title, select#colorselector { text-transform: uppercase } .i-contactus-block { width: 100%; margin: 20px 0; display: flex; background: #fff } .i-contactus-form { width: 100%; display: flex } .i-contactus-add-block { width: 20%; float: left; padding: 20px 0; -webkit-flex-direction: column; -moz-flex-direction: column; -o-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -o-flex; display: -ms-flex; display: flex; -webkit-justify-content: space-around; -moz-justify-content: space-around; -o-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around } .i-contactus-form form { width: 96.19%; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: -o-calc(100% - 40px); width: -ms-calc(100% - 40px); width: calc(100% - 40px); display: block; margin: 20px; background: #fff; float: left; padding: 10px 0 } .i-contactus-rows { width: 100%; display: block; float: left; margin: 5px 0 } .i-contactus-form-left, .i-contactus-rows .control-label { width: 28.09%; width: -webkit-calc(30% - 20px); width: -moz-calc(30% - 20px); width: -o-calc(30% - 20px); width: -ms-calc(30% - 20px); width: calc(30% - 20px); float: left; display: block; padding: 5px 0 5px 20px; line-height: 30px } .i-contactus-form-right .control-label { display: none; } .i-contactus-form-right{ width: 70%; float: left; display: block } .i-contactus-rows .col-sm-12 { width: 70% !important; float: left; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -o-flex; display: -ms-flex; display: flex; } #input-captcha { margin: 0 10px 0 0; } .i-contactus-form-right input[type=password], .i-contactus-form-right input[type=text], .i-contactus-form-right textarea { width: 100%; margin: 5px 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-color: #c5c2e1 } .i-contactus-form-right textarea { resize: vertical; -moz-resize: vertical } .i-contactus-form-right input[type=password]:hover, .i-contactus-form-right input[type=text]:hover, .i-contactus-form-right textarea:hover { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-color: #62f966 } .i-contactus-form-right.file-upload button { background: #6660ab; text-transform: uppercase; border: 1px solid #6660ab; letter-spacing: 1px; } .i-contactus-form-right.file-upload button:hover { background: #fff; color:#6660ab; } .i-contactus-form-left span { display: inline-block; float: right; padding-right: 20px } .i-contactus-form-right img { padding: 5px 0 } .i-contactus-submit input { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; margin: 5px 0; width: 250px; background-color: #32aaa2; border: 1px solid #32aaa2; color: #fff; font-size: 16px; float: right } .i-contactus-submit input:hover { background: #fff; color: #32aaa2; text-decoration: none; border: 1px solid #32aaa2 } .i-contactus-chat { width: 98.09%; width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: -ms-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); display: block; margin: 0 20px 15px 0; background: #fff; float: left } .i-contactus-faq { width: 98.09%; width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: -ms-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); display: block; margin: 0 20px 0 0; background: #fff; float: left } .i-contactus-bottomblock{ border-top: 1px solid #32aaa2; background: #f3fffe; border-bottom: 1px solid #32aaa2; font-size: 15px; line-height: 25px; width: 100%; -webkit-display: flex; -moz-display: flex; -o-display: flex; -ms-display: flex; display: flex; padding: 10px 0; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -o-justify-content: center; -ms-justify-content: center; justify-content: center; } .i-contactus-topblock { border-top: 1px solid #32aaa2; background: #f3fffe; border-bottom: 1px solid #32aaa2; font-size: 16px; line-height: 25px; width: 100%; -webkit-display: flex; -moz-display: flex; -o-display: flex; -ms-display: flex; display: flex; padding: 10px 0; text-align: center } i-contactus-faq-img { width: 100% } .i-contactus-chat img, .i-contactus-faq img { width: 100%; display: block } .i-contactus-topblock { margin-top: 20px } .i-contactus-bottomblock { margin-bottom: 20px } .i-contactus-topblock div { width: 100%; /* display: block;*/ text-align: center; } /* .i-contactus-topblock a, .i-contactus-topblock a:active, .i-contactus-topblock a:visited { color: #000; }*/ .i-contactus-topblock a:hover { color: #32aaa2; text-decoration: none } @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { .i-contactus-chat, .i-contactus-faq { height: 100% } .i-contactus-add-block { height: 100%; margin: auto } .i-contactus-block { background: #fff } } /*==========================================Logout Success page Css===*/ .i-logout-wrapper { width: 80%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -o-flex; display: -ms-flex; display: flex; margin: 20px auto; align-items: center; } .i-logout-wrapper img { width: auto; max-width: 150px; } .i-logout-wrapper p { width: 75%; display: block; margin: 40px 10px 0 20px; font-size: 15px; } .i-logout-wrapper p span { display: block; padding: 20px 0 10px 0; font-size: 19px; color: #0aa084; } @media only screen and (max-width: 480px){ .i-logout-wrapper p { width: 90%; margin: 0 auto 20px auto; font-size: 14px; } .i-logout-wrapper p span { padding: 10px 0; } .i-logout-wrapper { width: 100%; margin:0; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -moz-flex-direction: column; flex-direction: column; } } /*==========================================Mobile Cases Css===*/ .i-mc-desktop-layout { width: 100%; display: block; margin: 20px 0 0; padding: 0; float:left; } .content-title { width: 100%; display: block; text-align: center; font-size: 22px; padding: 0 0 20px } .mobile-cases-list { width: 100%; display: block; float:left; } .mobile-cases-list .tablist { width: 230px; float: left; height: 400px; margin: 20px 0; padding: 0 50px 0 0; text-transform: uppercase; overflow: auto; display: block } .mobile-cases-list .tablist .tabs li { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -o-flex; display: -ms-flex; display: flex; width: 150px; height: 40px; padding: 0 10px; border: 1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-align-items: center; -o-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; cursor: pointer } .mobile-cases-list .tab-content { background: #fff } .mobile-cases-list .tablist .tabs li a { color: #000; text-decoration: none } .mobile-cases-list .tabs li .active { background: #0aa084; color: #fff } #style-3::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #F5F5F5 } #style-3::-webkit-scrollbar { width: 6px; background-color: #F5F5F5 } #style-3::-webkit-scrollbar-thumb { background-color: #000 } .style-3::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #F5F5F5 } .style-3::-webkit-scrollbar { width: 6px; background-color: #F5F5F5 } .style-3::-webkit-scrollbar-thumb { background-color: #000 } #maincontent { padding: 10px; height: 400px; overflow: auto; width: 69.52%; width: -webkit-calc(100% - 250px); width: -o-calc(100% - 250px); width: -ms-calc(100% - 250px); width: -moz-calc(100% - 250px); width: calc(100% - 250px); float: left; margin: 20px 0 } .mobile-cases-list .tab-content a { width:90%; margin:5px auto; display:block; float:left; border: 1px solid #1daaa3; padding: 13px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; text-align: center; } .mobile-cases-list .tab-content a:hover { background: #1daaa3; color: #fff!important } .mobile-cases-links{ width:100%; } .mobile-cases-list .tablist .tabs li:hover { border: 1px solid #1daaa3 } .i-custom-mobile-Version, .i-custom-mobile-case-image { width: 100%; display: block; } .i-custom-mobile-case-Models-count { width: 100%; display: block; float: left; clear: both; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .i-custom-mobile-case-Model-blocks { width: 50%; float: left; display: block; text-align: center; padding: 10px 0; font-size: 15px; } .i-custom-mobile-case-Model-blocks:first-child { width: 49.9%; width: -webkit-calc(50% - 1px); width: -moz-calc(50% - 1px); width: calc(50% - 1px); float: left; display: block; border-right: 1px solid #ccc; } span.i-custom-mobile-case-Models-count-num { display: block; font-size: 18px; color: #3b5463; font-weight: 700; } .i-custom-mobile-case-text3 { width: 100%; text-align: center; font-size: 18px; padding: 18px 0; color: #3b5463; clear: both; } /* Small devices (landscape phones, 576px and up)*/ @media (min-width: 576px) { } /* Medium devices (tablets, 768px and up)*/ @media (min-width: 768px) { .mobile-cases-list .tab-content a { width:49%; margin:5px .5%; } } /* Large devices (desktops, 992px and up)*/ @media (min-width: 992px) { } /* Extra large devices (large desktops, 1200px and up)*/ @media (min-width: 1200px) { .mobile-cases-list .tab-content a { width:24%; margin:5px .5%; } } /*================================================================================= My Account Css*/ /* --------------------------------------------------Mobile Devices only (if css class extends) and work for global(if class is only 1 time) */ .imr-myaccount-account, .imr-myaccount-edit-address, .imr-myaccount-news-letter, .imr-myaccount-order-history, .imr-myaccount-password, .imr-myaccount-returns, .imr-myaccount-saved-designs, .imr-myaccount-wallet{ background-image: url('../../../../../image/catalog/i-myaccount-images/myaccount-sprite.png'); width: 100px; height: 75px; max-width: 100%; background-size: 100%; } .imr-myaccount-account { background-position: 0 0%; background-size: 100%; } .imr-myaccount-edit-address { background-position: 0 14.285714%; background-size: 100%; } .imr-myaccount-news-letter { background-position: 0 28.571429%; background-size: 100%; } .imr-myaccount-order-history { background-position: 0 42.857143%; background-size: 100%; } .imr-myaccount-password { background-position: 0 57.142857%; background-size: 100%; } .imr-myaccount-returns { background-position: 0 71.428571%; background-size: 100%; } .imr-myaccount-saved-designs { background-position: 0 85.714286%; background-size: 100%; } .imr-myaccount-wallet { background-position: 0 100%; background-size: 100%; } .imr-myaccount { margin: 0 0 40px 0; color:#000; } .imr-myaccount h2 { display: inline-block; padding-bottom: 5px; position: relative; font-weight: 700; } .imr-myaccount h2:before{ content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #000; } .imr-myaccount .row div { margin: 0 0 40px 0; color: #000; } .imr-myaccount img{ display: block; margin: 10px auto; } .imr-myaccount span{ display: block; margin: 10px auto; padding-top: 10px; font-size: 16px; font-weight: 700; color:#5d5d5d; } /* Small devices (landscape phones, 576px and up)*/ @media (min-width: 576px) { } /* Medium devices (tablets, 768px and up)*/ @media (min-width: 768px) { } /* Large devices (desktops, 992px and up)*/ @media (min-width: 992px) { } /* Extra large devices (large desktops, 1200px and up)*/ @media (min-width: 1200px) { } .imr-cart-info { width: 100%; display: block; padding: 10px; background:whitesmoke; margin: 20px 0; border-left: 5px solid #1daaa3; } .imr-cart-info ul { list-style: disc; margin: 0 0 0 20px; line-height: 23px; } .imr-cart-info span { color: #1daaa3; font-weight: bold; } .imr-cart-info p { margin: 8px 0; } /* ======================================================================================Mobile Cases V4 ======*/ .imr-mobile-banner-wrapper { display: block; width: 100%; float: left; padding: 20px 0; background: #f5da6f; margin: 10px 0 0 0; } .imr-mobile-banner-wrapper .row-0, .imr-mobile-banner-wrapper .row-1, .imr-mobile-banner-wrapper .row-2, .imr-mobile-banner-wrapper .row-3{ width:100%; display:block; float:left; } .imr-mobile-banner-wrapper h1{ text-align: center; position: relative; display: inline-block; padding: 10px 0; font-size: 18px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .imr-mobile-banner-wrapper h1:before { content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #000; } .row.imr-mobile-banner-specs h2 { margin: 0; padding: 0; } .imr-mobile-banner-specs .col-sm-6 { margin-bottom: 5px; font-weight: normal; } .imr-mobile-banner-wrapper h2 span{ font-size:14px; } .imr-mobile-banner-wrapper .imr-dot { padding-right: 10px; } .imr-models-search-wrapper { width: 100%; display: block; margin: 20px auto 0 auto; } .imr-models-search-block label { font-size: 16px; text-align: center; display: block; font-weight: bold; color: #000; margin-bottom:15px; } .imr-models-search-center { width: 100%; display: block; position: relative; } .imr-models-results-block { width: 100%; top: 89px; left: 0; max-height: 250px; overflow: auto; background: #fff; z-index: 999999; } .imr-models-search-block input { padding: 25px 12px; } .imr-models-search-block span { position: absolute; top: 38px; right: 0; max-width: 200px; width: auto; padding-top: 13px; padding-bottom: 13px; } .commentlist li { font-size: 14px; line-height: 50px; padding: 0 0 0 15px; border-bottom: 1px solid #ccc; cursor:pointer; } .ps-global-search-li a { display: block; width: 100%; } .imr-mobile-banner-specs { width: 100%; float: left; display: block; } .imr-mobile-specs-wrapper { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -o-flex; display: -ms-flex; display: flex; margin:auto; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -moz-align-items: center; -webkit-align-items: center; -o-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -moz-flex-direction: column; flex-direction: column; } .imr-mobile-specs-wrapper .row { width:100%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -o-flex; display: -ms-flex; display: flex; margin: 20px auto; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -moz-align-items: center; -webkit-align-items: center; -o-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -moz-flex-direction: column; flex-direction: column; border-bottom: 1px solid #ccc; } .imr-mobile-specs-wrapper .row-0 { display: block; border-bottom: none; } .imr-mobile-specs-wrapper h2{ text-align: center; position: relative; display: inline-block; padding: 10px 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .imr-mobile-specs-wrapper h2:before { content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #000; } .imr-mobile-specs-wrapper img { display: block; margin: 20px auto; width: 80%; max-width: 300px; } .imr-mobile-specs-wrapper h3 { font-size: 18px; margin-bottom: 5px; } .imr-mobile-specs-wrapper ul { list-style: disc; padding-left: 40px; line-height: 30px; font-size: 16px; } .imr-mobile-faqs-wrapper { display: block; width: 100%; float: left; margin:0 auto 20px auto; padding-bottom:20px; border-bottom:1px solid #ccc; } .imr-mobile-faqs-wrapper h2{ text-align: center; position: relative; display: inline-block; padding: 10px 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .imr-mobile-faqs-wrapper .row-1, .imr-mobile-faqs-wrapper .row-2, .imr-mobile-faqs-wrapper .row-3, .imr-mobile-faqs-wrapper .row-4, .imr-mobile-faqs-wrapper .last-row{ padding: 0 15px; } .imr-mobile-faqs-wrapper h2:before { content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #000; } .imr-mobile-faqs-wrapper h3 { font-size: 18px; margin-bottom: 5px; } .imr-mobile-faqs-wrapper h4 { font-size: 16px; margin-bottom: 0; } .imr-mobile-faqs-wrapper p a { color:#1daaa3; } .imr-mobile-faqs-wrapper p a:hover, .imr-mobile-faqs-wrapper p a:active{ color:#000; } .imr-mc-ppage .row.row-4 { border-bottom: none; } .imr-models-brands-wrapper { width: 100%; float: left; margin: auto; display: block; padding-top: 15px; } .imr-models-brands-wrapper .row-0, .imr-models-brands-wrapper .row-0 ul{ width: 100%; display: block; float: left; } .imr-models-brands-wrapper h3 { text-align:center; font-size: 16px; } .imr-models-brands-wrapper ul { display: block; width: 100%; } .imr-models-brands-wrapper ul li { width: 45%; float: left; margin: 2%; display: block; } .imr-models-brands-wrapper ul li:nth-child(2n) { margin-right: 3%; } .imr-models-brands-wrapper ul li:nth-child(2n+1) { margin-left: 3%; } .imr-models-brands-wrapper ul li a{ width: 100%; float: left; margin: auto; display: block; padding: 10px 0; background: #fff; text-align: center; font-weight:bold; } .imr-models-brands-wrapper ul li a:hover{ background:#1daaa3; color:#fff; } .imr-mobile-cat-info-wrapper { display: block; width: 90%; max-width: 840px; margin:auto; background-image: url(../../../../../image/catalog/i-mobilecase-images/v4/mc-mobile-image.png); height: 100px; background-repeat: no-repeat; background-position: center; padding: 0 0 10px 0; background-size: contain; } /* Small devices (landscape phones, 576px and up)*/ @media (min-width: 576px) { .imr-mobile-specs-wrapper .row { -webkit-flex-direction: row; -moz-flex-direction: row; -o-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .imr-mobile-specs-wrapper .row-2 .col-sm-6:first-child, .imr-mobile-specs-wrapper .row-4 .col-sm-6:first-child{ -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; width:50%; float: left; margin: 10px 0; } .imr-mobile-specs-wrapper img { width: auto; } .imr-mobile-banner-wrapper .col-sm-6{ display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -o-flex; display: -ms-flex; display: flex; width:50%; float: left; margin: 10px 0; } .imr-mobile-banner-wrapper .col-sm-6:first-child { text-align: right; -webkit-box-pack: flex-end; -moz-box-pack: flex-end; -ms-flex-pack: flex-end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -o-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; width:50%; float: left; margin: 10px 0; } .imr-mobile-banner-wrapper .col-sm-6:first-child .imr-dot{ -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; padding-right: 0; padding-left: 10px; } .imr-models-search-wrapper { width: 50%; } .imr-models-brands-wrapper { width: 90%; float: left; margin: auto 5%; display: block; } .imr-models-brands-wrapper ul li:nth-child(2n) { margin-right: 0; } .imr-models-brands-wrapper ul li:nth-child(2n+1) { margin-left: 0; } .imr-models-brands-wrapper ul li { width: 18%; float: left; margin: 1%; display: block; } .imr-models-brands-wrapper ul li:nth-child(2n) { margin-right: 1%; } .imr-models-brands-wrapper ul li:nth-child(2n+1) { margin-left: 1%; } .imr-mobile-cat-info-wrapper { background-image: url(../../../../../image/catalog/i-mobilecase-images/v4/mc-desktop-image.png); } } /*======================================== Level 1 Page CSS */ .level-1-mobile-cases-wrapper { width: 100%; display: block; float: left; } .level-1-mobile-cases { padding: 10px; width: 100%; float: left; margin:0; background: #fff; } .level-1-mobile-cases a { width: 90%; margin: 5px 5%; display: block; float: left; border: 1px solid #1daaa3; padding: 13px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; text-align: center; } .level-1-mobile-cases a:hover, .level-1-mobile-cases a:active { background: #1daaa3; color: #fff!important; } .level-1-mobile-cases-links { width: 100%; } .level-1-accordion-helper .row { margin-left:0; margin-right:0; } .level-1-accordion-helper #accordion .panel { background-color: transparent; cursor:pointer; } .level-1-accordion-helper .panel-heading { position: relative; padding: 0; background: #eeeded; } .level-1-accordion-helper .panel-heading a{ display: block; width: 100%; padding:0; margin:0; padding: 19px; } .level-1-accordion-helper #accordion .panel-group .panel + .panel { margin-top: 0; } .level-1-accordion-helper #accordion .panel-heading .panel-title{ font-size: 15px; } .level-1-accordion-helper #accordion .panel-body{ padding: 0; } .level-1-accordion-helper .panel-heading a:after { content: '\002d' !important; position: absolute; right: 20px !important; top: 19px !important; font-weight: bold; font-size: 16px; } .level-1-accordion-helper .panel-heading a.collapsed:after { content: '\002b' !important; } /* Small devices (landscape phones, 576px and up)*/ @media (min-width: 576px) { .level-1-mobile-cases a { width: 48%; margin: 5px 1%; } } /* Medium devices (tablets, 768px and up)*/ @media (min-width: 768px) { .level-1-mobile-cases a { width: 31.33%; } } /* Large devices (desktops, 992px and up)*/ @media (min-width: 992px) { } /* Extra large devices (large desktops, 1200px and up)*/ @media (min-width: 1200px) { .level-1-mobile-cases a { width: 23%; } } /*======================================================= Level 1 Page CSS End*/ /*Sticky Header Css - check more css in tpls */ .mc-header-notice { display: table; width: 100%; text-align: center; background-color: #000; padding: 7px 0; color: #fff; position: -webkit-sticky; position: sticky; top: 0; z-index: 9999; } .mc-header-notice span:first-child { -webkit-width: calc(100% - 30px); -moz-width: calc(100% - 30px); -o-width: calc(100% - 30px); -ms-width: calc(100% - 30px); width: calc(100% - 30px); display: table-cell; text-align: center; } .mc-header-notice span:last-child { width: 30px; display: table-cell; text-align: center; cursor:pointer; } .open-header-notice { display: table; width: 100%; text-align: center; background-color: #000; padding: 7px 0; color: #fff; position: -webkit-sticky; position: sticky; top: 0; z-index: 9999; } .open-header-notice span:first-child { -webkit-width: calc(100% - 52px); -moz-width: calc(100% - 52px); -o-width: calc(100% - 52px); -ms-width: calc(100% - 52px); width: calc(100% - 52px); display: table-cell; text-align: center; padding-left:22px; } .open-header-notice span:last-child { width: 30px; display: table-cell; text-align: center; cursor:pointer; } /*Sticky Header Css End*/ /*======================================================= Cash Back Css */ .cart-page-cb-msg { display: block; text-align: center; padding: 15px 0; border: 1px dashed #000000; background: #fff98f; margin:20px 0; color: #000; letter-spacing: .05em; position:relative; } .cart-page-cb-msg .cb-text { font-weight: bold; text-transform: uppercase; } .cart-page-cb-msg .cb-price { font-weight: bold; font-size:18px; } .cart-page-cb-msg .cb-info{ display:block; width:90%; margin:auto; } .cart-page-cb-msg .cb-close-btn{ position:absolute; width:20px; top:5px; right:5px; cursor:pointer; } .product-page-cb-msg { display: block; text-align: left; padding: 15px; border: 1px dashed #000000; background: #fff98f; color: #000; letter-spacing: .05em; position:relative; } .product-page-cb-msg .cb-text { font-weight: bold; text-transform: uppercase; } .product-page-cb-msg .cb-price { font-weight: bold; text-transform: uppercase; font-size:18px; } .product-page-cb-msg .cb-info{ display:block; } .product-page-cb-msg .cb-close-btn{ position:absolute; width:20px; top:5px; right:5px; cursor:pointer; } .product-page-cb-msg .cb-tc { font-size: 11px; } /*======================================================= Cash Back Css End */ @media (max-width: 576px) { .ps-global-accordion-bg-wrap { display:none !important; } } /*======================================================= OFFERS Css @ MC PAGE START */ .imr-mobile-promo-wrapper, .imr-mobile-promo-wrapper img{ width:100%; display:block; float:left; margin-top: 8px; } /*======================================================= OFFERS Css @ hOME PAGE START */ .i-val-banner { width: 100%; display: block; float: left; position:relative; font-size: 18px; } .i-val-banner a { width: 100%; display: block; float: left; background-image: url(../../../../../image/catalog/i-home-images/pop-holder-banner-mobile.jpg); padding-bottom: 84.5%; background-repeat: no-repeat; background-size: contain; height: 0; cursor:pointer; background-color: #fbc5d8; } @media (min-width: 576px) { .i-val-banner a { background-image: url(../../../../../image/catalog/i-home-images/pop-holder-banner.jpg); padding-bottom: 39.08%; } } /*======================================================= OFFERS TIMER Css START */ #valTimer { display: block; color: #000; font-size: 18px; padding: 9px; width: 100%; text-align: center; font-weight: bold; background: #fb9476; } #valTimermc { display: block; color: #000; font-size: 18px; padding: 9px; width: 100%; float: left; text-align: center; font-weight: bold; background: #fadce8; } .ps-mobile-btm-sticky { display: none; } @media (max-width: 768px) { .ps-mobile-btm-sticky { position: fixed; bottom: 0; width: 100%; left: 0; right: 0; display: block; float: left; z-index: 999; } .ps-mobile-btm-sticky-left, .ps-mobile-btm-sticky-right{ width: 50%; display: block; float: left; } .ps-mobile-btm-sticky-left a, .ps-mobile-btm-sticky-right a{ width: 100%; display: block; float: left; cursor: pointer; padding: 15px 0; } } .menu-tag.new:before { color: #ff0000; } .menu-tag.new { background-color: #ff0000; } #deskSlider .right.carousel-control, #mobileSlider .right.carousel-control, #deskSlidertees .right.carousel-control, #mobileSlidertees .right.carousel-control{ background-image: none; } #deskSlider .left.carousel-control, #mobileSlider .left.carousel-control, #deskSlidertees .left.carousel-control, #mobileSlidertees .left.carousel-control{ background-image: none; } #deskSlider .carousel-control, #mobileSlider .carousel-control, #deskSlidertees .carousel-control, #mobileSlidertees .carousel-control{ width: 30px; } #deskSlider ol.carousel-indicators, #mobileSlider ol.carousel-indicators, #deskSlidertees ol.carousel-indicators, #mobileSlidertees ol.carousel-indicators { display: none; } #deskSlider, #mobileSlider, #deskSlidertees, #mobileSlidertees { margin: 15px 15px 0 15px; } .hc-tess-specs-wrapper { width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: -o-calc(100% - 30px); width: -ms-calc(100% - 30px); width: calc(100% - 30px); display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -o-flex; display: -ms-flex; display: flex; margin: 0 15px; text-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -moz-align-items: center; -webkit-align-items: center; -o-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: space-around; -moz-justify-content: space-around; -o-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; } .hc-tess-specs { display: block; width: 25%; padding: 10px 0; background: #000; color: #fff; border-left: 1px solid #fff; } .hc-tess-specs:first-child { border-left: 0; } .partner-sites h5 { display: inline-block; margin-right: 10px; } /*--------------------Pop Sockets ---------------------*/ .imr-pop-specs-wrapper { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -o-flex; display: -ms-flex; display: flex; margin: auto; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -moz-align-items: center; -webkit-align-items: center; -o-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -moz-flex-direction: column; flex-direction: column; } .imr-pop-specs-wrapper .row { width: 100%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -o-flex; display: -ms-flex; display: flex; margin: 20px auto; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -moz-align-items: center; -webkit-align-items: center; -o-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -moz-flex-direction: column; flex-direction: column; } .i-pop-productpage { width: 100%; display: block; background-image: url(../../../../../image/catalog/i-product-images/pop-specification-desk.png); background-repeat: no-repeat; background-size: contain; background-position: center; height: 0; padding-top: 50%; } .i-pop-productpage { width: 100%; display: block; background-image: url(../../../../../image/catalog/i-product-images/pop-specification-mob.png); background-repeat: no-repeat; background-size: contain; background-position: center; height: 0; padding-top: 140%; } @media (min-width: 576px){ .imr-pop-specs-wrapper .row { -webkit-flex-direction: row; -moz-flex-direction: row; -o-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .i-pop-productpage { width: 100%; display: block; background-image: url(../../../../../image/catalog/i-product-images/pop-specification-desk.png); background-repeat: no-repeat; background-size: contain; background-position: center; height: 0; padding-top: 50%; } } /*-------------------------------------------pop sockets-------*/ .i-pop-sockets-wrapper { width: 100%; display: block; float: left; } .i-pop-title-wrapper { width: 100%; display: block; float: left; } .i-pop-title-wrapper h1 { text-align: center; font-size: 25px; position: relative; display: inline-block; padding: 5px 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .i-pop-title-wrapper h1:before { content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #000; } .i-pop-banner-wrapper { width: 100%; display: block; float: left; position: relative; } .i-pop-banner-img { width: 100%; display: block; float: left; background-image: url(../../../../../image/catalog/i-pop-images/pop-landing-page-banner-desktop.jpg); padding-bottom: 38.5%; background-repeat: no-repeat; background-size: contain; height: 0; cursor: pointer; background-color: #fbc5d8; } .i-pop-steps-wrapper { width: 100%; display: block; float: left; text-align: center; } .i-pop-steps-wrapper ul { width: 100%; display: block; margin: 20px auto; } .i-pop-steps-wrapper ul li { width: auto; display: inline-block; padding: 5px 50px; font-size: 18px; color: #000; } .i-pop-single-wrapper, .i-pop-couple-wrapper{ width: 100%; display: block; float: left; margin-bottom: 20px; } .i-pop-single-wrapper h2, .i-pop-couple-wrapper h2{ text-align: center; display: block; margin-top: 20px; } .i-pop-single-blocks-wrap, .i-pop-couple-blocks-wrap{ width: 100%; display: block; float: left; } .i-pop-single-blocks { width: 23.5%; float: left; display: block; margin: 1%; } .i-pop-couple-blocks { width: 49%; float: left; display: block; margin: 1%; } .i-pop-single-blocks:first-child, .i-pop-couple-blocks:first-child{ margin: 1% 1% 1% 0; } .i-pop-single-blocks:last-child, .i-pop-couple-blocks:last-child{ margin: 1% 0 1% 1%; } .i-pop-single-blocks a .i-pop-couple-blocks a{ width: 100%; display: block; float: left; } .i-pop-single-blocks a img { width: 100%; margin: auto; display: block; border: 1px solid #ccc; padding: 20px; } .i-pop-couple-blocks a img { width: 100%; margin: auto; display: block; border: 1px solid #ccc; padding: 20px; } .i-pop-single-blocks a span, .i-pop-couple-blocks a span{ display: block; padding: 8px 0; text-align: center; } @media (max-width:650px) { .i-pop-steps-wrapper ul li{ padding: 5px 20px; } } @media (max-width: 576px){ .i-pop-banner-img { background-image: url(../../../../../image/catalog/i-pop-images/pop-landing-page-banner-mobile.jpg); padding-bottom: 223%; } .i-pop-single-blocks { width: 49%; float: left; display: block; margin: 1%; } .i-pop-single-blocks:first-child, .i-pop-single-blocks:nth-child(3){ margin: 1% 1% 1% 0; } .i-pop-single-blocks:last-child, .i-pop-single-blocks:nth-child(2){ margin: 1% 0 1% 1%; } .i-pop-couple-blocks { width: 100%; float: left; display: block; margin: 0; } .i-pop-couple-blocks:first-child{ margin: 0 0 10px 0; } .i-pop-couple-blocks:last-child{ margin: 0; } } /* ======================================================================================Glass Cases Css ======*/ /* ====================================Mobile Layout Banner and blocks Code */ .imr-glass-mobile-wrapper { width: 100%; float: left; display: block; margin-top:10px; } .imr-glass-mobile-wrapper .row-0, .imr-glass-mobile-wrapper .row-1, .imr-glass-mobile-wrapper .row-2, .imr-glass-mobile-wrapper .row-3{ width: 100%; float: left; display: block; } .imr-glass-mobile-wrapper .row-0 h1{ text-align: center; position: relative; font-size: 18px; display: inline-block; padding: 10px 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .imr-glass-mobile-wrapper .row-0 h1:before { content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #000; } #imr-glass-mobile-banner { position: relative; } .imr-glass-models-mobile-search-wrapper { width: 100%; display: block; margin: 20px auto 0 auto; } .imr-glass-models-mobile-search-center { width: 100%; display: block; position: relative; } .imr-glass-models-mobile-search-block label { font-size: 16px; text-align: center; display: block; font-weight: bold; color: #000; margin-bottom:15px; } .imr-glass-models-mobile-search-block input { padding: 25px 12px; } .imr-glass-models-mobile-search-block span { position: absolute; top: 37px; right: 0; max-width: 200px; width: auto; padding-top: 14px; padding-bottom: 14px; } .imr-glass-mobile-wrapper .row-2 h3 { font-size: 16px; text-align: center; display: block; font-weight: bold; color: #000; margin: 15px 0; } .imr-glass-mobile-brands-wrapper { width: 100%; display: block; float: left; } .imr-glass-mobile-brands-block { width: 30.66%; float: left; margin: 10px 2%; text-align: center; border: 1px solid #32aaa3; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-color:#fff; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dddddd+0,ffffff+59&0.74+0,0+59 */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIiBzdG9wLW9wYWNpdHk9IjAuNzQiLz4KICAgIDxzdG9wIG9mZnNldD0iNTklIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(-225deg, rgba(211,211,211,0.74) 0%, rgba(255,255,255,0) 85%); background: -webkit-gradient(linear, right bottom, left top, color-stop(0%,rgba(211,211,211,0.74)), color-stop(85%,rgba(255,255,255,0))); background: -webkit-linear-gradient(-225deg, rgba(211,211,211,0.74) 0%,rgba(255,255,255,0) 85%); background: -o-linear-gradient(-225deg, rgba(211,211,211,0.74) 0%,rgba(255,255,255,0) 85%); background: -ms-linear-gradient(-225deg, rgba(211,211,211,0.74) 0%,rgba(255,255,255,0) 85%); background: linear-gradient(-45deg, rgba(211,211,211,0.74) 0%,rgba(255,255,255,0) 85%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bddddddd', endColorstr='#00ffffff',GradientType=1 ); */ } .imr-glass-mobile-brands-block:nth-child(3n){ margin: 10px 0 10px 2%; } .imr-glass-mobile-brands-block:nth-child(3n+1){ margin: 10px 2% 10px 0; } .imr-glass-mobile-brands-block a { display: block; float: left; padding: 5px; width: 100%; } .imr-glass-mobile-brands-block .imr-glass-mobile-brands-name { width: 100%; display: block; float: left; border-bottom: 1px solid #ccc; padding: 10px; font-weight: bold; color: #000; } .imr-glass-mobile-brands-block .imr-glass-mobile-brands-logo{ width: 100%; display: block; float: left; } .imr-glass-mobile-brands-block .imr-glass-mobile-brands-logo img { /* width: 100%;*/ max-width: 100px; width: 100%; height: 50px; display: block; padding: 0; margin: auto; } /* ====================================Mobile Layout Banner and blocks Code End */ /* ====================================Desktop Layout Banner and blocks Code */ .imr-glass-desktop-wrapper { display: block; width: 100%; float: left; padding: 20px 0; background: #c3c4c6; margin: 10px 0 0 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */ /*background: #f5da6f; background: rgb(246,248,249); */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjZmOGY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZTVlYmVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZDdkZWUzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZjdmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); background: -webkit-linear-gradient(-45deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); background: -o-linear-gradient(-45deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); background: -ms-linear-gradient(-45deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); background: linear-gradient(135deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=1 ); */ } .imr-glass-desktop-wrapper .row-0, .imr-glass-desktop-wrapper .row-1, .imr-glass-desktop-wrapper .row-2, .imr-glass-desktop-wrapper .row-3{ width:100%; display:block; float:left; } .imr-glass-desktop-wrapper h1{ text-align: center; position: relative; display: inline-block; padding: 10px 0; font-size: 18px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .imr-glass-desktop-wrapper h1:before { content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #000; } /*.row.imr-glass-banner-specs h2 { margin: 0; padding: 0; }*/ .imr-glass-desktop-banner-specs { width: 100%; float: left; display: block; } .imr-glass-desktop-banner-specs .col-sm-6 { margin-bottom: 5px; font-weight: normal; } .imr-glass-desktop-banner-specs .imr-dot { padding-right: 10px; } .imr-glass-desktop-banner-specs h2 span{ font-size:14px; } .imr-glass-models-desktop-search-wrapper { width: 100%; display: block; margin: 20px auto 0 auto; } .imr-glass-models-desktop-search-center { width: 100%; display: block; position: relative; } .imr-glass-models-desktop-search-block label { font-size: 16px; text-align: center; display: block; font-weight: bold; color: #000; margin-bottom:15px; } .imr-glass-models-desktop-search-block input { padding: 25px 12px; } .imr-glass-models-desktop-search-block span { position: absolute; top: 37px; right: 0; max-width: 200px; width: auto; padding-top: 14px; padding-bottom: 14px; } /* .imr-mc-ppage .row.row-4 { border-bottom: none; }*/ .imr-glass-desktop-brands-wrapper { width: 100%; float: left; margin: auto; display: block; padding-top: 15px; } .imr-glass-desktop-brands-wrapper .row-0{ width: 100%; display: block; float: left; } .imr-glass-desktop-brands-wrapper h3 { text-align:center; font-size: 16px; } .imr-glass-desktop-brands-wrapper ul { display: block; width: 100%; } .imr-glass-desktop-brands-wrapper ul li { width: 45%; float: left; margin: 2%; display: block; } .imr-glass-desktop-brands-wrapper ul li:nth-child(2n) { margin-right: 3%; } .imr-glass-desktop-brands-wrapper ul li:nth-child(2n+1) { margin-left: 3%; } .imr-glass-desktop-brands-wrapper ul li a{ width: 100%; float: left; margin: auto; display: block; padding: 10px 0; background: #fff; text-align: center; font-weight:bold; } .imr-glass-desktop-brands-wrapper ul li a:hover{ background:#1daaa3; color:#fff; } /* ====================================Desktop Layout Banner and blocks Code End*/ /* ====================================glass_models.php (both layouts) Code */ .imr-glass-models-results-block { width: 100%; top: 89px; left: 0; max-height: 250px; overflow: auto; background: #fff; z-index: 999999; } .glass-commentlist li { font-size: 14px; line-height: 50px; padding: 0 0 0 15px; border-bottom: 1px solid #ccc; cursor:pointer; } .ps-glass-global-search-li a { display: block; width: 100%; } /* ====================================glass_models.php (both layouts) Code End*/ /* ====================================Common (both layouts and product page) Specs blocks Code*/ .imr-glass-specs-wrapper { display: block; float: left; width: 100%; margin: auto; } .imr-glass-specs-wrapper .row { display: block; float: left; margin: 5px 0; width: 100%; } .imr-glass-specs-wrapper h2{ text-align: center; position: relative; display: inline-block; padding: 10px 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .imr-glass-specs-wrapper h2:before { content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #000; } .imr-glass-specs-wrapper img { display: block; margin: auto; width: 100%; max-width: 100%; } /* ====================================Common (both layouts and product page) Specs blocks Code End*/ /* ====================================Common (both layouts and product page) Faq blocks Code*/ .imr-glass-faqs-wrapper { display: block; width: 100%; float: left; margin:0 auto 20px auto; padding-bottom:20px; border-bottom:1px solid #ccc; } .imr-glass-faqs-wrapper h2{ text-align: center; position: relative; display: inline-block; padding: 10px 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .imr-glass-faqs-wrapper .row-1, .imr-glass-faqs-wrapper .row-2, .imr-glass-faqs-wrapper .row-3, .imr-glass-faqs-wrapper .row-4, .imr-glass-faqs-wrapper .last-row{ padding: 0 15px; } .imr-glass-faqs-wrapper h2:before { content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #000; } .imr-glass-faqs-wrapper h3 { font-size: 18px; margin-bottom: 5px; } .imr-glass-faqs-wrapper h4 { font-size: 16px; margin-bottom: 0; } .imr-glass-faqs-wrapper p a { color:#1daaa3; } .imr-glass-faqs-wrapper p a:hover, .imr-glass-faqs-wrapper p a:active{ color:#000; } /* ====================================Common (both layouts and product page) Faq blocks Code End*/ /* 576px and up - Desktop Banner*/ @media (min-width: 576px) { .imr-glass-desktop-wrapper .col-sm-6{ display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -o-flex; display: -ms-flex; display: flex; width:50%; float: left; margin: 10px 0; } .imr-glass-desktop-wrapper .col-sm-6:first-child { text-align: right; -webkit-box-pack: flex-end; -moz-box-pack: flex-end; -ms-flex-pack: flex-end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -o-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; width:50%; float: left; margin: 10px 0; } .imr-glass-desktop-wrapper .col-sm-6:first-child .imr-dot{ -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; padding-right: 0; padding-left: 10px; } .imr-glass-models-desktop-search-wrapper { width: 50%; } .imr-glass-desktop-brands-wrapper { width: 90%; float: left; margin: auto 5%; display: block; } .imr-glass-desktop-brands-wrapper ul li:nth-child(2n) { margin-right: 0; } .imr-glass-desktop-brands-wrapper ul li:nth-child(2n+1) { margin-left: 0; } .imr-glass-desktop-brands-wrapper ul li { width: 18%; float: left; margin: 1%; display: block; } .imr-glass-desktop-brands-wrapper ul li:nth-child(2n) { margin-right: 1%; } .imr-glass-desktop-brands-wrapper ul li:nth-child(2n+1) { margin-left: 1%; } } /* ======================================================================================Transparent Cases Css ======*/ /* ====================================Mobile Layout Banner and blocks Code */ .imr-transparent-mobile-wrapper { width: 100%; float: left; display: block; margin-top:10px; } .imr-transparent-mobile-wrapper .row-0, .imr-transparent-mobile-wrapper .row-1, .imr-transparent-mobile-wrapper .row-2, .imr-transparent-mobile-wrapper .row-3{ width: 100%; float: left; display: block; } .imr-transparent-mobile-wrapper .row-0 h1{ text-align: center; position: relative; font-size: 18px; display: inline-block; padding: 10px 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .imr-transparent-mobile-wrapper .row-0 h1:before { content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #000; } #imr-transparent-mobile-banner { position: relative; } .imr-transparent-models-mobile-search-wrapper { width: 100%; display: block; margin: 20px auto 0 auto; } .imr-transparent-models-mobile-search-center { width: 100%; display: block; position: relative; } .imr-transparent-models-mobile-search-block label { font-size: 16px; text-align: center; display: block; font-weight: bold; color: #fff; margin-bottom:15px; } .imr-transparent-models-mobile-search-block input { padding: 25px 12px; } .imr-transparent-models-mobile-search-block span { position: absolute; top: 37px; right: 0; max-width: 200px; width: auto; padding-top: 14px; padding-bottom: 14px; } .imr-transparent-mobile-wrapper .row-2 h3 { font-size: 16px; text-align: center; display: block; font-weight: bold; color: #fff; margin: 15px 0; } .imr-transparent-mobile-brands-wrapper { width: 100%; display: block; float: left; } .imr-transparent-mobile-brands-block { width: 30.66%; float: left; margin: 10px 2%; text-align: center; border: 1px solid #303d50; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-color:#fff; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dddddd+0,ffffff+59&0.74+0,0+59 */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIiBzdG9wLW9wYWNpdHk9IjAuNzQiLz4KICAgIDxzdG9wIG9mZnNldD0iNTklIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(-225deg, rgba(211,211,211,0.74) 0%, rgba(255,255,255,0) 85%); background: -webkit-gradient(linear, right bottom, left top, color-stop(0%,rgba(211,211,211,0.74)), color-stop(85%,rgba(255,255,255,0))); background: -webkit-linear-gradient(-225deg, rgba(211,211,211,0.74) 0%,rgba(255,255,255,0) 85%); background: -o-linear-gradient(-225deg, rgba(211,211,211,0.74) 0%,rgba(255,255,255,0) 85%); background: -ms-linear-gradient(-225deg, rgba(211,211,211,0.74) 0%,rgba(255,255,255,0) 85%); background: linear-gradient(-45deg, rgba(211,211,211,0.74) 0%,rgba(255,255,255,0) 85%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bddddddd', endColorstr='#00ffffff',GradientType=1 ); */ } .imr-transparent-mobile-brands-block:nth-child(3n){ margin: 10px 0 10px 2%; } .imr-transparent-mobile-brands-block:nth-child(3n+1){ margin: 10px 2% 10px 0; } .imr-transparent-mobile-brands-block a { display: block; float: left; padding: 5px; width: 100%; } .imr-transparent-mobile-brands-block .imr-transparent-mobile-brands-name { width: 100%; display: block; float: left; border-bottom: 1px solid #ccc; padding: 10px; font-weight: bold; color: #000; } .imr-transparent-mobile-brands-block .imr-transparent-mobile-brands-logo{ width: 100%; display: block; float: left; } .imr-transparent-mobile-brands-block .imr-transparent-mobile-brands-logo img { /* width: 100%;*/ max-width: 100px; width: 100%; height: 50px; display: block; padding: 0; margin: auto; } /* ====================================Mobile Layout Banner and blocks Code End */ /* ====================================Desktop Layout Banner and blocks Code */ .imr-transparent-desktop-wrapper { display: block; width: 100%; float: left; padding: 20px 0; background: #303d50; margin: 10px 0 0 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */ /*background: #f5da6f; background: rgb(246,248,249); */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjZmOGY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZTVlYmVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZDdkZWUzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZjdmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); background: -webkit-linear-gradient(-45deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); background: -o-linear-gradient(-45deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); background: -ms-linear-gradient(-45deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); background: linear-gradient(135deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=1 ); */ } .imr-transparent-desktop-wrapper .row-0, .imr-transparent-desktop-wrapper .row-1, .imr-transparent-desktop-wrapper .row-2, .imr-transparent-desktop-wrapper .row-3{ width:100%; display:block; float:left; } .imr-transparent-desktop-wrapper h1{ text-align: center; position: relative; display: inline-block; padding: 10px 0; font-size: 18px; left: 50%; color:#fff; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .imr-transparent-desktop-wrapper h1:before { content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #fff; } /*.row.imr-transparent-banner-specs h2 { margin: 0; padding: 0; }*/ .imr-transparent-desktop-banner-specs { width: 100%; float: left; display: block; } .imr-transparent-desktop-banner-specs .col-sm-6 { margin-bottom: 5px; font-weight: normal; } .imr-transparent-desktop-banner-specs .imr-dot { padding-right: 10px; } .imr-transparent-desktop-banner-specs h2 span{ font-size:14px; } .imr-transparent-models-desktop-search-wrapper { width: 100%; display: block; margin: 20px auto 0 auto; } .imr-transparent-models-desktop-search-center { width: 100%; display: block; position: relative; } .imr-transparent-models-desktop-search-block label { font-size: 16px; text-align: center; display: block; font-weight: bold; color: #fff; margin-bottom:15px; } .imr-transparent-models-desktop-search-block input { padding: 25px 12px; } .imr-transparent-models-desktop-search-block span { position: absolute; top: 37px; right: 0; max-width: 200px; width: auto; padding-top: 14px; padding-bottom: 14px; } /* .imr-mc-ppage .row.row-4 { border-bottom: none; }*/ .imr-transparent-desktop-brands-wrapper { width: 100%; float: left; margin: auto; display: block; padding-top: 15px; } .imr-transparent-desktop-brands-wrapper .row-0{ width: 100%; display: block; float: left; } .imr-transparent-desktop-brands-wrapper h3 { text-align:center; font-size: 16px; } .imr-transparent-desktop-brands-wrapper ul { display: block; width: 100%; } .imr-transparent-desktop-brands-wrapper ul li { width: 45%; float: left; margin: 2%; display: block; } .imr-transparent-desktop-brands-wrapper ul li:nth-child(2n) { margin-right: 3%; } .imr-transparent-desktop-brands-wrapper ul li:nth-child(2n+1) { margin-left: 3%; } .imr-transparent-desktop-brands-wrapper ul li a{ width: 100%; float: left; margin: auto; display: block; padding: 10px 0; background: #fff; text-align: center; font-weight:bold; } .imr-transparent-desktop-brands-wrapper ul li a:hover{ background:#1daaa3; color:#fff; } /* ====================================Desktop Layout Banner and blocks Code End*/ /* ====================================transparent_models.php (both layouts) Code */ .imr-transparent-models-results-block { width: 100%; top: 89px; left: 0; max-height: 250px; overflow: auto; background: #fff; z-index: 999999; } .transparent-commentlist li { font-size: 14px; line-height: 50px; padding: 0 0 0 15px; border-bottom: 1px solid #ccc; cursor:pointer; } .ps-transparent-global-search-li a { display: block; width: 100%; } /* ====================================transparent_models.php (both layouts) Code End*/ /* ====================================Common (both layouts and product page) Specs blocks Code*/ .imr-transparent-specs-wrapper { display: block; float: left; width: 100%; margin: auto; } .imr-transparent-specs-wrapper .row { display: block; float: left; margin: 5px 0; width: 100%; } .imr-transparent-specs-wrapper h2{ text-align: center; position: relative; display: inline-block; padding: 10px 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .imr-transparent-specs-wrapper h2:before { content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #000; } .imr-transparent-specs-wrapper img { display: block; margin: auto; width: 100%; max-width: 100%; } /* ====================================Common (both layouts and product page) Specs blocks Code End*/ /* ====================================Common (both layouts and product page) Faq blocks Code*/ .imr-transparent-faqs-wrapper { display: block; width: 100%; float: left; margin:0 auto 20px auto; padding-bottom:20px; border-bottom:1px solid #ccc; } .imr-transparent-faqs-wrapper h2{ text-align: center; position: relative; display: inline-block; padding: 10px 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .imr-transparent-faqs-wrapper .row-1, .imr-transparent-faqs-wrapper .row-2, .imr-transparent-faqs-wrapper .row-3, .imr-transparent-faqs-wrapper .row-4, .imr-transparent-faqs-wrapper .last-row{ padding: 0 15px; } .imr-transparent-faqs-wrapper h2:before { content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #000; } .imr-transparent-faqs-wrapper h3 { font-size: 18px; margin-bottom: 5px; } .imr-transparent-faqs-wrapper h4 { font-size: 16px; margin-bottom: 0; } .imr-transparent-faqs-wrapper p a { color:#1daaa3; } .imr-transparent-faqs-wrapper p a:hover, .imr-transparent-faqs-wrapper p a:active{ color:#000; } /* ====================================Common (both layouts and product page) Faq blocks Code End*/ /* 576px and up - Desktop Banner*/ @media (min-width: 576px) { .imr-transparent-desktop-wrapper .col-sm-6{ display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -o-flex; display: -ms-flex; display: flex; width:50%; float: left; margin: 10px 0; color:#fff; } .imr-transparent-desktop-wrapper .col-sm-6:first-child { text-align: right; -webkit-box-pack: flex-end; -moz-box-pack: flex-end; -ms-flex-pack: flex-end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -o-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; width:50%; float: left; margin: 10px 0; color:#fff; } .imr-transparent-desktop-wrapper .col-sm-6:first-child .imr-dot{ -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; padding-right: 0; padding-left: 10px; color:#fff; } .imr-transparent-models-desktop-search-wrapper { width: 50%; } .imr-transparent-desktop-brands-wrapper { width: 90%; float: left; margin: auto 5%; display: block; } .imr-transparent-desktop-brands-wrapper ul li:nth-child(2n) { margin-right: 0; } .imr-transparent-desktop-brands-wrapper ul li:nth-child(2n+1) { margin-left: 0; } .imr-transparent-desktop-brands-wrapper ul li { width: 18%; float: left; margin: 1%; display: block; } .imr-transparent-desktop-brands-wrapper ul li:nth-child(2n) { margin-right: 1%; } .imr-transparent-desktop-brands-wrapper ul li:nth-child(2n+1) { margin-left: 1%; } } /* ======================================================================================wooden Cases Css ======*/ /* ====================================Mobile Layout Banner and blocks Code */ .imr-wooden-mobile-wrapper { width: 100%; float: left; display: block; margin-top:10px; } .imr-wooden-mobile-wrapper .row-0, .imr-wooden-mobile-wrapper .row-1, .imr-wooden-mobile-wrapper .row-2, .imr-wooden-mobile-wrapper .row-3{ width: 100%; float: left; display: block; } .imr-wooden-mobile-wrapper .row-0 h1{ text-align: center; position: relative; font-size: 18px; display: inline-block; padding: 10px 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .imr-wooden-mobile-wrapper .row-0 h1:before { content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #000; } #imr-wooden-mobile-banner { position: relative; } .imr-wooden-models-mobile-search-wrapper { width: 100%; display: block; margin: 20px auto 0 auto; } .imr-wooden-models-mobile-search-center { width: 100%; display: block; position: relative; } .imr-wooden-models-mobile-search-block label { font-size: 16px; text-align: center; display: block; font-weight: bold; color: #000; margin-bottom:15px; } .imr-wooden-models-mobile-search-block input { padding: 25px 12px; } .imr-wooden-models-mobile-search-block span { position: absolute; top: 37px; right: 0; max-width: 200px; width: auto; padding-top: 14px; padding-bottom: 14px; } .imr-wooden-mobile-wrapper .row-2 h3 { font-size: 16px; text-align: center; display: block; font-weight: bold; color: #000; margin: 15px 0; } .imr-wooden-mobile-brands-wrapper { width: 100%; display: block; float: left; } .imr-wooden-mobile-brands-block { width: 30.66%; float: left; margin: 10px 2%; text-align: center; border: 1px solid #a0a0a0; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-color:#fff; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dddddd+0,ffffff+59&0.74+0,0+59 */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIiBzdG9wLW9wYWNpdHk9IjAuNzQiLz4KICAgIDxzdG9wIG9mZnNldD0iNTklIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(-225deg, rgba(211,211,211,0.74) 0%, rgba(255,255,255,0) 85%); background: -webkit-gradient(linear, right bottom, left top, color-stop(0%,rgba(211,211,211,0.74)), color-stop(85%,rgba(255,255,255,0))); background: -webkit-linear-gradient(-225deg, rgba(211,211,211,0.74) 0%,rgba(255,255,255,0) 85%); background: -o-linear-gradient(-225deg, rgba(211,211,211,0.74) 0%,rgba(255,255,255,0) 85%); background: -ms-linear-gradient(-225deg, rgba(211,211,211,0.74) 0%,rgba(255,255,255,0) 85%); background: linear-gradient(-45deg, rgba(211,211,211,0.74) 0%,rgba(255,255,255,0) 85%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bddddddd', endColorstr='#00ffffff',GradientType=1 ); */ } .imr-wooden-mobile-brands-block:nth-child(3n){ margin: 10px 0 10px 2%; } .imr-wooden-mobile-brands-block:nth-child(3n+1){ margin: 10px 2% 10px 0; } .imr-wooden-mobile-brands-block a { display: block; float: left; padding: 5px; width: 100%; } .imr-wooden-mobile-brands-block .imr-wooden-mobile-brands-name { width: 100%; display: block; float: left; border-bottom: 1px solid #ccc; padding: 10px; font-weight: bold; color: #000; } .imr-wooden-mobile-brands-block .imr-wooden-mobile-brands-logo{ width: 100%; display: block; float: left; } .imr-wooden-mobile-brands-block .imr-wooden-mobile-brands-logo img { /* width: 100%;*/ max-width: 100px; width: 100%; height: 50px; display: block; padding: 0; margin: auto; } /* ====================================Mobile Layout Banner and blocks Code End */ /* ====================================Desktop Layout Banner and blocks Code */ .imr-wooden-desktop-wrapper { display: block; width: 100%; float: left; padding: 20px 0; background: #657374; margin: 10px 0 0 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */ /*background: #f5da6f; background: rgb(246,248,249); */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjZmOGY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZTVlYmVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZDdkZWUzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZjdmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); background: -webkit-linear-gradient(-45deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); background: -o-linear-gradient(-45deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); background: -ms-linear-gradient(-45deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); background: linear-gradient(135deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=1 ); */ } .imr-wooden-desktop-wrapper .row-0, .imr-wooden-desktop-wrapper .row-1, .imr-wooden-desktop-wrapper .row-2, .imr-wooden-desktop-wrapper .row-3{ width:100%; display:block; float:left; } .imr-wooden-desktop-wrapper h1{ text-align: center; position: relative; display: inline-block; padding: 10px 0; font-size: 18px; left: 50%; color:#fff; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .imr-wooden-desktop-wrapper h1:before { content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #fff; } /*.row.imr-wooden-banner-specs h2 { margin: 0; padding: 0; }*/ .imr-wooden-desktop-banner-specs { width: 100%; float: left; display: block; } .imr-wooden-desktop-banner-specs .col-sm-6 { margin-bottom: 5px; font-weight: normal; } .imr-wooden-desktop-banner-specs .imr-dot { padding-right: 10px; } .imr-wooden-desktop-banner-specs h2 span{ font-size:14px; } .imr-wooden-models-desktop-search-wrapper { width: 100%; display: block; margin: 20px auto 0 auto; } .imr-wooden-models-desktop-search-center { width: 100%; display: block; position: relative; } .imr-wooden-models-desktop-search-block label { font-size: 16px; text-align: center; display: block; font-weight: bold; color: #fff; margin-bottom:15px; } .imr-wooden-models-desktop-search-block input { padding: 25px 12px; } .imr-wooden-models-desktop-search-block span { position: absolute; top: 37px; right: 0; max-width: 200px; width: auto; padding-top: 14px; padding-bottom: 14px; } /* .imr-mc-ppage .row.row-4 { border-bottom: none; }*/ .imr-wooden-desktop-brands-wrapper { width: 100%; float: left; margin: auto; display: block; padding-top: 15px; } .imr-wooden-desktop-brands-wrapper .row-0{ width: 100%; display: block; float: left; } .imr-wooden-desktop-brands-wrapper h3 { text-align:center; font-size: 16px; } .imr-wooden-desktop-brands-wrapper ul { display: block; width: 100%; } .imr-wooden-desktop-brands-wrapper ul li { width: 45%; float: left; margin: 2%; display: block; } .imr-wooden-desktop-brands-wrapper ul li:nth-child(2n) { margin-right: 3%; } .imr-wooden-desktop-brands-wrapper ul li:nth-child(2n+1) { margin-left: 3%; } .imr-wooden-desktop-brands-wrapper ul li a{ width: 100%; float: left; margin: auto; display: block; padding: 10px 0; background: #fff; text-align: center; font-weight:bold; } .imr-wooden-desktop-brands-wrapper ul li a:hover{ background:#1daaa3; color:#fff; } /* ====================================Desktop Layout Banner and blocks Code End*/ /* ====================================wooden_models.php (both layouts) Code */ .imr-wooden-models-results-block { width: 100%; top: 89px; left: 0; max-height: 250px; overflow: auto; background: #fff; z-index: 999999; } .wooden-commentlist li { font-size: 14px; line-height: 50px; padding: 0 0 0 15px; border-bottom: 1px solid #ccc; cursor:pointer; } .ps-wooden-global-search-li a { display: block; width: 100%; } /* ====================================wooden_models.php (both layouts) Code End*/ /* ====================================frosted_models.php (both layouts) Code */ .imr-frosted-models-results-block { width: 100%; top: 89px; left: 0; max-height: 250px; overflow: auto; background: #fff; z-index: 999999; } .frosted-commentlist li { font-size: 14px; line-height: 50px; padding: 0 0 0 15px; border-bottom: 1px solid #ccc; cursor:pointer; } .ps-frosted-global-search-li a { display: block; width: 100%; } /* ====================================frosted_models.php (both layouts) Code End*/ /* ====================================Common (both layouts and product page) Specs blocks Code*/ .imr-wooden-specs-wrapper { display: block; float: left; width: 100%; margin: auto; } .imr-wooden-specs-wrapper .row { display: block; float: left; margin: 5px 0; width: 100%; } .imr-wooden-specs-wrapper h2{ text-align: center; position: relative; display: inline-block; padding: 10px 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .imr-wooden-specs-wrapper h2:before { content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #000; } .imr-wooden-specs-wrapper img { display: block; margin: auto; width: 100%; max-width: 100%; } /* ====================================Common (both layouts and product page) Specs blocks Code End*/ /* ====================================Common (both layouts and product page) Faq blocks Code*/ .imr-wooden-faqs-wrapper { display: block; width: 100%; float: left; margin:0 auto 20px auto; padding-bottom:20px; border-bottom:1px solid #ccc; } .imr-wooden-faqs-wrapper h2{ text-align: center; position: relative; display: inline-block; padding: 10px 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .imr-wooden-faqs-wrapper .row-1, .imr-wooden-faqs-wrapper .row-2, .imr-wooden-faqs-wrapper .row-3, .imr-wooden-faqs-wrapper .row-4, .imr-wooden-faqs-wrapper .last-row{ padding: 0 15px; } .imr-wooden-faqs-wrapper h2:before { content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #000; } .imr-wooden-faqs-wrapper h3 { font-size: 18px; margin-bottom: 5px; } .imr-wooden-faqs-wrapper h4 { font-size: 16px; margin-bottom: 0; } .imr-wooden-faqs-wrapper p a { color:#1daaa3; } .imr-wooden-faqs-wrapper p a:hover, .imr-wooden-faqs-wrapper p a:active{ color:#000; } /* ====================================Common (both layouts and product page) Faq blocks Code End*/ /* 576px and up - Desktop Banner*/ @media (min-width: 576px) { .imr-wooden-desktop-wrapper .col-sm-6{ display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -o-flex; display: -ms-flex; display: flex; width:50%; float: left; margin: 10px 0; color:#fff; } .imr-wooden-desktop-wrapper .col-sm-6:first-child { text-align: right; -webkit-box-pack: flex-end; -moz-box-pack: flex-end; -ms-flex-pack: flex-end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -o-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; width:50%; float: left; margin: 10px 0; color:#fff; } .imr-wooden-desktop-wrapper .col-sm-6:first-child .imr-dot{ -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; padding-right: 0; padding-left: 10px; color:#fff; } .imr-wooden-models-desktop-search-wrapper { width: 50%; } .imr-wooden-desktop-brands-wrapper { width: 90%; float: left; margin: auto 5%; display: block; } .imr-wooden-desktop-brands-wrapper ul li:nth-child(2n) { margin-right: 0; } .imr-wooden-desktop-brands-wrapper ul li:nth-child(2n+1) { margin-left: 0; } .imr-wooden-desktop-brands-wrapper ul li { width: 18%; float: left; margin: 1%; display: block; } .imr-wooden-desktop-brands-wrapper ul li:nth-child(2n) { margin-right: 1%; } .imr-wooden-desktop-brands-wrapper ul li:nth-child(2n+1) { margin-left: 1%; } } /* ======================================================================================soft-matte Cases Css ======*/ /* ====================================Mobile Layout Banner and blocks Code */ .imr-soft-matte-mobile-wrapper { width: 100%; float: left; display: block; margin-top:10px; } .imr-soft-matte-mobile-wrapper .row-0, .imr-soft-matte-mobile-wrapper .row-1, .imr-soft-matte-mobile-wrapper .row-2, .imr-soft-matte-mobile-wrapper .row-3{ width: 100%; float: left; display: block; } .imr-soft-matte-mobile-wrapper .row-0 h1{ text-align: center; position: relative; font-size: 18px; display: inline-block; padding: 10px 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .imr-soft-matte-mobile-wrapper .row-0 h1:before { content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #000; } #imr-soft-matte-mobile-banner { position: relative; } .imr-soft-matte-models-mobile-search-wrapper { width: 100%; display: block; margin: 20px auto 0 auto; } .imr-soft-matte-models-mobile-search-center { width: 100%; display: block; position: relative; } .imr-soft-matte-models-mobile-search-block label { font-size: 16px; text-align: center; display: block; font-weight: bold; color: #000; margin-bottom:15px; } .imr-soft-matte-models-mobile-search-block input { padding: 25px 12px; } .imr-soft-matte-models-mobile-search-block span { position: absolute; top: 37px; right: 0; max-width: 200px; width: auto; padding-top: 14px; padding-bottom: 14px; } .imr-soft-matte-mobile-wrapper .row-2 h3 { font-size: 16px; text-align: center; display: block; font-weight: bold; color: #000; margin: 15px 0; } .imr-soft-matte-mobile-brands-wrapper { width: 100%; display: block; float: left; } .imr-soft-matte-mobile-brands-block { width: 30.66%; float: left; margin: 10px 2%; text-align: center; border: 1px solid #a0a0a0; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-color:#fff; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dddddd+0,ffffff+59&0.74+0,0+59 */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIiBzdG9wLW9wYWNpdHk9IjAuNzQiLz4KICAgIDxzdG9wIG9mZnNldD0iNTklIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(-225deg, rgba(211,211,211,0.74) 0%, rgba(255,255,255,0) 85%); background: -webkit-gradient(linear, right bottom, left top, color-stop(0%,rgba(211,211,211,0.74)), color-stop(85%,rgba(255,255,255,0))); background: -webkit-linear-gradient(-225deg, rgba(211,211,211,0.74) 0%,rgba(255,255,255,0) 85%); background: -o-linear-gradient(-225deg, rgba(211,211,211,0.74) 0%,rgba(255,255,255,0) 85%); background: -ms-linear-gradient(-225deg, rgba(211,211,211,0.74) 0%,rgba(255,255,255,0) 85%); background: linear-gradient(-45deg, rgba(211,211,211,0.74) 0%,rgba(255,255,255,0) 85%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bddddddd', endColorstr='#00ffffff',GradientType=1 ); */ } .imr-soft-matte-mobile-brands-block:nth-child(3n){ margin: 10px 0 10px 2%; } .imr-soft-matte-mobile-brands-block:nth-child(3n+1){ margin: 10px 2% 10px 0; } .imr-soft-matte-mobile-brands-block a { display: block; float: left; padding: 5px; width: 100%; } .imr-soft-matte-mobile-brands-block .imr-soft-matte-mobile-brands-name { width: 100%; display: block; float: left; border-bottom: 1px solid #ccc; padding: 10px; font-weight: bold; color: #000; } .imr-soft-matte-mobile-brands-block .imr-soft-matte-mobile-brands-logo{ width: 100%; display: block; float: left; } .imr-soft-matte-mobile-brands-block .imr-soft-matte-mobile-brands-logo img { /* width: 100%;*/ max-width: 100px; width: 100%; height: 50px; display: block; padding: 0; margin: auto; } /* ====================================Mobile Layout Banner and blocks Code End */ /* ====================================Desktop Layout Banner and blocks Code */ .imr-soft-matte-desktop-wrapper { display: block; width: 100%; float: left; padding: 20px 0; background: #657374; margin: 10px 0 0 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */ /*background: #f5da6f; background: rgb(246,248,249); */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjZmOGY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZTVlYmVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZDdkZWUzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZjdmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); background: -webkit-linear-gradient(-45deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); background: -o-linear-gradient(-45deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); background: -ms-linear-gradient(-45deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); background: linear-gradient(135deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=1 ); */ } .imr-soft-matte-desktop-wrapper .row-0, .imr-soft-matte-desktop-wrapper .row-1, .imr-soft-matte-desktop-wrapper .row-2, .imr-soft-matte-desktop-wrapper .row-3{ width:100%; display:block; float:left; } .imr-soft-matte-desktop-wrapper h1{ text-align: center; position: relative; display: inline-block; padding: 10px 0; font-size: 18px; left: 50%; color:#fff; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .imr-soft-matte-desktop-wrapper h1:before { content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #fff; } /*.row.imr-soft-matte-banner-specs h2 { margin: 0; padding: 0; }*/ .imr-soft-matte-desktop-banner-specs { width: 100%; float: left; display: block; } .imr-soft-matte-desktop-banner-specs .col-sm-6 { margin-bottom: 5px; font-weight: normal; } .imr-soft-matte-desktop-banner-specs .imr-dot { padding-right: 10px; } .imr-soft-matte-desktop-banner-specs h2 span{ font-size:14px; } .imr-soft-matte-models-desktop-search-wrapper { width: 100%; display: block; margin: 20px auto 0 auto; } .imr-soft-matte-models-desktop-search-center { width: 100%; display: block; position: relative; } .imr-soft-matte-models-desktop-search-block label { font-size: 16px; text-align: center; display: block; font-weight: bold; color: #fff; margin-bottom:15px; } .imr-soft-matte-models-desktop-search-block input { padding: 25px 12px; } .imr-soft-matte-models-desktop-search-block span { position: absolute; top: 37px; right: 0; max-width: 200px; width: auto; padding-top: 14px; padding-bottom: 14px; } /* .imr-mc-ppage .row.row-4 { border-bottom: none; }*/ .imr-soft-matte-desktop-brands-wrapper { width: 100%; float: left; margin: auto; display: block; padding-top: 15px; } .imr-soft-matte-desktop-brands-wrapper .row-0{ width: 100%; display: block; float: left; } .imr-soft-matte-desktop-brands-wrapper h3 { text-align:center; font-size: 16px; } .imr-soft-matte-desktop-brands-wrapper ul { display: block; width: 100%; } .imr-soft-matte-desktop-brands-wrapper ul li { width: 45%; float: left; margin: 2%; display: block; } .imr-soft-matte-desktop-brands-wrapper ul li:nth-child(2n) { margin-right: 3%; } .imr-soft-matte-desktop-brands-wrapper ul li:nth-child(2n+1) { margin-left: 3%; } .imr-soft-matte-desktop-brands-wrapper ul li a{ width: 100%; float: left; margin: auto; display: block; padding: 10px 0; background: #fff; text-align: center; font-weight:bold; } .imr-soft-matte-desktop-brands-wrapper ul li a:hover{ background:#1daaa3; color:#fff; } /* ====================================Desktop Layout Banner and blocks Code End*/ /* ====================================soft_matte_models.php (both layouts) Code */ .imr-soft-matte-models-results-block { width: 100%; top: 89px; left: 0; max-height: 250px; overflow: auto; background: #fff; z-index: 999999; } .soft-matte-commentlist li { font-size: 14px; line-height: 50px; padding: 0 0 0 15px; border-bottom: 1px solid #ccc; cursor:pointer; } .ps-soft-matte-global-search-li a { display: block; width: 100%; } /* ====================================soft-matte_models.php (both layouts) Code End*/ /* ====================================Common (both layouts and product page) Specs blocks Code*/ .imr-soft-matte-specs-wrapper { display: block; float: left; width: 100%; margin: auto; } .imr-soft-matte-specs-wrapper .row { display: block; float: left; margin: 5px 0; width: 100%; } .imr-soft-matte-specs-wrapper h2{ text-align: center; position: relative; display: inline-block; padding: 10px 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .imr-soft-matte-specs-wrapper h2:before { content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #000; } .imr-soft-matte-specs-wrapper img { display: block; margin: auto; width: 100%; max-width: 100%; } /* ====================================Common (both layouts and product page) Specs blocks Code End*/ /* ====================================Common (both layouts and product page) Faq blocks Code*/ .imr-soft-matte-faqs-wrapper { display: block; width: 100%; float: left; margin:0 auto 20px auto; padding-bottom:20px; border-bottom:1px solid #ccc; } .imr-soft-matte-faqs-wrapper h2{ text-align: center; position: relative; display: inline-block; padding: 10px 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .imr-soft-matte-faqs-wrapper .row-1, .imr-soft-matte-faqs-wrapper .row-2, .imr-soft-matte-faqs-wrapper .row-3, .imr-soft-matte-faqs-wrapper .row-4, .imr-soft-matte-faqs-wrapper .last-row{ padding: 0 15px; } .imr-soft-matte-faqs-wrapper h2:before { content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #000; } .imr-soft-matte-faqs-wrapper h3 { font-size: 18px; margin-bottom: 5px; } .imr-soft-matte-faqs-wrapper h4 { font-size: 16px; margin-bottom: 0; } .imr-soft-matte-faqs-wrapper p a { color:#1daaa3; } .imr-soft-matte-faqs-wrapper p a:hover, .imr-soft-matte-faqs-wrapper p a:active{ color:#000; } /* ====================================Common (both layouts and product page) Faq blocks Code End*/ /* 576px and up - Desktop Banner*/ @media (min-width: 576px) { .imr-soft-matte-desktop-wrapper .col-sm-6{ display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -o-flex; display: -ms-flex; display: flex; width:50%; float: left; margin: 10px 0; color:#fff; } .imr-soft-matte-desktop-wrapper .col-sm-6:first-child { text-align: right; -webkit-box-pack: flex-end; -moz-box-pack: flex-end; -ms-flex-pack: flex-end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -o-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; width:50%; float: left; margin: 10px 0; color:#fff; } .imr-soft-matte-desktop-wrapper .col-sm-6:first-child .imr-dot{ -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; padding-right: 0; padding-left: 10px; color:#fff; } .imr-soft-matte-models-desktop-search-wrapper { width: 50%; } .imr-soft-matte-desktop-brands-wrapper { width: 90%; float: left; margin: auto 5%; display: block; } .imr-soft-matte-desktop-brands-wrapper ul li:nth-child(2n) { margin-right: 0; } .imr-soft-matte-desktop-brands-wrapper ul li:nth-child(2n+1) { margin-left: 0; } .imr-soft-matte-desktop-brands-wrapper ul li { width: 18%; float: left; margin: 1%; display: block; } .imr-soft-matte-desktop-brands-wrapper ul li:nth-child(2n) { margin-right: 1%; } .imr-soft-matte-desktop-brands-wrapper ul li:nth-child(2n+1) { margin-left: 1%; } } .bada-bhai-rakhi-for-brother-br-101{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/bada-bhai-rakhi-for-brother-br-101-mobile.jpg);} .bhai-gold-color-rakhi-for-bro-br-102{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/bhai-gold-color-rakhi-for-bro-br-102-mobile.jpg);} .bhai-rakhi-with-photo-br-103{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/bhai-rakhi-with-photo-br-103-mobile.jpg);} .bhai-red-color-rakhi-for-bro-br-104{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/bhai-red-color-rakhi-for-bro-br-104-mobile.jpg);} .bhai-veera-rakhi-with-photo-br-105{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/bhai-veera-rakhi-with-photo-br-105-mobile.jpg);} .chota-bhai-rakhi-for-brother-br-106{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/chota-bhai-rakhi-for-brother-br-106-mobile.jpg);} .kids-round-rakhi-with-image-kr-101{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/kids-round-rakhi-with-image-kr-101-mobile.jpg);} .kids-round-rakhi-with-photo-kr-102{ background-image: url(../../../../../../www.printshoppy.com/image/catalog/i-product-images/photo-rakhi/v4/kids-round-rakhi-with-photo-kr-102-mobile.html);} .kids-round-rakhi-with-photos-kr-103{ background-image: url(../../../../../../www.printshoppy.com/image/catalog/i-product-images/photo-rakhi/v4/kids-round-rakhi-with-photos-kr-103-mobile.html);} .kids-round-rakhi-with-pic-kr-104{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/kids-round-rakhi-with-pic-kr-104-mobile.jpg);} .kids-round-rakhi-with-picture-kr-105{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/kids-round-rakhi-with-picture-kr-105-mobile.jpg);} .kids-theme-round-rakhi-with-photo-kr-106{ background-image: url(../../../../../../www.printshoppy.com/image/catalog/i-product-images/photo-rakhi/v4/kids-theme-round-rakhi-with-photo-kr-106-mobile.html);} .emerald-green-and-white-stones-rakhi-gr-101{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/emerald-green-and-white-stones-rakhi-gr-101-mobile.jpg);} .emerald-green-round-stones-photo-rakhi-gr-102{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/emerald-green-round-stones-photo-rakhi-gr-102-mobile.jpg);} .emerald-green-round-stones-with-pearls-gr-103{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/emerald-green-round-stones-with-pearls-gr-103-mobile.jpg);} .diamond-multicolor-stones-mcr-101{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/diamond-multicolor-stones-mcr-101-mobile.jpg);} .love-multicolor-stones-mcr-102{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/love-multicolor-stones-mcr-102-mobile.jpg);} .oval-multicolor-stones-mcr-103{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/oval-multicolor-stones-mcr-103-mobile.jpg);} .round-multicolor-oval-stones-mcr-104{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/round-multicolor-oval-stones-mcr-104-mobile.jpg);} .round-multicolor-round-stones-mcr-105{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/round-multicolor-round-stones-mcr-105-mobile.jpg);} .round-multicolor-waterdrop-stones-mcr-106{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/round-multicolor-waterdrop-stones-mcr-106-mobile.jpg);} .round-multicolor-white-stones-rakhi-mcr-107{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/round-multicolor-white-stones-rakhi-mcr-107-mobile.jpg);} .square-multicolor-stones-mcr-108{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/square-multicolor-stones-mcr-108-mobile.jpg);} .round-red-and-white-stones-rakhi-rr-101{ background-image: url(../../../../../../www.printshoppy.com/image/catalog/i-product-images/photo-rakhi/v4/round-red-and-white-stones-rakhi-rr-101-mobile.html);} .love-red-color-stones-rr-102{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/love-red-color-stones-rr-102-mobile.jpg);} .rectangle-red-stones-rr-103{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/rectangle-red-stones-rr-103-mobile.jpg);} .round-red-and-white-stones-rr-104{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/round-red-and-white-stones-rr-104-mobile.jpg);} .round-red-big-stones-rr-105{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/round-red-big-stones-rr-105-mobile.jpg);} .round-red-small-stones-rr-106{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/round-red-small-stones-rr-106-mobile.jpg);} .ruby-red-round-stones-photo-rakhi-rr-107{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/ruby-red-round-stones-photo-rakhi-rr-107-mobile.jpg);} .square-red-color-stones-rr-108{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/square-red-color-stones-rr-108-mobile.jpg);} @media only screen and (min-width:479px) { .bada-bhai-rakhi-for-brother-br-101{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/bada-bhai-rakhi-for-brother-br-101-desktop.jpg);} .bhai-gold-color-rakhi-for-bro-br-102{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/bhai-gold-color-rakhi-for-bro-br-102-desktop.jpg);} .bhai-rakhi-with-photo-br-103{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/bhai-rakhi-with-photo-br-103-desktop.jpg);} .bhai-red-color-rakhi-for-bro-br-104{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/bhai-red-color-rakhi-for-bro-br-104-desktop.jpg);} .bhai-veera-rakhi-with-photo-br-105{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/bhai-veera-rakhi-with-photo-br-105-desktop.jpg);} .chota-bhai-rakhi-for-brother-br-106{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/chota-bhai-rakhi-for-brother-br-106-desktop.jpg);} .kids-round-rakhi-with-image-kr-101{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/kids-round-rakhi-with-image-kr-101-desktop.jpg);} .kids-round-rakhi-with-photo-kr-102{ background-image: url(../../../../../../www.printshoppy.com/image/catalog/i-product-images/photo-rakhi/v4/kids-round-rakhi-with-photo-kr-102-desktop.html);} .kids-round-rakhi-with-photos-kr-103{ background-image: url(../../../../../../www.printshoppy.com/image/catalog/i-product-images/photo-rakhi/v4/kids-round-rakhi-with-photos-kr-103-desktop.html);} .kids-round-rakhi-with-pic-kr-104{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/kids-round-rakhi-with-pic-kr-104-desktop.jpg);} .kids-round-rakhi-with-picture-kr-105{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/kids-round-rakhi-with-picture-kr-105-desktop.jpg);} .kids-theme-round-rakhi-with-photo-kr-106{ background-image: url(../../../../../../www.printshoppy.com/image/catalog/i-product-images/photo-rakhi/v4/kids-theme-round-rakhi-with-photo-kr-106-desktop.html);} .emerald-green-and-white-stones-rakhi-gr-101{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/emerald-green-and-white-stones-rakhi-gr-101-desktop.jpg);} .emerald-green-round-stones-photo-rakhi-gr-102{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/emerald-green-round-stones-photo-rakhi-gr-102-desktop.jpg);} .emerald-green-round-stones-with-pearls-gr-103{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/emerald-green-round-stones-with-pearls-gr-103-desktop.jpg);} .diamond-multicolor-stones-mcr-101{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/diamond-multicolor-stones-mcr-101-desktop.jpg);} .love-multicolor-stones-mcr-102{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/love-multicolor-stones-mcr-102-desktop.jpg);} .oval-multicolor-stones-mcr-103{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/oval-multicolor-stones-mcr-103-desktop.jpg);} .round-multicolor-oval-stones-mcr-104{ background-image: url(../../../../../../printshoppy.com/image/catalog/i-product-images/photo-rakhi/v4/round-multicolor-oval-stones-mcr-104-desktop.jpg);} .round-multicolor-round-stones-mcr-105{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/round-multicolor-round-stones-mcr-105-desktop.jpg);} .round-multicolor-waterdrop-stones-mcr-106{ background-image: url(../../../../../../printshoppy.com/image/catalog/i-product-images/photo-rakhi/v4/round-multicolor-waterdrop-stones-mcr-106-desktop.jpg);} .round-multicolor-white-stones-rakhi-mcr-107{ background-image: url(../../../../../../printshoppy.com/image/catalog/i-product-images/photo-rakhi/v4/round-multicolor-white-stones-rakhi-mcr-107-desktop.jpg);} .square-multicolor-stones-mcr-108{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/square-multicolor-stones-mcr-108-desktop.jpg);} .round-red-and-white-stones-rakhi-rr-101{ background-image: url(../../../../../../www.printshoppy.com/image/catalog/i-product-images/photo-rakhi/v4/round-red-and-white-stones-rakhi-rr-101-desktop.html);} .love-red-color-stones-rr-102{ background-image: url(../../../../../../printshoppy.com/image/catalog/i-product-images/photo-rakhi/v4/love-red-color-stones-rr-102-desktop.jpg);} .rectangle-red-stones-rr-103{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/rectangle-red-stones-rr-103-desktop.jpg);} .round-red-and-white-stones-rr-104{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/round-red-and-white-stones-rr-104-desktop.jpg);} .round-red-big-stones-rr-105{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/round-red-big-stones-rr-105-desktop.jpg);} .round-red-small-stones-rr-106{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/round-red-small-stones-rr-106-desktop.jpg);} .ruby-red-round-stones-photo-rakhi-rr-107{ background-image: url(../../../../../../printshoppy.com/image/catalog/i-product-images/photo-rakhi/v4/ruby-red-round-stones-photo-rakhi-rr-107-desktop.jpg);} .square-red-color-stones-rr-108{ background-image: url(../../../../../image/catalog/i-product-images/photo-rakhi/v4/square-red-color-stones-rr-108-desktop.jpg);} } .imr-acrylic-wrapper { width: 100%; display: block; float: left; } .imr-acrylic-specs, .imr-acrylic-faq { width: 100%; display: block; float: left; margin:10px 0; } .imr-acrylic-specs, .imr-acrylic-faq { border-top:1px solid #ccc; } .imr-acrylic-specs h2, .imr-acrylic-faq h2{ text-align: center; position: relative; display: inline-block; padding: 10px 0; font-size: 18px; left: 50%; color: #000; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .imr-acrylic-specs h2:before, .imr-acrylic-faq h2:before{ content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #000; } .imr-acrylic-specs-block { display: block; margin: 20px 0; float: left; width: 100%; } .imr-acrylic-specs-block.img-right { background: #efefef; } .imr-acrylic-specs-text { width: 100%; display: block; float: left; padding:0 20px; text-align:justify; } .imr-acrylic-wrapper h3, .imr-acrylic-wrapper h4{ font-size: 15px; } .imr-acrylic-specs-img { display: block; width: 100%; float:left; } .imr-acrylic-specs-img img { width: 100%; height: 100%; } .imr-acrylic-specs-img.quality { position: relative; background-size: contain; background-repeat: no-repeat; padding-bottom: 84%; height: 0; background-image: url(../../../../../image/catalog/i-acrylic-photo-frame-images/3mm-thickness.png); } .imr-acrylic-specs-img.gamut { position: relative; background-size: contain; background-repeat: no-repeat; background-color: #ffffff; padding-bottom: 84%; height: 0; margin-bottom: 20px; background-image: url(../../../../../image/catalog/i-acrylic-photo-frame-images/splendid-print-quality.png); } .imr-acrylic-specs-img.install { position: relative; background-size: contain; background-repeat: no-repeat; padding-bottom: 84%; height: 0; background-image: url(../../../../../image/catalog/i-acrylic-photo-frame-images/3m-adhesive.png); } .imr-acrylic-specs-img.clarity { position: relative; background-size: contain; background-repeat: no-repeat; background-color: #ffffff; padding-bottom: 84%; height: 0; margin-bottom: 20px; background-image: url(../../../../../image/catalog/i-acrylic-photo-frame-images/acrylic-optical-clarity.gif); } .imr-acrylic-wrapper .col-sm-12 { margin-bottom: 20px; } .imr-acrylic-wrapper .col-sm-12 h4 { margin-bottom: 0; } @media only screen and (min-width:479px) { .imr-acrylic-wrapper { width: 100%; display: block; float: left; } .imr-acrylic-specs, .imr-acrylic-faq { width: 100%; display: block; float: left; margin:20px 0; border-top:1px solid #ccc; } .imr-acrylic-specs h2, .imr-acrylic-faq h2{ text-align: center; position: relative; display: inline-block; padding: 10px 0; font-size: 18px; left: 50%; color: #000; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .imr-acrylic-specs h2:before, .imr-acrylic-faq h2:before{ content: ""; position: absolute; width: 50%; height: 2px; bottom: 0; left: 25%; border-bottom: 2px solid #000; } .imr-acrylic-specs-block { display: flex; align-items: center; justify-content: space-around; margin: 20px 0; float: left; width: 100%; } .imr-acrylic-specs-block.img-right { background: #efefef; } .img-right .imr-acrylic-specs-text{ padding-left:20px; } .imr-acrylic-specs-text { width: 50%; display: block; float: left; } .imr-acrylic-specs-img { display: flex; width: 50%; align-items: center; margin: auto; } .imr-acrylic-specs-img.quality { position: relative; background-size: contain; background-repeat: no-repeat; padding-bottom: 30%; background-image: url(../../../../../image/catalog/i-acrylic-photo-frame-images/3mm-thickness.png); } .imr-acrylic-specs-img.gamut { position: relative; background-size: contain; background-repeat: no-repeat; background-color: #ffffff; padding-bottom: 30%; background-image: url(../../../../../image/catalog/i-acrylic-photo-frame-images/splendid-print-quality.png); } .imr-acrylic-specs-img.install { position: relative; background-size: contain; background-repeat: no-repeat; padding-bottom: 30%; background-image: url(../../../../../image/catalog/i-acrylic-photo-frame-images/3m-adhesive.png); } .imr-acrylic-specs-img.clarity { position: relative; background-size: contain; background-repeat: no-repeat; background-color: #ffffff; padding-bottom: 30%; background-image: url(../../../../../image/catalog/i-acrylic-photo-frame-images/acrylic-optical-clarity.gif); } .imr-acrylic-wrapper .col-sm-12 { margin-bottom: 20px; } .imr-acrylic-wrapper .col-sm-12 h4 { margin-bottom: 0; } }