@font-face { font-family: "SourceSansPro-Regular"; src: url('../fonts/SourceSansPro-Regular.woff') format('woff'), url('../fonts/SourceSansPro-Regular.otf') format('otf'), url('../fonts/SourceSansPro-Regular.ttf') format('ttf'); } @font-face { font-family: "SourceSansPro-Semibold_0"; src: url('../fonts/SourceSansPro-Semibold_0.woff') format('woff'), url('../fonts/SourceSansPro-Semibold_0.otf') format('otf'), url('../fonts/SourceSansPro-Semibold_0.ttf') format('ttf'); } @font-face { font-family: "SourceSansPro-Bold"; src: url('../fonts/SourceSansPro-Bold.woff') format('woff'), url('../fonts/SourceSansPro-Bold.otf') format('otf'), url('../fonts/SourceSansPro-Bold.ttf') format('ttf'); } @font-face { font-family: "Helvetica_LT_Condensed_Medium_2"; src: url('../fonts/Helvetica_LT_Condensed_Medium_2.woff') format('woff'), url('../fonts/Helvetica_LT_Condensed_Medium_2.otf') format('otf'), url('../fonts/Helvetica_LT_Condensed_Medium_2.ttf') format('ttf'); } @font-face { font-family: "Helvetica_LT_Condensed_Bold_2"; src: url('../fonts/Helvetica_LT_Condensed_Bold_2.woff') format('woff'), url('../fonts/Helvetica_LT_Condensed_Bold_2.otf') format('otf'), url('../fonts/Helvetica_LT_Condensed_Bold_2.ttf') format('ttf'); } @font-face { font-family: "HelveticaNeueLTPro-ThCn_2"; src: url('../fonts/HelveticaNeueLTPro-ThCn_2.woff') format('woff'), url('../fonts/HelveticaNeueLTPro-ThCn_2.otf') format('otf'), url('../fonts/HelveticaNeueLTPro-ThCn_2.ttf') format('ttf'); } @font-face { font-family: "Helvetica_LT_Condensed_Light_2"; src: url('../fonts/Helvetica_LT_Condensed_Light_2.woff') format('woff'), url('../fonts/Helvetica_LT_Condensed_Light_2.otf') format('otf'), url('../fonts/Helvetica_LT_Condensed_Light_2.ttf') format('ttf'); } @font-face { font-family: "Helvetica_LT_Condensed_Light_Oblique_2"; src: url('../fonts/Helvetica_LT_Condensed_Light_Oblique_2.woff') format('woff'), url('../fonts/Helvetica_LT_Condensed_Light_Oblique_2.otf') format('otf'), url('../fonts/Helvetica_LT_Condensed_Light_Oblique_2.ttf') format('ttf'); } @font-face { font-family: "Gilroy-ExtraBold"; src: url('../fonts/Gilroy-ExtraBold.woff') format('woff'), url('../fonts/Gilroy-ExtraBold.otf') format('otf'), url('../fonts/Gilroy-ExtraBold.ttf') format('ttf'); } p{font-size:20px;line-height:28px; color:#231f20; font-family: "SourceSansPro-Regular"; text-align:justify;} a, a:hover{ text-decoration:none;} h2{ font-family: "Helvetica_LT_Condensed_Medium_2"; margin: 0px 0px 40px; color: #231f20; font-size: 66px; text-transform: uppercase; text-align:center;} ul{list-style:none; padding:0px; margin:0px;} input:focus, select:focus, textarea:focus, button:focus{outline:none;box-shadow:none;} .container{width:1200px; margin:0 auto;} .fixed { position: fixed; background: #fff; width: 100%; z-index: 16; border-bottom: 1px solid #eee; padding: 5px 0px; transition: all 1s; -webkit-transition: all 1s; -ms-transition: all 1s; -moz-transition: all 1s; top: 0; height: 100px;} .fixed .header-bx{ padding:0px 0px; height:70px;} .fixed .header-bx nav ul li a{ color:#777777;font-family: "SourceSansPro-Regular";} /*.shalimar-main-section{ background-image: url(../img/header-top-banner.jpg); background-position: top center; background-repeat: no-repeat; background-size: 100% auto;}*/ .shalimar-main-section{ background-image: url(../images/shalimar-web-banner.png); background-position: top center; background-repeat: no-repeat; background-size: 100% auto;} /*.shalimar-main-section{ background-image: url(../img/shalimar-homepage-banner.png); background-position: top center; background-repeat: no-repeat; background-size: 100% auto;}*/ .header-bx{ display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; padding: 12px 0px; align-items: center; justify-content: space-between;} .shalimar-main-section img.img-responsive.desktopbanner { display: none;} .co-logo { width: 20%; position: relative;} .co-logo .fixed-logo{ position: absolute; top: -30px; left: 1px; display:none;} .fixed .co-logo .fixed-logo{ display:block;} .loogo img{ width: 77%; position: absolute; margin: 39rem 7px 8px 26px;} .fixed .co-logo .logo img{ display:none;} nav{ width: 56%;} .navbar-nav{ float:right !important;} .nav > li > a { padding: 2px 5px !important; } nav ul{ text-align:right; margin:0px; padding:0px;} nav ul li{ display:inline; padding:0px 15px;} nav ul li a{ color:#231f20;font-family: "SourceSansPro-Regular"; font-size: 18px;} nav ul li:last-child{padding-right:0px;} nav.dekstopmenu ul li a:hover { color: #f26522;} .search-bx { width: 16%; text-align: right;} .navbar-right { min-width: 300px !important; margin-right: 0px;} .navbar-right .header-search-form .form-group { margin: 0px; min-width: 25px; height: 25px; line-height: 25px;} .navbar-right .header-search-form .form-group input { padding: 0px 10px 0px 10px; border: none; height: 25px !important; right: -25px !important; line-height: 8px;background-color: #fff;} .navbar-right .header-search-form .form-group.sb-search-open input { background-color: #fff;} .navbar-right .header-search-form .form-group .form-control-submit { padding: 0px; width: 25px; height: 25px; line-height: 25px; border: none; background-color: transparent;} .navbar-right .header-search-form .form-group .search-label { width: 25px; height: 25px; line-height: 25px; background-color: transparent; color: #f26723; font-size: 18px;} .heading-h1 { position: absolute; top: 80px; left: 50%; z-index: 9; cursor: pointer;} .heading-h1 h1 a{ font-family: "Gilroy-ExtraBold"; color: #fff; font-size: 65px; position: absolute; left: 0px; width: 1100px; height: 350px; text-align: right; transform: translate(-50%, 0px); -o-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); text-decoration: none; padding-top: 80px;} .search-bx form{width: 100%;display: flex;display: -webkit-box; display: -webkit-flex; align-items: center; text-align: right; justify-content: flex-end;} .search-bx .search-btn{ background-color: #d4e0da; border: none; width: 146px; height: 33px; padding: 0px 10px; border-radius: 10px 0px 0px 10px; color: #231f20; margin-right: -4px;font-family: "SourceSansPro-Regular";font-size:19px;} .search-bx .search-btn:focus{outline:none;box-shadow:none;} .search-bx .search-btn::-webkit-input-placeholder { color: #231f20;} .search-bx .search-btn::-moz-placeholder { color: #231f20;} .search-bx .search-btn:-ms-input-placeholder { color: #231f20;} .search-bx .search-btn:-moz-placeholder { color: #231f20;} .search-bx .submit-btn { background-image: url(../img/search-icon.png); background-position: center; background-repeat: no-repeat; background-color: #353434; border: none; width: 34px;height: 33px; border-radius: 0px 10px 10px 0px;} .header-bottom-bx h1{ text-align:center; font-family: "HelveticaNeueLTPro-ThCn_2"; font-size: 50px; line-height: 55px; opacity: 0;} .header-bottom-bx h1 strong{ font-weight: unset; font-size: 70px;} .header-bottom-bx h1 .experiences-text{ display: block; padding-left: 25%;} .inner-header-box .inner-header-nav ul li.active a{ color: #f26723;} .control-panel-slider { text-align: right; position: relative; width: 100%; overflow: hidden;} .control-panel-slider .openbtn{border: none; font-size: 40px; color: #ba8f06; width: 70px; height: 236px; background-image: url(../img/contact-us-btn1.png); background-repeat: no-repeat; padding: 0px; background-color: transparent;} /*.control-panel-bx { transform: translateY(-140px); -webkit-transform: translateY(-140px); -moz-transform: translateY(-140px); -ms-transform: translateY(-140px); -o-transform: translateY(-140px);}*/ .control-panel-bx { z-index: 9 !important; top: -45px; position: relative !important; } #mySidebar.sidebar{ left: unset; position: absolute; z-index: 1; height: 236px; right: -365px; background-color: #111; overflow: unset; transition: 0.5s; border-radius: 120px 0px 0px 120px; padding-top: 0; text-align: left; width: 350px; padding:35px 20px 20px 90px;} #mySidebar.sidebar.control-panel-sidebar { width: 350px; right: 0px;} #mySidebar .closebtn{ padding: 0px; margin: 0px; right: unset; left: -15px; top: 45%; background-color: rgba(255, 205, 5, 0.7); width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; color: #111111; font-size: 26px; font-weight: 900;} #mySidebar.sidebar .sidebar-panel-bx h4{ margin: 0px 0px 5px; color: #ffcb05; font-size: 26px; font-family: "Helvetica_LT_Condensed_Bold_2";} #mySidebar.sidebar .sidebar-panel-bx li a { padding: 0px !important; line-height: 28px;} #mySidebar.sidebar .sidebar-panel-bx a { color: #ffcb05 !important; font-size: 21px !important; padding: 3px 0px !important;line-height:normal;} #mySidebar.sidebar .sidebar-panel-bx .panel-social-icon{ margin: 5px 0px;} #mySidebar.sidebar .sidebar-panel-bx .panel-social-icon li { display:inline-block; width:30px; height:30px; line-height:23px; border: solid 1px #fff; border-radius:50%; text-align:center; margin-right:5px;} #mySidebar.sidebar .sidebar-panel-bx .panel-social-icon li a i { font-size: 17px; color: #fff;} .mobilebanner{display: none;} .shalimar-section { display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: space-between;padding-top: 335px;} .shalimar-section .shalimar-col { width:32.9%; /*background-size: 100% auto; background-repeat: no-repeat; padding: 17px; border-radius: 5px; padding: 0px;position:relative; */} .shalimar-content-bx { position: absolute; top: 50%; transform: translate(-0%, -50%); -moz-transform: translate(-0%, -50%); -o-transform: translate(-0%, -50%); -ms-transform: translate(-0%, -50%); right: 40px;} .shalimar-content-bx h6, .shalimar-content-bx h6 a{ font-size: 28px; text-transform: uppercase; font-family: "Helvetica_LT_Condensed_Bold_2"; color: #fff; margin-bottom: 0px;} .shalimar-content-bx p, .shalimar-content-bx p a{ font-family: "SourceSansPro-Regular"; font-size:18px; color: #fff; line-height: normal;} .shalimar-main-section { background-size: 100% 90%; height: 100vh;} /* .shalimar-section .shalimar-col.homeowners{ background-image: url(../img/homeowners-img.png);} */ /* .shalimar-section .shalimar-col.professional { background-image: url(../img/professional-img.png);} */ /* .shalimar-section .shalimar-col.industrial{ background-image: url(../img/industrial-img.png);} */ .shalimar-main-section{ background-size: 100%;height: 100%;} /********************************* our-legacy ********************************/ .our-legacy-wrapper { display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: space-between; padding: 80px 0px;} .our-legacy-wrapper .our-legacy-col:nth-child(1){ width:55%;margin-top:10px;} .our-legacy-wrapper .our-legacy-col:nth-child(1) h2{display:none;} .our-legacy-wrapper .our-legacy-col:nth-child(2){ width:40%;} .our-legacy-wrapper .our-legacy-col:nth-child(2) h2{ margin-bottom:10px; text-align:left;font-size: 50px;} .our-legacy-wrapper .our-legacy-col:nth-child(2) p { text-align: justify; font-size: 18px;} .our-legacy-wrapper .carousel-indicators { bottom: 5px; position: absolute; margin: 0; width: auto; right: 10px; text-align: right; left: unset;} .our-legacy-wrapper .carousel-indicators li { width: 12px; height: 12px; background-color:#fff;} .our-legacy-wrapper .carousel-indicators li.active { width: 12px; height: 12px; margin: 0; background-color: #ed1c24; border: 1px solid #ed1c24;} .our-legacy-wrapper .our-legacy-col .carousel-inner .item .our-legacy-content { position: absolute; bottom: 40px; width: 100%; padding: 20px 0px 20px 120px; color: #fff;background-image: linear-gradient(to right, #0a0a0a, #0a0a0a, transparent); opacity: 0.9;} .our-legacy-wrapper .our-legacy-col .carousel-inner .item .our-legacy-content h3{ margin: 0px 0px 5px; font-family: "Helvetica_LT_Condensed_Bold_2"; font-size: 26px;} .our-legacy-wrapper .our-legacy-col .carousel-inner .item .our-legacy-content p{ color:#fff; font-family: "Helvetica_LT_Condensed_Light_2"; margin-bottom: 0px; font-size: 24px;} /********************************* our-legacy ********************************/ /********************************* spotlight ********************************/ .spotlight-section { background-image: url(../img/spotlight-background.jpg); background-position: center center; background-repeat: no-repeat; background-size:cover;} .spotlight-wrapper { padding: 75px 0px;} .spotlight-wrapper #spotlight-slider{ width:94%; margin:0 auto;} .spotlight-wrapper h2 { text-align: center; margin: 0px 0px 10px; font-family: "Helvetica_LT_Condensed_Light_2"; color: #fff; font-size: 58px;} .spotlight-wrapper .carousel-inner .spotlight-slider{ display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: space-between;} .spotlight-wrapper .carousel-inner .item .spotlight-image { width:49%;} .spotlight-wrapper .carousel-inner .item .spotlight-content { width: 49%; background: rgba(0, 0, 0, 0.7); padding:20px 40px;} .spotlight-wrapper .carousel-inner .item .spotlight-content h4{ font-family: "Helvetica_LT_Condensed_Bold_2"; font-size: 26px; color: #fff; margin: 0px 0px 10px; height: 55px; overflow: hidden;} .spotlight-wrapper .carousel-inner .item .spotlight-content p{ color:#fff; text-align:justify;font-size: 18px; line-height: normal; height: 116px; overflow: hidden; margin-bottom: 0px;} .spotlight-wrapper .carousel-inner .item .spotlight-content a{ color:#ffffff; font-family: "SourceSansPro-Bold"; padding-top: 10px; display: inline-block;font-size:19px;} .spotlight-wrapper .carousel-control.left { background-image: url(../img/spotlight-left-icon.png); background-repeat: no-repeat; width: 25px; height: 40px; box-shadow: none; left: -35px; opacity: 1; top: 40%;} .spotlight-wrapper .carousel-control.right { background-image: url(../img/spotlight-right-icon.png); background-repeat: no-repeat; width: 25px; height: 40px; box-shadow: none; right: -35px; opacity: 1; top: 40%;} .carousel-control.left span:before, .carousel-control.right span:before{ display:none;} /********************************* spotlight ********************************/ /********************************* Blog ********************************/ .blog-wrapper { padding: 50px 0px 0px;} .blog-wrapper .carousel.slide{ width:90%; margin:0 auto;} .blog-wrapper h2 { text-align: center; margin: 0px 0px 10px; font-family: "Helvetica_LT_Condensed_Light_2";} .blog-wrapper .carousel-inner .blog-slider{ display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: space-between;} .blog-wrapper .carousel-inner .item .blog-content { width: 32%;} .blog-wrapper .carousel-inner .item .blog-content h4{ font-family: "Helvetica_LT_Condensed_Bold_2"; font-size: 26px; color: #231f20; margin:0px 0px 10px;} .blog-wrapper .carousel-inner .item .blog-image { width:62%;} .blog-wrapper .carousel-inner .item .blog-content a.scarlet { background-color: #621b1e; width: 210px; height: 75px; line-height: 75px; text-align: center; padding: 0px; color: #fff; margin: 15px 0px; font-family: "Helvetica_LT_Condensed_Light_2"; font-size: 16px; } .blog-wrapper .carousel-inner .item .blog-content p{ color:#231f20; text-align: justify; font-size: 18px;} .blog-wrapper .carousel-inner .item .blog-content a{ color:#f04e23; font-family: "SourceSansPro-Bold"; padding-top: 10px; display: inline-block; font-size: 20px;} .blog-wrapper .carousel-control.left { background-image: url(../img/blog-left-icon.jpg); background-repeat: no-repeat; width: 40px; height: 40px; box-shadow: none; left: -58px; opacity: 1; top: 40%;} .blog-wrapper .carousel-control.right { background-image: url(../img/blog-right-icon.jpg); background-repeat: no-repeat; width: 40px; height: 40px; box-shadow: none; right: -58px; opacity: 1; top: 40%;} .blog-wrapper .carousel-inner .item .blog-content h4+img { margin: 15px 0px;} .carousel-control.left span:before, .carousel-control.right span:before{ display:none;} /********************************* Blog ********************************/ /********************************* Footer ********************************/ /* footer{ background-image: url(../img/footer-background.png); background-position: center center; background-repeat: no-repeat; background-size: 100% auto;} */ footer{ background-image: url(../img/footer-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%;} .footer-wrapper{ display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: space-between; padding: 170px 0px 40px;} .footer-wrapper .footer-col{ width:22%;} .footer-wrapper .footer-col h4{ font-family: "SourceSansPro-Bold"; font-size:18px; color:#f26522; margin:0px 0px 10px;} .footer-wrapper .footer-col ul{ list-style:none; padding:0px; margin:0px;} .footer-wrapper .footer-col ul li{ line-height:25px;} .footer-wrapper .footer-col ul li a{ font-family: "SourceSansPro-Regular"; font-size:15px; color:#fff;} .footer-wrapper .footer-col:last-child{ width:34%;} .footer-wrapper .footer-col:last-child h4{ color:#fff;} .footer-wrapper .footer-col form { text-align: right;} .footer-wrapper .footer-col #newsletteremail { font-family: "SourceSansPro-Regular"; color:#000; width: 70%; float:left; background-color: #fff; border: none; height: 35px; padding: 0px 10px;font-size:15px;} .footer-wrapper .footer-col #newsletteremail::-webkit-input-placeholder { color: #000000;} .footer-wrapper .footer-col #newsletteremail::-moz-placeholder { color: #000000;} .footer-wrapper .footer-col #newsletteremail:-ms-input-placeholder { color: #000000;} .footer-wrapper .footer-col #newsletteremail:-moz-placeholder { color: #000000;} .footer-wrapper .footer-col #newsletterSubscribe{ background-color: #f26522; border: none; width: 30%; float: left; height: 35px; line-height: 35px; font-size: 15px; font-family: "SourceSansPro-Regular"; color: #231f20;} .footer-wrapper .footer-col:last-child a.number{ width: 100%; display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex; padding: 25px 0px 15px; font-family: "SourceSansPro-Bold"; color: #fff; font-size: 16px;} .footer-wrapper .footer-col:last-child a.number i { color: #f26522; font-size: 25px; padding-right: 10px;} .footer-wrapper .footer-col:last-child a.email{ width: 100%; display: inline-block; font-family: "SourceSansPro-Regular"; color: #fff; font-size: 16px;} .social-media{ padding-top:25px;} .social-media ul li{display:inline-block; margin-right:5px;} .social-media ul li a { width: 30px; height: 30px; display: block; text-align: center; line-height: 30px; border: solid 1px #fff; border-radius: 50%;} .social-media ul li a:hover { color:#f26522;} .copyright{ display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: space-between; align-items: center; padding-bottom: 20px;} .copyright .copyright-col{ width:50%;} .copyright .copyright-col p { font-family: "SourceSansPro-Regular"; margin-bottom: 0px; color: #fff; font-size: 14px;} .copyright .copyright-col ul { list-style: none; padding: 0px; margin: 0px; text-align: right;} .copyright .copyright-col ul li{ display:inline-block;} .copyright .copyright-col ul li a { font-family: "SourceSansPro-Regular"; font-size: 14px; color: #fff; padding: 0px 15px; border-right: solid 1px #f26522;} .copyright .copyright-col ul li:last-child a { border-right: 0px; padding-right: 0px;} div#msg { color: #fff; padding-top: 5px; float: left; width: auto;} /********************************* Footer ********************************/ /********************************* Product Page ********************************/ .inner-header-top { background-color: #231f20;} /* .inner-header-bottom { background-image: linear-gradient(to left, #e8e8e7 , #e8e8e7 , #fff, #fff);} */ .inner-header-bx { width: 65%; float: right; padding: 7px 0px;} span.inner-header-dropdown { width: 50%; float: left;} span.inner-header-dropdown .btn-primary{ background-color: transparent !important;} span.inner-header-dropdown .btn-primary .caret { margin-left: 10px; border: 0px; width: 20px; height: 20px; border-radius: 50%; background-color: #f26723;position: relative;} span.inner-header-dropdown .btn-primary .caret:before{ content: ''; vertical-align: middle; background-image: url(../img/header-dropdown-icon.png); background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 18px; height: 8px;} span.inner-header-dropdown .dropdown-toggle { border: none; padding: 0px; font-family: "SourceSansPro-Regular"; font-size: 16px;} span.inner-header-dropdown ul.dropdown-menu { margin-top: 7px; padding: 0px;} span.inner-header-dropdown ul.dropdown-menu li { border-bottom: solid 1px #d4d4d4;} span.inner-header-dropdown ul.dropdown-menu li:last-child{ border-bottom: none;} span.inner-header-dropdown ul.dropdown-menu li a { padding: 10px; font-family: "SourceSansPro-Regular";} span.contact-number { width: 44%; float: left; text-align:right;} span.contact-number a { font-family: "SourceSansPro-Regular"; font-size: 16px; color: #fff;} span.contact-number a i{ color:#f26624;} span.inner-search { width: 6%; float: left;} span.inner-search img{ float:right; cursor: pointer;} .inner-header-box .inner-header-logo { width: 35%; float: left; position: relative;} .inner-header-box .inner-header-logo a img { margin: 0px auto; position: relative; top: -25px; z-index: 9;} .inner-header-box .inner-header-logo:before { content: ""; position: absolute; background-color: #fff; display: block; width: 45%; height: 41px; top: -40px; transform: skew(45deg, 0deg); right: 60px;} .inner-header-box .inner-header-logo:after { content: ""; position: absolute; background-color: #fff; display: block; width: 45%; height: 41px; top: -40px; left: 60px; transform: skew(-45deg, 0deg);} .inner-header-box .inner-header-nav { width: 65%; float: right;} .inner-header-box .inner-header-nav ul{ float: right;} .inner-header-box .inner-header-nav ul li{ float: left; padding: 13px 35px 10px; text-align: center;} .inner-header-nav.dekstopmenu.industrial-navigations ul li{ padding: 13px 20px 10px;} .inner-header-box .inner-header-nav ul li:first-child{ padding-left: 0px;} .inner-header-box .inner-header-nav ul li:last-child { padding-right: 0px;} .inner-header-box .inner-header-nav ul li a { float: left; color: #231f20; font-size: 20px; font-family: "SourceSansPro-Regular";} .inner-header-box .inner-header-nav ul li a img { margin: 0 auto 6px;} .product-paints-section { position: relative;} .product-paints-section img { width: 100%;} .product-paints-bx {position: absolute; top: 25%;} .product-paints-bx h1{font-family: "HelveticaNeueLTPro-ThCn_2"; color:#231f20; font-size:70px; margin: 0px; line-height: 60px;} .product-paints-bx h1 span { display: block; padding-left: 70px;} .product-paints-bx h1 strong{ font-weight:unset; font-size:50px;} .emulsions-section { padding: 50px 0px;} .emulsions-section h2{ margin-bottom:25px; text-align:center; color:#77787b; text-transform: unset; font-size: 66px;font-family: "HelveticaNeueLTPro-ThCn_2";} .emulsions-section h2 span{ color:#005baa; font-family: "Helvetica_LT_Condensed_Bold_2";cursor: pointer;} .products-categories-dropdown, .sub-categories-dropdown{ display:inline-block;} .products-categories-dropdown button:hover, .sub-categories-dropdown button:hover{ background-color: transparent; border: none; color: #005baa;} .products-categories-dropdown button, .sub-categories-dropdown button { background-color: transparent; border: none; padding: 0px; color: #005baa; font-family: "Helvetica_LT_Condensed_Bold_2"; font-size: 66px;} .products-categories-dropdown button span, .sub-categories-dropdown button span{ border: solid 1px #c6c7c9; width: 45px; height: 45px;} .products-categories-dropdown button span:after, .sub-categories-dropdown button span:after{ content: "\f107"; color: #77787b; font-family: 'FontAwesome'; font-weight: 900; font-size: 35px; width: 40px; height: 40px; line-height: 33px; display: inline-block; pointer-events: none;bottom: 17px; position: absolute; right: 1px;} .products-categories-dropdown.open button, .sub-categories-dropdown.open button { background-color: transparent !important; color: #005baa !important;} .products-categories-dropdown .dropdown-menu, .sub-categories-dropdown .dropdown-menu { width: 100%; padding: 0px; border-radius: 0px;top: 85%;} .products-categories-dropdown button:focus, .sub-categories-dropdown button:focus { background-color:transparent !important; color: #005baa !important; border: none; outline: none !important; box-shadow: none;} .products-categories-dropdown .dropdown-menu li a, .sub-categories-dropdown .dropdown-menu li a { color: #005baa; font-family: "Helvetica_LT_Condensed_Bold_2"; padding: 6px 15px; font-size: 20px; background-color: transparent;} .products-categories-dropdown .dropdown-menu li.active a, .sub-categories-dropdown .dropdown-menu li.active a { background-color: #005baa !important; color: #fff !important;} .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { color: #005baa; text-decoration: none; background-color: transparent; outline: 0;} .emulsions-section h2 span select option { font-size: 20px;} .emulsions-section h2 i { font-size: 34px; width: 50px; height: 50px; line-height: 50px; vertical-align: top; border: solid 1px #c6c7c9; cursor: pointer; margin-top: 11px; display:none;} .emulsions-section article{ display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: space-between; width:100%;} .emulsions-section article .primers-wrapper{ width:100%;} .emulsions-section article .emulsions-col-bx{ width:33%; padding:25px 30px; text-align:center;} .emulsions-section article .shalimar-priducts { margin-bottom: 55px;} .emulsions-section article .emulsions-col-bx h3{ font-size: 44px; font-family: "Helvetica_LT_Condensed_Bold_2"; margin: 0px;color: #fff;text-transform: uppercase;} .emulsions-section article .emulsions-col-bx span{ font-weight: unset; font-size: 33px; padding: 0px 0px 10px; display: block; color: #fff; font-family: "Helvetica_LT_Condensed_Light_2"} .emulsions-section article .emulsions-col-bx img{ margin:10px auto 0px;} .emulsions-section article .emulsions-col-bx p{ color:#fff; font-family: "SourceSansPro-Regular";} .emulsions-section article .emulsions-col-bx:nth-child(1){ background-image: url(../img/luxury-bg.png); background-repeat: no-repeat; background-size: 100% auto; height: 1087px;} .emulsions-section article .emulsions-col-bx:nth-child(2){ background-image: url(../img/premium-bg.png); background-repeat: no-repeat; background-size: 100% auto; height: 1087px;} .emulsions-section article .emulsions-col-bx:nth-child(3){ background-image: url(../img/popular-bg.png); background-repeat: no-repeat; background-size: 100% auto; height: 1087px;} .application-procedure-section { background-image: url(../img/application-bg.png); background-repeat: no-repeat; background-size: 100% auto; background-position-y: bottom; height: 620px;} .appli-procedure-wrapper article{ display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: space-between; width:100%;} .appli-procedure-wrapper article .appli-procedure-col{ width:20%; position:relative;} .Step { position: absolute; top: 35px; left: 7px; color: #c7c8ca; font-family: "Helvetica_LT_Condensed_Light_2"; font-size: 30px; background-color: #fff; padding: 0px 10px;} .appli-procedure-wrapper article .appli-procedure-col h3 { color: #dcddde; font-size: 120px; font-family: "Helvetica_LT_Condensed_Bold_2"; margin: 0px; text-align: center;} .appli-procedure-wrapper article .appli-procedure-col h4 { font-family: "Helvetica_LT_Condensed_Light_2";font-size: 33px; color: #fff; padding: 15px 0px 5px 20px; margin: 0px;} .appli-procedure-wrapper article .appli-procedure-col p{ color:#fff; padding-left: 20px;} .appli-procedure-slider{ display:none;} .dream-home-wrapper { padding: 50px 0px;} .dream-home-wrapper h2 { text-align: center; margin-bottom: 25px;} .dream-home-wrapper ul{ display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: space-between; width:100%;} .dream-home-wrapper ul li{ width:49%; padding: 63px 35px; } .dream-home-wrapper ul li h3{ font-family: "Helvetica_LT_Condensed_Light_2"; color: #fff; font-size: 30px; margin: 0px 0px 10px;} .dream-home-wrapper ul li p{ font-family: "SourceSansPro-Regular"; margin-bottom:0px; font-size:20px; color:#fff;} .dream-home-wrapper ul li h3 a, .dream-home-wrapper ul li p a{ color:#fff;} .dream-home-wrapper ul li.get-inspired{ background-image: url(../img/get-inspired.png) !important; background-repeat: no-repeat; background-size: 100% auto; height: 281px;} .dream-home-wrapper ul li.expert-tips{ background-image: url(../img/expert-tips.png) !important; background-repeat: no-repeat;background-size: 100% auto; height: 281px;} .homeowners-dream-home { display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: space-between; width: 100%;} .homeowners-dream-home .homeowners-dream-home-col{ width:49%; margin-bottom:25px; position:relative;} .homeowners-dream-home .homeowners-dream-home-col .dream-home-content { position: absolute; top: 50%; transform: translate(-0%, -50%); left: 30px;} .homeowners-dream-home .homeowners-dream-home-col .dream-home-content h3, .homeowners-dream-home .homeowners-dream-home-col .dream-home-content h3 a{ font-family: "Helvetica_LT_Condensed_Light_2"; color: #fff; font-size: 30px; margin: 0px 0px 10px;} .homeowners-dream-home .homeowners-dream-home-col .dream-home-content p, .homeowners-dream-home .homeowners-dream-home-col .dream-home-content p a{ font-family: "SourceSansPro-Regular"; margin-bottom: 0px; font-size: 20px; color: #fff;} /********************************* Product Page ********************************/ /********************************* industrial ********************************/ .product-categorie-wrapper { padding: 60px 0px 15px; position:relative;} .product-categorie-wrapper #product-categorie-slider{ width:94%; margin:0 auto;} .product-categorie-wrapper h2 { text-align: center; margin: 0px 0px 25px; color: #221f1f;} .categorie-name { text-align: center; font-family: "SourceSansPro-Regular"; font-size: 30px; color: #fff; position: absolute; bottom: -10px; left: 50%; transform: translate(-50%, -50%);} .categorie-name span a { color: #fff;} .product-categorie-wrapper .carousel-control.left, .product-categorie-wrapper .carousel-control.right { display: none;} .product-categorie-wrapper .owl-carousel .owl-nav.disabled { display: block;} .product-categorie-wrapper .owl-carousel .owl-nav.disabled .owl-prev{ background-image: url(../img/categorie-left-icon.png); background-repeat: no-repeat; width: 25px; height: 40px; box-shadow: none; left: -35px; opacity: 1; top: 38%; position: absolute;} .product-categorie-wrapper .owl-carousel .owl-nav.disabled .owl-next{ background-image: url(../img/categorie-right-icon.png); background-repeat: no-repeat; width: 25px; height: 40px; box-shadow: none; right: -40px; opacity: 1; top: 38%; position: absolute;} .product-categorie-wrapper .owl-carousel .owl-nav.disabled .owl-next span, .product-categorie-wrapper .owl-carousel .owl-nav.disabled .owl-prev span { display: none;} .dream-home-wrapper ul li a.more { color: #ffffff; font-family: "SourceSansPro-Bold"; padding-top: 10px; display: inline-block; font-size: 18px;} .dream-home-wrapper ul li:nth-child(1){ background-image: url(../img/resource-centre.png); background-repeat: no-repeat; background-size: 100% auto; height: 281px; margin-bottom:25px;} .dream-home-wrapper ul li:nth-child(2){ background-image: url(../img/submit-query.png); background-repeat: no-repeat;background-size: 100% auto; height: 281px; margin-bottom:25px;} .dream-home-wrapper ul li:nth-child(3){ background-image: url(../img/shalimar-advantage.png); background-repeat: no-repeat;background-size: 100% auto; height: 281px;} .dream-home-wrapper ul li:nth-child(4){ background-image: url(../img/health-safety.png); background-repeat: no-repeat;background-size: 100% auto; height: 281px;} .dream-home-wrapper ul li.proff-submit-query { background-image: url(../img/submit-query.png);} .dream-home-wrapper ul li.indus-submit-query { background-image: url(../img/submit-query.png);} .dream-home-wrapper ul li.indus-shalimar-advantage { background-image: url(../img/shalimar-advantage.png);} /********************************* industrial ********************************/ /********************************* idea ********************************/ .idea-bx { position: absolute; top: 25%; left: 50%; transform: translate(-50%, -50%);} .idea-bx h1{ color:#fff; margin: 0px; font-family: "HelveticaNeueLTPro-ThCn_2"; font-size: 55px;} .idea-bx h1 span{font-size: 90px;} .expert-section { padding: 50px 0px;} .expert-bx article{ display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: space-between;} .expert-bx article .expert-col{width:32%; text-align:center; position: relative;} .expert-bx article .expert-col .expert-content { position: absolute; bottom: 45px;} .expert-bx article .expert-col h3{ font-family: "Helvetica_LT_Condensed_Light_2"; margin: 0px 0px 10px; font-size: 33px; color:#fff;} .expert-bx article .expert-col p{ font-size:20px; color:#fff; padding: 0px 50px; margin-bottom: 0px; text-align: center;} .expert-bx article .expert-col h3 a, .expert-bx article .expert-col p a{ color:#fff;} .blog-wrapper.inspiration { padding-bottom: 50px;} .blog-wrapper.inspiration h4{ font-family: "Helvetica_LT_Condensed_Light_2" !important; font-size: 33px !important; padding-bottom: 15px !important;} .blog-wrapper #inspiration.carousel.slide .blog-content a{ padding:0px;} .blog-wrapper #inspiration.carousel.slide .blog-content h4{ margin-bottom: 0px !important;} .blog-wrapper #inspiration.carousel.slide .blog-content h4 a { font-family: "Helvetica_LT_Condensed_Light_2" !important; font-size: 33px !important; color: #231f20;} /********************************* idea ********************************/ /********************************* Resources ********************************/ .resources-product-section { margin-top: 120px;} .resources-product-bx .catalogues-col{ background-image: url(../img/catalogues-bg.png); background-repeat: no-repeat;background-size: 100% auto; height: 325px; position: relative; width: 86%; float: right;} .resources-product-bx .catalogues-col figure { position: absolute; left: -170px; top: -80px;} .resources-product-bx .catalogues-col .catalogues-content { width: 55%; float: right; padding: 75px 50px 57px 0px;} .resources-product-bx .catalogues-col .catalogues-content h3 { margin: 0px 0px 15px; font-size: 50px; color:#fff; font-family: "Helvetica_LT_Condensed_Light_2"; text-transform: uppercase;} .resources-product-bx .catalogues-col .catalogues-content h3 a, .resources-product-bx .catalogues-col .catalogues-content p a{ color:#fff;} .catalogues-col.colours .catalogues-content h3 a{ font-family: "Helvetica_LT_Condensed_Light_2"; padding-top:0px;} .catalogues-col.colours .catalogues-content p a{ padding: 0px; font-family: "SourceSansPro-Regular";} .resources-product-bx .catalogues-col .catalogues-content p { font-size: 20px; color: #fff; margin-bottom: 0px; line-height: 30px;} .resources-product-bx .shade-card-col{ background-image: url(../img/shade-card-bg.png); background-repeat: no-repeat;background-size:100% auto; height: 325px; position: relative; width: 86%; float: left; margin-top: 110px;} .resources-product-bx .shade-card-col figure { position: absolute; right: -170px; top: -80px;} .resources-product-bx .shade-card-col .shade-card-content { width: 55%; float: left; padding: 80px 0px 57px 50px;} .resources-product-bx .shade-card-col .shade-card-content h3 { margin: 0px 0px 15px; font-size: 50px; color:#fff; font-family: "Helvetica_LT_Condensed_Light_2"; text-transform: uppercase;} .resources-product-bx .shade-card-col .shade-card-content p { font-size: 22px; color: #fff; margin-bottom: 0px; line-height: 30px;} .resources-product-bx .shade-card-col .shade-card-content p a{ padding: 0px; font-family: "SourceSansPro-Regular";} .feature-wrapper { padding: 80px 0px 60px;} .resources-product-bx .shade-card-col .shade-card-content h3 a, .resources-product-bx .shade-card-col .shade-card-content p a{ color:#fff;} .feature-wrapper article{ display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: space-between;} .feature-wrapper article .feature-col{ width:32%; background-repeat: no-repeat;background-size: 100% auto; height: 440px; text-align:center;padding: 30px 45px;} .feature-wrapper article .feature-col h4{ color: #fff; font-family: "Helvetica_LT_Condensed_Light_2"; font-size: 40px;} .feature-wrapper article .feature-col p{ font-size:20px; color:#fff; margin-bottom: 20px; text-align: center;} .feature-wrapper article .feature-col figure img{ margin:0 auto;} .feature-wrapper article .feature-col:nth-child(1){background-image: url(../img/dealer-locator-bg.png);} .feature-wrapper article .feature-col:nth-child(2){background-image: url(../img/painter-finder-bg.png);} .feature-wrapper article .feature-col:nth-child(3){background-image: url(../img/budget-calculator-one-bg.png);} .shade-card-col.colours .shade-card-content h3 a{ font-family: "Helvetica_LT_Condensed_Light_2";} .tools-features .feature-col a {color: #fff} /********************************* Resources ********************************/ /********************************* Colours Page ********************************/ .idea-bx.colours-bx { left: 29%;} .idea-bx.colours-bx h1{ font-size:50px} .idea-bx.colours-bx h1 span{ font-size:70px} .resources-product-section.colours { margin-top: 80px;} .catalogues-col.colours{ background-image: url(../img/combinations-bg.png);} .catalogues-col.colours figure { width: 60%;left: -190px; top: -30px;} .catalogues-col.colours .catalogues-content { padding: 35px 30px 0px 0px;} .shade-card-col.colours .shade-card-content{ padding: 45px 0px 45px 35px;} .shade-card-col.colours{ background-image: url(../img/palettes-bg.png); margin-top: 80px;} .catalogues-col.colours a, .shade-card-col.colours a{ color: #ffffff; font-family: "SourceSansPro-Bold"; padding-top: 15px; display: inline-block;} .shade-card-col.colours figure { width: 60%; right: -180px; top: -35px;} .catalogues-col.colours:last-child { margin: 80px 0px 50px 0px; background-image: url(../img/colour-resources-bg.png);} .catalogues-col.colours:last-child .catalogues-content { padding-top: 45px;} .more-color-code ul{ display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: space-between;} .more-color-code ul li{width:20%;} .more-color-code ul li a{ font-family: "SourceSansPro-Regular" !important; font-size: 12px; width: 100%; display: table !important;} .more-color-code ul li a span.color { content: ''; width: 20px; height: 20px; display: inline-block; border-radius: 50%; margin-right: 2px;} .more-color-code ul li a strong{ font-weight:unset; display: table-cell; vertical-align: middle;} span.color.carriage-bx{ background-color: #bfc6d9;} span.color.field-bx{ background-color:#c72372;} span.color.rock-bx{ background-color:#f4c741;} span.color.sun-bx{ background-color:#b5b940;} span.color.glint-bx{ background-color:#f6600a;} /********************************* Colours Page ********************************/ /********************************* Highlights Page ********************************/ .highlights-bx h1{ color: #231f20; margin: 0px; font-family: "HelveticaNeueLTPro-ThCn_2"; font-size: 50px; position: absolute; top: 20px; padding-left: 70px;} .highlights-bx h1 span{ font-size:75px;} .highlights-wrapper { display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: space-between; padding:50px 0px 60px;} .highlights-wrapper .highlights-col{ width:49%; text-align:center; position:relative;} .highlights-wrapper .highlights-col .highlights-content { position: absolute; bottom: 50px;} .highlights-wrapper .highlights-col .highlights-content h3{ font-family: "Helvetica_LT_Condensed_Light_2"; margin: 0px 0px 10px; font-size: 45px; color: #fff;} .highlights-wrapper .highlights-col .highlights-content h3 a{ color:#fff;} .highlights-wrapper .highlights-col .highlights-content p a{ font-size: 20px; color: #fff; padding: 0px 70px; margin-bottom: 0px; text-align: center; display:block;} .Shalimar-advantage { background-image: url(../img/advantage-bg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; padding: 70px 0px;} .Shalimar-advantage h2{ color:#fff;} .highlights-advantage{ display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: space-between;} .highlights-advantage .advantage-col{ width:30%; margin-bottom:60px;} .highlights-advantage .advantage-col .highlights-figure { width: 28%; float: left;} .highlights-advantage .advantage-col .highlights-content { width: 72%; float: left; padding-left:15px;} .highlights-advantage .advantage-col .highlights-content h4{ font-family: "Helvetica_LT_Condensed_Bold_2"; color:#fff; font-size:20px; margin: 0px 0px 10px;} .highlights-advantage .advantage-col .highlights-content p{ font-family: "SourceSansPro-Regular"; color:#fff; font-size:18px; margin-bottom:0px; line-height:22px;} .highlights-advantage .advantage-col .highlights-content a{ color: #ffffff; font-family: "SourceSansPro-Bold"; padding-top: 10px; display: inline-block;} .highlights-advantage .advantage-col:nth-child(4), .highlights-advantage .advantage-col:nth-child(5), .highlights-advantage .advantage-col:nth-child(6) { margin-bottom: 0px;} .shalimar-life-wrapper { display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: space-between; padding:50px 0px; align-items: center;} .shalimar-life-wrapper .shalimar-life-left { width: 44%; position: relative; display:none;} .shalimar-life-wrapper .shalimar-life-left .shalimar-life-content{ position: absolute; top: 30%; left: 26%;} .shalimar-life-wrapper .shalimar-life-left .shalimar-life-content span{font-family: "Helvetica_LT_Condensed_Light_2"; font-size:66px; color:#fff; line-height:70px; text-transform: uppercase;} .shalimar-life-wrapper .shalimar-life-right { width: 100%;} .advantage-wrapper .shalimar-advantage-button { text-align: center; padding-top: 45px;} .advantage-wrapper .shalimar-advantage-button a { color: #ffffff; padding: 10px 40px; border: solid 2px #fff; border-radius: 3px; display: inline-block;} /********************************* Highlights Page ********************************/ /********************************* Product Inner Page ********************************/ .signature-section { background-image: url(../img/signature-bg.png); background-position: top center; background-repeat: no-repeat; height: 100%; margin-top: 45px; background-size: cover;} .signature-section.signature-banner-image-custom { background-image: url(../img/green_background.png); background-position: top center; background-repeat: no-repeat; height: 400px; margin-top: 45px; background-size: cover;} .signature-section.signature-banner-image-custom .signature-wrapper{ display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: space-between; align-items:center; padding: 8px 0px 0px;} .signature-section .signature-wrapper{ display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: space-between; align-items:center; padding: 60px 0px 40px;} .signature-section .signature-wrapper .signature-left { width: 100%; display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; justify-content: space-between; align-items: center} .signature-section .signature-wrapper .signature-right { width: 20%;} .signature-section .signature-wrapper .signature-right figure{ float: right; width: 180px; height: 200px; border: solid 2px #fff; text-align: center; padding: 16px; border-radius: 20px;} .signature-section .signature-wrapper .signature-right figure img{ margin:0 auto;} .signature-section .signature-wrapper .signature-right figure span { font-family: "Helvetica_LT_Condensed_Light_2"; color: #fff; font-size: 25px;} .signature-section .signature-wrapper .signature-left figure { width: 25%;} .signature-section .signature-wrapper .signature-left figcaption { width: 75%; padding-left: 60px;} .signature-section .signature-wrapper .signature-left figcaption h2{ margin-bottom: 25px; text-align: left; color: #fff; text-transform: capitalize;} .signature-section .signature-wrapper .signature-left figcaption p{ font-size: 20px; color: #fff;} .shalimar-tab-wrapper { padding: 80px 0px 30px;} .shalimar-tab-wrapper ul{border:none;} .shalimar-tab-wrapper ul.nav li{ width:33%; text-align: center; border-right:solid 1px #dcddde; margin: 0px;} .shalimar-tab-wrapper ul li:last-child{ border-right:0px;} .shalimar-tab-wrapper ul li a{ font-family: "Helvetica_LT_Condensed_Light_2"; font-size:50px; color:#231f20; padding: 0px; margin: 0px; border-radius:0px; border:none;} .shalimar-tab-wrapper ul li.active a{ border:none !important; background-color: #8f7739 !important; color: #fff !important; border-radius: 0px;} .shalimar-tab-wrapper ul li.active>a:hover{ border-left: 1px solid transparent !important; cursor: pointer; border: 0px;} .shalimar-tab-wrapper ul li a:hover{ border:none; background-color:transparent; margin:0px;} .shalimar-tab-wrapper .tab-pane{ padding:70px 0px 0px;} .shalimar-tab-wrapper .tab-pane#Features { padding-top: 40px;} .shalimar-tab-wrapper .tab-pane .benefits-bx{ display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: center;} .shalimar-tab-wrapper .tab-pane .benefits-bx .benefits-col{ width:20%; text-align: center; padding:0px 10px;} .shalimar-tab-wrapper .tab-pane .benefits-bx .benefits-col .benefits-img img{ margin: 0 auto;} .shalimar-tab-wrapper .tab-pane .benefits-bx .benefits-col .benefits-content h3{ color: #231f20; font-family: "Helvetica_LT_Condensed_Light_2"; font-size: 28px; line-height: 42px; margin: 15px 0px; border-bottom: solid 1px #8e004d; padding-bottom: 15px; height: 90px; overflow: hidden;} .shalimar-tab-wrapper .tab-pane .benefits-bx .benefits-col .benefits-content h3 strong{ font-weight:unset;} .shalimar-tab-wrapper .tab-pane .benefits-bx .benefits-col .benefits-content p{ font-size: 20px; margin: 0px; padding: 0px 15px; text-align: center;} .benefits-tab-slider{ display:none;} .features-bx .features-col { display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; padding: 30px 10%;justify-content: space-between; margin: 0 auto; align-items: center;} .features-bx .features-col:nth-child(odd){ background-color:#fff;} .features-bx .features-col:nth-child(even){ background-color:#d1d2d4;} .features-bx .features-col .features-col-left { width: 25%;} .features-bx .features-col .features-col-left span{ color: #231f20; font-size: 32px; font-family: "Helvetica_LT_Condensed_Light_2";} .features-bx .features-col .features-col-right { width: 75%;} .features-bx .features-col .features-col-right ul li { display: inline-block;padding-right: 40px; text-align: center;} .features-bx .features-col .features-col-right ul li:last-child{ padding-right:0px;} .features-bx .features-col:nth-child(5) .features-col-right ul li:last-child { border-left: solid 2px #818285; padding-left: 30px;} .features-bx .features-col .features-col-right ul li figure img{ margin: 0px auto 10px;} .features-bx .features-col .features-col-right ul li figure span { background-image: url(../img/washability-icon.png); background-repeat: no-repeat; width: 85px; height: 80px;display: inline-block;} .features-bx .features-col .features-col-right ul li figure span.low-icon{ background-position: 10px -5px;} .features-bx .features-col .features-col-right ul li figure span.medium-icon{ background-position: -90px -5px;} .features-bx .features-col .features-col-right ul li figure span.high-icon{ background-position: -202px -5px;} .features-bx .features-col .features-col-right ul li figure span.excellent-icon{ background-position: -327px -5px;} .features-bx .features-col .features-col-right ul li.active figure span.low-icon{ background-position: 10px -105px;} .features-bx .features-col .features-col-right ul li.active figure span.medium-icon{ background-position: -90px -105px;} .features-bx .features-col .features-col-right ul li.active figure span.high-icon{ background-position: -202px -105px;} .features-bx .features-col .features-col-right ul li.active figure span.excellent-icon{ background-position: -327px -105px;} .features-bx .features-col:nth-child(even) .features-col-right .pack_size_ul li { padding-right: 10px;} .features-bx .features-col .features-col-right ul li span{ font-family: "HelveticaNeueLTPro-ThCn_2";color: #231f20; font-size: 20px; text-transform:uppercase;} .features-bx .features-col .features-col-right .features-tab-year { width: 100%; display: table;} .features-bx .features-col .features-col-right .features-tab-year figure { width: 22%; display: table-cell;} .features-bx .features-col .features-col-right .features-tab-year figcaption { width: 78%; display: table-cell; vertical-align:top; position: relative;} .features-bx .features-col .features-col-right .features-tab-year figcaption strong{ font-family: "SourceSansPro-Bold"; font-size: 65px; line-height: 60px;} .features-bx .features-col .features-col-right .features-tab-year figcaption span{ font-family: "SourceSansPro-Bold";} .features-bx .features-col .features-col-right .features-tab-year figcaption span.ftd { position: absolute; left: 0; bottom: 0;} .applications-bx .applications-col{ width: 100%; float: left; margin-bottom:50px;} .applications-bx .applications-col ul li { width: 100%; float: left; background-image: url(../img/s-icon.png); background-repeat: no-repeat; padding-left: 30px; background-size: 18px; background-position-y: 7px;} .applications-bx .applications-col h4{ color: #8f7739; font-size: 32px; font-family: "Helvetica_LT_Condensed_Bold_2"; margin: 0px 0px 25px;} .applications-bx .applications-col ul li .app-icon { width: 4%; float: left; padding-top: 2px; display:none;} /* .applications-bx .applications-col ul li .app-content { width: 100%; float: left; background-image: url(../img/s-icon.png); background-repeat: no-repeat; padding-left: 30px; background-size: 18px; background-position-y: 7px;} */ .applications-bx .applications-col ul li .app-content p { margin-bottom: 0px;} /********************************* Product Inner Page ********************************/ /********************************* Professionals Page ********************************/ .product-categories-tab{ background-image: url(../img/pro-categories-bg.jpg); background-repeat: no-repeat; background-size:100% 100%; height: 650px;} .categories-tab-heading h2 { margin-bottom: 25px; padding-top: 50px;} .pro-categories-tab { width:100%; padding-top: 50px; display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; align-items:center;} .pro-categories-tab #sub-tabs { width: 18%; border-bottom: 0px; vertical-align:middle;} .pro-categories-tab #sub-tabs li:last-child{ margin-bottom:0px;} .pro-categories-tab .nav-tabs li { width: 100%; margin: 0px 0px 25px;} .pro-categories-tab .nav-tabs li a{ margin:0px; height: 70px; line-height: 70px; font-family: "Helvetica_LT_Condensed_Light_2"; font-size:32px; color:#fff;padding: 0px;} .pro-categories-tab .nav-tabs li a:hover{ background-color:transparent; border-color: transparent;} .pro-categories-tab .nav-tabs li.active a, .pro-categories-tab .nav-tabs li.active a:hover{border:none !important;} .pro-categories-tab #sub-tabs li.active a{ background-color: #fff; color: #000; padding: 0px; border-radius: 0px;box-shadow: -5px 8px 15px 0px #000;} .pro-categories-tab .nav-tabs li a span { background-image: url(../img/categories-tab-icons.png); background-repeat: no-repeat; width: 75px; height: 70px; float: left; margin-right:20px;} .pro-categories-tab .nav-tabs li a span.interior-icon { background-position: 9px 9px;} .pro-categories-tab .nav-tabs li.active a span.interior-icon{ background-position: 9px -67px;} .pro-categories-tab .nav-tabs li a span.exterior-icon { background-position: 12px 6px;} .pro-categories-tab .nav-tabs li.active a span.exterior-icon{ background-position: 12px -69px;} .pro-categories-tab .nav-tabs li a span.metal-icon { background-position: 8px 17px;} .pro-categories-tab .nav-tabs li.active a span.metal-icon{ background-position: 8px -58px;} .pro-categories-tab .nav-tabs li a span.wood-icon { background-position: 20px 10px;} .pro-categories-tab .nav-tabs li.active a span.wood-icon{ background-position: 20px -66px;} .pro-categories-tab .nav-tabs li a span.floor-icon { background-position: 9px 19px;} .pro-categories-tab .nav-tabs li.active a span.floor-icon{ background-position: 9px -53px;} .tab-content.categories-content{ width: 82%; position: relative; height: 570px;} .tab-content.categories-content:before{ background-image: url(../img/categories-border.png); background-repeat: no-repeat; content: ''; width: 150px; height: 100%; display: inline-block; position: absolute; left: 0px; background-size: auto 100%;} .pro-categories-tab .tab-content .emulsion-bx .emulsion-slider{ width:100%; float:left;} .pro-categories-tab .tab-content .interior-tab .tab-pane .emulsion-bx{ padding:30px 30px 0px 30px;} .pro-categories-tab .tab-content .emulsion-bx .emulsion-slider .emulsion-image{ width:32%; float:left; margin-bottom: 25px; text-align:center;} .pro-categories-tab .tab-content .emulsion-bx .emulsion-slider .emulsion-image img { width: 50%; margin: 0 auto; max-height: 170px; height: 100%; overflow: hidden;} .pro-categories-tab .tab-content .emulsion-bx .emulsion-slider .emulsion-image span { font-family: "SourceSansPro-Regular"; font-size:20px; color:#fff; height: 48px; display: block;padding: 0px 10px; line-height: 24px;} .pro-categories-tab .tab-content .interior-tab .nav-tabs li.active a{ color:#f37021;} .pro-categories-tab a.left.carousel-control{ background-image: url(../img/emulsion-slider-left.png); background-repeat: no-repeat; width: 40px; height: 40px; box-shadow: none; opacity: 1; left: -25px; top: 40%; display:none;} .pro-categories-tab a.right.carousel-control{ background-image: url(../img/emulsion-slider-right.png); background-repeat: no-repeat; width: 40px; height: 40px; box-shadow: none; opacity: 1; right: -25px; top: 40%; } #EnamelsMetal-slider a.left.carousel-control, #EnamelsMetal-slider a.right.carousel-control { display: block;} .pro-categories-tab .tab-content .interior-tab .tab-content { width: 100%;} .pro-categories-tab .tab-content .interior-tab .nav-tabs{ width: 100%; text-align: right; display: inline-block; border-bottom: 0px;height: 30px;} .pro-categories-tab .tab-content .interior-tab .nav-tabs li {padding: 0px 10px; margin-bottom: 0px;float: unset; text-align: left; display: inline-block;width: unset;} .pro-categories-tab .tab-content .interior-tab .nav-tabs li a{color:#fff; font-family: "SourceSansPro-Regular"; font-size:20px; height: auto; line-height: unset; border-right: solid 2px #fff !important;padding-right: 20px;} .pro-categories-tab .tab-content .interior-tab .nav-tabs li.active a{background-color:transparent; } .pro-categories-tab .tab-content .interior-tab .nav-tabs li:last-child, .pro-categories-tab .tab-content .interior-tab .nav-tabs li:last-child a{ padding-right:0px; border-right:none !important;} .emulsion-mobile-slider { display: none;} .product-paints-bx.experiences { top: 25%; left: 46%; transform: translate(-46%, -46%);} .product-paints-bx.experiences h1{ color:#fff; width: 100%;} .product-paints-bx.experiences h1 span { padding-left: 180px;} .dream-home-wrapper .work-showcase-col{ background-image: url(../img/work-showcase-bg.png) !important;} .dream-home-wrapper .get-ideas-col{ background-image: url(../img/get-ideas-bg.png) !important;} .dream-home-wrapper .instituitional-sales-col{ background-image: url(../img/instituitional-sales-bg.png) !important;} .dream-home-wrapper .shalimar-advantage-col{ background-image: url(../img/shalimar-advantage-bg.png) !important;} .professionals-categories-dropdown{ display:none;} .mobileMenu{display:none;} .footerViewButton{display:none;} /********************************* Professionals Page ********************************/ /********************************* Contact Us Page ********************************/ .contact-us-bx { position: absolute; bottom: 80px; left: 20%;} .contact-us-bx h1{ font-family: "HelveticaNeueLTPro-ThCn_2"; font-size: 50px;} .contact-us-bx h1 span{ font-size:65px;} .contact-section h2{ margin-bottom: 55px; font-size: 58px;} .contact-section { padding: 50px 0px;} .contact-wrapper { display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: space-between;} .contact-wrapper .contact-col{ width:46%;} .contact-wrapper .contact-col h3{ color: #231f20; font-family: "Helvetica_LT_Condensed_Light_2"; margin: 0px 0px 15px; font-size: 33px;} .contact-wrapper .contact-col .number { font-size: 20px; color: #231f20; font-family: "SourceSansPro-Regular"; padding: 10px 0px; display: block;} .contact-wrapper .contact-col .number i { color: #f16624;} .contact-wrapper .contact-col .social-media { padding: 15px 0px 50px;} .contact-wrapper .contact-col .social-media span{ font-size: 20px; color: #231f20; font-family: "SourceSansPro-Regular"; padding-bottom: 10px; display: block;} .contact-wrapper .contact-col .social-media ul li a{ border: solid 1px #030000;line-height: 32px;} .contact-wrapper .contact-col .social-media ul li a i{ color:#030000; font-size: 18px;} .contact-wrapper .contact-col .social-media ul li a i span { display: none;} .contact-wrapper .contact-col iframe{ width:100%;} .contact-wrapper .online-enquiry-col{ width:46%;} .contact-wrapper .online-enquiry-col h3{ color: #231f20; font-family: "Helvetica_LT_Condensed_Light_2"; margin: 0px 0px 25px; font-size: 33px; text-align: center;} .contact-wrapper .online-enquiry-col .form-group label{ color: #231f20; font-size: 12.5px; font-family: "SourceSansPro-Regular"; font-weight: unset; margin: 0px;} .contact-wrapper .online-enquiry-col .form-group .form-control{ border: none; box-shadow: none; background-color: #f3f3f3; border-radius: 0px; height: 40px; font-family: "SourceSansPro-Regular"; font-size:16px;} .contact-wrapper .online-enquiry-col .form-group { margin-bottom: 45px;} .contact-wrapper .online-enquiry-col .form-group #mobileno{ } .contact-wrapper .online-enquiry-col .form-group #mobileno::-webkit-inner-spin-button, .contact-wrapper .online-enquiry-col .form-group #mobileno::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;} .contact-wrapper .online-enquiry-col .form-group textarea { resize: none; height: 155px !important;} .contact-wrapper .online-enquiry-col .submit{ width: 100%; display: block; text-align: center;} .contact-wrapper .online-enquiry-col .submit button{ background-color: #f37021; border: none; width: 140px; height: 35px; line-height: 33px; border-radius: 5px; font-family: "SourceSansPro-Bold"; font-size: 20px; color: #fff;} #success { text-align: center; margin: 15px 0px; padding: 15px; border: solid 1px #231f20; font-size: 16px; float: left; width: 100%;} /********************************* Contact Us Page ********************************/ /********************************* DIY Page ********************************/ .diy-bx { position: absolute; bottom: 95px; left: 20%;} .diy-bx h1{ font-family: "HelveticaNeueLTPro-ThCn_2"; font-size: 58px; margin: 0px;} .diy-bx h1 span{ font-size:80px;} .yourself-section { padding: 50px 0px;} .yourself-section h2{ font-size: 58px;} .yourself-wrapper { width: 100%; display:table; padding-bottom: 50px;} .yourself-wrapper .yourself-col-img { width: 49%; display: table-cell; vertical-align: middle;} .yourself-wrapper .yourself-col-content { width: 49%; display: table-cell; vertical-align: middle; padding: 20px; border-color: #afafaf; border-style: solid; border-width: 1px 1px 1px 0px; border-radius:0px 10px 10px 0px; min-height: 300px; position:relative; z-index:9;} .yourself-wrapper .yourself-col-content h3{ font-size: 32px; margin: 0px 0px 15px; color: #2e3192; font-family: "Helvetica_LT_Condensed_Bold_2"; float: left; width: 100%;} .yourself-wrapper .yourself-col-content h3 .step{ float:left; color: #231f20;} .yourself-wrapper .yourself-col-content h3 .step-con{ float:left; width:80%; padding-left:10px;} .yourself-wrapper .yourself-col-content p{ clear:both;} .yourself-wrapper:nth-child(odd) .yourself-col-content { border-width: 1px 0px 1px 1px; border-radius:10px 0px 0px 10px; } .yourself-wrapper:last-child { padding-bottom: 0px;} .yourself-wrapper .yourself-col-content:after { content: ''; background-image: url(../img/diy-content-bg.png);display: block; width: 300px; height: 300px; background-repeat: no-repeat; background-position: center center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;} /********************************* DIY Page ********************************/ /********************************* Dos-&-donts Page ********************************/ .do-dont-wrapper { display: flex;display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: space-between; padding:170px 0px 50px;} .do-dont-wrapper .do-dont-col.do-dont-col.dos{ width:49%; padding: 150px 35px 40px; background-color:#e3f1ea; border-radius: 10px; position:relative;} .do-dont-wrapper .do-dont-col.dont{ width:49%; padding: 150px 35px 40px; background-color:#e3f1ea; border-radius: 10px; position:relative; background-color:#fdebe6;} .do-dont-wrapper .do-dont-col .guidelines-bx { width: 100%; display:table; padding-bottom: 50px;} .do-dont-wrapper .do-dont-col .guidelines-bx .do-dont-img{ width:35%; display:table-cell; padding-top: 7px; vertical-align: top;} .do-dont-wrapper .do-dont-col .guidelines-bx .do-dont-content{ width:65%; display:table-cell; padding-left:20px; vertical-align: top;} .do-dont-wrapper .do-dont-col.do-dont-col.dos .guidelines-bx:nth-child(odd) .do-dont-content{ padding-left: 0px; padding-right: 20px;} .do-dont-wrapper .do-dont-col.dont .guidelines-bx:nth-child(odd) .do-dont-content{ padding-left: 0px; padding-right: 20px;} .do-dont-wrapper .do-dont-col.do-dont-col.dos .dos-top { position: absolute; top: -25px; transform: translate(-50%, -50%); left: 50%; background-image: url(../img/dos-bg.png); background-position: top center; background-repeat: no-repeat; width: 267px; height: 275px; text-align: center;z-index: 2;} .do-dont-wrapper .do-dont-col.do-dont-col.dos .dos-top h4{ margin: 0px; line-height: 275px; font-family: "HelveticaNeueLTPro-ThCn_2"; font-size: 56px; font-weight: bold;transform: translateX(-15px); -o-transform: translateX(-15px); -ms-transform: translateX(-15px); -moz-transform: translateX(-15px);} .do-dont-wrapper .do-dont-col.do-dont-col.dos .dos-bottom { position: absolute; bottom: -16%; transform: translate(-50%, -50%); left: 50%; background-image: url(../img/dos-bg.png); background-position: top center; background-repeat: no-repeat; width: 267px; height: 275px; text-align: center;z-index: 2;} .do-dont-wrapper .do-dont-col.do-dont-col.dos .dos-bottom h4{ margin: 0px; line-height: 275px; font-family: "HelveticaNeueLTPro-ThCn_2"; font-size: 56px; font-weight: bold;} .do-dont-wrapper .do-dont-col.do-dont-col.dont .dont-top { position: absolute; top: -25px; transform: translate(-50%, -50%); left: 50%; background-image: url(../img/dont-bg.png); background-position: top center; background-repeat: no-repeat; width: 267px; height: 275px; text-align: center;z-index: 2;} .do-dont-wrapper .do-dont-col.do-dont-col.dont .dont-top h4{ margin: 0px; line-height: 275px; font-family: "HelveticaNeueLTPro-ThCn_2"; font-size: 56px; font-weight: bold;transform: translateX(-15px); -o-transform: translateX(-15px); -ms-transform: translateX(-15px); -moz-transform: translateX(-15px);} .do-dont-wrapper .do-dont-col.do-dont-col.dont .dont-bottom { position: absolute; bottom: -16%; transform: translate(-50%, -50%); left: 50%; background-image: url(../img/dont-bg.png); background-position: top center; background-repeat: no-repeat; width: 267px; height: 275px; text-align: center;z-index: 2;} .do-dont-wrapper .do-dont-col.do-dont-col.dont .dont-bottom h4{ margin: 0px; line-height: 275px; font-family: "HelveticaNeueLTPro-ThCn_2"; font-size: 56px; font-weight: bold;} .do-dont-col.dos:after { content: ''; display: inline-block; height: calc(100% - 30px); position: absolute; top: 50%; left: 18px; width: 40%; border-style: solid; border-color: #c2e0d1; border-width: 1px 0px 1px 1px; z-index: 0; border-radius: 10px 0px 0px 10px; transform: translate(0, -50%);} .do-dont-col.dont:after { content: ''; display: inline-block; height: calc(100% - 30px); position: absolute; top: 50%; left: 18px; width: 40%; border-style: solid; border-color: #fad3c8; border-width: 1px 0px 1px 1px; z-index: 0; border-radius: 10px 0px 0px 10px; transform: translate(0, -50%);} .do-dont-wrapper .do-dont-col.do-dont-col.dos .dos-bottom, .do-dont-wrapper .do-dont-col.do-dont-col.dont .dont-bottom{ display:none;} .dos-mobile-slider, .dont-mobile-slider { display: none;} /********************************* Dos-&-donts Page ********************************/ /********************************* Investors Page ********************************/ .idea-bx.investors-bx { left: 32%; top: 22%;} .investors-wrapper {display: flex;display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: space-between;} .investors-section { padding: 60px 0px;} .investors-section h2{ font-size: 58px;} .idea-bx.investors-bx h1 { color: #231f20;} .investors-wrapper .investors-left{ width:48.5%;} .investors-wrapper .investors-left .investors-content { text-align: center; padding: 25px; margin-bottom:25px;border-radius: 10px; height:380px; display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; align-items: center;} .investors-wrapper .investors-left .investors-content .investors-col{ width:100%;} .investors-wrapper .investors-left .investors-content h4{ font-family: "HelveticaNeueLTPro-ThCn_2"; font-size: 33px; margin: 0px 0px 10px; color:#fff;} .investors-wrapper .investors-left .investors-content span{ font-family: "SourceSansPro-Bold"; font-size:20px;color:#fff;} .investors-wrapper .investors-left .investors-content p{ line-height:32px; color:#fff; text-align: center;} .investors-wrapper .investors-left .investors-content .investors-col a{ color:#fff;} .investors-content.one { background-image: url(../img/investors-one.png); background-repeat: no-repeat; height: 500px !important; background-size: cover;} .investors-content.two { background-image: url(../img/investors-two.png); background-repeat: no-repeat;} .investors-content.three { background-image: url(../img/investors-three.png); background-repeat: no-repeat;} .investors-wrapper .investors-right{ width:48.5%;} .investors-wrapper .investors-right .panel-heading{ padding:0px; background-color: transparent;} .investors-wrapper .investors-right .panel-heading a { color: #231f20; text-decoration: none; padding: 10px 0px; display: block; font-size: 20px; text-align: left; text-transform: capitalize; position: relative; font-family: "SourceSansPro-Bold";} .investors-wrapper .investors-right .panel-default { border: none; box-shadow: none; border-bottom: solid 1px #d4d5d6; border-radius: 0px; margin-bottom: 23px;} .investors-wrapper .investors-right .panel-default>.panel-heading a[aria-expanded="false"]:after { content: '[+]';} .investors-wrapper .investors-right .panel-default>.panel-heading a[aria-expanded="true"]:after { content: '[-]';} .investors-wrapper .investors-right .panel-default>.panel-heading a:after { content: '[+]'; position: absolute; top: 10px; right: 0px; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: right; transition: transform .25s linear; -webkit-transition: -webkit-transform .25s linear; font-size: 25px; color: #231f20;} .investors-wrapper .investors-right .panel-body .select2 { width: 40%; display: block; margin-bottom: 15px; height: 35px; font-family: "SourceSansPro-Regular";} .investors-wrapper .investors-right .panel-body .download-text{ color: #c00; font-style: italic; font-size: 12px; margin-bottom: 0px;} /********************************* Investors Page ********************************/ /********************************* shade-card Page ********************************/ .product-paints-bx h1 b { font-size: 90px; font-weight: unset;} .product-paints-bx.shade-card { left: 18%; top: 35%;} .shade-colours { padding: 60px 0px;} .shade-colours h2{ margin-bottom:30px;} .shade-colours p{ padding: 0px 12%; text-align: center; line-height: 30px;} .shade-colours ul{ display: flex;display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: center; padding-top:40px;} .shade-colours ul li{ width: 24%; margin-bottom: 60px;} .shade-colours ul li a img{ margin: 0 auto 5px;} .shade-colours ul li a span{ color:#231f20; font-size:20px;font-family: "SourceSansPro-Regular"; text-align: center; display: block;} .shade-card-pdf { display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: space-between; padding: 30px 0px;} .shade-card-pdf div span{ display:none;} .modal-open .modal .modal-dialog { top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); margin: 0px; position: absolute; width: 670px;} .modal-open .modal .modal-dialog .modal-content { border-radius: 0px; border: none;} .modal-open .modal .modal-dialog .modal-body { width: 100%; float: left;} .modal-open .modal .modal-dialog .modal-body #mainclour li{ float: left; margin: 0 1px 1px 0; padding: 0; background-color: #fff; border: 1px solid #e1e1e1;} .modal-open .modal .modal-dialog .modal-header { padding: 0px; border-bottom: 0px; position: absolute; right: -15px; top: -15px; z-index:999;} .modal-open .modal .modal-dialog .modal-header button{ width: 30px; height: 30px; background-color: #231f20; border-radius: 50%; line-height: 30px; text-align: center; margin: 0px; color: #fff; opacity: 1;} .modal-open .modal .modal-dialog .btn-default { float:left; border-radius:0px; background-color: #f26522; color: #fff; border: none; font-family: "SourceSansPro-Regular"; font-size: 16px;} .modal-open .modal .modal-dialog .modal-footer{ padding:0px;} .modal-open .modal .modal-dialog .modal-body #mainclour li.active{ border: 1px solid #231f20;} .modal-open .modal .modal-dialog .modal-body .shades-box-popup-slide-img{ width:100%; float:left;} .modal-open .modal .modal-dialog .modal-body .shades-box-popup-slide-img .color-code-box{ width: 25%; float: left; padding-right: 15px;} .modal-open .modal .modal-dialog .modal-body .shades-box-popup-slide-img .color-code-box p.color-code { font-size: 16px; text-align:left;} .modal-open .modal .modal-dialog .modal-body .shades-box-popup-slide-img #mainclour{ width: 75%; float: left;} /********************************* shade-card Page ********************************/ /********************************* Careers Page ********************************/ .product-paints-bx.careers{ left:19%; top: 40%;} .product-paints-bx.careers h1 { font-size: 82px;} .shalimar-tab-wrapper.tab-bx #careers li a{ font-size:33px; line-height: 80px;} .shalimar-tab-wrapper.tab-bx #careers li.active a { background-color:#f37021 !important;} .catalogues-col-one.life-shalimar{background-image: url(../img/life-shalimar-bg.png);} .environment-bx-two.work-culture{background-image: url(../img/work-culture-bg.png); } .catalogues-col-one.core-values{background-image: url(../img/core-values-bg.png); margin-bottom: 100px;} .catalogues-col-one{ background-repeat: no-repeat; background-size: 100% auto; height: 327px; width: 80%; display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; align-items: center; padding: 20px; float: right; position: relative;} .catalogues-col-one .catalogues-col-content { padding: 0px 0px 0px 35%;} .catalogues-col-one .catalogues-col-content figure{ position: absolute; left: -27%; top: -60px;} .catalogues-col-content .environment-bx-content h3{ font-family: "Helvetica_LT_Condensed_Light_2"; font-size: 33px; color: #fff; margin: 0px 0px 12px;} .catalogues-col-content .environment-bx-content p{ line-height: normal; color: #fff; margin-bottom:0px;} .environment-bx-two{ background-repeat: no-repeat; background-size: 100% auto; height: 327px; width: 80%; display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; align-items: center; padding: 20px; float: left; position: relative;margin: 120px 0px;} .environment-col-content { padding: 0px 32% 0px 0px;} .environment-bx-two .environment-col-content figure{ position: absolute; right: -27%; top: -60px;} .environment-bx-two .environment-col-content h3{ font-family: "Helvetica_LT_Condensed_Light_2"; font-size: 33px; color: #fff; margin: 0px 0px 12px;} .environment-bx-two .environment-col-content p{ line-height: normal; color: #fff; margin-bottom:0px;} .environment-bx.Environment { margin-top: 70px;} .catalogues-col-one.increased-growth{background-image: url(../img/increased-growth-bg.png);} .environment-bx-two.training-development{background-image: url(../img/training-development-bg.png);} .catalogues-col-one.innovative-ideas{background-image: url(../img/innovative-ideas-bg.png); margin-bottom: 100px;} .catalogues-col-one.innovative-ideas .catalogues-col-content { padding: 0px 0px 0px 30%;} .catalogues-col-one.increased-growth h3, .catalogues-col-one.increased-growth p, .environment-bx-two.training-development h3, .environment-bx-two.training-development p, .catalogues-col-one.innovative-ideas h3, .catalogues-col-one.innovative-ideas p{ color:#fff;} .apply-bx { display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: space-between;} .apply-bx .apply-col{ width:46%;} .apply-bx .apply-col .form-group{ width: 100%; float: left; margin-bottom:30px;} .apply-bx .apply-col .form-group label{ font-family: "SourceSansPro-Regular"; font-size: 20px; font-weight: unset; color: #231f20; width: 20%; margin-bottom: 0px; float: left;} .apply-bx .apply-col .form-group .custom-file-input { width: 80%; float: left; border: none; background-color: #f3f3f3; height: 33px; padding: 0px 10px;font-family: "SourceSansPro-Regular"; font-size:20px;} .apply-bx .apply-col .form-group textarea { width: 80%; float: left; border: none; background-color: #f3f3f3; height: 105px; padding: 10px; resize: none;font-family: "SourceSansPro-Regular"; font-size:20px;} .apply-bx .apply-col .form-group .submit{ background-color: #f37021; border: none; width: 140px; height: 35px; line-height: 33px; border-radius: 5px; font-size: 20px; color: #fff; font-family: "SourceSansPro-Regular"; text-transform: uppercase; display: block; margin: 0 auto;} .apply-bx .apply-col .work-with{ padding:30px 40px; border-radius: 10px; width: 100%; align-items: center; background-image: linear-gradient(to top, #1b3145, #3f5e7b, #3f5e7b);position:relative;} .apply-bx .apply-col .work-with:after { content: ''; display: block;position: absolute; top: 18px; left: 20px; border-image-slice: 1; border-style: solid; border-color: #6b8399; border-width: 1px 0px 1px 1px; border-radius: 10px 0px 0px 10px; height: calc(100% - 30px); width: 50%;} .apply-bx .apply-col .work-with h3 { font-family: "Helvetica_LT_Condensed_Bold_2"; font-size: 33px; color: #fff; margin: 0px 0px 10px;} .apply-bx .apply-col .work-with p{ color:#fff; line-height:33px; margin-bottom: 0px;} .apply-bx .apply-col .form-group .custom-file-input+div{ padding-left: 20%; color: #ff0000;} .contact-wrapper .online-enquiry-col .form-group div{ color: #ff0000;} /********************************* Careers Page ********************************/ /********************************* Marine Page ********************************/ .product-paints-bx.marine { top: 37%; left: 19%;} .product-paints-bx.marine h1{ font-size:50px; color:#fff;} .product-paints-bx.marine h1 b{ font-size:75px;} .marine-section{ padding-top: 60px; background-image: url(../img/marine-bg-img.jpg); background-repeat: no-repeat; background-size: 100% auto;} .marine-content h2{ margin-bottom:25px; font-size:58px;} .marine-content ul { padding-top: 15px;} .marine-content ul li{ width:100%; float:left; padding-bottom: 10px;} .marine-content ul li .marine-icon{ width: 4%; float: left; padding-top: 2px; display:none;} .marine-content ul li .marine-content{ width: 100%; float: left; background-image: url(../img/s-icon.png); background-repeat: no-repeat; padding-left: 30px; background-size: 18px; background-position: 0px;} #binder-system .binder-system-bx { width: 70%;} .binder-system-bx .panel-default { border-radius: unset; border: none; box-shadow: none;} .binder-system-bx .panel-default .panel-heading { background-color: transparent; padding: 0px;} .binder-system-bx .panel-default h4 a{ color: #f37021 !important; text-decoration: none; display: block; text-align: left; text-transform: capitalize; position: relative; background-color: transparent; padding: 12px 0px; font-family: "Helvetica_LT_Condensed_Light_2"; font-size: 33px;} .binder-system-bx .panel-default>.panel-heading a:after { content: ""; position: absolute; top: 20px; right: 10px; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: right; transition: transform .25s linear; -webkit-transition: -webkit-transform .25s linear; font-size: 25px; color: #1b7db8;width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #000;} .binder-system-bx .panel-default>.panel-heading a[aria-expanded="false"]:after { content: ""; width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #000;} .binder-system-bx .panel-default>.panel-heading a[aria-expanded="true"]:after { content: ""; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #000;} #binder-system .binder-content ul li { font-family: "SourceSansPro-Regular"; font-size: 20px; padding: 10px 0px; text-align: justify;} /********************************* Marine Page ********************************/ /********************************* News Page ********************************/ .product-paints-bx.news { top: 25%; left: 20%;} .product-paints-bx.news h1 { font-size: 50px;} .product-paints-bx.news h1 b{ font-size: 75px;} #news { width: 60%;/* margin: 0 auto;*/margin-right:10px; text-align: center;} #news li { width: 50%;} #news li a{ font-size:33px; height:78px; line-height:78px;} #news li.active a{ background-color:#f37021 !important;} .news-tab-bx{ background-image: url(../img/news-bx-bg.jpg); background-repeat: no-repeat; background-size: 100% auto;} .news-tab-bx .shalimar-tab-wrapper .tab-pane{ padding: 50px 0px 0px;} .news-tab-bx .shalimar-tab-wrapper .tab-pane .shalimar-news-bx { width: 75%; margin: 0 auto;} .news-pdf-bx{ text-align: center; padding-bottom: 50px; max-width: 170px; margin: 0 auto; width: 100%; position: relative;} .news-pdf-bx:after { content: ''; width: 13px; height: 13px; border-bottom: 2px solid #000; border-left: 2px solid #000; position: absolute; transform: rotate(-45deg) skew(0deg); top: 14px; right: 15px; cursor: pointer; border-top: unset; border-right: 0px;} .news-tab-bx .shalimar-tab-wrapper .tab-pane .shalimar-news-bx #pdf-select { width: 170px; height: 50px; padding: 0px 10px; background-color: #e6e7e8; border: none; font-size: 33px; color: #231f20; font-family: "HelveticaNeueLTPro-ThCn_2";} .news-tab-bx .shalimar-tab-wrapper .tab-pane .shalimar-news-bx .news-col{ width: 100%; display: table; padding-bottom:35px;} .news-tab-bx .shalimar-tab-wrapper .tab-pane .shalimar-news-bx .news-col .news-icon { width: 12%; display: table-cell;} .news-tab-bx .shalimar-tab-wrapper .tab-pane .shalimar-news-bx .news-col .news-content { width: 88%; display: table-cell;vertical-align: top;} .news-tab-bx .shalimar-tab-wrapper .tab-pane .shalimar-news-bx .news-col .news-content h4{ font-size: 20px; margin: 0px 0px 7px; color: #231f20; font-family: "SourceSansPro-Semibold_0";} #shalimarnews, #pressreleasesdates{ width: 170px; height: 50px; padding: 0px 15px; background-color: #e6e7e8; border: none; font-size: 33px; color: #231f20; font-family:"HelveticaNeueLTPro-ThCn_2"; margin: 0; position:relative;-webkit-appearance: none; -moz-appearance: none; appearance: none;} #shalimarnews option, #pressreleasesdates option{ font-size: 20px; color: #231f20; font-family: "SourceSansPro-Regular";} /********************************* News Page ********************************/ /********************************* About Us Page ********************************/ .about-wrapper { width: 100%; float: left; padding: 60px 0px;} .product-paints-bx.about-ux { top: 45%; left: 50%; transform: translate(-45%, -50%); -ms-transform: translate(-45%, -50%); -o-transform: translate(-45%, -50%);} .product-paints-bx.about-ux img { width: 70%; margin: 0 auto;} .about-wrapper #about-us { width: 35%; float: left; border-bottom: none;} .about-wrapper #about-us li { width: 90%; padding: 0; border-bottom: solid 1px #fac2c5;margin-bottom: 0;} .about-wrapper #about-us li a { border: none; color: #231f20; font-size: 21px; font-family: "HelveticaNeueLTPro-ThCn_2"; margin: 0px; line-height: 30px; display: block; position: relative; padding: 19px 0 19px 58px !important; letter-spacing: 0.5px;} .about-wrapper #about-us li a span{ text-align: center; position: absolute; top: 16px; left: 0;} .about-wrapper #about-us li a span.legacy { background-position: 3px 1px;} .about-wrapper #about-us li a span.art-science { background-position: -51px 1px;} .about-wrapper #about-us li a span.board-director { background-position: -111px 1px;} .about-wrapper #about-us li a span.r-d { background-position: -169px 1px;} .about-wrapper #about-us li a span.csr { background-position: -230px 1px;} .about-wrapper #about-us li a span.distribution-network { background-position: -291px 1px;} .about-wrapper #about-us li a span.manufacturing { background-position: -350px 1px;} .about-wrapper #about-us li a:hover{ background-color:transparent;} .about-wrapper #about-us li.active a{ color:#f37021;} .about-wrapper #about-us li:last-child{ border-bottom:none;} .about-wrapper .dropdown { display: none;} .about-wrapper .tab-content { width: 65%; float: left; padding-left: 50px; border-left: solid 1px #fac2c5;} .about-wrapper .about-tab-content h3{ font-family: "Helvetica_LT_Condensed_Medium_2"; margin: 0px 0px 18px; color: #231f20; font-size: 37px; text-transform: uppercase;line-height: 44px;} .about-wrapper .about-tab-content p{ line-height:33px; margin-bottom:20px;} .about-wrapper .about-tab-content figure{ padding-top:35px;} .about-wrapper .about-tab-content strong{ font-family: "SourceSansPro-Semibold_0"; font-size:20px;color:#231f20; padding-bottom:10px; display:block;} .about-wrapper .about-tab-content ul{ padding-left: 15px;} .about-wrapper .about-tab-content ul li{ font-family: "SourceSansPro-Regular"; font-size: 18px; line-height: 40px; background-image: url(../img/s-icon.png); background-repeat: no-repeat; padding-left: 40px; background-position: 7px; background-size: 18px;} .director-profile { width: 100%; float: left; padding-bottom: 5px; border-bottom: solid 1px #c8c8c8; margin-bottom: 25px;} .director-profile .profile-image { width: 25%; float: left; padding-top: 7px;} .director-profile .profile-content { width: 75%; float: left; padding-left:15px;} .director-profile .profile-image strong { padding: 10px 0px 5px;} .director-profile .profile-content p{ clear:both; line-height: 22px; font-size: 15px; text-align: justify;} .director-table { width: 100%; float: left; padding-bottom: 35px;} .director-table:last-child{ padding-bottom:0px;} .director-table h5{ font-family: "SourceSansPro-Semibold_0"; font-size: 26px; color: #f16624; margin: 0px 0px 15px; display:block;} .director-table table { width: 100%;} .director-table table thead { background-color: #f1f1f1;} .director-table table thead tr th{ padding:10px; text-align:left; border: solid 1px #d6d6d6; font-family: "SourceSansPro-Semibold_0"; font-size:18px;} .director-table table tbody tr td{ padding:10px; text-align:left; border: solid 1px #d6d6d6; font-family: "SourceSansPro-Regular"; font-size:16px;} /********************************* About Us Page ********************************/ /********************************* Dealer Page ********************************/ .product-paints-bx.dealers { left: 19%;} .product-paints-bx.dealers h1{ font-size:84px;} .dealer-tab-box { width: 75%; margin: 50px auto 0px; display: table;} .catalogues-col-one.fueling-growth{background-image: url(../img/fueling-growth-bg.png); height: 226px; background-size: auto 100%; background-position: right;} .environment-bx-two.investing-in-r-d{background-image: url(../img/investing-in-r-d-bg.png); height: 226px; margin: 90px 0px; padding: 20px 20px 20px 50px; background-size: auto 100%; background-position: left;} .catalogues-col-one.expanding-our-network{background-image: url(../img/expanding-our-network-bg.png); height: 226px;background-size: auto 100%; background-position: right;} .environment-bx-two.diversifying-offerings{background-image: url(../img/diversifying-offerings-bg.png); height: 226px; margin: 90px 0px 30px; padding: 20px 20px 20px 50px; background-size: auto 100%; background-position: left;} #dealership-request-form .dealer-tab-box { margin-top: 0px;} .dealer-tab-box form .form-group{ width: 100%; float: left; margin-bottom:30px;} .dealer-tab-box form .form-group label{ width: 20%; float: left; font-size: 20px; color: #231f20; font-family: "SourceSansPro-Regular"; font-weight: unset; margin-bottom: 0px;} .dealer-tab-box form .form-group .request-bx{ width: 80%; float: left; font-size: 20px; color: #231f20; font-family: "SourceSansPro-Regular";} .dealer-tab-box form .form-group .request-bx .first-name:nth-child(1){ width: 48%; float: left;} .dealer-tab-box form .form-group .request-bx .first-name:nth-child(2), .dealer-tab-box form .form-group .request-bx .Last-name{ width: 48%; float: right;} .dealer-tab-box form .form-group .request-bx input { width: 100%; border: none; background-color: #f3f3f3; height: 50px; line-height: 50px; padding: 0px 15px;} .dealer-tab-box form .form-group .request-bx div { font-size: 12px; color: #ff0000;} .dealer-tab-box form .form-group .request-bx input[type=number]::-webkit-inner-spin-button, .dealer-tab-box form .form-group .request-bx input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;} .dealer-tab-box form .form-group .request-bx .name { display: block; font-size: 12px; padding-top: 5px;} .dealer-tab-box form .form-group .request-bx .email-bx { width: 100%; float: left; margin-bottom: 30px;} .redio-btn-bx { width: 100%; float: left;} .redio-btn-bx .redio-btn-group { width: 100%; float: left; padding-bottom: 50px;} .redio-btn-bx .redio-btn-group .label { width: 27%; float: left; font-size: 20px; color: #231f20; font-family: "SourceSansPro-Regular"; font-weight: unset; margin-bottom: 0px; text-align:left; padding:0px;} .redio-btn-group .redio-input{ width: 70%; float: left;} .redio-btn-bx .redio-btn-group:first-child .redio-input .redio-btn { display: inline-block; width: 45%; padding-bottom: 0px;} .redio-btn-group .redio-input .redio-btn { font-size:20px; color:#231f20; font-family:"SourceSansPro-Regular"; font-weight:unset; margin-bottom:0px; padding-left:30px;padding-bottom:15px;} .redio-btn { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 17px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .redio-btn input { position: absolute; opacity: 0; cursor: pointer;} .radiobtn { position: absolute; top: 6px; left: 0; height: 18px; width: 18px; border-radius: 50%; border: solid 1px #231f20;} .redio-btn input:checked ~ .radiobtn:after { display: block;} .redio-btn input:checked ~ .radiobtn:after { content: ''; top: 3px; left: 3px; width: 10px; height: 10px; border-radius: 50%; background: #231f20; position: absolute;} .redio-btn input:checked ~ .radiobtn { background-color: #fff;} #dealership-request-form .dealer-tab-box .btn-bx { width: 100%; float: left; text-align: center;} .dealer-tab-box form .btn-bx .submit{ background-color: #f37021; border: none; border-radius: 4px; width: 120px; height: 35px; line-height: 33px; color: #fff; font-size: 20px; font-family: "SourceSansPro-Bold"; text-transform: uppercase;} /********************************* Dealer Page ********************************/ /********************************* Protective Coatings Page ********************************/ .product-paints-bx.protective-coatings { top: 15%; left: 20%;} .product-paints-bx.protective-coatings h1{ font-size:50px;} .product-paints-bx.protective-coatings h1 b{ font-size:75px;} .protective-coatings-content { padding: 50px 0px;} .product-filter-tab { padding: 50px 0;} .protective-coatings-content p { margin-bottom: 25px; line-height: 30px;} .product-filter-tab article{display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width:100%; justify-content: space-between;} .product-filter-tab article .product-filter-col{ width:48%;} .product-filter-tab .filter-heading b{ font-weight: unset; padding-right: 50px; border-right: solid 1px #ccc; margin-right: 50px; font-size: 33px; color: #939393; font-family: "HelveticaNeueLTPro-ThCn_2"; float: left;} .product-filter-tab .filter-heading .btn-group { width: 35%;} .product-filter-tab .filter-heading .btn-group a.dropdown-toggle{ color: #231f20; font-size: 33px; font-family: "HelveticaNeueLTPro-ThCn_2"; padding: 0px; line-height: normal; width: 95%; text-align: left; box-shadow: none; overflow: hidden; text-overflow: ellipsis; padding-right: 25px;} .product-filter-tab .filter-heading .btn-group a.dropdown-toggle .caret { content: ""; width: 18px; height: 18px; border-bottom: 2px solid #000; border-left: 2px solid #000; position: absolute; transform: rotate(-45deg) skew(0deg); top: 7px; right: 3px; cursor: pointer; border-top: unset; border-right: 0px;} .product-filter-tab .filter-heading .reset-btn{ float: right; background-color: transparent; border: solid 1px #ccc; padding: 3px 40px; font-size: 24px; border-radius: 5px; color: #231f20; box-shadow: -1px 1px 0px 1px #f26522; font-family: "HelveticaNeueLTPro-ThCn_2";} .product-filter-tab .filter-heading .btn-group .dropdown-menu{ width:95%; border-radius: 0px; padding:0px;} .product-filter-tab .filter-heading .btn-group .dropdown-menu li a { padding: 10px; color: #231f20; font-size: 16px; font-family: "SourceSansPro-Regular"; border-bottom: solid 1px #ccc; white-space: initial;} .product-filter-tab .filter-heading .btn-group .dropdown-menu li:last-child a{ border-bottom:none;} .product-filter-tab .filter-heading .btn-group .dropdown-menu li a:hover{ background-color:#f26522; color:#fff;} .product-filter-tab article .product-filter-col .product-filter-accordion { padding-top: 50px;} .product-filter-tab article .product-filter-col .filter-heading button.reset-btn { float: right; background-color: transparent; border: solid 1px #ccc; padding: 4px 50px; font-size: 24px; border-radius: 5px; color: #231f20; box-shadow: -1px 1px 0px 1px #f26522;} .product-filter-tab article .product-filter-col .product-filter-accordion h5{ font-size: 20px; color: #231f20; font-family: "SourceSansPro-Regular"; line-height: 35px;} .product-filter-tab article .product-filter-col .product-filter-accordion a { width: 100%; display: block; position: relative; text-decoration:none;} .product-filter-tab article .product-filter-col .product-filter-accordion a[ aria-expanded="false"]:after{ content: ""; width: 8px; height: 8px; border-bottom: 2px solid #000; border-left: 2px solid #000; position: absolute; transform: rotate(-135deg) skew(0deg); top: 6px; right: 10px; cursor: pointer;} .product-filter-tab article .product-filter-col .product-filter-accordion a[ aria-expanded="true"]:after{ content: ""; width: 8px; height: 8px; border-bottom: 2px solid #000; border-left: 2px solid #000; position: absolute; transform: rotate(-45deg) skew(0deg); top: 6px; right: 10px; cursor: pointer;} .product-filter-tab article .product-filter-col .product-filter-accordion .card-body p{ font-size:16px; margin-bottom:0px;} .product-filter-tab article .product-filter-col .product-filter-accordion .card-body p strong{ color:#2e3192; font-family: "SourceSansPro-Bold";} .product-filter-tab article .product-filter-col .product-filter-accordion .card-body{ padding: 10px; background-color: #f1f1f1; margin-bottom: 10px; position: relative;} .product-filter-tab article .product-filter-col .product-filter-accordion .card-body p strong a { color: #2e3192; width: auto; position: absolute; right: 10px; top: 10px;} /********************************* Protective Coatings Page ********************************/ /********************************* By Room Page ********************************/ .room-wrapper { padding: 50px 0px;} .diy-bx.by-room { bottom: unset; top: 30px; left: 19%; color: #fff;} .room-wrapper h2{ margin: 0px 0px 25px;} .room-wrapper h2+p, .room-wrapper h2+p+p { text-align: center;} .room-wrapper .room-bx{ width: 100%; padding-top: 50px; display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; align-items: center; justify-content: space-between;} .room-wrapper .room-bx .room-col-img{ width:50%;} .room-wrapper .room-bx .room-col-content{ width:46%;} .room-wrapper .room-bx .room-col-content h3{ font-size: 33px; margin: 0px 0px 15px; color: #b1803f; font-family: "Helvetica_LT_Condensed_Light_2"} .room-wrapper .room-bx.odd .room-col-content{ text-align: right;} /********************************* By Room Page ********************************/ /********************************* By Horoscope Page ********************************/ .diy-bx.horoscope { color: #fff; bottom: unset; top: 35%;} /********************************* By Horoscope Page ********************************/ /********************************* Color Combinations Page ********************************/ /* .room-wrapper.color-combinations .room-bx{ align-items: unset;} */ .room-wrapper.color-combinations { padding: 0px;} .diy-bx.by-mood { bottom: unset; top: 13%; left: 41%; color: #fff;} .room-wrapper.color-combinations .room-bx .room-col-content h3 { margin: 0px;} .room-wrapper.color-combinations .room-bx .room-col-content strong{ font-family: "SourceSansPro-Bold"; font-size:20px; color: #231f20; padding: 10px 0px; display: block; line-height: normal;} .room-wrapper.color-combinations .room-bx .room-col-content p { text-align: left; margin-top: 10px;} .room-wrapper.color-combinations .room-bx.odd .room-col-content p{ text-align: right;} /********************************* Color Combinations Page ********************************/ /********************************* Send us your Queries Page ********************************/ .send-queries-section { padding: 60px 0px;} .send-queries-wrapper { width: 75%; margin: 0 auto; padding-top: 20px;} .send-queries-wrapper form .form-group{ width:100%; float:left; margin-bottom: 30px;} .send-queries-wrapper form .form-group label{ width: 22%; float: left; font-size: 20px; color: #231f20; font-family: "SourceSansPro-Regular"; font-weight: unset; margin-bottom: 0px;} .send-queries-wrapper form .form-group .form-control{ width: 78%; float: left; border: none; background-color: #f3f3f3; height: 50px; line-height: 50px; padding: 0px 15px; border-radius: 0px; box-shadow: none;font-family: "SourceSansPro-Regular"; font-size:20px;} .send-queries-wrapper form .form-group textarea{ height: 250px !important; resize: none;} .send-queries-wrapper form .submit { width: 100%; float: left; text-align: center; margin-top: 40px;} .send-queries-wrapper form .submit button{ background-color: #f37021; border: none; border-radius: 4px; width: 120px; height: 35px; line-height: 33px; color: #fff; font-size: 20px; font-family: "SourceSansPro-Bold"; text-transform: uppercase;} .send-queries-wrapper form .form-group div { width: 78%; float: right; font-size: 12px; color: #ff0000;} /********************************* Send us your Queries Page ********************************/ /********************************* Shalimar Advantage Page ********************************/ .diy-bx.shalimar-advantage { bottom: unset; top: 30px;} .yourself-section.shalimar-advantage .yourself-col-content h3{ color: #231f20; font-family: "Helvetica_LT_Condensed_Light_2"; font-size: 33px;} /********************************* Shalimar Advantage Page ********************************/ /********************************* By Mood Page ********************************/ .mood-wrapper { display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: space-between;align-items: center; padding-top: 40px;} .mood-wrapper .mood-col{ width:48%; display:table;} .mood-wrapper .mood-col .mood-icon{ width:20%; display:table-cell;} .mood-wrapper .mood-col .mood-content{ width:80%; display:table-cell; padding-left:25px; vertical-align:middle;} .mood-wrapper .mood-col .mood-content h3{ margin:0px; font-family: "Helvetica_LT_Condensed_Light_2"; font-size: 33px; color:#b1803f;} .mood-wrapper .mood-col p:last-child { margin-bottom: 0px;} /********************************* By Mood Page ********************************/ /********************************* Primer Section CSS ********************************/ .primers-wrapper .primers-col{ width: 100%; display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; justify-content: space-between;align-items: center; padding:25px 80px; margin-bottom:10px;} .primers-wrapper .primers-col .primers-col-img{ width:30%;} .primers-wrapper .primers-col .primers-col-img img{ margin:0 auto;} .primers-wrapper .primers-col .primers-col-content{ width:65%;} .primers-wrapper .primers-col .primers-col-content h3{ font-family: "Helvetica_LT_Condensed_Light_2"; font-size: 33px; color: #fff; margin: 0px 0px 15px;} .primers-wrapper .primers-col .primers-col-content p{ color:#fff;} .primers-wrapper .primers-col.one{ background-image: url(../img/primers-orange-bg.png); background-repeat: no-repeat; background-size: 100% auto; height: 319px;} .primers-wrapper .primers-col.two{ background-image: url(../img/primers-two-bg.png); background-repeat: no-repeat; background-size: 100% auto; height: 319px;} .primers-wrapper .primers-col.three{ background-image: url(../img/primers-three-bg.png); background-repeat: no-repeat; background-size: 100% auto; height: 319px;} .primers-wrapper .primers-col.four{ background-image: url(../img/primers-four-bg.png); background-repeat: no-repeat; background-size: 100% auto; height: 319px;} .primers-wrapper .primers-col.five{ background-image: url(../img/primers-five-bg.png); background-repeat: no-repeat; background-size: 100% auto; height: 319px;} .primers-wrapper .primers-col.default{ background-image: url(../img/primers-five-bg.png); background-repeat: no-repeat; background-size: 100% auto; height: 319px;} /********************************* Primer Section CSS ********************************/ /********************************* Events Page CSS ********************************/ .product-paints-bx.event { left: 25%;} .event-wrapper h2 { margin-bottom: 25px;} .event-section { padding: 60px 0px; background-image: url(../img/events-bg-img.jpg); background-repeat: no-repeat; background-position: top center; background-size: contain;} .event-select-bx { text-align: center; margin-bottom: 40px;} .event-select-bx #event-select{ width: 170px; height: 50px; padding: 0px 10px; background-color: #e6e7e8; border: none; font-size: 33px; color: #231f20; font-family: "HelveticaNeueLTPro-ThCn_2";} .event-select-bx #event-select option{ font-size: 20px; color: #231f20; font-family: "SourceSansPro-Regular";} .event-wrapper article { margin-bottom: 80px;} .event-wrapper article h3{ margin: 0px 0px 15px; font-size: 33px; color: #231f20; font-family: "Helvetica_LT_Condensed_Bold_2";} .event-wrapper article p{ line-height:33px;} div#event-slider { width: 78%; margin: 40px auto 0px;} div#event-slider .event-image, div#event-slider .event-image img { border-radius: 20px;} div#event-slider .owl-nav.disabled{ display:block;} div#event-slider .owl-nav.disabled button.owl-prev{ background-image: url(../img/blog-left-icon.jpg); background-repeat: no-repeat; width: 40px; height: 40px; box-shadow: none; opacity: 1; position: absolute; top: 40%; left: -127px;} div#event-slider .owl-nav.disabled button.owl-next{ background-image: url(../img/blog-right-icon.jpg); background-repeat: no-repeat; width: 40px; height: 40px; box-shadow: none; opacity: 1; position: absolute; top: 40%; right: -127px;} div#event-slider .owl-nav.disabled button.owl-prev span, div#event-slider .owl-nav.disabled button.owl-next span{ display:none;} /********************************* Events Page CSS ********************************/ .emulsions-mb-slider{ display:none;} .signature-right{ text-align: center; margin-bottom: 35px;} .signature-right figure{ width:auto;} .signature-right figure a{ display: inline-block; background-color: #f26522; padding: 10px 40px;} .signature-right figure a img{ display: inline-block; height: 70px;} .signature-right figure a span{ font-size:28px; color:#fff; line-height:50px; font-family: "HelveticaNeueLTPro-ThCn_2"; padding-left: 39px;} .dream-home-wrapper ul li.do-it-yourself-col{ background-image: url(../img/do-it-yourself-bg.png); padding: 80px 35px;} .dream-home-wrapper ul li.painting-guidelines-col{ background-image: url(../img/painting-guidelines-bg.png); padding: 80px 35px;} .dream-home-wrapper ul li.world-of-colors-col{ background-image: url(../img/world-of-colors-bg.png); padding: 80px 35px;} .dream-home-wrapper ul li.budget-calculator-col{ background-image: url(../img/budget-calculator-bg.png); padding: 80px 35px; background-repeat: no-repeat; background-size: 100% auto;} .inner-header-nav.dekstopmenu.industrial-navigations ul li:nth-child(4) { padding-right: 0px;} .inner-header-nav.dekstopmenu.industrial-navigations ul li:last-child { display: none;} /********************************* Institutional Sales Page CSS ********************************/ .send-queries-wrapper h3{ margin: 50px 0px 30px; text-align: center; color: #231f20; font-family: "HelveticaNeueLTPro-ThCn_2"; font-size: 33px; font-weight: 600;} .diy-bx.tips-tricks{ bottom: 120px;} h2.tips-tricks-heading { font-size: 58px; margin-bottom: 0px;} .room-wrapper .room-bx .room-col-content h3 span { padding-bottom: 10px; display: inline-block; color: #231f20;} /********************************* Institutional Sales Page CSS ********************************/ /********************************* Work Showcase Page CSS ********************************/ .work-showcase-wrapper { padding: 60px 0px 120px; width: 100%; float:left;} .work-showcase-main { width: 85%; margin: 0 auto;} .work-showcase-left { width: 20%; float: left; position:relative;} .work-showcase-left .swiper-container { height: 650px;} .work-showcase-right { width: 78%; float: right;} .work-showcase-right figure img{ border-radius: 30px;} .work-showcase-left .event-image, .work-showcase-left .event-image img{ height:100%; border-radius: 15px;} .work-showcase-left .event-image { padding-bottom: 15px;} .work-showcase-right article h3{ margin: 25px 0px 10px; color: #231f20; font-size: 45px; font-family: "Helvetica_LT_Condensed_Light_2";} .work-showcase-left .swiper-button-prev { background-image: url(../img/blog-left-icon.jpg); background-repeat: no-repeat; width: 40px; height: 40px; box-shadow: none; opacity: 1; background-size: 100%; position: absolute; top: -78px; left: 75px; transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg);} .work-showcase-left .swiper-button-next { background-image: url(../img/blog-right-icon.jpg); background-repeat: no-repeat; position: absolute; bottom: -78px; top: unset; left: 70px; width: 40px; height: 40px; box-shadow: none; opacity: 1; background-size: 100%; transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg);} /********************************* Work Showcase Page CSS ********************************/ /********************************* New Product Page CSS ********************************/ .products-paints-box { display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: space-between;} .products-paints-col { width: 49%; margin-bottom: 20px; position: relative;} .products-paints-col .products-paints-main-col { position: absolute; top: 50%; left: 0%; transform: translate(00%, -50%); -o-transform: translate(00%, -50%); -ms-transform: translate(00%, -50%); -moz-transform: translate(00%, -50%); padding: 15px 15px 15px 15%; width: 100%;} .products-paints-col .products-paints-main-col .products-paints-col-left{ width:60%; display:table-cell; vertical-align:middle; padding-right: 15px;} .products-paints-col .products-paints-main-col .products-paints-col-left h3{ margin: 0px 0px 10px; color: #fff; font-family: "Helvetica_LT_Condensed_Light_2"; font-size: 30px;} .products-paints-col .products-paints-main-col .products-paints-col-left p{ margin-bottom: 10px; color: #fff; text-align: left;} .products-paints-col .products-paints-main-col .products-paints-col-left a{ background-color: #fff; width: 140px; height: 35px; line-height: 33px; display: block; text-align: center; border-radius: 4px; font-size: 20px; font-family: "SourceSansPro-Bold"; color: #231f20;} .products-paints-col .products-paints-main-col .products-paints-col-right{ width:40%; display:table-cell;} .products-paints-col .products-paints-main-col .products-paints-col-right img{ margin:0 auto;} /********************************* New Product Page CSS ********************************/ #scroll-button{ background-color: #ed2127 !important; width: 40px !important; height: 40px !important;} #scroll-button:hover{ background-color: #f26522 !important;} #scroll-button::after{ font-size: 1.5em !important; line-height: 40px !important;} .shalimar-terms-content strong { font-size: 24px; padding-top: 15px; display: block;} .shalimar-terms-content ul li{ font-family: "SourceSansPro-Regular";font-size: 18px;line-height: 30px; background-image: url(../img/s-icon.png);background-repeat: no-repeat; padding-left: 30px; background-position-y: 8px; background-size: 18px;} .shalimar-terms-content a { color: #ed2127;} .shalimar-terms-content ul li .sub-listing li { background-image: none; list-style-type: circle;padding-left: 0px; margin-left: 18px;} .shalimar-life-mobile-img { display: none;} /********************************* Budget Calculator Page CSS ********************************/ .budget-calculator-section .middle-int { padding: 60px 0px; width: 100%; border-bottom: none;} .diy-bx.budget-calculator-bx { bottom: 50%; left: 16%;} .budget-calculator-section .middle-int .middle-section { width: 75%; float: none; display: block; margin: 0 auto; padding:0px;} .budget-calculator-section .middle-int .middle-section h2, .advanced-calculator-section .middle-int .middle-section h2, .budget-calculator-select-section .middle-int .middle-section h2{ font-family: "Helvetica_LT_Condensed_Medium_2"; margin: 0px 0px 40px; color: #231f20; font-size: 60px; text-transform: uppercase; text-align: center; padding-bottom: 0px;} .budget-calculator-section .middle-int .middle-section .tab-index-alpha{ width: 100%;padding: 0px;} .budget-calculator-section .middle-int .middle-section .tab-index-alpha li{ width:50%; border: none; background-color: #f7f7f7;} .budget-calculator-section .middle-int .middle-section .tab-index-alpha li a { width: 100% !important;} .budget-calculator-section .middle-int .middle-section .tab-index-alpha li a { width: 100% !important; font-family: "Helvetica_LT_Condensed_Light_2"; font-size: 28px; color: #231f20 !important;} .budget-calculator-section .middle-int .tab-index-content{ width:100%;} .budget-calculator-section .middle-int .tab-content-outer{ width:100%;} .budget-calculator-section .middle-int .tab-content-outer .viewport{ width: 90% !important; margin: 0 auto !important; float: none !important;} .budget-calculator-section .middle-int .tab-index-content #slider4 .prev{ visibility: visible; margin: 0px; top: 50%; left: 0px; background-image: url(../img/blog-left-icon.jpg); background-repeat: no-repeat; width: 40px; height: 40px; background-position: 0px; display: block;} .budget-calculator-section .middle-int .tab-index-content #slider4 .next{ margin: 0px; top: 50%; right: 0px; background-image: url(../img/blog-right-icon.jpg); background-repeat: no-repeat; width: 40px; height: 40px; visibility: visible; display: block;} .budget-calculator-section .middle-int .tab-content-outer { width: 100%; border: none; background-color: #f7f7f7; padding: 30px 0px;} .budget-calculator-section .middle-int .middle-section .tab-index-alpha li.selected a{ background-color: #f37021; color: #fff !important; text-decoration: unset;} .budget-calculator-section .middle-int .middle-section .tab-index-alpha li a:hover { background-color: #f26723 !important; color: #fff !important;} .budget-calculator-section .middle-int .tab-index-content .boxes h3 { margin-bottom: 20px; font-family: "SourceSansPro-Regular"; font-size: 16px; height: 50px; padding: 10px; background-color: #e6e6e6; width: 100%; display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; align-items: center; justify-content: center;} .budget-calculator-section .middle-int .tab-index-content .boxes h3 a{ color:#231f20;} .budget-calculator-section .middle-int .tab-content-outer .viewport .overview li .boxes.bg-red{ background-color: #fff !important; border-bottom: solid 5px #ec2227;} .next-bc a { cursor: pointer; padding: 5px;} /*.budget-calculator-section #slider4 .viewport .overview, .budget-calculator-section #slider5 .viewport .overview{ width: 100% !important;}*/ .budget-calculator-section #slider4 .viewport .overview li, .budget-calculator-section #slider5 .viewport .overview li { width: 221px; margin: 0px 15px;} .budget-calculator-section #slider4 .viewport .overview li .boxes, .budget-calculator-section #slider5 .viewport .overview li .boxes { width: 100%; height: 260px;} .budget-calculator-section #slider4 .viewport .overview li .boxes-b, .budget-calculator-section #slider5 .viewport .overview li .boxes-b, .budget-calculator-section #slider4 .viewport .overview li .boxes-b-r, .budget-calculator-section #slider5 .viewport .overview li .boxes-b-r{ width:100%;} .budget-calculator-section #slider4 .viewport .overview li .boxes-b a, .budget-calculator-section #slider5 .viewport .overview li .boxes-b a{ float:right;} .advanced-calculator-section .middle-int, .budget-calculator-select-section .middle-int{ padding: 60px 0px; width: 100%; border-bottom: none;} .advanced-calculator-section .middle-int .middle-section, .budget-calculator-select-section .middle-int .middle-section{ width: 100%; float: none; display: block; margin: 0 auto; padding:0px;} .advanced-calculator-section .middle-int .center-p{ position: unset; margin: 0; padding: 0;} .advance-section-inner{ width: 75%; margin: 0 auto; padding: 25px; background-color: #f1f1f1; float: none; display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; justify-content: space-between;} .advance-section-inner .bcal-main { float: none; width: 48%; background-color: #fff; padding: 20px;} .advance-section-inner .result-bc, .advance-section-inner .center-p{ margin: 0px; width: 48%; float: none; display: unset;padding: 0px;} .advance-section-inner .bcal-main .bcal { margin: 0px; border: none; padding: 0px; width: 100%;} .advance-section-inner .bcal-main .bcal p{ font-size: 20px; line-height: 28px; color: #231f20; font-family: "SourceSansPro-Regular";} .advance-section-inner .bcal-main .bcal p a { font-family: "SourceSansPro-Regular"; font-size: 18px;} .advance-section-inner .bcal-main .bcal2, .advance-section-inner .abc{ width: 100%;} .advance-section-inner .bcal-main .bcal2 p, .advance-section-inner .bcal-main .bcal2 form ul li, .advance-section-inner .abc form ul li, .advance-section-inner .abc form p{ font-family: "SourceSansPro-Regular"; font-size: 18px; color: #231f20; line-height: normal;padding-top: 15px;} .advance-section-inner .bcal-main .bcal2 p em { font-family: "SourceSansPro-Regular"; font-size: 14px;} .advance-section-inner .abc form p span.fleft { width: 50%;} .advance-section-inner .abc form p input.input3{ width: 30%; padding: 10px; height: 40px; margin: 0px; font-family: "SourceSansPro-Regular"; font-size: 16px; background-color: #f3f3f3; border: none; color: #231f20;} .advance-section-inner .abc form p input.input2 { width: 30%; padding: 10px; height: 40px; margin: 0px; font-family: "SourceSansPro-Regular"; font-size: 16px; background-color: #f3f3f3; border: none; color: #231f20;margin-top: 10px;} .advance-section-inner .abc form p .input-side { padding: 10px; margin-top: 10px; font-family: "SourceSansPro-Regular"; font-size: 18px; color: #231f20;} .advance-section-inner .abc form p .fleft2 { width: 40px; height: 40%; line-height: 40px; text-align: center;} .advance-section-inner .bcal-main .bcal2 .btn-sbt{ cursor: pointer; background-color: #f37021; border: none; height: 35px; line-height: 33px; border-radius: 5px; font-family: "SourceSansPro-Bold"; font-size: 20px; color: #fff; margin: 0 auto; text-align: center; padding: 0; float: none; box-shadow: none;} .advance-section-inner .bcal-main .bcal2 p #carpet_area{ padding: 10px; height: 40px; margin: 0px; font-family: "SourceSansPro-Regular"; font-size: 16px; background-color: #f3f3f3; border: none; color: #231f20; margin-top: 10px;} .advance-section-inner .result-bc h2, .advance-section-inner .center-p h2 { margin: 0px 0px 10px !important; line-height: normal; text-align: left !important; font-size: 36px !important; font-family: "Helvetica_LT_Condensed_Bold_2" !important; padding-top: 170px;} .advance-section-inner .result-bc h3, .advance-section-inner .center-p h3 { font-family: "SourceSansPro-Regular"; float: left;} .advance-section-inner .result-bc p em, .advance-section-inner .center-p p em, .advance-section-inner .result-bc p, .advance-section-inner .center-p p{ font-family: "SourceSansPro-Regular"; font-size: 14px !important;} .advance-section-inner .result-bc h4, .advance-section-inner .center-p h4 { margin-top: 10px;} .advance-section-inner .result-bc h4 a, .advance-section-inner .center-p h4 a { font-family: "SourceSansPro-Regular"; color: #eb2026; font-size: 24px; padding-bottom: 10px; display: inline-block;} .advance-section-inner .abc .abc-form-f h3 { font-family: "SourceSansPro-Semibold_0"; font-size: 20px; line-height: normal; border-bottom: 1px solid #b5b5b5;} .advance-section-inner .abc .abc-form-f .content { font-family: "SourceSansPro-Regular"; font-size: 16px; color: #231f20;} .advance-section-inner .abc .abc-form-f .content tbody tr td input { width: 100%; padding: 5px; height: 35px; margin: 0px; font-family: "SourceSansPro-Regular"; font-size: 16px; background-color: #f3f3f3; border: none; color: #231f20;} .advance-section-inner .abc .btn-sbt2{ background-color: #f37021; border: none; height: 35px; line-height: 33px; border-radius: 5px; font-family: "SourceSansPro-Bold"; font-size: 20px; color: #fff; margin: 0 auto; text-align: center; padding: 0; float: left; box-shadow: none;} .advance-section-inner .abc .btn-sbt2+a{ float:right;} .advance-section-inner .result-bc h4, .advance-section-inner .result-bc h4+p { display: none;} .advance-section-inner .bcal-main .bcal2 p em a { color: #ec2227;} .advance-section-inner .abc form p .input5{ padding: 5px; height: 35px; margin: 0px; font-family: "SourceSansPro-Regular"; font-size: 16px; background-color: #f3f3f3; border: none; color: #231f20;} .advance-section-inner .abc .abc-form-f table { width: 100%;} .advance-section-inner .abc .abc-form-f table tbody tr td { font-family: "SourceSansPro-Regular"; font-size: 16px; color: #231f20;} .advance-section-inner .abc .abc-form-f table tbody tr td input { padding: 5px; height: 35px; margin: 0px; font-family: "SourceSansPro-Regular"; font-size: 16px; background-color: #f3f3f3; border: none; color: #231f20; width: 100%;} .advance-section-inner .abc .abc-form-f table tfoot tr td a { font-family: "SourceSansPro-Regular"; margin: 0px;} /********************************* Budget Calculator Page CSS ********************************/ .investors-wrapper .investors-right .panel-body a p:hover { color: #f26723;} .shalimar-section .shalimar-col img.mobile-view{ display: none;} #accordion .panel-default { border: none; box-shadow: none;} #accordion .panel-default .panel-body { border: none; padding:25px 0px 0px;} #accordion .panel-default .panel-heading { padding: 0px;} #accordion .panel-default .panel-heading h4 a[aria-expanded="false"]{ font-family: "Helvetica_LT_Condensed_Light_2"; font-size: 24px; display: block; padding: 10px 40px; color: #231f20; background-color: #f1f1f1; position: relative;} #accordion .panel-default .panel-heading h4 a[aria-expanded="true"]{font-family: "Helvetica_LT_Condensed_Light_2"; font-size: 24px; display: block; padding: 10px 40px; background-color: #f37021; color:#fff; position: relative;} #accordion .panel-default .panel-heading h4 a[aria-expanded="false"]:after{ content: ''; width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #333; display: block; position: absolute; right: 35px; top: 45%; transform: translate(0%, 0%);} #accordion .panel-default .panel-heading h4 a[aria-expanded="true"]:after{ content: ''; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; display: block; position: absolute; right: 35px; top: 45%; transform: translate(0%, 0%);} /********************************* Dealer Finder Page and Painter Finder Page CSS ********************************/ .dealer-finder-section{ width: 100%; display:block; padding: 60px 0px;} .dealer-finder-bx{ text-align: center;} .dealer-finder-bx .finder-select{width: 35%; display: block; margin: 0 auto 25px; position:relative;} .dealer-finder-bx .finder-select select{ width: 100%; background-color: #636466; height: 65px; padding: 0px 15px; font-family: "Helvetica_LT_Condensed_Light_2"; font-size: 33px; color: #fff; border: none; -moz-appearance: none; -webkit-appearance: none;} .dealer-finder-bx .finder-select:after{ position: absolute; content: ""; top: 28px; right: 10px; width: 0; height: 0; border: 12px solid transparent; border-color: #fff transparent transparent transparent; pointer-events: none;} .dealer-finder-bx .finder-select option{ font-size:20px; background-color:#fff; color:#636466;} .dealer-finder-bx button{ width: 230px; background-color: #f37021; font-family: "Helvetica_LT_Condensed_Bold_2"; border: none; font-size: 33px; color: #fff; height: 65px; display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; margin: 0 auto; align-items: center; justify-content: center;} .dealer-finder-bx button i{ font-size: 20px; padding-left: 15px;} .showing-results-bx{ padding-top: 50px;} .showing-results-bx h4{ font-size: 25px; color: #58595b; font-family: "Helvetica_LT_Condensed_Medium_2"; margin: 0px 0px 20px;} .showing-results-col{ padding: 25px; border: solid 1px #d1d3d4; border-radius: 10px; margin-bottom: 30px;} .showing-results-col h5{ font-size: 33px; margin: 0px 0px 15px; color: #f37021; font-family: "Helvetica_LT_Condensed_Bold_2";} .showing-address { width: 100%; display: table; padding-bottom: 15px;} .showing-address:last-child{ padding-bottom:0px;} .showing-address .showing-address-icon{ width: 3%; display: table-cell; vertical-align: top; padding-top: 5px;} .showing-address .showing-address-icon i{ font-size: 30px; color: #58595b;} .showing-address .showing-address-content{ width: 97%; display: table-cell; vertical-align: top; color: #58595b; font-family: "Helvetica_LT_Condensed_Medium_2"; font-size: 25px;padding-left: 10px;} .showing-results-bx a.view-more{ float: right; color: #58595b; font-family: "Helvetica_LT_Condensed_Medium_2"; font-size: 25px;} .showing-address ul{ display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; align-items: center;} .showing-address ul li{ width:50%; color: #58595b; font-family: "Helvetica_LT_Condensed_Medium_2"; font-size: 25px;} .showing-address ul li i{ font-size: 30px !important; padding-right: 5px;} /********************************* Dealer Finder Page and Painter Finder Page CSS ********************************/ /********************************* Blog Page CSS ********************************/ .new-blog-section { position: relative;} .new-blog-content { position: absolute; bottom: 70px;} .new-blog-content h1{ font-family: "HelveticaNeueLTPro-ThCn_2"; margin: 0px; color: #fff; font-weight: 600; font-size: 40px; letter-spacing: 3px; background-color: #939598c7; padding: 15px 25px;} .sp-blogs-box { padding: 50px 0px; display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content:space-between;} .sp-blogs-box h3{ font-size: 33px; color: #414042; font-family: "Helvetica_LT_Condensed_Light_2"; margin: 0px 0px 15px;} .sp-blogs-box .sp-blogs-left{ width:68%;} .sp-blogs-box .sp-blogs-right{ width:30%;} .latest-blogs { display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; margin-bottom: 35px; position:relative;} .latest-blogs:last-child{ margin-bottom:0px;} .latest-blogs .blog-image-bx { width: 100%;} .latest-blogs .blog-content-bx { width: 50%; padding: 30px; position: absolute; top: 0px; right: 0px; max-height: 350px; height: 100%;} .latest-blogs .blog-content-bx.content-section-1{ background-color:#30aab5;} .latest-blogs .blog-content-bx.content-section-2{ background-color:#74b530;} .latest-blogs .blog-content-bx.content-section-3{ background-color:#dd5942;} .latest-blogs .blog-content-bx.content-section-4{ background-color:#9b1855;} .latest-blogs .blog-content-bx.content-section-5{ background-color:#d0bda4;height: 303px;margin-top: 3px;} .latest-blogs .blog-content-bx.content-section-6{ background-color:#0e0e10;height: 303px;margin-top: 3px;} .latest-blogs .blog-content-bx.content-section-7{ background-color:#865336} .latest-blogs .blog-content-bx h4{ margin:0px 0px 50px;} .latest-blogs .blog-content-bx h4 a{ font-family: "SourceSansPro-Regular"; color: #fff; font-size: 21px; line-height: normal;} .latest-blogs .blog-content-bx span{ font-family: "SourceSansPro-Regular"; color:#fff; font-style: italic;display: inline-block;padding-top: 8px;padding-bottom: 10px;visibility: hidden;} .latest-blogs .blog-content-bx p{ font-size: 13px; line-height: normal; color: #fff; margin-bottom: 41px; position: absolute; bottom: 30px; width: 100%; left: 0px; padding: 0px 30px;} .latest-blogs .blog-content-bx:before { content: ''; width: 0px; height: 0px; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid #242424; position: absolute; top: 33px; left: -15px;} .latest-blogs .blog-content-bx.content-section-1:before{ border-right: 15px solid #30aab5;} .latest-blogs .blog-content-bx.content-section-2:before{ border-right: 15px solid #74b530;} .latest-blogs .blog-content-bx.content-section-3:before{ border-right: 15px solid #dd5942;} .latest-blogs .blog-content-bx.content-section-4:before{ border-right: 15px solid #9b1855;} .popular-blogs { border: solid 2px #e9eaeb; padding: 10px; box-shadow: 0px 2px 6px #e3e3e3;display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; } .popular-post { width: 100%; float: left; border-bottom: solid 1px #d1d3d4; padding-bottom: 15px; margin-bottom: 15px;} .popular-post:last-child{ border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px;} .popular-post-image { width: 158px; float: left;} .popular-post-content { width: calc(100% - 168px); float: right;} .popular-post-content a{ font-family: "SourceSansPro-Regular"; font-size: 14px; color: #58595b;} .popular-post-content a:hover{color:#f26522;} .sp-blog-detail-bx h4{ font-family: "SourceSansPro-Semibold_0"; font-size: 30px; margin:15px 0px; color: #414042;} .blog-detail-wrap { display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; justify-content: space-between; padding: 15px 0px;} .blog-detail-wrap .blog-detail-wrap-left { width: 48%;} .blog-detail-wrap .blog-detail-wrap-right { width: 48%;} /********************************* Blog Page CSS ********************************/ @media only screen and (max-width:1100px) { /*.shalimar-main-section, footer{background-size:unset;}*/ /*.shalimar-main-section, footer {*/ /* background-size: 100% 75%;*/ /*}*/ .shalimar-section{ padding-top: 310px;} } @media (min-width:767px) and (max-width:1024px){ .shalimar-wrapper-box .container { width: 1000px;margin-top:0 !important;} .shalimar-section { padding-top: 40px !important; } .shalimar-main-section{height: 530px;} } @media only screen and (max-width:1100px) { .product-paints-bx.shade-card h1{ font-size:50px;} .product-paints-bx.shade-card h1 b{ font-size:70px;} .shalimar-wrapper-box .container { width: 1000px;margin-top:250px;} .shalimar-section .shalimar-col { width: 32.5%;} .pro-categories-tab .tab-content .emulsion-bx .emulsion-slider .emulsion-image img{ width: 40%; max-height: 132px;} .pro-categories-tab .tab-content .emulsion-bx .emulsion-slider .emulsion-image{ margin-bottom:15px;} .pro-categories-tab .tab-content .emulsion-bx .emulsion-slider .emulsion-image span { font-size: 18px; height: 40px; line-height: 20px;} .product-categories-tab{ height:550px;} .tab-content.categories-content { height: 460px;} .pro-categories-tab .nav-tabs li{ margin: 0px 0px 15px;} .pro-categories-tab .nav-tabs li a{ height: 60px; line-height: 60px; font-size: 28px;} .pro-categories-tab .nav-tabs li a span{ width: 65px; height: 60px; margin-right: 10px; background-size: 42px;} .pro-categories-tab .nav-tabs li a span.wood-icon{ background-size: 30px;} .pro-categories-tab .nav-tabs li.active a span.interior-icon { background-position: 9px -46px;} .pro-categories-tab .nav-tabs li.active a span.exterior-icon { background-position: 12px -50px;} .pro-categories-tab .nav-tabs li.active a span.metal-icon { background-position: 8px -37px;} .pro-categories-tab .nav-tabs li.active a span.wood-icon { background-position: 20px -51px;} .pro-categories-tab .nav-tabs li.active a span.floor-icon { background-position: 9px -33px;} .diy-bx { bottom: 80px;} } @media (min-width:1440px) and (max-width:900px){.shalimar-section{ padding-top: 480px;}} @media only screen and (max-width:1300px) { .heading-h1 h1 a{ font-size: 55px; width: 1000px;} .shalimar-section{ padding-top: 480px;} } @media only screen and (max-width:1250px) { .container{width:1170px;} .inner-header-box .inner-header-nav ul li{ padding: 13px 32px 10px;} .diy-bx { bottom: 60px; left: 17%;} .environment-bx-two .environment-col-content p, .catalogues-col-content .environment-bx-content p{ font-size:18px; line-height:26px;} .apply-bx .apply-col .work-with p{ line-height:30px;} .shalimar-wrapper-box .container { width: 970px; margin-top: 33px;} } @media only screen and (max-width:1540px) { .container{ width:970px; margin:0 auto;} .shalimar-wrapper-box .container { width: 970px; margin-top: 33px;} p{font-size:16px;line-height:24px;} h2{font-size: 45px;} h2.tips-tricks-heading, .spotlight-wrapper h2, .marine-content h2, .budget-calculator-section .middle-int .middle-section h2, .advanced-calculator-section .middle-int .middle-section h2, .budget-calculator-select-section .middle-int .middle-section h2{font-size: 45px;} .yourself-section h2{font-size: 45px;} .product-paints-bx h1{ font-size: 50px; line-height: 50px;} .product-paints-bx h1 strong { font-size: 40px;} .resources-product-bx .catalogues-col .catalogues-content p, .resources-product-bx .shade-card-col .shade-card-content p, .feature-wrapper article .feature-col p{font-size:16px;line-height:24px;} .spotlight-section{ background-size:cover;} .shalimar-content-bx h6, .shalimar-content-bx h6 a{font-size:24px;} .our-legacy-wrapper .our-legacy-col:nth-child(2) h2{ font-size:40px;} .spotlight-wrapper .carousel-inner .item .spotlight-content h4{ font-size:22px; height: 45px;} .spotlight-wrapper .carousel-inner .item .spotlight-content p{ height:96px;} .spotlight-wrapper .carousel-inner .item .spotlight-content{padding:15px;} .spotlight-wrapper .carousel-inner .item .spotlight-content a, .blog-wrapper .carousel-inner .item .blog-content a{font-size:16px; padding-top: 0px;} .blog-wrapper .carousel-inner .item .blog-content h4{font-size:22px;} .blog-wrapper .carousel-inner .item .blog-content{width:35%;} .header-bottom-bx h1 strong{font-size:60px} .header-bottom-bx h1{font-size:40px;} .inner-header-box .inner-header-nav ul li{padding: 13px 20px 10px; } .resources-product-bx .catalogues-col figure { left: -130px; top: -80px;} .resources-product-bx .catalogues-col figure img { width: auto; height: 370px;} .resources-product-bx .shade-card-col figure img { height: 380px; width: auto;} .resources-product-bx .catalogues-col .catalogues-content h3, .resources-product-bx .shade-card-col .shade-card-content h3{font-size:40px;} .resources-product-bx .catalogues-col .catalogues-content{padding:47px 30px 57px 0px;} .resources-product-bx .shade-card-col .shade-card-content{ padding: 57px 0px 71px 60px;} .feature-wrapper article .feature-col{padding: 30px 28px;} .feature-wrapper article .feature-col h4{font-size:38px;} .resources-product-bx .shade-card-col figure{top: -80px; right: -136px;} .idea-bx h1 span { font-size: 80px;} .feature-wrapper article .feature-col figure img{height:160px;} .feature-wrapper article .feature-col{height:auto;} .feature-wrapper { padding: 30px 0px 15px 0px;} .dream-home-wrapper ul li.resource-centre, .dream-home-wrapper ul li.submit-query, .dream-home-wrapper ul li.shalimar-advantage, .dream-home-wrapper ul li.health-safety{ height: 226px; padding: 40px 25px;} .emulsions-section h2, .products-categories-dropdown button, .sub-categories-dropdown button{ font-size: 54px;} .products-categories-dropdown button span:after, .sub-categories-dropdown button span:after{ bottom: 11px; right: 2px;} .emulsions-section article .emulsions-col-bx:nth-child(1), .emulsions-section article .emulsions-col-bx:nth-child(2), .emulsions-section article .emulsions-col-bx:nth-child(3){height: 874px;} .application-procedure-section{ height: 540px;} .appli-procedure-wrapper article .appli-procedure-col h3{ font-size: 90px;} .Step { top: 30px; left: 7px; font-size: 25px; padding: 0px 10px;} .dream-home-wrapper ul li.get-inspired, .dream-home-wrapper ul li.expert-tips{ height: 225px !important; padding: 40px 25px;} .shalimar-tab-wrapper .tab-pane { padding: 40px 0px 0px;} .expert-bx article .expert-col{ width: 32.5%;} .expert-bx article .expert-col .expert-content{ bottom: 20px;} .expert-bx article .expert-col p{ padding: 0px 25px;} .shalimar-tab-wrapper { padding: 50px 0px 20px;} .features-bx .features-col{ padding: 30px 10%;} .shalimar-tab-wrapper .tab-pane .benefits-bx .benefits-col{ width:19%;} .shalimar-tab-wrapper .tab-pane .benefits-bx .benefits-col .benefits-content p{ font-size:18px; padding:0px;} .catalogues-col.colours .catalogues-content{ width: 58%; padding: 15px 10px 13px 0px;} .shade-card-col.colours.shade-card-col .shade-card-content{ padding: 35px 0px 13px 60px;} .product-categories-tab{ height: 500px;} .tab-content.categories-content:before{ background-size: auto 100%; height:100%;} .pro-categories-tab #sub-tabs{ width:24%;} .product-categories-tab .tab-content.categories-content{ width:76%; height: 415px;} .pro-categories-tab .tab-content .interior-tab .nav-tabs li{ padding: 0px 5px;} .pro-categories-tab .tab-content .interior-tab .nav-tabs li a{ font-size: 16px; padding-right: 15px;} .pro-categories-tab .tab-content .emulsion-bx .emulsion-slider .emulsion-image img { width: 50%; max-height: 116px;} .pro-categories-tab .tab-content .emulsion-bx .emulsion-slider .emulsion-image span{ font-size:16px;} .dream-home-wrapper .work-showcase-col, .dream-home-wrapper .get-ideas-col, .dream-home-wrapper .instituitional-sales-col, .dream-home-wrapper .shalimar-advantage-col, .dream-home-wrapper ul li.proff-submit-query{ padding: 40px 35px; height: 226px !important;} .dream-home-wrapper ul li p{ font-size:18px;} .highlights-bx h1{ font-size: 40px; padding-left: 40px;} .highlights-bx h1 span { font-size: 55px;} .highlights-wrapper .highlights-col .highlights-content{ bottom:30px;} .highlights-wrapper .highlights-col .highlights-content h3{ font-size:33px;} .highlights-wrapper .highlights-col .highlights-content p a{ font-size:18px; padding:0px 40px;} .Shalimar-advantage { height: auto; padding: 70px 0px 50px; background-size: cover;} .highlights-advantage .advantage-col { width: 32%; margin-bottom: 40px;} .highlights-advantage .advantage-col .highlights-figure{ width:22%;} .highlights-advantage .advantage-col .highlights-content{ width:78%;} .shalimar-life-wrapper .shalimar-life-left .shalimar-life-content span{ font-size: 47px; line-height: 55px;} .yourself-wrapper .yourself-col-content h3{ font-size:26px;} .yourself-wrapper .yourself-col-content p { line-height: 26px;} .contact-section h2{ margin-bottom:30px;} .contact-wrapper .contact-col, .contact-wrapper .online-enquiry-col{ width: 48%;} .contact-wrapper .online-enquiry-col .form-group { margin-bottom: 25px;} .catalogues-col-one .catalogues-col-content figure img, .environment-bx-two .environment-col-content figure img{ height: 340px;} .catalogues-col-one .catalogues-col-content{ padding: 0px 0px 0px 32%;} .catalogues-col-one{ height: 263px;} .environment-bx-two.work-culture{ height: 263px; margin: 100px 0px;} .catalogues-col-content .environment-bx-content p, .environment-bx-two .environment-col-content p{ line-height:24px;} .catalogues-col-one.core-values { margin-bottom: 50px;} #news{ width:75%;} .product-paints-bx.careers { left: 10%;} .product-paints-bx.careers h1 { font-size: 55px;} #why-join-us .catalogues-col-one .catalogues-col-content figure img, #why-join-us .environment-bx-two .environment-col-content figure img{ height:270px;} .catalogues-col-one.fueling-growth, .catalogues-col-one.expanding-our-network{ height:182px;} .environment-bx-two.investing-in-r-d{ height: 182px; padding: 20px;} .redio-btn-bx .redio-btn-group .label{ width:30%;} .about-wrapper .about-tab-content h3{ font-size:30px;} .about-wrapper .about-tab-content p{ line-height:26px; margin-bottom: 10px;} .product-paints-bx.shade-card { left: 9%; top: 25%;} .product-paints-bx.shade-card h1{ font-size:40px;} .product-paints-bx.shade-card h1 b{ font-size:65px;} .shade-colours p { padding: 0px 20%; line-height: 26px;} .investors-section h2 { font-size: 45px;} .investors-wrapper .investors-left .investors-content h4{ font-size:28px;} .dream-home-wrapper ul li.do-it-yourself-col, .dream-home-wrapper ul li.painting-guidelines-col, .dream-home-wrapper ul li.world-of-colors-col, .dream-home-wrapper ul li.budget-calculator-col{ padding: 60px 35px; height: 226px;} .dream-home-wrapper ul li.indus-submit-query, .dream-home-wrapper ul li.indus-shalimar-advantage{ height: 226px; padding: 35px 35px;} .diy-bx.by-room { top: 20px; left: 10%;} .mood-wrapper .mood-col .mood-content h3{ font-size:28px;} .homeowners-dream-home .homeowners-dream-home-col .dream-home-content p, .homeowners-dream-home .homeowners-dream-home-col .dream-home-content p a{ font-size:18px;} .send-queries-wrapper { width: 85%;} .catalogues-col-one.increased-growth, .catalogues-col-one.innovative-ideas{ height:263px;} .environment-bx-two.training-development { height: 263px;} .environment-bx-two .environment-col-content h3, .catalogues-col-content .environment-bx-content h3 { font-size: 28px; margin-bottom: 5px;} .catalogues-col-content .environment-bx-content p, .environment-bx-two .environment-col-content p { line-height: 24px; font-size: 16px;} .apply-bx .apply-col .work-with p{ line-height:24px;} .event-wrapper article p { line-height: 28px;} div#event-slider .owl-nav.disabled button.owl-prev{ left: -104px;} div#event-slider .owl-nav.disabled button.owl-next{ right: -104px;} .event-wrapper article { margin-bottom: 50px;} .primers-wrapper .primers-col{ padding: 15px 50px;} .primers-wrapper .primers-col.one, .primers-wrapper .primers-col.two, .primers-wrapper .primers-col.three, .primers-wrapper .primers-col.four, .primers-wrapper .primers-col.five{ height: 256px;} .primers-wrapper .primers-col .primers-col-img img { width: 75%;} .contact-us-bx { bottom: 60px; left: 11%;} .contact-section h2 { font-size: 45px;} .diy-bx { bottom: 55px; left: 18%;} .diy-bx h1{ font-size:45px;} .diy-bx h1 span { font-size: 60px;} .diy-bx.shalimar-advantage { top: 8px; left: 9%;} .product-paints-bx.news { left: 10%;} .product-paints-bx.news h1 b { font-size: 56px;} .diy-bx.tips-tricks { bottom: 70px; left: 10%;} .product-filter-tab .filter-heading b{ padding-right: 30px; margin-right: 30px;} .product-filter-tab article .product-filter-col .product-filter-accordion { padding-top: 25px;} .product-filter-tab article .product-filter-col .product-filter-accordion a[ aria-expanded="false"]:after{ top:14px;} .products-paints-col .products-paints-main-col .products-paints-col-left h3{ margin: 0px 0px 5px; font-size: 24px;} .products-paints-col .products-paints-main-col .products-paints-col-left p { height: 74px; overflow: hidden;} .products-paints-col .products-paints-main-col .products-paints-col-left a{ width: 110px; height: 30px; line-height: 28px; font-size: 16px;} .environment-bx-two.diversifying-offerings{ height: 196px; padding: 20px;} .work-showcase-wrapper { padding: 40px 0px 60px;} .work-showcase-left .swiper-container { height: 550px;} .work-showcase-left .swiper-button-prev{ top: -60px; left: 60px;} .work-showcase-right figure img { border-radius: 15px;} .work-showcase-left .swiper-button-next{ left:60px;} .shade-card-pdf div figure img { height: 70px;} .budget-calculator-section .middle-int .middle-section, .advance-section-inner{ width:90%;} .budget-calculator-section #slider4 .viewport .overview li, .budget-calculator-section #slider5 .viewport .overview li{ width: 208px;} .dealer-finder-bx .finder-select{ width:45%;} .heading-h1 h1 a { font-size: 40px; width: 820px;} .new-blog-content { bottom: 50px;} .new-blog-content h1{ font-size:24px;} .latest-blogs .blog-content-bx{ padding:15px;} .latest-blogs .blog-content-bx p { bottom: 15px; padding: 0px 15px;} .popular-post-image { width: 110px;} .popular-post-content { width: calc(100% - 115px);} } @media only screen and (max-width:991px) { .container{ width:750px; margin:0 auto;} .shalimar-wrapper-box .container { width: 750px;} .inner-header-box .inner-header-logo:before, .inner-header-box .inner-header-logo:after{ display:none;} .inner-header-bottom{ padding:10px 0px;} .inner-header-box .inner-header-logo{ width:20%;} .product-paints-bx.experiences h1 span { padding-left: 120px;} .our-legacy-wrapper{ padding:40px 0px;} .idea-bx.colours-bx h1, .idea-bx h1, .product-paints-bx h1, .highlights-bx h1, .product-paints-bx.shade-card h1, .product-paints-bx.dealers h1, .product-paints-bx h1, .contact-us-bx h1, .diy-bx h1, .product-paints-bx.careers h1{ font-size: 35px;} .idea-bx.colours-bx h1 span, .idea-bx h1 span, .product-paints-bx h1 strong, .highlights-bx h1 span, .product-paints-bx.shade-card h1 b, .diy-bx h1 span{ font-size: 45px;} .spotlight-wrapper .carousel-inner .item .spotlight-content h4, .spotlight-wrapper .carousel-inner .item .spotlight-content p{ height:auto;} .our-legacy-wrapper .our-legacy-col:nth-child(1){width:100%;} .our-legacy-wrapper .our-legacy-col:nth-child(1) img{width:100%;} .our-legacy-wrapper .our-legacy-col:nth-child(2) { width: 100%;margin-top:15px;} .our-legacy-wrapper .our-legacy-col:nth-child(2) p{text-align:center;} .our-legacy-wrapper .our-legacy-col:nth-child(2) p:last-child{margin-bottom:0px;} .our-legacy-wrapper .our-legacy-col:nth-child(2) h2{display:none;} .our-legacy-wrapper .our-legacy-col:nth-child(1) h2{display:block;} nav { width: 45%;} nav ul li{padding:0px 12px;} .shalimar-content-bx{ right:15px;} .shalimar-content-bx h6, .shalimar-content-bx h6 a{ font-size: 20px;} .shalimar-content-bx p{font-size:16px;} h2 { font-size: 35px; margin-bottom: 20px;} .investors-section h2, h2.tips-tricks-heading, .spotlight-wrapper h2, .marine-content h2, .budget-calculator-section .middle-int .middle-section h2, .advanced-calculator-section .middle-int .middle-section h2, .budget-calculator-select-section .middle-int .middle-section h2{ font-size: 35px;} .our-legacy-wrapper .our-legacy-col .carousel-inner .item .our-legacy-content{padding:20px;} .our-legacy-wrapper .carousel-indicators{text-align: center; -moz-transform: translate(50%, -0%);-ms-transform: translate(50%, -0%); -o-transform: translate(50%, -0%); width: 100% !important; left: 0;} .spotlight-wrapper .carousel-inner .item .spotlight-image { width: 100%;} .spotlight-wrapper .carousel-inner .item .spotlight-image img {margin:0 auto;width:70%;} .spotlight-wrapper .carousel-inner .item .spotlight-content{width:100%; text-align: center;background-color:transparent;} .spotlight-wrapper { padding: 65px 0px 40px;} .blog-wrapper .carousel-inner .item .blog-content { width: 100%; order: 2;text-align:center;margin-top:20px;} .blog-wrapper .carousel-inner .item .blog-content img{margin:15px auto !important;} .blog-wrapper .carousel-inner .item .blog-image { width: 100%; order: 1;} .footer-wrapper .footer-col{display:none;} .footer-wrapper .footer-col:last-child { width: 100%; display: block; margin: 0 auto; text-align: center;} .footer-wrapper .footer-col:last-child a.number{justify-content:center; padding: 10px 0px 0px 0px} .social-media { padding-top: 15px;} .copyright .copyright-col{text-align:center;width:100%;} .copyright .copyright-col ul{text-align:center;} .footer-wrapper{padding:90px 0px 10px;} .blog-wrapper .carousel-control.right{top:50%; transform: translate(0% , -50%);-webkit-transform: translate(0% , -50%);-moz-transform: translate(0% , -50%);-ms-transform: translate(0% , -50%);-o-transform: translate(0% , -50%); right: -48px;} .blog-wrapper .carousel-control.left{top:50%; transform: translate(0% , -50%);-webkit-transform: translate(0% , -50%);-moz-transform: translate(0% , -50%);-ms-transform: translate(0% , -50%);-o-transform: translate(0% , -50%); left: -48px;} footer{background-size: cover !important;} .mobileMenu{display:block; line-height: normal; padding-top: 4px; float: right; z-index: 999;} .dekstopmenu{display:none;} .search-bx{display:none;} .mobileSidenav{right:0px; left:unset !important; background-color: #f26522 !important; z-index:999 !important; padding-top: 0px !important;} .mobileSidenav .closeMobileNav { margin-left: 0px !important; padding: 0px 15px !important; font-size: 30px !important; position: unset !important; text-align: right;} .mobile-other-navigations { background-color: #fff;} .mobileSidenav a{ padding: 10px 10px 10px 55px !important; border-bottom: 1px solid #dedede; text-align: left; font-size: 16px !important; text-transform: capitalize; color: #fff !important; position: relative;} .mobile-other-navigations a{ color: #231f20 !important;} .mobileSidenav a:last-child { border-bottom: 0px;} .mobileSidenav a img { position: absolute; top: 9px; left: 20px; height:23px;} .inner-header-bottom.dekstopmenu{display:none;} .footerViewButton{ float: right; margin-right: 15px; background-color: transparent; border: none; font-family: "SourceSansPro-Bold"; font-size: 16px; color: #231f20;display: block; position: relative; padding: 0px; padding-right: 30px;} .footerViewButton#not-showing-button:before{ content:'+'; width: 21px; height: 21px; line-height: 19px; display: inline-block; margin-left: 10px; border-radius: 50%; background-color: #f37021; color: #fff; position: absolute; right: 0px; top: 0px;} .footeraccordion { padding: 35px 20px 0px;} .footerViewButton#showing-button:after{ content:'-'; width: 21px; height: 21px; line-height: 19px; display: inline-block; margin-left: 10px; border-radius: 50%; background-color: #f37021; color: #fff;position: absolute; right: 0px; top: 0px;} .footeraccordion { padding: 35px 20px 0px; } .footeraccordion .panel-default { border-radius: 0px; border: none; background-color: transparent; box-shadow: none;} .footeraccordion .panel-default .panel-heading { font-family: "SourceSansPro-Bold"; font-size: 18px; color: #f26522; background-color: transparent; padding: 10px 0px;position: relative;} .footeraccordion .panel-default .panel-heading h4 a[aria-expanded="false"]:after{ content: ''; width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #231f20; position: absolute; right: 0px; top: 16px;} .footeraccordion .panel-default .panel-heading h4 a[aria-expanded="true"]:after{ content: ''; width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #231f20; position: absolute; right: 0px; top: 16px;} .footeraccordion .panel-default .panel-heading h4 a { display: block;} .footeraccordion .panel-default .panel-collapse .panel-body { padding: 10px 0px;} .footeraccordion .panel-default .panel-collapse .panel-body ul li{ line-height:25px;} .footeraccordion .panel-default .panel-collapse .panel-body ul li a{ font-family: "SourceSansPro-Regular"; font-size: 15px; color: #231f20;} .copyright .copyright-col p{ text-align:center;} .resources-product-bx .catalogues-col figure { left: -118px; top: -50px;} .resources-product-bx .catalogues-col figure img { width: auto; height: 270px;} .resources-product-bx .catalogues-col .catalogues-content h3, .resources-product-bx .shade-card-col .shade-card-content h3 { font-size: 30px;} .resources-product-bx .catalogues-col .catalogues-content { padding: 27px 30px 27px 0px;width:65%;} .resources-product-bx .shade-card-col .shade-card-content { padding: 27px 0px 31px 30px;} .resources-product-bx .shade-card-col figure img { height: 270px; width: auto;} .resources-product-bx .shade-card-col figure{ right: -100px; top: -50px;} .feature-wrapper article .feature-col{padding:30px 15px;} .feature-wrapper article .feature-col h4 { font-size: 32px;} .resources-product-section { margin-top: 80px;} .resources-product-bx .shade-card-col{height:auto; margin-top: 90px;} .resources-product-bx .catalogues-col {height:auto;} .inner-header-top{display:none;} .feature-wrapper article .feature-col figure img{height:90px;} .inner-header-box .inner-header-logo a img{top:0px;} .dream-home-wrapper ul li.resource-centre, .dream-home-wrapper ul li.submit-query, .dream-home-wrapper ul li.shalimar-advantage, .dream-home-wrapper ul li.health-safety { height: 173px; padding: 15px;} .dream-home-wrapper ul li.resource-centre h3, .dream-home-wrapper ul li.submit-query h3, .dream-home-wrapper ul li.shalimar-advantage h3, .dream-home-wrapper ul li.health-safety h3{ font-size:24px;} .dream-home-wrapper ul li.resource-centre p, .dream-home-wrapper ul li.submit-query p, .dream-home-wrapper ul li.shalimar-advantage p, .dream-home-wrapper ul li.health-safety p{ font-size:16px; line-height: 20px;} .categorie-name span a{ font-size:24px;} .expert-section { padding: 50px 0px 0;} .expert-bx article .expert-col h3{ margin: 0px 0px 5px; font-size: 24px;} .expert-bx article .expert-col p{ font-size: 16px; padding: 0px 10px; line-height: 20px;} .signature-section{ height: auto; background-size: cover; padding: 50px 0px; margin-top: 7px;} .signature-section.signature-banner-image-custom{ height: auto; background-size: cover; padding: 50px 0px; margin-top: 7px;} .signature-section .signature-wrapper{ padding:0px 0px 0;} .signature-section .signature-wrapper .signature-left figcaption { width: 75%; padding-left: 25px;} .signature-section .signature-wrapper .signature-left figcaption p{ font-size:18px;} .signature-section .signature-wrapper .signature-right figure{ width: 143px; height: 163px;} .signature-section .signature-wrapper .signature-right figure img { height: 95px;} .shalimar-tab-wrapper ul li a{ font-size:36px;} .shalimar-tab-wrapper .tab-pane .benefits-bx .benefits-col .benefits-content h3{ font-size: 24px; line-height: 34px;} .shalimar-tab-wrapper .tab-pane .benefits-bx .benefits-col .benefits-img img { height: 65px;} .shalimar-tab-wrapper .tab-pane { padding: 40px 0px 0px;} .features-bx .features-col { padding: 15px;} .features-bx .features-col .features-col-left { width: 25%;} .features-bx .features-col .features-col-right { width: 75%;} .catalogues-col.colours .catalogues-content { width: 58%; padding: 15px 10px 13px 0px;} .shade-card-col.colours.shade-card-col .shade-card-content { width: 60%; padding: 22px 0px 18px 15px;} .catalogues-col.colours .catalogues-content h3{ margin-bottom: 5px;} .catalogues-col.colours:last-child .catalogues-content { padding-top: 16px;} .shade-card-col.colours.shade-card-col .shade-card-content h3 { margin-bottom: 5px;} .catalogues-col.colours p a, .shade-card-col.colours p a {padding-top: 5px;} .catalogues-col.colours, .shade-card-col.colours { height: 188px;} .catalogues-col.colours p, .shade-card-col.colours p { font-size: 14px !important; line-height: 20px !important;} .catalogues-col.colours .more-color-code ul li a { padding-top: 5px; text-align: center;} .more-color-code ul li a strong{ display:block;} .catalogues-col.colours:last-child .catalogues-content { padding-top: 35px;} .emulsions-section h2, .emulsions-section h2, .products-categories-dropdown button, .sub-categories-dropdown button{ font-size: 34px;} .environment-bx.Environment { margin-top: 30px;} .emulsions-section article .emulsions-col-bx h3{ font-size:30px;} .products-categories-dropdown button span, .sub-categories-dropdown button span { width: 35px; height: 35px;} .products-categories-dropdown button span:after, .sub-categories-dropdown button span:after { bottom: 4px; right: 0px; width: 35px; height: 35px; font-size: 25px;} .emulsions-section article .emulsions-col-bx span{ font-size:24px;} .emulsions-section article .emulsions-col-bx img { height: 170px;} .emulsions-section article .emulsions-col-bx:nth-child(1), .emulsions-section article .emulsions-col-bx:nth-child(2), .emulsions-section article .emulsions-col-bx:nth-child(3) { height: 670px;} .application-procedure-section { height: 430px;} .appli-procedure-wrapper article .appli-procedure-col h3 { font-size: 75px;} .Step { top: 28px; left: 1px; font-size: 18px;} .appli-procedure-wrapper article .appli-procedure-col img { height: 130px; margin: 0 auto;} .dream-home-wrapper ul li.get-inspired, .dream-home-wrapper ul li.expert-tips { height: 173px !important; padding: 15px;} .dream-home-wrapper ul li.get-inspired h3, .dream-home-wrapper ul li.expert-tips h3 { font-size: 24px;} .dream-home-wrapper ul li.get-inspired p, .dream-home-wrapper ul li.expert-tips p { font-size: 16px;} .product-categories-tab { height: 450px;} .pro-categories-tab .tab-content .emulsion-bx .emulsion-slider .emulsion-image img { width: 50%; max-height: 93px;} .pro-categories-tab .tab-content .emulsion-bx .emulsion-slider .emulsion-image { width: 33%;} .pro-categories-tab .tab-content .emulsion-bx .emulsion-slider .emulsion-image span { font-size: 14px; padding: 0px 7px;} #EnamelsMetal-slider a.left.carousel-control, #EnamelsMetal-slider a.right.carousel-control{ background-size: 20px;} .pro-categories-tab .nav-tabs li{margin: 0px 0px 7px;} .pro-categories-tab .nav-tabs li a{ font-size:24px;} .dream-home-wrapper .work-showcase-col, .dream-home-wrapper .get-ideas-col, .dream-home-wrapper .instituitional-sales-col, .dream-home-wrapper .shalimar-advantage-col, .dream-home-wrapper ul li.proff-submit-query { padding: 15px; height: 173px !important;} .dream-home-wrapper .work-showcase-col h3, .dream-home-wrapper .get-ideas-col h3, .dream-home-wrapper .instituitional-sales-col h3, .dream-home-wrapper .shalimar-advantage-col h3{ font-size:24px;} .dream-home-wrapper .work-showcase-col p, .dream-home-wrapper .get-ideas-col p, .dream-home-wrapper .instituitional-sales-col p, .dream-home-wrapper .shalimar-advantage-col p{ font-size: 16px; line-height: 20px;} .product-categories-tab .tab-content.categories-content { height: 360px;} .dream-home-wrapper ul li h3{ font-size:24px;} .dream-home-wrapper ul li p { font-size: 16px; line-height: 20px;} .dream-home-wrapper ul li.do-it-yourself-col, .dream-home-wrapper ul li.painting-guidelines-col, .dream-home-wrapper ul li.world-of-colors-col, .dream-home-wrapper ul li.budget-calculator-col { padding: 45px 20px; height: 173px;} .dream-home-wrapper ul li.indus-submit-query, .dream-home-wrapper ul li.indus-shalimar-advantage { height: 173px; padding: 20px 20px;} .highlights-wrapper{ padding:30px 0px;} .highlights-wrapper .highlights-col .highlights-content { bottom: 10px;} .highlights-wrapper .highlights-col .highlights-content h3 { font-size: 26px;} .highlights-wrapper .highlights-col .highlights-content p a { font-size: 16px; padding: 0px 15px; line-height: 22px;} .Shalimar-advantage { padding: 60px 0px 40px; background-size: cover;} .highlights-advantage .advantage-col .highlights-content h4{ margin: 0px 0px 5px; font-size: 18px;} .highlights-advantage .advantage-col .highlights-content p{ font-size: 14px; line-height: 20px;} .shalimar-life-wrapper .shalimar-life-left .shalimar-life-content span { font-size: 34px; line-height: 42px;} .shalimar-life-wrapper{ padding:30px 0px;} .yourself-wrapper .yourself-col-content{ padding:10px;} .yourself-wrapper .yourself-col-content h3{ font-size:20px;} .do-dont-wrapper .do-dont-col.do-dont-col.dos, .do-dont-wrapper .do-dont-col.dont { padding: 80px 20px 60px;} .do-dont-col.dos:after, .do-dont-col.dont:after{ left:10px;} .do-dont-wrapper .do-dont-col .guidelines-bx{ padding-bottom: 25px;} .do-dont-wrapper .do-dont-col .guidelines-bx .do-dont-content{ padding-left: 10px;} .do-dont-wrapper .do-dont-col.do-dont-col.dos .guidelines-bx:nth-child(odd) .do-dont-content, .do-dont-wrapper .do-dont-col.dont .guidelines-bx:nth-child(odd) .do-dont-content{ padding-right: 10px;} .do-dont-wrapper .do-dont-col.do-dont-col.dos .dos-top, .do-dont-wrapper .do-dont-col.do-dont-col.dont .dont-top{ width: 200px; height: 200px; background-size: cover;} .do-dont-wrapper .do-dont-col.do-dont-col.dos .dos-top h4, .do-dont-wrapper .do-dont-col.do-dont-col.dont .dont-top h4{ line-height: 200px; font-size: 45px;} .do-dont-wrapper .do-dont-col.do-dont-col.dos .dos-bottom, .do-dont-wrapper .do-dont-col.do-dont-col.dont .dont-bottom{ bottom: -13%; width: 200px; height: 200px; background-size: cover;} .do-dont-wrapper .do-dont-col.do-dont-col.dos .dos-bottom h4, .do-dont-wrapper .do-dont-col.do-dont-col.dont .dont-bottom h4{ line-height: 200px; font-size: 45px;} .shalimar-tab-wrapper.tab-bx #careers li a { font-size: 28px; line-height: 60px;} .catalogues-col-one .catalogues-col-content figure img, .environment-bx-two .environment-col-content figure img { height: 250px;} .catalogues-col-one.life-shalimar { height: 201px; padding: 15px;} .catalogues-col-content .environment-bx-content h3, .environment-bx-two .environment-col-content h3{ font-size: 24px; margin: 0px 0px 5px;} .catalogues-col-content .environment-bx-content p, .environment-bx-two .environment-col-content p { line-height: 20px; font-size: 14px;} .catalogues-col-one .catalogues-col-content { padding: 0px 0px 0px 26%;} .environment-col-content { padding: 0px 23% 0px 0px;} .environment-bx-two.work-culture { height: 201px; margin: 80px 0px; padding: 15px;} .catalogues-col-one.core-values { height: 201px; padding: 15px;} .catalogues-col-one .catalogues-col-content figure, .environment-bx-two .environment-col-content figure { top: -35px;} .apply-bx .apply-col{ width:49%;} .apply-bx .apply-col .work-with p{ line-height:26px;} .apply-bx .apply-col .form-group{ margin-bottom:15px;} .apply-bx .apply-col .form-group label{ width:24%;} .apply-bx .apply-col .form-group .custom-file-input, .apply-bx .apply-col .form-group textarea{ width:76%;} .apply-bx .apply-col .form-group .file-input { width: 76%; float: left;} .apply-bx .apply-col .work-with h3 { font-size: 28px; margin: 0px 0px 5px;} #news { width: 100%;} #news li a { font-size: 28px; height: 60px; line-height: 60px;} .dealer-tab-box { width: 100%; margin: 30px auto 0px;} .catalogues-col-one.fueling-growth, .catalogues-col-one.expanding-our-network { height: 186px; padding-left: 10%;} .environment-bx-two.investing-in-r-d{ height: 186px; padding: 20px 10% 20px 20px;} .dealer-tab-box form .form-group, .dealer-tab-box form .form-group .request-bx .email-bx{ margin-bottom:20px;} .redio-btn-group .redio-input .redio-btn{ padding-bottom:10px;} .about-wrapper #about-us li{ padding:0;} .about-wrapper #about-us li a{ font-size:18px;padding: 18px 0 18px 54px !important;} .about-wrapper #about-us li a span{top:16px;} .about-wrapper #about-us li a span img { width: 88%;} .about-wrapper .about-tab-content strong{ font-size:16px;} .about-wrapper .tab-content{ padding-left:30px;} .shade-colours { padding: 30px 0px;} .shade-colours h2 { margin-bottom: 15px;} .shade-colours p { padding: 0px 10%; margin-bottom: 0px;} .shade-colours ul{ padding-top:20px;} .shade-colours ul li a span{ font-size:16px;} .investors-wrapper .investors-left .investors-content{ padding:15px;} .investors-wrapper .investors-right .panel-body .select2{ width:70%;} .investors-wrapper .investors-left .investors-content h4{ font-size:24px;} .investors-wrapper .investors-left .investors-content p{ line-height:26px;} .room-wrapper.color-combinations p br { display: none;} .room-wrapper .room-bx{ padding-top:30px;} .room-wrapper .room-bx .room-col-content h3{ font-size:24px; margin-bottom: 10px;} .room-wrapper.color-combinations .room-bx .room-col-content strong{ font-size: 18px; padding: 5px 0px;} .room-wrapper h2+p br { display: none;} .mood-wrapper .mood-col .mood-content h3 { font-size: 24px;} .homeowners-dream-home .homeowners-dream-home-col .dream-home-content{ left: 20px;} .homeowners-dream-home .homeowners-dream-home-col .dream-home-content h3, .homeowners-dream-home .homeowners-dream-home-col .dream-home-content h3 a{ font-size:24px;} .homeowners-dream-home .homeowners-dream-home-col .dream-home-content p, .homeowners-dream-home .homeowners-dream-home-col .dream-home-content p a { font-size: 16px; line-height: 20px;} .send-queries-section { padding: 40px 0px;} .send-queries-wrapper{ width:90%;} .send-queries-wrapper form .form-group label{ width:28%;} .send-queries-wrapper form .form-group .form-control, .send-queries-wrapper form .form-group div{ width:72%;} .send-queries-wrapper form .form-group textarea { height: 150px !important;} .send-queries-wrapper form .submit{ margin-top:0px;} .apply-bx .apply-col .work-with p { line-height: 22px;} .catalogues-col-one.increased-growth, .catalogues-col-one.innovative-ideas { height: 201px; padding: 10px;} .environment-bx-two.training-development { height: 201px; margin: 80px 0px; padding: 15px;} .event-section{ padding:30px 0px; background-position: center;} div#event-slider .owl-nav.disabled button.owl-prev{ left: -80px;} div#event-slider .owl-nav.disabled button.owl-next { right: -80px;} .primers-wrapper .primers-col { padding: 15px 25px;} .primers-wrapper .primers-col.one, .primers-wrapper .primers-col.two, .primers-wrapper .primers-col.three, .primers-wrapper .primers-col.four, .primers-wrapper .primers-col.five { height: 198px;} .primers-wrapper .primers-col .primers-col-content h3{ font-size:24px; margin-bottom:10px;} .primers-wrapper .primers-col .primers-col-img { width: 25%;} .primers-wrapper .primers-col .primers-col-content { width: 75%;} .contact-us-bx { bottom: 60px; left: 14%;} .contact-us-bx h1 span { font-size: 45px;} .contact-section h2, .yourself-section h2{ font-size:35px;} .yourself-section { padding: 30px 0px;} .diy-bx { bottom: 41px;} .investors-section { padding: 30px 0px;} .product-paints-bx.news { top: 20%; left: 5%;} .product-paints-bx.news h1 { font-size: 35px;} .product-paints-bx.news h1 b { font-size: 45px;} .diy-bx.tips-tricks { bottom: 52px; left: 8%;} .product-paints-bx.dealers { left: 13%;} .about-wrapper{ padding:30px 0px;} .about-wrapper .about-tab-content ul li{ line-height: 25px; padding-left: 30px; background-position-y: 7px; margin-bottom: 10px;} .director-table h5{ font-size:20px;} .product-paints-bx.about-ux img { width: 50%;} .marine-section{ padding-top:30px;} .product-filter-tab .filter-heading b { padding-right: 20px; margin-right: 20px; font-size: 24px;} .product-filter-tab .filter-heading .btn-group a.dropdown-toggle{ font-size:24px;} .product-filter-tab .filter-heading .reset-btn{ font-size: 18px; padding: 3px 30px;} .product-filter-tab article .product-filter-col .product-filter-accordion h5 { font-size: 16px; line-height: 34px; margin: 0px;} .product-filter-tab { padding: 30px 0;} .product-paints-bx.marine h1{ font-size:35px;} .product-paints-bx.marine h1 b { font-size: 55px;} .product-filter-tab .filter-heading .btn-group a.dropdown-toggle .caret{ width:12px; height:12px;} .shade-colours ul li { margin-bottom: 40px;} .shade-colours ul li a img { width: 75%;} .products-paints-col .products-paints-main-col .products-paints-col-left h3 { margin: 0px 0px 5px; font-size: 22px;} .products-paints-col .products-paints-main-col .products-paints-col-left p { height: 62px; overflow: hidden; line-height: 20px;} .products-paints-col .products-paints-main-col .products-paints-col-left a { width: 95px; height: 25px; line-height: 24px; font-size: 14px;} .primers-col-content a { width: 95px; height: 25px; line-height: 24px; font-size: 14px;} .work-showcase-wrapper { padding: 30px 0px 40px;} .work-showcase-left { width: 25%;} .work-showcase-right { width: 72%;} .work-showcase-left .swiper-container { height: 450px;} .work-showcase-left .swiper-button-prev { top: -35px; left: 60px; background-size: 30px;} .work-showcase-left .swiper-button-next { left: 60px; bottom: -60px; background-size: 30px;} .work-showcase-right article h3 { margin: 15px 0px 5px; font-size: 28px;} .shade-card-pdf{ padding:20px 0px;} .shade-card-pdf div figure img { height: 60px;} .budget-calculator-section .middle-int, .advanced-calculator-section .middle-int, .budget-calculator-select-section .middle-int{ padding:30px 0px;} .budget-calculator-section .middle-int .middle-section h2, .advanced-calculator-section .middle-int .middle-section h2, .budget-calculator-select-section .middle-int .middle-section h2 { margin-bottom: 20px;} .budget-calculator-section .middle-int .middle-section, .advance-section-inner { width: 100%; padding:15px;} .budget-calculator-section .middle-int .tab-index-content{ padding:0px;} .budget-calculator-section .middle-int .middle-section .tab-index-alpha li a{ font-size:24px;} .budget-calculator-section .middle-int .tab-content-outer{ padding:30px 0px 15px;} .budget-calculator-section #slider4 .viewport .overview li, .budget-calculator-section #slider5 .viewport .overview li { width: 193px; margin: 0px 10px;} .budget-calculator-section .middle-int .tab-index-content #slider4 .prev, .budget-calculator-section .middle-int .tab-index-content #slider4 .next { background-size: 30px; width: 30px; height: 30px;} .advance-section-inner .bcal-main .bcal p, .advance-section-inner .bcal-main .bcal2 p, .advance-section-inner .bcal-main .bcal2 form ul li, .advance-section-inner .abc form ul li, .advance-section-inner .abc form p{ font-size: 16px; line-height:normal;} .advance-section-inner .bcal-main{ padding:15px;} .advance-section-inner .result-bc h2, .advance-section-inner .center-p h2{ padding-top:160px;} .product-categorie-wrapper { padding: 30px 0px 15px;} .dealer-finder-bx .finder-select { width: 50%; margin: 0 auto 15px;} .dealer-finder-bx .finder-select select{ height: 55px;} .dealer-finder-section { padding: 30px 0px;} .showing-results-bx { padding-top: 30px;} .showing-results-col{ padding:15px; margin-bottom: 15px;} .showing-address{ padding-bottom:10px;} .showing-results-col h5 { font-size: 24px; margin: 0px 0px 10px;} .showing-address .showing-address-icon i{ font-size: 20px;} .showing-address ul li i { font-size: 20px !important;} .showing-address .showing-address-content, .showing-address ul li{ font-size: 18px; padding-left: 5px;} .dealer-finder-bx .finder-select select{ font-size:24px;} .dealer-finder-bx .finder-select:after{ border: 10px solid transparent;top: 24px;border-color: #fff transparent transparent transparent;} .dealer-finder-bx button{ width: 200px; font-size: 24px; height: 55px;} .heading-h1 h1 a { font-size: 30px; width: 600px;} .investors-content.one { height: 410px !important;} .sp-blogs-box .sp-blogs-left { width: 100%;} .sp-blogs-box .sp-blogs-right { width: 100%; margin-top: 30px;} .sp-blogs-box{ padding:30px 0px;} .popular-post-image { width: 160px;} .popular-post-content { width: calc(100% - 175px);} .popular-post-content a{ font-size:16px;} } @media only screen and (max-width:767px) { .d-flex { flex-direction:column; } .container{ width:100%; margin:0 auto;} .mobileMenu{ padding-top:0px;} .shalimar-wrapper-box .container { width:100%;} .inner-header-bottom { width: 100%; position: absolute; top: 0px; z-index: 9;} .desktopbanner{ display: none;} .shalimar-main-section .mobilebanner{ display: none;} .mobilebanner { display: block;} .product-paints-bx.experiences { top: 40%; left: 50%; transform: translate(-50%, -40%); width: 100%; text-align: center;} h1, h1 strong{ font-size:24px !important; line-height: 35px !important;} .product-paints-bx.experiences h1 span { padding-left: 50px;} h1 span, h1 strong, h1 b{ font-size:30px !important;} .product-paints-bx.shade-card { left: 45%; top: 28%;} .idea-bx.resources-box{ top: 32%; left: 28%; transform: translate(-32%, -28%); -o-transform: translate(-32%, -28%); -moz-transform: translate(-32%, -28%); -ms-transform: translate(-32%, -28%);} .idea-bx.resources-box h1{ color: #231f20;} .idea-bx { top: 35%; left: 40%; transform: translate(-40%, -35%);} .diy-bx { bottom: 48%; left: 30%;} .diy-bx.do-and-donts-banner { top: 60%; left: 50%; width: 100%; text-align: center; transform: translate(-50%, -60%);-o-transform: translate(-50%, -60%); -ms-transform: translate(-50%, -60%); -moz-transform: translate(-50%, -60%);} .diy-bx.by-room { top: 35%; left: 20%; transform: translate(-20%, -35%); -o-transform: translate(-20%, -35%); -ms-transform: translate(-20%, -35%); -moz-transform: translate(-20%, -35%);} .product-paints-bx { top: 16%;} .product-paints-bx h1, .product-paints-bx h1 strong{ line-height: 25px !important;} .product-paints-bx h1 span { padding-left: 120px;} .product-paints-bx.event { left: 50%; top: 36%;} .contact-us-bx{ bottom: 63%; left: 50%; transform:translate(-50%, -0%); -o-transform:translate(-50%, -0%); -ms-transform: translate(-50%, -0%); -moz-transform: translate(-50%, -0%);} .contact-us-bx, .product-paints-bx.careers { top: 50%; left: 50%; transform: translate(-50%); -o-transform: translate(-50%); -ms-transform: translate(-50%); -moz-transform: translate(-50%);} .highlights-bx h1{ top:20%; padding-left:0px;} .diy-bx.shalimar-advantage { top: 25%; left: 50%; transform: translate(-50%, -0%); width: 100%; text-align: center;} .product-paints-bx.about-ux img { width: 100%;} .shade-colours ul li { width: 31%;} .expert-section { padding: 10px 0px 0;} /*.benefits-bx{ display:block !important;}*/ .benefits-tab-slider{ width:90%; margin:0 auto; display:block; position:relative;} .benefits-tab-slider .benefits-col{ text-align:center;} .benefits-tab-slider .benefits-col .benefits-img img{ width:20%; margin:0 auto;} .benefits-tab-slider .benefits-col .benefits-content h3{ color: #231f20; font-family: "Helvetica_LT_Condensed_Light_2"; font-size: 24px; margin: 15px 0px; border-bottom: solid 1px #8e004d; padding-bottom: 15px;} .benefits-tab-slider .benefits-col .benefits-content p{ font-size: 16px; line-height: 24px;} .benefits-tab-slider .owl-nav.disabled { display: block !important;} .benefits-tab-slider .owl-nav.disabled .owl-prev{ width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #231f20;position: absolute; top: 50%; left: -20px; cursor: pointer;} .benefits-tab-slider .owl-nav.disabled .owl-next{ width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #231f20;position: absolute; top: 50%; right: -20px; cursor: pointer;} .benefits-tab-slider .owl-nav.disabled span{ display:none;} .appli-procedure-wrapper article{ display:none !important;} .application-procedure-section{ background-image:none; height: auto;} .appli-procedure-slider{ display:block; width:90%; margin:0 auto;} .appli-procedure-slider .appli-procedure-col { text-align: center;} .appli-procedure-slider .appli-procedure-col h3 { color: #dcddde; font-size: 100px; font-family: "Helvetica_LT_Condensed_Bold_2"; margin: 0px; text-align: center;} .appli-procedure-slider .appli-procedure-col h4 {font-family: "Helvetica_LT_Condensed_Light_2"; font-size: 24px; color:#231f20;} .appli-procedure-slider .appli-procedure-col p{ font-size: 16px; line-height: 24px; text-align: center;} .appli-procedure-slider .appli-procedure-col img { width: 50% !important; margin: 0 auto;} .appli-procedure-slider .appli-procedure-col .Step{ left:32%;} .appli-procedure-slider .owl-nav.disabled { display: block !important;} .appli-procedure-slider .owl-nav.disabled .owl-prev{ width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #231f20;position: absolute; top: 50%; left: -20px; cursor: pointer;} .appli-procedure-slider .owl-nav.disabled .owl-next{ width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #231f20;position: absolute; top: 50%; right: -20px; cursor: pointer;} .appli-procedure-slider .owl-nav.disabled span{ display:none;} .emulsion-slider, .pro-categories-tab a.right.carousel-control, .pro-categories-tab a.left.carousel-control{ display:none;} .pro-categories-tab .tab-content .interior-tab .tab-pane .emulsion-bx { padding: 10px;} .pro-categories-tab { width: 100%; display: block; padding-top: 50px;} .emulsion-mobile-slider { display: block !important; width: 90%; margin: 0 auto;} .product-categories-tab{ height: 450px; background-size: cover;} .pro-categories-tab #sub-tabs{width:100%; display:none;} .tab-content.categories-content{ width:100%; display:block;} .tab-content.categories-content:before{ display:none;} .emulsion-mobile-slider .emulsion-image img { width: 28% !important; margin: 0 auto;} .emulsion-mobile-slider .emulsion-image span { font-family: "SourceSansPro-Regular"; font-size: 16px; color: #fff; display: block; text-align: center;} .emulsion-mobile-slider .owl-nav.disabled { display: block !important;} .emulsion-mobile-slider .owl-nav.disabled .owl-prev{ width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #fff;position: absolute; top: 50%; left: -20px; cursor: pointer;} .emulsion-mobile-slider .owl-nav.disabled .owl-next{ width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #fff;position: absolute; top: 50%; right: -20px; cursor: pointer;} .emulsion-mobile-slider .owl-nav.disabled span{ display:none;} .emulsion-mobile-slider .owl-dots{ display:none;} .product-categories-tab .tab-content.categories-content{ width:100%; height: auto;} .pro-categories-tab .tab-content .interior-tab .nav-tabs{ text-align:center; margin-bottom: 25px;} .emulsions-section h2, .emulsions-section h2, .products-categories-dropdown button, .sub-categories-dropdown button { font-size: 25px;} .products-categories-dropdown button span, .sub-categories-dropdown button span { width: 30px; height: 30px;} .products-categories-dropdown button span:after, .sub-categories-dropdown button span:after { bottom: 0px; right: 0px; width: 30px; height: 30px; font-size: 25px;} .products-categories-dropdown .dropdown-menu li a, .sub-categories-dropdown .dropdown-menu li a{ padding: 4px 10px; font-size: 16px;} .emulsions-section article{ display:none;} .emulsions-mb-slider{ display:block; margin-bottom: 25px;} .emulsions-mb-slider ul { border: none; text-align: center; padding-bottom: 25px;} .emulsions-mb-slider ul li { float: none; display: inline-block; text-align: center; margin: 0px;} .emulsions-mb-slider ul li a { font-size: 18px; font-family: "SourceSansPro-Regular"; color: #231f20 !important; margin: 0px; border-right: solid 1px #231f20 !important; padding: 0px 10px; border-radius: 0px;} .emulsions-mb-slider ul li.active a{ font-size: 18px; font-family: "SourceSansPro-Bold"; color: #f37021 !important; border: none !important; border-right: solid 1px #231f20 !important;} .emulsions-mb-slider ul li:last-child a{ border-right:none !important;} /* .emulsions-mb-slider .emulsions-mobile-tab{ background-image: url(../img/exquisite-mobile-bg.png); background-repeat: no-repeat; height: auto !important; padding: 30px 15px; */ /* width: 100%; min-height: unset; background-size: 100% auto !important; display: block; margin: 0 auto;} */ /* .emulsions-mb-slider .emulsions-mobile-tab.elite{ background-image: url(../img/elite-mobile-bg.png);} */ /* .emulsions-mb-slider .emulsions-mobile-tab.elegant{ background-image: url(../img/elegant-mobile-bg.png);} */ .products-paints-col { width: 97%; margin: 0px auto;} .products-paints-col .products-paints-main-col{ padding:25px; display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%;} .products-paints-col .products-paints-main-col .products-paints-col-left { width: 100%; display: initial; padding-right: 0px; order: 2; text-align: center;} .products-paints-col .products-paints-main-col .products-paints-col-right { width: 100%; display: inherit; order: 1;} .products-paints-col .products-paints-main-col .products-paints-col-right a { width: 100%;} .products-paints-col .products-paints-main-col .products-paints-col-right img { margin: 0 auto; width: 35%;} .products-paints-col .products-paints-main-col .products-paints-col-left p { height: auto; text-align: center; margin-bottom: 5px;} .products-paints-col .products-paints-main-col .products-paints-col-left a{ margin:0 auto;} .emulsions-mb-slider .emulsions-mobile-tab .shalimar-priducts{ text-align:center;} .emulsions-mb-slider .emulsions-mobile-tab .shalimar-priducts img{ width: 60%; margin: 0 auto;} .emulsions-mb-slider .emulsions-mobile-tab .shalimar-priducts span{ font-family: "Helvetica_LT_Condensed_Light_2"; color: #fff; font-size: 20px;} .emulsions-mb-slider .emulsions-mobile-tab .owl-nav.disabled { display: block !important;} .emulsions-mb-slider .emulsions-mobile-tab .owl-nav.disabled .owl-prev{ width: 0px; height: 0px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-right: 18px solid #fff;position: absolute; top: 45%; left: 6px; cursor: pointer;} .emulsions-mb-slider .emulsions-mobile-tab .owl-nav.disabled .owl-next{ width: 0px; height: 0px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 18px solid #fff; position: absolute; top: 45%; right: 6px; cursor: pointer;} .emulsions-mb-slider .emulsions-mobile-tab .owl-nav.disabled span{ display:none;} .emulsions-mb-slider .emulsions-mobile-tab .owl-dots{ display:none;} p { font-size: 14px; line-height: 24px;} .control-panel-slider{display:none;} .shalimar-section .shalimar-col { width: 100%; margin: 0 auto 5px auto; max-width: 394px;} .shalimar-content-bx p br { display: none;} .shalimar-main-section{background-position:top, center; background-size: cover;} .shalimar-section .shalimar-col img.mobile-view { display: block; margin: 0 auto;} .shalimar-section .shalimar-col img.desktop-view { display: none;} .header-bottom-bx h1 strong { font-size: 50px;} .header-bottom-bx h1 { font-size: 40px;} .spotlight-wrapper .carousel-control.right{right:-15px;} .spotlight-wrapper .carousel-control.left{left:-15px;} .blog-wrapper { padding: 50px 0px 20px;} .blog-wrapper .carousel-control.right { right: -15px;} .blog-wrapper .carousel-control.left { left: -15px;} .header-bottom-bx h1 .experiences-text { display: block; padding-left: 12%;} .header-bottom-bx h1{padding-bottom:90px;} .our-legacy-wrapper .our-legacy-col .carousel-inner .item .our-legacy-content h3{text-transform:uppercase; font-size: 20px;} .our-legacy-wrapper .our-legacy-col .carousel-inner .item .our-legacy-content p{font-size: 16px;} .dream-home-wrapper ul li.resource-centre, .dream-home-wrapper ul li.submit-query, .dream-home-wrapper ul li.shalimar-advantage, .dream-home-wrapper ul li.health-safety { height: auto; padding: 30px 15px; width: 100%; max-width: 390px; background-size: auto 100%; display: block; margin: 0 auto 20px;} .signature-section .signature-wrapper .signature-left { width: 100%;} .signature-section .signature-wrapper .signature-left figcaption { width: 100%; padding-left: 0px; text-align: center;} .signature-section .signature-wrapper .signature-left figure { width: 100%; order: 2; padding: 15px 0px;} .signature-section .signature-wrapper .signature-left figcaption h2 { margin-bottom: 15px; text-align: center;} .signature-section .signature-wrapper .signature-left figure img { margin: 0 auto; height: 180px;} .signature-section .signature-wrapper .signature-right { width: 100%;} .signature-section .signature-wrapper .signature-right figure { width: 130px; height: 138px; float: none; margin: 0 auto;} .signature-section .signature-wrapper .signature-right figure img { height: 75px;} .applications-bx .applications-col { margin-bottom: 20px; border-bottom: solid 1px #bb6694; padding-bottom: 10px;} .applications-bx .applications-col:last-child { border-bottom: 0px;} .shalimar-tab-wrapper { padding: 20px 0px 20px; width: 100%; float: left;} .shalimar-tab-wrapper ul.nav li{ width:100%; border-right:none;} .shalimar-tab-wrapper ul.nav li a { font-size: 24px; padding: 10px;text-align: left; position:relative;} .shalimar-tab-wrapper ul.nav li a:after{ content: ''; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #231f20; position: absolute; right: 10px; top: 23px;} .shalimar-tab-wrapper ul.nav li.active a:after{ content: ''; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; position: absolute; right: 10px; top: 23px;} .applications-bx .applications-col h4 { font-size: 22px; margin: 0px 0px 15px; text-align: center;} .applications-bx .applications-col ul li .app-icon { width: 7%;} .applications-bx .applications-col ul li .app-content { width: 93%;} .features-bx .features-col .features-col-left { width: 100%; text-align: center; padding-bottom: 10px;} .features-bx .features-col .features-col-left span{ font-size:20px;} .features-bx .features-col .features-col-left span br{ display:none;} .features-bx .features-col .features-col-right { width: 100%; text-align: center;} .features-bx .features-col .features-col-right .features-tab-year { width: 50%; display: block; margin:0 auto;} .features-bx .features-col .features-col-right .features-tab-year figcaption { text-align: left; padding-left: 15px;} .features-bx .features-col .features-col-right .features-tab-year figcaption strong { font-size: 50px; line-height: 40px;} .features-bx .features-col .features-col-right .features-tab-year figcaption span.ftd { left: 16px;} .shalimar-tab-wrapper .tab-pane .benefits-bx .benefits-col { width: 100%;text-align: center; padding-bottom: 10px; padding-top:30px; } .shalimar-tab-wrapper .tab-pane .benefits-bx .benefits-col .benefits-img img { height: auto!important; } .shalimar-tab-wrapper .tab-pane .benefits-bx .benefits-col .benefits-content h3 {height:100%;margin: 10px 0px; padding-bottom: 15px;} .resources-product-section.colours { margin-top: 10px;} .resources-product-bx .catalogues-col .catalogues-content h3, .resources-product-bx .shade-card-col .shade-card-content h3 { font-size: 22px; margin-bottom: 10px;} .resources-product-bx .catalogues-col.colours:first-child { background-image: url(http://ideastoimpact.in/shalimar/uploads/combinations-mb-bg.png) !important; min-height: 440px !important; float: none !important; height: auto !important; padding: 0 !important; width: 100% !important; max-width: 294px !important; background-size: auto 100% !important; display: block !important; margin: 0 auto 45px !important;} .resources-product-bx .catalogues-col.colours:first-child .catalogues-content h3, .resources-product-bx .catalogues-col.colours:first-child .catalogues-content p{ text-align:left !important;} .resources-product-bx .catalogues-col.colours:first-child .catalogues-content{ width: 100%; padding: 200px 35px 15px;} .shade-card-col.colours{ background-image: url(http://ideastoimpact.in/shalimar/uploads/palettes-mb-bg.png) !important; min-height: 358px !important; float: none !important; height: auto !important; padding: 0 !important; width: 100% !important; max-width: 294px !important; background-size: auto 100% !important; display: block !important; margin: 0 auto 45px !important;position: unset;} .shade-card-col.colours.shade-card-col .shade-card-content{ width: 100%; padding: 185px 35px 15px !important;} .catalogues-col.colours:last-child{ background-image: url(http://ideastoimpact.in/shalimar/uploads/colour-resources-mb-bg.png); min-height: 380px; float: none; height: auto; padding: 0; width: 100%; max-width: 294px; background-size: auto 100%; display: block; margin: 0 auto 45px;} .catalogues-col.colours:last-child .catalogues-content h3, .catalogues-col.colours:last-child .catalogues-content p{ text-align:left !important;} .catalogues-col.colours:last-child .catalogues-content{ width: 100%; padding: 185px 35px 15px;} .shade-card-col.colours .shade-card-content { text-align: left !important;} .resources-product-bx .catalogues-col figure, .resources-product-bx .shade-card-col figure img{ display:none;} .feature-wrapper article{ display:block; width: 90%; margin: 0 auto;} .feature-wrapper article .feature-col{ width: 100%; min-height: 347px; max-width: 294px; background-size: auto 100%; display: block; margin: 0 auto 45px; padding: 50px 15px 15px;} .feature-wrapper article .feature-col figure img { height: 140px;} .dream-home-wrapper { padding: 30px 0px;} .dream-home-wrapper ul li.get-inspired, .dream-home-wrapper ul li.expert-tips{ height: auto !important; padding: 30px 15px; width: 100%; max-width: 390px; background-size: auto 100% !important; display: block; margin: 0 auto 20px;} .resources-product-section { margin-top:20px;} .resources-product-bx .catalogues-col{ background-image: url(http://ideastoimpact.in/shalimar/uploads/catalogues-bg-mb.png); min-height: 370px; float: none; height: auto; padding: 0; width: 100%; max-width: 294px; background-size: auto 100%; display: block; margin: 0 auto 45px;} .resources-product-bx .catalogues-col .catalogues-content { padding: 190px 40px 15px 40px; width: 100%;} .resources-product-bx .catalogues-col .catalogues-content h3{ text-align:center;} .resources-product-bx .catalogues-col .catalogues-content p{ text-align: center; font-size: 14px; line-height: 20px;} .resources-product-bx .shade-card-col{ background-image: url(http://ideastoimpact.in/shalimar/uploads/shade-card-bg-mb.png); min-height: 335px; float: none; height: auto; padding: 0; width: 100%; max-width: 294px; background-size: auto 100%; display: block; margin: 0 auto 45px;} .resources-product-bx .shade-card-col .shade-card-content{ padding: 185px 40px 15px 40px; width: 100%; text-align: center;} .resources-product-bx .shade-card-col .shade-card-content p { font-size: 14px; line-height: 20px;} .dream-home-wrapper .work-showcase-col, .dream-home-wrapper .get-ideas-col, .dream-home-wrapper .instituitional-sales-col, .dream-home-wrapper .shalimar-advantage-col, .dream-home-wrapper ul li.proff-submit-query{ height: auto !important; padding: 30px 15px; width: 100%; max-width: 390px; background-size: auto 100% !important; display: block; margin: 0 auto 20px;} .highlights-wrapper { padding: 10px 0px 30px;} .highlights-wrapper .highlights-col .highlights-content { bottom: 13px;} .highlights-wrapper .highlights-col .highlights-content h3 { font-size: 22px; margin-bottom: 5px;} .highlights-wrapper .highlights-col .highlights-content p { font-size: 14px;} .product-categorie-wrapper #product-categorie-slider { width: 85%; margin: 0 auto;} .emulsion-mobile-slider { display: block !important; width: 90%; margin: 0 auto;} .professionals-categories-dropdown{ display:block !important; width: 90%; margin: 0 auto 20px;} .professionals-categories-dropdown .btn-primary { width: 100%; background-color: #fff; text-align: left; padding: 10px 15px; color: #000; font-family: "Helvetica_LT_Condensed_Light_2"; font-size: 20px;position: relative; border-radius: 0px; border: none;} .professionals-categories-dropdown .btn-primary .caret { position: absolute; top: 40%; right: 15px; border-top: 10px solid #000; border-right: 10px solid transparent; border-left: 10px solid transparent;} .professionals-categories-dropdown.open button { background-color: #fff !important; color: #000 !important;} .professionals-categories-dropdown .professionals-dropdown { width: 100%; border-radius: 0px;} .professionals-categories-dropdown .professionals-dropdown li.active a{ background-color:transparent;} .professionals-categories-dropdown .professionals-dropdown li a{text-align: left; padding: 10px 15px; color: #000; font-family: "Helvetica_LT_Condensed_Light_2"; font-size: 20px;} .professionals-categories-dropdown .btn-primary img, .professionals-categories-dropdown .professionals-dropdown li a img { display:none;} .dream-home-wrapper ul li.do-it-yourself-col, .dream-home-wrapper ul li.painting-guidelines-col, .dream-home-wrapper ul li.world-of-colors-col, .dream-home-wrapper ul li.budget-calculator-col{ height: 192px !important; padding: 50px 15px; width: 100%; max-width: 390px; display: block; margin: 0 auto 20px;} .dream-home-wrapper ul li.indus-submit-query, .dream-home-wrapper ul li.indus-shalimar-advantage { height: 192px; padding: 30px 15px; width: 100%; max-width: 390px; display: block; margin: 0 auto 20px;} .homeowners-dream-home .homeowners-dream-home-col { width: 100%; margin-bottom: 15px;} .homeowners-dream-home .homeowners-dream-home-col img { margin: 0 auto;} .homeowners-dream-home .homeowners-dream-home-col .dream-home-content { left: 15%;} .room-wrapper h2 { margin: 0px 0px 10px;} .room-wrapper .room-bx .room-col-img { width: 100%; order: 1;} .room-wrapper .room-bx .room-col-img img{ margin:0 auto;} .room-wrapper .room-bx .room-col-content { width: 100%; order: 2;} .room-wrapper .room-bx .room-col-content h3{ text-align:center; margin: 10px 0px;} .mood-wrapper .mood-col{ width:100%;} .mood-wrapper{ padding-top:25px;} .mood-wrapper .mood-col .mood-icon { width: 100%; display: block;} .mood-wrapper .mood-col .mood-icon img{ margin:0 auto;} .mood-wrapper .mood-col .mood-content { width: 100%; display: block; padding: 20px 0px 10px; text-align: center;} .room-wrapper.color-combinations .room-bx .room-col-content strong{ text-align:center;} .room-wrapper.color-combinations .room-bx.odd .room-col-content p { text-align: justify;} .event-select-bx{ display:none;} .event-wrapper article h3{ text-align:center; margin: 0px 0px 10px; font-size: 20px;} .event-wrapper article p { line-height: 24px;} .event-wrapper article { margin-bottom: 30px;} div#event-slider { width: 80%; margin: 25px auto 0px;} div#event-slider .owl-nav.disabled button.owl-prev { left: -48px; background-image:none;} div#event-slider .owl-nav.disabled button.owl-prev:after{ content: ''; width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #5f5a57; position: absolute; cursor: pointer; top: 25%;} div#event-slider .owl-nav.disabled button.owl-next { right: -38px; background-image:none;} div#event-slider .owl-nav.disabled button.owl-next:after{ content: ''; width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #5f5a57; position: absolute; cursor: pointer; top: 25%;} .send-queries-section { padding: 20px 0px;} .send-queries-wrapper { width: 100%;} .send-queries-wrapper form .form-group{ margin-bottom:20px;} .send-queries-wrapper form .form-group label { width: 100%; font-size: 16px;} .send-queries-wrapper form .form-group .form-control{ width:100%; height: 40px; line-height: 40px; padding: 0px 10px; font-size: 16px;} .send-queries-wrapper form .form-group div { width: 100%; padding: 0px 10px; font-size: 16px;} .emulsions-section { padding:10px 0px 0;} .contact-section { padding: 30px 0px;} .contact-section h2, .yourself-section h2, .spotlight-wrapper h2{ font-size: 25px;margin-bottom: 15px;} .contact-wrapper .online-enquiry-col h3{ font-size:24px; margin-bottom:15px;} .contact-wrapper .contact-col { width: 100%; order: 2; text-align: center;} .contact-wrapper .online-enquiry-col { width: 100%; order: 1; padding-bottom: 50px;} .contact-wrapper .online-enquiry-col .form-group { margin-bottom: 15px;} .contact-wrapper .contact-col .social-media { padding: 0px 0px 20px;} .contact-wrapper .contact-col p { text-align: center; margin-bottom: 0px;} .contact-wrapper .contact-col iframe { height: 300px;} .yourself-wrapper { width: 100%; display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap;} .yourself-wrapper .yourself-col-img { width: 100%; display: unset; vertical-align: unset; order: 1;} .yourself-wrapper .yourself-col-img img{ margin:0 auto;} .yourself-wrapper .yourself-col-content, .yourself-wrapper:nth-child(odd) .yourself-col-content{ width: 100%; order: 2; border-width: 0px 1px 1px 1px; min-height: inherit; border-radius: 0px 0px 10px 10px; display: unset; padding: 15px;} .yourself-wrapper .yourself-col-content:after{ width: 200px; height: 200px; background-size: cover;} .yourself-section.shalimar-advantage .yourself-col-content h3{ font-size: 24px; margin-bottom: 10px; text-align: center;} .yourself-wrapper .yourself-col-content h3{ margin-bottom: 10px;} .yourself-wrapper .yourself-col-content h3 .step-con {width: 79%; text-align: left;} .yourself-wrapper .yourself-col-content p { line-height: 24px; margin-bottom:0px;} .investors-wrapper .investors-left { width: 100%;} .investors-wrapper .investors-left .investors-content{ background-position: top center; background-size: auto 100%; height:300px;} .investors-wrapper .investors-left .investors-content h4 { font-size: 20px; margin-bottom: 5px;} .investors-wrapper .investors-left .investors-content p { line-height: 20px;} .investors-wrapper .investors-left .investors-content span{ font-size:16px;} .investors-wrapper .investors-right{ width:100%;} .investors-wrapper .investors-right .panel-heading a{ font-size:16px; font-family: "SourceSansPro-Semibold_0";} .investors-wrapper .investors-right .panel-default>.panel-heading a:after{ font-size:16px;} .investors-wrapper .investors-right .panel-default{ margin-bottom:10px;} .investors-wrapper .investors-right #accordion { display: block !important;} #news li { width: 100%;} #news li a{ line-height:40px; font-size: 24px;} .news-tab-bx .shalimar-tab-wrapper .tab-pane { padding: 20px 0px 0px;} #shalimarnews, #pressreleasesdates{ width: 140px; height: 45px; font-size: 20px;} .news-pdf-bx{ padding-bottom:25px;} .news-pdf-bx:after{ width: 10px; height: 10px; right: 25px;} .news-tab-bx .shalimar-tab-wrapper .tab-pane .shalimar-news-bx { width: 100%;} .send-queries-wrapper h3{ margin: 0px 0px 20px; font-size: 24px;} .shade-colours ul li{ width:32%;} .shade-colours p{ padding:0px;} .modal-open .modal .modal-dialog{ width:90%;} .expert-bx article{ width:90%; margin:0px auto;} .expert-bx article .expert-col { width: 100%; margin-bottom: 25px;} .expert-bx article .expert-col figure img { margin: 0 auto;} .expert-bx article .expert-col p{ padding:0px; 15px;} .expert-bx article .expert-col .expert-content { bottom: 10%; left: 50%; min-width: 370px; transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); padding: 0px 15px;} .dealer-tab-box form .form-group label{ width:100%; font-size:16px;} .dealer-tab-box form .form-group .request-bx{ width:100%;} .dealer-tab-box form .form-group, .dealer-tab-box form .form-group .request-bx .email-bx { margin-bottom: 15px;} .redio-btn-bx .redio-btn-group .label { width: 100%; font-size: 16px; margin-bottom: 10px;} .redio-btn-group .redio-input { width: 100%; float: left;} .redio-btn-group .redio-input .redio-btn{ font-size:16px;} .dealer-tab-box form .form-group .request-bx input{ height:40px; line-height:40px;} .redio-btn-bx .redio-btn-group:first-child .redio-input .redio-btn{ width:49%;} #why-join-us .dealer-tab-box{ margin-top:0px;} #why-join-us .dealer-tab-box .catalogues-col-content figure, #why-join-us .dealer-tab-box .environment-col-content figure { display: none;} #why-join-us .dealer-tab-box .catalogues-col-one.fueling-growth { background-image: url(../img/fueling-growth-mobile-bg.jpg); width: 100%; height: 383px; background-position: top center; padding: 0px; background-size: unset;} #why-join-us .dealer-tab-box .catalogues-col-one.fueling-growth .catalogues-col-content { padding:36% 10px 10px 10px; max-width: 276px; width: 100%; margin: 0 auto; text-align: center;} #why-join-us .dealer-tab-box .environment-bx-two.investing-in-r-d { background-image: url(../img/investing-in-r-d-mobile-bg.jpg); width: 100%; height: 399px; background-position: top center; padding: 0px; background-size: unset; margin: 25px 0px;} #why-join-us .dealer-tab-box .environment-bx-two.investing-in-r-d .environment-col-content { padding:36% 10px 10px 10px; max-width: 276px; width: 100%; margin: 0 auto; text-align: center;} #why-join-us .dealer-tab-box .catalogues-col-one.expanding-our-network{ background-image: url(../img/expanding-our-network-mobile-bg.jpg); width: 100%; height: 399px; background-position: top center; padding: 0px; background-size: unset;} #why-join-us .dealer-tab-box .catalogues-col-one.expanding-our-network .catalogues-col-content { padding:36% 10px 10px 10px; max-width: 276px; width: 100%; margin: 0 auto; text-align: center;} #why-join-us .dealer-tab-box .environment-bx-two.diversifying-offerings{ background-image: url(../img/diversifying-offerings-mobile-bg.jpg); width: 100%; height: 405px; background-position: top center; padding: 0px; background-size: unset; margin: 25px 0px;} #why-join-us .dealer-tab-box .environment-bx-two.diversifying-offerings .environment-col-content { padding:36% 10px 10px 10px; max-width: 276px; width: 100%; margin: 0 auto; text-align: center;} .shalimar-tab-wrapper.tab-bx #careers li a { font-size: 24px; line-height: 40px;} .shalimar-tab-wrapper .tab-pane { padding: 30px 0px 0px;} .apply-bx .apply-col:first-child { width: 100%; order: 2; } .apply-bx .apply-col:last-child { width: 100%; order: 1; margin-bottom:25px;} .apply-bx .apply-col .work-with h3{ font-size:24px;} .apply-bx .apply-col .work-with{ padding: 25px;} .apply-bx .apply-col .work-with:after{ left:13px;} .apply-bx .apply-col .form-group label { width: 100%; font-size: 16px;} .apply-bx .apply-col .form-group .custom-file-input, .apply-bx .apply-col .form-group textarea{ width:100%; font-size:16px;} .environment-bx.Environment{ margin-top:0px;} .catalogues-col-one.life-shalimar .catalogues-col-content figure, .environment-bx-two.work-culture .environment-col-content figure, .catalogues-col-one.core-values .catalogues-col-content figure, .catalogues-col-one.increased-growth figure, .environment-bx-two.training-development figure, .catalogues-col-one.innovative-ideas figure{ display: none;} .catalogues-col-one.life-shalimar{ background-image: url(../img/life-shalimar-mobile-bg.jpg); width: 100%; height: 522px; background-position: top center; padding: 0px; background-size: unset;} .catalogues-col-one.life-shalimar .catalogues-col-content { padding: 36% 10px 10px 10px; max-width: 265px; width: 100%; margin: 0 auto; text-align: center;} .environment-bx-two.work-culture{ background-image: url(../img/work-culture-mobile-bg.jpg); width: 100%; height: 522px; background-position: top center; padding: 0px; background-size: unset; margin: 25px auto;} .environment-bx-two.work-culture .environment-col-content{ padding: 36% 10px 10px 10px; max-width: 265px; width: 100%; text-align: center; margin: 0px auto;} .catalogues-col-one.core-values{ background-image: url(../img/core-values-mobile-bg.jpg); width: 100%; height: 522px; background-position: top center; padding: 0px; background-size: unset;} .catalogues-col-one.core-values .catalogues-col-content{ padding: 36% 10px 10px 10px; max-width: 265px; width: 100%; margin: 0 auto; text-align: center;} .catalogues-col-one.increased-growth{ background-image: url(../img/increased-growth-mobile-bg.jpg); width: 100%; height: 522px; background-position: top center; padding: 0px; background-size: unset;} .catalogues-col-one.increased-growth .catalogues-col-content{ padding: 32% 10px 10px 10px; max-width: 265px; width: 100%; text-align: center; margin: 0px auto;} .environment-bx-two.training-development{ background-image: url(../img/training-development-mobile-bg.jpg); width: 100%; height: 522px; background-position: top center; padding: 0px; background-size: unset; margin: 25px 0px;} .environment-bx-two.training-development .environment-col-content{ padding: 32% 10px 10px 10px; max-width: 265px; width: 100%; text-align: center; margin: 0px auto;} .catalogues-col-one.innovative-ideas{ background-image: url(../img/innovative-ideas-mobile-bg.jpg); width: 100%; height: 522px; background-position: top center; padding: 0px; background-size: unset;} .catalogues-col-one.innovative-ideas .catalogues-col-content{ padding: 32% 10px 10px 10px; max-width: 265px; width: 100%; text-align: center; margin: 0px auto;} .highlights-wrapper .highlights-col{ width:100%; margin-bottom:25px;} .highlights-wrapper .highlights-col img{ margin:0 auto;} .highlights-wrapper .highlights-col .highlights-content { bottom: 50px; max-width: 585px; margin: 0 auto; left: 50%; transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); width: 100%;} .shalimar-life-wrapper .shalimar-life-right{ display: none;} .shalimar-life-mobile-img { display: block; width: 100%;} .shalimar-life-mobile-img img{ margin:0 auto;} .highlights-advantage{ display:none;} .appli-procedure-slider.shalimar-addvantage-slider{ padding-top:25px;} .appli-procedure-slider.shalimar-addvantage-slider .highlights-figure img { width: auto; margin: 0 auto;} .appli-procedure-slider.shalimar-addvantage-slider .highlights-content h4{ font-size: 20px; font-family: "Helvetica_LT_Condensed_Bold_2"; color: #fff; margin: 15px 0px 7px; text-align:center;} .appli-procedure-slider.shalimar-addvantage-slider .highlights-content p{ font-family: "SourceSansPro-Regular"; color: #fff; text-align:center;} .appli-procedure-slider.shalimar-addvantage-slider .highlights-content a{ color: #ffffff; font-family: "SourceSansPro-Bold"; display: block; text-align: center;} .appli-procedure-slider.shalimar-addvantage-slider.appli-procedure-slider .owl-nav.disabled .owl-prev{ border-right: 10px solid #ffffff;} .appli-procedure-slider.shalimar-addvantage-slider.appli-procedure-slider .owl-nav.disabled .owl-next{ border-left: 10px solid #ffffff;} .do-dont-wrapper{ padding:30px 0px;} .do-dont-wrapper .do-dont-col.do-dont-col.dos, .do-dont-wrapper .do-dont-col.dont{ display:none;} .dos-mobile-slider, .dont-mobile-slider { display: block; width: 100%;} .dos-mobile-slider h4, .dont-mobile-slider h4 { text-align: center; margin-bottom: 25px; font-size: 28px; font-family: "HelveticaNeueLTPro-ThCn_2"; font-weight: bold; text-transform: uppercase;} .dos-mobile-slider .do-dont-img img, .dont-mobile-slider .do-dont-img img { width: auto !important; margin: 0 auto 15px;} .dos-mobile-slider .do-dont-content p, .dont-mobile-slider .do-dont-content p { text-align: center;} .about-wrapper #about-us{ display:none;} .about-wrapper .dropdown { display: block; width: 100%; margin: 0 auto; border-bottom: solid 1px #fac2c5; padding-bottom: 10px;} .about-wrapper .dropdown button { width: 100%; text-align: left; padding: 10px 24px 0px 40px; background-color: transparent !important; border: none; color: #231f20 !important; font-size: 22px; font-family:"HelveticaNeueLTPro-ThCn_2";position: relative;letter-spacing: 0.5px;white-space: normal;} .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{ background-color: transparent; border: none; color: #231f20; box-shadow: none; outline:none;} .about-wrapper .dropdown .about-us-dropdown li a span{ color: #231f20; font-size: 24px; font-family: "HelveticaNeueLTPro-ThCn_2";} .about-wrapper .dropdown ul.dropdown-menu.about-us-dropdown { width: 100%; border-radius: 0px; border: none; margin: 0px; padding: 0px;} .about-wrapper .dropdown ul.dropdown-menu.about-us-dropdown li { padding:0;border-bottom: solid 1px #fac2c5;} .about-wrapper .dropdown ul.dropdown-menu.about-us-dropdown li:last-child{ border-bottom: 0px;} .about-wrapper .dropdown ul.dropdown-menu.about-us-dropdown li a { color: #231f20;font-size: 20px;font-family: "HelveticaNeueLTPro-ThCn_2";padding: 10px 10px 11px 45px;letter-spacing: 0.5px;white-space: normal;position: relative;} .about-wrapper .dropdown ul.dropdown-menu.about-us-dropdown li a span{ padding: 0;display: inline;margin-right: 15px;position: absolute;left: 10px;top: 3px;} .about-wrapper .dropdown button img {position: absolute;left: 0;width: 30px;} .about-wrapper .dropdown ul.dropdown-menu.about-us-dropdown li a span img{ height: 24px;} .about-wrapper .tab-content { padding: 25px 0px 0px 0px; border: none; width: 100%;} .about-wrapper .about-tab-content h3 { font-size: 24px; text-align: center;line-height: 30px;} .about-wrapper .about-tab-content ul li{ font-size: 16px; line-height: 25px; padding-left: 30px; background-position-x: 0px; margin-bottom: 7px;} .about-wrapper .about-tab-content p { line-height: 22px;} .about-wrapper .about-tab-content figure { padding-top: 15px;} .about-wrapper .dropdown button .caret{ width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #231f20; position: absolute; right: 0px; top: 50%;} .our-legacy-wrapper .our-legacy-col:nth-child(2) p, .spotlight-wrapper .carousel-inner .item .spotlight-content p, .blog-wrapper .carousel-inner .item .blog-content p{ font-size:14px;} .marine-content h2{ font-size:25px;margin-bottom: 10px;} .product-filter-tab .filter-heading b{ padding-right: 0px; margin-right: 0px; font-size: 20px; display: block; width: 100%; border: 0px;} .product-filter-tab .filter-heading{ position:relative;} .product-filter-tab .filter-heading .reset-btn{ position: absolute; top: 0px; right: 0px;} .product-filter-tab .filter-heading .btn-group { width: 100%; float: left; padding-top: 15px;} .product-filter-tab .filter-heading .btn-group a.dropdown-toggle { font-size: 20px; width:100%;} .product-filter-tab .filter-heading .btn-group .dropdown-menu { width: 100%;} .product-filter-tab article .product-filter-col { width: 100%;} .product-filter-tab article .product-filter-col .product-filter-accordion h5 { line-height: 24px; margin: 0px 0px 10px; padding-right: 25px;} .yourself-wrapper .yourself-col-content h3 .step-con { width: 75%;} .emulsions-mobile-tab .primers-col { position: absolute; top: 50%; left: 0%; transform: translate(00%, -50%); -o-transform: translate(00%, -50%); -ms-transform: translate(00%, -50%); -moz-transform: translate(00%, -50%); padding: 20px; width: 100%;} .emulsions-mobile-tab .primers-col .primers-col-img img { width: 35%; margin: 0 auto;} .emulsions-mobile-tab .primers-col .primers-col-content h3{ font-size: 20px; color: #fff; font-family: "Helvetica_LT_Condensed_Light_2"; margin: 10px 0px 10px; text-align: center;} .emulsions-mobile-tab .primers-col .primers-col-content p { text-align: center; color: #fff;} .modal-open .modal .modal-dialog .modal-body { width: 100%; float: left; height: 329px; overflow: scroll; margin-bottom: 15px;} .advantage-wrapper .shalimar-advantage-button{ padding-top:0px;} .appli-procedure-slider.shalimar-addvantage-slider .owl-dots { display: none;} .work-showcase-main { width: 100%; margin: 0 auto;} .work-showcase-left{ padding-top:50px;} .work-showcase-left .swiper-button-prev { top: 17px;} .work-showcase-left .swiper-button-next{ bottom: -55px;} .work-showcase-main h2 { margin-bottom: 25px;} .work-showcase-right article h3{ font-size:24px;} .budget-calculator-section #slider4 .viewport .overview li, .budget-calculator-section #slider5 .viewport .overview li { width: 262px; margin: 0px 5px;} .budget-calculator-section .middle-int .tab-content-outer .viewport .overview {width: auto !important;} .advance-section-inner .bcal-main, .advance-section-inner .result-bc, .advance-section-inner .center-p{ width:100%;} .advance-section-inner .result-bc h2, .advance-section-inner .center-p h2 { padding-top: 20px; font-size: 24px !important;} .advance-section-inner .result-bc h3, .advance-section-inner .center-p h3 { font-size: 20px; line-height: normal; padding-bottom: 10px;} .advance-section-inner .abc .abc-form-f table tbody tr td, .advance-section-inner .bcal-main .bcal p, .advance-section-inner .bcal-main .bcal2 p, .advance-section-inner .bcal-main .bcal2 form ul li, .advance-section-inner .abc form ul li, .advance-section-inner .abc form p{ font-size:14px;} .budget-calculator-section .middle-int .middle-section, .advance-section-inner, .advance-section-inner .bcal-main, .advance-section-inner .result-bc, .advance-section-inner .center-p{ padding:10px;} .diy-bx.tips-tricks { bottom: 40%;} .blog-wrapper.inspiration h4 { font-size: 33px !important; padding-bottom: 10px !important;} .product-categorie-wrapper { padding: 10px 0px 10px;} .yourself-section, .do-dont-wrapper, .work-showcase-wrapper, .send-queries-section, .room-wrapper, .about-wrapper, .contact-section, .investors-section, .budget-calculator-section .middle-int, .advanced-calculator-section .middle-int, .budget-calculator-select-section .middle-int{ padding: 10px 0px 30px;} .shade-colours, .shalimar-tab-wrapper, .event-section{ padding: 10px 0px;} .marine-section { padding-top: 10px;} .event-wrapper h2 { margin-bottom: 15px;} .product-paints-bx.dealers { left: 10%; top: 35%;} .shalimar-terms-content strong{ font-size: 18px; padding-top: 10px;} .shalimar-terms-content ul li { font-size: 14px; line-height: 24px; padding-left: 25px; background-position-y: 7px; background-size: 15px;} .room-wrapper .room-bx { padding-top: 10px;} .diy-bx.by-mood { bottom: unset; top: 35%; left: 50%; transform: translate(-50%, -35%); -o-transform: translate(-50%, -35%) -ms-transform: translate(-50%, -35%) -moz-transform: translate(-50%, -35%) color: #fff;} /*.shalimar-main-section{background-position:top, center; background-image: url(../images/shalimar-banner-mobile.png); background-size: 100% auto;}*/ /*.shalimar-main-section{background-position:top, center; background-image: url(../img/shalimar-homepage-banner-againupdate.jpeg); background-size: 100% auto;}*/ .shalimar-main-section{background-position:top, center; background-image: url(../images/shalimar-phone-banner.png); background-size: 100% auto;} .showing-address .showing-address-content br { display: none;} .showing-address ul li{ width:50%; padding:0px;} .heading-h1{ top: 60px;} .heading-h1 h1 a { font-size: 25px; line-height: 28px; width: 580px; text-align: left; height: 180px;} .investors-content.one { height: 330px !important;} #accordion .panel-default .panel-heading h4 a[aria-expanded="false"], #accordion .panel-default .panel-heading h4 a[aria-expanded="true"]{ font-size:18px;} #accordion .panel-default .panel-heading h4 a[aria-expanded="false"]:after { border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #333; top: 13px;} #accordion .panel-default .panel-heading h4 a[aria-expanded="true"]:after { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #fff; top: 17px;} .new-blog-content { bottom: 30px; left: 50%; width:72%; text-align: center; transform: translate(-50%, -0%); -o-transform: translate(-50%, -0%); -ms-transform: translate(-50%, -0%); -moz-transform: translate(-50%, -0%);} .new-blog-content h1{ padding:5px;} .sp-blog-detail-bx h4{ font-size: 24px; margin: 15px 0px 8px;} .latest-blogs .blog-content-bx h4 a{ font-size:20px;} } @media only screen and (max-width:639px) { .co-logo, .inner-header-box .inner-header-logo{ width:30%;} .features-bx .features-col .features-col-right ul li{ padding-right:15px;} .features-bx .features-col:nth-child(5) .features-col-right ul li:last-child { padding-left: 15px;} .features-bx .features-col .features-col-right .features-tab-year { width: 70%;} .features-bx .features-col .features-col-right ul li span{ font-size:16px;} .highlights-wrapper .highlights-col{ width:100%; margin-bottom:25px;} .highlights-wrapper .highlights-col img{ margin:0 auto;} .highlights-wrapper .highlights-col .highlights-content { bottom: 40px;} .categorie-name{ width: 100%; bottom: -17px;} .categorie-name span a { font-size: 16px;} .pro-categories-tab .tab-content .interior-tab .nav-tabs li a{ font-size:16px;} .categories-tab-heading h2{ margin-bottom:10px; padding-top: 10px;} .shade-colours ul li { width: 49%;} .modal-open .modal .modal-dialog .modal-body .shades-box-popup-slide-img .color-code-box { width: 100%; padding-right: 0px;} .modal-open .modal .modal-dialog .modal-body .shades-box-popup-slide-img #mainclour { width: 100%; } .work-showcase-left .swiper-button-prev { top: 22px; left: 50px; background-size: 25px; width: 25px; height: 25px;} .work-showcase-left .swiper-container { height: 340px;} .work-showcase-left .swiper-button-next { bottom: -45px; width: 25px; height: 25px; background-size: 25px; left: 50px;} .shade-card-pdf div figure img { height: 50px;} .budget-calculator-section .middle-int .tab-content-outer { padding: 0px;} .budget-calculator-section .middle-int .tab-content-outer .question { width: 100%; text-align: center;} .budget-calculator-section .middle-int .tab-content-outer .question a { font-family: "Helvetica_LT_Condensed_Light_2"; font-size: 20px; color: #231f20 !important;} .budget-calculator-section .middle-int .tab-content-outer .question.active { background-color: #f26522;} .budget-calculator-section .middle-int .tab-content-outer .question.active a { color: #fff !important; text-decoration: none;} .budget-calculator-section .middle-int .tab-content-outer .viewport { width: 82% !important;} .budget-calculator-section #slider4 .viewport .overview li, .budget-calculator-section #slider5 .viewport .overview li { width: 174px;} .budget-calculator-section .middle-int .tab-index-content #slider5 .prev{ visibility: visible; margin: 0px; background-size: 30px; width: 30px; height: 30px; background-position: 0px; margin: 0px; top: 50%; left: 0px; background-image: url(../img/blog-left-icon.jpg); background-repeat: no-repeat;} .budget-calculator-section .middle-int .tab-index-content #slider5 .next { visibility: visible; margin: 0px; background-size: 30px; width: 30px; height: 30px; top: 50%; right: 0px; background-image: url(../img/blog-right-icon.jpg); background-repeat: no-repeat;} .emulsion-mobile-slider .emulsion-image img { width: 35% !important;} .dealer-finder-bx .finder-select { width: 70%;} .showing-address ul li { width: 100%; padding: 0px 0px 10px;} .showing-address ul li:last-child{ padding-bottom:0px;} .heading-h1 h1 a{ width:440px;} .latest-blogs .blog-content-bx { width: 100%; position: unset; max-height: unset; height: auto; position:relative;} .latest-blogs .blog-content-bx p { position: unset; padding: 0px;} .latest-blogs .blog-content-bx h4 { margin: 0px 0px 0px;} .latest-blogs .blog-content-bx span { padding: 10px 0px; display: block;} .latest-blogs .blog-content-bx:before { top: -22px; left: unset; right: 35px; transform: rotate(90deg) skew(0deg); -o-transform: rotate(90deg) skew(0deg); -ms-transform: rotate(90deg) skew(0deg); -moz-transform: rotate(90deg) skew(0deg);} .latest-blogs .blog-content-bx { padding: 10px;} .blog-detail-wrap .blog-detail-wrap-left { width: 100%; padding-bottom: 10px; order: 1;} .blog-detail-wrap .blog-detail-wrap-right { width: 100%; order: 2;} .shalimar-main-section .shalimar-wrapper-box .shalimar-section{ margin-top: 185px;} } @media only screen and (max-width:479px) { .co-logo, .inner-header-box .inner-header-logo{ width:40%;} /*.shalimar-main-section{background-position:top, center; background-image: url(../img/main-Homepage-mobile.jpg); background-size: 100% auto;}*/ /*.shalimar-main-section{background-position:top, center; background-image: url(../img/shalimar-homepage-banner.jpeg); background-size: 100% auto;}*/ h2 { font-size: 25px; margin-bottom: 10px;} .investors-section h2, h2.tips-tricks-heading, .budget-calculator-section .middle-int .middle-section h2, .advanced-calculator-section .middle-int .middle-section h2, .budget-calculator-select-section .middle-int .middle-section h2{ font-size:25px;} p { font-size: 13px; line-height: 22px;} .our-legacy-wrapper{padding:10px 0px 25px;} .blog-wrapper .carousel-control.right{ width: 30px; height: 30px; background-size: cover;right:-15px;} .blog-wrapper .carousel-control.left{ width: 30px; height: 30px; background-size: cover;left:-15px;} .our-legacy-wrapper .our-legacy-col .carousel-inner .item .our-legacy-content h3{text-transform:uppercase; font-size: 15px;} .our-legacy-wrapper .our-legacy-col .carousel-inner .item .our-legacy-content p{font-size: 12px;} .our-legacy-wrapper .our-legacy-col .carousel-inner .item .our-legacy-content{padding:10px;} .dream-home-wrapper ul li.resource-centre, .dream-home-wrapper ul li.submit-query, .dream-home-wrapper ul li.shalimar-advantage, .dream-home-wrapper ul li.health-safety { padding: 15px; width: 100%; max-width: 320px; background-size: 100%; margin: 0 auto 10px;} .dream-home-wrapper ul li.resource-centre h3, .dream-home-wrapper ul li.submit-query h3, .dream-home-wrapper ul li.shalimar-advantage h3, .dream-home-wrapper ul li.health-safety h3 { font-size: 22px; margin-bottom: 5px;} .dream-home-wrapper ul li.resource-centre p, .dream-home-wrapper ul li.submit-query p, .dream-home-wrapper ul li.shalimar-advantage p, .dream-home-wrapper ul li.health-safety p { font-size: 14px; line-height: 20px;} .dream-home-wrapper ul li.resource-centre a, .dream-home-wrapper ul li.submit-query a, .dream-home-wrapper ul li.shalimar-advantage a, .dream-home-wrapper ul li.health-safety a { padding-top: 5px; font-size: 16px;} .applications-bx .applications-col ul li .app-icon { width: 12%;} .applications-bx .applications-col ul li .app-content { width: 88%;} .signature-section .signature-wrapper .signature-left figcaption p { font-size: 14px; line-height: 22px;} .signature-section .signature-wrapper .signature-right figure { width: 120px; height: 123px; padding: 10px;} .features-bx .features-col .features-col-right ul li { padding-right: 10px;} .features-bx .features-col .features-col-right ul li figure img { height: 45px;} .features-bx .features-col .features-col-right ul li figure span{ width: 51px; height: 80px;} .features-bx .features-col .features-col-right .features-tab-year { width: 100%;} .features-bx .features-col .features-col-right .features-tab-year figcaption strong {font-size: 40px; line-height: 30px;} .features-bx .features-col .features-col-right .features-tab-year figcaption span.ftd { font-size: 12px;} .features-bx .features-col:nth-child(5) .features-col-right ul li figure img { min-height: 14px; margin: 0 auto 10px; height: 14px;} .resources-product-bx .catalogues-col.colours:first-child .catalogues-content{ padding: 180px 35px 15px;} .dream-home-wrapper ul li.get-inspired, .dream-home-wrapper ul li.expert-tips{ height: auto !important; padding: 15px; width: 100%; max-width: 320px; background-size: 100% !important; margin: 0 auto 10px !important;} .dream-home-wrapper ul li.get-inspired h3, .dream-home-wrapper ul li.expert-tips h3 { font-size: 22px;} .dream-home-wrapper ul li h3 { font-size: 22px; margin-bottom: 5px;} .dream-home-wrapper ul li p { font-size: 14px; line-height: 20px;} .dream-home-wrapper ul li a.more{ padding-top: 5px; font-size: 16px;} .dream-home-wrapper ul li.get-inspired p, .dream-home-wrapper ul li.expert-tips p { font-size: 14px; line-height: 20px;} .dream-home-wrapper .work-showcase-col, .dream-home-wrapper .get-ideas-col, .dream-home-wrapper .instituitional-sales-col, .dream-home-wrapper .shalimar-advantage-col, .dream-home-wrapper ul li.proff-submit-query { height: auto !important; padding: 15px; width: 100%; max-width: 290px; background-size: 100% !important; margin: 0 auto 10px !important;} .dream-home-wrapper .work-showcase-col h3, .dream-home-wrapper .get-ideas-col h3, .dream-home-wrapper .instituitional-sales-col h3, .dream-home-wrapper .shalimar-advantage-col h3 { font-size: 22px; margin-bottom: 5px;} .dream-home-wrapper .work-showcase-col p, .dream-home-wrapper .get-ideas-col p, .dream-home-wrapper .instituitional-sales-col p, .dream-home-wrapper .shalimar-advantage-col p { font-size: 14px; line-height: 20px;} .dream-home-wrapper .work-showcase-col a, .dream-home-wrapper .get-ideas-col a, .dream-home-wrapper .instituitional-sales-col a, .dream-home-wrapper .shalimar-advantage-col a{ padding-top: 5px !important; font-size: 16px !important;} .appli-procedure-slider .appli-procedure-col .Step { left: 24%; top: 41px;} .benefits-tab-slider .benefits-col .benefits-img img { width: 35%;} .pro-categories-tab .tab-content .interior-tab .nav-tabs li{ padding: 0px 5px;} .pro-categories-tab .tab-content .interior-tab .nav-tabs li a{ font-size:13px; padding-right: 10px;} .dream-home-wrapper ul li.do-it-yourself-col, .dream-home-wrapper ul li.painting-guidelines-col, .dream-home-wrapper ul li.world-of-colors-col, .dream-home-wrapper ul li.budget-calculator-col { height: 142px !important; padding: 20px 15px; width: 100%; max-width: 290px; display: block; margin: 0 auto 10px;} .dream-home-wrapper ul li.indus-submit-query, .dream-home-wrapper ul li.indus-shalimar-advantage { height: 142px; padding: 15px; width: 100%; max-width: 290px; display: block; margin: 0 auto 10px;} .shalimar-content-bx { right: 15px; width: 60%;} .homeowners-dream-home .homeowners-dream-home-col .dream-home-content { left: 4%;} .homeowners-dream-home .homeowners-dream-home-col .dream-home-content h3, .homeowners-dream-home .homeowners-dream-home-col .dream-home-content h3 a { font-size: 22px; margin-bottom: 5px;} .homeowners-dream-home .homeowners-dream-home-col .dream-home-content p, .homeowners-dream-home .homeowners-dream-home-col .dream-home-content p a { font-size: 14px; line-height: 20px;} .news-tab-bx .shalimar-tab-wrapper .tab-pane .shalimar-news-bx .news-col .news-icon{ width:20%;} .news-tab-bx .shalimar-tab-wrapper .tab-pane .shalimar-news-bx .news-col .news-content{ width:80%;} .news-tab-bx .shalimar-tab-wrapper .tab-pane .shalimar-news-bx .news-col{ padding-bottom:15px;} .news-tab-bx .shalimar-tab-wrapper .tab-pane .shalimar-news-bx .news-col .news-content h4{ font-size: 16px; margin: 0px 0px 3px;} .expert-bx article .expert-col .expert-content { min-width: 263px; width: 100%; bottom: 8%;} #why-join-us .dealer-tab-box .catalogues-col-one.fueling-growth .catalogues-col-content, #why-join-us .dealer-tab-box .environment-bx-two.investing-in-r-d .environment-col-content, #why-join-us .dealer-tab-box .catalogues-col-one.expanding-our-network .catalogues-col-content, #why-join-us .dealer-tab-box .environment-bx-two.diversifying-offerings .environment-col-content{ padding: 70% 15px 10px 15px; max-width: 278px;} .catalogues-col-one.life-shalimar .catalogues-col-content, .environment-bx-two.work-culture .environment-col-content, .catalogues-col-one.core-values .catalogues-col-content{ padding: 75% 15px 10px 15px;} .catalogues-col-one.increased-growth .catalogues-col-content, .environment-bx-two.training-development .environment-col-content, .catalogues-col-one.innovative-ideas .catalogues-col-content{padding: 60% 15px 10px 15px;} .highlights-wrapper .highlights-col .highlights-content { bottom: 0px;} .highlights-wrapper .highlights-col .highlights-content p a { font-size: 14px; padding: 0px 10px; line-height: 20px;} .director-table table { width: 100%; display: block; overflow: overlay; white-space: nowrap;} .work-showcase-left { padding-top: 30px;} .work-showcase-left .swiper-button-prev { top: 22px; left: 30px; background-size: 20px; width: 20px; height: 20px;} .work-showcase-left .swiper-button-next { bottom: -30px; width: 20px; height: 20px; background-size: 20px; left: 30px;} .work-showcase-left .swiper-container { height: 250px;} .work-showcase-right figure img { border-radius: 8px;} .work-showcase-left .event-image, .work-showcase-left .event-image img { border-radius: 8px;} .shade-card-pdf div { width: 100%; margin-bottom: 15px;} .shade-card-pdf div figure img { height: auto; width: 55%; margin: 0 auto;} /*.budget-calculator-section .middle-int .tab-content-outer .viewport { width: 75% !important;}*/ .budget-calculator-section #slider4 .viewport .overview li, .budget-calculator-section #slider5 .viewport .overview li { width: 206px; margin: 0px 5px;} .diy-bx { bottom: 45%;} .product-categories-tab { height: 380px;} .emulsion-mobile-slider .emulsion-image img { width: 45% !important;} .blog-wrapper #inspiration.carousel.slide .blog-content p { height: 152px; overflow: hidden;} .blog-wrapper #inspiration.carousel.slide .left.carousel-control, .blog-wrapper #inspiration.carousel.slide .right.carousel-control { top: 45%;} .dealer-finder-bx .finder-select{ width:90%;} .heading-h1 h1 a{ width:300px; padding-top: 80px;} .popular-post-image { width: 110px;} .popular-post-content { width: calc(100% - 120px);} .popular-post-content a { font-size: 14px;} .latest-blogs .blog-content-bx p{ font-size:13px;} .about-wrapper .dropdown button {font-size: 21px;line-height: 26px;} /*.floatBox.mobile-floatbox{height: 124px !important;} */ .shalimar-main-section .shalimar-wrapper-box .shalimar-section{margin-top: -24px; padding-top: 77px;} } @media only screen and (max-width:315px){.shalimar-main-section{ height: 100%;}.shalimar-main-section .shalimar-wrapper-box .shalimar-section{ padding-top: 25rem;}} @media (min-width:315px) and (max-width:375px){.shalimar-main-section{ height: 100%;}.shalimar-main-section .shalimar-wrapper-box .shalimar-section{ margin-top: 180px;padding-top: 59px;}} @media (min-width:375px) and (max-width:420px){.shalimar-main-section{ height: 100%;}.shalimar-main-section .shalimar-wrapper-box .shalimar-section{ margin-top: 178px;padding-top: 98px;}} @media (min-width:421px) and (max-width:450px){.shalimar-main-section{ height: 100%;}.shalimar-wrapper-box .container { margin-top: 50px;padding-top: 200px;}} @media (min-width:451px) and (max-width:480px){.shalimar-main-section{ height: 100%;}.shalimar-wrapper-box .container { padding-top: 20rem;margin-top: 143px;}} @media (min-width:481px) and (max-width:500px){.shalimar-main-section{ height: 100%;}.shalimar-wrapper-box .container { margin-top: 75px;padding-top: 190px;}} @media (min-width:501px) and (max-width:600px){.shalimar-main-section{ height: 100%;}.shalimar-wrapper-box .container { padding-top: 23rem;}} @media (min-width:1100px) and (max-width:1280px){.shalimar-main-section{ height: 100%;}.shalimar-wrapper-box .container { width: 970px; margin-top: 33px;padding-top: 110px;}} @media (min-width:1281px) and (max-width:1320px){.shalimar-main-section{ height: 100%;}.shalimar-wrapper-box .container { width: 970px; margin-top: 35px;padding-top: 30rem;}} @media (min-width:1301px) and (max-width:1366px){.shalimar-main-section{ height: 100%;}.shalimar-wrapper-box .container { width: 964px;margin-top: 50px;padding-top: 30rem;}} /*infra logo*/ @media only screen and (max-width:500px){.co-logo .logo img{ margin: 5px 14px 14px -20px;}} @media only screen and (max-width:324px){.loogo img{ width:68px; padding-top: 10px; margin: 27.2rem 9px 9px -3px;}} @media (min-width:325px) and (max-width:341px){.loogo img{ width:68px; margin: 29.8rem 7px 8px 6px;}} @media (min-width:342px) and (max-width:360px){.loogo img{ width:68px; padding-top: 8px; margin: 30.5rem 6px 8px 8px;}} @media (min-width:361px) and (max-width:373px){.loogo img{ width:68px; margin: 32.8rem 7px 8px 9px;}} @media (min-width:374px) and (max-width:380px){.loogo img{ width:68px; margin: 34rem auto;}} @media (min-width:381px) and (max-width:390px){.loogo img{ width:68px; margin: 35rem auto;}} @media (min-width:390px) and (max-width:400px){.loogo img{ width:82px; margin: 34.7rem auto;}} @media (min-width:401px) and (max-width:420px){.loogo img{ width:82px; margin: 36.9rem auto;}} @media (min-width:421px) and (max-width:440px){.loogo img{ width: 85px; margin: 37.4rem 0px 0px 4px;}} @media (min-width:441px) and (max-width:457px){.loogo img{ width:85px; padding-top:8px;}} @media (min-width:458px) and (max-width:479px){.loogo img{ width:77px; margin: 41.5rem 7px 8px -3px; padding-top:10px;}} @media (min-width:480px) and (max-width:500px){.loogo img{ width:85px; margin: 42rem auto;}} @media (min-width:501px) and (max-width:520px){.loogo img{ margin: 44rem auto;}} @media (min-width:521px) and (max-width:551px){.loogo img{ margin: 46rem auto;}} @media (min-width:551px) and (max-width:571px){.loogo img{ margin: 48rem auto;}} @media (min-width:572px) and (max-width:600px){.loogo img{ margin: 50rem auto;}} @media (min-width:765px) and (max-width:908px){.loogo img{ width: 84%; margin: 31rem 10px 8px 12px;}} @media (min-width:908px) and (max-width:944px){.loogo img{ width: 73%; margin: 30rem 15px 20px 16px;}} @media (min-width:944px) and (max-width:990px){.loogo img{ margin: 38rem 15px 20px -106px;}} @media (min-width:1183px) and (max-width:1200px){.loogo img{ width: 68%;margin: 46rem 7px 8px -118px;}} @media (min-width:1202px) and (max-width:1280px){.loogo img{ width: 68%;margin: 46rem 7px 8px -123px;}} @media (min-width:1281px) and (max-width:1300px){.loogo img{ width: 68%;margin: 48rem 7px 8px -125px;}} @media (min-width: 1300px) and (max-width: 1570px){.loogo img{ width: 68%;margin: 52rem 7px 8px -26px;}} @media (min-width: 1571px) and (max-width: 1670px){.loogo img{ width: 68%;margin-top: 58rem;}} @media (min-width: 1671px) and (max-width: 1920px){.loogo img{ width: 72%; margin-top: 62rem;}} @media (min-width: 1921px) and (max-width: 2058px){.loogo img{ width: 75%; margin-top: 67rem; margin-left: -179px;}} @media (min-width: 2058px) and (max-width: 2200px){.loogo img{ width: 75%; margin-top: 73rem;margin-left: -191px;}} @media (min-width: 2201px) and (max-width: 2260px){.loogo img{ width: 78%; margin-top: 73rem;margin-left: -207px;}} @media (min-width: 2261px) and (max-width: 2360px){.loogo img{ width: 78%; margin-top: 76rem; margin-left: -215px;}} .benefits-bx .applications-col { width: 100%; float: left; margin-bottom: 50px; } .benefits-bx .applications-col h4 { color: #8f7739; font-size: 32px; font-family: "Helvetica_LT_Condensed_Bold_2"; margin: 0px 0px 25px; } .benefits-bx .applications-col ul li .app-icon { width: 4%; float: left; padding-top: 2px; display: block; } /*guddu css start 8-dec-22 */ .me_sec_ul ul li::before{content:'';background:url(https://www.shalimarpaints.com/uploads/b2c15f8670e63efe40ab64255968fb99aaf11003.png);width: 15px;height: 20px;position: absolute;left: 0px;top: 6px;background-repeat: no-repeat;background-size: 70%;text-align: center;} .me_sec_ul ul li { position: relative; padding-left: 20px; font-size: 16px; margin-bottom: 8px; line-height: 25px; color: #231f20; font-family: "SourceSansPro-Regular"; } .me_sec_ul ul { padding-left: 20px; } .me_sec_ul h3{ font-family: "Helvetica_LT_Condensed_Bold_2"; color: #000; font-size: 25px; position: relative; } .me_sec_ul h3::after{content:'';position: absolute;width: 30px;height: 30px;background: #ec212717;top: 0px;right: auto;left: auto;transform: translate(-15px, -5px);border-radius: 50px;} .me_sec_ul a.btn { background: #000; color: #fff; padding: 10px 40px; font-size: 20px; font-family: "Helvetica_LT_Condensed_Bold_2"; letter-spacing: 1px; text-transform: uppercase; margin-top: 15px; margin-bottom: 30px; } .me_sec_ul a.btn:hover{ background: #ed2127; } /*guddu css end 8-dec-22 */ .d-flex { display: flex; align-items: center; justify-content: center; gap: 10px; } .pt-70{ padding-top:70px; } /*warranty registration page style*/ .warranty-section { /* padding: 50px 0px; */ } .warranty-wrapper { display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; justify-content: space-between; } .warrantyform{ display: block; width: 85%; } .warranty-bx { position: absolute; bottom: 120px; /* left: 20%; */ } .warranty-bx h1.heading { font-family: Helvetica; font-size: 34px; font-weight: 700; line-height: 51px; letter-spacing: 0em; text-align: left; color: #000000; } .warranty-wrapper .online-enquiry-col h3.registerheading { color: #000; font-family: "Helvetica"; margin: 0px 0px 25px; font-size: 34px; font-weight: 700; line-height: 52px; letter-spacing: 0em; text-align: left; color: #000; } .setup-content h3{ font-family: Helvetica; font-size: 24px; font-weight: 400; line-height: 32px; letter-spacing: 0em; text-align: left; } .stepwizard-step p { margin-top: 10px; } .stepwizard-row { display: table-row; } .stepwizard { display: table; width: 100%; position: relative; } .stepwizard-step button[disabled] { opacity: 1 !important; filter: alpha(opacity=100) !important; } .stepwizard-row:before { top: 10px; bottom: 0; position: absolute; content: " "; width: 100%; height: 1px; background-color:#A90000; z-order: 0; } .stepwizard-step { display: table-cell; position: relative; } .btn-circle { width: 20px; height: 20px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; color: #A90000; border-color: #A90000; } .stepwizard-step .btn-primary { color: #A90000; background-color: #A90000; border-color: #A90000; } input, input::-webkit-input-placeholder { font-family: "SourceSansPro-Regular"; font-size: 21px; font-weight: 500; line-height: 29px; letter-spacing: 0em; text-align: left; } .setup-content .has-error { display: block !important; font-size: 14px; } .has-error .form-control{ color: #a94442; border-color: #a94442 !important; } .setup-content .form-control{ font-family: "SourceSansPro-Regular"; font-size: 18px; font-weight: 500; line-height: 29px; height:40px; padding: 14px, 20px, 14px, 20px; border-radius: 8px; border: 1px solid #E0E0E0; margin-bottom: 10px; } .form-group { margin-bottom: 5px; } .setup-content .btn1{ font-family: "SourceSansPro-Regular"; font-size: 21px; font-weight: 500; line-height: 29px; height:47px; width: 100%; padding: 14px, 20px, 14px, 20px; border-radius: 12px; background-color: #BD0000; } .form-check-label{ display: inline-block!important; max-width: 100%; font-weight: 700; font-family: "SourceSansPro-Regular"; font-size: 18px; font-weight: 500; line-height: 29px; padding-bottom: 5px; } .form-btn-label{ width: 100%; display: inline-block!important; font-weight: 700; font-family: "SourceSansPro-Regular"; font-size: 21px; font-weight: 500; line-height: 29px; padding-bottom: 5px; background-color: #18B1F2; color: #fff; } .form-btn-label1{ width: 100%; display: inline-block!important; font-weight: 700; font-family: "SourceSansPro-Regular"; font-size: 18px; font-weight: 500; line-height: 29px; padding-bottom: 5px; background-color: #F26522; color: #fff; } input[type=checkbox], input[type=radio] { margin: 10px; width: 18px; height: 18px; } input:checked { background-color: #000; color: #fff; } .setup-content .pull-left { font-family: "SourceSansPro-Regular"; font-size: 21px; font-weight: 500; line-height: 29px; height:47px; width: 100%; padding: 14px, 20px, 14px, 20px; border-radius: 12px; background-color: #BFBFBF; width: 48%; } .setup-content .pull-right { font-family: "SourceSansPro-Regular"; font-size: 21px; font-weight: 500; line-height: 29px; height:47px; width: 100%; padding: 14px, 20px, 14px, 20px; border-radius: 12px; background-color: #BD0000; width: 48%; } .col-sm-3.related-product-list-1 img{ width:74%; } .setup-content .col-xs-6 { width: 50%; padding: 0; } .setup-content .col-xs-5 { width: 50%; padding: 0; } .setup-content .col-xs-7 { width: 50%; padding: 0; } .setup-content .col-sm-4 { padding: 0; } .setup-content .col-md-12 { width: 100%; padding: 0; float: left; } .setup-content .col-sm-8{ padding: 0; } .mt-20{ margin-top: 20px; } .mt-40{ margin-top: 40px; } .mr-10{ margin-right: 10px; } .ml-10{ margin-left: 10px; } .btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { width: 40%; height:47px; font-family: "SourceSansPro-Regular"; font-size: 21px; font-weight: 500; line-height: 29px; filter: alpha(opacity=0); opacity: 0; outline: none; background-color: #18B1F2; cursor: inherit; display: block; padding: 14px, 20px, 14px, 20px; border-radius: 12px; } .cards { width: 100%; margin: 0 auto; text-align: center; display: -webkit-flex; display: flex; border-radius: 10px; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: 15px; padding: 3% 3% 10% 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 4px 10px rgba(0,0,0,0.16), 0 4px 10px rgba(0,0,0,0.23); overflow-y: scroll; width: 100%; } .card-body{ width: 100%; } .card-title{ color: #000; font-family: "Helvetica"; margin: 0px 0px 25px; font-size: 32px; font-weight: 700; line-height: 52px; letter-spacing: 0em; text-align: left; color: #000; } .l-card { width: auto; height: auto; } .l-card__text p { font-size: 30px; font-family: "Vollkorn", serif; font-weight: 400; color: #3f3f55; text-align: left; } .l-card__text p::after { content: "\201D"; display: inline; color: #999; } .l-card__text p::before { content: "\201C"; display: inline; color: #999; } .l-card__user { display: flex; flex-direction: row; margin-top: 12px; border-bottom: 1px solid #DDDDDD; align-items: center; padding-bottom: 10px; } .l-card__userImage { width: 68px; height: 80px; overflow: hidden; } .l-card__userImage img { width: 101%; height: 84%; object-filt: cover; } .l-card__userInfo { display: flex; flex-direction: column; margin-left: 17px; height: 80px; width: 180px; } .l-card__userInfo1 { height: 80px; position: relative; margin-left: 25%; } .l-card__userInfo1 span{ color: #000000; font-family: sans-serif; font-size: 14px; border-bottom: 1px dotted #000; text-align: left; width: 100%; } .l-card__userInfo span:nth-child(1) { font-weight: bold; font-family: sans-serif; font-size: 16px; color: #000000; text-align: left; width: 100%; } .l-card__userInfo span:nth-child(2) { color: #000000; font-family: sans-serif; font-size: 13px; margin-top: 19px; text-align: left; width: 100%; } span.underline { width: 106px !important; border-bottom: 1px dotted #000; display:inline-block; } .card-text {} .card-text p { width: 100%; word-break: break-word; } .warranty-wrapper #success { text-align: left; margin: 15px 0px; padding: 15px; border:none!important; font-size: 21px; font-weight: 700; float: left; width: 100%; } @media only screen and (max-width: 767px){ .warranty-bx h1.heading { font-size: 24px !important; line-height: 35px !important; top: 20px; bottom: 61px; padding-bottom: 190px; } .cards { margin-top: 50px; margin-bottom: 50px; } .l-card__userInfo1 { height: 80px; position: relative; margin-left: 4%; } .l-card__userInfo span:nth-child(1) { font-size: 14px; } .l-card__userInfo span:nth-child(2) { font-size: 12px; } .l-card__userInfo1 span { font-size: 12px; } .form-check-label { font-size: 14px; } input[type=checkbox], input[type=radio] { margin: 5px; width: 10px; height: 10px; } .warrantyform { display: block; width: 100%; } .setup-content .col-md-12 { padding: 0 10px; } .setup-content h3 { font-family: Helvetica; font-size: 22px; } .warranty-wrapper .online-enquiry-col h3.registerheading { font-size: 24px; } .card-title { font-size: 24px; } .form-btn-label { font-size: 14px; } .form-btn-label1 { font-size: 12px; } .l-card__userInfo { width: auto!important; } span.underline { width: 91px !important; } .img-modal img { margin-top: 5px!important; } .modal-open .modal .modal-dialog .modal-content { height: 340px!important; } } /* end mobile version style*/ .pr-10{ padding-right: 10px!important; padding-top: 10px !important; } .pl-10{ padding-left: 10px!important; padding-top: 10px !important; } .modal-open .modal .modal-dialog .modal-content { height: 300px; } .img-modal img{ display: block; margin-left: auto; margin-right: auto; width: 80px; top: -100px; margin-top: -50px; } .modal-body h5{ font-family: Helvetica; font-size: 32px; font-weight: 700; line-height: 46px; letter-spacing: 0em; text-align: center; color: #000; } .modal-body p{ font-family: Helvetica; font-size: 18px; font-weight: 400; line-height: 32px; letter-spacing: 0em; text-align: center; color: #696969; } .modal-open .modal .modal-dialog .modal-footer { padding: 0px; text-align: center; } .modal-footer a{ width: auto; height: 100%; background-color: #BD0000; padding: 14px, 20px, 14px, 20px; border-radius: 12px; font-size: 18px; font-weight: 500; line-height: 29px; letter-spacing: 0em; text-align: left; color: #ffffff; } .modal-footer { border-top: 0px solid #e5e5e5!important; } @media only screen and (max-width:1440px){} @media only screen and (max-width:1400px){ .shalimar-section { padding-top: 32rem; }} @media only screen and (max-width:1366px){ .shalimar-section { padding-top: 0; margin-top: 10px; }} @media (min-width: 1024px) and (max-width: 1360px){ .shalimar-section { padding-top: 0; margin-top: -90px; }} @media only screen and (max-width:1280px){.shalimar-section { padding-top: 0; margin-top: -70px; }} @media (min-width: 1024px) and (max-width: 1280px){ .shalimar-section { padding-top: 0; margin-top: 125px; }} @media (min-width: 800px) and (max-width: 1280px){ .shalimar-section { padding-top: 0; margin-top: -60px; }} @media (min-width: 600px) and (max-width: 1280px){ .shalimar-section { padding-top: 0; margin-top: 58px; }}