@import url("shivam.css"); /* ---------- styleguide@import url("font-awesome.min.css"); --------- */ body { font-size:12px; font-family:Arial; } .h1 + p,.h2 + p,.h3 + p{ padding:10px 0 0 0; } * + .h1,* + .h2,* + .h3 { padding:25px 0 0 0; } ul+ul{ margin:25px 0 0 0} .h2+ul{ margin:7px 0 0 0} .h1 + .h2{ padding-top:10px ;} .h2 + .h3{ padding-top:10px;} .h3 + .h4{ padding-top:10px;} .h1 + .h4{ padding-top:7px;} .h1 + .h3{ padding-top:7px;} .h1+.h1,.h2+.h2,.h3+.h3,.h4+.h4{ padding-top:10px ;} .navbar-wrapper .navbar{ margin-bottom: 0px; } /* ---------- End styleguide --------- */ img { max-width:100%; height:auto; } a:hover { text-decoration:none; } *:focus { outline:none !important } p { padding:15px 0 0 0 ; margin:0; color:#4d4d4d; font-size:14px; font-family: 'PT Sans', sans-serif; } p + p { padding-top:7px; } .h1 { border-bottom: 1px solid #eee; } table { width:100%;} [class^="siteicon-"], [class*="siteicon-"] { display: inline-block; width: 16px; height: 16px; line-height: 14px; vertical-align: text-top; background-image: url(/Content/images/site/site-icon.png); background-position: 14px 14px; background-repeat: no-repeat; .ie7-restore-right-whitespace(); } .siteicon-search { background-position:0px 0px; } .siteicon-shadow-small-1 { background-position:0px -375px; width:25px; height:50px; } .siteicon-shadow-big-1 { background-position:-60px -350px; width:25px; height:105px; } .siteicon-shadow-big-2 { background-position:-152px -300px; width:20px; height:175px; } .siteicon-question { background-position:-50px 1px; width:40px; height:40px; background-color:#fff;} .siteicon-email { background-position:-128px -3px; width:45px; height:40px; background-color:#fff; } .siteicon-cart { background-position:-206px -13px; width:25px; height:25px; } .siteicon-delete { background-position:-276px 1px; width:30px; height:30px; } .siteicon-pdf { background-position:-339px -1px; width:22px; height:25px; } .siteicon-flag-aus { background-position:-372px -4px; width:27px; height:20px; } .siteicon-flag-nz { background-position:-408px -4px; width:27px; height:20px; } .siteicon-arrow-left-double { background-position:2px -62px; width:15px; height:15px; } .siteicon-arrow-left-single { background-position:-38px -62px; width:15px; height:15px; } .siteicon-arrow-right-single { background-position:-76px -62px; width:15px; height:15px; } .siteicon-arrow-right-double { background-position:-113px -62px; width:15px; height:15px; } .siteicon-circle-check-a { background-position:-152px -60px; width:25px; height:25px; } .siteicon-circle-check-d { background-position:-188px -60px; width:25px; height:25px; } .siteicon-circle-color-a { background-position:-226px -62px; width:19px; height:19px; } .siteicon-circle-color-d { background-position:-256px -62px; width:19px; height:19px; } .link-pink, .link-pink:visited, .link-pink:focus { color:#e0134e; } .link-gray-1, .link-gray-1:viited, .link-gray-1:focus { color:#4c4c4c; } .btn-pink-large { padding:10px 15px; background:#e0134e; color:#fff; font-size:18px; text-transform:uppercase; font-family: 'Dosis', sans-serif; } .btn-pink-large:hover, .btn-pink-large:focus { color:#fff; background:#fc4479; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .btn-dark-gray { padding:5px 15px; color:#fff; font-size:16px; text-transform:uppercase; font-family: 'Dosis', sans-serif; background:#454545; border-color:#454545; } .btn-dark-gray:hover, .btn-dark-gray:focus { background:#6f6e6e; color:#fff; } .btn-dark-pink { padding:5px 15px; color:#fff; font-size:16px; text-transform:uppercase; font-family: 'Dosis', sans-serif; background:#e0134e; border-color:#454545; } .btn-dark-pink:hover, .btn-dark-pink:focus { background:#fd4e81; color:#fff; } .aboutuspage .btn-dark-pink { float:left; padding:10px 3%; margin:0px 5px 5px 0px; } .btn-pink { color:#fff; font-size:16px; text-transform:uppercase; font-family: 'Dosis', sans-serif; background:#e0134e; border-color:#e0134e; } .btn-pink:hover, .btn-pink:focus { color:#fff; background:#fd4e81; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } h1, .h1, .page-title-1 { font-size:30px; text-transform:uppercase; font-family: 'Dosis', sans-serif; color:#4d4d4d; } h2, .h2, .page-title-2 { font-size:24px; font-family: 'Dosis', sans-serif; color:#4d4d4d; } h3, .h3, .title-3 { color:#4d4d4d; font-size:30px; font-weight:normal; font-family: 'Dosis', sans-serif; } h4, .h4, .title-4 { font-size:20px; font-weight:normal; font-family: 'Dosis', sans-serif; } h5, .h5, .title-5 { font-size:16px; font-weight:normal; font-family: 'Dosis', sans-serif; } h6, .h6, .title-6 { font-size:14px; font-weight:normal; font-family: 'Dosis', sans-serif; } .subtitle-pink-1 { color:#e0134e; font-size:17px; font-weight:600; font-family: 'PT Sans', sans-serif; text-transform:none; } .align-left { text-align:left; } .align-center { text-align:center; } .align-right { text-align:right; } .caps-upper { text-transform:uppercase !important;} .caps-small { text-transform:lowercase;} .caps-none { text-transform:none;} ul { color:#4d4d4d; font-family: 'Dosis', sans-serif; font-weight:400; font-size:14px; } .sidebar { background:#f8f8f8 } .main-content-inner { padding-right:15px; } /*------------------------------ responsive -----------------------------------*/ .container { max-width:1170px; clear:both; } .well-light-gray-1 { background-color:#e9e9e9; } .well-dark-gray-1 { background-color:#535458; } .aboutuspage { clear:both; padding-top:20px; text-align:justify; } .aboutuspage .content-block-1, .aboutuspage .content-block-2, .aboutuspage .content-block-3, .aboutuspage .content-block-4, .aboutuspage .content-block-5, .aboutuspage .content-block-6 { clear:both; float:left; width:100%; } .aboutuspage .subtitle-gray-1 { text-align:center;} .aboutuspage .content-block-4 .ultext { display:table; margin:auto; width:100%; } .aboutuspage .content-block-4 .ultext li { width:auto; margin:5px auto; clear:both; color:#fff; list-style:inside; } .aboutuspage .address-box-row .subtitle-pink-1 { margin-top:0px; margin-bottom:0px; } .well-dark-gray-1 .subtitle-gray-1, .well-dark-gray-1 p{ color:#fff; } .aboutuspage .our-team {border: 10px solid #fff; box-shadow: 0 0 15px #ccc; -moz-box-shadow: 0 0 15px #ccc; -webkit-box-shadow: 0 0 15px #ccc; } .aboutuspage .our-team:hover { box-shadow:none;} .aboutuspage .address-box-row .box { min-height:50px; padding:0px; width:100%; } .aboutuspage .address-box-row .box1 { float:left; width:23.5%; margin:0px 2% 0px 0px; text-align:center; box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; } .aboutuspage .address-box-row .box1.last { margin-right:0px; } .aboutuspage .address-box-row .box1:hover { box-shadow:none; } .aboutuspage .address-box-row .contactpage-right { float:right; clear:none; width:24%; margin-top:0px; border:0px; } .aboutuspage .address-box-row .box1 .address-title-2 { margin-bottom:0px; } .aboutuspage .address-box-row .contactpage-left { padding:20px; width:73%;} /*------------------------------ End responsive -----------------------------------*/ .top-contact-right{ margin-top:20px; float:right; width:63%; } .top-flag{ margin:7px 0; } .top-links .link{ color:#4f4f4f; font-weight:700; text-transform:uppercase; font-size:19px; /*-moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; */} .top-links .link .fa { color:#87c229; font-size:25px; } .top-links .link .btn-default.btn-circle{ margin-right:5px; border-color: #87c229; padding: 10px; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .top-links .link:hover{ color:#000; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .top-links .link:hover .btn-default.btn-circle{ -ms-transform: scale(1.09); -webkit-transform: scale(1.09); transform: scale(1.09); -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; border-color: #e97915; } .top-links .link:hover .btn-default.btn-circle .fa{ color: #e97915; } .header-logo { float:left; } .navbar .logo { float:left; margin:20px 20px 0px 0px;} .header-top-link { float:right; margin:10px 0px 10px; padding:0px; list-style:none; position:relative; z-index:1000;} .header-top-link li { float:left; margin:0px 0px 0px 20px; padding:0px; list-style:none; text-transform:uppercase; color:#4c4c4c; font-size:14px; font-family: 'Dosis', sans-serif;} @media screen and (min-width:0\0) { .header-top-link li { margin:0px 0px 0px 21px; font-weight :200; letter-spacing:0.01em;} } .header-top-link li:after { content:"|"; float:right; margin:0px 0px 0px 20px; color:#e0134e; } .header-top-link li:last-child:after { display:none;} .header-top-link li a, .header-top-link li a:visited { color:#4c4c4c; } .header-top-link li a:hover, .header-top-link li.active a:link, .header-top-link li.active a:visited { color:#e0134e; text-decoration:none; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .header-top-link li.country-menu { position:relative; } .header-top-link li.country-menu > a { float:left; margin:0px 0 0 0; } .header-top-link li.country-menu:hover .country-menu-list-box { display:block; } .header-top-link li .country-menu-list-box { display:none; width:165px; padding:0px; margin:0px; right:2px; top:10px; position:absolute; z-index:1000;} .header-top-link li .country-menu-list { float:left; width:100%; display:block; padding:0px; margin:10px auto 0; background:#fff; position:relative; border:solid 1px #f1f0f0; border-radius: 4px 0 4px 4px; -moz-border-radius: 4px 0 4px 4px; -webkit-border-radius: 4px 0 4px 4px; } .header-top-link li .country-menu-list .title-1, .header-top-link li .country-menu-list .title-2 { float:left; padding:10px; width:100%; background:#fff;} .header-top-link li .country-menu-list .title-2 { padding-top:10px; border-top:solid 1px #ccc; } .header-top-link li .country-menu-list .con-list { clear:both; float:left; padding:5px 5px 5px 45px; margin:0px 0px 0px; width:100%; position:relative; } .header-top-link li .country-menu-list .con-list:hover { background:#454545; color:#fff;} .header-top-link li .country-menu-list .flag { position:absolute; left:10px; top:7px; } .header-top-link li .country-menu-list .con-list a { font-size:12px; color:#e0134e; } .header-top-link li .country-menu-list .con-list:hover a { text-decoration:underline;} .header-right-search-block { clear:both; float:right; width:100%; position:relative; } .header-right-search-block .btn-quote { float:right; } .header-search-box { width:77%; float:right; text-transform:uppercase; color:#767676; font-size:16px; font-family: 'Dosis', sans-serif; } .header-search-box .search-box { float:left; padding:11px 20px 12px 10px; margin:0 -2px 0 0; width:83%; position:relative; z-index:100; border: 1px solid #c8c8c8; border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; } @media screen and (min-width:0\0) { .header-search-box .search-box { padding:11px 20px 15px 10px; } } .header-search-box .btn { float:left; padding:12px 10px 10px 20px; background-color:#454545; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .header-search-box .btn { padding-bottom:9.5px; } } .top-contact-right .btn-pink-large { margin:0px 0px 0px 10px;} .banner-innerpage-1 { clear:both; float:left; width:100%; text-align:center; } .banner-bottom-link-box { clear:both; float:left; padding:10px 0px 0px; width:100%; background:#f4f4f4 url(/content/images/site/banner-link-bg-shadow.png) repeat-x 0px bottom; } .banner-bottom-link { list-style:none; padding:0px; margin:0px auto; display:table; } .banner-bottom-link li { float:left; margin:10px 0px 10px 0px; color:#4d4d4d; font-weight:200; text-transform:uppercase; font-size:25px; font-family: 'Dosis', sans-serif; } @media screen and (-webkit-min-device-pixel-ratio:0) { .banner-bottom-link li { font-weight:400; } } .banner-bottom-link li .siteicon-shadow-small-1 { float:right; margin:-5px 35px 0px; } .banner-bottom-link li a:link, .banner-bottom-link li a:visited { color:#4d4d4d; } .navbar-wrapper .navbar { padding-right: 0; padding-left: 0; border:0px; background:#fff; font-family: 'Dosis', sans-serif; } .website-nav{ border-top:solid 1px #e8e8e8; margin-top:15px; bottom:0px; position:relative; background:#454545 } .website-nav .nav > li > a { padding: 17px 33px; color:#fff; font-weight:600; text-transform:uppercase; font-size:14px; font-family: 'Dosis', sans-serif; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } @media screen and (min-width:0\0) { .website-nav .nav > li > a { line-height:18px; font-weight:500;} } .website-nav .nav > li{ display:inline-block; float:left; } .website-nav .nav > li.active, .website-nav .nav > li.active:hover > a , .website-nav .nav > li.active > a, .website-nav .nav > li > a:focus{ background:#e0134e; color:#fff; /*-moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; */ } .website-nav .nav > li:hover a{ color:#fff; background:#e0134e } .website-nav .nav > li.active a:after, .website-nav .nav > li:last-child a:after{ display:none; } .website-nav .nav > li a:after { border-right: 1px solid #6c6c6c; color: #6c6c6c; content: " "; float: right; height: 25px; position: absolute; right:-1px; top: 15px; width: 1px; } .nav-justified { display:block; } .nav-justified > li{ width:auto } .website-nav .container { position:relative;} .website-nav .nav { width:auto; margin:auto; display:table;} .website-nav .nav li { position:static;} .website-nav .nav li a { } .website-nav .nav li ul { padding:0px; margin:0px; clear:both; list-style:none; } .website-nav .nav li:hover ul { -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .website-nav .nav > li ul li { padding:5px 10px; background:#454545; } .website-nav .nav > li .megamenu a, .website-nav .nav > li:hover a { background:#454545; } .website-nav .nav > li:hover .megamenu a:after, .website-nav .nav > li:hover .megamenu a:before { content:""; display:none; } .website-nav .nav > li .megamenu a:after, .website-nav .nav > li .megamenu a:before { content:""; display:none; } .website-nav .nav > li ul li:hover { background:#fff; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .website-nav .nav > li ul li:hover a { color:#000; background:#fff; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .website-nav .nav > li:hover { background:#e0134e; background: #ca043d; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhMDQzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iI2U2MTM0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2VhMzg2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #ca043d 0%, #e6134f 48%, #ea386a 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca043d), color-stop(48%,#e6134f), color-stop(99%,#ea386a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ca043d 0%,#e6134f 48%,#ea386a 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ca043d 0%,#e6134f 48%,#ea386a 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ca043d 0%,#e6134f 48%,#ea386a 99%); /* IE10+ */ background: linear-gradient(to bottom, #ca043d 0%,#e6134f 48%,#ea386a 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca043d', endColorstr='#ea386a',GradientType=0 ); /* IE6-8 */ } .website-nav .nav li:hover a { background:url(/content/images/site/arrow-up-white.png); background-repeat:no-repeat; background-position:center bottom; -moz-transition: all 0s ease-in; -webkit-transition: all 0s ease-in; -o-transition: all 0s ease-in; transition: all 0s ease-in; } .website-nav .nav > li:hover .megamenu .side-title { color:#e0134e; border-bottom:solid 1px #e0134e; font-size:16px; background:none; padding:10px 20px; width: 100%; text-transform:capitalize; } .website-nav .nav > li:hover .megamenu .side-title a, .website-nav .nav > li:hover .megamenu .side-title a:visited { color:#e0134e; font-size:18px; } .website-nav .nav > li .megamenu { display:none; margin-top:-1px; width:100%; left:0px; position: absolute; overflow:hidden; z-index: 1000; background:#e5e5e5; border-radius: 0 0 15px 15px; -moz-border-radius: 0 0 15px 15px; -webkit-border-radius: 0 0 15px 15px; box-shadow: 0 5px 15px #aaa; -moz-box-shadow: 0 5px 15px #aaa; -webkit-box-shadow: 0 5px 15px #aaa; } .website-nav .nav > li .megamenu .menubox:hover .side-title a, .website-nav .nav > li .megamenu .menubox:hover .side-title a:visited { color:#6c6c6c; } .website-nav .nav > li:hover .megamenu .menubox:hover .side-title { border-color:#fff; } .website-nav .nav li:hover .megamenu { display:block;} .website-nav .nav li:hover .megamenu .menubox { float:left; width:20%; min-width:150px; min-height:100px; border:solid 1px #454545; border-color:#ccc #feaac2 #ccc #ccc; border-width: 0 1px 1px 0px; } .megamenu:after, .megamenu:before { bottom: 100%; left: 5%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .website-nav .nav > li .megamenu li { padding:5px 20px; line-height:20px; text-transform:capitalize; background :none; } .website-nav .megamenu #menu56 { clear:both;} .website-nav .megamenu #menu57 { clear:both;} .website-nav .nav #menu135 .megamenu { left:auto; width:auto; } .website-nav .nav #menu135 .megamenu .menubox { clear:both; } .website-nav .nav li:hover .megamenu .menubox .side-title, .website-nav .nav li:hover .megamenu .menubox ul { color:#000; background: #f8f8f8; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #f8f8f8 0%, #e5e5e5 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(99%,#e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8f8f8 0%,#e5e5e5 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8f8f8 0%,#e5e5e5 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8f8f8 0%,#e5e5e5 99%); /* IE10+ */ background: linear-gradient(to bottom, #f8f8f8 0%,#e5e5e5 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */ } .website-nav .nav li .menubox-block { float:left; width:20%; } .website-nav .nav li:hover .megamenu .menubox-block .menubox { width:100%; } .menubox-block .menubox-block-title { padding: 10px 15px; margin: 0; font-size: 18px; } .website-nav .nav li:hover .megamenu .menubox ul li:hover a { color:#000; } .website-nav .nav li:hover .megamenu a { background:none; color:#000; font-size:14px; letter-spacing:0.04em; } .website-nav .nav li:hover .megamenu ul li:hover a { color:#e0134e; text-decoration:underline; } .menubox ul li, .menubox ul li a { background:none;} .menubox ul li, .menubox ul li a { background:none !important; color:#000;} .website-nav .nav li:hover .megamenu ul li:hover { background:#fff!important;} .website-nav .nav .megamenu-filter-block { clear:both; float:left; margin:20px 20px 20px; font-size: 24px; } .website-nav .nav > li:hover .megamenu .megamenu-filter-block .side-title { margin:0px; padding-left:5px; color:#e0134e;} .website-nav .nav .megamenu-filter-block ul > li { float:left; margin:10px 10px 10px 0px; background:#fff !important; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .website-nav .nav .megamenu-filter-block ul li > a { padding:0px 10px; background:#fff; font-size:24px; text-transform:uppercase; } .website-nav .nav .megamenu-filter-block ul li:hover { box-shadow: 0 0px 5px #aaa; -moz-box-shadow: 0 0px 5px #aaa; -webkit-box-shadow: 0 0px 5px #aaa;} .mobile-navigation-1 { display:none; padding:13px 0px; color:#fff; font-weight:600; text-transform:uppercase; font-size:18px; font-family: 'Dosis', sans-serif; } .mobile-navigation-1 .arrow {position:relative; top:2px; margin-left:10px; font-size:15px; font-weight:lighter; } .mobile-navigation-1:hover .arrow { display:none; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .btn-xl1{ border-radius: 44px; font-size: 24px; height: 88px; line-height: 1.33; padding: 10px 0px; width: 88px;} .btn-xl{ font-size: 29px; line-height: 1.33; padding: 10px 20px; } .effect-rotate{ -ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg); } .effect-scale{ -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); } .no-round{ -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; } .hover-fade { -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .hover-fade1 { -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home-banner-1 { clear:both;} .home-banner-1 .carousel-caption { top: 14%; font-family: 'Dosis', sans-serif; font-size:28px; color:#f4f4f4; text-transform:uppercase; line-height:30px; text-shadow: none; } .home-banner-1 .caption-inner-box { position:absolute; left:0px;} .home-banner-1 .featurette-image { margin:auto; } .home-banner-1 .caption-bg-circle { position:relative; z-index:1; } .home-banner-1 .caption-text { left: 9%; position: absolute; right: auto; text-align: center; top:95px; width:82%; z-index: 100; font-weight:500; } .home-banner-1 .caption-text p { color:#f4f4f4; font-family: 'Dosis', sans-serif; font-weight:600; font-size:28px; text-transform:uppercase; } @media screen and (min-width:0\0) { .home-banner-1 .caption-text p { font-weight:500; } } .home-banner-1 .btn { padding:4px 10px; margin:25px 0px 0px; font-size:16px; font-weight:100; color:#e0134e; background:#fff; border-color:#fff; border-radius:0px; } .home-banner-1 .carousel-indicators { left:29%; top:76%;} @media screen and (min-width:0\0) { .home-banner-1 .carousel-indicators { left:28.5%; top:76%; } } .carousel-indicators .active {background-color: #fff; border-color:#e0134e; } .carousel-indicators li { background:#4d4d4d; border-color:#e0134e; } .middle-content-block { margin-bottom:20px;} .welcome-text-title { display:table; margin:50px auto 0px; width:600px; text-align:center; position:relative; color:#4d4d4d; font-family: 'Dosis', sans-serif; font-weight:600; font-size:28px; text-transform:uppercase; } @media screen and (min-width:0\0) { .welcome-text-title { font-weight:500; } } .welcome-text-title .left-line, .welcome-text-title .right-line { float:left; width:27%; height:1px; background:#d5d5d5; position:absolute; top:20px; left:0px;} .welcome-text-title .right-line { float:right; right:0px; left:auto; } .welcome-text-baseline { clear:both; float:left; padding:0px 0px 10px; margin-bottom:10px; width:100%; text-align:center; font-size:15px; font-family: 'PT Sans', sans-serif; font-style:italic; color:#4d4d4d; } .welcome-text { clear:both; float:left; padding:0px 0px 20px; margin-bottom:5px; width:100%; text-align:center; font-size:14px; font-family: 'PT Sans', sans-serif; color:#4d4d4d; } @media screen and (min-width:0\0) { .welcome-text { font-weight:lighter; } } .home-content-block-1 { clear:both; float:left; padding-bottom:20px; margin-top:25px; width:100%; overflow:hidden; text-align:center; position:relative; } .home-content-block-1 .bg-block { background:#dcdcdc; position:absolute; left:0px; width:100%; height:300px; top:150px; z-index:0; } .home-content-block-1 .block-title { color:#4d4d4d; font-family: 'Dosis', sans-serif; font-weight:600; font-size:30px; } .home-content-block-1 .block-text { width:100%; text-align:center; font-size:15px; font-family: 'PT Sans', sans-serif; color:#4d4d4d; } .home-content-block-1 .block-text a, .home-content-block-1 .block-text a:visited { color:#4d4d4d; font-style:italic;} .footer-banner-block-1 { clear:both; float:left; margin-top:0px; padding:20px 0px 10px; width:100%; background:#fff; } .footer-banner-block-1 .img-1 { float:left; margin:5px 0px 0px 7%;} .footer-banner-block-1 .img-2 { float:left; margin:10px 0px 0px 0px;} .footer-banner-block-1 .siteicon-shadow-big-1 { float:left; margin:0px 35px 0px 20px;} .footer-link-block-1 { clear:both; float:left; padding:30px 0px; width:100%; background:#e0134e; font-size:14px; font-family: 'PT Sans', sans-serif; color:#fff; } .footer-link-block-1 a, .footer-link-block-1 a:visited { color:#ffcedc;} .footer-link-block-1 li:hover a, .footer-link-block-1 a:hover { color:#000; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .footer-link-block-1 .footer-link-title { margin:0px 0px 10px; color:#fff; font-family: 'Dosis', sans-serif; font-weight:600; font-size:16px; text-transform:uppercase; } .footer-link-block-1 .link-block-1, .footer-link-block-1 .link-block-2, .footer-link-block-1 .link-block-3 { float:left; width:170px;} .footer-link-block-1 .link-block-2 { width:220px;} .footer-link-block-1 .link-block-3 { width:220px;} .footer-link-block-1 .link-block-3 ul { margin-bottom:10px; } .footer-link-block-1 ul { list-style:none; margin:0px; padding:0px; cursor:pointer;} .footer-link-block-1 .icon-circle { background:#fff; padding:10px; width:60px; height:60px; overflow:hidden; left:50px; margin-top:-20px; position:absolute; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; } .footer-link-block-1 .icon-circle .siteicon-email { margin-left:-3px;} .footer-link-block-1 .contact-info { float:right; padding-left:140px; position:relative; max-width:45%;} .footer-link-block-1 .contact-info .siteicon-shadow-big-2 { position:absolute; left:0px; } .footer-link-block-1 .contact-info .text { clear:both; float:left; margin:0px 0px 0px 0px;} .footer-last-block { clear:both; float:left; padding:15px 0px; width:100%; background:#4d4d4d; font-size:14px; font-family: 'PT Sans', sans-serif; } .footer-last-link { float:left; margin:0px 0px 0px;} .footer-last-link a { float:left; margin:2px 0px 0px 0px; color:#dbdbdb; } .footer-last-link a:after { content:"|"; float:right; margin:0px 10px; } .footer-last-link a:last-child:after { display:none; } .footer-last-link a:hover, .footer-last-link a.active { color:#fff; } .copyright { float:right; color:#919191; } .main-content-inner { float:left; padding:0px 0px 0px; margin:0px; width:100%; min-height:400px; } .bredcrumb { clear:both; float:left; padding:0px; margin:20px 0px; width:100%; list-style:none; color:#6a6a6a; font-size:14px; font-family: 'PT Sans', sans-serif; } .bredcrumb li { float:left; padding:0px; margin:0px; list-style:none; } .bredcrumb li a, .bredcrumb li a:focus { color:#6a6a6a; } .bredcrumb li.active a { color:#000; } .bredcrumb li:after { float:right; content:">"; margin:1px 7px 0px 7px;} .bredcrumb li.active:after { content:""; display:none; } .left-sidebar { float:left; padding:0px; margin:5px auto; width:25%; border:solid 1px #e7e7e7;} .right-product-block { float:right; } .side-title { float:left; padding:15px; margin:0px; width:100%; color:#fff; font-size:16px; font-family: 'Dosis', sans-serif; text-transform:uppercase; background:#454545; cursor:pointer;} .side-link-block { clear:both; padding:0px 0px 0px; margin:0px; max-height:400px; overflow:auto; background:#fff; } .filter-cat-block .side-link-block { max-height:1000px;} .side-link-block li { padding:0px 0px 0px 15px; margin:0px 0px 5px; line-height:25px; list-style:none; cursor:pointer; text-transform: capitalize; position:relative; font-family: 'PT Sans', sans-serif; } .side-link-block a { color:#000; font-size:14px; font-family: 'PT Sans', sans-serif; text-transform: capitalize; cursor:pointer;} .side-link-block li:hover a, .side-link-block a:focus { color:#e0134e; text-decoration:underline; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .side-link-block li input { cursor:pointer;} .side-link-block li.fil-box-1, .side-link-block li.fil-box-2, .side-link-block li.fil-box-3, .side-link-block li.fil-box-4 { list-style:none; padding-left:30px; margin-top:10px;} .side-link-block li.fil-box-1:before, .side-link-block li.fil-box-2:before, .side-link-block li.fil-box-3:before, .side-link-block li.fil-box-4:before { list-style:none; content:" "; position:absolute; left:-15px; top:-2px; padding:2px 5px; width:40px; text-align:center; color:#000; font-size:10px; line-height:11px; background:#f8f8f8; text-transform:uppercase; } .side-link-block li.fil-box-1:before { content:"Stock Item";} .side-link-block li.fil-box-2:before { content:"Non Stock";} .side-link-block li.fil-box-3:before { content:"Mto"; padding-top:7px; padding-bottom:7px;} .side-link-block li.fil-box-4:before { content:" "; margin:3px 0 0 11px; width:25px; height:25px; background: url("/Content/images/site/site-icon.png") -226px -62px; } .side-link-block .number { color:#e0134e; margin-left:5px; font-size:14px; font-family: 'PT Sans', sans-serif;} .side-link-block.inner-page a, .side-link-block.inner-page a:focus, .side-link-block.inner-page .number { color:#a3a3a3; } .side-link-block.inner-page .active a { color:#000; } .side-link-block.inner-page .active .number, .side-link-block.inner-page li:hover .number { color:#e0134e; } .side-link-block li input { float:left; margin:6px 5px 0px 0px;} .filter-cat-block ul li { clear:both; float:left; padding:5px 10px 6px; margin:0px 10px 5px 15px; width:89%; list-style:none; font-family: 'PT Sans', sans-serif; font-size:14px; color:#fff; background:#acacac; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .filter-cat-block ul li ul { float:left; padding:0px; margin:0px 0 0px 3px;} .filter-cat-block ul li ul li { margin:0px 0px; padding:0px; width:auto; list-style:none; position:static; } .filter-cat-block ul li ul li li { list-style:disc inside; } .filter-cat-block ul li ul li li .btn-close-1 { margin-right:3px;} .filter-cat-block li .btn-close-1, .filter-cat-block li .btn-close-1:visited, .btn-close-1, .btn-close-1:visited { font-weight:bold; color: #4d4d4d; font-size: 12px; line-height: normal; margin:4px 10px 0 0; padding:0 5px; position:absolute; right:0px; } .filter-cat-block li:hover .btn-close-1, .filter-cat-block li li:hover .btn-close-1, .btn-close-1:hover { color:#e0134e; text-decoration:none;} .filter-cat-block li .btn-close-2, .filter-cat-block li .btn-close-2:visited, .btn-close-2, .btn-close-2:visited { color: #e0134e;} .filter-cat-block li:hover .btn-close-2 { color:#fff;} .filter-cat-block li li:hover .btn-close-2, .btn-close-2:hover { background:#454545; color:#fff; } .filter-category-block { clear:both; float:left; margin:0px 0 0px; width:100%; background:#fff; } .filter-category-block .side-link-block li { margin-bottom:0px;} .filter-cat-block { clear:both; float:left; margin:0px 0px 5px; width:100%; background:#fff; border-top:solid 1px #e7e7e7; } .filter-cat-block li .title { float:left; margin:0px; color:#f2f3fc; font-size:14px; font-family: 'PT Sans', sans-serif; font-weight:normal; } .product-filter-block { clear:both; float:left; padding:10px 15px; width:100%; background:#454545; } .product-filter-block .title-1 { float:left; padding:0px; margin:5px 10px 0px 0px; color:#fff; font-size:14px; font-family: 'PT Sans', sans-serif; } .product-filter-block .filter-left { float:left; padding:0px; margin:0px 10px 0px 0px;} .product-filter-block select { border:0px; padding:7px; } .product-filter-block .product-paging { float:right;} .product-filter-block .product-paging a { float:left; margin-top:7px; color:#cecece; font-size:14px; font-family: 'PT Sans', sans-serif; } .product-filter-block .product-paging a.number { margin:7px 5px; line-height:15px; } .innerpage-side-block { background:#ececec; padding-bottom:10px; } .innerpage-side-block .title-1 { color:#e0134e; position:relative; margin-top:20px; } .innerpage-side-block .content-1 { padding-top:0px; } .icon-question { line-height:normal; cursor:pointer;} .icon-question img { margin:-4px 2px 0px;} .left-sidebar .panel-group { margin:0px auto;} .left-sidebar .panel-heading, .side-title { border:0px; padding:7px 15px; background:#fff; color:#e0134e; font-family: "Dosis",sans-serif; font-size: 16px; text-transform: uppercase;} .left-sidebar .panel-body { padding:0px 10px; border-radius:0px;} .left-sidebar .panel-group .panel { clear:both; position:relative; margin:5px 0px 0px; border-radius:0px; box-shadow:none; border:0px; } .left-sidebar .panel-title a { color:#000; text-decoration:none; display:table; width:100%; position:relative;} .left-sidebar .panel-title a.collapsed { color:#000; } .left-sidebar .panel-title a:hover { color:#000;} .left-sidebar .panel-title a:after, .left-sidebar .panel-title a.collapsed:after { content:"-"; font-size:24px; font-weight:bold; position:absolute; right:13px; top:-10px; } .left-sidebar .panel-title a.collapsed:after { content:"+";} .search-opation-box-1 { clear:both; float:left; margin:10px 15px; width:100%; } .search-opation-box-1 .textfield-1 { padding:5px; width:65px; line-height:18px;} .search-opation-box-1 .btn { padding:5px 10px; line-height:18px;} .modal.fade.in { background:rgba(0, 0, 0, 0.7); } .modal-body p { padding-top:5px; padding-bottom:10px; } .modal-header .modal-title { color: #4d4d4d; font-family: "Dosis",sans-serif; font-size: 30px; text-transform: uppercase; } /*.side-title { float:left; margin: 0; padding: 15px; background:#fff; color: #e0134e; cursor: pointer; font-family: "Dosis",sans-serif; font-size: 16px; text-transform: uppercase; width: 100%;} */ /*.filter-cat-block .side-link-block { margin-top:0px; padding-top:0px;} .filter-cat-block .side-link-block > li { margin:0px; padding-top:5px;} */ .product-paging a:hover, .product-paging a:focus { color:#e0134e; text-decoration:none; } .product-display-block-1 { clear:both; float:left; width:100%; } .related-product-block-1 { clear:both; float:left; width:100%;} .disable-gray-1 { cursor: not-allowed; opacity: 0.5; background:#b4babd; pointer-events: none; } .disable-gray-2 { cursor: not-allowed; opacity: 0.5; pointer-events: none;} .disable-gray-2 .number { color:#555;} .disable-gray-3 { cursor:pointer; } .disable-gray-3 .name, .disable-gray-3 .number {cursor: not-allowed; opacity: 0.5; pointer-events: none; color:#555;} .filter-cat-block li.disable-gray-2 .btn-close-1 { background:#ccc; color:#fff;} .right-product-block > .t-widget{clear:both;} #CategoryList { max-width:100%; clear:both;} #CategoryList table { max-width:100%;} #CategoryList tbody tr:nth-child(4n+5) { clear:both;} #CategoryList tbody tr { float:left; width:25%; margin-right:0px; overflow:hidden; } #CategoryList tbody tr td { display:inherit;} #CategoryList tbody tr td .product-box { width:100%; } #CategoryList tbody tr td .product-box .image { height:165px;} #CategoryList tbody tr td .product-box .image img { max-height:160px; height:auto; max-width:100%; width:auto;} #CategoryList tbody tr td .product-box p { padding:0px 0px 5px;} .cat-desc-block-top { clear:both; float:left; padding:0px 0px; width:100%; background:#fff;} .cat-desc-block-top .title-1 { margin:10px 0px 0px;} .cat-desc-block-top .content { padding:15px 0px 0px;} .cat-desc-block-top .image { position:relative;} .cat-desc-block-top .content { max-width: 65%; float:left; } .cat-desc-block-top .content p { padding:0px 0px 5px;} .cat-desc-block-top .image { max-width:35%; float:right; } .cat-desc-block-top .image img { float:right; margin:auto; display:table; height:110px; width:auto;} .product-box { float:left; padding:10px 10px 10px; width:33.30%; position:relative; overflow:hidden; border:solid 1px #e7e7e7; border-color:#fff #e7e7e7 #e7e7e7 #e7e7e7; background:#fff; } .product-box:hover{ border:solid 1px #e0134e; border-color:#e0134e #e0134e #e0134e #e0134e; } .product-box.last { border-right-color:#fff;} .product-box.last:hover { border-color:#e0134e #e0134e #e0134e #e0134e; } .product-box a { float:left; width:100%; margin-bottom:2px;} .product-box .image { float:left; width:100%; text-align:center; background:#fff; } .product-box .image img { max-width:100%; height:auto; } .product-box .pro-name { float:left; width:100%; text-align:center; color:#000; font-size:20px; font-weight:600; font-family: 'Dosis', sans-serif; text-transform:uppercase;} .product-box .pro-name a, .product-box .pro-name a:visited { color:#000; } .product-box .text-1 { float:left; width:100%; min-height:40px; text-align:center; color:#000; font-size:14px; font-family: 'PT Sans', sans-serif; } .product-box .text-2 { float:left; width:100%; text-align:center; color:#000; font-size:14px; font-family: 'PT Sans', sans-serif; text-transform:uppercase;} .pro-detailpage-right-block #CategoryList tbody tr .text-1, .pro-detailpage-right-block #CategoryList tbody tr .text-2 { min-height:0px; margin:0px;} .product-box .cart-btn-block { clear:both; float:left; margin:3px 0px 0px; width:100%; text-align:center; position:relative;} .product-box .btn-cart-1 { clear:both; padding:6px 10px 2px 5px; margin:0px auto; display:block; position:relative; color:#fff; text-transform:uppercase; font-family: 'Dosis', sans-serif; font-size:14px; text-align:center; background:#e0134e; border:0px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .product-box .btn-cart-1:hover { background:#fc3b73; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /*.right-product-block .product-box .btn-cart-1 { left:23%;}*/ .product-box .btn-cart-1 span { margin:-4px 0px 0px 0px;} .product-box .opation-box-1 { clear:both; float:left; width:100%; display:table; font-size:11px; line-height:12px; text-transform:uppercase; font-weight:700; background:#f8f8f8;} .product-box .opation-box-1:hover { background:#efecec;} .product-box .opation-box-1 .name { width:150px; max-width:100%; margin:0px auto 5px; display:table-cell; vertical-align:middle; height:30px; text-align:center; } .product-box .opation-box-1 .name.result-no { color:#d2d3d5;} .product-box .box-1, .product-box .box-2, .product-box .box-3, .product-box .box-4 {float:left; margin:10px 0px; width:25%; text-align:center; } .product-box .opation-box-1 .result { clear:both; float:left; width:100%; text-align:center;} .pro-opa-box .modal-body { padding-top:0px;} .pro-detailpage-right-block { float:right; width:100%;} .detail-page-block-1 { clear:both; float:left; margin-left:0%; width:100%; } .detail-page-block-1 .pro-image-block { float:left; max-width:100%; width:50%; background:#fff; text-align:center; } .detail-page-block-1 .pro-image-block img { margin:auto; max-width:100%; height:auto; vertical-align:middle;max-height:535px;} .detail-page-block-1 .pro-image-block .image-text-1 { font-size:12px; color:#000; clear: both;float: left;margin:0px 0;padding: 10px;width: 100%; border-color: #f8f8f8;border-style: solid;border-width: 10px 0;} .detail-page-block-1 .pro-image-block .image-text-2 { font-size:12px; color:#000; clear: both;float: left;margin:0px 0;padding: 10px;width: 100%; border-color: #d5d5d5;border-style: solid;border-width:1px 0;} .detail-page-block-1 .pro-image-block .image-text-2 img { max-width:50px; height:auto;} .detail-page-block-1 .pro-image-block .image-text-1 .image { margin:-3px 10px 0px 0px;} .detail-page-block-1 .pro-detail-block { float:right; width:46%; } .pro-detail-block .title-1 { padding:0px 0px 10px; margin:0px; color:#4d4d4d; font-size:40px; font-weight:300; font-family: 'Dosis', sans-serif; text-transform:uppercase; } .pro-detail-block .product-detail-list { list-style:none; padding:0px; margin:0px; } .pro-detail-block .product-detail-list .siteicon-cart { margin:-2px 0px 0px 0px;} .pro-detail-block .product-detail-list li { clear:both; float:left; padding:10px 0px; width:100%; border-top:solid 1px #d5d5d5; line-height:17px; font-weight:500; font-size:15px; font-family: 'PT Sans', sans-serif; } .pro-detail-block .product-detail-list .text-1 { float:left; width:34%; color:#000; } .pro-detail-block .product-detail-list .text-2 { float:right; width:62%; color:#6a6a6a; text-transform:capitalize; } .pro-detail-block .product-detail-list .link-pink { color:#E0134E; text-transform:none;} .product-cart-block { clear:both; float:left; width:100%; } .product-cart-block .cart-row { clear:both; float:left; width:100%; } .product-cart-block .cart-row.header { clear:both; float:left; width:100%; } .getquote-product-display { clear:both; float:left; margin:0px; width:60%; } .getquote-form-container { float:right; margin:0px 0px; width:35%; } .getquote-product-display .cart-row .name { width:20%; } .getquote-product-display .cart-row .detail { width:46%; } .getquote-product-display .cart-row .quantity { width:17%; } .getquote-product-display .cart-row .last {border-right:0px;} .getquote-product-display .cart-row.header .td { min-height:0px;} .getquote-product-display .product-cart-block .cart-row .td { min-height:120px;} .getquote-product-display .product-cart-block .cart-row.header .td { height:auto;} .getquote-product-display .cart-row .name a img { max-height:95px;} .cart-row { clear:both; float:left; padding:0px 0px; width:101%; text-align:center; background:#fff; font-size: 14px; font-family: "Dosis",sans-serif; } .cart-row.header { background:#454545; color:#fff; } .cart-row.header .td { border-bottom:0px; padding:10px; height:auto; } .cart-row.footer { margin-bottom:70px; color:#fff; position:relative; background:none; } .cart-row.footer .td { border-bottom:0px; padding:10px; height:auto; } .cart-row.footer .getquote-link { font-size:0px; padding:20px; width: 20%; position: absolute; right: 3%; top: 15%; } .cart-row.footer a, .cart-row.footer a:visited { color:#e0134e; } .cart-row.footer a:focus, .cart-row.footer a:hover { color:#000;} .cart-table-footer-bg { width:100%; height:auto;} .cart-row .td { float:left; width:13%;border:solid 1px #e7e7e7; border-width:0px 1px 1px 0px; position:relative; word-wrap: break-word; } .product-cart-block .cart-row .td { min-height:170px; } .product-cart-block .cart-row.header .td { min-height:0px; } .cart-row .name a img { max-width:100%; max-height:145px; width:auto;} .cart-row .detail { vertical-align:middle; padding:4.5% 2% 0px; width:38% } .cart-row .detail a, .cart-row .detail a:visited { color:#000; } .cart-row .detail .text-1 { float:left; width:100%; text-align:left; font-size: 20px;text-transform: capitalize; } .cart-row .detail .text-2 { float:left; width:100%; text-align:left; color:#444;text-transform: capitalize; } .cart-row .quantity { width:13%; padding:6.3% 2% 0px; } .cart-row .quantity.last{ padding-top:5px;} .cart-row .quantity.last .stockitem{ float:left; width:100%; padding-top:40px;} .cart-row .quantity .input { width:45px; letter-spacing:0.1em; text-align:center; border:solid 1px #e8e8e8; } .cart-row .action { width:100px; padding:5% 2% 0px; border-right:0px; background:none; } .cart-row .action .btn { background:none;} .contactpage-left { float:left; width:64%; margin-top:1px; } .contactpage-left ul { clear:both; margin:10px 0px 0px; padding:0px;} .contactpage-left ul li { clear:both; padding:0px 0px 0px; list-style:none; } .contactpage-left ul li a .siteicon-pdf { margin:-7px 5px 0px 0px;} .main-content-inner > .container { position:relative; } .contactpage-right { float:right; width:33%; padding-left:2%; margin-top:1px; border-left:solid 1px #dcdcdc; } .contactpage-left .tab-link-block { clear:both; float:left; margin:20px 0px; width:100%; } .contactpage-left .btn-dark-gray { float:left; margin:0px 1px 0px 0px; } .address-box-row .box-1, .address-box-row .box-2 { float:left; width:47%; min-height:220px; padding:15px; background:#fdfdfd; } .address-box-row .box-1 { margin:0% 4% 25px 0px; } .address-box-row .box { float:left; min-height:220px; padding:15px; background:#fdfdfd; } .address-box-row .box { margin:0% 4% 25px 0px; } .address-box-row .box1, .address-box-row .box2, .address-box-row .box3, .address-box-row .box4 { float:left; width:20%; min-height:150px; padding:15px; background:#fdfdfd; } .address-box-row .box1, .address-box-row .box2, .address-box-row .box3, .address-box-row .box4 { margin:0% 4% 25px 0px; } .even-box-row .box-1, .even-box-row .box-2 { background:#fff; } .contactpage .btn-dark-gray { padding: 5px 6.2%; } .contactpage .address-title-2 { margin:0px; color:#4d4d4d; font-size:20px; font-family: "Dosis",sans-serif; } .contact-side-info-block { clear:both; float:left; padding:25px 0px 25px 30px; width:100%; border-bottom:solid 1px #dcdcdc; } .contact-side-info-block.border-top { border-top:solid 0px #dcdcdc; } .contact-side-info-block .title-1 { color:#4d4d4d; margin:0px 0px 0px; font-size:20px; font-family: "Dosis",sans-serif; } .contact-side-info-block ul { margin:20px 0px; padding:0px; list-style:none; color:#4d4d4d; font-size:15px; font-family: 'PT Sans', sans-serif; } .contact-side-info-block ul li { float:left; padding-right:15px; } .contact-side-info-block ul li:last-child { padding-right:0px; } .contact-side-info-block ul li .siteicon-pdf { float:left; margin:-2px 3px 0px 0px; } .contactpage-right .contact-side-info-block { margin-left:-21px;} .case-studies-block { clear:both; padding:10px; background:#f6f2f2; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background:#f5f1f1; } .case-studies-block .image { margin:auto; max-width:100%; height:auto; display:block; } .case-studies-block .title, .case-studies-block .title:visited { position:absolute; left:0px; bottom:21px; padding:15px 0px; width:100%; clear:both; float:left; text-decoration:none; text-align:center; color:#fff; font-size:16px; background:url(/content/images/site/black-dark-bg-1.png) 0px 0px; } .case-studies-block .image-block:hover .title, .case-studies-block .image-block.tabactive .title { padding:10px 0px 7px; color:#e0134e; color:#fff; background: #e0134e; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwMTM0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2QzMmM1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMDEzNGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e0134e 0%, #d32c5b 50%, #e0134e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0134e), color-stop(50%,#d32c5b), color-stop(100%,#e0134e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e0134e 0%,#d32c5b 50%,#e0134e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e0134e 0%,#d32c5b 50%,#e0134e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e0134e 0%,#d32c5b 50%,#e0134e 100%); /* IE10+ */ background: linear-gradient(to bottom, #e0134e 0%,#d32c5b 50%,#e0134e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0134e', endColorstr='#e0134e',GradientType=0 ); /* IE6-8 */ -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .case-studies-block .image-block { position:relative; padding:0px 0px 21px; float:left; width:31%; margin:10px 1%; } .case-studies-block .image-block:hover, .case-studies-block .image-block.tabactive { background:url(/content/images/site/arrow-bottom-pink.png) no-repeat center bottom;} .aboutus-contant-block { clear:both; padding:10px; background:#f6f2f2; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background:#f5f1f1; } .aboutus-contant-block .image-block { position:relative; padding:0px 0px 21px; float:left; width:31%; margin:10px 1%; } .aboutus-contant-block .image-block:hover, .aboutus-contant-block .image-block.tabactive { background:url(/content/images/site/arrow-bottom-pink.png) no-repeat center bottom;} .aboutus-contant-block .image { margin:auto; max-width:100%; height:auto; display:block; } .aboutus-contant-block .title, .aboutus-contant-block .title:visited { position:relative; padding:15px 0px; width:100%; clear:both; float:left; text-decoration:none; text-align:center; color:#fff; font-size:16px; background:url(/content/images/site/black-dark-bg-1.png) 0px 0px; } .aboutus-contant-block .image-block:hover .title, .aboutus-contant-block .image-block.tabactive .title { padding:10px 0px 7px; color:#e0134e; color:#fff; background: #e0134e; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwMTM0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2QzMmM1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMDEzNGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e0134e 0%, #d32c5b 50%, #e0134e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0134e), color-stop(50%,#d32c5b), color-stop(100%,#e0134e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e0134e 0%,#d32c5b 50%,#e0134e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e0134e 0%,#d32c5b 50%,#e0134e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e0134e 0%,#d32c5b 50%,#e0134e 100%); /* IE10+ */ background: linear-gradient(to bottom, #e0134e 0%,#d32c5b 50%,#e0134e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0134e', endColorstr='#e0134e',GradientType=0 ); /* IE6-8 */ -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .aboutus-contant-block .tab-content p { margin-bottom:15px; } .team-container { text-align:center;} .team-container .box-1 { float:left; width:50%; } .team-container .box-1 img { border: 5px solid #fff; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -webkit-box-shadow: 0 1px 5px #b0b0b0; box-shadow: 0 1px 5px #b0b0b0; -moz-box-shadow: 0 1px 5px #b0b0b0;} .team-container .team-title-1 { font-size:22px; margin:10px 0px 5px; text-shadow: 1px 2px 0 #b0b0b0; } .team-container .team-title-2 { font-size:16px; margin:0px 0px 30px; } .news-detailpage { clear:both; float:left; width:100%; } .news-detailpage .date { clear:both; float:left; width:100%; margin:0px 0 10px;} .news-detailpage .content { clear:both; float:left; width:100%; margin:5px 0 10px;} .news-container { clear:both; float:left; margin:10px 0px; width:100%;} .news-container #CategoryList tbody tr {float: left; margin-right: 0; overflow: hidden; width: 100%; } .news-inner-block { clear:both; float:left; padding:15px 0px; width:100%; border-bottom: 1px dashed #e0134e; } .news-inner-block .newstitle { clear:both; float:left; width:100%; color:#e0134e; font-size:22px; } .news-inner-block .newsdesc { clear:both; float:left; margin:10px 0px; width:100%; font-size:14px; line-height:18px; text-align: justify; } .news-inner-block .newsdesc p { padding:5px 0px 5px;} .news-inner-block .news-date { clear:both; float:left; width:100%; font-size:14px;} .news-inner-block .readmore { clear:both; float:left; padding:5px 0px 5px 0px; margin:5px 0px 5px; width:100%; text-align:left;} .news-inner-block .readmore a { color:#e0134e; font-style:italic; text-decoration:underline; } .news-inner-block .readmore a:hover { text-decoration:none;} .news-inner-block .newsimg { float:none; display:table-cell; vertical-align:middle; overflow:hidden; } .news-inner-block .newsimg img { max-width:100%; width:250px; height:250px; border:solid 0px #e2e4e3;} .news-detail-block { float:none; display:table-cell; vertical-align:middle; width:72%; padding:0px 20px;} .news-inner-block .img-circle, .news-inner-block img.img-circle { border:solid 10px #dfe4e7;} .t-grid-pager.pagning-con { background:none;} .pagning-con { clear:both; float:left; width:100%; background:none;} .pagning-con .t-status, .pagning-con .t-pager { float:left; margin:0px 10px 0px 0px;} .pagning-con .t-status-text { float:right; margin:0px 10px; } .news-container .pagning-con .t-status, .news-container .pagning-con .t-pager { float:right;} @media screen and (min-width:980px) and (max-width:1600px) { .home-banner-1 .carousel-caption { top:-5px; } .home-banner-1 .caption-text p { font-size: 25px; line-height:25px; } .home-banner-1 .btn { margin-top:5px;} .home-banner-1 .carousel-indicators { top:80%; left:33%;} /*.product-box .btn-cart-1 { left:44%; }*/ .cart-row .td { width:12%; padding:10px 5px; } .cart-row .td.name { width:20%; } .cart-row .td.detail { width:32%; } .cart-row .td.quantity { width:12%; } .getquote-product-display .cart-row .name { width:15%; } .getquote-product-display .cart-row .detail { width:55%; } .getquote-product-display .cart-row .quantity { width:15%;} } @media screen and (min-width:0\0) and (min-width:980px) and (max-width:1600px) { .home-banner-1 .carousel-indicators { top:70%; left:30.5%;} } @media screen and (min-width:980px) and (max-width:1450px) { .home-banner-1 .carousel-indicators { top:85%; left:33%;} .col-lg-3.left-sidebar { float:left; width:25%; } .col-lg-9.right-product-block { float:right; width:75%; } .footer-banner-block-1 .img-1 { margin-left:0px; max-width: 50%; } .cat-desc-block-top .content { max-width: 65%; float:left; } .cat-desc-block-top .image { max-width: 35%; float:right; } } @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width:980px) and (max-width:1450px) { .home-banner-1 .carousel-indicators { top:85%; left:34%;} } @media screen and (min-width:0\0) and (min-width:980px) and (max-width:1450px) { .home-banner-1 .carousel-indicators { top:85%; left:32%;} } @media screen and (min-width:980px) and (max-width:1300px) { .website-nav .nav > li > a { padding: 17px 20px; } /*.product-box .btn-cart-1, .right-product-block .product-box .btn-cart-1 { left:20%; }*/ .home-banner-1 .carousel-indicators { top:90%; left:35%;} .footer-link-block-1 .link-block-1, .footer-link-block-1 .link-block-2, .footer-link-block-1 .link-block-3 { width:18%; } } @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width:980px) and (max-width:1300px) { .home-banner-1 .carousel-indicators { top:90%; left:35%;} } @media screen and (min-width:0\0) and (min-width:980px) and (max-width:1300px) { .home-banner-1 .carousel-indicators { top:90%; left:33%;} } @media screen and (min-width:980px) and (max-width:1150px) { .home-banner-1 .caption-text { top:65px; } .home-banner-1 .carousel-indicators { top:87%; left:36%;} } @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width:980px) and (max-width:1150px) { .home-banner-1 .carousel-indicators { top:87%; left:35%;} .home-banner-1 .caption-text { top:65px; } } @media screen and (min-width:0\0) and (min-width:980px) and (max-width:1150px) { .home-banner-1 .caption-text { top:65px; } .home-banner-1 .carousel-indicators { top:87%; left:34.3%;} } @media screen and (min-width:980px) and (max-width:1024px) { .home-banner-1 .caption-text { top:85px; } .home-banner-1 .caption-text p { font-size: 22px; line-height: 23px; } .home-banner-1 .carousel-indicators { top:85%; left:36%;} } @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width:980px) and (max-width:1024px) { } @media screen and (min-width:0\0) and (min-width:980px) and (max-width:1024px) { } @media screen and (min-width:980px) and (max-width:1000px) { .carousel-caption { padding-top:5px;} .home-banner-1 .caption-text { top:50px; } .home-banner-1 .caption-text p { font-size:20px; line-height: 23px; } .home-banner-1 .carousel-indicators { top:90%; left:35%;} } @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width:980px) and (max-width:1000px) { .home-banner-1 .carousel-indicators { top:91%; left:37%;} } @media screen and (min-width:0\0) and (min-width:980px) and (max-width:1000px) { } @media screen and (max-width:1250px) { /*.product-box .btn-cart-1 { left:28%;} .right-product-block .product-box .btn-cart-1 { left:23%; } */ .getquote-product-display .cart-row .td.detail { width:41%;} .getquote-product-display .cart-row .td.quantity { width:22%;} .cart-row .td { width:12%; padding:10px 5px; min-height:160px; } .cart-row .td.name { width:15%; min-height:160px;} .cart-row .td.detail { width:36%; min-height:160px;} .cart-row .td.quantity { width:12%; min-height:160px;} .cart-row .td.action { width:12%; min-height:160px;} .cart-row .name a img { max-height: 125px; } #CategoryList tbody tr { width:50%; } .pro-detailpage-right-block #CategoryList tbody tr { width:25%; } .product-cart-block .cart-row.header .td { min-height:60px;} .getquote-product-display .product-cart-block .cart-row.header .td { min-height:20px;} } @media screen and (max-width:1100px) { /* .product-box .btn-cart-1 { left:28%;} .right-product-block .product-box .btn-cart-1 { left:21%; }*/ } @media screen and ( max-width:1024px) { .container { width: 100%;} /*.cart-row .td { width:15%; } .cart-row .td.name { width:20%; } .cart-row .td.detail { width:28%; } .cart-row .td.quantity { width:18%; } */ /*.product-box .btn-cart-1, .right-product-block .product-box .btn-cart-1 { left:33%; }*/ .getquote-product-display .cart-row .td.detail { width:43%;} .getquote-product-display .cart-row .td.quantity { width:19%;} .cart-row .td { width:12%; padding:10px 5px; min-height:150px; } .cart-row .td.name { width:15%; min-height:150px;} .cart-row .td.detail { width:36%; min-height:150px;} .cart-row .td.quantity { width:12%; min-height:150px;} .cart-row .td.action { width:12%; min-height:150px;} .cart-row .name a img { max-height: 125px; } .getquote-product-display .cart-row .name { width:18%; } .getquote-product-display .cart-row .detail { width:45%; } .getquote-product-display .cart-row .quantity { width:18%;} } @media screen and ( max-width:980px) { .container { width: 100%;} .cat-desc-block-top .title-1 { margin-bottom: 0px; margin-top:0px;} .top-contact-right { width:60%;} .header-top-link li, .header-top-link li:after { margin-left:10px; } .header-search-box { width:67%;} .header-search-box .search-box { width:73%; } /*.product-box .btn-cart-1 { left:36%;} .right-product-block .product-box .btn-cart-1 { left:27%; }*/ .home-banner-1 .carousel-caption { top:0px;} .navbar .logo { max-width:240px; margin-top:15px;} .website-nav .nav > li > a { padding: 13px 6px; font-size:12px;} .website-nav .nav > li:after { top:10px; } .website-nav .nav > li a:after { top:8px; } /* End Header Part */ .home-banner-1 .caption-bg-circle { max-width:300px; height:auto; } .home-banner-1 .carousel-caption { line-height:22px;} .home-banner-1 .btn { margin-top:10px;} .banner-bottom-link li { font-size:20px;} .banner-bottom-link li .siteicon-shadow-small-1 { margin: -10px 15px 0; } /* End Banner top Part */ /* Start Product detail page */ .main-content-inner .left-sidebar { float:left; width:35%;} .col-lg-9.right-product-block { float:right; width:65%; } .pro-detailpage-right-block { width:100%; } .right-product-block .product-box {width:48%;} /* Start Product detail page */ .cart-row .detail { width: 50%; } /* Start Footer Part */ .footer-banner-block-1 .siteicon-shadow-big-1 { margin:-20px 35px 0 20px; } .footer-banner-block-1 .img-1 { max-width:42%; margin-left:5%; } .footer-banner-block-1 .img-2 { max-width:42%; margin-top:0px; } .footer-link-block-1 .link-block-1 { width:15%; } .footer-link-block-1 .link-block-2 { width:20%; } .footer-link-block-1 .link-block-3 { width:20%; } .footer-link-block-1 .contact-info { width:45%; } .contactpage-right .contact-side-info-block { margin-left:-15px;} .detail-page-block-1 .pro-image-block { width:40%; } .detail-page-block-1 .pro-detail-block { width:55%; } .pro-detailpage-right-block #CategoryList tbody tr { width:50%; } .t-grid .t-status-text { margin:5px 0px; width:auto; text-align:center; } .contactpage .btn-dark-gray { margin: 5px 0; padding: 5px 10px; width: 100%; } .aboutuspage .address-box-row .contactpage-left { padding:10px 20px; width:61%;} .aboutuspage .address-box-row .contactpage-right { width:39%;} .aboutuspage .address-box-row .box1 { width:47%; margin-bottom:10px;} } @media screen and ( max-width:800px) { .home-banner-1 .carousel-caption { display:none; } .home-banner-1 .carousel-indicators { top:90%; left:50%;} /* Start Footer Part */ .home-content-block-1 .block-title { font-size:22px; } /* Contact us page start */ .contact-side-info-block { margin-left: -20px; } .main-content-inner .left-sidebar { margin-top:20px; } .pro-detailpage-left-block .left-sidebar { width:100%; } .pro-detailpage-right-block { width:100%; } .pro-detailpage-right-block .detail-page-block-1 {margin-left:0px;} .website-nav .nav li .menubox-block { width:33.33%} .website-nav .nav li #block4.menubox-block { clear:both; } /* Start Footer Part */ .footer-last-link a { font-size:12px; } .copyright { font-size:12px; margin:3px 0px; } .news-inner-block .newsimg { float:left; width:28%; } .news-inner-block .newsimg img { width:100%; height:auto; border-width:5px; } } @media screen and ( max-width:768px) { .website-nav { cursor:pointer;} .website-nav .nav > li:after { display:none;} .website-nav .nav > li { width:100%; text-align:left; background:url("/content/images/site/arrow-down-white.png") 100% 17px no-repeat;} .website-nav .nav > li > a { cursor:initial; display: table; width:auto; pointer-events: none; } /*.disable-gray-1 { cursor: not-allowed; opacity: 0.5; background:#b4babd; pointer-events: none; } .disable-gray-2 { cursor: not-allowed; opacity: 0.5; pointer-events: none;} */ .website-nav .nav > li a { width:auto; } .website-nav .nav { display:none; cursor:pointer; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .mobile-navigation-1 { display:block; } .website-nav:hover .nav { display:block; cursor:pointer; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .website-nav .nav > li a:after { content:""; display:none; } .website-nav .nav > li:hover, .website-nav .nav > li:hover a { background:#6b7275;} .website-nav .nav > li:hover .megamenu a { background:none; } .website-nav .nav > li .megamenu { left:15px; width:85%; max-width:100%; } .website-nav .nav > li:hover .megamenu .menubox { float:left; width:100%; } /* End Header Part */ .contactpage-right .contact-side-info-block { margin-left:-15px;} .cart-row .td { width:12%; padding:10px 5px; min-height:120px; } .cart-row .td.name { width:15%; min-height:120px;} .cart-row .td.detail { width:36%; min-height:120px;} .cart-row .td.quantity { width:12%; min-height:120px;} .cart-row .td.action { width:12%; min-height:120px;} .cart-row .name a img { max-height: 125px; } .getquote-product-display .cart-row .td { min-height:30px; } .getquote-product-display .cart-row .name { width:18%; } .getquote-product-display .cart-row .detail { width:45%; } .getquote-product-display .cart-row .quantity { width:18%;} .filter-cat-block ul li { width:95.8%;} .main-content-inner .left-sidebar { float:left; padding-right:0px; width:100%;} .col-lg-9.right-product-block { float:right; padding-left:0px; padding-right:0px; width:100%; } /*.product-box .btn-cart-1 { left:44.5%; }*/ /*.product-box .btn-cart-1 { left:34%;} .right-product-block .product-box .btn-cart-1 { left:32%; }*/ .footer-banner-block-1 .siteicon-shadow-big-1 { margin:-20px 25px 0 20px; } .footer-banner-block-1 .img-1 { max-width:40%; margin-left:5%; } .footer-banner-block-1 .img-2 { max-width:40%; margin-top:10px; max-height:60px; } .footer-link-block-1 .link-block-1 { width:33%; } .footer-link-block-1 .link-block-2 { width:33%; } .footer-link-block-1 .link-block-3 { width:33%; } .footer-link-block-1 .contact-info { width:100%; max-width:100%; clear:both; padding-left:85px; margin:20px 0 0; } .footer-link-block-1 .contact-info .siteicon-shadow-big-2{ display:none;} .footer-link-block-1 a, .footer-link-block-1 a:visited {float: left; position: relative; width: 100%;} .footer-link-block-1 .footer-link-title { margin-top:10px;} .footer-link-block-1 .icon-circle { left: -85px; top: -10px;} } @media screen and ( max-width:736px) { } @media screen and ( max-width:667px) { .top-contact-right { float:left; width:99%; } .header-top-link { float:none; display:table; margin:10px auto;} .header-search-box { width:70%; float:left; } .header-search-box .search-box { width:83%;} .header-right-search-block { float:left; margin:0px 10px 10px 0px; width:99%;} /* End Header Part */ .banner-bottom-link li { font-size:16px;} /* End Banner top Part */ /* Start Footer Part */ .home-content-block-1 .block-title { font-size:18px; } .footer-last-link a { font-size: 15px; } .copyright { float: left; } /* Contact us page start */ .contactpage-left { width:100%; padding-left:0px; border:0px;} .contactpage-right { clear:both; float:left; width:100%; border:0px; } .contact-side-info-block { margin-left: 0; padding: 25px 0; width: 100%; } .contactpage .btn-dark-gray { margin-right:5px; width: 30%; text-align:center; } .footer-banner-block-1 { margin-top:20px; } /*.product-box .btn-cart-1 { left:31%;} .right-product-block .product-box .btn-cart-1 { left:33%; }*/ /* Start Product detail page */ .cart-row .detail { width:45%; } .side-link-block li input { margin: 6px 9px 0 0;} .filter-cat-block ul li { width: 95%;} .getquote-product-display .cart-row .name { width:18%; } .getquote-product-display .cart-row .detail { width:45%; } .getquote-product-display .cart-row .quantity { width:18%;} .case-studies-block .image-block, .aboutus-contant-block .image-block { width:48%;} .contactpage-right .contact-side-info-block { margin-left:-10px;} .right-product-block { float: left; width: 100%; } .product-display-block-1 .product-box { width:50%; } .getquote-product-display { clear:both; width:100%; } .getquote-form-container { clear:both; width:100%; } } @media screen and ( max-width:600px) { .header-logo { width:100%; text-align:center; } .navbar .logo { float: left; max-width: 96%; text-align: center; width: 100% } ul.header-top-link { margin:10px auto; text-align:center; width:99%;} .header-top-link li:after { float:none;} .header-top-link li { float:none; display:inline-block;} .cat-desc-block-top .image { margin-top:10%;} .contactpage .btn-dark-gray { width:98%; text-align:left; } .aboutuspage .address-box-row .contactpage-left { width:100%;} .aboutuspage .address-box-row .contactpage-right { width:100%;} .t-grid .t-status-text { width:100%; } .filter-cat-block ul li { width: 93.8%;} .product-cart-block .cart-row.header .td { min-height: 85px;} } @media screen and ( max-width:568px) { .header-search-box { width:65%; } .header-search-box .search-box { width:75%;} .banner-bottom-link li .siteicon-shadow-small-1 { margin: -10px 8px 0 0px; width:10px; height:40px; } .banner-bottom-link li { font-size:14px;} /* End Banner top Part */ .welcome-text-title { width:99%; } .welcome-text-title .left-line, .welcome-text-title .right-line { width:15%;} .welcome-text { margin-bottom:5px;} .home-content-block-1 .bg-block { top:70px;} .home-content-block-1 .block-title { min-height:35px; font-size:15px;} .home-content-block-1 .block-text { font-size:13px;} /*.product-box .btn-cart-1 { left:27%;} .right-product-block .product-box .btn-cart-1 { left:27%; }*/ /* End Middle Part */ /* Start Footer Part */ .footer-banner-block-1 .siteicon-shadow-big-1 { display:none;} .footer-banner-block-1 .img-1 { max-width:90%; margin-left:5%; } .footer-banner-block-1 .img-2 { max-width:100%; margin-left:25%; margin-top:15px; } .footer-link-block-1 .link-block-1 { width:28%;} .footer-link-block-1 .link-block-2 { width:35%;} .footer-link-block-1 .link-block-3 { width:36%;} .footer-last-link a { font-size: 13px; } /* Product detail page */ .filter-cat-block ul li { width: 92%;} /* Start Product detail page */ .cart-row .detail { width:34%;} #CategoryList { max-width:100%;} .team-container .box-1 { float:left; width:100%; } .website-nav .nav li .menubox-block { width:50%} .website-nav .nav li #block3.menubox-block { clear:both; } .website-nav .nav li #block4.menubox-block { clear:none; } .aboutuspage .btn-dark-pink { width:100%;} } @media screen and ( max-width:480px) { .header-top-link li.country-menu > a { position:relative; top:5px;} .header-top-link li .country-menu-list-box { top:15px;} .welcome-text-title { margin-top:20px; font-size:20px; } .welcome-text-title .left-line, .welcome-text-title .right-line { top: 15px; } .home-content-block-1 .bg-block { top:35px;} .banner-bottom-link li { width:50%; } .banner-bottom-link li .siteicon-shadow-small-1 { display:none;} .footer-link-block-1 .link-block-1 { width:28%;} .footer-link-block-1 .link-block-2 { width:32%; } .footer-link-block-1 .link-block-3 { width:40%;} .footer-link-block-1 .footer-link-title { margin-top:20px;} .footer-link-block-1 .icon-circle { margin-top: 20px; } .footer-link-block-1 .contact-info { margin-top:10px; padding-right:20px; padding-left:80px;} .header-search-box { width:145px; left:10%; position:absolute; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .header-search-box:hover { width:100%;} .header-search-box .search-box { width:75px; } .header-search-box:hover .search-box { width:75%; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .top-contact-right .btn-pink-large { float:left; margin: 0 0px 10px 66%; width:auto;} .news-detail-page { clear:both; float:left; padding:5px 5px 5px 0px; width:100%; } .news-inner-block { padding-top:20px; padding-bottom:0px;} .address-box-row .box-1, .address-box-row .box-2 { width:98%;} .address-box-row .box-2 { margin-bottom:20px; } .filter-cat-block ul li { width: 90%;} .product-display-block-1 .product-box { width:100%; } .detail-page-block-1 .pro-image-block { width:100%; } .detail-page-block-1 .pro-detail-block { width:100%; } .product-cart-block .cart-row, .product-cart-block .cart-row.header { width:100%;} .pro-detailpage-right-block #CategoryList tbody tr { width:100%; } .pro-detailpage-right-block #CategoryList tbody tr .text-1, .pro-detailpage-right-block #CategoryList tbody tr .text-2 { min-height:0px; margin:0px;} .cart-row .td, .cart-row .td.name, .cart-row .td.quantity, .cart-row .td.action { width:14%; padding:10px 5px; min-height:80px;} .cart-row .td.detail { width:27%; min-height:80px; padding:10px 5px; min-height:80px; } .cart-row .name a img { max-height: 110px;} .cart-row .detail { padding-top:5px;} .cart-row .detail .text-1 { font-size:18px; } .cart-row .detail .text-2 { font-size:12px; } .getquote-product-display .cart-row .td { min-height:30px; } .getquote-product-display .cart-row .name { width:18%; } .getquote-product-display .cart-row .detail { width:35%; } .getquote-product-display .cart-row .quantity { width:25%;} .getquote-product-display .cart-row .td.detail { width:33%;} .getquote-product-display .cart-row .td.quantity { width:24%;} .cat-desc-block-top .content { max-width:100%; } .cat-desc-block-top .image { margin:15px 0px; max-width:100%; } .t-pager.t-reset { text-align:center; } .t-pager .t-numeric { clear:none; margin:0px; width:65%; } #CategoryList .t-grid-top .t-status, #CategoryList .t-grid-bottom .t-status { border:0px;} .t-grid .t-status { width:100%; text-align:center; border:0px; border-width:0px;} .t-grid .t-pager { width:100%;} .product-filter-block .filter-left { width:65%; margin-bottom:10px;} .product-filter-block .title-1 { clear:both; min-width:50px; } .aboutuspage .address-box-row .box1 { width:100%;} /*.product-box .btn-cart-1 { left:24%;} .right-product-block .product-box .btn-cart-1 { left:22%; }*/ .pagning-con .t-status, .pagning-con .t-pager { float:left; margin:5px auto; width:100%; text-align:center; } .pagning-con .t-status-text { float:left; margin:5px auto; width:100%; text-align:center; } .footer-link-block-1 .icon-circle { left: -80px; top: -40px;} .footer-banner-block-1 .img-2 { max-width:80%; margin-left:2%;} } @media screen and ( max-width:400px) { /*.product-box .btn-cart-1 { left:15%;} .right-product-block .product-box .btn-cart-1 { left:15%; }*/ } @media screen and ( max-width:384px) { .main-content-inner { min-height:200px; } /* Start Product detail page */ /* Start Product detail page */ .cart-row .quantity, .cart-row .action { width: 70px; } .cart-row.header .td { padding:5px 0px;} .cart-row .td { height:120px; } .cart-row .name { width:20%; } .cart-row .quantity, .cart-row .action { width:60px; } .cart-row.footer { margin-bottom:20px; } .product-cart-block .cart-row.header .td { min-height:55px;} /*.product-box .btn-cart-1 { left:33%;} .right-product-block .product-box .btn-cart-1 { left:34%; }*/ #CategoryList tbody tr { width:100%;} #CategoryList tbody tr .product-box .text-1 { min-height:0px;} .right-product-block .product-box { width: 100%;} .website-nav .nav li .menubox-block { width:100%} .footer-link-block-1 .link-block-1 { width:50%;} .footer-link-block-1 .link-block-2 { width:50%;} .footer-link-block-1 .link-block-3 { width:100%;} .footer-link-block-1 .contact-info { margin-top:20px;} } @media screen and ( max-width:375px) { .case-studies-block .image-block, .aboutus-contant-block .image-block{ width:98%;} .product-cart-block { clear: both; float: left; overflow: auto; width: 100%;} /*.product-box .btn-cart-1 { left:30%;} .right-product-block .product-box .btn-cart-1 { left:31%; }*/ .cart-row .detail .text-2 { font-size: 11px; } .cart-row.header { font-size: 12px; } .cart-row .detail .text-1 { font-size: 16px;} .header-search-box {left:2%;} } /* iPads (landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /*.right-product-block .product-box { min-height:318px; }*/ } /* iPads (portrait) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { /*.right-product-block .product-box { height:245px; }*/ } /* iPhone 4 ----------- */ @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { /* Styles */ } .print-header { display:none; float:left; clear:both; width:100%; height:100px; margin:10px; padding:5px 10px; background:#fff; } .print-footer { display:none; float:left; clear:both; width:100%; margin:10px; padding:5px 10px; border-top:solid 0px #e0134e; } @media print { body { padding:0px;} .print-header, .print-footer { display:block;} .print-footer .contactpage-left { width:100%;} .detail-page-block-1 .pro-image-block { width:40%; } .detail-page-block-1 .pro-detail-block { float:right; width:60%;} .print-footer .address-box-row .box-1, .address-box-row .box-2 { clear:both; padding:10px; margin:5px 0px; min-height:0px; width:100%;} .print-footer .address-box-row .address { clear: none;float: left;padding: 0; width:45%;} .print-footer .address-box-row .phone { clear: none; float: left; padding: 0 0px 0px 0px; width:48%; text-align:left;} .print-footer .address-box-row .email { clear:both; float:left; margin:10px 0px; width:100%;} .print-footer .address-box-row p { padding:0px 0px 0px;} .print-footer .address-box-row .address, .print-footer .address-box-row .phone, .print-footer .address-box-row .email { clear:both; float:left; margin:9px 0px 0; width:100%; text-align:left; } .pro-detail-block .product-detail-list li { line-height:normal;} .pro-detail-block .product-detail-list li:last-child { border-bottom:0px;} .detail-page-block-1 .pro-image-block .image-text-2 img { width:50px;} .top-contact-right, .website-nav, .navbar-wrapper, .home-banner-1, .banner-bottom-link-box, .footer-banner-block-1, .cat-desc-block-top, .detail-page-block-1 .pro-image-block .image-text-1, .detail-page-block-1 .pro-image-block .image-text-2, .product-filter-block, .left-sidebar, .cat-detail, .btn, .related-product-block-1, .container.contactpage, .footer-link-block-1, .btn-dark-gray, .footer-last-block { display:none;} .print-footer .container.contactpage { display:block;} .right-product-block { clear:both; float:left; width:100%;} .address-box-row .box-1 { margin:0 10px 10px 0;} .address-box-row .box-1, .address-box-row .box-2 { width:49%;} .main-content-inner, .middle-content-block { clear:both; float:left; width:100%; margin:0px; padding:0x;} #CategoryList tbody tr { width:49%;} } .t-widget.t-grid .t-grid-pager.t-grid-bottom { background: none repeat scroll 0 0 #fff; margin: 5px 0px 0; padding: 5px; } .t-widget.t-grid .t-grid-pager .t-status { background-color: transparent; border-right-width: 1px; } .t-grid-header-wrap, .t-grid-footer-wrap { border-color: #dddddd; } t-widget.t-grid .t-grid-pager .t-status { background-color: transparent; border-right-width: 1px; } .t-grid-pager { border-width: 1px 0 0; line-height: 1.8em; overflow: auto; padding: 0.2em 0.6em; } .t-grid .t-status { border-right-style: solid; border-right-width: 1px; float: left; height: 1.85em; margin: -0.2em 0.6em -0.2em -0.6em; padding: 0.2em 0.6em; } .t-grid .t-pager, .t-grid .t-status, .t-grid .t-status-text, .t-pager .t-numeric, .t-pager .t-page-i-of-n, .t-pager .t-link, .t-pager span, .t-pager input, .t-pager .t-page-size, .t-grouping-row p { display: inline-block; vertical-align: middle; } .t-toolbar, .t-grouping-header, .t-grid-pager, .t-widget .t-status { background:#fff; clear:both; border:solid 1px #e7e7e7; margin: 5px 0px 5px; padding: 5px; } .t-grid-pager .t-status .t-icon { margin-top: 3px; vertical-align: top; } .t-icon.t-refresh { background:url("/content/images/site/refresh.png") no-repeat; } .t-icon, .t-sprite, .t-editor-button .t-tool-icon { display: inline-block; font-size: 0; height: 16px; line-height: 0; overflow: hidden; text-align: center; text-indent: -3333px; vertical-align: middle; width: 16px; } .t-icon, .t-editor-button .t-tool-icon { background-color: transparent; background-repeat: no-repeat; } .t-icon { background-image: url("TelerikImages/sprite.png"); } .t-grid .t-pager { cursor: default; float: left; } .t-grid .t-pager, .t-grid .t-status, .t-grid .t-status-text, .t-pager .t-numeric, .t-pager .t-page-i-of-n, .t-pager .t-link, .t-pager span, .t-pager input, .t-pager .t-page-size, .t-grouping-row p { display: inline-block; vertical-align: middle; } .t-reset { border: 0 none; font-size: 100%; list-style: none outside none; margin: 0; outline: 0 none; padding: 0; text-decoration: none; } .t-grid .t-status-text { float: right; margin-right: 0.2em; } .t-grid .t-pager, .t-grid .t-status, .t-grid .t-status-text, .t-pager .t-numeric, .t-pager .t-page-i-of-n, .t-pager .t-link, .t-pager span, .t-pager input, .t-pager .t-page-size, .t-grouping-row p { display: inline-block; vertical-align: middle; } .t-grid-pager { line-height: 1.8em; } .t-pager span, .t-pager .t-link { vertical-align: top; } .t-pager .t-link { border: 0 none; color: #3c5c6e; line-height: 16px; margin-top: 0.2em; padding: 1px; text-decoration: none; } .t-widget, .t-link:link, .t-link:active, .t-link:visited, .t-popup { color: #000; } .t-state-disabled, .t-state-disabled .t-link { cursor: default; outline: medium none; } .t-link { cursor: pointer; outline: medium none; } .t-state-disabled, .t-state-disabled .t-link, .t-state-disabled .t-button { border-color: #bbb; color: #999; } .t-pager .t-numeric, .t-pager .t-page-i-of-n { margin: 0 7px; vertical-align: top; } .t-grid .t-pager, .t-grid .t-status, .t-grid .t-status-text, .t-pager .t-numeric, .t-pager .t-page-i-of-n, .t-pager .t-link, .t-pager span, .t-pager input, .t-pager .t-page-size, .t-grouping-row p { display: inline-block; vertical-align: middle; } .t-pager span, .t-pager .t-link { vertical-align: top; } .t-state-disabled .t-arrow-prev{ background-position: -16px -208px; } .t-arrow-prev { background-position:-16px -192px; } .t-pager span, .t-pager .t-link { vertical-align: top; } .t-state-disabled .t-arrow-first{ background-position: 0 -208px; } .t-arrow-first { background-position: 0 -192px; } .t-pager span, .t-pager .t-link { vertical-align: top; } .t-arrow-last { background-position: -48px -192px; } .t-arrow-next { background-position: -32px -192px; } .t-numeric .t-state-active, .t-numeric .t-state-hover { line-height: 20px; padding: 0 4px; } .t-numeric .t-link, .t-numeric .t-state-active { line-height: 22px; margin-top: 0; padding: 0 5px; vertical-align: top; } .t-pager .t-state-active, .t-pager .t-state-hover { border-radius: 0px; border-style: solid; border-width:0px; padding: 0; background:#454545; color:#fff; } .t-numeric .t-link, .t-numeric .t-state-active { line-height: 22px; margin-top: 0; padding: 0 7px 0px 6px; vertical-align: top; } .t-numeric .t-link:hover { background:#454545; color:#fff;} .offer-download-content-block { background: none repeat scroll 0 0 white; border-left: 2px solid #e0134e; clear: both; color: #4c4c4c; float: left; font-family: "Gafata",sans-serif; font-size: 25px; padding: 15px 70px 15px 15px; position: relative; width: 91.3%; } .offer-download-content-block .name { color: #5c5c5c; float: right; font-family: arial; font-size: 13px; margin-top: 10px; } .offer-download-content-block .icon-download { background: none repeat scroll 0 0 #e0134e; float: right; height: 50px; text-align:center; position: absolute; right: 0; top: 0; width: 50px; height:100%; } .offer-download-content-block .icon-download img { position:relative; top:13px;} .offer-download-content-block .icon-download:hover img { top:25px; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } ul.list1 { margin: 15px 0 0; padding: 0; } ul.list1 li { background: url("../../images/list1.png") no-repeat scroll 3px 8px rgba(0, 0, 0, 0); color: #585858; list-style-type: none; padding: 3px 0 3px 20px; } ul.list1 li ul { margin: 5px 0 0; padding: 0; } ul.list1 li li { background: url("../../images/list2.png") no-repeat scroll 0 8px rgba(0, 0, 0, 0); list-style-type: none; padding: 3px 0 3px 12px; } ul.list1 li a { color: #e0134e; text-decoration: none; } ul.list1 li li a { color: #585858; } ul.list1 li a:hover { color: black; } ul.list2 { margin: 15px 0 0; padding: 0; } ul.list2 li { background: url("../../images/list2.png") no-repeat scroll 3px 8px rgba(0, 0, 0, 0); color: #585858; list-style-type: none; padding: 3px 0 3px 20px; } ul.list2 li ul { margin: 5px 0 0; padding: 0; } ul.list2 li li { background: url("../../images/list3.png") no-repeat scroll 0 8px rgba(0, 0, 0, 0); list-style-type: none; padding: 3px 0 3px 12px; } ul.list2 li a { color: #e0134e; text-decoration: none; } ul.list2 li li a { color: #585858; } ul.list2 li a:hover { color: black; } .sitecolour{color: #e0134e;} .centered { position: fixed; top: 45%; left:55%; margin-top: -50px; margin-left: -100px; } #loading { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 100000; } #loading .loadingbg { background: none repeat scroll 0 0 #fff; height: 100%; left: 0; opacity: 0.2; position: absolute; top: 0; width: 100%; } #CategoryList .t-grid-top .t-status, #CategoryList .t-grid-bottom .t-status { margin-top:0px; padding-top:0px; padding-right:10px; } .t-grid-header{display:none;} .ultext { padding: 15px 0px 0px; margin: 0px; color: #FFF; font-size: 14px; font-family: "PT Sans",sans-serif; } .newsdate1{ color:#E0134E;} .gcaptcha.help-block.with-errors { display:none; } .has-error .gcaptcha.help-block.with-errors { display:block;}