.checkout-info, pre { word-wrap: break-word } address, blockquote, dfn { font-style: italic } html, svg:not(:root) { overflow: hidden } input[type=checkbox], input[type=radio], legend { padding: 0 } pre, textarea { overflow: auto } hr, img, legend { border: 0 } a, ins { text-decoration: none } .ho-button:link i, .ho-button i, .section-title h3, .slick-slide>div>div, img { vertical-align: middle } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block } audio, canvas, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } [hidden] { display: none } button, html, input, select, textarea { font-family: Source Sans Pro, Helvetica, sans-serif } a { color: #ca3c08; -webkit-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s } .hoproduct-thumb:before, button, input, select, textarea { -webkit-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s } a:active, a:hover { color: #ea9629 } abbr[title] { border-bottom: 1px dotted } b, dt, strong { font-weight: 700 } mark { background: #ff0; color: #000 } code, kbd, pre, samp { font-family: monospace, serif; font-size: 14px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none } pre { background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; padding: 20px; white-space: pre; white-space: pre-wrap } .h1, .h2, .h3, .h4, .h5, .h6, body, button, h1, h2, h3, h4, h5, h6, input, select, textarea { font-family: Roboto, sans-serif } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none } blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none } blockquote { font-weight: 300 } blockquote blockquote { margin-right: 0 } blockquote cite, blockquote small { font-size: 14px; font-weight: 400; text-transform: uppercase } blockquote em, blockquote i { font-style: normal; font-weight: 300 } blockquote b, blockquote strong, caption, td, th { font-weight: 400 } small { font-size: smaller } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } menu, ol, ul { padding: 0 0 0 40px } ul { list-style-type: square } nav ol, nav ul { list-style: none } figure, form, li>ol, li>ul { margin: 0 } img { -ms-interpolation-mode: bicubic; max-width: 100% } fieldset { border: 1px solid silver; margin: 0 2px; min-width: inherit; padding: .35em .625em .75em } legend { white-space: normal } button, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline } button, input { line-height: normal } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; -moz-appearance: button; appearance: button; cursor: pointer } button[disabled], input[disabled] { cursor: not-allowed } input[type=search] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; padding-right: 2px; width: 270px } input[type=search]::-webkit-search-decoration { -webkit-appearance: none; appearance: none } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } textarea { vertical-align: top; padding: 10px 15px } table { border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; font-size: 14px; line-height: 2; width: 100% } caption, td, th { text-align: left } caption { font-size: 16px } th { font-weight: 700; text-transform: uppercase } td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0 } del { color: #333 } ins { background: #fff9c0 } hr { -webkit-background-size: 4px 4px; -moz-background-size: 4px 4px; -o-background-size: 4px 4px; background-size: 4px 4px; height: 1px } html { overflow-y: auto } body { overflow: hidden; font-size: 14px; line-height: 24px; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; color: #7e7e7e; font-weight: 400 } ::-webkit-input-placeholder { color: #7e7e7e } :-moz-placeholder, ::-moz-placeholder { color: #7e7e7e } :-ms-input-placeholder { color: #7e7e7e } .h1, .h2, .h3, .h4, .h5, .h6, address, blockquote, caption, dd, dl, h1, h2, h3, h4, h5, h6, hr, menu, ol, p, pre, table, ul { margin: 0 0 15px } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height: 1.3; color: #0071bc } .h1, h1 { font-size: 36px } .h2, h2 { font-size: 26px } .h3, h3 { font-size: 20px } .h4, h4 { font-size: 18px } .h5, h5 { font-size: 16px } .h6, h6 { font-size: 14px } @media only screen and (min-width:768px) and (max-width:991px) { .h1, h1 { font-size: 32px } .h2, h2 { font-size: 24px } .h3, h3 { font-size: 18px } } @media only screen and (max-width:767px) { .h1, h1 { font-size: 30px } .h2, h2 { font-size: 22px } .h3, h3 { font-size: 18px } } @media only screen and (max-width:575px) { .h1, h1 { font-size: 28px } } .h1, .h2, .h3, h1, h2, h3 { font-weight: 700 } .h4, .h5, h4, h5 { font-weight: 600 } .h6, h6 { font-weight: 500 } a:active, a:focus, a:hover { text-decoration: none; outline: 0 } a:visited { color: inherit } button, input, select, textarea { background: 0 0; border: 1px solid #e5e5e5; -webkit-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; color: #7e7e7e } button::-webkit-input-placeholder, input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #7e7e7e } button:-moz-placeholder, button::-moz-placeholder, input:-moz-placeholder, input::-moz-placeholder, select:-moz-placeholder, select::-moz-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder { color: #7e7e7e } button:-ms-input-placeholder, input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #7e7e7e } button:active, button:focus, input:active, input:focus, select:active, select:focus, textarea:active, textarea:focus { outline: 0; border-color: #0071bc } input, select, textarea { width: 100%; font-size: 14px } button, input[type=email], input[type=number], input[type=password], input[type=text], select { height: 50px; line-height: 48px; padding: 0 15px } input[type=checkbox], input[type=radio] { visibility: hidden; opacity: 0; display: inline-block; vertical-align: middle; width: 0 } input[type=checkbox]~label, input[type=radio]~label { position: relative; padding-left: 24px } input[type=checkbox]~label:before { content: ""; position: absolute; left: 0; top: 50%; border: 1px solid #e5e5e5; height: 15px; width: 15px; margin-top: -8px; line-height: .5; font-size: 28px } input[type=checkbox]:checked~label, input[type=radio]:checked~label { color: #0071bc } input[type=checkbox]:checked~label:before { content: "\f3ff"; font-family: Ionicons; color: #0071bc; border-color: #0071bc } input[type=radio]~label:before { content: ""; position: absolute; left: 0; top: 50%; border: 2px solid #e5e5e5; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; height: 15px; width: 15px; margin-top: -8px; line-height: .5; font-size: 28px } input[type=radio]:checked~label:before { color: #0071bc; border-color: #0071bc } blockquote { font-size: 16px; color: #454545; border: 1px solid #e5e5e5; border-left-width: 4px; padding: 20px 30px } @media only screen and (max-width:575px) { blockquote { padding: 15px } } @-webkit-keyframes crZoomInOut { 0%, to { -webkit-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.3); transform: scale(1.3) } } @-moz-keyframes crZoomInOut { 0%, to { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); transform: scale(1.3) } } @-o-keyframes crZoomInOut { 0%, to { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3) } } @keyframes crZoomInOut { 0%, to { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3) } } @-webkit-keyframes crZoomInOutInvisible { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } to { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0 } } @-moz-keyframes crZoomInOutInvisible { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 1 } to { -webkit-transform: scale(1.6); -moz-transform: scale(1.6); transform: scale(1.6); opacity: 0 } } @-o-keyframes crZoomInOutInvisible { 0% { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1 } to { -webkit-transform: scale(1.6); -o-transform: scale(1.6); transform: scale(1.6); opacity: 0 } } @keyframes crZoomInOutInvisible { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1 } to { -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -o-transform: scale(1.6); transform: scale(1.6); opacity: 0 } } @-webkit-keyframes crFadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @-moz-keyframes crFadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); -moz-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0) } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none } } @-o-keyframes crFadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0) } to { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none } } @keyframes crFadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); -moz-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0) } to { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none } } @-webkit-keyframes crSlideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @-moz-keyframes crSlideInDown { 0% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%) } to { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0) } } @-o-keyframes crSlideInDown { 0% { -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%) } to { -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @keyframes crSlideInDown { 0% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%) } to { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes crBounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) } } @-moz-keyframes crBounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -moz-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); -moz-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); -moz-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); -moz-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } to { opacity: 1; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform: scaleX(1) } } @-o-keyframes crBounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } to { opacity: 1; -webkit-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1) } } @keyframes crBounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1); -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -moz-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); -moz-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); -moz-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); -moz-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } to { opacity: 1; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1) } } @-webkit-keyframes crSlideInRight { 0% { -webkit-transform: translateX(150px); transform: translateX(150px); opacity: 0 } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } @-moz-keyframes crSlideInRight { 0% { -webkit-transform: translateX(150px); -moz-transform: translateX(150px); transform: translateX(150px); opacity: 0 } to { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); opacity: 1 } } @-o-keyframes crSlideInRight { 0% { -webkit-transform: translateX(150px); -o-transform: translateX(150px); transform: translateX(150px); opacity: 0 } to { -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } } @keyframes crSlideInRight { 0% { -webkit-transform: translateX(150px); -moz-transform: translateX(150px); -o-transform: translateX(150px); transform: translateX(150px); opacity: 0 } to { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } } @-webkit-keyframes carInOutAnimation { 0% { -webkit-transform: translateX(200%); transform: translateX(200%) } 18%, 80% { -webkit-transform: translateX(-5%); transform: translateX(-5%) } 20%, 82% { -webkit-transform: translateX(5%); transform: translateX(5%) } 22%, 78% { -webkit-transform: translateX(0); transform: translateX(0) } to { -webkit-transform: translateX(-200%); transform: translateX(-200%) } } @-moz-keyframes carInOutAnimation { 0% { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); transform: translateX(200%) } 18%, 80% { -webkit-transform: translateX(-5%); -moz-transform: translateX(-5%); transform: translateX(-5%) } 20%, 82% { -webkit-transform: translateX(5%); -moz-transform: translateX(5%); transform: translateX(5%) } 22%, 78% { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0) } to { -webkit-transform: translateX(-200%); -moz-transform: translateX(-200%); transform: translateX(-200%) } } @-o-keyframes carInOutAnimation { 0% { -webkit-transform: translateX(200%); -o-transform: translateX(200%); transform: translateX(200%) } 18%, 80% { -webkit-transform: translateX(-5%); -o-transform: translateX(-5%); transform: translateX(-5%) } 20%, 82% { -webkit-transform: translateX(5%); -o-transform: translateX(5%); transform: translateX(5%) } 22%, 78% { -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } to { -webkit-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%) } } @keyframes carInOutAnimation { 0% { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -o-transform: translateX(200%); transform: translateX(200%) } 18%, 80% { -webkit-transform: translateX(-5%); -moz-transform: translateX(-5%); -o-transform: translateX(-5%); transform: translateX(-5%) } 20%, 82% { -webkit-transform: translateX(5%); -moz-transform: translateX(5%); -o-transform: translateX(5%); transform: translateX(5%) } 22%, 78% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } to { -webkit-transform: translateX(-200%); -moz-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%) } } @-webkit-keyframes hoFill { 0% { width: 0 } to { width: 100% } } @-moz-keyframes hoFill { 0% { width: 0 } to { width: 100% } } @-o-keyframes hoFill { 0% { width: 0 } to { width: 100% } } @keyframes hoFill { 0% { width: 0 } to { width: 100% } } .hidden { display: none } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .cr-border, .cr-border-bottom, .cr-border-left, .cr-border-right, .cr-border-top { border-color: #e5e5e5; border-style: solid } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto } .h-100, .youtube-bg { height: 100% } .mt-30, .mtb-30 { margin-top: 30px } .mb-30, .mtb-30 { margin-bottom: 30px } .background-video-holder, .wrapper { position: relative } .invisible { visibility: hidden } .clearfix:after, .clearfix:before { content: " "; display: table } .clearfix:after { clear: both } .color-theme { color: #0071bc } .color-light { color: #999 } .color-dark { color: #333 } .color-black { color: #000 } #scrollUp, .bg-dark, .bg-dark-light, .bg-dark-light h1, .bg-dark-light h2, .bg-dark-light h3, .bg-dark-light h4, .bg-dark-light h5, .bg-dark-light h6, .bg-dark-light p, .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6, .bg-dark p, .bg-secondary, .bg-secondary h1, .bg-secondary h2, .bg-secondary h3, .bg-secondary h4, .bg-secondary h5, .bg-secondary h6, .bg-secondary p, .bg-theme, .bg-theme h1, .bg-theme h2, .bg-theme h3, .bg-theme h4, .bg-theme h5, .bg-theme h6, .bg-theme p, .color-white { color: #fff } .bg-theme { background: #0071bc; background: -webkit-gradient(linear, left top, right top, color-stop(0, #0071bc), to(#0088e2)); background: -webkit-linear-gradient(left, #0071bc, #0088e2); background: -moz-linear-gradient(left, #0071bc 0, #0088e2); background: -o-linear-gradient(left, #0071bc 0, #0088e2); background: -webkit-gradient(linear, left top, right top, from(#0071bc), to(#0088e2)); background: -moz-linear-gradient(left, #0071bc, #0088e2); background: -o-linear-gradient(left, #0071bc, #0088e2); background: linear-gradient(90deg, #0071bc, #0088e2) } .bg-secondary { background: #0071bc !important } .bg-light { background: #999 !important } .bg-grey { background: #f4f4f4 !important } .bg-dark { background: #2a2a2a !important } .bg-dark-light { background: #323232 !important } .bg-black { background: #000 !important } .bg-white { background: #fff !important } .youtube-video-wrapper { width: 100%; height: 100%; position: absolute !important; top: 0 !important; left: 0; z-index: -1 } .youtube-bg { display: block; background: rgba(0, 0, 0, .5) } .bg-image-1, .bg-image-2, .bg-image-3, .bg-image-4, .bg-image-5, .bg-image-6, .bg-image-7, .bg-image-8, .bg-image-9, .bg-image-11, .bg-image-12, .bg-image-13, .bg-image-14, .bg-image-15, .bg-image-16, .bg-image-17, .bg-image-18, .bg-image-19, .bg-image-20 { background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% } .bg-image-1 { background-image: url(images/bg/bg-image-1.jpg) } .bg-image-2 { background-image: url(images/bg/bg-image-2.jpg) } .bg-image-3 { background-image: url(images/bg/bg-image-3.jpg) } .bg-image-4 { background-image: url(images/bg/bg-image-4.jpg) } .bg-image-5 { background-image: url(images/bg/bg-image-5.jpg) } .bg-image-6 { background-image: url(images/bg/bg-image-6.jpg) } .bg-image-7 { background-image: url(images/bg/bg-image-7.jpg) } .bg-image-8 { background-image: url(images/bg/bg-image-8.jpg) } .bg-image-9 { background-image: url(images/bg/bg-image-9.jpg) } .bg-image-10 { background-image: url(images/bg/bg-image-10.jpg); background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% } .bg-image-11 { background-image: url(images/bg/bg-image-11.jpg) } .bg-image-12 { background-image: url(images/bg/bg-image-12.jpg) } .bg-image-13 { background-image: url(images/bg/bg-image-13.jpg) } .bg-image-14 { background-image: url(images/bg/bg-image-14.jpg) } .bg-image-15 { background-image: url(images/bg/bg-image-15.jpg) } .bg-image-16 { background-image: url(images/bg/bg-image-16.jpg) } .bg-image-17 { background-image: url(images/bg/bg-image-17.jpg) } .bg-image-18 { background-image: url(images/bg/bg-image-18.jpg) } .bg-image-19 { background-image: url(images/bg/bg-image-19.jpg) } .bg-image-20 { background-image: url(images/bg/bg-image-20.jpg) } .text-italic { font-style: italic } .text-normal { font-style: normal } .text-underline { font-style: underline } .body-font, .heading-font { font-family: Roboto, sans-serif } .catmenu-2 .catmenu-trigger span:before, .catmenu-dropdown>a:after, .catmenu-trigger span:after, .ho-breadcrumb ul li:after, .nice-select:after { font-family: Ionicons } .fullscreen { min-height: 100vh; width: 100% } .w-100 { width: 100% } .w-75 { width: 75% } .w-50 { width: 50% } .w-33 { width: 33.33% } .w-25 { width: 25% } .w-10 { width: 10% } .h-75 { height: 75% } .h-50 { height: 50% } .h-25 { height: 25% } .h-33 { height: 33.33% } .h-10 { height: 10% } .section-padding-xlg { padding: 150px 0 } .section-padding-lg { padding: 120px 0 } .section-padding-md { padding: 100px 0 } .section-padding-sm { padding: 80px 0 } .section-padding-xs { padding: 50px 0 } .section-padding-top-xlg { padding-top: 150px } .section-padding-top-lg { padding-top: 120px } .section-padding-top-md { padding-top: 100px } .section-padding-top-sm { padding-top: 80px } .section-padding-top-xs { padding-top: 50px } .section-padding-bottom-xlg { padding-bottom: 150px } .section-padding-bottom-lg { padding-bottom: 120px } .section-padding-bottom-md { padding-bottom: 100px } .section-padding-bottom-sm { padding-bottom: 80px } .section-padding-bottom-xs { padding-bottom: 50px } @media only screen and (min-width:992px) and (max-width:1199px) { .section-padding-xlg { padding: 100px 0 } .section-padding-lg { padding: 90px 0 } .section-padding-md { padding: 80px 0 } .section-padding-sm { padding: 60px 0 } .section-padding-top-xlg { padding-top: 100px } .section-padding-top-lg { padding-top: 90px } .section-padding-top-md { padding-top: 80px } .section-padding-top-sm { padding-top: 60px } .section-padding-bottom-xlg { padding-bottom: 100px } .section-padding-bottom-lg { padding-bottom: 90px } .section-padding-bottom-md { padding-bottom: 80px } .section-padding-bottom-sm { padding-bottom: 60px } } @media only screen and (min-width:768px) and (max-width:991px) { .section-padding-xlg { padding: 110px 0 } .section-padding-lg { padding: 100px 0 } .section-padding-md { padding: 80px 0 } .section-padding-sm { padding: 60px 0 } .section-padding-top-xlg { padding-top: 110px } .section-padding-top-lg { padding-top: 100px } .section-padding-top-md { padding-top: 80px } .section-padding-top-sm { padding-top: 60px } .section-padding-bottom-xlg { padding-bottom: 110px } .section-padding-bottom-lg { padding-bottom: 100px } .section-padding-bottom-md { padding-bottom: 80px } .section-padding-bottom-sm { padding-bottom: 60px } } @media only screen and (max-width:767px) { .section-padding-xlg { padding: 75px 0 } .section-padding-lg { padding: 65px 0 } .section-padding-md { padding: 60px 0 } .section-padding-sm { padding: 55px 0 } .section-padding-top-xlg { padding-top: 75px } .section-padding-top-lg { padding-top: 65px } .section-padding-top-md { padding-top: 60px } .section-padding-top-sm { padding-top: 55px } .section-padding-bottom-xlg { padding-bottom: 75px } .section-padding-bottom-lg { padding-bottom: 65px } .section-padding-bottom-md { padding-bottom: 60px } .section-padding-bottom-sm { padding-bottom: 55px } #scrollUp { display: none !important } } .pt-30, .ptb-30 { padding-bottom: 30px; padding-top: 30px } .pb-30, .ptb-30 { padding-bottom: 30px } .cr-border { border-width: 1px } .cr-border-top { border-width: 1px 0 0 } .cr-border-right { border-width: 0 1px 0 0 } .cr-border-bottom { border-width: 0 0 1px } .cr-border-left { border-width: 0 0 0 1px } [data-black-overlay], [data-overlay], [data-white-overlay] { position: relative } [data-black-overlay]>*, [data-black-overlay]>div, [data-overlay]>*, [data-overlay]>div, [data-white-overlay]>*, [data-white-overlay]>div { position: relative; z-index: 2 } [data-black-overlay]:before, [data-overlay]:before, [data-white-overlay]:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 2 } [data-overlay]:before { background-color: #0071bc } [data-black-overlay]:before { background-color: #000 } [data-white-overlay]:before { background-color: #fff } [data-black-overlay="1"]:before, [data-overlay="1"]:before, [data-white-overlay="1"]:before { opacity: .1 } [data-black-overlay="2"]:before, [data-overlay="2"]:before, [data-white-overlay="2"]:before { opacity: .2 } [data-black-overlay="3"]:before, [data-overlay="3"]:before, [data-white-overlay="3"]:before { opacity: .3 } [data-black-overlay="4"]:before, [data-overlay="4"]:before, [data-white-overlay="4"]:before { opacity: .4 } [data-black-overlay="5"]:before, [data-overlay="5"]:before, [data-white-overlay="5"]:before { opacity: .5 } [data-black-overlay="6"]:before, [data-overlay="6"]:before, [data-white-overlay="6"]:before { opacity: .6 } [data-black-overlay="7"]:before, [data-overlay="7"]:before, [data-white-overlay="7"]:before { opacity: .7 } [data-black-overlay="8"]:before, [data-overlay="8"]:before, [data-white-overlay="8"]:before { opacity: .8 } [data-black-overlay="9"]:before, [data-overlay="9"]:before, [data-white-overlay="9"]:before { opacity: .9 } [data-black-overlay="10"]:before, [data-overlay="10"]:before, [data-white-overlay="10"]:before { opacity: 1 } .slick-slide.slick-active:active, .slick-slide.slick-active:focus, .slick-slide.slick-current:active, .slick-slide.slick-current:focus, .slick-slide:active, .slick-slide:focus { outline: 0 } #scrollUp { right: 30px; bottom: 45px; height: 45px; width: 45px; line-height: 1; text-align: center; background: #0071bc; font-size: 22px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid #fff; -webkit-animation: crSlideInRight .8s ease-in-out 1 both; -moz-animation: crSlideInRight .8s ease-in-out 1 both; -o-animation: crSlideInRight .8s ease-in-out 1 both; animation: crSlideInRight .8s ease-in-out 1 both; z-index: 1000 !important; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .2); box-shadow: 0 0 15px rgba(0, 0, 0, .2) } #scrollUp i { line-height: 45px } .pt-40, .ptb-40 { padding-top: 40px } .pb-40, .ptb-40 { padding-bottom: 40px } .pt-50, .ptb-50 { padding-top: 50px } .pb-50, .ptb-50 { padding-bottom: 50px } .form-message { margin-bottom: 0; text-align: center } .form-message.error { margin-top: 20px; color: #f80707 } .form-message.success { margin-top: 20px; color: #0d8d2d } .bk-parallax { position: relative; z-index: 0 } .bk-parallax>.bk-parallax-img { position: absolute; -o-object-fit: cover; object-fit: cover; top: 0; left: 0; width: 100%; height: 100%; z-index: -1 } .dropdown-list { position: absolute; top: 100%; left: auto; right: 0; background: #fff; border-bottom: 2px solid #0071bc; padding: 0 20px; min-width: 150px; text-align: left; -webkit-box-shadow: 0 2px 13.95px 1.05px rgba(0, 0, 0, .05); -moz-box-shadow: 0 2px 13.95px 1.05px rgba(0, 0, 0, .05); box-shadow: 0 2px 13.95px 1.05px rgba(0, 0, 0, .05); z-index: 99; display: none } .section-title-2 .nav li a:after, .section-title h3:after { content: ""; width: 100%; left: 0; bottom: -1px } .dropdown-list li { list-style: none; display: block } .dropdown-list li:not(:last-child) { border-bottom: 1px solid #e5e5e5 } .dropdown-list li a { display: block; width: 100%; clear: both; font-weight: 400; white-space: nowrap; background: 0 0; border: 0; padding: 10px 0; color: #7e7e7e; line-height: 25px; font-size: 13px } .dropdown-list li a:hover { color: #0071bc } [class*=" flaticon-"]:after, [class*=" flaticon-"]:before, [class^=flaticon-]:after, [class^=flaticon-]:before { font-size: inherit; margin-left: 0 } @media (min-width:992px) { .col-2-of-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -moz-box-flex: 0; flex: 0 0 20%; max-width: 25% } } .tab-content { padding-bottom: 30px; width: 100% } .tab-content .tab-pane { display: block; height: 0; max-width: 100%; visibility: hidden; overflow: hidden; opacity: 0 } .ho-button, .ho-button:link, .ho-button:link span, .ho-button span { display: inline-block; color: #fff } .tab-content .tab-pane.active { height: auto; visibility: visible; opacity: 1; overflow: visible } .ho-button, .ho-button:link { outline: 0; -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; position: relative; font-size: 17px; line-height: 25px; text-transform: capitalize; font-weight: 500; border: 1px solid #0071bc; background: #0071bc; padding: 9px 20px 11px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px } .ho-button:link i, .ho-button i { font-size: 21px; margin-top: 5px; color: #fff } .ho-button-white:hover span, .ho-button-white:link:hover span, .ho-button-white:link i, .ho-button-white:link span, .ho-button-white i, .ho-button-white span, .ho-button:hover, .ho-button:hover i, .ho-button:hover span { color: #ffe84f } @media only screen and (min-width:768px) and (max-width:991px) { .ho-button, .ho-button:link { font-size: 14px; padding: 5px 15px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .ho-button:link i, .ho-button i { font-size: 17px } } @media only screen and (max-width:767px) { .ho-button, .ho-button:link { font-size: 14px; padding: 6px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .ho-button:link i, .ho-button i { font-size: 17px } } .ho-button.ho-button-sm, .ho-button:link.ho-button-sm { font-size: 14px; padding: 6px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .ho-button.ho-button-sm i, .ho-button:link.ho-button-sm i { font-size: 17px } .ho-button-red { background: #e21b1b; color: #fff; border: none } .ho-button-red:hover { background: #fff; color: #e21b1b; border: 1px solid #e21b1b } .ho-button-white, .ho-button-white:link { background: #fff; border-color: #fff; color: #0071bc } .ho-button-white:hover, .ho-button-white:link:hover { border-color: #0071bc } .ho-button-dark:hover span, .ho-button-dark:link:hover span, .ho-button-dark:link i, .ho-button-dark:link span, .ho-button-dark i, .ho-button-dark span { color: #fff } .ho-button-dark, .ho-button-dark:link { background: #454545; border-color: #454545; color: #fff } .ho-button-dark:hover:enabled, .ho-button-dark:link:hover:enabled { border-color: #0071bc; background: #0071bc } .section-title, .section-title-2, .small-title { border-bottom: 1px solid #e5e5e5 } .ho-button-fullwidth, .ho-button-fullwidth:link { display: block; text-align: center } .ho-buttongroup { margin-top: -10px } .ho-buttongroup .ho-button { margin-top: 10px } .ho-buttongroup .ho-button:not(:last-child) { margin-right: 10px } .ho-readmore { color: #454545 } .ho-readmore:hover { color: #0071bc } .section-title { margin-bottom: 8px; display: block } .section-title:after { content: ""; clear: both; display: table } .section-title h3 { font-weight: 700; display: inline-block; margin-bottom: 0; line-height: 40px; position: relative; text-transform: uppercase } .section-title h3:after { position: absolute; background: #0071bc; height: 2px } .section-title-2 .nav li a, .section-title .nav li a { position: relative; background: 0 0; text-transform: uppercase; font-weight: 700; z-index: 2; cursor: pointer; vertical-align: middle } .section-title .nav { float: right; margin-right: 80px } .section-title .nav li { display: inline-block; margin: 0 10px } .section-title .nav li:first-child { margin-left: 0 } .section-title .nav li:last-child { margin-right: 0 } .section-title .nav li a { height: 40px; display: inline-block; line-height: 40px; color: #ababab; font-size: 14px; padding: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease } .section-title .nav li a.active, .section-title .nav li a:hover { color: #454545 } @media only screen and (min-width:992px) and (max-width:1199px) { .section-title .nav { margin-right: 60px } } @media only screen and (min-width:768px) and (max-width:991px) { .section-title .nav { float: none; margin-right: 50px } } @media only screen and (max-width:767px) { .section-title .nav { float: none; margin-right: 50px } } @media only screen and (max-width:575px) { .container { max-width: 380px } .section-title .nav { padding-top: 15px; padding-bottom: 10px } .section-title .nav li { margin-left: 0; margin-right: 15px } .section-title .nav li a { height: auto; line-height: 24px } } .section-title-2 { margin-bottom: 8px; display: block } .section-title-2:after { content: ""; clear: both; display: table } .section-title-2 .nav { margin-right: 80px } .section-title-2 .nav li { display: inline-block; margin: 0 25px } .section-title-2 .nav li:first-child { margin-left: 0 } .section-title-2 .nav li:last-child { margin-right: 0 } .section-title-2 .nav li a { height: 40px; display: inline-block; line-height: 40px; color: #ababab; padding: 0; font-size: 20px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease } .section-title-2 .nav li a:after { position: absolute; background: #0071bc; height: 2px; visibility: hidden; -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; opacity: 0 } .section-title-2 .nav li a.active:after { visibility: visible; opacity: 1 } .section-title-2 .nav li a.active, .section-title-2 .nav li a:hover { color: #454545 } @media only screen and (min-width:768px) and (max-width:991px) { .section-title-2 .nav { margin-right: 50px } .section-title-2 .nav li { margin: 0 10px } .section-title-2 .nav li a { font-size: 18px } } @media only screen and (max-width:767px) { .section-title-2 .nav { margin-right: 50px } .section-title-2 .nav li { margin: 0 10px } .section-title-2 .nav li a { font-size: 18px } } @media only screen and (max-width:575px) { .section-title-2 .nav { padding-top: 15px; padding-bottom: 10px } .section-title-2 .nav li { margin-left: 0; margin-right: 15px } .section-title-2 .nav li:not(:last-child) { margin-bottom: 10px } .section-title-2 .nav li a { height: auto; line-height: 26px } } .small-title { padding-bottom: 10px; text-transform: uppercase } .socialicons ul { padding-left: 0; margin-bottom: 0; font-size: 0 } .socialicons ul, .socialicons ul li { display: inline-block; list-style: none } .socialicons ul li { font-size: 18px; margin: 0 10px } .socialicons ul li:first-child { margin-left: 0 } .socialicons ul li:last-child { margin-right: 0 } .socialicons ul li a { display: inline-block; color: #454545 } .socialicons ul li a:hover { color: #0071bc } .socialicons-radial ul li { margin: 0 7px } .socialicons-radial ul li a { position: relative; display: inline-block; vertical-align: middle; color: #454545; background: #fff; font-size: 18px; padding: 0; width: 50px; height: 50px; text-align: center; border: 1px solid #e5e5e5; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; line-height: 1 } .catmenu-2 .catmenu-trigger span, .socialicons-radial ul li a i { line-height: 48px } .socialicons-radial ul li a:hover { background: #0071bc; border-color: #0071bc; color: #fff } @media only screen and (max-width:767px) { .socialicons-radial ul li { margin: 0 4px } .socialicons-radial ul li a { height: 38px; width: 38px; font-size: 15px } .socialicons-radial ul li a i { line-height: 38px } } .ho-breadcrumb ul { display: inline-block; padding: 15px 0; margin-bottom: 0; font-size: 0 } .ho-breadcrumb ul li { color: #454545; display: inline-block; padding: 8px 0; font-size: 14px } .ho-breadcrumb ul li:after { content: "\f3d1"; color: #7e7e7e; margin: 0 5px } .ho-breadcrumb ul li:last-child:after { display: none } .cr-pagination, .hoproduct-3 { display: -webkit-box; display: -ms-flexbox } .ho-breadcrumb ul li a { color: #7e7e7e } .cr-pagination { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #e5e5e5 } .cr-pagination p { padding-bottom: 10px; margin-bottom: 0; color: #454545 } .cr-pagination ul { padding-left: 0; padding-bottom: 10px } .cr-pagination ul li { list-style: none; display: inline-block; margin-right: 4px } .cr-pagination ul li a { font-weight: 400; color: #fff; padding: 0 10px; height: 30px; line-height: 30px; background: #ccc; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size: 14px; display: inline-block } .cr-pagination ul li a i { font-size: 12px } .cr-pagination ul li.active a, .cr-pagination ul li:hover a { background: #0071bc } .hoproduct { padding: 15px; -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s } .hoproduct-actionbox, .hoproduct-flags { padding-left: 0; left: 0; list-style: none } .hoproduct-thumb { position: relative; display: block; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; height: 150px; overflow: hidden } .hoproduct-thumb:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; background: hsla(0, 0%, 100%, .75); opacity: 0; visibility: hidden; z-index: 2 } .hoproduct-thumb .hoproduct-backimage, .hoproduct-thumb .hoproduct-frontimage, .hoproduct-thumb:before { width: 100%; -webkit-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s } .hoproduct-thumb .hoproduct-frontimage { opacity: 1; visibility: visible } .hoproduct-thumb .hoproduct-backimage { position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0; visibility: hidden; z-index: -1 } .hoproduct:hover .hoproduct-thumb:before { opacity: 1; visibility: visible; z-index: 2 } .hoproduct:hover .hoproduct-thumb .hoproduct-backimage { visibility: visible; opacity: 1; z-index: 1; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05) } .hoproduct-image { position: relative; z-index: 1 } .hoproduct-actionbox { display: block; position: absolute; width: 100%; z-index: 5; margin-bottom: 0; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 0 } .hoproduct-actionbox li { list-style: none; display: inline-block; margin: 0 5px; font-size: 18px } .hoproduct-actionbox li:first-child { margin-left: 0 } .hoproduct-actionbox li:last-child { margin-right: 0 } .hoproduct-actionbox li a { display: inline-block; background: #ededed; color: #454545; padding: 0; border: none; height: 45px; width: 45px; font-size: 18px; cursor: pointer; text-transform: capitalize; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; -webkit-transform: scale(.5); -moz-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5); opacity: 0; text-align: center } .hoproduct-actionbox li a.is-active, .hoproduct-actionbox li a:hover { background: #0071bc; color: #fff } .hoproduct-actionbox li a i { line-height: 45px } .hoproduct:hover .hoproduct-actionbox li a { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1) } .hoproduct-countdown { text-align: center } .hoproduct-content { padding-top: 15px } .hoproduct-title { font-weight: 400; font-size: 15px; line-height: 24px; margin-bottom: 5px } .hoproduct-title a { color: #004b7d } .hoproduct-title a:hover { color: #0071bc } .hoproduct-flags { position: absolute; top: 0; width: 100%; margin-bottom: 0; z-index: 1 } .hoproduct-flags li { position: absolute; left: 0; display: inline-block; background: #3fcc8d; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 5px; min-width: 55px; text-align: center; line-height: 25px; height: 25px; font-size: 13px; font-weight: 400; text-transform: uppercase } .hoproduct-flags .flag-discount { background: #d31129; left: auto; right: 0 } .hoproduct:hover { -webkit-box-shadow: 0 2px 13.95px 1.05px rgba(0, 0, 0, .05); -moz-box-shadow: 0 2px 13.95px 1.05px rgba(0, 0, 0, .05); box-shadow: 0 2px 13.95px 1.05px rgba(0, 0, 0, .05) } @media only screen and (max-width:767px) { .hoproduct-thumb:before { display: none } .hoproduct-actionbox { position: relative; -webkit-transform: translate(0); -moz-transform: translate(0); -o-transform: translate(0); transform: translate(0); margin-top: 15px } .hoproduct-actionbox li a { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1) } } @media only screen and (max-width:575px) { .hoproduct-thumb:before { display: none } .hoproduct-actionbox { position: relative; -webkit-transform: translate(0); -moz-transform: translate(0); -o-transform: translate(0); transform: translate(0); margin-top: 15px } .hoproduct-actionbox li a { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1) } } .hoproduct-2 .hoproduct-content:after { content: ""; clear: both; display: table } .hoproduct-2 .hoproduct-rattingbox { float: left; margin-top: 8px } .hoproduct-2 .hoproduct-rattingbox h6 { color: #ababab; font-weight: 400; font-size: 13px; margin-bottom: 8px } .hoproduct-2 .hoproduct-pricebox { float: right; margin-top: 8px; text-align: right } .hoproduct-2 .hoproduct-pricebox .discount { display: inline-block; padding: 0 10px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #d31129; border: 1px solid #d31129; font-size: 12px; line-height: 20px } .hoproduct-3 .hoproduct-actionbox li a i, .hoproduct-4 .hoproduct-actionbox li a i { line-height: 40px } @media only screen and (max-width:575px) { .hoproduct-2 .hoproduct-actionbox { text-align: center } } .hoproduct-3 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex } .hoproduct-3 .hoproduct-image { -webkit-box-flex: 0; -webkit-flex: 0 0 165px; -moz-box-flex: 0; flex: 0 0 165px; max-width: 165px } .hoproduct-3 .hoproduct-content { padding: 15px 0 0 15px } .hoproduct-3 .hoproduct-actionbox { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); top: auto; bottom: 0; right: auto; left: -webkit-calc(100% + 15px); left: -moz-calc(100% + 15px); left: calc(100% + 15px); text-align: left; width: auto; white-space: nowrap } .hoproduct-3 .hoproduct-actionbox li a { text-align: center; height: 40px; width: 40px } @media only screen and (min-width:992px) and (max-width:1199px) { .hoproduct-3 .hoproduct-image { -webkit-box-flex: 0; -webkit-flex: 0 0 125px; -moz-box-flex: 0; flex: 0 0 125px; max-width: 125px } .hoproduct-3 .hoproduct-content { padding: 0 0 45px 15px } } @media only screen and (min-width:768px) and (max-width:991px) { .hoproduct-3 .hoproduct-image { -webkit-box-flex: 0; -webkit-flex: 0 0 125px; -moz-box-flex: 0; flex: 0 0 125px; max-width: 125px } .hoproduct-3 .hoproduct-content { padding-top: 0; padding-bottom: 45px } .hoproduct-3 .hoproduct-actionbox li a { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1) } } @media only screen and (max-width:767px) { .hoproduct-3 .hoproduct-content { padding-bottom: 45px } .hoproduct-3 .hoproduct-actionbox { margin-top: -60px } .hoproduct-3 .hoproduct-actionbox li a { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1) } } @media only screen and (max-width:575px) { .hoproduct-3 { -webkit-flex-wrap: wrap; flex-wrap: wrap } .hoproduct-3 .hoproduct-image { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; flex: 0 0 100%; max-width: 100% } .hoproduct-3 .hoproduct-actionbox { position: relative; left: 0; margin-top: 15px } .hoproduct-3 .hoproduct-content { padding: 15px 0 0 } } .hoproduct-4 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; padding: 0 } .hoproduct-4 .hoproduct-image { -webkit-box-flex: 0; -webkit-flex: 0 0 100px; -moz-box-flex: 0; flex: 0 0 100px; max-width: 100px; margin-right: 15px } .hoproduct-4 .hoproduct-content { padding: 0 } .hoproduct-4 .hoproduct-actionbox { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); top: auto; bottom: 0; right: auto; left: -webkit-calc(100% + 15px); left: -moz-calc(100% + 15px); left: calc(100% + 15px); text-align: left } .hoproduct-4 .hoproduct-actionbox li a { text-align: center; height: 40px; width: 40px } .hoproduct-4:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } @media only screen and (min-width:992px) and (max-width:1199px) { .hoproduct-4 .hoproduct-image { -webkit-box-flex: 0; -webkit-flex: 0 0 65px; -moz-box-flex: 0; flex: 0 0 65px; max-width: 65px } } @media only screen and (min-width:768px) and (max-width:991px) { .hoproduct-4 .hoproduct-image { -webkit-box-flex: 0; -webkit-flex: 0 0 65px; -moz-box-flex: 0; flex: 0 0 65px; max-width: 65px } } .rattingbox { display: block } .rattingbox span { color: #7e7e7e; font-size: 14px; display: inline-block } .rattingbox span.active { color: #fc3 } .pricebox .oldprice { color: #ababab; margin-right: 5px; display: inline-block } .pricebox .price { display: inline-block; font-weight: 700; font-size: 17px; color: #ff0003 } .herobanner-single { position: relative; vertical-align: middle } .herobanner-content, .herobanner-single { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden } .herobanner-content { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%) translateZ(0); -moz-transform: translateY(-50%) translateZ(0); transform: translateY(-50%) translateZ(0); padding: 15px 45px; max-width: 500px } .herobanner-content h4 { letter-spacing: 6px; color: #0071bc; font-weight: 700 } .herobanner-content h1 { font-size: 52px; font-weight: 500; line-height: 1.1 } .herobanner-content h1 span { color: #ff0003; display: inline-block } .imgbanner a, .nice-select { display: block } .herobanner-content p { font-size: 18px; line-height: 27px; color: #000 } .herobanner-content .ho-button { margin-top: 20px } .slick-current .herobanner-box { -webkit-animation: crBounceIn .7s ease-in-out 0s 1 both; -moz-animation: crBounceIn .7s ease-in-out 0s 1 both; -o-animation: crBounceIn .7s ease-in-out 0s 1 both; animation: crBounceIn .7s ease-in-out 0s 1 both } .slick-current .herobanner-box:first-child { -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s } .slick-current .herobanner-box:nth-child(2) { -webkit-animation-delay: .8s; -moz-animation-delay: .8s; -o-animation-delay: .8s; animation-delay: .8s } .slick-current .herobanner-box:nth-child(3) { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay: 1.2s } .slick-current .herobanner-box:nth-child(4) { -webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; -o-animation-delay: 1.6s; animation-delay: 1.6s } .slick-current .herobanner-box:nth-child(5) { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s } .herobanner-progress { position: absolute; left: 0; top: 0; height: 5px; width: 0; background: rgba(49, 56, 72, .298); background-color: rgba(49, 56, 72, .298); z-index: 5; -webkit-animation: initial; -moz-animation: initial; -o-animation: initial; animation: initial } .slick-current .herobanner-progress { -webkit-animation: hoFill 8s ease-in-out 0s 1 backwards; -moz-animation: hoFill 8s ease-in-out 0s 1 backwards; -o-animation: hoFill 8s ease-in-out 0s 1 backwards; animation: hoFill 8s ease-in-out 0s 1 backwards } .herobanner.slider-dots { margin-bottom: 0 } .herobanner.slider-dots .slick-dots { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; left: 30px; bottom: 25px; width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); width: calc(100% - 60px) } .herobanner.slider-navigation .slider-navigation-arrow { visibility: hidden; opacity: 0 } .herobanner.slider-navigation .slider-navigation-arrow.slider-navigation-prev { left: 0 } .herobanner.slider-navigation .slider-navigation-arrow.slider-navigation-next { right: 0 } .herobanner.slider-navigation:hover .slider-navigation-arrow { visibility: visible; opacity: 1 } .herobanner.slider-navigation:hover .slider-navigation-arrow.slider-navigation-prev { left: 2% } .herobanner.slider-navigation:hover .slider-navigation-arrow.slider-navigation-next { right: 2% } @media only screen and (min-width:768px) and (max-width:991px) { .herobanner-content { padding: 30px; max-width: 380px } .herobanner-content h4 { margin-bottom: 8px; letter-spacing: 0 } .herobanner-content h1 { font-size: 32px; margin-bottom: 8px } .herobanner-content p { font-size: 14px; line-height: 24px } .herobanner-content .ho-button { margin-top: 0 } .herobanner.slider-dots .slick-dots { bottom: 15px } } @media only screen and (max-width:767px) { .herobanner-content { padding: 30px; max-width: 380px } .herobanner-content h4 { margin-bottom: 8px; letter-spacing: 0 } .herobanner-content h1 { font-size: 32px; margin-bottom: 8px } .herobanner-content p { font-size: 14px; line-height: 24px } .herobanner-content .ho-button { margin-top: 0 } .herobanner.slider-dots .slick-dots { bottom: 15px } } @media only screen and (max-width:575px) { .hoproduct-4 .hoproduct-actionbox, .hoproduct-4 .hoproduct-content { text-align: left } .herobanner-content { position: relative; padding: 20px 20px 50px; -webkit-transform: translate(0); -moz-transform: translate(0); -o-transform: translate(0); transform: translate(0); background: #fff; border-top: 1px solid #e5e5e5 } .herobanner-content h1 { font-size: 28px } } .herobanner-2 .herobanner-content { left: -webkit-calc(50% - 600px); left: -moz-calc(50% - 600px); left: calc(50% - 600px); max-width: 600px } .herobanner-2 .herobanner-content h4 { color: #cac8d8 } .herobanner-2 .herobanner-content h1 { color: #fff } .herobanner-2 .herobanner-content h1 span { color: #0071bc } .herobanner-2 .herobanner-content p { color: #fff } @media only screen and (min-width:992px) and (max-width:1199px) { .herobanner-2 .herobanner-content { left: -webkit-calc(50% - 515px); left: -moz-calc(50% - 515px); left: calc(50% - 515px) } .herobanner-2 .herobanner-content h4 { margin-bottom: 12px } .herobanner-2 .herobanner-content h1 { font-size: 36px; margin-bottom: 12px } .herobanner-2 .herobanner-content .ho-button { margin-top: 5px } } @media only screen and (min-width:768px) and (max-width:991px) { .herobanner-2 .herobanner-content { left: -webkit-calc(50% - 375px); left: -moz-calc(50% - 375px); left: calc(50% - 375px); max-width: 450px } } @media only screen and (max-width:767px) { .herobanner-2 .herobanner-content { position: relative; left: auto; max-width: 100%; -webkit-transform: translate(0); -moz-transform: translate(0); -o-transform: translate(0); transform: translate(0); background: #f4f4f4 } .herobanner-2 .herobanner-content h4 { color: #7e7e7e } .herobanner-2 .herobanner-content h1, .herobanner-2 .herobanner-content p { color: #454545 } .herobanner-2 .herobanner-content .ho-button-white, .herobanner-2 .herobanner-content .ho-button-white:link { border-color: #0071bc } } .herobanner-3 .herobanner-content h1, .herobanner-3 .herobanner-content h1 span, .herobanner-3 .herobanner-content h4, .herobanner-3 .herobanner-content p { color: #fff } @media only screen and (max-width:575px) { .herobanner-3 .herobanner-content { position: relative; left: auto; max-width: 100%; -webkit-transform: translate(0); -moz-transform: translate(0); -o-transform: translate(0); transform: translate(0) } .herobanner-3 .herobanner-content h4 { color: #7e7e7e } .herobanner-3 .herobanner-content h1, .herobanner-3 .herobanner-content h1 span, .herobanner-3 .herobanner-content p { color: #454545 } .herobanner-3 .herobanner-content .ho-button-white, .herobanner-3 .herobanner-content .ho-button-white:link { border-color: #0071bc } } .imgbanner { position: relative; overflow: hidden; z-index: 1 } .imgbanner:after, .imgbanner:before { content: ""; position: absolute; height: 100%; width: 100%; background: hsla(0, 0%, 100%, .4); left: 0; top: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 1; -moz-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; z-index: 2; pointer-events: none } .imgbanner:after, .imgbanner:before, .imgbanner img, .quickmodal { -webkit-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s } .imgbanner:before { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0 } .imgbanner:after { -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100% } .imgbanner img { width: 100%; -webkit-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s } .imgbanner:hover:after, .imgbanner:hover:before, .imgbanner img { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1) } .imgbanner:hover:after, .imgbanner:hover:before { opacity: 0; z-index: -1 } .imgbanner:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2) } .imgbanner-2:after, .imgbanner-2:before { left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(.8); -moz-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8); opacity: 0; -webkit-transform-origin: center center; -moz-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center } .imgbanner-2:hover:after { opacity: 1; z-index: 1 } .imgbanner-2:hover img { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08) } .nice-select { width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; float: none; background-color: transparent; border: 1px solid #e5e5e5; padding: 0 15px } .nice-select:after { content: "\f3d0"; position: absolute; left: auto; right: 15px; height: 35px; line-height: 35px; width: 8px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: inline-block; font-size: 14px; padding: 0; border: none; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); top: 7px; bottom: auto; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; text-align: center } .nice-select span.current { display: block; position: relative; color: #7e7e7e; letter-spacing: 0; font-size: 14px; padding: 0 } .nice-select .list { width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-top: 0; max-height: 280px; overflow-y: auto; z-index: 75 } .nice-select .option { line-height: 30px; min-height: 30px; padding-left: 15px; padding-right: 15px } .nice-select.open:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .nice-select.open, .nice-select:active, .nice-select:focus { border-color: #0071bc } .featurebox { position: relative; padding-left: 70px; padding-top: 20px; padding-bottom: 15px; max-width: 320px } .featurebox i { position: absolute; left: 0; top: 17px; font-size: 55px; display: inline-block; height: auto; height: 70px; vertical-align: middle; color: #aaa } .slider-navigation-2 .slider-navigation-arrow, .slider-navigation .slider-navigation-arrow { display: block; text-align: center; -webkit-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; z-index: 8; cursor: pointer } .featurebox i[class*=" flaticon-"]:after, .featurebox i[class*=" flaticon-"]:before, .featurebox i[class^=flaticon-]:after, .featurebox i[class^=flaticon-]:before { vertical-align: text-bottom } .featurebox h5 { text-transform: uppercase; margin-bottom: 5px } .featurebox p { font-size: 13px; line-height: 23px; margin-bottom: 0 } @media only screen and (min-width:768px) and (max-width:991px) { .featurebox { max-width: 98% } } .slider-navigation { position: relative } .slider-navigation .slider-navigation-arrow { width: 45px; height: 45px; line-height: 1; background: #0071bc; color: #fff; border: 1px solid #0071bc; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; top: 50%; font-size: 17px; margin-top: -22.5px; -webkit-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s } .slider-navigation .slider-navigation-arrow i { line-height: 43px } .slider-navigation .slider-navigation-arrow.slider-navigation-prev { left: 2%; right: auto } .slider-navigation .slider-navigation-arrow.slider-navigation-next { right: 2%; left: auto } @media only screen and (max-width:767px) { .slider-navigation .slider-navigation-arrow { height: 35px; width: 35px; font-size: 14px } .slider-navigation .slider-navigation-arrow i { line-height: 34px } } .slider-navigation-2 { position: relative } .slider-navigation-2 .slider-navigation-arrow { width: auto; height: 40px; line-height: 1; background: 0 0; color: #7e7e7e; position: absolute; top: -48px; font-size: 21px; -webkit-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s } .slider-navigation-2 .slider-navigation-arrow:hover { color: #0071bc } .slider-navigation-2 .slider-navigation-arrow i { line-height: 40px } .slider-navigation-2 .slider-navigation-arrow.slider-navigation-prev { padding-right: 15px; right: 37px; left: auto } .slider-navigation-2 .slider-navigation-arrow.slider-navigation-prev:after { content: ""; position: absolute; left: 99%; top: 13px; height: 12px; width: 1px; background: #7e7e7e } .slider-navigation-2 .slider-navigation-arrow.slider-navigation-next { right: 15px; left: auto; padding-left: 15px } .slider-navigation-2.slider-navigation-2-m0 .slider-navigation-arrow.slider-navigation-prev { right: 22px } .slider-navigation-2.slider-navigation-2-m0 .slider-navigation-arrow.slider-navigation-next { right: 0 } .slider-navigation-3 .slider-navigation-arrow { display: inline-block; line-height: 1; color: #7e7e7e; position: absolute; z-index: 8; cursor: pointer; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; font-size: 21px } .newsletter-form, .slider-dots { position: relative } .slider-navigation-3 .slider-navigation-arrow i { line-height: 43px } .slider-navigation-3 .slider-navigation-arrow:hover { color: #0071bc } .slider-navigation-3 .slider-navigation-arrow.slider-navigation-prev { left: 0; padding-right: 15px; right: auto } .slider-navigation-3 .slider-navigation-arrow.slider-navigation-next { right: 0; padding-left: 15px; left: auto } .slider-navigation-3.slider-navigation-3-side .slider-navigation-arrow.slider-navigation-prev { left: 15px; right: auto; padding-left: 15px } .slider-navigation-3.slider-navigation-3-side .slider-navigation-arrow.slider-navigation-next { padding-right: 15px; right: 15px; left: auto } .slider-navigation-3.slider-navigation-3-side2 .slider-navigation-arrow.slider-navigation-prev { left: 0; right: auto; padding-left: 15px } .slider-navigation-3.slider-navigation-3-side2 .slider-navigation-arrow.slider-navigation-next { padding-right: 15px; right: 0; left: auto } .slider-dots .slick-dots { height: auto; z-index: 3; text-align: left } .brandlogo, .countdown-pack, .slider-dots.slider-dots-center .slick-dots { text-align: center } .slider-dots .slick-dots li { display: inline-block; cursor: pointer; font-size: 0; width: 12px; height: 12px; background: #e0e0e0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; margin: 0 5px; vertical-align: middle } .brandlogo a img, .category-thumb img { -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s } .slider-dots .slick-dots li button { display: none } .slider-dots .slick-dots li:first-child { margin-left: 0 } .slider-dots .slick-dots li:last-child { margin-top: 0 } .slider-dots .slick-dots li.slick-active, .slider-dots .slick-dots li:hover { background: #0071bc } .countdown { padding-top: 15px } .countdown-pack { display: inline-block; min-width: 52px; min-height: 52px; border: 1px solid #e5e5e5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; vertical-align: middle; background: #f8f8f8; padding-top: 5px; padding-bottom: 5px; margin: 0 4px; font-size: 24px; color: #454545; font-weight: 700 } .brandlogo a, .category { display: -webkit-box; display: -ms-flexbox } .countdown-pack:first-child { margin-left: 0 } .countdown-pack:last-child { margin-right: 0 } .countdown-pack h3 { margin-bottom: 0 } .countdown-pack h6 { margin-bottom: 0; color: #7e7e7e; font-size: 13px; font-weight: 400 } @media only screen and (max-width:767px) { .countdown-pack { margin: 0 3px; min-width: 48px; min-height: 48px } } .category { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; width: 100%; padding-top: 30px } .category-thumb { -webkit-box-flex: 0; -webkit-flex: 0 0 120px; -moz-box-flex: 0; flex: 0 0 120px; max-width: 120px; width: 120px; height: 120px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; overflow: hidden; margin-right: 15px; display: block } .category-thumb img { width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s } .category-title { margin-bottom: 5px } .category-productcounter { display: block; color: #ababab; font-style: italic; margin-bottom: 5px } .category-productlink { color: #0071bc; display: block; line-height: 20px; border-bottom: 1px solid transparent } .category-productlink i { vertical-align: middle; font-size: 16px; padding-left: 5px } .category-productlink:hover { color: #0071bc; border-color: #0071bc; padding-left: 5px } .category:hover .category-thumb img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } @media only screen and (min-width:992px) and (max-width:1199px) { .category-thumb { -webkit-box-flex: 0; -webkit-flex: 0 0 90px; -moz-box-flex: 0; flex: 0 0 90px; max-width: 90px; width: 90px; height: 90px } } @media only screen and (min-width:768px) and (max-width:991px) { .category-thumb { -webkit-box-flex: 0; -webkit-flex: 0 0 90px; -moz-box-flex: 0; flex: 0 0 90px; max-width: 90px; width: 90px; height: 90px } } .category-wrapper { margin-top: -7px; width: 100% } .brandlogo a { min-height: 140px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; padding: 15px } .brandlogo a img { -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s } .brandlogo a:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05) } .brandlogo.brandlogo-2 a { padding: 0 15px } .newsletter { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between } .newsletter-title { margin-right: 15px; padding: 15px 0 } .newsletter-title h2 { font-weight: 500; line-height: 1; margin-bottom: 0 } .newsletter-title h2 span { display: block; color: #0071bc } .newsletter-content { -webkit-box-flex: 100; -webkit-flex-grow: 100; -moz-box-flex: 100; flex-grow: 100; padding: 15px 0 } .newsletter-form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; padding-left: 75px; padding-right: 75px } .newsletter-form:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 58px; background-image: url(../images/icons/newsletter-arrow.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .newsletter-form input { background: #fff; border: 1px solid #e5e5e5; border-right-color: transparent; -webkit-border-radius: 7px 0 0 7px; -moz-border-radius: 7px 0 0 7px; border-radius: 7px 0 0 7px } .newsletter-form button, .newsletter-form button:hover { background: #0071bc; border-color: #0071bc } .newsletter-form button { color: #fff; -webkit-border-radius: 0 7px 7px 0; -moz-border-radius: 0 7px 7px 0; border-radius: 0 7px 7px 0; font-size: 16px; font-weight: 700; padding: 0 25px } .newsletter-socialicons { padding: 15px 0 } .newsletter .mailchimp-alerts { padding-left: 75px } @media only screen and (min-width:992px) and (max-width:1199px) { .newsletter-title h2 { font-size: 24px } .newsletter-form { padding-right: 25px } } @media only screen and (min-width:768px) and (max-width:991px) { .newsletter { -webkit-flex-wrap: wrap; flex-wrap: wrap } .newsletter-form { padding-right: 0 } } @media only screen and (max-width:767px) { .newsletter { -webkit-flex-wrap: wrap; flex-wrap: wrap } .newsletter-title h2 span { display: inline-block } .newsletter-form { padding-right: 0 } } @media only screen and (max-width:575px) { .newsletter-form, .newsletter .mailchimp-alerts { padding-left: 0 } .newsletter-form:before { display: none } } .minicart { border-bottom: 2px solid #0071bc; width: 350px; background: #fff; text-align: left; padding: 30px 20px 20px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .1); box-shadow: 0 1px 5px rgba(0, 0, 0, .1) } .minicart-header { max-height: 230px; overflow-y: auto } .minicart-product { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; margin-bottom: 20px } .minicart-productcontent h6 { font-weight: 400; margin-bottom: 5px } .minicart-productcontent h6 a { color: #454545 } .minicart-productcontent h6 a:hover { color: #0071bc } .minicart-productcontent .minicart-productprice { color: #0071bc; font-size: 16px; font-weight: 700 } .minicart-productimage { -webkit-box-flex: 0; -webkit-flex: 0 0 70px; -moz-box-flex: 0; flex: 0 0 70px; max-width: 70px; margin-right: 20px; position: relative } .minicart-productimage a { display: inline-block } .minicart-productimage img { width: 100% } .minicart-productimage .minicart-productquantity { position: absolute; left: 0; top: 0; background: #0071bc; height: 22px; width: 27px; line-height: 25px; text-align: center; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; font-size: 12px; text-transform: uppercase; color: #fff } .minicart-productcontent { padding-right: 10px } .minicart-productclose { height: 30px; width: auto; padding: 0; line-height: 1; border: none; font-size: 18px } .minicart-productclose:hover { color: #0071bc } .minicart-pricing { padding-left: 0; padding-top: 20px; margin-bottom: 20px; list-style: none; border-top: 1px solid #e5e5e5 } .minicart-pricing li { list-style: none; display: block; color: #7e7e7e; font-size: 16px; font-weight: 700; margin-bottom: 5px } .minicart-pricing li:after { content: ""; clear: both; display: table } .minicart-pricing li span { color: #ff0000; float: right } .minicart-footer .ho-button+.ho-button { margin-top: 10px } @media only screen and (max-width:575px) { .minicart { width: 290px; padding: 15px } .minicart-productimage { -webkit-box-flex: 0; -webkit-flex: 0 0 50px; -moz-box-flex: 0; flex: 0 0 50px; max-width: 50px; margin-right: 10px } .minicart-productimage .minicart-productquantity { height: 22px; width: 22px; line-height: 24px; font-size: 10px } .minicart-header { padding-top: 10px } } .catmenu { display: inline-block; position: relative } .catmenu-trigger { border: 1px solid #0071bc; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; display: inline-block; color: #0071bc; text-transform: uppercase; font-size: 14px; font-weight: 700; height: 40px; line-height: 1; min-width: 190px; text-align: left; padding: 0 20px; vertical-align: middle } .catmenu-trigger span { line-height: 38px; display: block } .catmenu-trigger span:after { content: "\f3d0"; float: right; font-weight: 400; font-size: 12px } .catmenu-trigger.is-active, .catmenu-trigger:hover { background: #0071bc; color: #fff } .catmenu-body { position: absolute; left: 0; top: -webkit-calc(100% - 1px); top: -moz-calc(100% - 1px); top: calc(100% - 1px); width: 255px; background: #fff; border: 1px solid #0071bc; z-index: 60; display: none } .catmenu-body>ul { padding-left: 0; margin-bottom: 0; list-style: none; padding-top: 10px; padding-bottom: 10px } .catmenu-body>ul>li { list-style: none; position: relative } .catmenu-body>ul>li>a { padding: 7px 20px; display: block; color: #454545; font-size: 15px } .catmenu-body>ul>li:hover>a, .catmenu-dropdown .megamenu>li>a:hover { color: #0071bc } .catmenu-body>ul>li>a i { width: 30px; margin-right: 5px; font-size: 18px } .catmenu-hidden { display: none } .catmenu-dropdown>a:after { content: "\f3d1"; float: right } .catmenu-dropdown .megamenu { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; padding: 30px 15px; -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; visibility: hidden; opacity: 0; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); z-index: 0; position: absolute; left: 100%; right: auto; top: 0; background: #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1); box-shadow: 0 0 5px rgba(0, 0, 0, .1); border-bottom: 3px solid #0071bc; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column } .catmenu-dropdown .megamenu>li { padding: 0 15px; min-width: 220px } .catmenu-dropdown .megamenu>li>a { color: #454545; padding: 8px 0 5px; display: block; margin-bottom: 10px } .catmenu-dropdown .megamenu li ul { padding-left: 0; margin-bottom: 0 } .catmenu-dropdown .megamenu li ul li { list-style: none } .catmenu-dropdown .megamenu li ul li a { color: #7e7e7e; font-size: 14px; padding: 7px 0; display: block } .catmenu-dropdown .megamenu li ul li a:hover { color: #0071bc } .catmenu-dropdown .megamenu.is-visible { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); visibility: visible; z-index: 1 } .catmenu-dropdown:hover>.megamenu { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } @media only screen and (max-width:767px), only screen and (min-width:768px) and (max-width:991px) { .catmenu-body>ul { max-height: 400px; overflow-y: auto } .catmenu-body>ul>li ul li { border-left: 2px solid #0071bc } .catmenu-body>ul ul { display: none; padding-left: 20px } .catmenu-body>ul ul li { display: block } .catmenu-body>ul ul li a { padding: 7px 20px; display: block; color: #7e7e7e; font-size: 15px } .catmenu-body>ul li.has-children>a { position: relative } .catmenu-body>ul li.has-children>a:after { content: "\f3d1"; font-family: Ionicons; float: right; -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s } .catmenu-body>ul li.has-children.is-active>a { color: #0071bc } .catmenu-body>ul li.has-children.is-active>a:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) } } .catmenu-2 { display: block } .catmenu-2 .catmenu-trigger { display: block; width: 100%; background: #0071bc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; color: #fff; font-size: 16px; text-transform: uppercase; height: 50px } .catmenu-2 .catmenu-trigger span:before { content: "\f1c3"; font-size: 22px; padding-right: 10px; vertical-align: middle } .ho-form-inner .single-input label, .sn-progress .progress h6 { font-family: Roboto, sans-serif; font-weight: 400 } .catmenu-2 .catmenu-body { width: 100%; border: 0; display: block } .catmenu-2 .catmenu-body>ul { padding-top: 20px; padding-bottom: 20px } .catmenu-2 .catmenu-body>ul>li>a { padding: 10px 20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis } .catmenu-2 .catmenu-body>ul>li>a i { width: 20px } @media only screen and (min-width:992px) and (max-width:1199px) { .catmenu-2 .catmenu-body>ul { padding-top: 7px; padding-bottom: 7px } .catmenu-2 .catmenu-body>ul>li>a { padding: 7px 20px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis } .catmenu-2 .catmenu-body>ul>li>a i { width: 20px } } @media only screen and (min-width:768px) and (max-width:991px) { .catmenu-2 .catmenu-body { display: none } .catmenu-2 .catmenu-body>ul { padding-top: 7px; padding-bottom: 7px } .catmenu-2 .catmenu-body>ul>li>a { padding: 7px 20px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis } } @media only screen and (max-width:767px) { .catmenu-2 .catmenu-body { display: none } .catmenu-2 .catmenu-body>ul { padding-top: 7px; padding-bottom: 7px } .catmenu-2 .catmenu-body>ul>li>a { padding: 7px 20px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis } } .blogitem { padding: 15px; -webkit-transition: all .5s ease-in 0s; -o-transition: all .5s ease-in 0s; -moz-transition: all .5s ease-in 0s; transition: all .5s ease-in 0s } .blogitem-thumb { position: relative; overflow: hidden; height: 200px; z-index: 1 } .blogitem-thumb:after, .blogitem-thumb:before { content: ""; position: absolute; height: 100%; width: 100%; background: hsla(0, 0%, 100%, .4); left: 0; top: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 1; -webkit-transition: all .5s ease-in 0s; -o-transition: all .5s ease-in 0s; -moz-transition: all .5s ease-in 0s; transition: all .5s ease-in 0s; z-index: 2; pointer-events: none } .blogitem2-image img, .team-member { -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s } .blogitem-thumb:before { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0 } .blogitem-thumb:after { -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100% } .blogitem-thumb a { display: block } .blogitem-thumb img { width: 100% } .blogitem-thumb:hover:after, .blogitem-thumb:hover:before { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0; z-index: -1 } .blogitem-content { text-align: center; padding-top: 30px } .blogitem-title { font-weight: 400; margin-bottom: 30px } .blogitem-title a { color: #004b7d } .blogitem-title a:hover { color: #0071bc } .blogitem-meta { border-top: 1px solid hsla(0, 0%, 89.8%, .5); border-bottom: 1px solid hsla(0, 0%, 89.8%, .5); padding: 10px 0 } .blogitem-meta span { font-size: 13px; color: #454545; display: inline-block } .blogitem-meta span:not(:last-child) { margin-right: 20px } .blogitem-meta span i { margin-right: 5px; font-size: 16px } .blogitem-meta span a { color: #454545 } .blogitem-meta span a:hover { color: #0071bc } .blogitem:hover { -webkit-box-shadow: 0 2px 13.95px 1.05px rgba(0, 0, 0, .05); -moz-box-shadow: 0 2px 13.95px 1.05px rgba(0, 0, 0, .05); box-shadow: 0 2px 13.95px 1.05px rgba(0, 0, 0, .05) } .blogs-wrapper { margin-top: -30px } .blogitem2 { margin-top: 30px } .blogitem2-image { position: relative; overflow: hidden; height: 250px } .blogitem2-image a { display: block } .blogitem2-image img { -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1) } .blogitem2-content { padding-top: 30px } .blogitem2-content h2, .blogitem2-content h4 { margin-bottom: 7px } .blogitem2-content h2 a, .blogitem2-content h4 a { color: #004b7d; text-transform: uppercase } .blogitem2-content h2 a:hover, .blogitem2-content h4 a:hover { color: #0071bc } .blogitem2-content p { font-size: 15px } .blogitem2-meta { margin-bottom: 15px } .blogitem2-meta span { color: #7e7e7e } .blogitem2-meta span:after { content: "|"; padding: 0 5px } .blogitem2-meta span:last-child:after { display: none } .blogitem2-meta span a { color: #454545 } .blogitem2-meta span a:hover { color: #0071bc } .blogitem2:hover .blogitem2-image img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2) } .commentlist>h6 { font-size: 16px; margin-bottom: 25px; text-transform: uppercase } .single-comment { margin-bottom: 25px; list-style: none } .media-body { overflow: unset } .comment-list { padding: 0 } .cmt1 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; margin-bottom: 25px } .single-comment .single-comment-content p, .single-comment:last-child { margin-bottom: 0 } .single-comment .single-comment-thumb { height: 60px; width: 60px; overflow: hidden; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; margin-right: 25px; border: 1px solid #d5d5d5 } .single-comment .single-comment-content { -webkit-flex-shrink: 100; flex-shrink: 100; border: 1px solid #d5d5d5; padding: 25px; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .single-comment .single-comment-content:before { content: ""; position: absolute; left: -6px; right: auto; top: 10px; height: 10px; width: 10px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-left: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5 } .single-comment .single-comment-content-top { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between } .single-comment .single-comment-content-top h6 { padding-right: 30px } .single-comment .single-comment-content-top h6 a { color: #454545 } .single-comment .single-comment-content-top h6 a:hover { color: #0071bc } .single-comment .single-comment-content-top .ratting-box, .single-comment .single-comment-content-top .reply-button { margin-bottom: 15px; -webkit-align-self: flex-start; align-self: flex-start } .single-comment .single-comment-content-top .reply-button { background: #575757; color: #fff; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 13px } .single-comment .single-comment-content-top .reply-button:hover { background: #0071bc } .single-comment.single-comment-reply { margin-left: 30px } @media only screen and (max-width:575px) { .single-comment { -webkit-flex-wrap: wrap; flex-wrap: wrap } .single-comment .single-comment-content { margin-top: 20px; padding: 15px } .single-comment .single-comment-content:before { left: 20px; top: -6px; border: 1px solid #d5d5d5; border-right: none; border-bottom: none } } .commentbox>h6 { font-size: 16px; margin-bottom: 25px; text-transform: uppercase } .ho-form.ho-form-boxed { padding: 30px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid #d5d5d5 } .ho-form-inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; margin-top: -20px } .ho-form-inner .single-input { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; flex: 0 0 100%; max-width: 100%; margin-top: 20px } .ho-form-inner .single-input.single-input-half { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(50% - 15px); -moz-box-flex: 0; flex: 0 0 calc(50% - 15px); max-width: -webkit-calc(50% - 15px); max-width: -moz-calc(50% - 15px); max-width: calc(50% - 15px) } .ho-form-inner .single-input label { margin-bottom: 8px; display: block; color: #454545 } .ho-form-inner .single-input .nice-select, .ho-form-inner .single-input input, .ho-form-inner .single-input select, .ho-form-inner .single-input textarea { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e5e5e5 } .ho-form-inner .single-input input+input { margin-top: 20px } .ho-form-inner .single-input .checkbox-input, .ho-form-inner .single-input .checkbox-input label { display: inline-block } .ho-form-inner a { color: #7e7e7e; font-size: 13px } .ho-form-inner a:hover { color: #0071bc } .sn-progress-wrap { margin-top: -30px } .sn-progress { position: relative; margin-left: 30px; padding: 15px 0; margin-top: 30px } .sn-progress .progress-bar-count { position: absolute; display: block; background: #0071bc; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; height: 60px; width: 60px; left: 0; top: 50%; line-height: 60px; margin-top: -30px; margin-left: -30px; text-align: center; font-size: 14px; color: #454545; z-index: 1 } .sn-progress .progress { background: #f2f2f2; height: 30px; line-height: 30px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .sn-progress .progress h6 { color: #fff; font-size: 14px; margin-bottom: 0; padding-left: 45px } .sn-progress .progress-bar { background: #0071bc; text-align: left; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s } .sn-progress .progress-bar.fill { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } .team-member { background: #f5f5f5; padding-top: 6px; margin-top: 30px; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s } .team-member, .team-member .team-member-content h5, .team-member .team-member-content p { -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s } .team-member img { width: 100% } .team-member .team-member-content { text-align: center; padding: 15px } .team-member .team-member-content h5 { font-weight: 400; color: #454545; font-size: 16px; margin-bottom: 5px } .team-member .team-member-content h5, .team-member .team-member-content p { -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s } .team-member .team-member-content p { margin-bottom: 0; letter-spacing: 5px; text-transform: uppercase } .team-member:hover { background: #0071bc } .team-member:hover h5, .team-member:hover p { color: #fff } @media only screen and (min-width:992px) and (max-width:1199px) { .team-member { margin-left: 0; margin-right: 0 } } @media only screen and (max-width:767px) { .ho-form .single-input.single-input-half { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; flex: 0 0 100%; max-width: 100% } .team-member { margin-left: 0; margin-right: 0 } } .shop-widgets .widget-title { font-size: 18px; font-weight: 700; color: #454545; position: relative; display: block; text-transform: uppercase } .shop-widgets .single-widget ul { padding-left: 0; margin-bottom: 0 } .shop-widgets .single-widget ul li { list-style: none; display: block } .shop-widgets .shop-widgetbox { border: 1px solid #e5e5e5 } .shop-widgets .shop-widgetbox .single-widget { padding: 20px; border-top: 1px solid #e5e5e5 } .shop-widgets .shop-widgetbox .single-widget:first-child { border-top: 0 } .shop-widgets .widget-categories { border: 1px solid #e5e5e5; padding: 20px } .shop-widgets .widget-categories ul li { padding: 8px 0; border-top: 1px solid #e5e5e5 } .shop-widgets .widget-categories ul li:first-child { border-top: none } .shop-widgets .widget-categories ul li:last-child { padding-bottom: 0 } .shop-widgets .widget-categories ul li a { text-transform: uppercase; color: #7e7e7e; font-weight: 600; display: block } .shop-widgets .widget-categories ul li a:after { content: ""; clear: both; display: table } .shop-widgets .widget-categories ul li a:hover { color: #0071bc } .shop-widgets .widget-categories ul li a span { float: right; background: #0071bc; padding: 0 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; font-size: 12px } .shop-widgets .widget-color ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap } .shop-widgets .widget-color ul li { min-width: 50% } .shop-widgets .widget-filters .single-widget-range-price { margin-top: 20px; font-weight: 600; color: #454545 } .shop-widgets .widget-filters .single-widget-range-price b { color: #7e7e7e } @media only screen and (min-width:768px) and (max-width:991px) { .team-member { margin-left: 0; margin-right: 0 } .shop-widgets { margin-top: 50px } } @media only screen and (max-width:767px) { .shop-widgets { margin-top: 50px } } .blog-widgets { margin-top: -30px } .blog-widgets .widget-title { border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; position: relative; margin-bottom: 20px; text-transform: uppercase } .blog-widgets .widget-title:after { content: ""; position: absolute; left: 0; bottom: -1px; height: 2px; width: 80px; background: #0071bc } .blog-widgets .single-widget { margin-top: 30px } .blog-widgets .widget-search-form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex } .blog-widgets .widget-search-form input[type=search], .blog-widgets .widget-search-form input[type=text] { width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px); width: calc(100% - 50px); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .blog-widgets .widget-search-form input[type=search]::-webkit-input-placeholder, .blog-widgets .widget-search-form input[type=text]::-webkit-input-placeholder { color: #7e7e7e } .blog-widgets .widget-search-form input[type=search]:-moz-placeholder, .blog-widgets .widget-search-form input[type=search]::-moz-placeholder, .blog-widgets .widget-search-form input[type=text]:-moz-placeholder, .blog-widgets .widget-search-form input[type=text]::-moz-placeholder { color: #7e7e7e } .blog-widgets .widget-search-form input[type=search]:-ms-input-placeholder, .blog-widgets .widget-search-form input[type=text]:-ms-input-placeholder { color: #7e7e7e } .blog-widgets .widget-search-form [type=submit] { display: inline-block; border: 1px solid #0071bc; background: #0071bc; color: #fff; font-size: 18px; width: 50px; height: 50px; line-height: 50px; text-align: center } .blog-widgets .widget-search-form [type=submit]:hover { background: #0071bc } .blog-widgets ul { margin-bottom: 0; padding-left: 0 } .blog-widgets ul li { display: block; list-style: none } .blog-widgets ul li:not(:last-child) { margin-bottom: 8px } .blog-widgets ul li a { display: block; color: #454545 } .blog-widgets ul li a:hover { color: #0071bc } .blog-widgets .widget-tags ul { padding-left: 0; margin-bottom: 0; font-size: 0; margin-left: -5px; margin-top: -5px } .blog-widgets .widget-tags ul li { list-style: none; display: inline-block; font-size: 14px; margin-left: 5px; margin-top: 5px } .blog-widgets .widget-tags ul li a { display: inline-block; background: #0071bc; padding: 6px 15px 5px; color: #fff; text-transform: uppercase } .blog-widgets .widget-recentblogs { padding-left: 0; margin-bottom: 0 } .blog-widgets .widget-recentblogs li { list-style: none; position: relative; padding-left: 100px; min-height: 52px } .blog-widgets .widget-recentblogs li:not(:last-child) { margin-bottom: 15px } .blog-widgets .widget-recentblogs li .image { width: 80px; position: absolute; left: 0; top: 0 } .blog-widgets .widget-recentblogs li h6 { font-size: 15px; margin-bottom: 3px } .blog-widgets .widget-recentblogs li h6 a { color: #454545 } .blog-widgets .widget-recentblogs li h6 a:hover { color: #0071bc } .blog-widgets .widget-recentblogs li span a { color: #454545; display: inline } .blog-widgets .widget-recentblogs li span a:hover { color: #0071bc } @media only screen and (min-width:768px) and (max-width:991px) { .blog-widgets { margin-top: 0 } } @media only screen and (max-width:767px) { .blog-widgets { margin-top: 0 } } .header { position: relative; z-index: 65 } .header-welcomemsg { margin-bottom: 0; color: #0071bc; font-size: 13px } .header-welcomemsg span { color: #0071bc; } .header-langcurr { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; justify-content: flex-end } .header-langcurr .select-currency, .header-langcurr .select-language { position: relative; font-size: 13px; padding: 0 20px } .header-langcurr .select-currency img, .header-langcurr .select-language img { margin-right: 10px; display: inline-block; vertical-align: sub } .header-langcurr .select-language { padding-right: 0; position: relative } .header-langcurr .select-currency-current, .header-langcurr .select-language-current { border: none; outline: 0; padding: 0; height: 45px; line-height: 45px; font-size: 12px; color: #ffffff } .header-searchbox .nice-select .option, .header-searchbox input { font-size: 13px; color: #7e7e7e } .header-langcurr .select-currency-current:after, .header-langcurr .select-language-current:after { content: "\f3d0"; font-family: Ionicons; padding-left: 10px; vertical-align: middle } .header-langcurr .select-currency-list, .header-langcurr .select-language-list { position: absolute; right: 0; top: 100%; z-index: 10 } .header-middle { border-bottom: 1px solid hsla(0, 0%, 100%, .15); padding: 10px 0 } .header-logo { display: inline-block; vertical-align: middle } .header-searchbox { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; position: relative; background: #fff; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px } .header-searchbox .nice-select { width: auto; border: 0; height: 48px; line-height: 48px; min-width: 150px } .header-searchbox .nice-select:after { right: 20px; top: 12px; color: #7e7e7e } .header-searchbox .nice-select .current { height: 48px; line-height: 48px; padding: 0; position: relative; font-size: 11px } .header-searchbox .nice-select .current:before { content: ""; position: absolute; right: -15px; top: 15px; width: 1px; height: 20px; background: #d5d5d5 } .header-searchbox .nice-select .list { width: 200px } .header-searchbox input { border: 0; padding-right: 50px; height: 48px; line-height: 48px } .header-searchbox input::-webkit-input-placeholder { color: #b4b4b4 } .header-searchbox input:-moz-placeholder, .header-searchbox input::-moz-placeholder { color: #b4b4b4 } .header-searchbox input:-ms-input-placeholder { color: #b4b4b4 } .header-searchbox button[type=submit], .header-searchbox input[type=submit] { position: absolute; background: #0071bc; top: 4px; right: 5px; height: 40px; line-height: 1; text-align: center; width: 40px; color: #ffffff; padding: 0; border: 0; font-size: 18px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s } .header-searchbox button[type=submit] i, .header-searchbox input[type=submit] i { line-height: 40px } .header-searchbox button[type=submit]:hover, .header-searchbox input[type=submit]:hover { background: #0071bc; color: #fff } .header-icons { text-align: right; position: relative } .header-account { display: inline-block; position: relative; margin-right: 30px; vertical-align: middle } .header-account button { padding: 0; color: #fff; background: 0 0; line-height: 50px; height: 50px; font-size: 14px; border: none; font-weight: 700 } .header-account button span { font-size: 20px; margin-right: 10px; vertical-align: -3px } .header-tags h6, .header-tags ul li { margin-right: 30px; display: inline-block } .header-account button i { font-size: 12px; vertical-align: -1px; margin-left: 3px } .header-cart, .header-carticon { display: inline-block; position: relative } .header-carticon { text-align: center; background: #fff; color: #454545; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; font-size: 24px; font-weight: 700; height: 48px; width: 48px; line-height: 1; vertical-align: middle; border: 1px solid #fff } .header-carticon i { line-height: 48px } .header-carticon span.count { position: absolute; top: -3px; right: -6px; display: block; overflow: hidden; width: 25px; height: 25px; line-height: 25px; font-weight: 400; font-size: 13px; color: #454545; background: #ffe11c; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100% } .header-carticon:visited { color: #454545 } .header-carticon.is-active, .header-carticon:hover { background: #0071bc; color: #fff } .header-minicart { position: absolute; right: 0; top: 100%; z-index: 9; display: none } .header-contactinfo { position: relative; /* padding-left: 38px; */ color: #ffffff; } .header-contactinfo a { color: #fff900; } .header-contactinfo i { font-size: 40px; /* position: absolute; */ left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } .header-contactinfo span { display: inline-block; line-height: 20px } .header-tags { padding: 10px 0 } .header-tags h6 { font-weight: 700; margin-bottom: 0 } .header-tags ul { display: inline-block; padding-left: 0; margin-bottom: 0; list-style: none } .header-tags ul li { list-style: none } .header-tags ul li a { color: #7e7e7e } .header-tags ul li a:hover { color: #0071bc } @media only screen and (min-width:992px) and (max-width:1199px) { .header-contactinfo { padding-left: 35px } .header-contactinfo i { font-size: 28px } } @media only screen and (min-width:768px) and (max-width:991px) { .header-searchbox { margin-top: 30px } .header-bottom { padding-top: 15px } } @media only screen and (max-width:767px) { .header-searchbox { margin-top: 30px } .header-bottom { padding-top: 15px } } @media only screen and (max-width:575px) { .header-welcomemsg { text-align: center; padding-top: 11px; padding-bottom: 11px; border-bottom: 1px solid #e5e5e5 } .header-langcurr { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center } .header-langcurr .select-currency-list, .header-langcurr .select-language-list { left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) } .header-middle { padding: 10px 0 } .header-logo { display: block; text-align: center } .header-icons { text-align: center; margin-top: 15px } .header-searchbox { margin-top: 20px } .header-searchbox .nice-select { min-width: 115px; max-width: 115px; padding: 0 10px } .header-searchbox .nice-select:after { right: 10px } .header-searchbox .nice-select .current:before { right: -10px } .header-searchbox input { padding-left: 10px } .header-cart { position: static } .header-2 .header-catmenu { margin-bottom: 15px; display: block; width: 100% } .header-2 .header-catmenu .catmenu-body, .header-2 .header-catmenu .catmenu-trigger { width: 100% } } .mobile-menu { /* margin-top: -34px; */ } .mobile-menu .mean-bar { z-index: 7 } .mobile-menu .mean-nav { padding-top: 15px } .mobile-menu .mean-nav>ul { margin-bottom: 15px } .header-2 .header-langcurr .select-currency-current, .header-2 .header-langcurr .select-language-current, .header-2 .header-welcomemsg, .header-2 .header-welcomemsg span { color: #fff } .header-2 .header-langcurr .select-language:before { background: #fff } .header-2 .header-searchbox { border: 1px solid #e5e5e5; background: #f9f9f9 } .header-2 .header-account button { color: #454545 } .header-2 .header-carticon { background: #0071bc; border-color: #0071bc; color: #fff } .header-2 .header-carticon.is-active, .header-2 .header-carticon:hover { background: 0 0; border-color: #0071bc; color: #0071bc } .header-2 .header-contactinfo a, .header-2 .header-contactinfo b, .header-2 .header-contactinfo i, .header-2 .header-contactinfo span, .header-2 .mean-container a.meanmenu-reveal { color: #454545 } .header-2 .header-bottom { border-top: 1px solid #e5e5e5 } .header-2 .header-catmenu { float: left; margin-top: 10px } .header-3 .header-langcurr .select-currency-current, .header-3 .header-langcurr .select-language-current, .header-3 .header-welcomemsg span { color: #fff } .header-2 .mean-container .mean-nav ul { border: 1px solid rgba(11, 136, 238, .7) } .header-2 .mean-container .mean-nav ul li a { background: rgba(11, 136, 238, .7) } .header-3 .header-top { border-bottom: 1px solid hsla(0, 0%, 100%, .15) } .header-3 .header-contactinfo a, .header-3 .header-contactinfo b, .header-3 .header-contactinfo i, .header-3 .header-contactinfo span, .header-3 .mean-container a.meanmenu-reveal, .ho-navigation ul li a { color: #454545 } .header-3 .header-langcurr .select-language:before { background: #fff } .header-3 .mean-container .mean-nav ul { border: 1px solid rgba(11, 136, 238, .7) } .header-3 .mean-container .mean-nav ul li a { background: rgba(11, 136, 238, .7) } @media only screen and (max-width:767px), only screen and (min-width:768px) and (max-width:991px) { .header-2 .header-catmenu, .header-3 .header-catmenu { margin-top: 0; position: relative; z-index: 8 } } @media only screen and (max-width:575px) { .header-3 .header-catmenu .catmenu-trigger { margin-bottom: 15px } } .ho-navigation { position: relative; z-index: 5 } .ho-navigation>ul>li .hodropdown, .ho-navigation>ul>li .hodropdown li ul { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1); visibility: hidden; opacity: 0; z-index: 0 } .ho-navigation ul { padding-left: 0; margin-bottom: 0; list-style: none } .ho-navigation ul li { list-style: none } .ho-navigation>ul { font-size: 0; padding: 10px 0px !important; } .ho-navigation>ul>li { display: inline-block; font-size: 14px; position: relative } .ho-navigation>ul>li>a { display: block; line-height: 30px; margin: 0 2px; padding: 5px 10px; height: 40px; font-size: 14px; font-weight: 700; color: #ffffff; background: 0 0; text-transform: uppercase; position: relative; border: 1px solid transparent; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px } .ho-navigation>ul>li.dropdown-holder>a:after, .ho-navigation>ul>li.megamenu-holder>a:after { content: "\f3d0"; font-family: Ionicons; font-weight: 400; padding-left: 10px } .ho-navigation>ul>li.megamenu-holder { position: inherit } .ho-navigation>ul>li.active>a, .ho-navigation>ul>li:hover>a { background: hsla(0, 0%, 100%, .1); border-color: hsla(0, 0%, 100%, .15) } .ho-navigation>ul>li .hodropdown { position: absolute; left: 0; top: 100%; background: #fff; width: 250px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1); box-shadow: 0 0 5px rgba(0, 0, 0, .1); border-bottom: 3px solid #0071bc; padding: 10px 0; -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px) } .ho-navigation>ul>li .hodropdown li { display: block; position: relative } .ho-navigation>ul>li .hodropdown li ul, .ho-navigation>ul>li .megamenu { -ms-transform: translateY(30px); position: absolute; border-bottom: 3px solid #0071bc; background: #fff } .ho-navigation>ul>li .hodropdown li a { color: #7e7e7e; display: block; padding: 5px 20px } .ho-navigation>ul>li .hodropdown li:hover>a, .ho-navigation>ul>li .megamenu>li>a:hover { color: #0071bc } .ho-navigation>ul>li .hodropdown li a i { font-size: 16px; margin-right: 5px } .ho-navigation>ul>li .hodropdown li ul { left: 100%; top: 0; width: 250px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1); box-shadow: 0 0 5px rgba(0, 0, 0, .1); padding: 10px 0; -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px) } .ho-navigation>ul>li .hodropdown li:hover>ul { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); visibility: visible; opacity: 1; z-index: 1 } .ho-navigation>ul>li .megamenu { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; visibility: hidden; opacity: 0; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); z-index: 0; right: auto; padding: 30px 15px; left: 0; top: 100%; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1); box-shadow: 0 0 5px rgba(0, 0, 0, .1) } .ho-navigation>ul>li .megamenu>li { padding: 0 15px; min-width: 220px } .ho-navigation>ul>li .megamenu>li>a { font-weight: 700; color: #0071bc; text-transform: uppercase; padding: 8px 0 5px; display: block; border-bottom: 1px solid #0071bc; margin-bottom: 10px } .ho-navigation>ul>li .megamenu li ul { padding-left: 0; margin-bottom: 0 } .ho-navigation>ul>li .megamenu li ul li { list-style: none } .ho-navigation>ul>li .megamenu li ul li a { color: #7e7e7e; font-size: 14px; padding: 7px 0; display: block } .ho-navigation>ul>li .megamenu li ul li a:hover { color: #0071bc } .ho-navigation>ul>li .megamenu.is-visible, .ho-navigation>ul>li:hover .hodropdown, .ho-navigation>ul>li:hover .megamenu { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); visibility: visible; z-index: 1 } .ho-navigation>ul>li:hover .hodropdown, .ho-navigation>ul>li:hover .megamenu { opacity: 1 } @media only screen and (min-width:992px) and (max-width:1199px) { .ho-navigation>ul>li>a { padding: 5px 10px } } .ho-navigation-2 ul li a, .ho-navigation-3 ul li a { color: #454545 } .ho-navigation-2 ul li a:hover, .ho-navigation-3 ul li a:hover { color: #0071bc } .ho-navigation-2 { float: left } .ho-navigation-3 { z-index: 70 } .ho-navigation-3 ul li:first-child a { padding-left: 0 } .product-slider { margin-left: -15px; margin-right: -15px } .product-slider .slick-list { padding-left: 15px; padding-right: 15px } .product-slider .product-slider-col { margin-top: 7px; margin-bottom: 7px } .recommended-products-slider-2 .hoproduct-4, .recommended-products-slider .hoproduct-4 { margin-top: 30px } .featured-product-slider { padding-top: 48px } @media only screen and (min-width:768px) and (max-width:991px) { .featured-product-slider { padding-top: 20px } } @media only screen and (max-width:767px) { .featured-product-slider { padding-top: 20px } } .ourproduct-2 { padding-top: 10px } .ourproduct-2-slider { margin-top: 10px } .ourproduct-2-slider .slick-list { background: #fff; margin-left: 15px; margin-right: 15px; padding: 0 } .ourproduct-2-product { background: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; flex-direction: row-reverse; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center } .ourproduct-2-product .hoproduct-image { -webkit-box-flex: 0; -webkit-flex: 0 0 298px; -moz-box-flex: 0; flex: 0 0 298px; max-width: 298px } .ourproduct-2-product .hoproduct-content { padding: 30px } .ourproduct-2-product .hoproduct-content .ho-button { margin-top: 20px } .ourproduct-2-product .hoproduct-actionbox { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); top: auto; bottom: 0; right: auto; left: -webkit-calc(100% + 15px); left: -moz-calc(100% + 15px); left: calc(100% + 15px); text-align: left } .ourproduct-2-product .hoproduct-actionbox li a { text-align: center; height: 40px; width: 40px } .ourproduct-2-product .hoproduct-actionbox li a i { line-height: 40px } @media only screen and (min-width:768px) and (max-width:991px) { .ourproduct-2 .hoproduct-4 { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center } .ourproduct-2 .hoproduct-4 .hoproduct-image { -webkit-box-flex: 0; -webkit-flex: 0 0 150px; -moz-box-flex: 0; flex: 0 0 150px; max-width: 150px } } @media only screen and (max-width:767px) { .ourproduct-2-product .hoproduct-image { -webkit-box-flex: 0; -webkit-flex: 0 0 220px; -moz-box-flex: 0; flex: 0 0 220px; max-width: 220px } .ourproduct-2 .hoproduct-4 { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center } .ourproduct-2 .hoproduct-4 .hoproduct-image { -webkit-box-flex: 0; -webkit-flex: 0 0 150px; -moz-box-flex: 0; flex: 0 0 150px; max-width: 150px } } @media only screen and (max-width:575px) { .ourproduct-2 .hoproduct-4 .hoproduct-image { -webkit-box-flex: 0; -webkit-flex: 0 0 100px; -moz-box-flex: 0; flex: 0 0 100px; max-width: 100px } .ourproduct-2-product { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; justify-content: flex-end } .ourproduct-2-product .hoproduct-image { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; flex: 0 0 100%; max-width: 100% } .ourproduct-2-product .hoproduct-content { padding: 15px } } .pdetails-largeimages { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .07); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .07); box-shadow: 0 0 10px rgba(0, 0, 0, .07) } .pdetails-thumbs { max-width: 450px; margin: 10px auto 0 } .pdetails-thumbs .slick-slide { margin: 10px } .pdetails-singlethumb { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .07); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .07); box-shadow: 0 0 10px rgba(0, 0, 0, .07) } .pdetails .rattingbox { margin-bottom: 10px } .pdetails-pricebox, .pdetails-quantity { margin-bottom: 20px } .pdetails-pricebox .oldprice { font-weight: 400; font-size: 20px; line-height: 30px; color: #ababab; margin-right: 10px } .pdetails-pricebox .price { font-weight: 700; font-size: 24px; line-height: 30px; color: #ff0003 } .pdetails-pricebox .badge { font-weight: 700; font-size: 12px; line-height: 30px; color: #fff; padding: 0 10px; background: #d31129; vertical-align: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-left: 10px } .pdetails-color ul li+li, .pdetails-size ul li+li, .pdetails-socialshare ul li+li { margin-left: 5px } .pdetails p { margin-top: 20px } .pdetails-allinfo, .pdetails-description, .pdetails-moreinfo, .pdetails-quantity { margin-top: 30px } .pdetails-quantity .ho-button, .pdetails-quantity .ho-button:link { padding: 6.5px 15px } .pdetails-categories, .pdetails-color, .pdetails-size, .pdetails-socialshare, .pdetails-tags { padding: 12px 0 } .pdetails-categories>span, .pdetails-color>span, .pdetails-size>span, .pdetails-socialshare>span, .pdetails-tags>span { display: inline-block; margin-right: 20px; color: #454545; font-weight: 500 } .pdetails-categories ul, .pdetails-color ul, .pdetails-size ul, .pdetails-socialshare ul, .pdetails-tags ul { display: inline-block; padding-left: 0; margin-bottom: 0 } .pdetails-categories ul li, .pdetails-color ul li, .pdetails-size ul li, .pdetails-socialshare ul li, .pdetails-tags ul li { list-style: none; display: inline-block } .pdetails-categories ul li:last-child:after, .pdetails-color ul li:last-child:after, .pdetails-size ul li:last-child:after, .pdetails-socialshare ul li:after, .pdetails-socialshare ul li:last-child:after, .pdetails-tags ul li:last-child:after { display: none } .pdetails-categories ul li:after, .pdetails-color ul li:after, .pdetails-size ul li:after, .pdetails-socialshare ul li:after, .pdetails-tags ul li:after { content: "," } .pdetails-categories ul li a, .pdetails-color ul li a, .pdetails-size ul li a, .pdetails-socialshare ul li a, .pdetails-tags ul li a { color: #7e7e7e; font-style: italic } .pdetails-categories ul li a:hover, .pdetails-color ul li a:hover, .pdetails-size ul li a:hover, .pdetails-socialshare ul li a:hover, .pdetails-tags ul li a:hover { color: #0071bc } .pdetails-socialshare ul li a { display: inline-block; height: 35px; width: 35px; line-height: 1; text-align: center; color: #7e7e7e; border: 1px solid #c5c5c5; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; font-size: 16px } .pdetails-socialshare ul li a i { line-height: 33px } .pdetails-socialshare ul li a:hover { color: #fff; border-color: #0071bc; background: #0071bc } .pdetails-color ul li:after, .pdetails-size ul li:after { display: none } .pdetails-color ul li span, .pdetails-size ul li span { display: inline-block; height: 18px; width: 18px; background: #0071bc; vertical-align: middle; border: 1px solid #e5e5e5; position: relative; cursor: pointer } .pdetails-color ul li span:before, .pdetails-size ul li span:before { content: ""; position: absolute; left: 50%; top: 50%; height: -webkit-calc(100% + 2px); height: -moz-calc(100% + 2px); height: calc(100% + 2px); width: -webkit-calc(100% + 2px); width: -moz-calc(100% + 2px); width: calc(100% + 2px); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 1px solid #000; visibility: hidden; opacity: 0; -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s } .pdetails-moreinfo a, .pdetails-slidersingleimage { border: 1px solid #e5e5e5 } .pdetails-color ul li.checked span:before, .pdetails-size ul li.checked span:before { visibility: visible; opacity: 1 } .pdetails-color ul li.red span, .pdetails-size ul li.red span { background: #d858b1 } .pdetails-color ul li.green span, .pdetails-size ul li.green span { background: #5834fb } .pdetails-color ul li.blue span, .pdetails-size ul li.blue span { background: #b1b1b1 } .pdetails-color ul li.black span, .pdetails-size ul li.black span { background: #000 } .pdetails-size ul li span { width: 26px; height: 26px; text-align: center; line-height: 24px; background: 0 0; font-size: 10px } .pdetails-allinfotab { background: #f4f4f4; padding: 15px 0 } .pdetails-allinfotab li { display: inline-block } .pdetails-allinfotab li a { display: inline-block; vertical-align: middle; text-transform: uppercase; color: #7e7e7e; font-weight: 700; font-size: 16px; padding: 3px 25px } .pdetails-allinfotab li a.active, .pdetails-moreinfo b { color: #454545 } .pdetails-description { line-height: 30px } .pdetails-description ul { padding-left: 0; margin-bottom: 0; list-style: none } .pdetails-description ul li { list-style: none } .pdetails-moreinfo a { display: inline-block; margin-bottom: 15px } .pdetails-moreinfo p { margin-bottom: 0 } .pdetails-affiliatebox { margin-top: 28px; margin-bottom: 5px } .pdetails-affiliatebox .ho-button, .pdetails-affiliatebox .ho-button:link { margin-right: 10px; padding: 9px 20px; vertical-align: top; margin-bottom: 15px } .pdetails-affiliatebox .hoproduct-actionbox { -webkit-transform: translate(0); -moz-transform: translate(0); -o-transform: translate(0); transform: translate(0); position: relative; display: inline-block; width: auto; margin-top: 0; margin-bottom: 15px } .pdetails-images-vertical .pdetails-images:after, .pdetails-imagesgallery:after { content: ""; clear: both; display: table } .pdetails-affiliatebox .hoproduct-actionbox li a { opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1) } .pdetails-imagesgallery { margin-left: -15px; margin-top: -15px } .pdetails-imagesgallery .pdetails-singleimage { margin-left: 15px; margin-top: 15px; max-width: -webkit-calc(50% - 15px); max-width: -moz-calc(50% - 15px); max-width: calc(50% - 15px); float: left; border: 1px solid #e5e5e5 } .pdetails-sliderimages { margin-left: -15px; margin-right: -15px } .pdetails-sliderimages .slick-slide { padding: 0 15px } .pdetails-sliderimages .slider-navigation-arrow { visibility: hidden; opacity: 0 } .pdetails-sliderimages:hover .slider-navigation-arrow { visibility: visible; opacity: 1 } .pdetails-groupproduct { margin-top: 25px } .pdetails-groupproduct .table, .pdetails-groupproduct .table-bordered { border-color: #e5e5e5; margin-bottom: 0 } .pdetails-groupproduct .table-bordered td, .pdetails-groupproduct .table-bordered tr, .pdetails-groupproduct .table td, .pdetails-groupproduct .table tr { text-align: center; vertical-align: middle } .pdetails-groupproduct .table-bordered .product-quantity, .pdetails-groupproduct .table .product-quantity { min-width: 145px } .pdetails-groupproduct .table-bordered .quantity-select, .pdetails-groupproduct .table .quantity-select { margin-right: 0; margin-left: 10px } .pdetails-groupproduct .table-bordered .pro-title, .pdetails-groupproduct .table .pro-title { font-weight: 700; color: #454545; min-width: 200px } .pdetails-groupproduct .table-bordered .pro-price, .pdetails-groupproduct .table .pro-price { font-weight: 700 } @media only screen and (min-width:768px) and (max-width:991px) { .pdetails-content { margin-top: 50px } } @media only screen and (max-width:767px) { .pdetails-content { margin-top: 30px } .pdetails-sliderimages .slider-navigation-arrow { visibility: visible; opacity: 1 } } .pdetails-images-vertical .pdetails-largeimages { max-width: 428px; float: right } .pdetails-images-vertical .pdetails-thumbs { float: left; max-width: 110px; margin-top: -5px; margin-left: -5px } .pdetails-images-vertical .pdetails-thumbs .slick-list { padding: 0 !important } .pdetails-images-vertical .pdetails-thumbs .slick-slide { margin: 5px } @media only screen and (min-width:992px) and (max-width:1199px) { .pdetails-images-vertical .pdetails-largeimages { max-width: 359px } .pdetails-images-vertical .pdetails-thumbs { max-width: 90px } } @media only screen and (min-width:768px) and (max-width:991px) { .pdetails-images-vertical .pdetails-largeimages { max-width: 577px } } @media only screen and (max-width:767px) { .pdetails-images-vertical .pdetails-largeimages { max-width: 408px } .pdetails-images-vertical .pdetails-thumbs { max-width: 100px } } @media only screen and (max-width:575px) { .pdetails-images-vertical .pdetails-largeimages { max-width: 100% } .pdetails-images-vertical .pdetails-thumbs { max-width: 100%; margin-left: 0; margin-top: 8px } } .quantity-select { display: inline-block; position: relative; max-width: 80px; vertical-align: middle; margin-right: 10px; overflow: hidden } .quantity-select input { text-align: center; padding: 0 33px 0 10px; height: 40px } .quantity-select .qtybutton { position: absolute; height: 20.5px; width: 24px; line-height: 1; cursor: pointer; border: 1px solid #e5e5e5; right: 0; text-align: center; z-index: 1; font-size: 0 } .quantity-select .qtybutton i { font-size: 12px; line-height: 20px } .quantity-select .qtybutton.inc { top: 0; bottom: auto } .quantity-select .qtybutton.dec { bottom: 0; top: auto } .quickmodal { position: fixed; left: 0; top: 0; height: 100vh; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; padding: 40px 0; z-index: -2; opacity: 0; visibility: hidden; -webkit-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden } .quickmodal.is-visible { opacity: 1; visibility: visible; z-index: 100 } .quickmodal .body-overlay { background: rgba(22, 21, 21, .85); position: absolute; z-index: 1; height: 100%; width: 100%; left: 0; top: 0 } .quickmodal-inside { position: relative; background: #fff; padding: 30px 15px; max-height: 100%; overflow-y: auto; z-index: 2; opacity: 0; visibility: hidden; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s } .quickmodal.is-visible .quickmodal-inside { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible } .quickmodal-close { position: absolute; left: auto; right: 0; top: -10px; z-index: 1; border: none; color: #fff; font-size: 50px; padding: 10px } .shop-filters { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 5px 15px; border: 1px solid #e5e5e5; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center } .shop-filters-viewmode button { border: none; padding: 0; font-size: 24px; margin-right: 15px } .shop-filters-viewmode button.is-active { color: #0071bc } .shop-filters-sortby { position: relative } .shop-filters-sortby .select-sortby { display: inline-block } .shop-filters-sortby .nice-select { height: 35px; line-height: 35px; border: none; position: relative; padding-right: 20px; padding-left: 10px } .shop-filters-sortby .nice-select:after { content: "\f3d0"; font-family: Ionicons; position: absolute; right: 0; font-size: 15px; top: 0; height: 100%; width: auto; margin-top: auto } .cart-pricing-table, .cart-table .table thead th, .compare-table .table tbody th, .compare-table .table thead th, .different-address-form-trigger, .myaccount-tab-trigger li a, .order-infobox .table tfoot th, .order-infobox .table thead th { font-family: Roboto, sans-serif } .shop-filters-sortby .select-sortby-list { min-width: 200px } .shop-filters-viewitemcount { font-weight: 700 } .shop-page-products .hoproduct .hoproduct-content-description { display: none; padding-top: 10px } .shop-page-products.list-view-active [class*=col-] { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; flex: 0 0 100%; max-width: 100% } .shop-page-products.list-view-active .hoproduct { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex } .shop-page-products.list-view-active .hoproduct .hoproduct-image { -webkit-box-flex: 0; -webkit-flex: 0 0 33%; -moz-box-flex: 0; flex: 0 0 33%; max-width: 33% } .shop-page-products.list-view-active .hoproduct .hoproduct-content { padding: 15px 0 55px 15px; width: 100% } .shop-page-products.list-view-active .hoproduct .hoproduct-content .hoproduct-content-description { display: block } .shop-page-products.list-view-active .hoproduct .hoproduct-actionbox { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); top: auto; bottom: 10px; right: auto; left: -webkit-calc(100% + 15px); left: -moz-calc(100% + 15px); left: calc(100% + 15px); text-align: left; width: auto; white-space: nowrap } .shop-page-products.list-view-active .hoproduct .hoproduct-actionbox li a { text-align: center; height: 40px; width: 40px } .shop-page-products.list-view-active .hoproduct .hoproduct-actionbox li a i { line-height: 40px } @media only screen and (min-width:768px) and (max-width:991px) { .shop-page-products.list-view-active .hoproduct .hoproduct-actionbox li a { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible } } @media only screen and (max-width:767px) { .shop-page-products.list-view-active .hoproduct .hoproduct-actionbox { margin-top: 95px } .shop-page-products.list-view-active .hoproduct .hoproduct-actionbox li a { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible } } @media only screen and (max-width:575px) { .shop-page-products.list-view-active .hoproduct { -webkit-flex-wrap: wrap; flex-wrap: wrap } .shop-page-products.list-view-active .hoproduct .hoproduct-image { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; flex: 0 0 100%; max-width: 100% } .shop-page-products.list-view-active .hoproduct .hoproduct-actionbox { width: 100%; left: 0; margin-top: 15px } .shop-page-products.list-view-active .hoproduct .hoproduct-content { text-align: left; padding: 0 } } .cart-table .table td, .cart-table .table th { vertical-align: middle; text-align: center } .cart-table .table thead th { border-width: 1px; padding: 15px 10px } .cart-table .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, .02) } .cart-table .table thead th.cart-column-image { min-width: 145px } .cart-table .table thead th.cart-column-remove { min-width: 130px } .cart-table .table thead th.cart-column-quantity { min-width: 145px } .cart-table .table thead th.cart-column-productname { min-width: 200px } .cart-table .table thead th.cart-column-price, .cart-table .table thead th.cart-column-total { min-width: 130px } .cart-table .table thead th.cart-column-addtocart { min-width: 160px } .cart-table .product-image { display: inline-block; width: 75px; padding: 5px 0 } .cart-table .product-title { display: inline-block; font-size: 14px; font-weight: 700; color: #ff0000 } .cart-table .product-title:hover { color: #0071bc } .cart-table .total-price { display: inline-block; font-weight: 700; color: #0071bc; } .cart-table .remove-product { color: #7e7e7e; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; width: 26px; height: 26px; font-size: 20px; text-align: center; line-height: 18px; border: 1px solid #e5e5e5; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0; -webkit-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; margin: auto; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center } .cart-table .remove-product:hover { color: #fff; background: #0071bc; border-color: #0071bc } .cart-content-coupon, .cart-content-left { margin-top: 30px } .cart-content-coupon>h6 { font-weight: 700; font-size: 16px; margin-bottom: 5px } .cart-content-coupon .coupon-form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px } .cart-content-coupon .coupon-form button, .cart-content-coupon .coupon-form input { margin-top: 10px } .cart-content-coupon .coupon-form input[type=text] { width: 170px; margin-right: 10px } .cart-content-right { margin-top: 30px; text-align: right } .cart-content-right p, .cart-content-right p span { color: #ff0000; font-weight: 700; font-size: 24px } .cart-content-right h2 { display: inline-block; border-bottom: 2px solid #454545; text-transform: uppercase } .cart-pricing-table { border: none } .cart-pricing-table td, .cart-pricing-table th { text-align: right; border: none; padding: 0 } .cart-pricing-table td { color: #0071bc; font-weight: 700 } .cart-pricing-table .cart-total { font-size: 24px } .cart-pricing-table .cart-total td, .cart-pricing-table .cart-total th { padding-top: 10px } @media only screen and (max-width:767px) { .cart-content-right, .cart-pricing-table td, .cart-pricing-table th { text-align: left } } .checkout-info { position: relative; background-color: #f7f6f7; color: #515151; border-top: 3px solid #0071bc; width: auto; padding: 15px; margin-bottom: 30px } .checkout-info i { margin-right: 10px; vertical-align: middle } .checkout-info a { color: #7e7e7e } .checkout-info a:hover { color: #0071bc } .checkout-info-collapsebox { padding-bottom: 30px } .checkout-info-coupon { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: -10px } .checkout-info-coupon button, .checkout-info-coupon input { margin-top: 10px } .checkout-info-coupon input[type=text] { width: 170px; margin-right: 10px } .billing-info { margin-top: 50px } .order-infobox { background: #f7f7f7; padding: 30px 40px 45px } .order-infobox .small-title { margin-bottom: 20px } .order-infobox .table { color: #454545; border-bottom: none; min-width: 280px } .order-infobox .table td, .order-infobox .table th { vertical-align: middle; text-align: center; padding: 10px 0 } .order-infobox .table tbody td span { font-weight: 700 } .order-infobox .table thead th { border-width: medium 1px 1px; border-top: 1px } .order-infobox .table tfoot td, .order-infobox .table tfoot th { font-weight: 700; border-bottom: none } .order-infobox .table tfoot .total-price th { font-size: 20px } .order-infobox .table tfoot .total-price td { font-size: 30px; color: #ff0000 } .different-address { margin-top: 40px } .different-address-form-trigger { font-size: 18px; font-weight: 700 } .different-address-form { margin-top: 15px; display: none } @media only screen and (min-width:768px) and (max-width:991px) { .order-infobox { margin-top: 50px } } @media only screen and (max-width:767px) { .different-address-form-trigger { font-size: 16px } .order-infobox { margin-top: 50px } .order-infobox .table tfoot .total-price td { font-size: 24px } } @media only screen and (max-width:575px) { .order-infobox { padding: 20px } } .compare-table .table td, .compare-table .table th { vertical-align: middle; text-align: center } .compare-table .table thead th { border-width: 1px; padding: 15px 10px } .compare-table .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, .02) } .compare-table .table tbody th { min-width: 200px } .compare-table .table tbody td { min-width: 250px } .compare-pdoduct-image { max-width: 200px; display: inline-block; padding: 20px 0 } .compare-pdoduct-image a { display: inline-block } .compare-pdoduct-image .ho-button { margin-top: 25px } h5.compare-product-name { font-size: 14px; font-weight: 700; margin-bottom: 0; color: #555 } h5.compare-product-name a { color: #555; -webkit-transition-property: color; -o-transition-property: color; -moz-transition-property: color; transition-property: color } h5.compare-product-name a:hover { color: #0071bc } .myaccount-tab-trigger, .myaccount-tab-trigger li { display: block } .myaccount-tab-trigger li+li { margin-top: -1px } .myaccount-tab-trigger li a { border: 1px solid #444; display: block; background: #555; color: #fff; text-transform: uppercase; font-weight: 600; padding: 10px 20px } .myaccount-tab-trigger li a.active { background: #0071bc; border-color: #0071bc; color: #fff } .myaccount-tab-trigger li a:hover:not(.active) { color: #0071bc } .myaccount-tab-content { border: 1px solid #e5e5e5; padding: 30px; -webkit-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s } .myaccount-dashboard p { margin-bottom: 20px } .myaccount-dashboard p:last-child, .myaccount-orders .table { margin-bottom: 0 } .myaccount-dashboard p a { color: #7e7e7e } .myaccount-dashboard p a:hover { color: #0071bc } .myaccount-orders .table .account-order-id { color: #7e7e7e } .myaccount-orders .table .account-order-id:hover { color: #0071bc } .myaccount-orders .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, .02) } .myaccount-orders .table td, .myaccount-orders .table th { vertical-align: middle; text-align: center } .myaccount-address .small-title { margin-bottom: 15px } .contact-content { padding-right: 80px } .contact-content .single-content { border-top: 1px solid #e5e5e5; padding: 15px 0 15px 65px; position: relative } .contact-content .single-content:last-child { padding-bottom: 0 } .contact-content .single-content:first-child { border-top: none } .contact-content .single-content a { color: #7e7e7e } .contact-content .single-content a:hover { color: #0071bc } .contact-content .single-content-icon { font-size: 22px; position: absolute; left: 0; top: 15px; border: 1px solid #aaa; width: 50px; line-height: 1; text-align: center; height: 50px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px } .about-content h5, .blog-details-footer { border-bottom: 1px solid #e5e5e5 } .contact-content .single-content-icon i { line-height: 48px } @media only screen and (min-width:992px) and (max-width:1199px) { .contact-content { padding-right: 0 } } @media only screen and (max-width:575px) { .contact-content { padding-right: 0 } } .google-map { min-height: 452px } .about-image { margin-right: 70px } .about-image img { width: 100% } .about-content { background: #f5f5f5; padding: 65px 50px; margin-left: -150px } .about-content h2 { font-size: 60px; color: #666; margin: 0 0 10px; font-weight: 400 } .about-content h2 span { font-size: 100px; font-weight: 700; color: #0071bc; line-height: 1; display: block } @media only screen and (min-width:992px) and (max-width:1199px) { .about-content { padding: 40px 50px } .about-content h2 { font-size: 50px } .about-content h2 span { font-size: 75px } } @media only screen and (min-width:768px) and (max-width:991px) { .google-map { min-height: 380px } .about-image { margin-right: 0 } .about-content { margin-left: 0; padding: 40px 50px } .about-content h2 { font-size: 50px } .about-content h2 span { font-size: 75px } } @media only screen and (max-width:767px) { .google-map { min-height: 320px } .about-image { margin-right: 0 } .about-content { margin-left: 0; padding: 40px 50px } .about-content h2 { font-size: 45px } .about-content h2 span { font-size: 60px } } @media only screen and (max-width:575px) { .about-content { padding: 25px 20px } .about-content h2 { font-size: 38px } .about-content h2 span { font-size: 50px } } .blog-details .blogitem2 { margin-top: 0 } .blog-details .blogitem2:hover .blogitem2-image img { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1) } .blog-details .blogitem2-content p { line-height: 28px } .blog-details-footer { border-top: 1px solid #e5e5e5; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px } .blog-details-footer, .blog-details-share, .blog-details-tags { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex } .blog-details-share, .blog-details-tags { padding: 10px 0 } .blog-details-share h5, .blog-details-tags h5 { margin-bottom: 0; margin-right: 10px; line-height: 26px } .blog-details-share ul, .blog-details-tags ul { margin-bottom: 0; padding-left: 0 } .blog-details-share ul li, .blog-details-tags ul li { list-style: none; display: inline-block } .blog-details-share ul li a, .blog-details-tags ul li a { display: inline-block; color: #7e7e7e; line-height: 26px } .blog-details-share ul li a:hover, .blog-details-tags ul li a:hover { color: #0071bc } .blog-details-tags { padding-right: 15px } .blog-details-tags ul li:after { content: ","; padding: 0 5px } .blog-details-tags ul li:last-child:after { display: none } .blog-details-share ul li:not(:last-child) { margin-right: 10px } .blog-details-share ul li a { font-size: 18px } .footer-toparea { padding-top: 30px; padding-bottom: 60px } .footer-widget { margin-top: 30px } .footer-widget ul { padding-left: 0; margin-bottom: 0; list-style: none } .footer-widget ul li { list-style: none } .footer-widget-title { text-transform: uppercase; margin-bottom: 25px } .footer-widget.widget-info { letter-spacing: .4px } .footer-widget.widget-info ul li { color: #454545; margin-bottom: 10px } .footer-widget.widget-info ul li i { color: #0071bc; padding-right: 10px; font-size: 18px; vertical-align: middle } .footer-widget.widget-info ul li a { color: #0071bc } .footer-widget.widget-info ul li a:hover { text-decoration: underline } .footer-widget.widget-links ul li a { display: block; margin-bottom: 10px; color: #7e7e7e } .footer-widget.widget-links ul li a:hover { color: #0071bc; padding-left: 15px } .footer-widget.widget-customerservice { background: #0071bc; text-align: center; padding: 35px 20px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px } .footer-widget.widget-customerservice .footer-widget-title { color: #fff; margin-bottom: 5px } .footer-widget.widget-customerservice .info { padding-bottom: 15px } .footer-widget.widget-customerservice .info h2, .footer-widget.widget-customerservice .info h3, .footer-widget.widget-customerservice .info h4, .footer-widget.widget-customerservice .info h5, .footer-widget.widget-customerservice .info h6 { color: #a5a5a5; margin-bottom: 5px } .footer-widget.widget-customerservice .info h2 a, .footer-widget.widget-customerservice .info h3 a, .footer-widget.widget-customerservice .info h4 a, .footer-widget.widget-customerservice .info h5 a, .footer-widget.widget-customerservice .info h6 a { color: #0071bc } .footer-widget.widget-customerservice .payment-ft { padding-top: 20px; border-top: 1px solid hsla(0, 0%, 100%, .1) } .footer-widget.widget-customerservice .payment-ft h6 { margin-bottom: 15px; color: #fff } .footer-copyright { border-top: 1px solid #fff; padding: 10px 0 } .footer-copyright .copyright { margin-bottom: 0 } .footer-copyright .copyright a { color: #0071bc; font-weight: 500 } .header-top { background: #0071bc; max-height: none; margin: 0; border: none; border-bottom: 1px solid hsla(0, 0%, 100%, .15) } .footer { background: #e8e8e8 } .bed-icon { background: url(../images/icon.png) center scroll no-repeat transparent; background-size: cover; width: 20px; height: 20px; margin-right: 8px !important; display: inline-block; vertical-align: middle; } /**/ .the-article-tools { top: 300px; z-index: 1000; position: fixed; margin-left: 5px; width: 43px; left: 0; padding: 0; } .the-article-tools li { width: 43px; height: 43px; display: block; cursor: pointer; font-size: 16px; line-height: 46px; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; border-radius: 50%; } .the-article-tools li a, .the-article-tools li button { color: #FFF; display: block; width: 100%; height: 100%; border: none; outline: none; box-shadow: none } .the-article-tools li span.label { display: none; height: 30px; line-height: 30px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; position: absolute; left: 60px; top: 7px; white-space: nowrap; padding: 0 15px 0 6px; background: #555; color: #FFF } .the-article-tools li span.label:before { content: ""; top: 0; left: -14px; position: absolute; display: block; width: 0; height: 0; border-top: 15px solid transparent; border-right: 15px solid #555; border-bottom: 15px solid transparent } .the-article-tools li:hover span.label { display: block } .the-article-tools li.btnZalo { background: #018fe5 } .the-article-tools li.btnZalo .ti-zalo { background: url(../images/icon_zalomessage.png?1529826111637) no-repeat 50% 50%; width: 20px; height: 20px; display: inline-block; background-size: 20px; vertical-align: middle; margin-right: 2px; position: relative; top: -2px } .ti-viber { width: 20px; height: 20px; display: inline-block; background-size: 20px; vertical-align: middle; margin-right: 2px; position: relative; top: -2px } .the-article-tools li.btnZalo span.label { background: #018fe5; color: #FFF } .the-article-tools li.btnZalo span.label:before { border-right-color: #018fe5 } .the-article-tools li.btnFacebook { background: #3b5998; } .the-article-tools li.btnFacebook .ti-facebook { background: url(../images/messenger.svg?1529826111637) no-repeat 50% 50%; width: 20px; height: 20px; display: inline-block; background-size: 20px; vertical-align: middle; margin-right: 2px; position: relative; top: -2px } .the-article-tools li.btnFacebook span.label { background: #306199; color: #FFF } .the-article-tools li.btnFacebook span.label:before { border-right-color: #306199 } .the-article-tools li.btnphone { background: #1eaf8b } .the-article-tools li.btnphone button { background: #ee3c00; } .the-article-tools li.btnphone span.label { background: #1eaf8b; color: #FFF } .the-article-tools li.btnphone span.label:before { border-right-color: #1eaf8b } .back-hotline { position: fixed; right: 10px; bottom: 55px; z-index: 999; cursor: pointer; height: 35px; width: 35px; line-height: 35px; border-radius: 3px; background-color: #1eaf8b; color: #fff; display: none } @media (max-width: 991px) { .back-hotline { display: block } } .back-hotline button { color: #fff !important; display: block; width: 100%; height: 100%; font-size: 20px; border: none; outline: none; box-shadow: none; background-color: #1eaf8b; border-radius: 3px; padding: 0; margin: 0 } .back-zalo { position: fixed; right: 10px; bottom: 100px; z-index: 999; cursor: pointer; height: 35px; width: 35px; line-height: 35px; border-radius: 3px; background-color: #018fe5; color: #fff; display: none } @media (max-width: 991px) { .back-zalo { display: block } } .back-zalo a { color: #fff; display: block; width: 100%; height: 100%; font-size: 20px } .back-zalo a .ti-zalo { background: url(../images/icon_zalomessage.png?1529826111637) no-repeat 50% 50%; width: 20px; height: 20px; display: inline-block; background-size: 20px; vertical-align: middle; margin-right: 0px; position: relative; top: -2px } #hotlineModal .modal-content { border-radius: 0 } #hotlineModal .modal-content .modal-header { background-color: #1ba0e2 } #hotlineModal .modal-content .modal-header .modal-title { padding-left: 0; min-height: 1px; text-align: center; color: #fff } #hotlineModal .modal-content .modal-header button { position: absolute; right: 10px; z-index: 99 } #hotlineModal .modal-content .on-content { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #f7f7f7 } #hotlineModal .modal-content .on-sup-info ul { margin-bottom: 10px } #hotlineModal .modal-content .on-sup-info ul li { display: table } #hotlineModal .modal-content .on-sup-info ul li i { display: table-cell; width: 20px } #hotlineModal .modal-content .on-sup-info ul:last-child { margin-bottom: 0 } .the-article-tools li.btnViber { background: #db6f00; } .the-article-tools li.btnViber .ti-zalo { background: url(../images/icon_zalomessage.png?1529826111637) no-repeat 50% 50%; width: 20px; height: 20px; display: inline-block; background-size: 20px; vertical-align: middle; margin-right: 2px; position: relative; top: -2px } .the-article-tools li.btnViber span.label { background: #ec2472; color: #FFF } .the-article-tools li.btnViber span.label:before { border-right-color: #ec2472 }