/* GEO - Semibold */ @font-face {font-family: 'Geogrotesque-SemiBold';src: url('../fonts/webfonts/geo-semibold/eot/style_169898.eot');src: url('../fonts/webfonts/geo-semibold/eot/style_169898.eot?#iefix') format('embedded-opentype'),url('../fonts/webfonts/geo-semibold/woff/style_169898.woff') format('woff'),url('../fonts/webfonts/geo-semibold/ttf/style_169898.ttf') format('truetype'),url('../fonts/webfonts/geo-semibold/svg/style_169898.svg#Geogrotesque-SemiBold') format('svg');} /* GEO - Medium */ @font-face {font-family: 'Geogrotesque-Medium';src: url('../fonts/webfonts/geo-medium/eot/1110FC_0.eot');src: url('../fonts/webfonts/geo-medium/eot/1110FC_0.eot?#iefix') format('embedded-opentype'),url('../fonts/webfonts/geo-medium/woff/1110FC_0.woff') format('woff'),url('../fonts/webfonts/geo-medium/ttf/1110FC_0.ttf') format('truetype'),url('webfonts/1110FC_0.svg#wf') format('svg');} /* GEO - Regular */ @font-face {font-family: 'Geogrotesque-Regular';src: url('../fonts/webfonts/geo-regular/eot/11014B_0.eot');src: url('../fonts/webfonts/geo-regular/eot/11014B_0.eot?#iefix') format('embedded-opentype'),url('../fonts/webfonts/geo-regular/woff/11014B_0.woff') format('woff'),url('../fonts/webfonts/geo-regular/ttf/11014B_0.ttf') format('truetype'),url('../fonts/webfonts/geo-regular/svg/11014B_0.svg#wf') format('svg');} /* Icon Fonts *********************************/ /* Font-face Icons */ @font-face { font-family: 'flexslider-icon'; src:url('../fonts/webfonts/flexslider-icon.eot'); src:url('../fonts/webfonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../fonts/webfonts/flexslider-icon.woff') format('woff'), url('../fonts/webfonts/flexslider-icon.ttf') format('truetype'), url('../fonts/webfonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /*----------------------------------------*/ /* 1. Base Css For All Content /*----------------------------------------*/ .fl {float:left} .fr {float:right} a:focus {outline:0px solid; text-decoration: none;} img {max-width:100%;height:auto} .fix {overflow:hidden} .flash > a{ -webkit-animation-name: flash; animation-name: flash; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-play-state: running; animation-play-state: running; } @-webkit-keyframes flash { from { color: red; } to { color: black; } } @keyframes flash { from { color: red; } to { color: black; } } h1, h2, h3, h4, h5, h6 { /*! color: #FFFFFF; */ margin: 0 0 5px; } a:focus, a:active:focus{ outline:none; } a {transition: all 0.5s ease 0s;text-decoration:none;color: #ffffff;} a:hover { color: #e50642; text-decoration: none; } a:active, a:hover { outline: 0 none; } ul{ list-style: outside none none; margin: 0; padding: 0 } .font{font-family: 'Montserrat', sans-serif;} .sk-fading-circle { margin: 0px auto; width: 40px; height: 40px; position: relative; } .sk-fading-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-fading-circle .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #333; border-radius: 100%; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; } .sk-fading-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-fading-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-fading-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-fading-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-fading-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-fading-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-fading-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-fading-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-fading-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-fading-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-fading-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-fading-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-fading-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-fading-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-fading-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-fading-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-fading-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-fading-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-fading-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-fading-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-fading-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-fading-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } @keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } #loaderA { bottom: 0; height: 175px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 175px; } #loaderA { bottom: 0; height: 175px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 175px; } #loaderA .dot { bottom: 0; height: 100%; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 87.5px; } #loaderA .dot::before { border-radius: 100%; content: ""; height: 87.5px; left: 0; position: absolute; right: 0; top: 0; transform: scale(0); width: 87.5px; } #loaderA .dot:nth-child(7n+1) { transform: rotate(45deg); } #loaderA .dot:nth-child(7n+1)::before { animation: 0.8s linear 0.1s normal none infinite running load; background: #00ff80 none repeat scroll 0 0; } #loaderA .dot:nth-child(7n+2) { transform: rotate(90deg); } #loaderA .dot:nth-child(7n+2)::before { animation: 0.8s linear 0.2s normal none infinite running load; background: #00ffea none repeat scroll 0 0; } #loaderA .dot:nth-child(7n+3) { transform: rotate(135deg); } #loaderA .dot:nth-child(7n+3)::before { animation: 0.8s linear 0.3s normal none infinite running load; background: #00aaff none repeat scroll 0 0; } #loaderA .dot:nth-child(7n+4) { transform: rotate(180deg); } #loaderA .dot:nth-child(7n+4)::before { animation: 0.8s linear 0.4s normal none infinite running load; background: #0040ff none repeat scroll 0 0; } #loaderA .dot:nth-child(7n+5) { transform: rotate(225deg); } #loaderA .dot:nth-child(7n+5)::before { animation: 0.8s linear 0.5s normal none infinite running load; background: #2a00ff none repeat scroll 0 0; } #loaderA .dot:nth-child(7n+6) { transform: rotate(270deg); } #loaderA .dot:nth-child(7n+6)::before { animation: 0.8s linear 0.6s normal none infinite running load; background: #9500ff none repeat scroll 0 0; } #loaderA .dot:nth-child(7n+7) { transform: rotate(315deg); } #loaderA .dot:nth-child(7n+7)::before { animation: 0.8s linear 0.7s normal none infinite running load; background: magenta none repeat scroll 0 0; } #loaderA .dot:nth-child(7n+8) { transform: rotate(360deg); } #loaderA .dot:nth-child(7n+8)::before { animation: 0.8s linear 0.8s normal none infinite running load; background: #ff0095 none repeat scroll 0 0; } #loaderA .lading { background-image: url("../images/loading.gif"); background-position: 50% 50%; background-repeat: no-repeat; bottom: -40px; height: 20px; left: 0; position: absolute; right: 0; width: 180px; } @keyframes load { 100% { opacity: 0; transform: scale(1); } } @keyframes load { 100% { opacity: 0; transform: scale(1); } } body {color:#404040;font-size: 14px;font-family: 'Montserrat', sans-serif;transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;overflow-x:hidden;background: #fff;} .tpSocial{background:#0c203f;} .tpSocial .shortContact i{color: #e50642;} .tpSocial .socials ul{float: right;} .tpSocial .socials ul li{width: inherit; height: inherit; background:none; display: inline-block; text-align: center; padding: 10px; text-align: center; font-size: 18px; color: #fff; border-radius: 0px;} .tpSocial .socials a:hover{color: #e50642;} ::selection { color:#000;background: #e5e5e5 ; } ::-moz-selection { color:#000;background: #e5e5e5 ; } .clear{clear:both} section, h1, li, img { -moz-transition: width 1s ease-in-out, left 1.5s ease-in-out; -webkit-transition: width 1s ease-in-out, left 1.5s ease-in-out; -o-transition: width 1s ease-in-out, left 1.5s ease-in-out; transition: width 1s ease-in-out, left 1.5s ease-in-out; } .flr{float: right;} #mainHeader{position: relative;left: 0;width: 100%;z-index:9999;/*! padding: 0px 0 50px; */} .cName{/* position: relative; *//* width: 147px; */} .cName img{width: 100%;/* position: absolute; *//* top: -8px; */} .tpLinks{/* border-bottom:#e5e5e5 solid 1px; */padding-bottom: 0px;} .tpLinks ul{margin-top:8px } .tpLinks ul li{float: left;text-transform: uppercase;} .tpLinks ul li:first-child{border: none;} .tpLinks ul li a{display: block;text-transform: uppercase;font-size: 14px;/* padding: 8px 12px; */color: #fff;} .tpLinks ul li a:hover, .tpLinks ul li.factive a{color: #e50642;} .tpLinks .socialT{float: right;} .tpLinks .socialT ul li{display: inline-block;margin-right: 5px;} .tpLinks .socialT ul li:last-child{margin-right: 0;} .tpLinks .socialT ul li a{display: block;text-align: center;font-size: 18px;color: #fff;padding: 8px;} .tpLinks .socialT ul li a:hover{color:#e50642;} .cLogo img{width: 230px!important;height: auto;} .companySection { padding:10px 0 18px;/*! border-top:#242839 solid 1px; */ /*! border-bottom:#242839 solid 1px ; */ } .tpContact{float: right;margin-top: 15px;} .shortContact{float: left;color: #fff;margin-top: 13px;} .shortContact ul li{float: left;margin-right: 20px;} .shortContact ul li i{margin-right: 10px;} .tpSearch{border: #d1d1d1 solid 1px;float: left;padding: 2px 10px;margin-right: 35px;background: white;} .tpSearch input[type="text"]{border: none;/* background: black; */height: 28px;line-height: 28px;} .tpSearch .btn{background-color: #ff000000;color: #929292;padding: 0;box-shadow: none;} .tpSearch .btn:focus, .tpSearch .btn:active:focus{ outline:none;background: none; } .inquirCart{float: left;} .inquirCart i{margin-right: 10px;font-size: 18px;color: #e50642;} .inquirCart span a{color: #e50642;} .inquirCart:hover a{color: #e50642;} .headerContainer{ position: static; top: 0; left: 0; width: 100%; -webkit-transition: top 500ms ease; -moz-transition: top 500ms ease; -o-transition: top 500ms ease; transition: top 500ms ease; /* enable hardware acceleration to fix laggy transitions */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .scrollActive .headerContainerWrapper { position: fixed;width: 100%;z-index: 9999;background:#FFFFFF; box-shadow: 0 0 30px 0 rgba(0,0,0, 0.3);transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;-moz-transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;-webkit-transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;;-ms-transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s; } .tpNav{padding: 0px;-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;-moz-transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;-webkit-transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;;-ms-transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;} .tpNav .navbar-default{background-color:inherit;border:inherit;font-size: 14px;text-transform: uppercase;font-weight: 700;} .tpNav .navbar{margin-bottom: 0;} .tpNav .navbar-brand {/*! height: auto; */padding-top: 0;padding-bottom: 0;position: relative;/*! width: 100px; */display: block;} .tpNav .nav{margin-top: 7px;margin-left: 30px;} /* .navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu { background-color: #000; color:#ffffff; }*/ .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color:inherit;color:#e50642; } .tpNav .navbar-nav>li{margin-right: 20px;} .tpNav .navbar-nav>li>a{color: #404040;padding-bottom: 11px;font-weight: 600;padding-left: 8px;padding-right: 8px;direction: block;} .tpNav .navbar-nav>li>a:before{ content:"";height: 0px;width:0%;position: absolute; left: 0;bottom:3px;transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;-moz-transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;-webkit-transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;;-ms-transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;} .tpNav .navbar-nav>li>a:after{ content:"";height: 0px;width:100%;position: absolute;right: 0;bottom:3px;transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;-moz-transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;-webkit-transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;;-ms-transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;border: solid 0px #e50642;/*! padding: 0 10px; */border-radius: 20px;} .tpNav .navbar-nav>li.active a { color: #e50642; } .tpNav .navbar-nav>li.active a:hover { color: #e50642; } .tpNav .navbar-nav>li>a:hover{color: #e50642;} .tpNav .navbar-nav>li.factive a{color: #e50642;} .tpNav .navbar-nav>li>a:hover:after{ height: 34px;width:100%;background-color:transparent;border: solid 2px} .navbar-nav .dropdown-menu > li{position: relative;} .navbar-nav .dropdown-menu > li > a:before{font-family: 'FontAwesome';position: absolute;left: 5px;top: 6px;content: '\f105';} .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background-color:inherit;color:#fff;} .navbar-default .navbar-nav>.active>a{position: relative;} .navbar-default .navbar-nav>.active>a:before{content:"";position: absolute;left: 0;height: 2px;width:30%;background-color:#fff;} .scrollActive .headerContainerWrapper .navbar-brand img{/*! height: 80px; */} .scrollActive .nav{margin-top: 10px;} .scrollActive .tpNav .navbar-nav>li>a{color: #181818;} .scrollActive .inquirCart a{color: #181818;} .scrollActive .inquirCart{margin-top: 6px} .scrollActive .tpContact{margin-top: 15px;} .dropdown-menu{background: #fff;} .dropdown-menu>li>a{padding: 8px 20px;color: #404040 ;} .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .nav .open> a, .nav .open> a:hover { color: #fff; text-decoration: none; background-color: #e50642; /* padding-left: 12px */ } /* sub menus arrows on desktop */ .navbar-nav:not(.sm-collapsible) ul .caret { position: absolute; right: 0; margin-top: 6px; margin-right: 15px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px dashed; } .navbar-nav:not(.sm-collapsible) ul a.has-submenu { padding-right: 30px; } /* make sub menu arrows look like +/- buttons in collapsible mode */ .navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret { position: absolute; right: 0; margin: -3px 15px 0 0; padding: 0; width: 32px; height: 26px; line-height: 24px; text-align: center; border-width: 1px; border-style: solid; } .navbar-nav.sm-collapsible .caret:before { content: '+'; font-family: monospace; font-weight: bold; } .navbar-nav.sm-collapsible .open > a > .caret:before { content: '-'; } .navbar-nav.sm-collapsible a.has-submenu { padding-right: 50px; } /* revert to Bootstrap's default carets in collapsible mode when the "data-sm-skip-collapsible-behavior" attribute is set to the ul.navbar-nav */ .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret, .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret { position: static; margin: 0 0 0 2px; padding: 0; width: 0; height: 0; border-top: 4px dashed; border-right: 4px solid transparent; border-bottom: 0; border-left: 4px solid transparent; } .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before { content: '' !important; } .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu { padding-right: 15px; } /* scrolling arrows for tall menus */ .navbar-nav span.scroll-up, .navbar-nav span.scroll-down { position: absolute; display: none; visibility: hidden; height: 20px; overflow: hidden; text-align: center; } .navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow { position: absolute; top: -2px; left: 50%; margin-left: -8px; width: 0; height: 0; overflow: hidden; border-top: 7px dashed transparent; border-right: 7px dashed transparent; border-bottom: 7px solid; border-left: 7px dashed transparent; } .navbar-nav span.scroll-down-arrow { top: 6px; border-top: 7px solid; border-right: 7px dashed transparent; border-bottom: 7px dashed transparent; border-left: 7px dashed transparent; } /* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */ .navbar-nav.sm-collapsible ul .dropdown-menu > li > a, .navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header { padding-left: 35px; } .navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a, .navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header { padding-left: 45px; } .navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a, .navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header { padding-left: 55px; } .navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a, .navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header { padding-left: 65px; } /* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */ .navbar-nav .dropdown-menu > li > a { white-space: normal; } .navbar-nav ul.sm-nowrap > li > a { white-space: nowrap; } .navbar-nav.sm-collapsible ul.sm-nowrap > li > a { white-space: normal; } /* fix .navbar-right subs alignment */ .navbar-right ul.dropdown-menu { left: 0; right: auto; } /*end navigation*/ @media only screen and (min-width : 320px) and (max-width : 480px) { .main{ width:480px; /* Animation Property */ animation-property: width; animation-property: height; transition-duration: 1s; /* webkit */ -webkit-animation-property: width; -webkit-animation-property: height; -webkit-transition-duration: 3s; /* moz */ -moz-animation-property: width; -moz-animation-property: height; -moz-transition-duration: 3s; /* opera */ -o-animation-property: width; -o-animation-property: height; -o-transition-duration: 3s; } .sidebar{ width:480px; /* Animation Property */ animation-property: width; animation-property: height; transition-duration: 1s; /* webkit */ -webkit-animation-property: width; -webkit-animation-property: height; -webkit-transition-duration: 3s; /* moz */ -moz-animation-property: width; -moz-animation-property: height; -moz-transition-duration: 3s; /* opera */ -o-animation-property: width; -o-animation-property: height; -o-transition-duration: 3s; } } body { overflow-x:hidden } /*loader here*/ /* loader */ .loader-wrapper.loader-off, body.loaded .loader-wrapper { opacity: 0; visibility: hidden; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s; -ms-transition: all 500ms linear 0s; -o-transition: all 500ms linear 0s; transition: all 500ms linear 0s; } .loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000111; background-color: #fff; opacity: 1; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s; -ms-transition: all 500ms linear 0s; -o-transition: all 500ms linear 0s; transition: all 500ms linear 0s; } .loader { margin: 0 auto; position: absolute; top: 35%; left: 50%; width: 200px; height: 200px; margin-top: -100px; margin-left: -100px; perspective: 400px; transform-type: preserve-3d; } .loader:before { content: ''; display: block; padding-top: 100%; } .loader svg { animation: rotate 2s linear infinite; height: 100%; transform-origin: center center; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .loader .loader-animation { stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; } .loader-btn { position: relative; display: inline-block; width: 20px; height: 20px; perspective: 400px; transform-type: preserve-3d; } .loader-btn:before { content: ''; display: block; padding-top: 100%; } .loader-btn svg { animation: rotate 2s linear infinite; height: 100%; transform-origin: center center; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .loader-btn .loader-animation { stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: dash 1.5s ease-in-out infinite, color1 6s ease-in-out infinite; stroke-linecap: round; } @keyframes rotate { 100% { transform: rotate(360deg); } } @keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } @keyframes color { 100%, 0% { stroke: #5fd179; } 40% { stroke: #5fd179; } 66% { stroke: #5fd179; } 80%, 90% { stroke: #5fd179; } } @keyframes color1 { 100%, 0% { stroke: #fff; } 40% { stroke: #fff; } 66% { stroke: #fff; } 80%, 90% { stroke: #fff; } } /*----------------------------------------*/ /* Home Page /*----------------------------------------*/ /*home banner*/ .bs-slider{ overflow: hidden; max-height: 800px; position: relative; } .bs-slider:hover { cursor: -moz-grab; cursor: -webkit-grab; } .bs-slider:active { cursor: -moz-grabbing; cursor: -webkit-grabbing; } .bs-slider .bs-slider-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img { margin: auto; width: 100% !important;height: auto!important; } /******************** *****Slide effect **********************/ .fade { opacity: 1; } .fade .item { top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s; } .fade .item:first-child { top: auto; position: relative; } .fade .item.active { opacity: 1; z-index: 2; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s; } /*---------- LEFT/RIGHT ROUND CONTROL ----------*/ .control-round .carousel-control { top: 47%; opacity: 0; width: 90px; height: 90px; z-index: 100; color: #ffffff; display: block; font-size: 80px; cursor: pointer; overflow: hidden; line-height: 80px; text-shadow: none; position: absolute; font-weight: normal; background: transparent; -webkit-border-radius: 100px; border-radius: 100px; } .control-round:hover .carousel-control{ opacity: 1; } .control-round .carousel-control.left { left: 1%; } .control-round .carousel-control.right { right: 1%; } .control-round .carousel-control.left:hover, .control-round .carousel-control.right:hover{ color: #fdfdfd; background: rgba(0, 0, 0, 0.0); border: 0px transparent; } .control-round .carousel-control.left>span:nth-child(1){ left: 45%; } .control-round .carousel-control.right>span:nth-child(1){ right: 45%; } /*---------- INDICATORS CONTROL ----------*/ .indicators-line > .carousel-indicators{ right: 45%; bottom: 3%; left: auto; width: 90%; height: 20px; font-size: 0; overflow-x: auto; text-align: right; overflow-y: hidden; padding-left: 10px; padding-right: 10px; padding-top: 1px; white-space: nowrap; } .indicators-line > .carousel-indicators li{ padding: 0; width: 15px; height: 15px; border: 1px solid #18191a; text-indent: 0; overflow: hidden; text-align: left; position: relative; letter-spacing: 1px; background: #18191a; -webkit-font-smoothing: antialiased; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 20px; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); z-index: 10; cursor:pointer; } .indicators-line > .carousel-indicators li:last-child{ margin-right: 0; } .indicators-line > .carousel-indicators .active{ margin: 1px 20px 1px 1px; box-shadow: 0 0 0 2px #e50642; background-color: transparent; position: relative; -webkit-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .indicators-line > .carousel-indicators .active:before{ transform: scale(0.5); background-color: #e50642; content:""; position: absolute; left:-1px; top:-1px; width:15px; height: 15px; border-radius: 50%; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } /*---------- SLIDE CAPTION ----------*/ .slide_style_left { text-align: left !important; } .slide_style_right { text-align: right !important; } .slide_style_center { text-align: center !important; } .slide-text { left: 2%; top: 33%; right: 0; margin: auto; padding: 10px; position: absolute; text-align: left; padding: 10px 85px; } .pr { position: relative; } .banskew { display: inline-block; width: 25%; height: 185px; position: absolute; top: 16px; right: 95%; background-color: #e50642; transform: skew(-17.9deg); -webkit-transform: skew(-17.9deg); -moz-transform: skew(-17.9deg); -ms-transform: skew(-17.9deg); box-shadow: 0px 10px 50px -10px rgba(0, 0, 0, 0.5); margin-right: 7.5%; } .slide-text > h1 { padding: 0; color: #e50642; font-size: 64px; font-style: normal; line-height: 30px; margin-bottom: 0px; display: inline-block; -webkit-animation-delay: 0.7s; animation-delay: 0.7s;font-weight: 700; -webkit-text-stroke: 1px black; text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .slide-text > p { padding: 0; color: #ffffff; font-size: 32px; line-height: 14px; font-weight: 100; margin-bottom: 40px; letter-spacing: 1px; -webkit-animation-delay: 1.1s; animation-delay: 1.1s;margin-top: -20px; } .slide-text > p > span{display: block;font-size: 24px;font-weight: 600;padding-top: 25px;} .slide-text > a.btn-default{ color: #fff; font-weight: 400; font-size: 13px; line-height: 15px; margin-right: 10px; text-align: center; padding: 17px 30px; white-space: nowrap; letter-spacing: 1px; display: inline-block; border: none; text-transform: uppercase; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; background:#e50642; } .slide-text > a.btn-primary{ color: #ffffff; cursor: pointer; font-weight: 400; font-size: 13px; line-height: 15px; margin-left: 10px; text-align: center; padding: 17px 30px; white-space: nowrap; letter-spacing: 1px; background: #00bfff; display: inline-block; text-decoration: none; text-transform: uppercase; border: none; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; } .slide-text > a:hover, .slide-text > a:active { color: #ffffff; background: #222222; -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out; transition: background 0.5s ease-in-out, color 0.5s ease-in-out; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ @media (max-width: 991px) { .slide-text h1 { font-size: 40px; line-height: 50px; margin-bottom: 20px; } .slide-text > p { font-size: 18px; } } /*---------- MEDIA 480px ----------*/ @media (max-width: 768px) { .slide-text { padding: 10px 50px; } .slide-text h1 { font-size: 30px; line-height: 40px; margin-bottom: 10px; } .slide-text > p { font-size: 14px; line-height: 20px; margin-bottom: 20px; } .control-round .carousel-control{ display: none; } } @media (max-width: 480px) { .slide-text { padding: 10px 30px; } .slide-text h1 { font-size: 20px; line-height: 25px; margin-bottom: 5px; } .slide-text > p { font-size: 14px; line-height: 18px; margin-bottom: 10px; } .slide-text > a.btn-default, .slide-text > a.btn-primary { font-size: 10px; line-height: 10px; margin-right: 10px; text-align: center; padding: 10px 15px; } .indicators-line > .carousel-indicators{ display: none; } } /*home banner end*/ .homeBanner{width: 100%;position: relative;} .homeBanner:after { content: ""; display: inline-block; position: absolute;width: 100%;height: 38px;background:url(../images/sep.png) repeat-x left bottom; z-index:99; bottom: -6px; /* right: 0; width: 0; height: 0; border-bottom: 100px solid #e50642; border-left: 430px solid transparent;*/ } .heading{margin: 20px 0 20px 0px;position: relative;text-align: left;} .heading h1{font-size: 40px;color: #18191a;font-weight: 300;padding: 5px 0 40px;} .heading h1 span{display: block;color: #e50642;line-height: 80px;font-size: 30px;font-weight: 600;} .heading h1:after{/* width: 100%; */height: 2px;background:#e50642;position: absolute;content: '';bottom: 0;left: 0;display: inline-block;} #leftCol h1{display: block;text-align: left;font-size: 26px;} #leftCol h1 span{margin-left: 0px;font-size: 26px;} h1{font-size: 54px;font-weight: 700;color: #d9d9d9;position: relative;text-transform: uppercase;display: inline-block;margin-bottom:0px;line-height: 10px;} h1 span{font-size: 36px;color: #232020;font-weight: 100;display: block;} .catSlider{position: relative;margin-top: 30px;} .catSlider .item{padding-bottom: 30px;} .catSlider .cat{ position: relative; top: 0; text-align: center; overflow:hidden; -webkit-box-shadow: 0 25px 15px -15px black; -moz-box-shadow: 0 25px 15px -15px black; box-shadow: 0 25px 15px -15px black; /* border-bottom:transparent solid 5px; */ /* -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); transform: scale(1);*/ -moz-transition: width 1s ease-in-out, left 1.5s ease-in-out; -webkit-transition: width 1s ease-in-out, left 1.5s ease-in-out; -o-transition: width 1s ease-in-out, left 1.5s ease-in-out; transition: width 1s ease-in-out, left 1.5s ease-in-out; } .homeCatSection{background: url(../images/p-bg.jpg);padding: 0px 0px;background-attachment: fixed;background-position: 0 0;background-repeat: no-repeat;background-size: cover; /* padding-bottom: 20px; */} .catSlider .cat:before{ position: absolute; border: #e50642 solid 0px;width: 100%;height: 100%; z-index: 100; content: ''; webkit-transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; left:0; bottom: 0px; } .catSlider .cat i{padding-left: 10px;} .catSlider .cat h2 { font-size: 32px; font-weight: normal; text-transform: uppercase; padding-bottom: 10px; text-shadow: 1px 3px 1px rgba(0, 0, 0, 1); -webkit-transition: 0.3s ease-in-out, color 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out, color 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out, color 0.3s ease-in-out; -o-transition: 0.3s ease-in-out, color 0.3s ease-in-out; transition: 0.3s ease-in-out, color 0.3s ease-in-out; /*! margin-top: 35px; */ color: #fff; position: absolute; /*! display: inline-block; */ bottom: 2px; z-index: 10; width: 100%; left: 20px; text-align: left; } .catSlider .cat figcaption{ position: absolute; /*! left:-18px; */ bottom: 0; width: 100%; /*! height: 87%; */ border:transparent solid 0px; /*! margin: 4% 0 0 5%; */ z-index: 100; webkit-transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; } .catSlider .cat figcaption h3{color: #fff;} .catSlider .cat img{ width: 100%;height:auto;opacity:1; filter: alpha(opacity=100); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .catSlider .cat span{display: inline-block;font-size: 16px;font-weight: 100;color: #fff;margin-top: 32px;padding: 9px 24px;text-transform: uppercase; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; overflow: hidden;position: relative;background: #e50642; border-radius: 30px; width: 108px; height: 45px; line-height: 27px; } /*.catSlider .cat span:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 0%; height: 100%; top: 0; left: 0; background: #e50642; }*/ .catSlider .cat span:hover , .catSlider .cat span:active { color: #fff;background: #1fbfca; } .catSlider .cat span:hover:after, .catSlider .cat span:hover:active:after { width: 100%; } .catSlider .cat span i{padding: 0 0 0 10px;} .catSlider .cat a:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -o-transform: skewX(-25deg);} .catSlider .cat:hover a:before { -webkit-animation: shine 0.8s; animation: shine 0.8s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } /*.pb{background: url(../images/p-bg.jpg);padding: 0px 0px;background-attachment: fixed;background-position: 0 0;background-repeat: no-repeat;background-size: cover;} */ .catSlider .cat:hover {} .catSlider .cat:hover:before{border:solid 6px #e50642;} /*.catSlider .cat:hover figcaption{border:#fff solid 1px;}*/ /*.catSlider .cat:hover h2{margin-top: 30px;}*/ .catSlider .cat:hover img{opacity: 0.2; filter: alpha(opacity=20); -webkit-transform: scale(1.4); -ms-transform: scale(1.4); -moz-transform: scale(1.4); transform: scale(1.4); } .catSlider .cat:hover h2{color: #e50642 ;} #cat .owl-stage-outer{/* padding: 20px 0 0; */} #cat .owl-nav { margin-top: 10px; position: absolute; top: 20%;width: 100%; } #cat .owl-prev{background: none;font-size: 80px;position: absolute;left: 0px;color: #d9d9d9;} #cat .owl-next{background: none;font-size: 80px;position: absolute;right: 0px;color: #d9d9d9;} .featuredProduct:before { content: ""; display: inline-block; position: absolute;width: 100%;height: 71px; z-index:99; top: 0px; /* right: 0; width: 0; height: 0; border-bottom: 100px solid #e50642; border-left: 430px solid transparent;*/ } .featuredProduct{/* background: url(../images/featured-bg.png) #f0f0f0; */ padding: 0px 0px;position: relative;} #featured .owl-stage-outer{padding: 30px 0 60px;} #featured .owl-nav { margin-top: 0px; position: absolute; top: 30%;width: 100%;z-index: 20; } #featured .owl-prev{background: none;font-size: 80px;position: absolute;left: -60px;color: #c3c3c3;} #featured .owl-next{background: none;font-size: 80px;position: absolute;right: -60px;color: #c3c3c3;} #featured .item{padding: 0 15px;} .nProThumb{ position: relative; border:#cfcfcf solid 1px; background:#FFFFFF; /* overflow: hidden; */ -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; text-align: center; } nProThumb{position: relative;border:#e2e2e2 solid 1px;background:#FFFFFF;/*! overflow: hidden; */ -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease; text-align: center; } /*.nProThumb:before{position: absolute;width: 100%;height: 0%;content: '';background:rgba(0,0,0,1.00);left: 0;top: 0;transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease; }*/ .nProThumb .overArt{position: absolute;left: 0;bottom:24px;z-index:200;width: 100%;height: 100%;} .nProThumb .proTxt{padding: 10px 0;position: relative;text-transform: uppercase;/*! font-weight: bold; */} .nProThumb span{display: block;} .nProThumb .artName{font-size: 14px;color: #3a3d45;padding-bottom: 10px;font-weight: bold; transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;} .nProThumb .artNum{font-size: 14px;color: #868686;padding-bottom: 15px; transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;} .viewLarge{background:#fff;padding: 7px 0px;display: inline-block;position: absolute;z-index:250;border:none;right: 16px;bottom: -25px;border-radius: 999px;width: 50px;/*! margin-left: -25px; */color: #e50642;font-size: 23px; transition: all 0.5s cubic-bezier(.17,.84,.44,1);-moz-transition: all 0.5s cubic-bezier(.17,.84,.44,1);-webkit-transition: all 0.5s cubic-bezier(.17,.84,.44,1);-ms-transition: all 0.5s cubic-bezier(.17,.84,.44,1); height: 50px; border: 1px solid #e50642; } .nProThumb:hover:before {background:rgba(0,0,0,0.50);width: 100%;height: 100%;} .nProThumb:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); border: #e50642 solid 3px;background: #fff;} .nProThumb:hover .artName{} .nProThumb:hover .artNum{color: #e50642;} .nProThumb:hover .viewLarge{bottom: 50%;right: 38%;/*! margin-left: -25px; */} .proThumb{-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;position: relative;border-bottom:#e2e2e2 solid 3px; background: #fff; } /*.proThumb:after{border-bottom:#d2d2d2 solid 3px;position: absolute;bottom: -50px;width: 100%;height: 50px;background:#000000;content: '';}*/ .proThumb .imgContainer{position: relative;transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease; overflow:hidden} .proThumb .imgContainer .overlay{position: absolute;top: -20%;background:rgba(0,0,0,.4);width: 100%;height:0%;transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;} .proThumb .imgContainer .overlay i { width: 60px; height: 60px; background: #fff; color: #464646; text-align: center; font-size: 32px; line-height: 60px; border-radius:50%; position: absolute;left: 50%;top: -100%;margin-top: -30px;margin-left: -30px;transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);-moz-transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);-webkit-transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);-ms-transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); } .proThumb .textContainer{position: relative;background: #efefef;text-align: left;padding: 20px 10px 10px 10px;margin: 10px;transition: all 0.2s ease;-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-ms-transition: all 0.2s ease;overflow: hidden;} .proThumb .textContainer h4{font-size: 16px;color: #464646;margin-bottom: 10px;font-weight: 700;border-bottom:#cccccc solid 1px;display: inline-block;} .proThumb .textContainer h5{font-size: 18px;color: #e3122f;font-weight: 600;margin-bottom: 20px;} .proThumb .inquirNow{transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;opacity: 0;position: absolute;left: 50%;width: 170px;margin-left: -85px;} .proThumb .inquirNow a{background: #e3122f;text-transform: uppercase;display: inline-block;border-radius: 4px; padding: 10px 20px; font-size: 14px; font-weight: 700;transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;} .proThumb .inquirNow a:hover{background:#706666;} .proThumb:hover{-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.6);border-bottom: #e50642 solid;} .proThumb:hover .inquirNow{opacity: 1;left: 50%;} .proThumb:hover .textContainer{background:#FFFFFF;} .proThumb:hover .overlay i{left: 50%;top: 50%;} .proThumb:hover .overlay{height: 100%;top:0%;} /* Container box to set the sides relative to */ .cube { width: auto; height: 50px; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } /* The two faces of the cube */ .default-state, .active-state { height: 50px; } /* Position the faces */ .default-state { -webkit-transform: translateZ(50px); -moz-transform: translateZ(50px); -o-transform: translateZ(50px); -ms-transform: translateZ(50px); transform: translateZ(50px); } .flip-to-top .active-state { -webkit-transform: rotateX(90deg) translateZ(100px); -moz-transform: rotateX(90deg) translateZ(100px); -o-transform: rotateX(90deg) translateZ(100px); -ms-transform: rotateX(90deg) translateZ(100px); transform: rotateX(90deg) translateZ(100px); } .flip-to-bottom .active-state { -webkit-transform: rotateX(-90deg) translateZ(-50px); -moz-transform: rotateX(-90deg) translateZ(-50px); -o-transform: rotateX(-90deg) translateZ(-50px); -ms-transform: rotateX(-90deg) translateZ(-50px); transform: rotateX(-90deg) translateZ(-50px); } /* Rotate the cube */ .cube.flip-to-top:hover { -webkit-transform: rotateX(-89deg); -moz-transform: rotateX(-89deg); -o-transform: rotateX(-89deg); -ms-transform: rotateX(-89deg); transform: rotateX(-89deg); } .cube.flip-to-bottom:hover { -webkit-transform: rotateX(89deg); -moz-transform: rotateX(89deg); -o-transform: rotateX(89deg); -ms-transform: rotateX(89deg); transform: rotateX(89deg); } /* END CORE CSS */ /* Demo styling */ .default-state, .active-state { background: #efefef; font-size: 16px; text-transform: uppercase; color: #e50642; line-height:50px; -webkit-transition: background 250ms ease; -moz-transition: background 250ms ease; -o-transition: background 250ms ease; transition: background 250ms ease; } .cube:hover .default-state { background: #efefef; } .active-state { background: #18191a;text-align: center; } #flipto { display: block; text-align: center; text-decoration: none; margin-top: 20px; color: #fff; } .active-state span{padding-left: 10px;text-align: center!important;display: block;} .product-item{border-bottom: solid 2px transparent;} .product-item .pr-img-area { overflow: hidden; position: relative; border: 1px #e5e5e5 solid;-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); } .product-item .pr-img-area a { display: block } .product-item .pr-img-area > a::before { background: #444 none repeat scroll 0 0; content: ""; height: 100%; opacity: 0; position: absolute; transition: all 0.9s ease 0s; width: 100%; z-index: 9 } /*.product-item:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); border: #e50642 solid 2px; background: #fff;}*/ .product-item:hover .pr-img-area a::before { opacity: .1 } .product-item .item-inner img.hover-img { left: 0; opacity: 0; position: absolute; top: 0; transition: all 0.9s ease 0s; } .product-item .item-inner:hover img.hover-img { opacity: 1; } .pr-img-area { overflow: hidden; position: relative } .add-to-cart-mt { background: #e83f33; border: 0 none; bottom: 0; font-size: 12px; left: -100%; line-height: 10px; position: absolute; text-align: center; text-transform: uppercase; transition: all .5s ease-out 0s; width: 100%; padding: 12px 0; color: #fff; } .add-to-cart-mt:hover { background: #e83f33; color: #fff; } .add-to-cart-mt span { margin-left: 5px } .product-item .item-inner:hover .product-thumbnail .add-to-cart-mt { left: 0 } .product-item .item-inner:hover .product-thumbnail .pr-button { background: #F2F2F2 } .pr-button .mt-button { width: 33.3%; float: left; text-align: center; border-right: 1px solid } .pr-button { border-top: 1px solid #e5e5e5; overflow: hidden; transition: all .5s ease-out 0s } .pr-button .mt-button { border-right: 1px solid #e5e5e5; float: left; text-align: center; width: 33.3% } .pr-button .mt-button a { color: #fff; display: block; font-size: 16px; padding: 10px 3px 8px; font-weight: normal; background-color: #444; border-radius: 2px; } .pr-info-area .pr-button .s-button a:hover { background: #e83f33; color: #fff; } .pr-button .s-button a { color: #fff } .pr-img-area img { width: 100% } .product-item .pr-button { border: 0 none; position: absolute; top: 3%; opacity: 0; z-index: 12; padding-left: 4%; } .product-item .item-inner:hover .product-thumbnail .pr-button { background: none; opacity: 1; } .pr-button .mt-button a:hover { background: #e83f33; color: #fff; border: 0px #e83f33 solid; } .pr-button .mt-button { border-right: 0 none; float: none; margin-bottom: 8px; text-align: center; transform: scale(0); transition: all 0.4s ease 0s; width: 40px; line-height: 20px } .product-item .item-inner:hover .product-thumbnail .mt-button, .on-sale-product .item-inner:hover .product-thumbnail .mt-button { transform: scale(1) } .product-item .item-inner .item-info { text-align: center; padding-top: 12px; background: #fff; } .product-item .item-inner .item-info .item-title { font-size: 14px; margin-bottom: 10px; font-weight: 400; } .product-item .item-inner .item-info .item-title a { display: inherit; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #464646; margin-bottom: 0px; font-weight: 700; text-transform: none; display: inline-block; } .product-item .item-inner { position: relative; overflow: hidden; /* padding-bottom: 15px; */ } .product-item .item-inner:hover { box-shadow: 0 0 2px #dedede; } .product-item { margin: 10px 0px 30px; } .products-grid .item .product-item { margin: 0px } .owl-carousel .owl-wrapper-outer { padding: 5px 0px; } .product-item .item-inner .item-info .item-title a:hover { color: #e83f33; } .product-item .item-inner .item-info .pro-action { position: absolute; bottom: -50px; width: 100%; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; } .product-item:hover .item-inner .item-info .pro-action { position: absolute; bottom: 0px; width: 100%; } .product-item .item-inner .item-info .add-to-cart { padding: 9px 12px; font-size: 12px; width: 100%; } .product-item .item-inner .item-info .add-to-cart i { font-size: 16px; vertical-align: -1px; } .product-item .item-inner:hover .item-info .add-to-cart { color: #fff; background-color: #e50642; border: 1px #e50642 solid; width: 100%; transition: 0.5s all ease; } .product-item .item-inner .item-info .add-to-cart:hover { background-color: #444; border: 1px #444 solid; transition: 0.5s all ease; } .product-item .item-inner .item-info .add-to-cart span { margin-left: 5px; font-size: 15px; text-transform: uppercase; } #best-sale-slider.product-flexslider { margin: 20px -12px } .best-sale-pro .slider-items-products .owl-buttons .owl-prev { top: 15% } .best-sale-pro .slider-items-products .owl-buttons .owl-next { top: 15% } .artNo{font-size: 16px; text-transform: uppercase; color: #fff;display: block;padding-left: 15px;padding-bottom: 15px;background:#e50642;padding: 2px 5px;} .footer{padding: 0px 0 0;background: url(../images/footer_bg.jpg) no-repeat top center;background-size:cover #131212;border-top:#e50642 solid 0px;} .newsletterSection{background: #e50642;padding: 30px 0;} .fp{padding: 30px 0 0;color: #fff;} .footer h3{font-size: 17px;margin-bottom: 25px;font-weight: 400;text-transform: uppercase;color: #fff;position: relative;} .footer h3 span{} .footer h3:after{position: absolute;width: 50px;height: 2px;background: #e50642;bottom: -10px;left: 0;content: '';} .footer h4{font-size: 18px;text-transform: uppercase;color: #fff;} .footer h5{font-size: 16px;font-weight: 700;color: #e50642;padding-top: 10px;padding-bottom: 10px;} #scroller a{color: #e50642;display: inline-block;text-align: right;font-weight: 700;} #scroller a i{padding-left: 5px;} #scroller a:hover{color: #fff;padding-left: 10px;} #scroller p{font-weight: 300;color: white;} .blogo{display: block;text-align: center;margin-bottom: 85px;} .social ul li{display: inline-block;margin-right: 5px;margin-bottom: 10px;} .social ul li:last-child{margin-right: 0;} .social ul li a{width: 40px;height: 40px;background:#666666;display: block;text-align: center;line-height: 40px;text-align: center;font-size: 22px;color: #fff;border-radius:4px;} .social ul li a:hover{background:#e50642;} .newsletter{margin-top: 0px;} .newsletter input[type="text"]{width: 68%;display: inline-block;height: 40px;font-size: 13px;text-transform: uppercase;color: #000;padding-left: 10px;} .newsletter input[type="email"]{width: 68%;display: inline-block;height: 40px;font-size: 13px;text-transform: uppercase;color: #000;padding-left: 10px;} .newsletter .btn{width: 16%;display: inline-block;font-size:14px;padding:0px 0;margin:0;text-transform: uppercase;background:#18191a;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;left: 0px;height: 40px;line-height: 40px;border: none;color: #fff;} .newsletter .btn:hover{background:#B8B8B8;color: #fff;} .newsletter p{color: #fff;} .catalogue{position: relative;overflow: hidden;} .catalogue img { max-width: 100%; height: auto; } .cataloguer a { display: block; position: relative; overflow: hidden; } .catalogue a:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -o-transform: skewX(-25deg); } .catalogue a img { max-width: 100%; width: 100%; } .catalogue:hover a:before { -webkit-animation: shine 1.5s; animation: shine 1.5s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .copyrights{text-transform: uppercase;color: #343537;padding: 10px 0;font-size: 10px;} .copyrights span{color: #e50642;font-weight: 700;} .copyrights a{color: #e50642;font-weight: 700;} .copyrights a:hover{color: #090909;} #ttcmsbanner { float: left; width: 100%; overflow: hidden; margin: 0 auto 50px; position: relative; display: inline-block; } #ttcmsbanner .col-sm-6, #ttcmsbanner .col-sm-12 { padding: 0; text-align: center; } #ttcmsbanner .ttbanner img { max-width: 100%; height: auto; } #ttcmsbanner .ttbanner a { display: block; position: relative; overflow: hidden; } #ttcmsbanner .ttbanner a:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -o-transform: skewX(-25deg); } #ttcmsbanner .ttbanner a img { max-width: 100%; width: 100%; } #ttcmsbanner .ttbanner:hover a:before { -webkit-animation: shine 1.5s; animation: shine 1.5s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .homeRelatedProducts{margin-bottom: 30px;position: relative;} .homeRelatedProducts #owl-demo .item{ padding: 10px; text-align: center; } .homeRelatedProducts .customNavigation{ text-align: center; } .homeRelatedProducts .customNavigation a{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .homeRelatedProducts .owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #333333; filter: Alpha(Opacity=50); opacity: 0.5; } .homeRelatedProducts .owl-theme .owl-controls { margin-top: 0px; text-align: center;position: absolute;top: -90px;right:-10px; } .homeRelatedProducts .owl-theme .owl-controls .owl-buttons div { background:none; border-radius: 0px; color: #fff; display: inline-block; font-size: 32px; margin: 5px; opacity: 1; padding:10px; } .hNews{margin: 5px 0px 0 0;} .hNews ul {padding-top: 30px;} .hNews ul li{margin-bottom:25px;} .hNews .nImg{float:left;margin-right:5%; width:20%} .hNews .nTxt{float:left;width: 70%;font-size:12px;font-weight:100;} .simply-scroll-container { /* Container DIV - automatically generated */ position: relative; } .simply-scroll-clip { /* Clip DIV - automatically generated */ position: relative; overflow: hidden; /* padding-top: 1.5em; */ } .simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */ overflow: hidden; margin: 0; padding: 0; list-style: none; } .simply-scroll-list li { padding: 0; margin: 0; list-style: none; } .simply-scroll-list li img { border: none; display: block; } .simply-scroll-btn { position: absolute; background-image: url(buttons.png); width: 42px; height: 44px; z-index:3; cursor: pointer; } .simply-scroll-btn-left { left: 6px; bottom: 6px; background-position: 0 -44px; } .simply-scroll-btn-left.disabled { background-position: 0 0 !important; } .simply-scroll-btn-left:hover, .simply-scroll-btn-left:focus { background-position: 0 -88px; } .simply-scroll-btn-right { right: 6px; bottom: 6px; background-position: -84px -44px; } .simply-scroll-btn-right.disabled { background-position: -84px 0 !important; } .simply-scroll-btn-right:hover, .simply-scroll-btn-right:focus { background-position: -84px -88px; } .simply-scroll-btn-up { right: 6px; top: 6px; background-position: -126px -44px; } .simply-scroll-btn-up.disabled { background-position: -126px 0 !important; } .simply-scroll-btn-up:hover, .simply-scroll-btn-up:focus { background-position: -126px -88px; } .simply-scroll-btn-down { right: 6px; bottom: 6px; background-position: -42px -44px; } .simply-scroll-btn-down.disabled { background-position: -42px 0 !important; } .simply-scroll-btn-down:hover, .simply-scroll-btn-down:focus { background-position: -42px -88px; } .simply-scroll-btn-pause { right: 6px; bottom: 6px; background-position: -168px -44px; } .simply-scroll-btn-pause:hover, .simply-scroll-btn-pause:focus { background-position: -168px -88px; } .simply-scroll-btn-pause.active { background-position: -84px -44px; } .simply-scroll-btn-pause.active:hover, .simply-scroll-btn-pause.active:focus { background-position: -84px -88px; } /* Custom class modifications - override classees .simply-scroll is default */ .simply-scroll { /* Customisable base class for style override DIV */ width: 576px; height: 200px; margin-bottom: 1em; } .simply-scroll .simply-scroll-clip { width: 576px; height: 200px; } .simply-scroll .simply-scroll-list {} .simply-scroll .simply-scroll-list li { float: left; padding-right:20px; /*width: 290px; height: 200px;*/ } .simply-scroll .simply-scroll-list li img {} .simply-scroll .simply-scroll-btn {} .simply-scroll .simply-scroll-btn-left {} .simply-scroll .simply-scroll-btn-left.disabled {} .simply-scroll .simply-scroll-btn-left:hover {} .simply-scroll .simply-scroll-btn-right {} .simply-scroll .simply-scroll-btn-right.disabled {} .simply-scroll .simply-scroll-btn-right:hover {} .simply-scroll .simply-scroll-btn-up {} .simply-scroll .simply-scroll-btn-up.disabled {} .simply-scroll .simply-scroll-btn-up:hover {} .simply-scroll .simply-scroll-btn-down {} .simply-scroll .simply-scroll-btn-down.disabled {} .simply-scroll .simply-scroll-btn-down:hover {} /* Vertical scroller example */ .vert { /* wider than clip to position buttons to side */ width: auto; height: auto; margin-bottom: 1.2em; } .vert .simply-scroll-clip { width: auto; height: 110px; padding-top: 20px; } .vert .simply-scroll-list {} .vert .simply-scroll-list li { width: auto; height: auto; } .vert .simply-scroll-list li img {} .vert .simply-scroll-btn {} .vert .simply-scroll-btn-up { /* modified btn pos */ right: 0; top: 0; } .vert .simply-scroll-btn-up.disabled {} .vert .simply-scroll-btn-up:hover {} .vert .simply-scroll-btn-down { /* modified btn pos */ right: 0; top: 52px; } .vert .simply-scroll-btn-down.disabled {} .vert .simply-scroll-btn-down:hover {} .blink{margin:0 0 15px;} .blink ul{/*! margin: 16px 0; */} .blink ul li{position: relative;} .blink ul li:before{content: '\f105';font-family: 'FontAwesome';position: absolute;left: -3px;top: 6px;} .blink ul li:last-child{margin-right: 0;} .blink ul li a{color: #fff;text-transform: uppercase;/*! font-weight:600; *//* font-size: 15px; */padding: 8px 8px;display: block;} .blink ul li a:hover{ color: #e50642;font-weight: normal; } .blink2{margin:0 0 15px;} .blink2 ul li:before{content: '\f105';font-family: 'FontAwesome';position: absolute;left: -3px;top: 6px;} .blink2 ul li{float:none;position: relative;} .blink2 ul li a{color: #fff;text-transform: uppercase;/*! font-weight:600; *//* font-size: 15px; */color: #fff;padding: 8px 8px;display: block;} .blink2 ul li a:hover{ color: #e50642;font-weight: normal } #footer .line{margin-bottom:10px;line-height: 30px} #footer .line a{color: #e50642;} /*-------------------Go to top---------------------*/ #toTop { display:none; text-decoration:none; position:fixed; bottom:50px; right:10px; overflow:hidden; width:51px; height:51px; border:none; text-indent:100%; background:url(../img/top.png) no-repeat left top;z-index: 999; } #toTopHover { background:url(../img/top.png) no-repeat left -51px; width:51px; height:51px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #toTop:active, #toTop:focus { outline:none; } /*show menu left*/ .aside { min-width: 260px; width: 15%; position: fixed; top: 0; left: 0; bottom: 0; background-color: #fafafa; font-family: Helvetica, Arial, sans-serif; border-right: 1px solid #333; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); z-index: 9999; width: 0px; min-width: 0px; overflow: hidden; transition: 0.35s width ease, 0.35s min-width ease; } .aside .aside-header { background: #ce1d1b none repeat scroll 0 0; color: #fff; font-size: 18px; letter-spacing: 1px; padding: 5px 0; text-align: center; text-transform: uppercase;margin-bottom: 0px;display: block; } .aside .aside-header .close { float: right; cursor: pointer; } .aside .aside-contents { background:#252525 ; } .aside.in { width: 15%; min-width: 260px; } .aside-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; transition: 0.2s opacity ease; opacity: 0; display: none; } .aside-backdrop.in { display: block; opacity: 0.5; } .asideOpen{display: none;} .asideOpen a{background: #ce1d1b none repeat scroll 0 0; color: #fff; font-size: 18px; letter-spacing: 5px; padding: 5px 0; text-align: center; text-transform: uppercase;margin-bottom: 30px;display: block;} .asideOpen a:hover{background:#000000;} .affix { top: 55px;z-index: 999;padding:0px;width: 100%; } .affix.asideOpen a{background: #4B4B4B} .affix.asideOpen a:hover{background:#ce1d1b;} .bread{background:#161616;text-transform: uppercase;font-size: 14px;} .breadcrumb{font-weight: 100;font-size: 12px; } .breadcrumb>li a:hover{color: #66ccff;} .backBtn a{color: #fff;display: block;padding: 10px;} .backBtn a:hover{color: #ce1d1b;} .tpNav .navbar-nav > li > a >.caret{display: none;} .navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret { position: absolute; right: 0; margin: -3px 15px 0 0; padding: 0; width: 32px; height: 26px; line-height: 24px; text-align: center; border-width: 1px; border-style: solid; top: 1px;} .navbar-collapse { max-height: inherit!important; } /*--------------------------------------------------===========================*/ .pageTitleContainer{background-size: 100%; /* -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/ padding:70px 0;text-align: left;} .pageTitle{ font-size: 32px; text-transform: uppercase; color: #fff; position: relative; text-shadow: 0px 2px 1px rgba(150, 150, 150, 0.95); font-weight: 600; } .breadcrumb{text-transform: uppercase;text-align: right;font-size: 14px;} .breadcrumb a{color: #fff;} .breadcrumb .active{color: #fff;} .centerSection{margin: 60px 0 0;background-image: url(../images/featured-bg.svg);padding: 0px 0;background-attachment: fixed;background-position: center 52px;background-repeat: no-repeat;background-size: cover;} .centerSection .heading{margin: 0 0 30px;} /*-------------------left menu---------------------*/ .lMenu h2{font-size: 22px;font-weight: 700;position: relative;color: #232020;display: inline-block;padding: 20px 20px 10px;} .lMenu h2:after{position: absolute;content: '';right: -5px;top: 50%;width:10px;height: 2px; background:#e50642; } .lMenu hr{border-top:#e2e2e2 solid 1px;margin: 0px 0;} .lMenu {margin-bottom: 30px;border: #cccccc solid 1px;padding: 10px 0;} .lMenu .accordion{ /*border-top: 1px solid #FF5959; border-right: 1px solid #FF0000; border-left: 1px solid #F8FF00;*/} .lMenu .accordion, .lMenu .accordion li {margin-bottom: 5px; padding: 0;} .lMenu .accordion a {padding: 5px 10px 5px 25px; text-decoration:none; display: block; color: #4c4646;font-weight: bold;font-size: 16px;position: relative;border-bottom: #ffffff solid 1px;/*border-bottom: 1px solid #013d6c; border-top: 1px solid #4695d3;*/} .lMenu .accordion ul li{margin-bottom: 12px; border-bottom:dashed 1px #dedede ;} .lMenu .accordion ul a { padding: 3px 0px 3px 25px; color: #4c4646; font-size: 14px; font-weight: 400; position: relative;text-transform: uppercase; } .lMenu .accordion a:before{content: '\f105';font-size: 16px;font-family: 'FontAwesome';left: 6px;position: absolute;top: 4px;} .lMenu .accordion ul li a:before{top: 2px;} .lMenu .accordion ul a.dcjq-parent{font-weight: normal;} .lMenu .accordion ul{background:#FFFFFF;padding: 8px;} .lMenu .accordion ul i { float: right; display: inline-block; line-height: 22px; font-size: 9px; font-style: normal; color: #696969; } .lMenu .accordion ul span{display: inline-block;padding-left: 5px;} .lMenu .accordion a.dcjq-parent{color: #4c4646;font-weight: 600;font-size: 14px;text-transform:none;position: relative;border-bottom: #ffffff solid 0px;background:url(pluse.png) no-repeat right;text-transform: uppercase;} /*.lMenu .accordion a.dcjq-parent:before{ content:"-";position: absolute;left: 0; }*/ .lMenu .accordion a.dcjq-parent:hover {color: #e50642;} .lMenu .accordion a.dcjq-parent, .lMenu .accordion a.dcjq-parent:hover {padding: 8px 10px 7px 15px;position: relative;} .lMenu .accordion a.dcjq-parent.active {color: #e50642;background: url(minus.png) no-repeat right;} .lMenu .accordion a.dcjq-parent .num{float: right;padding-right: 18px;} .lMenu .accordion a:hover {color: #e50642;} .lMenu .accordion a:active{} .lMenu .accordion a.dcjq-parent span{float: right;} .lMenu .accordion a.dcjq-parent:last-child{border-bottom:none;} .lMenu .accordion .dcjq-parent-li a.dcjq-parent{padding-left: 25px;font-size: 16px;} .lMenu .accordion .dcjq-parent-li a.dcjq-parent:before{top: 7px;} .listingSection{ margin-bottom: 30px; border: #e2e2e2 solid 0px; padding: 5px; background: #e50642; } .listingSection .btn-group span{padding-right: 10px;} .listingSection a{padding-left: 15px;font-size: 15px;} .listingSection a:focus, a:hover{color: #e50642;} .listingSection .total{color: #fcc1c1;} .item.list-group-item { float: none; width: 100%; /* background-color: #f2f2f2; */ margin-bottom: 10px; border: none; } #products .proThumb{margin-bottom: 40px;} .item.list-group-item .item.list-group-item:hover .textContainer{border-right: none;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;background: none;} .item.list-group-item{margin-bottom: 40px;} .list-group p{display: none;} .item.list-group-item:nth-of-type(odd):hover,.item.list-group-item:hover { /* background: #fff; */ } .item.list-group-item:hover .proThumb{-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.6);border-bottom:none;} .item.list-group-item .proThumb .inquirNow{transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;opacity: 1;position: relative;left: 50%;width: 170px;margin-left: -85px;} .item.list-group-item .proThumb .textContainer h5 { font-size: 18px; color: #e3122f; font-weight: 600; margin-bottom: 80px; } .item.list-group-item:hover{/* -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.6); */-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.6);box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.6);border-bottom: none;} .item.list-group-item:hover .textContainer{background:#FFFFFF;margin-top:0px;} .item.list-group-item:hover .overlay i{left: 50%;top: 50%;} .item.list-group-item:hover .overlay{height: 100%;top:0%;} .item.list-group-item .list-group-image { margin-right: 10px; } .item.list-group-item .thumbnail { margin-bottom: 0px; } .item.list-group-item .caption { padding: 9px 9px 0px 9px; } .item.list-group-item:nth-of-type(odd) { } .item.list-group-item:before, .item.list-group-item:after { display: table; content: " "; } .item.list-group-item .product-thumbnail { float: left; margin-right: 30px; width: 50%; } .item.list-group-item:after { clear: both; } .list-group-item-text { margin: 0 0 11px; } .item.list-group-item p{display: block;padding: 15px;margin-bottom: 30px;font-size: 15px;line-height: 30px;} .item.list-group-item .product-item .item-inner .item-info { text-align: left; padding-top: 12px; background: #fff; } .paginationSection{border: #e2e2e2 solid 0px;padding: 0px;color: #4c4646;text-align: center;} .pagination{margin: 0;margin-bottom: 0px;} .pagination > li > a, .pagination > li > span { background-color:inherit; border:#e2e2e2 solid 1px; color: #4c4646; float: left; line-height: 1.42857; margin-left: -1px; padding: 6px 12px; position: relative; text-decoration: none; } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { background-color: #e50642; border-color: #e2e2e2 solid 1px; color: #fff; z-index: 2; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #e50642; border-color: #e2e2e2; color: #fff; cursor: default; z-index: 3; } .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { -webkit-border-radius:0 ; -moz-border-radius: 0; border-radius:0!important ; margin-left: 0; } .showing{color: #4c4646;} .popup-box-on { display: block !important; } .off { display: none; } .chat_box .chat_message_wrapper ul.chat_message > li + li { margin-top: 4px; } #search.open { opacity: 1; transform: translate(0px, 0px) scale(1, 1); } #search { background-color: #fff; height: 100%; left: 0; position: fixed; top: 0; transition: all 0.5s ease-in-out 0s; width: 100%; z-index: 2000; } #search .close { color: #be5254; font-size: 40px; opacity: 1; padding: 10px 17px; position: fixed; right: 15px; top: 15px; } button.close { background: transparent none repeat scroll 0 0; border: 0 none; cursor: pointer; } .close { float: right; font-weight: bold; line-height: 1; text-shadow: 0 1px 0 #fff; } #search input[type="text"] { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; color: #333; font-size: 50px; font-weight: 300; margin: -51px auto 0; outline: medium none; padding-left: 30px; padding-right: 30px; position: absolute; text-align: center; top: 50%; width: 100%; } #search .btn { left: 50%; margin-top: 60px; padding: 10px 50px; position: absolute; top: 50%; transform: translateX(-50%); } .s-icon a { background: #fff none repeat scroll 0 0 !important; border-radius: 40px !important; color: #be5254 !important; font-size: 26px; height: 44px; margin: 3px -12px 0 0; padding: 7px 0 0 !important; text-align: center; width: 44px; } .navbar-inverse .navbar-nav > li > a { color: #fff; } .navbar-inverse .navbar-brand { background: #fff none repeat scroll 0 0 !important; border-radius: 50px; color: #be5254 !important; height: auto; margin: 3px 0 2px -12px !important; padding: 12px 20px !important; } .btn-lg, .btn-group-lg > .btn { border-radius: 153px; font-size: 29px; } .btn-site { background: #be5254 none repeat scroll 0 0; color: #fff !important; } .largeSection{/* background: #ededed; */border: #e50642 solid 1px;margin-bottom: 30px;} .largeImg{background: #fff;padding: 30px;/* -webkit-box-shadow: 5px 0px 10px 2px rgba(0,0,0,0.1); */-moz-box-shadow: 5px 0px 10px 2px rgba(0,0,0,0.1);/* box-shadow: 5px 0px 10px 2px rgba(0,0,0,0.1); */} .tpNPBtn{text-align: right;/* margin-bottom: 30px; */position: relative;bottom: 9px;right: -19px;z-index: 9999;} .tpNPBtn a{color: #fff;margin-right: 5px;background: #757575;padding: 5px 10px;} .tpNPBtn a:hover{color: #fff;background: #e50642;} .detailSection{padding: 15px;background: efefef;position: relative;} .detailSection .heading{font-size: 26px;font-weight: 100;color: #333335;position: relative;text-transform: uppercase;line-height: 34px;margin-bottom: 20px;border: none;padding-left: 0;text-align: left;} .detailSection .heading::before{background: none;} .detailSection .artNo{font-size: 18;text-transform: uppercase;margin-bottom: 20px;color: #e50642;font-weight: 700;background: none;font-size: 20px;} .detailSection p{color: #706666;font-size: 14px;line-height: 28px;margin-bottom: 30px;} .detailSection h3{font-size: 22px;font-weight: 700;color: #232020;text-transform: uppercase;margin-bottom: 20px;} .detailSection select{border-radius: 0;} .detailSection .quantitySection{margin-bottom: 15px;margin: 30px 0;color: #232020;} .detailSection .quantitySection .col:first-child{width: 24%;} .detailSection .quantitySection .col{width: 34%;display: inline-block;} .detailSection .inquiry{position: relative;top: -15px;} .detailSection .inquiry a{background: #757575;padding: 10px 14px;font-size: 14px;text-transform: uppercase;border-radius: 0px;transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;color: #fff;} .detailSection .inquiry a i{padding-right: 5px;} .detailSection .inquiry a:hover{background: #e50642;} .detailSection .chart{position: relative;top: -15px;} .detailSection .chart a{background: #232020;padding: 10px 14px;font-size: 14px;text-transform: uppercase;border-radius: 4px;transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;} .detailSection .chart a:hover{background: #e50642;color: #fff;} .quantity { position: relative; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .quantity input { width: 90px; height: 42px; line-height: 1.65; float: left; display: block; padding: 0; margin: 0; padding-left: 20px; border: 1px solid #eee; } .quantity input:focus { outline: 0; } .quantity-nav { float: left; position: relative; height: 42px; } .quantity-button { position: relative; cursor: pointer; border-left: 1px solid #eee; width: 20px; text-align: center; color: #333; font-size: 13px; line-height: 1.7; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .quantity-button.quantity-up { position: absolute; height: 50%; top: 0; border-bottom: 1px solid #eee; } .quantity-button.quantity-down { position: absolute; bottom: -1px; height: 50%; } #carousel .flexslider{margin-top: 0;} #carousel img{border:#e2e2e2 solid 2px;cursor: pointer;} .moreDetail{margin: 40px 0;color: #706666;} .moreDetail p{font-size: 14px;line-height: 30px;} .moreDetail .nav-tabs>li>a{background: #666666;text-transform: uppercase;font-size: 14px;} .moreDetail .nav-tabs>li.active>a, .moreDetail .nav-tabs>li.active>a:focus, .moreDetail.nav-tabs>li.active>a:hover{color: #fff;background: #e50642;} .moreDetail .tab-content{background: #f5f5f5;border: #d9d9d9 solid 2px;padding: 20px;} .moreDetail .tab-content ul{margin: 15px 0;font-size: 14px;} .moreDetail .tab-content ul li{margin-bottom: 10px;} .relatedProduct{padding: 10px 0; } #relatedProduct .owl-stage-outer{padding: 30px 0;} #relatedProduct .owl-nav { margin-top: 0px; position: absolute; top: 42%;width: 100%;z-index: 20; } #relatedProduct .owl-prev{background:#FFFFFF;border:#706666 solid 1px;-webkit-border-radius:50%; -moz-border-radius:50% ; border-radius:50% ;font-size: 22px;left: 0px;position: absolute;color: #808080;} #relatedProduct .owl-next{background:#FFFFFF;border:#706666 solid 1px;-webkit-border-radius:50%; -moz-border-radius:50% ; border-radius:50%;font-size: 22px;right: 0;position: absolute;color: #808080;} #relatedProduct .item{padding: 0 15px;} .about{margin: 0 0 30px;background: #fff;font-size: 16px!important;line-height: 30px;} .about img{margin-bottom: 30px;} .about img{-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.75);} .newsThumb { background: #f9f9f9; margin-bottom: 40px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.16); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.16); } .newsThumb img{width: 100%;} .newsThumb h4 { font-size: 18px; font-weight: 700; color: #232020; text-transform: uppercase; } .newsThumb .txtContainer { padding: 15px; } .mediaNews{margin: 0;} .mediaNews ul li{margin-bottom: 30px;border-bottom: #dedede solid 1px;} .mediaNews .date{color: #757575;font-size: 14px;} .mediaNews .newsHeading{font-size: 22px;font-weight: 700;color: #e50642;padding: 10px 0;} .mediaNews p{line-height: 26px;} .contactUs h3{font-size: 20px;font-weight: 600;text-transform: uppercase;margin-bottom: 30px;} .contactUs input[type="text"]{width: 100%;color: #808080;padding-left: 10px;margin-bottom: 15px;text-transform: uppercase;background: #e6e6e6;border: none;border-radius: 0;line-height: 36;height: 36px;} .contactUs textarea{width: 100%;color: #808080;padding-left: 10px;margin-bottom: 15px;text-transform: uppercase;background: #e6e6e6;border: none;border-radius: 0;} .contactUs .btn{background: #18191a;color: #fff;text-transform: uppercase;border-radius: 0;padding: 10px 15px;border: none;} .contactUs .btn:hover{background: #e50642;} .address{margin-bottom: 30px;} .address ul li{border-bottom:#dedede solid 1px;padding-bottom: 15px;margin-bottom: 15px;} .address ul li:last-child{border: none; } .address .icon{float: left;width: 20%;} .address em{width:36px;height: 36px;margin-right: 10px;font-size: 20px;background: #e50642;color: #fff;text-align: center;line-height: 36px;} .address em{width:36px;height: 36px;margin-right: 10px;font-size: 20px;background: #e50642;color: #fff;text-align: center;line-height: 36px;} .address .rTxt{float: left;width: 78%;} .address .rTxt:after{float: none;clear: both;display: block;} .address h4{color: #333335;font-size: 16px;text-transform: uppercase;} .address p{font-size: 13px;} .map{margin-top: 30px;} .map iframe{width: 100%;height: 500px;} .no-more-tables { width: 100% } .no-more-tables .table-bordered { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-collapse: separate; border-color: #dddddd #dddddd #dddddd -moz-use-text-color; border-image: none; border-radius: 4px; border-style: solid solid solid none; border-width: 1px 1px 1px 0; width: 100%; margin-bottom: 30px } .myRow label { margin-bottom: 15px } .myRow input[type="text"], .myRow input[type="email"], .myRow select { width: 60%; height: 30px; line-height: 30px } .myRow textarea { height: 200px; width: 60% } @media only screen and (max-width: 800px) { .myRow input[type="text"], .myRow input[type="email"], .myRow textarea { width: 95% } .no-more-tables table, .no-more-tables thead, .no-more-tables tbody, .no-more-tables th, .no-more-tables td, .no-more-tables tr { display: block } .no-more-tables table { width: 100% } .no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px } .no-more-tables tr { border: 1px solid #ccc } .no-more-tables td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 48%; white-space: normal; text-align: left } .no-more-tables td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold } .no-more-tables td:before { content: attr(data-title) } } .tdHeading { color: #FFFFFF; background: #000; font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center } .tdTxt { font-size: 12px; color: #616161 } .tdTxt .view { color: #e56c25 } .tdTxt .view:hover { text-decoration: underline } .tdTxt .reorder { color: #616161; font-weight: bold } .tdTxt .reorder:hover { text-decoration: underline } .backPage { margin-top: 5px; float: right; width: auto } .backPage a { background: #d04d20; color: #FFF; font-size: 12px; font-weight: 700; text-transform: uppercase; padding: 4px 10px; border-radius: 4px; display: inline-block } .addToCartPage .no-more-tables .cartImg { float: left; margin: 10px } .addToCartPage .no-more-tables .cartImg img { max-width: 100%; width: 100%; width: 80px } .addToCartPage .no-more-tables .cartText { display: block; text-align: left; white-space: pre-line } .addToCartPage .no-more-tables .price { font-weight: bold } .addToCartPage .updateBtn a { display: block; padding: 4px 10px; background: #d85621; margin: 5px 5px; color: #FFF; text-transform: uppercase; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-size: 12px } .removeAll { float: left; width: auto; font-size: 12px; color: #000 } .removeAll a { color: #000 } .removeAll a:hover { color: #f37021 } .totalSection { float: right; width: auto; font-size: 16px; text-align: right; margin-top: 15px } .totalSection span { display: block; border-bottom: #d8d8d8 solid 1px; padding: 5px 0 } .totalSection p { color: #616161; font-size: 12px } .totalSection a { display: inline-block; padding: 4px 10px; background: #d85621; margin: 10px 5px; color: #FFF; text-transform: uppercase; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px } .totalSection p img { display: inline-block; padding: 2px } .totalSection p .orange { color: #e56c25; display: inline-block; border: none } .totalSection .orange { color: #e56c25 } .addToCartPage .btn { background: #ee1d25; color: #fff } .addToCartPage .btn:hover { background: #c40008 } .formSection h3 { font-size: 22px; font-weight: 700; color: #232020; display: inline-block; padding: 20px 20px 10px 0px } .formSection .myRow { margin-bottom: 15px } .formSection .myRow label { margin-bottom: 15px; display: block; color: #232020; font-weight: normal; font-size: 13px } .formSection .myRow input[type="text"], .myRow input[type="email"], .myRow select { width: 80%; height: 30px; line-height: 30px; color: #232020; font-size: 12px; padding-left: 10px } .formSection .myRow textarea { height: 200px; width: 80%; color: #232020; font-size: 12px; padding-left: 10px } .formSection .myRow .red { color: #FF0004 } .formSection .btn { border: #ed1d24 solid 1px; font-size: 18px; text-transform: uppercase; font-weight: 700; background: #FFFFFF; padding: 8px 22px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #ed1d24; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease } .formSection .btn:hover { color: #fff; background: #ed1d24 } /*--------------------------------------------------===================================================*/ /*new media end*/ /*========== Mobile First Method ==========*/ /*========== Non-Mobile First Method ==========*/ @media (min-width: 1600px) and (max-width: 1920px) { .tpNav .navbar-nav > li { margin-right: 40px; } } /* Large Devices, Wide Screens */ @media only screen and (max-width : 1200px){ } @media (min-width: 1025px) and (max-width: 1199px) { .tpNav .navbar-nav>li { margin-right: 25px; } .tpNav .navbar-nav>li:last-child{margin-right: 0;} } @media (max-width: 1024px) { .tpNav .navbar-nav>li{margin-right: 15px;} .tpNav .navbar-nav>li a{font-size: 14px;} .homeBanner {/* padding-top: 90px; */} h1 {font-size: 40px;} h1 span {font-size: 26px;} .homeCat .cat figcaption {bottom: -96px;} } /* Medium Devices, Desktops */ @media (min-width: 1050px) and (max-width: 1100px) { .cName { position: relative; width: 120px; } .tpSearch { margin-right: 14px;} .tpNav .navbar-nav > li { margin-right: 8px; } } @media (min-width: 768px) and (max-width: 991px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #fff; white-space: nowrap; } .dropdown-menu > li > a:hover { color: #FFFFFF; background-color:inherit; } .navbar-header { float: none; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; /*margin: 7.5px -15px;*/ margin: 7.5px 50px 7.5px -15px } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .navbar-text { float: none; margin: 15px 0; } /* since 3.1.0 */ .navbar-collapse.collapse.in { display: block!important; } .collapsing { overflow: hidden!important; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none;border-color:inherit;box-shadow: inset 0 0px 0 rgba(255,255,255,0.1);margin-top: 20px;} .tpNav .navbar-nav > li > a >.caret{display: block;} .shortContact ul li { float: left; margin-right:10px; } } @media (min-width: 990px) and (max-width: 1050px) { .cName { position: relative; width: 120px; } .tpSearch input[type="text"] {width: 100px;} } @media only screen and (max-width : 992px){ .tpNav .navbar-default .navbar-nav > .open > a::before { border-left: 0 solid transparent; border-right: 0 solid transparent; border-top: 0 solid #ce1d1b; width: 0; } .tpNav .navbar-default .navbar-nav > .open > a::after { border-bottom: 0 solid #ce1d1b; border-left: 0 solid transparent; border-right: 0 solid transparent; } .tpNav .navbar-default .navbar-nav > li { margin-right: 0; } .navbar-nav { float: none; margin: 7.5px 0px 7.5px 0px; } .tpNav .navbar-default .navbar-nav > li > a {font-size: 14px;} .tpNav .search{float: left;margin-top: 8px;width: 45%;} .tpNav .form-control { background-color: #181818; border: medium none; border-radius: 0; } .tpNav .btn { /* background: #434343 none repeat scroll 0 0; */ /* border: medium none; */ /* border-radius: 0; */ /* color: #181818; */ } .tpNav .navbar-default .navbar-nav > .active > a::before, .tpNav .navbar-default .navbar-nav > .active > a::after, .tpNav .navbar-default .navbar-nav > li > a::before, .tpNav .navbar-default .navbar-nav > li > a::after, .tpNav .navbar-default .navbar-nav > li > a:hover::before, .tpNav .navbar-default .navbar-nav > li > a:hover::after { border: none; } .asideOpen{display: block;} .navbar-default .navbar-brand img{max-width: 75%;} #newPro .nTxt, .nImg {max-width: 50%;} .social ul li {margin-bottom: 10px;} .navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none;border-color:inherit;box-shadow: inset 0 0px 0 rgba(255,255,255,0.1);margin-top: 0px; } .tpNav .navbar-default .navbar-nav > li {margin-right: 0;margin: 10px 0;} .tpNav {padding:0px 0px 0px;} #header .pull-right{float: none!important;} .homeBanner {/* padding-top: 68px; */} .tpNav .navbar-nav > li > a >.caret{display: block;} .navbar-toggle{margin: 8px 0;} .navbar-default .navbar-toggle {background: #18191a;border-color: #18191a;} .navbar-default .navbar-toggle:hover{background: #e50642;border-color: #fff;} .tpNav .btn { background: #fff none repeat scroll 0 0; border: medium none; border-radius: 0; color: #181818; padding: 5px 5px; margin-top: -2px; } .tpSearch{margin-top: 15px;border: none; } .tpSearch input[type="text"]{padding-left: 10px;height: 30px;line-height: 30px;} .companySection {padding: 15px 0;} .mSearch{background: #DCDCDC;margin-bottom:10px;padding: 8px 0;} .mSearch .inquirCart{float: right;margin-right: 15px;} .mSearch .tpSearch{border: solid 1px #C1C1C1;margin-top: 0;} .mSearch .tpSearch .btn { padding: 0px 6px; box-shadow: none; } .tpNav .nav { margin-top: 30px; margin-left: 30px; } .scrollActive .headerContainerWrapper .cName{top: 10px;} .heading h1 { font-size: 30px; padding: 5px 0 10px; line-height: normal; } .heading h1 span { font-size: 30px; line-height: 30px;} /*end*/} /* Small Devices, Tablets */ @media only screen and (max-width : 768px){ #mainHeader { } .tpLinks .socialT { float: left; } .catSlider .cat h2 {font-size: 34px;margin-top: 20px;} .copyrights {font-size: 14px;} .breadcrumb {text-align: left;} .tpNav .navbar-default .navbar-nav > li {margin-right: 0;} .tpNav .navbar{margin-bottom: 0;} .tpNav .search{float: left;margin-top: 8px;width: 45%;} .navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {margin: 0 15px 0 0;} .asideOpen{display: block;} h1::after {bottom: 16px;} .blink ul li a { color: #fff; text-transform: uppercase; font-weight: 600; font-size: 13px; color: #fff; padding: 12px 14px; display: block; } .companySection {padding: 20px 0;} .blink ul li {margin-right: 0px;} .blink ul li a { padding: 8px 9px;} } @media only screen and (max-width : 767px){ .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #2E2E2E; } .newsletter input[type="email"] { width: 65%;} .banskew, .homeBanner::after{display: none;} .slide-text > p > span { display: block; font-size: 14px; font-weight: 600; padding-top: 8px; } .dropdown-menu > li > a { color: #666666 !important; } .tpLinks ul{text-align: center;float: none;} .tpLinks ul li{float: none;display: inline-block;margin-right: 0px;} .tpLinks ul li a { display: block; text-transform: uppercase; font-size: 12px; padding: 8px 8px; } .companySection { padding: 10px 0; } .heading {margin: 20px 0;} .product-item .item-inner .item-info .item-title a {font-size: 14px;} .footer h3 {font-size: 24px;} .social{margin-bottom: 30px;} #cat .owl-prev, #featured .owl-prev{left: 10px;} #cat .owl-next, #featured .owl-next {right: 10px;} h1{margin-bottom: 0px;font-size: 30px;} h1 span {font-size: 26px;} .homeCat .cat h2 {font-size: 20px;} .slide-text {top: 14%;} #newPro .nTxt .artNo{display: block;margin-bottom: 30px;} .navbar-default .navbar-brand img {max-width: 80%;} .navbar-brand { float: left; height: inherit; padding: 5px; font-size: 18px; line-height: 20px; } .tpNav { padding: 0px 0px; } .navbar-toggle {margin-top: 10px;margin-bottom: 10px;} .hNews { margin: 0px 0px 30px 0; } .social ul li a { width: 30px; height: 30px; display: block; line-height: 30px; font-size: 16px; } .newsletter { margin-top: 40px; } .newsletter input[type="text"] {width: 65%;} .newsletter .btn {width: 32%;} .blink ul li { width: 28%; margin-bottom: 15px; margin-right: 0px; font-size: 14px; } .tpSearch { margin-top: 0px; padding: 0px; } .tpNav .btn {margin-top: -3px;} .footer h3 { margin: 10px 0;} .footer h3 span {font-size: 26px;} .tpSearch { margin-right: 20px; } } /* Extra Small Devices, Phones */ @media only screen and (max-width : 480px){ .slide-text > h1:after { top: 5px; width: 1px; height: 30px; } .slide-text > h1:before { font-size: 16px;top: -20px; } .blink ul li { width: 48%; margin-bottom: 15px; margin-right: 0px; font-size: 14px; } .media .col-xs-6{width: 100%;} .blogo { display: block; text-align: left; margin-bottom: 20px; } .newsletter { margin: 20px 0 30px; } #products .col-xs-6{width: 100%;} } /* Custom, iPhone Retina */ @media only screen and (max-width : 360px){ .tpLinks ul li a { font-size: 11px; padding: 8px 3px; } .detailSection .quantitySection .col { width: 100%; display: block; } .detailSection .inquiry { position: relative; top: 0px;display: block; } } .transation{-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-duration: 0.7s; -moz-transition-property: height, top; -o-transition-property: height, top; -webkit-transition-property: height, top; transition-property: height, top; -moz-box-shadow: rgba(30, 50, 50, 0.25) 0 0.05em 0.5em; -webkit-box-shadow: rgba(30, 50, 50, 0.25) 0 0.05em 0.5em; box-shadow: rgba(30, 50, 50, 0.25) 0 0.05em 0.5em;} textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color:none; box-shadow:none; outline: 0 none; }