/* Generated by Font Squirrel (https://www.fontsquirrel.com) on March 23, 2017 */ @font-face { font-family: 'playfair_displaybold'; src: url('fonts/playfairdisplay-bold-webfont.eot'); src: url('fonts/playfairdisplay-bold-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/playfairdisplay-bold-webfont.woff') format('woff'), url('fonts/playfairdisplay-bold-webfont.ttf') format('truetype'), url('fonts/playfairdisplay-bold-webfont.svg#playfair_displaybold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'playfair_displaybold_italic'; src: url('playfairdisplay-bolditalic-webfont.html'); src: url('playfairdisplay-bolditalic-webfontd41d.html?#iefix') format('embedded-opentype'), url('playfairdisplay-bolditalic-webfont-2.html') format('woff'), url('playfairdisplay-bolditalic-webfont-3.html') format('truetype'), url('playfairdisplay-bolditalic-webfont-4.html#playfair_displaybold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'playfair_displayitalic'; src: url('playfairdisplay-italic-webfont.html'); src: url('playfairdisplay-italic-webfontd41d.html?#iefix') format('embedded-opentype'), url('playfairdisplay-italic-webfont-2.html') format('woff'), url('playfairdisplay-italic-webfont-3.html') format('truetype'), url('playfairdisplay-italic-webfont-4.html#playfair_displayitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'playfair_displayregular'; src: url('fonts/playfairdisplay-regular-webfont.eot'); src: url('fonts/playfairdisplay-regular-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/playfairdisplay-regular-webfont.woff') format('woff'), url('fonts/playfairdisplay-regular-webfont.ttf') format('truetype'), url('fonts/playfairdisplay-regular-webfont.svg#playfair_displayregular') format('svg'); font-weight: normal; font-style: normal; } /* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 11, 2015 */ @font-face { font-family: 'montserratbold'; src: url('fonts/montserrat-bold-webfont.eot'); src: url('fonts/montserrat-bold-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-bold-webfont.woff2') format('woff2'), url('fonts/montserrat-bold-webfont.woff') format('woff'), url('fonts/montserrat-bold-webfont.ttf') format('truetype'), url('fonts/montserrat-bold-webfont.svg#montserratbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratlight'; src: url('fonts/montserrat-light-webfont.eot'); src: url('fonts/montserrat-light-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-light-webfont.woff2') format('woff2'), url('fonts/montserrat-light-webfont.woff') format('woff'), url('fonts/montserrat-light-webfont.ttf') format('truetype'), url('fonts/montserrat-light-webfont.svg#montserratlight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratregular'; src: url('fonts/montserrat-regular-webfont.eot'); src: url('fonts/montserrat-regular-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-regular-webfont.woff2') format('woff2'), url('fonts/montserrat-regular-webfont.woff') format('woff'), url('fonts/montserrat-regular-webfont.ttf') format('truetype'), url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg'); font-weight: normal; font-style: normal; } body { padding:0px; margin:0px; background:#fff; font-size:16px; color:#1a171b; line-height:20px; font-family: 'montserratregular'; letter-spacing:-0.5px; overflow-x:hidden; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, audio, video, source { display: block; margin: 0; padding: 0; } a, img { border: medium none; } a { color: #192432; text-decoration: none; } div { margin: 0; padding: 0; } p { font-size:16px; line-height:24px; padding:0px; margin:0px; color:#000000; font-family: 'montserratregular'; letter-spacing:-0.5px; } h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px; line-height: 30px; } a { color: #192432; outline:none; } /*a:hover { color: #979796; }*/ a:focus, :focus { outline:none; } ul, ol { list-style-type:none; padding:0px; margin:0px; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; } .left { float:left; } .right { float:right; } .anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; } .anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;} .row { width:90%; margin:auto; padding:0px; } #header .row { width:100%; margin:auto; padding:26px 3% 0; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;} header { border-top: 0 solid #b5dce1; left: 0; position: absolute; top:0; transition: all 0.3s ease-in-out 0s; width: 100%; z-index:99; } .right-header { float:right; padding:25px 0 0;position:fixed; right:25px; top:25px; z-index:9999; } .site-brand { float:left; } .right-header .shop-cart-v2 a { font-family: 'montserratregular'; color:#FFF; font-size:18px; } .right-header .shop-cart-v2 a img { margin-left:10px; vertical-align:middle; } .scroll-btm { position:absolute; bottom:16px; width:100%; text-align:center; z-index:2; } .about-us { float:left; width:100%; padding:45px 0 20px 0; text-align:center; background:url(../images/madeup.jpg) no-repeat; background-size:cover; background-attachment:fixed; height:651px; } .about-us h1 { text-align:center; font-size:44px; line-height:48px; color:#313131; font-family: 'playfair_displayregular'; margin-bottom:20px; } .about-us p { font-size:18px; line-height:28px; color:#494949; text-align:center; font-family: 'montserratlight'; padding:0 12%; margin-bottom:20px; } .about-us a.view-more { margin:0 auto; float:none; text-align:center; padding:6px 25px; background:#ddd; text-transform:uppercase; color:#313131; font-family: 'montserratregular'; font-size:13px; margin-bottom:25x; display:inline-block; border:1px solid #333333; } .about-us a.view-more:hover { background:#fff; } .abt-lft { float:left; width:41%; margin-right:5%; position:relative; margin-left:5%; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .abt-rgt { float:left; width:41%; position:relative; } .abt-lft .cbp-so-side-Quality span { background: #b7ae5f none repeat scroll 0 0; bottom: 152px; color: #ffffff; font-family: "montserratbold"; font-size: 20px; left: 20px; letter-spacing: 0.5px; padding: 10px; position: absolute; z-index: 9;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease; } .abt-lft .cbp-so-side-Quality p { background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; bottom: 20px; float: left; font-size: 18px; left: 20px; margin-bottom: 0; padding: 45px 15px 15px; position: absolute; text-align: left; width: 248px; transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;} .abt-rgt .cbp-so-side-Spinning span { background: #ED7D6F none repeat scroll 0 0; top: 20px; color: #ffffff; font-family: "montserratbold"; font-size: 20px; right: 153px; letter-spacing: 0.5px; padding: 10px; position: absolute; z-index: 9; -moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;} .abt-rgt .cbp-so-side-Spinning p { background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; top: 20px; float: left; font-size:18px; right: 20px; margin-bottom: 0; padding: 45px 15px 15px; position: absolute; text-align: left; width: 248px; -moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;} .weaving { float:left; width:100%; background:url(../images/weaving-bg2.jpg) no-repeat; background-size:cover; background-attachment:fixed; height:660px; } .weaving .weav-cont { float:right; width:35%; margin-top:15%; margin-right:150px; background:url(../images/weaving-shadow.png) no-repeat center; background-size:100%;} .weaving .weav-cont h1 { font-size:52px; color:#fad297; font-family: 'playfair_displaybold'; line-height:52px; text-align:right; text-shadow:4px 4px 2px rgba(0, 0, 0, 1); } .weaving .weav-cont p { color:#fff; letter-spacing:0.5px; margin-top:15px; text-align:right;font-size:22px; padding:0; line-height:32px;text-shadow:4px 4px 2px rgba(0, 0, 0, 1); } .weaving .weav-cont p span { color:#86e7de;text-shadow:4px 4px 2px rgba(0, 0, 0, 1); } /*---------- bubble tooltip -----------*/ .title.color1 > h2 { color: #e7b508; } .title.color2 > h2 { color: #97cdee; } .madeup { float:left; width:100%; background:url(../images/weave-bg2.jpg) no-repeat; background-size:cover; background-attachment:fixed; height:651px; } .madeup .weav2-cont { float:left; width:35%; padding-top:15%; margin-left:150px; } .madeup .weav2-cont h1 { font-size:52px; color:#fad297; font-family: 'playfair_displaybold'; line-height:52px; text-align:left; } .madeup .weav2-cont p { color:#fff; letter-spacing:0.5px; margin-top:15px; text-align:left; } .dedicate { float:left; width:100%; height:651px; } .dedicate .row { width:95%; } .dedicate .dedi-cont { float:left; width:420px; padding-top:12%; } .dedicate .dedi-cont h1 { font-size:33px; color:#fad297; font-family: 'playfair_displaybold'; line-height:42px; text-align:left; margin-top:15px; } .dedicate .dedi-cont h2 img { width:75%; } .dedicate .dedi-cont p { color:#fff; letter-spacing:0.5px; margin-top:15px; font-size:16px; text-align:left; font-family: "montserratlight"; line-height:24px;} .saveearth { float:left; width:100%; height:651px; } .saveearth.spining{ float:left; width:100%; height:651px; } .saveearth .saveearth-cont { float:right; width:50%; padding-top:8%; margin-right:50px; } .saveearth .saveearth-cont h1 { font-size:40px; color:#fed06b; font-family: 'playfair_displaybold'; line-height:50px; text-align:right; } .saveearth .saveearth-cont p { color:#fff; letter-spacing:0.5px; margin-top:15px; text-align:right; font-family: 'montserratlight'; font-size:18px; line-height:26px;} .saveearth .saveearth-cont ul li { float:left; width:31.33%; margin-right:2%; overflow:hidden; } .saveearth .saveearth-cont ul li:last-child { margin-right:0; } .saveearth .saveearth-cont ul li:first-child p { color:#a9e48d; font-size:20px; line-height:24px; } .saveearth .saveearth-cont ul li:nth-child(2) p { color:#89b6c6; } .saveearth .saveearth-cont ul li:last-child p { color:#f9983e; } .saveearth .saveearth-cont ul li p { text-align:center; margin-top:10px; } .saveearth .saveearth-cont ul { float:left; width:100%; margin-top:50px; } .saveearth .saveearth-cont ul li:hover img { transform: scale(1.2); } .saveearth .saveearth-cont ul li img { transition:all 1s ease 0s; float:left; width:100%; } .saveearth .saveearth-cont ul li .imd-hov { float:left; overflow:hidden; width:100%; margin-bottom:15px; } .saveearth .saveearth-cont.spining { float:left; width:50%; padding-top:8%; margin-left:50px; } .saveearth .saveearth-cont.spining h1 { font-size:52px; color:#fed06b; font-family: 'playfair_displaybold'; line-height:52px; text-align:left; } .saveearth .saveearth-cont.spining p { color:#fff; letter-spacing:0.5px; margin-top:15px; text-align:left; font-family: 'montserratlight'; } .saveearth .saveearth-cont.spining ul li p { color:#fed06b; letter-spacing:0.5px; margin-top:15px; text-align:center; font-family: 'montserratlight'; } footer { float:left; width:100%; background:#f6f6f6; padding-top:25px; text-align:center; } footer ul li { float:none; display:inline-block; color:#636363; font-family: 'montserratlight'; font-size:13px; margin-bottom:20px; } footer ul li span { margin:0 5px; } footer ul.social-links li { margin-right:15px; cursor:pointer; } footer ul.social-links li.fb { background:url(../images/fb.png) no-repeat; height:28px; width:28px; } footer ul.social-links li.tw { background:url(../images/twitter.png) no-repeat; height:26px; width:32px; } footer ul.social-links li.go { background:url(../images/google.png) no-repeat; height:26px; width:30px; } footer ul.social-links li.in { background:url(../images/indeed.png) no-repeat; height:26px; width:28px; } footer ul.social-links li.yt { background:url(../images/yt.png) no-repeat; height:26px; width:30px; } footer ul.social-links li.ig { background:url(../images/ig.png) no-repeat; height:26px; width:52px; } footer ul.social-links li.go:hover, footer ul.social-links li.tw:hover, footer ul.social-links li.in:hover, footer ul.social-links li.yt:hover, footer ul.social-links li.ig:hover { background-position:0 -26px; } footer ul.social-links li.fb:hover { background-position:0 -28px; } ul.social-links li { margin-right:15px; cursor:pointer; } ul.social-links li.fb { background:url(../images/fb.png) no-repeat; height:28px; width:30px; margin-bottom: 15px; } ul.social-links li.tw { background:url(../images/twitter.png) no-repeat; height:26px; width:32px; margin-bottom: 15px; } ul.social-links li.go { background:url(../images/google.png) no-repeat; height:26px; width:30px; margin-bottom: 15px; } ul.social-links li.in { background:url(../images/indeed.png) no-repeat; height:26px; width:30px; margin-bottom: 15px; } ul.social-links li.yt { background:url(../images/yt.png) no-repeat; height:26px; width:30px; margin-bottom: 15px; } ul.social-links li.ig { background:url(../images/ig.png) no-repeat; height:26px; width:30px; margin-bottom: 15px; } ul.social-links li.go:hover, ul.social-links li.tw:hover, ul.social-links li.in:hover, ul.social-links li.yt:hover, ul.social-links li.ig:hover { background-position:0 -26px; } ul.social-links li.fb:hover { background-position:0 -28px; } footer .copyright { float:left; width:100%; border-top:1px solid #dcdcdc; padding:1% 0; } footer .copyright p { color:#636363; font-family: 'montserratlight'; font-size:13px; } footer ul li a:hover { border-bottom:1px solid #636363; color:#000; } footer ul.social-links li a:hover { border-bottom:none; opacity:0.8; } .shop-item { position: fixed; z-index: 9999999; right: -360px; top: 0px; bottom: 0; visibility: hidden; width: 250px; height: 100%; overflow-y: auto; height: calc(100vh - 0px); background: rgba( 0, 0, 0, 0.8); -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; padding:10px 20px; } .shop-item.open { z-index: 1; right: 0; visibility: visible; top:0; } .right-header .shop-cart-v2 .widget_shopping_cart_content a { font-family: 'montserratlight'; font-size:16px; color:#666; } ul.mainmenu li{ float:left; width:100%; padding:1%; margin-bottom:10px; border-bottom:1px solid #f5f2ff6b; padding-bottom:10px; animation-name: fadeInDown; animation-duration: 1s; animation-fill-mode: both;} ul.mainmenu li a{color:#FFF;} ul.mainmenu li:first-child { background: rgba(0, 0, 0, 0) url("../images/menu-home-wt.png") no-repeat left 4px; } ul.mainmenu li:nth-child(2){ background: rgba(0, 0, 0, 0) url("../images/menu-abt-wt.png") no-repeat scroll 0 0; } ul.mainmenu li:nth-child(3){ background: rgba(0, 0, 0, 0) url("../images/menu-infra-wt.png") no-repeat scroll 0 0; } /*ul.mainmenu li:nth-child(4){ background: rgba(0, 0, 0, 0) url("../images/menu-spin-wt.png") no-repeat scroll 0 0; }*/ /*ul.mainmenu li:nth-child(4){ background: rgba(0, 0, 0, 0) url("../images/menu-qualit-wt.png") no-repeat scroll 0 0; }*/ ul.mainmenu li:nth-child(4){ background: rgba(0, 0, 0, 0) url("../images/menu-com-wt.png") no-repeat scroll 0 0; } ul.mainmenu li:nth-child(5){ background: rgba(0, 0, 0, 0) url("../images/menu-reco-wt.png") no-repeat scroll 0 0; } ul.mainmenu li:nth-child(6){ background: rgba(0, 0, 0, 0) url("../images/menu-csr-wt.png") no-repeat scroll 0 0; } ul.mainmenu li:nth-child(7){ background: rgba(0, 0, 0, 0) url("../images/menu-gallery-wt.png") no-repeat scroll 0 0; } ul.mainmenu li:nth-child(8){ background: rgba(0, 0, 0, 0) url("../images/menu-cnt-wt.png") no-repeat scroll 0 0; } /*ul.mainmenu li:nth-child(9){ background: rgba(0, 0, 0, 0) url("../images/menu-cnt-wt.png") no-repeat scroll 0 0; }*/ ul.mainmenu li:hover a{ color:#FED06B;} ul.mainmenu li:first-child:hover { background: rgba(0, 0, 0, 0) url("../images/menu-home-wt-h.png") no-repeat left 4px; } ul.mainmenu li:nth-child(2):hover{ background: rgba(0, 0, 0, 0) url("../images/menu-abt-wt-h.png") no-repeat scroll 0 0; } ul.mainmenu li.act { background: rgba(0, 0, 0, 0) url("../images/menu-abt-wt-h.png") no-repeat scroll 0 0; } ul.mainmenu li.act a { color:#FED06B;} ul.mainmenu li.gal { background: rgba(0, 0, 0, 0) url("../images/menu-gallery-wt-h.png") no-repeat scroll 0 0; } ul.mainmenu li.gal a { color:#FED06B;} ul.mainmenu li.infra { background: rgba(0, 0, 0, 0) url("../images/menu-infra-wt-h.png") no-repeat scroll 0 0; } ul.mainmenu li.infra a { color:#FED06B;} ul.mainmenu li.comm { background: rgba(0, 0, 0, 0) url("../images/menu-com-wt-h.png") no-repeat scroll 0 0; } ul.mainmenu li.comm a { color:#FED06B;} ul.mainmenu li.conta { background: rgba(0, 0, 0, 0) url("../images/menu-cnt-wt-h.png") no-repeat scroll 0 0; } ul.mainmenu li.conta a { color:#FED06B;} ul.mainmenu li.recog { background: rgba(0, 0, 0, 0) url("../images/menu-reco-wt-h.png") no-repeat scroll 0 0; } ul.mainmenu li.recog a { color:#FED06B;} ul.mainmenu li.m-qty { background: rgba(0, 0, 0, 0) url("../images/menu-qualit-wt-h.png") no-repeat scroll 0 0; } ul.mainmenu li.m-qty a { color:#FED06B;} ul.mainmenu li.csr { background: rgba(0, 0, 0, 0) url("../images/menu-csr-wt-h.png") no-repeat scroll 0 0; } ul.mainmenu li.csr a { color:#FED06B;} ul.mainmenu li.h-mnu { background: rgba(0, 0, 0, 0) url("../images/menu-home-wt-h.png") no-repeat left 4px; } ul.mainmenu li.h-mnu a { color:#FED06B;} /* menu active */ ul.mainmenu li.menu-item.menu-item-type-post_type.current-menu-item a { color:#FED06B; } ul.mainmenu li:nth-child(3):hover{ background: rgba(0, 0, 0, 0) url("../images/menu-infra-wt-h.png") no-repeat scroll 0 0; } /*ul.mainmenu li:nth-child(4){ background: rgba(0, 0, 0, 0) url("../images/menu-spin-wt.png") no-repeat scroll 0 0; }*/ /*ul.mainmenu li:nth-child(4):hover{ background: rgba(0, 0, 0, 0) url("../images/menu-qualit-wt-h.png") no-repeat scroll 0 0; }*/ ul.mainmenu li:nth-child(4):hover{ background: rgba(0, 0, 0, 0) url("../images/menu-com-wt-h.png") no-repeat scroll 0 0; } ul.mainmenu li:nth-child(5):hover{ background: rgba(0, 0, 0, 0) url("../images/menu-reco-wt-h.png") no-repeat scroll 0 0; } ul.mainmenu li:nth-child(6):hover{ background: rgba(0, 0, 0, 0) url("../images/menu-csr-wt-h.png") no-repeat scroll 0 0; } ul.mainmenu li:nth-child(7):hover{ background: rgba(0, 0, 0, 0) url("../images/menu-gallery-wt-h.png") no-repeat scroll 0 0; } ul.mainmenu li:nth-child(8):hover{ background: rgba(0, 0, 0, 0) url("../images/menu-cnt-wt-h.png") no-repeat scroll 0 0; } /*ul.mainmenu li:nth-child(9):hover{ background: rgba(0, 0, 0, 0) url("../images/menu-cnt-wt-h.png") no-repeat scroll 0 0; }*/ ul.mainmenu li{ padding-left:32px;} ul.mainmenu li.active{ padding-left:20px;} ul.mainmenu li:hover{ } ul.social-links li { float:none; display:inline-block; width:10px; margin-right:10px; } ul.social-links { float:left; width:100%; margin-top:10px; } .scroll-btm .bounce { background: rgba(0, 0, 0, 0) url("../images/scroll-bg.png") no-repeat scroll center top; height: 38px; margin: 15px auto 0; padding: 5px; text-align: center; width: 25px; } .scroll-btm .bounce .cbp-so-section.cbp-so-animate { animation: 1.5s ease 0s normal none infinite running bounce; height: 26px; transform: translateY(0px); } .menu-cl { float: right; cursor:pointer; } .widget_shopping_cart_content { float:left; } .banner-home { position:relative; } .map { float:left; width:100%; } .welcome-txt { float: left; margin-bottom: 20px; width: 100%; } .item-ico { position:absolute; background:url(../img/item-ico-bg.html) no-repeat center; top:-50px; left:50%; margin-left:-50px; width:100px; height:100px; padding:14px 0 0 14px; } .item-ico-mobile { position:absolute; top:50%; left:50%; margin:-90px 0 0 -70px; width:74px; height:74px;padding:1px; } .item-ico img, .item-ico-mobile img { float:left; } .scl-ban-img { } .flexslider .slides li .scl-ban-img ul li img { width:auto; } .flexslider .slides li .scl-ban-img ul li { float:none; margin:15px auto; text-align:center; display:inline-block; margin-right:2%; } .cbp-so-side.cbp-so-side-Spinning { position:absolute; top:0; right:0; } .flexslider .slides li .scl-ban-img ul li:last-child { margin-right:0; } .abt-lft:hover span { background:#fff; color:#B7AE5F; } .abt-lft:hover p { background:#B7AE5F; color:#fff; } .abt-rgt:hover span { background:#fff; color:#ED7D6F; } .abt-rgt:hover p { background:#ED7D6F; color:#fff; } .flex-caption.cap-clr h1{color:#fff; margin-top:45px; padding:20px 15px; font-size:48px; line-height:50px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);} .flex-caption.cap-clr{top:320px; left:0; } .flex-caption.cap-clr.cap-clr2{top:320px; left:0; width:68%;} .flex-caption.flex-cntr{text-align:center; width:55%; left:0; top:420px; margin:0 auto; right:0;} .flex-caption.flex-cntr h1{color:#fff; margin-top:45px; padding:20px 15px; font-size:48px; line-height:50px;} .scl-ban-img h1{ padding:20px 15px; font-size:48px; line-height:50px;} #cbp-so-scroller li { list-style:none; } .setting-wrap .main-menu { display:block; margin-left:0; width:100%; text-align:left; } .parallax-count li { padding:16px 0; } .parallax-count a { float:left; height:22px; width:22px;/* border:1px solid #9c7a48; box-shadow:0 0 6px 2px #444; */ background:url(../images/banner-dot.png) no-repeat; } .parallax-count a:hover {background:url(../images/banner-dot-active.png) no-repeat;} .parallax-count ul li.active a { background:url(../images/banner-dot-active.png) no-repeat; } .right-header .icon i:hover { color:#FCA230; }/*#b99867*/ .logo > img { float: left;} .filter-menu .tabs { margin-bottom:0px !important; } .filter-menu .tabs.tab-height { height:120px; overflow:auto; } .filter-menu .tabs li a { display:inline-block; width: 93%; margin-top: 2px; } .filter-menu .tabs.tab-height li a { width:91% !important; } .filter-menu .tabs li input[type="checkbox"] { float:left; margin-right:5px; margin-top:7px; } .main-slider .title span.rupee-symbol { font-family: 'rupee_foradianregular'; } .service-number input[type="submit"] { background:#757575; border:none; color:#fff; font-size:15px; cursor:pointer; font-family: 'Merriweather', serif; width:100px; height:40px; border-radius:4px; font-weight:bold; margin-left:5px; } .service-number input[type="submit"]:hover { background:#b99867; color:#fff; } .service-text { display:block; color:#b99867; margin-left:55px; font-size:14px; } .shipping { margin-top:5px; } .shipping input[type=text] { border: 1px solid #757575; padding: 5px 10px; font-size: 14px; color: #bfbfbf; border-radius: 0; width:125px; } .shipping input[type="submit"] { background:#757575; border:none; color:#fff; font-size:13px; cursor:pointer; font-family: 'Merriweather', serif; width:85px; height:36px; border-radius:4px; font-weight:bold; margin-left:5px; } .shipping input[type="submit"]:hover { background:#004875; color:#fff; } .selectall { display:block; background: #efefef; padding: 6px 12px; color:#000; text-transform:uppercase; margin-bottom: 5px; } .selectall input[type="checkbox"] { margin-right:5px; float: left; } .filter-menu .tabs li a.active { color: #b5b5b5; } .home-title.margbtm { margin-bottom:0px; } .product_search { float:left; width:100%; position:relative; } .product_search .fa-search { position:absolute; top:10px; right:22px; cursor:pointer; color:#373737; } .product_search input[type="text"] { float:right; border: solid 1px #e7e7e7; height: 35px; width: 250px; margin-right: 14px; margin-bottom: 20px; color: #b5b5b5; } .subtitle.subtitle2.second-para { color: #130b0b; font-family: 'Merriweather', serif; font-size: 15px; font-weight: 300; line-height: 28px; } .title.color2 > h2 { color: #97cdee; } .title.color1 h2.second-txt { font-family: 'Merriweather', serif; font-size: 70px; color: #130b0b; font-weight: 700; } .title.color1 h2.second-txt span { border: medium none; color: #130b0b; display: inline; font-size: 70px; font-weight: 300; left: 0; padding: 0; position: relative; top: 0; } .left { width: 102px; } .flex-control-nav, .flex-direction-nav { } /*---------- bubble tooltip -----------*/ .title.color1 > h2 { color: #e7b508; } .title.color2 > h2 { color: #97cdee; } /* FlexSlider Default Theme *********************************/ .flexslider .slides > li { position: relative; /*background-position:center center; background-repeat:no-repeat; background-size:cover;*/ } .flexslider .slides li { /*height:642px; background-repeat:no-repeat; background-position:center; background-size:cover;*/ } .flexslider .slides li img { width:100%; float:left; } .parallax-count { position: fixed; top:200px; right: 30px; z-index:9; } .parallax-count > * { display: block; } .parallax-count li { list-style:none; padding-bottom:15px; } .parallax-count .prev, .parallax-count .next { background:url("../images/arrow-bg.html") no-repeat; height: 60px; width: 30px; border: 0px solid #888888; text-align: center; line-height: 56px; font-size: 18px; cursor: pointer; margin-left: 6px; float:left; } .parallax-count .prev:hover, .parallax-count .next:hover { background:url("../images/arrow-bg-hover.html") no-repeat; border: 0px solid #9c7a48; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; } .parallax-count .prev:hover .fa-long-arrow-up::before { color:#fff; } .parallax-count .next:hover .fa-long-arrow-down::before { color:#fff; } .parallax-count .count { font-size: 18px; font-family: "Montserrat", sans-serif; margin: 15px 0; color:#000; background-color: rgba(185, 152, 103, 0.8); padding: 2px 5px; } .parallax-count .count em { font-style: normal; color: #fff; } #section5 .parallax-content { top: 0; right: auto; transform: none; -moz-transform: none; -ms-transform: none; -webkit-transform: none; -o-transform: none; } #section5 .parallax-content .title { width: 100%; } .home7 .site-footer .footer-widget { border-top: none; } #section4 { height:auto!important; } /*#section2 { } #section3 { height:651px;} #section4 { height:651px; } #section5 { height:643px; } #section6 { height:651px; } #section8 { height:651px; } #section7{height:651px;}*/ .flex-caption.frst-sld{top:360px; left:0 ;width:45%; } .flex-caption.frst-sld h1{ font-size:55px; padding-left:12%; line-height:60px; padding:20px;} .parallax-inner-section{float:left; width:100%;} .flex-caption img{position:absolute; top:0; left:0;} .cotton-img { position:absolute; top:0px; left:0px; } .stone-img { position:absolute; bottom:0px; right:0px; } .about-img { float:left; margin:7% 3% 0 4%; line-height:0px; } .about-txt { float:left; width:475px; padding-top:9%; } .about-txt h1 { font-family: 'playfair_displaybold'; font-size:46px; color:#ffffff; line-height:55px; padding-bottom:15px; text-shadow:0px 3px 3px rgba(0,0,0,0.3) } .about-txt p { font-family: "montserratlight"; font-size:18px; color:#ffffff; line-height:26px;text-shadow:0px 3px 3px rgba(0,0,0,0.3) } .quality-txt { float:left; width:425px; margin-top:-2%; } .quality-txt h1 { font-family: 'playfair_displaybold'; font-size:50px; color:#ffb830; line-height:55px; padding-bottom:20px; } .quality-txt p { font-family: 'montserratregular'; font-size:18px; color:#ffffff; line-height:28px; } .quality-txt p span { color:#ffb830; } .qty-img { position:absolute; top:50%; left:50%; margin:-161px 0 0 -172px; } .qty-img-l { position:absolute; top:0px; left:0px; } .qty-img-r { position:absolute; top:0px; right:0px; height:100%; } .qty-img-r img { height:100%; width:auto; } .qty-logo { line-height:0px; padding-top:20px; } .qty-logo img { margin-right:30px; } .weaving-txt { float:right; width:375px; margin-top:-2%; margin-right:5%; text-align:right; } .weaving-txt h1 { font-family: 'playfair_displaybold'; font-size:46px; color:#fed06b; line-height:55px; padding-bottom:20px; text-shadow:0px 3px 3px rgba(255,255,255,0.3) } .weaving-txt p { font-family: "montserratlight"; font-size:18px; color:#ffffff; line-height:26px; } /*.madeup-txt { width:570px; position:absolute; left:50%; top:130px; margin-left:-265px; }*/ .madeup-txt { float:left; width:570px; margin-top:3%; } .madeup-imgpad { width:1183px; position:absolute; left:50%; bottom:30px; margin-left:-570px; } .madeup-txt h1 { /*text-align:center;*/ font-family: 'playfair_displaybold'; font-size:46px; /*color:#3c2515;*/color:#fed06b; line-height:55px; padding-bottom:18px; } .madeup-txt h1 span { display:inline-block; } .madeup-txt p {/* text-align:center;*/ font-family: "montserratlight"; font-size:18px; /*color:#4c392a;*/ color:#fff; line-height:26px; letter-spacing:0.5px; } .madeup-txt p {/* text-align:center;*/ font-family: "montserratlight"; font-size:18px; /*color:#4c392a;*/ color:#fff; line-height:26px; letter-spacing:0.5px; } .madeup-imgl {float:left; line-height:0px; margin-right:30px; } .madeup-imgm {float:left; line-height:0px; margin-right:10px; } .madeup-imgr {float:left; line-height:0px; } .spining-pad { float:left; width:500px; margin-top:-3%; } .spining-pad h1 { font-size:46px; color:#fed06b; font-family: 'playfair_displaybold'; line-height:55px; text-align:left; } .spining-pad p { font-size:18px; line-height:26px; color:#fff; letter-spacing:0.5px; margin-top:15px; text-align:left; font-family: 'montserratlight'; } .spining-pad ul { float:left; width:100%; margin-top:35px; } .spining-pad ul li { float:left; width:30.33%; margin-right:4%; overflow:hidden; text-align:center; } .spining-pad ul li:last-child { margin-right:0; } .spining-pad ul li span { font-family: 'montserratregular'; font-size:18px; line-height:24px; color:#fed06b; text-align:center; padding-top:6px; } .spining-pad ul li .imd-hov { float:left; overflow:hidden; width:100%; margin-bottom:15px; } .spining-pad ul li img { transition:all 1s ease 0s; float:left; width:100%; } .spining-pad ul li:hover img { transform: scale(1.2); } .shop-item.menu-open{visibility:visible; right:0;} .spining-pad.right, .qty-logo{float:right; margin-right: 20px;} .spining-pad.right h1, .spining-pad.right p{text-align:right;} @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -100%, 0px); } 100% { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; animation-duration: 1s; animation-fill-mode: both; } /*.sticky-wrapper { float:left; width:100%; z-index:999; position:absolute; top:0px; } .is-sticky header .head-menu{padding:0px 0px; }*/ .is-sticky .header-sticky { background:rgba(0,0,0,0.7); padding:10px 0; z-index:999;} #header .is-sticky .header-sticky .row { padding:0px 3% 0; } .is-sticky .header-sticky .logo { width:220px;} .is-sticky .header-sticky .logo a { line-height:0; float:left;} .is-sticky .header-sticky .logo img { width:100%;} .is-sticky .header-sticky .right-header { padding:16px 0 0;} /* inner page css */ #header .inn-caption .row { padding-top: 0;} .header-sticky { position:relative; z-index:1;} .row2 { width:1170px; margin:0 auto;} .logo { float:left;} .infra-banner { float:left; width:100%; position:relative; background:url(../images/infra-banner.jpg) no-repeat left; background-size:cover; min-height:340px; /*z-index:11;*/} .gallery-banner { float:left; width:100%; position:relative; background:url(../images/gallery-banner.jpg) no-repeat left; background-size:cover; min-height:340px; /*z-index:11;*/} .infra-banner:after, .gallery-banner:after { position:absolute; display:block; content:""; left:0; top:0; width:100%; height:100%; /* z-index:-1;*/ background: rgba(0,0,0,0.75); background: -moz-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.11) 66%, rgba(38,38,38,0.06) 71%, rgba(255,255,255,0.06) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.75)), color-stop(66%, rgba(0,0,0,0.11)), color-stop(71%, rgba(38,38,38,0.06)), color-stop(100%, rgba(255,255,255,0.06))); background: -webkit-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.11) 66%, rgba(38,38,38,0.06) 71%, rgba(255,255,255,0.06) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.11) 66%, rgba(38,38,38,0.06) 71%, rgba(255,255,255,0.06) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.11) 66%, rgba(38,38,38,0.06) 71%, rgba(255,255,255,0.06) 100%); background: linear-gradient(to right, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.11) 66%, rgba(38,38,38,0.06) 71%, rgba(255,255,255,0.06) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 );} .inn-caption { float:left; width:100%; margin:125px 0 0 0; position:relative; z-index:1;} .inn-caption h1 { font-size:60px; color:#fff; font-family: 'playfair_displayregular'; line-height:68px;/* animation: type 6s steps(60, end); overflow:hidden; white-space: nowrap;*/ width: 100%; animation: left-rht 1.5s ease; -webkit-animation: left-rht 1.5s ease; -moz-animation: left-rht 1.5s ease;} @keyframes left-rht{ 0%{ transform:translateX(-400px); opacity:0;} 50%{ transform:translateX(-400px); opacity:0;} 100%{ transform:translateX(0px); opacity:1;} } @-webkit-keyframes left-rht{ 0%{ -webkit-transform:translateX(-400px); opacity:0;} 50%{ -webkit-transform:translateX(-400px); opacity:0;} 100%{ -webkit-transform:translateX(00px); opacity:1;} } @-moz-keyframes left-rht{ 0%{ -moz-transform:translateX(-400px); opacity:0;} 50%{ -moz-transform:translateX(-400px); opacity:0;} 100%{ -moz-transform:translateX(00px); opacity:1;} } /*@keyframes type{ from { width: 0; } } @-webkit-keyframes type{ from { width: 0; } } @-moz-keyframes type{ from { width: 0; } }*/ .breadcrumb { float:left; background:#fff; padding:5px 15px; font-size:14px; font-family: 'montserratlight'; color:#585858; letter-spacing:0.5px;margin:15px 0 0 0; animation: breadcrumb 2s ease; -webkit-animation: breadcrumb 2s ease; -moz-animation: breadcrumb 2s ease;} @keyframes breadcrumb{ 0%{ transform:translateX(400px); opacity:0;} 50%{ transform:translateX(400px); opacity:0;} 100%{ transform:translateX(0px); opacity:1;} } @-webkit-keyframes breadcrumb{ 0%{ -webkit-transform:translateX(400px); opacity:0;} 50%{ -webkit-transform:translateX(400px); opacity:0;} 100%{ -webkit-transform:translateX(00px); opacity:1;} } @-moz-keyframes breadcrumb{ 0%{ -moz-transform:translateX(400px); opacity:0;} 50%{ -moz-transform:translateX(400px); opacity:0;} 100%{ -moz-transform:translateX(00px); opacity:1;} } .breadcrumb a.home-ico { background:url(../images/home-ico.png) no-repeat 0 4px; height:20px; width:12px; float:left;} .breadcrumb ul li { background:url(../images/breadcrumb-arrow.png) no-repeat right 6px; float:left; padding-right:14px; margin-right:8px;} .breadcrumb ul li:last-child { margin:0; padding:0; background:none;} .breadcrumb ul li a:hover { background-position:0 -13px;} .tab-section { float:left; width:100%; position:relative; z-index:11; margin:-60px 0 0 0;} .resp-tab-content h1 { font-size:36px; color:#36246c; font-family: 'playfair_displaybold'; /*background:url(../images/title-bg.png) no-repeat bottom center;*/ line-height:40px; padding-bottom:0px; margin:0px 0 25px; /*animation: slidelft 3s ease; -webkit-animation: slidelft 3s ease; -moz-animation: slidelft 3s ease; -o-animation: slidelft 3s ease;*/} .resp-tab-content.resp-tab-content-active h1 { animation: slidelft 1.2s ease; -webkit-animation: slidelft 1.2s ease; -moz-animation: slidelft 1.2s ease; -o-animation: slidelft 1.2s ease;} .resp-tab-content.resp-tab-content-active p { animation: sliderht 1.6s ease; -webkit-animation: sliderht 1.6s ease; -moz-animation: sliderht 1.6s ease; -o-animation: sliderht 1.6s ease;} .img-pad { float:left; width:100%; position:relative;} .img-pad img { float:left;} .img-cap { position:absolute; bottom:5%; right:2%; background:#fff; width:450px;} .tab-section .img-cap p { font-size:18px; color:#000; font-family: 'montserratlight'; text-align:left; padding:25px 35px; margin:0; animation:none; line-height:26px;} .img-cap p span {font-size:31px; color:#000; font-family: 'montserratbold'; display:inline; line-height:40px;} .img-cap p span.red { color:#c22026;} .list { float:left; width:100%; margin:40px 0 0 0; padding:0px ;} .list h3 { font-size:24px; color:#000; font-family: 'montserratbold'; text-align:left; margin-bottom:25px; letter-spacing:1px;} .list ul { float:left; width:100%; margin-bottom:0px;} .list ul li { float:left; width:31%; margin-right:3%; position:relative; overflow:hidden;} .list.start-animation { overflow:hidden;} .list.start-animation ul li:first-child { animation:list1 1s ease; -webkit-animation:list1 1s ease; -moz-animation:list1 1s ease; -o-animation:list1 1s ease;} .list.start-animation ul li:nth-child(2) { animation:list1 1.4s ease; -webkit-animation:list1 1.4s ease; -moz-animation:list1 1.4s ease; -o-animation:list1 1.4s ease;} .list.start-animation ul li:nth-child(3) { animation:list1 1.8s ease; -webkit-animation:list1 1.8s ease; -moz-animation:list1 1.8s ease; -o-animation:list1 1.8s ease;} @keyframes list1 { 0%{ opacity:0; -moz-transform: translateY(250px); -webkit-transform: translateY(250px); -o-transform: translateY(250px); transform: translateY(250px);} 60%{ opacity:0; -moz-transform: translateY(250px); -webkit-transform: translateY(250px); -o-transform: translateY(250px); transform: translateY(250px);} 100%{ opacity:1; -moz-transform: translateY(0%);-webkit-transform: translateY(0%);-o-transform: translateY(0%);transform: translateY(0%);} } .para-list.start-animation li:first-child { animation:slideinlft 1s ease; -webkit-animation:slideinlft 1s ease; -moz-animation:slideinlft 1s ease; -o-animation:slideinlft 1s ease;} .para-list.start-animation li:nth-child(2) { animation:slideinrht 1.4s ease; -webkit-animation:slideinrht 1.4s ease; -moz-animation:slideinrht 1.4s ease; -o-animation:slideinrht 1.4s ease;} .yarn-pad.start-animation .yarn-lft { animation:slideinlft 1s ease; -webkit-animation:slideinlft 1s ease; -moz-animation:slideinlft 1s ease; -o-animation:slideinlft 1s ease;} .yarn-pad.start-animation .yarn-list { animation:slideinrht 1.4s ease; -webkit-animation:slideinrht 1.4s ease; -moz-animation:slideinrht 1.4s ease; -o-animation:slideinrht 1.4s ease;} .yarn-pad.start-animation .yarn-rgt { animation:slideinrht 1.4s ease; -webkit-animation:slideinrht 1.4s ease; -moz-animation:slideinrht 1.4s ease; -o-animation:slideinrht 1.4s ease;} /*.tab-cont.start-animation h1 { animation:slideinlft 1s ease; -webkit-animation:slideinlft 1s ease; -moz-animation:slideinlft 1s ease; -o-animation:slideinlft 1s ease;} .tab-cont.start-animation p { animation:slideinrht 1.4s ease; -webkit-animation:slideinrht 1.4s ease; -moz-animation:slideinrht 1.4s ease; -o-animation:slideinrht 1.4s ease;}*/ .para.start-animation { animation:slideinrht 1.4s ease; -webkit-animation:slideinrht 1.4s ease; -moz-animation:slideinrht 1.4s ease; -o-animation:slideinrht 1.4s ease;} @keyframes slideinlft { 0%{ opacity:0; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} 60%{ opacity:0; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} 100%{ opacity:1; -moz-transform: translateX(0%);-webkit-transform: translateX(0%);-o-transform: translateX(0%);transform: translateX(0%);} } @keyframes slideinrht { 0%{ opacity:0; -moz-transform: translateX(50%); -webkit-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%);} 60%{ opacity:0; -moz-transform: translateX(50%); -webkit-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%);} 100%{ opacity:1; -moz-transform: translateX(0%);-webkit-transform: translateX(0%);-o-transform: translateX(0%);transform: translateX(0%);} } .list ul li h2 { color:#36246c; font-size:24px; font-family: 'playfair_displaybold'; letter-spacing:0.5px; background:rgba(255,255,255,0.9); position:absolute; bottom:5%; left:0; right:0; margin:0 auto; width:86%; line-height:45px;} .list ul li img { float:left; width:100%; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .list ul li:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);} .list ul li:last-child { margin-right:0;} .para-list { float:left; width:100%; margin:40px 0;} .para-list li { float:left; width:100%; margin-right:0%; text-align:left; font-size:16px; color:#414141; font-family: 'montserratlight'; line-height:26px; letter-spacing:0.5px; margin-bottom:20px;} .para-list li:last-child { margin-right:0; margin-bottom:0;} .yarn-pad { float:left; width:100%; background:#f2f2f2; padding:30px; text-align:left;} .yarn-pad h2 { font-size:29px; color:#636363; font-family: 'montserratbold'; text-transform:uppercase; margin-bottom:20px;} .yarn-lft { float:left; margin-right:40px; width:49%; overflow:hidden;} .yarn-lft img { float:left; width:100%; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;} /*.yarn-pad:hover .yarn-lft img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);}*/ .yarn-list { float:left; width:44%;} .yarn-list ul li { float:left; width:100%; margin-bottom:25px;} .yarn-list ul li h4 { color:#c4282e; font-size:22px; font-family: 'montserratbold'; margin-bottom:10px;} .yarn-list ul li p { margin:0; padding:0; font-size:17px; color:#414141; font-family: 'montserratlight'; animation:none;} .para { float:left; width:100%; padding:40px 0} .tab-section .para p { margin:0; padding:0px 50px; font-size:16px; color:#000; font-family: 'montserratlight'; line-height:26px;} .yarn-pad.fabrics { background:none; padding:0;} .yarn-pad.fabrics .yarn-list { padding:40px 0 0 0;} .yarn-pad.fabrics .yarn-list h3 { font-size:26px; font-family: 'montserratbold'; color:#000; margin-bottom:15px;} .yarn-pad.fabrics .yarn-list p { padding:0; font-size:16px; color:#414141; font-family: 'montserratlight'; margin:0 0 15px 0; line-height:26px;} .yarn-pad.fabrics .yarn-list ul { float:left; width:100%; padding-left:15px; } .yarn-pad.fabrics .yarn-list ul li { background:url(../images/yellow-arrow.jpg) no-repeat 0px 11px; background-size:7px auto; font-size:17px; color:#414141; font-family: 'montserratlight'; line-height:24px; padding:3px 0 5px 20px; margin:0px; } .infra-banner.quality-ban { float:left; width:100%; position:relative; background:url(../images/quality-banner.jpg) no-repeat left; background-size:cover; min-height:340px; /*z-index:11;*/} .infra-banner.recog-ban { background:url(../images/recognition-banner.jpg) no-repeat left; background-size:cover; /*z-index:11;*/} .infra-banner.csr-ban { background:url(../images/csr-banner.jpg) no-repeat left; background-size:cover; /*z-index:11;*/} .tab-section.inner-cont { margin:0; text-align:center; padding:40px 0;} .inner-cont h1 { font-size:36px; color:#36246c; font-family: 'playfair_displaybold'; /*background:url(../images/title-bg.png) no-repeat bottom center;*/ line-height:40px; padding-bottom:0px; margin:0px 0 25px; animation: slidelft 2.5s ease; -webkit-animation: slidelft 2.5s ease; -moz-animation: slidelft 2.5s ease; -o-animation: slidelft 2.5s ease;} .img-pad { float:left; width:100%; position:relative; overflow:hidden;} .img-pad img { float:left; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .img-pad:hover .img-cap { background:#D65C44;} .img-pad:hover .img-cap p { color:#fff;} .img-pad:hover .img-cap span { color:#fff;} .img-pad:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);} .img-cap { position:absolute; bottom:5%; right:2%; background:#fff; width:450px; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;} .tab-section .img-cap p { font-size:18px; color:#000; font-family: 'montserratlight'; text-align:left; padding:25px 35px; margin:0; animation:none; line-height:26px;} .img-cap p span {font-size:31px; color:#000; font-family: 'montserratbold'; display:inline; line-height:40px;} .img-cap p span.red { color:#c22026;} .inner-cont p { font-size:16px; color:#414141; font-family: 'montserratlight'; line-height:26px; text-align:left;/*transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; animation: slideleft1 0.7s ease; -webkit-animation: slideleft1 0.7s ease; -moz-animation: slideleft1 0.7s ease; -o-animation: slideleft1 0.7s ease;*/ padding:0 8px; letter-spacing:0.3px; margin-bottom:0px; animation:slideinrht 3s ease; -webkit-animation:slideinrht 3s ease; -moz-animation:slideinrht 3s ease; -o-animation:slideinrht 3s ease; margin-bottom:20px;} .img-cap.qty-pad { background:rgba(196,40,46,0.8);} .img-cap.qty-pad { bottom:0; right:0; width:auto; padding:18px 30px;} .img-cap.qty-pad p { padding:0;} .tab-section.inner-cont .tab-cont p.para-lft { text-align:left; margin:30px 0; display:inline-block; padding:0; animation:none;} .img-cap.qty-pad p span { color:#fff; font-size:32px; font-family: 'montserratbold';} .tab-section.inner-cont .tab-cont p.para-lft.start-animation { animation:slideinrht 1s ease; -webkit-animation:slideinrht 1s ease; -moz-animation:slideinrht 1s ease; -o-animation:slideinrht 1s ease; } /*.inner-cont .tab-cont.start-animation h1 { animation:slideinlft 1.2s ease; -webkit-animation:slideinlft 1.2s ease; -moz-animation:slideinlft 1.2s ease; -o-animation:slideinlft 1.2s ease;} .tab-section.inner-cont .tab-cont.start-animation p { animation:slideinrht 1.4s ease; -webkit-animation:slideinrht 1.4s ease; -moz-animation:slideinrht 1.4s ease; -o-animation:slideinrht 1.4s ease;}*/ .yarn-pad.qty-bg { background:url(../images/qty-bg.jpg) repeat left; padding:35px;} .yarn-pad.qty-bg p { color:#fff; font-size:16px;} .yarn-pad.qty-bg .yarn-list { padding:40px 0 0 0;} .yarn-pad.qty-bg .yarn-list ul li { float:left; width:auto; margin:0 20px 0 0; background:none;} .yarn-pad.qty-bg .yarn-list ul li img { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;} .yarn-pad.qty-bg .yarn-list ul li:hover img { transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg);} #recognition { margin-top:20px; float:left; } #recognition.owl-carousel .owl-item { background:#f5f5f5; } #recognition.owl-carousel .owl-item:after { position:absolute; border:10px solid #e3e3e3; left:0; top:0; display:block; content:""; width:100%; height:100%; z-index:-1;} .award-lft { float:left; width:45%;/*32%;*/ position:relative;z-index:1;} .award-rht { float:left; width:55%;/*68%;*/ padding:2% 20px 30px 5%; text-align:left;} .award-rht h1 { font-size:34px; color:#000; font-family: 'montserratbold'; background:none; margin:0 0 20px 0; padding:0; line-height:44px; animation:none;} .award-rht h1 span { display:block; color:#000;} .award-rht p { font-size:21px; color:#414141; font-family: 'montserratlight'; padding:0; margin:0 0 30px 0; line-height:28px; animation:none;} .award-rht h4 { color:#c22026; font-family: 'montserratbold'; font-size:25px;} .logo-pad { float:left; width:100%; padding:20px 0; margin-top:20px; background: rgba(248,248,248,1); background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(231,231,231,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,248,248,1)), color-stop(100%, rgba(231,231,231,1))); background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(231,231,231,1) 100%); background: -o-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(231,231,231,1) 100%); background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(231,231,231,1) 100%); background: linear-gradient(to bottom, rgba(248,248,248,1) 0%, rgba(231,231,231,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e7e7e7', GradientType=0 ); /*background: rgba(224,224,224,1); background: -moz-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(250,250,250,1) 29%, rgba(250,250,250,1) 72%, rgba(235,235,235,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(224,224,224,1)), color-stop(29%, rgba(250,250,250,1)), color-stop(72%, rgba(250,250,250,1)), color-stop(100%, rgba(235,235,235,1))); background: -webkit-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(250,250,250,1) 29%, rgba(250,250,250,1) 72%, rgba(235,235,235,1) 100%); background: -o-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(250,250,250,1) 29%, rgba(250,250,250,1) 72%, rgba(235,235,235,1) 100%); background: -ms-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(250,250,250,1) 29%, rgba(250,250,250,1) 72%, rgba(235,235,235,1) 100%);*/ } .tab-section.inner-cont .tab-cont h3 { font-size:24px; color:#000; font-family: 'montserratbold'; letter-spacing:0.5px; text-align:left; line-height:36px; margin-bottom:30px; animation:sliderht 2.5s ease; -webkit-animation: sliderht 2.5s ease; -moz-animation: sliderht 2.5s ease; -o-animation: sliderht 2.5s ease;} .tab-section.inner-cont .tab-cont h3 span { text-align:left; margin:0; padding:0; font-size:16px; color:#414141; font-family: 'montserratlight'; display:block;} .tab-section.inner-cont ul { float:left; width:100%; margin-bottom:10px;} .tab-section.inner-cont ul.corporate { margin:0;} .tab-section.inner-cont ul li { float:left; width:100%; background:#f2f2f2;} .tab-section.inner-cont ul li .s-lft { float:left; width:50%; overflow:hidden; animation:none;} .tab-cont.start-animation ul li:first-child .s-lft { animation:slideinlft 1s ease; -webkit-animation:slideinlft 1s ease; -moz-animation:slideinlft 1s ease; -o-animation:slideinlft 1s ease;} .tab-cont.start-animation ul li:first-child .s-rht { animation:slideinrht 1.4s ease; -webkit-animation:slideinrht 1.4s ease; -moz-animation:slideinrht 1.4s ease; -o-animation:slideinrht 1.4s ease;} .tab-cont.start-animation ul li:nth-child(2) .s-lft { animation:slideinrht 1.8s ease; -webkit-animation:slideinrht 1.8s ease; -moz-animation:slideinrht 1.8s ease; -o-animation:slideinrht 1.8s ease;} .tab-cont.start-animation ul li:nth-child(2) .s-rht { animation:slideinlft 2.2s ease; -webkit-animation:slideinlft 2.2s ease; -moz-animation:slideinlft 2.2s ease; -o-animation:slideinlft 2.2s ease;} .tab-cont.start-animation ul li:nth-child(3) .s-lft { animation:slideinlft 2.6s ease; -webkit-animation:slideinlft 2.6s ease; -moz-animation:slideinlft 2.6s ease; -o-animation:slideinlft 2.6s ease;} .tab-cont.start-animation ul li:nth-child(3) .s-rht { animation:slideinrht 2.8s ease; -webkit-animation:slideinrht 2.8s ease; -moz-animation:slideinrht 2.8s ease; -o-animation:slideinrht 2.8s ease;} .tab-cont.start-animation ul li:nth-child(4) .s-lft { animation:slideinrht 3.3s ease; -webkit-animation:slideinrht 3.3s ease; -moz-animation:slideinrht 3.3s ease; -o-animation:slideinrht 3.3s ease;} .tab-cont.start-animation ul li:nth-child(4) .s-rht { animation:slideinlft 3.8s ease; -webkit-animation:slideinlft 3.8s ease; -moz-animation:slideinlft 3.8s ease; -o-animation:slideinlft 3.8s ease;} .corporate-list { float:left; width:100%; margin:30px 0 0 0;} .corporate-list h1 {animation:none;} .corporate-list.start-animation h1 { animation:slideinlft 1s ease; -webkit-animation:slideinlft 1s ease; -moz-animation:slideinlft 1s ease; -o-animation:slideinlft 1s ease;} .tab-section.inner-cont .tab-cont .corporate-list .s-lft { animation:none;} .tab-section.inner-cont .tab-cont .corporate-list .s-rht { animation:none;} .tab-section.inner-cont .tab-cont .corporate-list.start-animation ul li .s-lft { animation:slideinlft 1.2s ease; -webkit-animation:slideinlft 1.2s ease; -moz-animation:slideinlft 1.2s ease; -o-animation:slideinlft 1.2s ease;} .tab-section.inner-cont .tab-cont .corporate-list.start-animation ul li .s-rht { animation:slideinrht 1.4s ease; -webkit-animation:slideinrht 1.4s ease; -moz-animation:slideinrht 1.4s ease; -o-animation:slideinrht 1.4s ease;} .tab-section.inner-cont ul li:hover .s-lft img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); } .tab-section.inner-cont ul li:hover .s-rht h2 { color:#C4282E;} .tab-section.inner-cont ul li:hover .s-rht h2:after { background:#C4282E;} .tab-section.inner-cont ul li .s-lft img { float:left; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;} .tab-section.inner-cont ul li .s-rht { float:left; width:50%; padding:0% 6%; display:inline-flex; align-items:center; justify-content:center; height:500px; animation:none;} .tab-section.inner-cont ul li .s-rht h2 { font-size:28px; color:#000; font-family: 'montserratbold'; position:relative; padding:0 0 15px 0; margin:0 0 20px 0; line-height:36px;} .tab-section.inner-cont ul li .s-rht h2:after { position:absolute; display:block; content:""; left:0; right:0; margin:0 auto; width:50px; background:#000; height:2px; bottom:0;} .tab-section.inner-cont ul li .s-rht p { padding:0; margin:0 0 10px 0; font-size:18px; color:#000; font-family: 'montserratlight'; line-height:30px; animation:none;} .right-header.inner-rht-hdr { position: relative; right: 0; top: 0;} @keyframes slidelft { 0% { transform:translateX(-800px);} 50% { transform:translateX(-800px);} 100% { transform:translateX(0px);} } @-webkit-keyframes slidelft { 0% { -webkit-transform:translateX(-800px);} 50% { -webkit-transform:translateX(-800px);} 100% { -webkit-transform:translateX(0px);} } @-moz-keyframes slidelft { 0% { -moz-transform:translateX(-800px);} 50% { -moz-transform:translateX(-800px);} 100% { -moz-transform:translateX(0px);} } @-o-keyframes slidelft { 0% { -o-transform:translateX(-800px);} 50% { -o-transform:translateX(-800px);} 100% { -o-transform:translateX(0px);} } @keyframes sliderht { 0% { transform:translateX(100%); opacity:0;} 50% { transform:translateX(100%);opacity:0;} 100% { transform:translateX(0px); opacity:1;} } @-webkit-keyframes sliderht { 0% { -webkit-transform:translateX(100%); opacity:0} 50% { -webkit-transform:translateX(100%);} 100% { -webkit-transform:translateX(0px); opacity:1} } @-moz-keyframes sliderht { 0% { -moz-transform:translateX(100%); opacity:0} 50% { -moz-transform:translateX(100%);} 100% { -moz-transform:translateX(0%); opacity:1} } @-o-keyframes sliderht { 0% { -o-transform:translateX(100%); opacity:0} 50% { -o-transform:translateX(100%);} 100% { -o-transform:translateX(0); opacity:1} } ul.resp-tabs-list { animation: slidebtm 2.5s ease; -webkit-animation: slidebtm 2.5s ease; -moz-animation: slidebtm 2.5s ease; -o-animation: slidebtm 2.5s ease;} @keyframes slidebtm { 0% { transform:scale(0); opacity:0;} 50% { transform:scale(0.5); opacity:0;} 100% { transform:scale(1); opacity:1;} } @-webkit-keyframes slidebtm { 0% { -webkit-transform:scale(0); opacity:0;} 50% { transform:scale(0.5); opacity:0;} 100% { -webkit-transform:scale(1); opacity:1;} } @-moz-keyframes slidebtm { 0% { -moz-transform:scale(0); opacity:0;} 50% { transform:scale(0.5); opacity:0;} 100% { -moz-transform:scale(1); opacity:1;} } @-o-keyframes slidebtm { 0% { -o-transform:scale(0); opacity:0;} 50% { transform:scale(0.5); opacity:0;} 100% { -o-transform:scale(1); opacity:1;} } .img-pad.start-animation .img-cap { animation: slidebtmtop 1.2s ease; -webkit-animation: slidebtmtop 1.2s ease; -moz-animation: slidebtmtop 1.2s ease; -o-animation: slidebtmtop 1.2s ease;} @keyframes slidebtmtop { 0% { transform:translateY(400px); opacity:0;} 50% { transform:translateY(400px);opacity:0;} 100% { transform:translateY(0px); opacity:1;} } @-webkit-keyframes slidebtmtop { 0% { -webkit-transform:translateY(400px); opacity:0} 50% { -webkit-transform:translateY(400px);} 100% { -webkit-transform:translateY(0px); opacity:1} } @-moz-keyframes slidebtmtop { 0% { -moz-transform:translateY(400px); opacity:0} 50% { -moz-transform:translateY(400px);} 100% { -moz-transform:translateY(0px); opacity:1} } @-o-keyframes slidebtmtop { 0% { -o-transform:translateY(400px); opacity:0} 50% { -o-transform:translateY(400px);} 100% { -o-transform:translateY(0px); opacity:1} } /**about-us**/ .infra-banner.about-ban { float:left; width:100%; position:relative; background:url(../images/contact-us-banner.jpg) no-repeat left; background-size:cover; min-height:340px; /*z-index:11;*/ } .about-para-cnt{width:100%; float:left; margin:0;} .about-para-cnt.start-animation .about-para-cnt-lft { animation:slideinlft 1.2s ease; -webkit-animation:slideinlft 1.2s ease; -moz-animation:slideinlft 1.2s ease; -o-animation:slideinlft 1.2s ease;} .about-para-cnt.start-animation .about-para-cnt-rgt { animation:slideinrht 1.5s ease; -webkit-animation:slideinrht 1.5s ease; -moz-animation:slideinrht 1.5s ease; -o-animation:slideinrht 1.5s ease;} .tab-section.inner-cont .about-para-cnt p{ text-align: left;font-size: 16px; color: #414141; font-family: "montserratlight"; line-height: 26px; letter-spacing: 0.5px; animation:none;margin-bottom: 20px !important;} .about-para-cnt p span{font-family: 'montserratbold'; color:#C4282E;} .about-para-cnt .about-para-cnt-lft{width:100%; float:left; text-align:left; margin-right:0%; animation:none;} .about-para-cnt .about-para-cnt-rgt{width:100%; float:left; text-align:left; animation:none;} .resp-tabs-container.gal{background:#e3e5e4;} .service-range { float:left; width:100%; background:#f4f5f0; padding:50px 0; position: relative; z-index: 1;} .service-range h1 { font-size:45px; font-family: 'Futura-PT-Medium'; color:#353838; text-align:center; position:relative; line-height:54px; padding-bottom:25px; margin-bottom:50px;} .service-range h1:after { position:absolute; display:block; content:""; height:2px; width:40px; background:rgba(77, 86, 94, 0.2); left:0; right:0; margin:0 auto; bottom:0;} .da-thumbs {list-style: none; width: 100%; position: relative; padding: 0; } .da-thumbs li { float: left; margin: 1.5% 1.5% 0 0; position: relative; text-align:center; width:22.5%; border:5px solid #ffffff } .da-thumbs li:nth-child(4n+1) { clear:both; } .da-thumbs li a, .da-thumbs li a img {display: block; position: relative; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; -moz-transition:all 0.5s ease;} .da-thumbs li a img{ background:#fff; overflow:hidden; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; margin:; width:100%; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; -moz-transition:all 0.5s ease;} .da-thumbs li:hover a img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);} .da-thumbs li a {overflow: hidden;} .da-thumbs li a div {position: absolute; background: #333; background:rgba(0, 0, 0, 0.7); width: 100%; height: 100%; left:-100%;} .da-thumbs li a div.custom-hover-object { position: absolute; background: rgba(255,255,255,0.8); width: 100%; height: 100%;} .da-thumbs li a div span { position:absolute; background:url(../images/arrow-white.html) no-repeat; width:14px; height:11px; right: 15px; bottom:12px; animation: arrow 0.8s infinite;} .da-thumbs .img-pad{ margin:0;} .da-thumbs li a div.custom-hover-object span { color: rgba(75,75,75,0.9); text-shadow: 1px 1px 1px rgba(255,255,255,0.2); border-bottom: 1px solid rgba(0,0,0,0.5);box-shadow: 0 1px 0 rgba(255,255,255,255.1), 0 -10px 0 rgba(0,0,0,0.3);} .img-pad { background: #ffffff none repeat scroll 0 0; float: left; overflow: hidden; position: relative; width: 100%; margin-bottom:20px; /*box-shadow: 0 1px 15px rgba(0,0,0,0.2);*/} .da-thumbs li h2 { color:#333333; font-size:20px; font-family: 'Futura-PT-Regular'; margin:15px 0 20px; float:left; width:100%;} .da-thumbs li:nth-child(4n+4) { margin-right:0;} .da-thumbs .hov-ico img { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; position:absolute; left:0; right:0; width:auto; margin:auto; top:0; bottom:0; } .da-thumbs li:hover h2 { color:#ff7800;} .da-thumbs li:hover .hov-ico img {transform:scale(1);} /* Contact Us Style*/ .contact-banner.quality-ban { float:left; width:100%; position:relative; background:url(../images/contact-us-banner.jpg) no-repeat left; background-size:cover; min-height:340px; /*z-index:11;*/} .contact-banner:after { position:absolute; display:block; content:""; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,0.75); background: -moz-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.11) 66%, rgba(38,38,38,0.06) 71%, rgba(255,255,255,0.06) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.75)), color-stop(66%, rgba(0,0,0,0.11)), color-stop(71%, rgba(38,38,38,0.06)), color-stop(100%, rgba(255,255,255,0.06))); background: -webkit-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.11) 66%, rgba(38,38,38,0.06) 71%, rgba(255,255,255,0.06) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.11) 66%, rgba(38,38,38,0.06) 71%, rgba(255,255,255,0.06) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.11) 66%, rgba(38,38,38,0.06) 71%, rgba(255,255,255,0.06) 100%); background: linear-gradient(to right, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.11) 66%, rgba(38,38,38,0.06) 71%, rgba(255,255,255,0.06) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 );} .tab-section.inner-cont .contact-details { float: left; width: 100%; border:5px solid #ededed; margin:5px 0 30px 0;} .tab-section.inner-cont .contact-lft {float: left; width: 50%; text-align:left; padding: 42px 0 15px 42px; animation: slidelft 3s ease; -webkit-animation: slidelft 3s ease; -moz-animation: slidelft 3s ease; -o-animation: slidelft 3s ease; border-right:5px solid #ededed; margin-bottom:0;} .tab-section.inner-cont .contact-rgt {float: right; width: 50%; animation: sliderht 3s ease; -webkit-animation: sliderht 3s ease; -moz-animation: sliderht 3s ease; -o-animation: sliderht 3s ease; padding: 42px 0 15px 42px; text-align:left; display:block;} /*.tab-section.inner-cont .contact-details.start-animation .contact-lft { animation:slideinlft 1.2s ease; -webkit-animation:slideinlft 1.2s ease; -moz-animation:slideinlft 1.2s ease; -o-animation:slideinlft 1.2s ease;} .tab-section.inner-cont .contact-details.start-animation .contact-rgt { animation:slideinrht 1.5s ease; -webkit-animation:slideinrht 1.5s ease; -moz-animation:slideinrht 1.5s ease; -o-animation:slideinrht 1.5s ease;}*/ .tab-section.inner-cont .contact-lft h2 { float: left; font-size: 20px; padding:0 0 10px; margin: 0 0 25px; font-family: 'montserratbold'; color:#636363; position: relative; width: 100%;} .tab-section.inner-cont .contact-lft h2::before { background: #d1d1d1 none repeat scroll 0 0; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 50%;} .tab-section.inner-cont .contact-lft li { letter-spacing: 0.5px;} .tab-section.inner-cont .contact-rgt h2 { float: left; font-size: 20px; padding:0 0 10px; margin: 0 0 25px; font-family: 'montserratbold'; color:#636363; position: relative; width: 100%;} .tab-section.inner-cont .contact-rgt h2::before { background: #d1d1d1 none repeat scroll 0 0; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 50%;} .tab-section.inner-cont .contact-rgt li { letter-spacing: 0.5px; background:none; } .tab-section.inner-cont ul li.location-detail { float: left; background:url(../images/location-img.png) no-repeat scroll 0px 5px; font-size: 16px; color:#8b8b8b; line-height:28px; font-family: 'montserratregular'; padding: 0px 15px 15px 50px; width: 100%;} .tab-section.inner-cont ul li.phone-detail { float: left; background:url(../images/phone-img.png) no-repeat scroll 0px 10px; font-size: 16px; color:#8b8b8b; line-height:28px; font-family: 'montserratregular'; padding: 10px 15px 15px 50px; width: 100%;} .tab-section.inner-cont ul li.fax-detail { float: left; background:url(../images/fax-img.png) no-repeat scroll 0px 10px; font-size: 16px; color:#8b8b8b; line-height:28px; font-family: 'montserratregular'; padding: 10px 15px 15px 50px; width: 100%;} .tab-section.inner-cont ul li.mail-detail { float: left; background:url(../images/mail-img.png) no-repeat scroll 0px 10px; font-size: 16px; color:#8b8b8b; line-height:28px; font-family: 'montserratregular'; padding: 10px 15px 15px 50px; width: 100%;} .tab-section.inner-cont ul li.mail-detail a { color:#8b8b8b; text-decoration:underline;} .tab-section.inner-cont ul li.mail-detail a:hover { color:#36246c;} .tab-section.inner-cont .contact-rgt iframe { float: left; margin: 0; padding: 0;} .tab-section.inner-cont .enquiry-form { float: left; margin: 20px 0 10px; width: 100%;} .tab-section.inner-cont .enquiry-form h2 { float: left; color:#3f3f3f; font-size:24px; line-height:30px; font-family: 'montserratbold';} .tab-section.inner-cont .contact-form-detail { float:left; width:100%;} .tab-section.inner-cont .contact-form-detail li {background:none; float: left; margin:25px 23px 0 0; width: 49%; padding:0; } .tab-section.inner-cont .contact-form-detail li input[type="text"],.tab-section.inner-cont .contact-form-detail li input[type="tel"],.tab-section.inner-cont .contact-form-detail li input[type="email"] {padding: 10px 20px; width:100%; line-height:28px; background:#fbfbfb none repeat scroll 0 0; border:1px solid #dbdbdb; color:#888888; font-size: 16px; font-family: 'montserratlight';height: 45px; } .tab-section.inner-cont .contact-form-detail li:nth-child(2n) { margin: 25px 0 0;} .tab-section.inner-cont .text-area-form {padding: 10px 20px; width:100%; line-height:28px; background:#fbfbfb none repeat scroll 0 0; height:120px; color:#888888; font-size: 16px; font-family: 'montserratlight'; border:none;} .tab-section.inner-cont .contact-form-detail li.message { width:100%;} .tab-section.inner-cont .contact-form-detail li.form-btn { border:none;} .tab-section.inner-cont input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus { background: #ffffff none repeat scroll 0 0; box-shadow: 0 0 5px rgba(54, 36, 108, 0.5); height: 45px;} .tab-section.inner-cont .text-area-form:focus { background: #ffffff none repeat scroll 0 0; box-shadow: 0 0 5px rgba(54, 36, 108, 0.5); height: 120px;} .message textarea {background: #fbfbfb none repeat scroll 0 0; border: 1px solid #dbdbdb; color: #888888; font-family: "montserratlight"; font-size: 16px; height: 120px; line-height: 28px; padding: 10px 20px; width: 100%;} .tab-section.inner-cont .submit-btn-form { border:none; background:#565555; color:#ffffff; float: left; font-family: 'montserratbold'; font-size: 16px; padding: 13px 45px; text-align: center; cursor:pointer; text-transform:uppercase; margin:0 20px 0 0; position:relative; overflow:hidden; z-index:999;} /*.tab-section.inner-cont .submit-btn-form::after { background:#36246c; content:""; position:absolute; width:100%; height:100%; top:0; left:-142px; opacity:0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; z-index:-1;}*/ .tab-section.inner-cont .submit-btn-form:hover { background:#36246c; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;} .tab-section.inner-cont .reset-btn-form { border:none; background:#ea4335; color:#ffffff; float: left; font-family: 'montserratbold'; font-size: 16px; padding: 13px 45px; text-align: center; cursor:pointer; text-transform:uppercase; margin:0 20px 0 0; position:relative; overflow:hidden; z-index:999;} /*.tab-section.inner-cont .reset-btn-form::after { background:#000000; content:""; position:absolute; width:100%; height:100%; top:0; left:-142px; opacity:0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; z-index:-1;}*/ .tab-section.inner-cont .reset-btn-form:hover { background:#000000; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;} .tab-section.inner-cont .contact-form-detail.start-animation li:first-child {animation:slideinlft 1s ease; -webkit-animation:slideinlft 1s ease; -moz-animation:slideinlft 1s ease; -o-animation:slideinlft 1s ease;} .tab-section.inner-cont .contact-form-detail.start-animation li:nth-child(2) { animation:slideinrht 1.3s ease; -webkit-animation:slideinrht 1.3s ease; -moz-animation:slideinrht 1.3s ease; -o-animation:slideinrht 1.3s ease;} .tab-section.inner-cont .contact-form-detail.start-animation li:nth-child(3) { animation:slideinlft 1.6s ease; -webkit-animation:slideinlft 1.6s ease; -moz-animation:slideinlft 1.6s ease; -o-animation:slideinlft 1.6s ease;} .tab-section.inner-cont .contact-form-detail.start-animation li:nth-child(4) { animation:slideinrht 1.9s ease; -webkit-animation:slideinrht 1.9s ease; -moz-animation:slideinrht 1.9s ease; -o-animation:slideinrht 1.9s ease;} .tab-section.inner-cont .contact-form-detail.start-animation li:nth-child(5) { animation:slideinlft 2.3s ease; -webkit-animation:slideinlft 2.3s ease; -moz-animation:slideinlft 2.3s ease; -o-animation:slideinlft 2.3s ease;} .tab-section.inner-cont .contact-form-detail.start-animation li.form-btn { animation:slidebtmtop 2.7s ease; -webkit-animation:slidebtmtop 2.7s ease; -moz-animation:slidebtmtop 2.7s ease; -o-animation:slidebtmtop 2.7s ease;} /* Beyond Commerce Style*/ .beyond-banner { float:left; width:100%; position:relative; background:url(../images/beyond-banner.jpg) no-repeat left; background-size:cover; min-height:340px; /*z-index:11;*/} .beyond-banner:after { position:absolute; display:block; content:""; left:0; top:0; width:100%; height:100%; /* z-index:-1;*/ background: rgba(0,0,0,0.75); background: -moz-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.11) 66%, rgba(38,38,38,0.06) 71%, rgba(255,255,255,0.06) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.75)), color-stop(66%, rgba(0,0,0,0.11)), color-stop(71%, rgba(38,38,38,0.06)), color-stop(100%, rgba(255,255,255,0.06))); background: -webkit-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.11) 66%, rgba(38,38,38,0.06) 71%, rgba(255,255,255,0.06) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.11) 66%, rgba(38,38,38,0.06) 71%, rgba(255,255,255,0.06) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.11) 66%, rgba(38,38,38,0.06) 71%, rgba(255,255,255,0.06) 100%); background: linear-gradient(to right, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.11) 66%, rgba(38,38,38,0.06) 71%, rgba(255,255,255,0.06) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 );} .beyond-banner.reg { background: rgba(0, 0, 0, 0) url("../images/awards-banner.jpg") no-repeat scroll left center / cover ;} .para-list.sub-page { float:left; width:100%; margin:40px 0 20px;} .para-list.sub-page ul { float: left; width:48%; margin-right: 4%;} .para-list.sub-page li { float:left; width:100%; margin-right:4%; margin-bottom: 4%; text-align:left; font-size:16px; color:#414141; font-family: 'montserratlight'; line-height:26px; letter-spacing:0.5px;} .para-list.sub-page ul li span { color: #c4282e; font-family: "montserratbold";} .para-list.sub-page li:last-child { margin-right:0;} .para-list.sub-page li:nth-child(2n) { margin-right: 0;} .side-imag-gallery { float: left; width: 48%;} .para-list .side-imag-gallery ul { float:left; margin:0; padding:0; width: 100%;} .para-list .side-imag-gallery ul li { float:left; margin:0; padding:0; border:none; width: 50%;} .side-imag-gallery .da-thumbs li a div { background:rgba(0, 0, 0, 0.5); } .tab-cont { overflow:hidden;} .tab-section.inner-cont ul li .s-lft.right { float:right;} .tab-section.inner-cont .wpcf7-mail-sent-ng, .wpcf7-validation-errors {float: left; margin: 5px 0; padding: 5px; text-align: center;width: 100%;} div.wpcf7 .ajax-loader { display:none;} span.wpcf7-not-valid-tip { float: left; margin: 10px 0 0;} .wpcf7-mail-sent-ok { float: left; margin: 10px 0 0!important; padding: 5px!important; width: 100%;} #preloader { position:fixed; top: 0; left: 0; right: 0; bottom: 0; background:rgba(255,255,255,1); z-index: 9999999; } #status { position: absolute; left: 50%; top: 50%; margin: -42px 0 0 -42px; font-size: 10px; text-indent: -9999em; border-top: 0.8em solid rgba(255, 255, 255, 0.2); border-right: 0.8em solid rgba(255, 255, 255, 0.2); border-bottom: 0.8em solid rgba(255, 255, 255, 0.2); border-left: 0.8em solid #ffffff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } #status, #status:after { /*border-radius: 50%;*/ width:84px; height:84px; } /*@-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }*/ .tab-section.inner-cont .corporate-list:hover .s-lft img { transform:scale(1)} .about-txt .read-more { float:left; width:auto; margin: 20px 0 0;} .about-txt .read-more a { border: 1px solid #ffffff; float:left; color:#ffffff; padding: 10px 35px; width: 100%;} .about-txt .read-more a:hover { border: 1px solid #ffffff; background:#ffffff; color:#000000;} .spining-pad.right .read-more { float:right; clear:both; width:auto; margin: 30px 0 0;} .spining-pad.right .read-more a { border: 1px solid #fed06b; float:left; color:#fed06b; padding: 10px 35px; width: 100%;} .spining-pad.right .read-more a:hover { border: 1px solid #ffffff; background:#ffffff; color:#000000;} .spining-pad .read-more { float:left; clear:both; width:auto; margin: 30px 0 0;} .spining-pad .read-more a { border: 1px solid #fed06b; float:left; color:#fed06b; padding: 10px 35px; width: 100%;} .spining-pad .read-more a:hover { border: 1px solid #ffffff; background:#ffffff; color:#000000;} .weaving-txt .read-more { float:right; clear:both; width:auto; margin: 30px 0 0;} .weaving-txt .read-more a { border: 1px solid #13466f; float:left; color:#13466f; padding: 10px 35px; width: 100%;} .weaving-txt .read-more a:hover { border: 1px solid #ffffff; background:#ffffff;color:#000000;} .madeup-txt .read-more {float: none; margin: 30px 0 0;/* text-align: center;*/ width: auto;} .madeup-txt .read-more a { border: 1px solid #fed06b; float:none; color:#fed06b; padding: 10px 35px; width: 100%;} .madeup-txt .read-more a:hover { border: 1px solid #ffffff; background:#ffffff; color:#000000;} .dedi-cont .read-more { float:left; clear:both; width:auto; margin: 30px 0 0;} .dedi-cont .read-more a { border: 1px solid #fad297; float:left; color:#fad297; padding: 10px 35px; width: 100%;} .dedi-cont .read-more a:hover { border: 1px solid #ffffff; background:#ffffff;color:#000000;} .saveearth-cont .read-more { float:right; clear:both; width:auto; margin: 30px 0 0;} .saveearth-cont .read-more a { border: 1px solid #76b15a; float:left; color:#76b15a; padding: 10px 35px; width: 100%;} .saveearth-cont .read-more a:hover { border: 1px solid #ffffff; background:#ffffff;color:#000000;} footer ul li:last-child::after { content: none;} footer ul li::after { content: "/"; margin: 0 5px;} .social-links li::after { content: none; margin:0;} .contact-main { float: left; width: 100%;} .contact-rgt { float:right; width:65%;} .contact-lgt { float:left; width:35%;} .contact-main .contact-main-lft {float: left; width: 50%; text-align:left; padding:115px 0 15px 42px; animation: slidelft 3s ease; -webkit-animation: slidelft 3s ease; -moz-animation: slidelft 3s ease; -o-animation: slidelft 3s ease;} .contact-main .contact-main-lft h2 { float: left; font-size: 20px; padding:0 0 3px; margin: 0 0 13px; font-family: 'montserratbold'; color:#636363; position: relative; width: 100%;} .contact-main .contact-main-lft h2::before { background: #d1d1d1 none repeat scroll 0 0; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 80%;} .contact-main .contact-main-lft li { letter-spacing: 0.5px;} .contact-main ul li.location-detail { float: left; background:url(../images/location-img.png) no-repeat scroll 0px 5px; font-size: 16px; color:#8b8b8b; line-height:28px; font-family: 'montserratregular'; padding: 0px 15px 3px 50px; width: 100%;} .contact-main ul li.phone-detail { float: left; background:url(../images/phone-img.png) no-repeat scroll 0px 5px; font-size: 16px; color:#8b8b8b; line-height:28px; font-family: 'montserratregular'; padding: 5px 15px 10px 50px; width: 100%;} .contact-main ul li.fax-detail { float: left; background:url(../images/fax-img.png) no-repeat scroll 0px 5px; font-size: 16px; color:#8b8b8b; line-height:28px; font-family: 'montserratregular'; padding: 8px 15px 10px 50px; width: 100%;} .contact-main ul li.mail-detail { float: left; background:url(../images/mail-img.png) no-repeat scroll 0px 10px; font-size: 16px; color:#8b8b8b; line-height:28px; font-family: 'montserratregular'; padding: 8px 15px 25px 50px; width: 100%;} .contact-main ul li.mail-detail a { color:#8b8b8b; text-decoration:underline;} .contact-main ul li.mail-detail a:hover { color:#36246c;} .contact-main-rft h2 { color: #3f3f3f; float: left; font-family: "montserratbold"; font-size: 24px; line-height: 30px;} .contact-main-rft { float:left; width:45%; padding: 32px 0 15px;} .contact-main-rft li {background:none; float: left; margin:10px 23px 0 0; width: 100%; padding:0; border:none;} .contact-main-rft li textarea { height:100px;} .contact-main-rft li input[type="text"] {padding: 10px 20px; width:100%; line-height:28px; background:#fbfbfb none repeat scroll 0 0; border:none; color:#888888; font-size: 16px; font-family: 'montserratlight';height: 45px; } .contact-main-rft .text-area-form {padding: 10px 20px; width:100%; line-height:28px; background:#fbfbfb none repeat scroll 0 0; height:80px; color:#888888; font-size: 16px; font-family: 'montserratlight'; border:none;} .contact-main-rft li.message { width:100%;} .contact-main-rft li.form-btn { border:none;} .contact-main-rft input[type="text"]:focus, input[type="email"]:focus { background: #ffffff none repeat scroll 0 0; box-shadow: 0 0 5px rgba(54, 36, 108, 0.5); height: 45px;} .contact-main-rft .text-area-form:focus, .contact-main-rft .wpcf7-textarea:focus { background: #ffffff none repeat scroll 0 0; box-shadow: 0 0 5px rgba(54, 36, 108, 0.5);} .contact-main-rft li input[type="text"],.contact-main-rft li input[type="tel"],.contact-main-rft li input[type="email"] {padding: 10px 20px; width:100%; line-height:28px; background:#fbfbfb none repeat scroll 0 0; border:1px solid #dbdbdb; color:#888888; font-size: 16px; font-family: 'montserratlight';height: 45px; } .contact-main-rft .submit-btn-form { border:none; background:#565555; color:#ffffff; float: left; font-family: 'montserratbold'; font-size: 16px; padding: 13px 30px; text-align: center; cursor:pointer; text-transform:uppercase; margin:0 20px 0 0; position:relative; overflow:hidden; z-index:999;} /*.contact-main-rft .submit-btn-form::after { background:#36246c; content:""; position:absolute; width:100%; height:100%; top:0; left:-142px; opacity:0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; z-index:-1;} .contact-main-rft .submit-btn-form:hover::after { left:0; opacity:1;}*/ .contact-main-rft .submit-btn-form:hover { background:#36246c; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;} .contact-main-rft .reset-btn-form { border:none; background:#ea4335; color:#ffffff; float: left; font-family: 'montserratbold'; font-size: 16px; padding: 13px 30px; text-align: center; cursor:pointer; text-transform:uppercase; margin:0 0px 0 0; position:relative; overflow:hidden; z-index:999;} /*.contact-main-rft .reset-btn-form::after { background:#000000; content:""; position:absolute; width:100%; height:100%; top:0; left:-142px; opacity:0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; z-index:-1;} .contact-main-rft .reset-btn-form:hover::after { left:0; opacity:1;}*/ .contact-main-rft .reset-btn-form:hover { background:#000000; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;} .contact-lgt .contact-main-rft.animation li:first-child {animation:slideinrht 1s ease; -webkit-animation:slideinrht 1s ease; -moz-animation:slideinrht 1s ease; -o-animation:slideinrht 1s ease;} .contact-lgt .contact-main-rft.animation li:nth-child(2) { animation:slideinrht 1.3s ease; -webkit-animation:slideinrht 1.3s ease; -moz-animation:slideinrht 1.3s ease; -o-animation:slideinrht 1.3s ease;} .contact-lgt .contact-main-rft.animation li:nth-child(3) { animation:slideinrht 1.6s ease; -webkit-animation:slideinrht 1.6s ease; -moz-animation:slideinrht 1.6s ease; -o-animation:slideinrht 1.6s ease;} .contact-lgt .contact-main-rft.animation li:nth-child(4) { animation:slideinrht 1.9s ease; -webkit-animation:slideinrht 1.9s ease; -moz-animation:slideinrht 1.9s ease; -o-animation:slideinrht 1.9s ease;} .contact-lgt .contact-main-rft.animation li:nth-child(5) { animation:slideinrht 2.3s ease; -webkit-animation:slideinrht 2.3s ease; -moz-animation:slideinrht 2.3s ease; -o-animation:slideinrht 2.3s ease;} .contact-lgt .contact-main-rft.animation li:nth-child(6) { animation:slideinrht 2.6s ease; -webkit-animation:slideinrht 2.6s ease; -moz-animation:slideinrht 2.6s ease; -o-animation:slideinrht 2.6s ease;} .contact-lgt .contact-main-rft.animation li.form-btn { animation:slidebtmtop 2.7s ease; -webkit-animation:slidebtmtop 2.7s ease; -moz-animation:slidebtmtop 2.7s ease; -o-animation:slidebtmtop 2.7s ease;} /* new style */ #section9{ float:left; width:100%; margin:0px;overflow: hidden; } #videCont { float:left; width:100%; background:#000;} /* BASE STYLES ------------------------------------------------------- */ #section9 button { border: none; background: none; outline: none; cursor:pointer; } #section9 { position: relative; height: 50%; height: 50%; background:#000000; } #video { width: 100%; background:transparent url('../images/madeup-bg.jpg') no-repeat 0 0; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } marquee { position: relative; width: 100%; height: 160px; overflow: hidden; } marquee div:hover { animation-play-state: paused; } marquee div img { background: #fff; padding: 2px 0; text-align: center; border: 1px solid #fff; margin-right:0px; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; float:left; width:100%; } marquee div img:hover { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); } marquee ul li { float:left; margin-right:10px; overflow:hidden;} .cer-scroll { float:left; width:100%;} .cer-scroll ul{ float:left; width:100%;} .cer-scroll ul li{ float:left; width:20%; height: 275px;position: relative;overflow: hidden;display: inline-block;float: left;margin: 0px 0px 0 0 !important;padding: 0px !important;background: none rgba(0, 0, 0, .1) !important;cursor: pointer !important; border-right:1px solid #fff; border-bottom:1px solid #fff;} .cer-scroll ul li .cch-item .crt-img {position: absolute; top: 0px;left: -100%;width: 100%;height: 100%;display: block;cursor: pointer; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .cer-scroll ul li .cch-item .crt-img img{ float:left; width:100%; height:100%;} .cer-scroll ul li:hover .cch-item .crt-img { left:0px;} .cer-scroll ul li .txtpad { height: 100%; position: relative; /*align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; display: flex; display: -webkit-flex;*/ padding:62px 10px; } .cer-scroll ul li .txtpad p { margin-bottom:0px; font-size:13px; line-height:20px;} #videCont iframe { height:640px; border:none; } .cust-logo { /*background:#f2f2f2;*/ float: left; padding: 20px; width: 100%; border: 1px solid #ccc; margin-top:20px; background: rgba(204,159,45,1); background: -moz-linear-gradient(top, rgba(204,159,45,1) 0%, rgba(156,122,28,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(204,159,45,1)), color-stop(100%, rgba(156,122,28,1))); background: -webkit-linear-gradient(top, rgba(204,159,45,1) 0%, rgba(156,122,28,1) 100%); background: -o-linear-gradient(top, rgba(204,159,45,1) 0%, rgba(156,122,28,1) 100%); background: -ms-linear-gradient(top, rgba(204,159,45,1) 0%, rgba(156,122,28,1) 100%); background: linear-gradient(to bottom, rgba(204,159,45,1) 0%, rgba(156,122,28,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc9f2d', endColorstr='#9c7a1c', GradientType=0 ); } .cust-logo > ul { float: left; width: 100%; } .cust-logo li { float: left; padding:15px; width:25%; /*border: 1px solid #ccc;*/ } .cust-logo img { float: left; width: 100%; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25); transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .cust-logo li:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);} .overlay a.play-icon { background: rgba(0, 0, 0, 0) url("../images/video.png") no-repeat scroll 0 0; bottom: 0; height: 72px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 71px; } .img-top > img { float: left; width: 100%; } .da-thumbs-video { list-style: outside none none; padding: 0; position: relative; width: 100%; } .da-thumbs-video li { border: 5px solid #ffffff; float: left; margin: 1.5% 1.5% 0 0; position: relative; text-align: center; width: 22.5%; } .fancybox-type-iframe .fancybox-inner { height: 500px!important; } .title-cap { font-size: 24px; color: #fff; font-family: 'montserratbold'; position: absolute; bottom: 0; margin: 0; background: rgba(196,40,46,0.9); text-transform: none; padding: 15px; letter-spacing: 0.5px; width: 420px; line-height: 26px; display:none; } .title-cap h2 { font-size: 24px; color: #fff; font-family: 'montserratbold'; letter-spacing: 0.5px; line-height: 26px; margin-bottom:0px; } .title-cap span { font-size: 18px; font-family: 'montserratlight'; } .title-cap.madeupss h2 { font-size: 24px; color: #fff; font-family: 'montserratbold'; position: absolute; bottom: 0; margin: 0; background: rgba(86,30,21,0.9); text-transform: none; padding: 15px 15px; letter-spacing: 0.5px; width: 340px; } .yarn-pad.products { margin-top: 25px;} .yarn-pad.products .yarn-lft h3, .yarn-pad.products .yarn-rgt h3 { font-size: 26px; font-family: 'montserratbold'; color: #000; margin-bottom: 15px; } .yarn-pad.products .yarn-lft ul { float: left; padding-left: 15px;} .yarn-pad.products .yarn-rgt ul { float: left; padding-left: 15px;} .yarn-pad.products .yarn-lft ul li { background: url(../images/black-arrow-icon.png) no-repeat 0px 11px; background-size: auto auto; background-size: 7px auto; font-size: 17px; color: #414141; font-family: 'montserratlight'; line-height: 24px; padding: 3px 0 5px 20px; margin-right:2%; width:49%; float:left; } .yarn-pad.products .yarn-lft { padding-top:10px;padding-left: 10px;} .yarn-pad.products .yarn-rgt { padding-top:10px;padding-left: 10px;} .yarn-pad.products .yarn-rgt ul li { background: url(../images/black-arrow-icon.png) no-repeat 0px 11px; background-size: auto auto; background-size: 7px auto; font-size: 17px; color: #414141; font-family: 'montserratlight'; line-height: 24px; padding: 3px 0 5px 20px; margin: 0px; } .yarn-pad.products .yarn-lft { width:52%; float: left;} .yarn-pad.products .yarn-rgt { width: 44%; float: right;} .yarn-pad.products .yarn-lft .rarn-lftpad { width:100%; float:left;} .yarn-pad.products .yarn-lft .rarn-rgtpad { width:100%; float:right;} .yarn-pad.products .yarn-rgt .prod_img_rgt { float:right; width:100%; } .yarn-pad.products .yarn-rgt .prod_img_rgt img { float:left; width:100%;} .yarn-pad .yarn-list .madeup-leftpad {border-right: 1px solid #f1f1f1;float: left;margin-right: 2%;width: 49%;} .yarn-pad .yarn-list .madeup-rgtpad {float: right;width: 49%;} .yarn-pad .yarn-list.spinclr ul li h4 { color:#000000;} .da-thumbs-video li a div { position: absolute; background: #333; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; left: -100%; } .da-thumbs-video .hov-ico img { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; position: absolute; left: 0; right: 0; width: auto; margin: auto; top: 0; bottom: 0; } .da-thumbs-video .img-pad:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } .da-thumbs-video li a img { background: #fff; overflow: hidden; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; margin: ; width: 100%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -moz-transition: all 0.5s ease; } .img-pad-animation { margin-bottom: 20px; } br{ clear:both;} .yarn-pad.products .yarn-lft.spinning-lft ul li{ width:100%;} #overlay { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:rgba(0,0,0,0.8) url(../images/video_bg.jpg) no-repeat center; background-size:cover;} .video-btn { cursor:pointer; display:inline-block; overflow:hidden; position:absolute; top:50%; left:50%; width:71px; height:72px; background:url(../images/video-btn.png) no-repeat 0px 0px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} #overlay:hover .video-btn { background-position:0px -72px; } #overlay .video-btn:hover { background-position:0px -145px; } .yarn-pad.products .yarn-lft ul li:nth-child(2n+2) {margin-right: 0;} .spin-yarn { float: left; font-family: 'montserratbold'; font-size: 26px; margin-bottom: 20px; margin-top:20px; } .weaving-space { float:left; width:100%; margin-bottom:30px;} div.wpcf7-response-output { margin:2em 0em 1em !important;} .tab-section.inner-cont .contact-form-detail li.captchapad { min-height:78px;} .tab-section.inner-cont .contact-form-detail p { margin-bottom:0; padding:0;} .li-pad { display:inline-block; padding-left: 15px;} .li-pad li { text-align:left; background: url(../images/black-arrow-icon.png) no-repeat 0px 11px; background-size: auto auto; background-size: 7px auto; font-size: 17px; color: #414141; font-family: 'montserratlight'; line-height: 24px; padding: 3px 0 5px 20px; margin-right:0; width:100%; float:left; } .auto-container { position: static; max-width: 1200px; padding: 0px 15px; margin: 0 auto; } .video-section .inner-container { position: relative; padding-left: 230px; } .video-section .fact-counter { position: absolute; left: 0px; top: 50px; display: inline-block; } .fact-counter.style-two .column { margin-bottom: 60px; } .fact-counter .column { position: relative; margin-bottom: 30px; } .fact-counter .column .inner { position: relative; margin-right: -30px; } .fact-counter .column .inner .content { position: relative; padding-left: 70px; } .fact-counter .column .inner .icon { position: absolute; left: 8px; top: -4px; color: #000000; font-size: 60px; text-align: center; line-height: 1em; font-weight: 400; transition: all 600ms ease; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; } .fact-counter.style-two .column .inner .counter-title, .fact-counter.style-two .column .inner .count-outer { color: #ffffff; } .video-box { position: relative; clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%); color: #121e88; } .video-box .inner-box { position: relative; } .video-box .overlay-box { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: 0.9; background-image: -ms-linear-gradient(bottom, #0B0F48 0%, #02108C 100%); background-image: -moz-linear-gradient(bottom, #0B0F48 0%, #02108C 100%); background-image: -o-linear-gradient(bottom, #0B0F48 0%, #02108C 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0B0F48), color-stop(100, #02108C)); background-image: -webkit-linear-gradient(bottom, #0B0F48 0%, #02108C 100%); background-image: linear-gradient(to top, #0B0F48 0%, #02108C 100%); } .video-box .overlay-box .content { position: relative; padding: 150px 60px 115px 180px; } .video-box .play-box { position: relative; color: #ffffff; font-size: 18px; z-index: 1; font-weight: 700; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; clip-path: none; font-family: 'Montserrat', sans-serif; } .video-box .play-box .play-btn { position: relative; width: 70px; height: 70px; z-index: 99; color: #f7941d; font-weight: 400; font-size: 24px; text-align: center; border-radius: 50px; padding-left: 7px; margin-right: 20px; display: inline-block; background-color: #ffffff; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; box-shadow: 0px 0px 15px rgba(0,0,0,0.10); } .fa { display: inline-block; font-family: 'FontAwesome'; font-weight: normal; font-style: normal; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .video-box .overlay-box .content .text { position: relative; font-weight: 400; color: #ffffff; margin-top: 20px; font-size: 16px; line-height: 1.9em; } .video-box img { position: relative; width: 100%; display: block; } .inner-container { position: relative; padding-left: 230px; } .fact-counter { position: absolute; left: 0px; top: 50px; display: inline-block; } .fact-counter.style-two .column { margin-bottom: 80px; } .fact-counter .column .inner .content { position: relative; padding-left: 70px; } .fact-counter .column .inner .icon { position: absolute; left: 8px; top: -4px; color: #000000; font-size: 60px; text-align: center; line-height: 1em; font-weight: 400; transition: all 600ms ease; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; } .fact-counter.style-two .column .inner .counter-title, .fact-counter.style-two .column .inner .count-outer { color: #ffffff; } .fact-counter .column .inner .count-outer { position: relative; font-weight: 600; color: #222222; font-size: 30px; line-height: 1em; } .inner-container .video-box .overlay-box .content h2 { position: relative; font-weight: 700; color: #f7941d; margin-top: 35px; line-height: 1.3em; font-size:36px; font-family: 'Montserrat', sans-serif; } @media only screen and (max-width: 1023px){ .inner-container { padding-left: 0px; } .fact-counter { position: relative; } .fact-counter.style-two .column { width: 50%; float: left; } .inner-container .video-box { clip-path: none; } .inner-container .video-box .overlay-box .content { padding: 100px 60px 100px 100px; } } @media only screen and (max-width: 479px){ .fact-counter.style-two .column { width: 100%; float: none; } .fact-counter.style-two .column { margin-bottom: 30px; } .content h2, .text{ display:none; } .video-box{ margin-top: 30px; } } @media only screen and (max-width: 650px){ .fact-counter.style-two .column { margin-bottom: 30px; } .video-box{ margin-top: 30px; } } @media only screen and (max-width: 767px){ .inner-container .video-box .overlay-box .content { padding: 50px 20px 40px 40px; } }