.samcod{font-size:13px !important; font-weight:600; display:inline-block;} .top-space {margin-top:8px; float:left;} @media(min-width:768px){ .call-link{pointer-events:none;} .call-link:hover,.toplink ul li:hover .call-link{color:#000!important;} } /*Grid*/ .container {margin:0px auto;max-width:1200px;width:100%;padding-left:10px;padding-right:10px;} @media (max-width:320px){body, html, .container{max-width:320px;}} .row {margin-left:-10px;margin-right:-10px;} .row:before, .row:after{content:" ";display:table;} .row:after{clear:both} .row20{margin-left:-20px;margin-right:-20px;} .row20::after{content:"";display:table;clear:both;} .row20 [class*="col-"]{padding-left:20px;padding-right:20px;} .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left:10px;padding-right:10px;position:relative;min-height:1px;} .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float:left;} .col-xs-12{width:100%;}.col-xs-11{width:91.66666667%;}.col-xs-10{width:83.33333333%;}.col-xs-9{width:75%;}.col-xs-8{width:66.66666667%;}.col-xs-7{width:58.33333333%;}.col-xs-6{width:50%;}.col-xs-5{width:41.66666667%;}.col-xs-4{width:33.33333333%;}.col-xs-3{width:25%;}.col-xs-2{width:16.66666667%;}.col-xs-1{width:8.33333333%;}.col-xs-pull-12{right:100%;}.col-xs-pull-11{right:91.66666667%;}.col-xs-pull-10{right:83.33333333%;}.col-xs-pull-9{right:75%;}.col-xs-pull-8{right:66.66666667%;}.col-xs-pull-7{right:58.33333333%;}.col-xs-pull-6{right:50%;}.col-xs-pull-5{right:41.66666667%;}.col-xs-pull-4{right:33.33333333%;}.col-xs-pull-3{right:25%;}.col-xs-pull-2{right:16.66666667%;}.col-xs-pull-1{right:8.33333333%;}.col-xs-pull-0{right:0%;}.col-xs-push-12{left:100%;}.col-xs-push-11{left:91.66666667%;}.col-xs-push-10{left:83.33333333%;}.col-xs-push-9{left:75%;}.col-xs-push-8{left:66.66666667%;}.col-xs-push-7{left:58.33333333%;}.col-xs-push-6{left:50%;}.col-xs-push-5{left:41.66666667%;}.col-xs-push-4{left:33.33333333%;}.col-xs-push-3{left:25%;}.col-xs-push-2{left:16.66666667%;}.col-xs-push-1{left:8.33333333%;}.col-xs-push-0{left:0%;}.col-xs-offset-12 {margin-left:100%;}.col-xs-offset-11 {margin-left:91.66666667%;}.col-xs-offset-10 {margin-left:83.33333333%;}.col-xs-offset-9 {margin-left:75%;}.col-xs-offset-8 {margin-left:66.66666667%;}.col-xs-offset-7 {margin-left:58.33333333%;}.col-xs-offset-6 {margin-left:50%;}.col-xs-offset-5 {margin-left:41.66666667%;}.col-xs-offset-4 {margin-left:33.33333333%;}.col-xs-offset-3 {margin-left:25%;}.col-xs-offset-2 {margin-left:16.66666667%;}.col-xs-offset-1 {margin-left:8.33333333%;}.col-xs-offset-0 {margin-left:0%;} @media (min-width:768px){ .container{max-width:750px;} .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float:left;} .col-sm-12{width:100%;}.col-sm-11{width:91.66666667%;}.col-sm-10{width:83.33333333%;}.col-sm-9{width:75%;}.col-sm-8{width:66.66666667%;}.col-sm-7{width:58.33333333%;}.col-sm-6{width:50%;}.col-sm-5{width:41.66666667%;}.col-sm-4{width:33.33333333%;}.col-sm-3{width:25%;}.col-sm-2{width:16.66666667%;}.col-sm-1{width:8.33333333%;}.col-sm-pull-12{right:100%;}.col-sm-pull-11{right:91.66666667%;}.col-sm-pull-10{right:83.33333333%;}.col-sm-pull-9{right:75%;}.col-sm-pull-8{right:66.66666667%;}.col-sm-pull-7{right:58.33333333%;}.col-sm-pull-6{right:50%;}.col-sm-pull-5{right:41.66666667%;}.col-sm-pull-4{right:33.33333333%;}.col-sm-pull-3{right:25%;}.col-sm-pull-2{right:16.66666667%;}.col-sm-pull-1{right:8.33333333%;}.col-sm-pull-0{right:0%;}.col-sm-push-12{left:100%;}.col-sm-push-11{left:91.66666667%;}.col-sm-push-10{left:83.33333333%;}.col-sm-push-9{left:75%;}.col-sm-push-8{left:66.66666667%;}.col-sm-push-7{left:58.33333333%;}.col-sm-push-6{left:50%;}.col-sm-push-5{left:41.66666667%;}.col-sm-push-4{left:33.33333333%;}.col-sm-push-3{left:25%;}.col-sm-push-2{left:16.66666667%;}.col-sm-push-1{left:8.33333333%;}.col-sm-push-0{left:0%;}.col-sm-offset-12 {margin-left:100%;}.col-sm-offset-11 {margin-left:91.66666667%;}.col-sm-offset-10 {margin-left:83.33333333%;}.col-sm-offset-9 {margin-left:75%;}.col-sm-offset-8 {margin-left:66.66666667%;}.col-sm-offset-7 {margin-left:58.33333333%;}.col-sm-offset-6 {margin-left:50%;}.col-sm-offset-5 {margin-left:41.66666667%;}.col-sm-offset-4 {margin-left:33.33333333%;}.col-sm-offset-3 {margin-left:25%;}.col-sm-offset-2 {margin-left:16.66666667%;}.col-sm-offset-1 {margin-left:8.33333333%;}.col-sm-offset-0 {margin-left:0%;}} @media (min-width:992px){ .container{max-width:970px;} .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float:left;} .col-md-12{width:100%;}.col-md-11{width:91.66666667%;}.col-md-10{width:83.33333333%;}.col-md-9{width:75%;}.col-md-8{width:66.66666667%;}.col-md-7{width:58.33333333%;}.col-md-6{width:50%;}.col-md-5{width:41.66666667%;}.col-md-4{width:33.33333333%;}.col-md-3{width:25%;}.col-md-2{width:16.66666667%;}.col-md-1{width:8.33333333%;}.col-md-pull-12{right:100%;}.col-md-pull-11{right:91.66666667%;}.col-md-pull-10{right:83.33333333%;}.col-md-pull-9{right:75%;}.col-md-pull-8{right:66.66666667%;}.col-md-pull-7{right:58.33333333%;}.col-md-pull-6{right:50%;}.col-md-pull-5{right:41.66666667%;}.col-md-pull-4{right:33.33333333%;}.col-md-pull-3{right:25%;}.col-md-pull-2{right:16.66666667%;}.col-md-pull-1{right:8.33333333%;}.col-md-pull-0{right:0%;}.col-md-push-12{left:100%;}.col-md-push-11{left:91.66666667%;}.col-md-push-10{left:83.33333333%;}.col-md-push-9{left:75%;}.col-md-push-8{left:66.66666667%;}.col-md-push-7{left:58.33333333%;}.col-md-push-6{left:50%;}.col-md-push-5{left:41.66666667%;}.col-md-push-4{left:33.33333333%;}.col-md-push-3{left:25%;}.col-md-push-2{left:16.66666667%;}.col-md-push-1{left:8.33333333%;}.col-md-push-0{left:0%;}.col-md-offset-12 {margin-left:100%;}.col-md-offset-11 {margin-left:91.66666667%;}.col-md-offset-10 {margin-left:83.33333333%;}.col-md-offset-9{margin-left:75%;}.col-md-offset-8 {margin-left:66.66666667%;}.col-md-offset-7 {margin-left:58.33333333%;}.col-md-offset-6 {margin-left:50%;}.col-md-offset-5 {margin-left:41.66666667%;}.col-md-offset-4 {margin-left:33.33333333%;}.col-md-offset-3 {margin-left:25%;}.col-md-offset-2 {margin-left:16.66666667%;}.col-md-offset-1 {margin-left:8.33333333%;}.col-md-offset-0 {margin-left:0%;}} @media (min-width:1200px){ .container{max-width:1440px;} .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float:left;} .col-lg-12{width:100%;}.col-lg-11{width:91.66666667%;}.col-lg-10{width:83.33333333%;}.col-lg-9{width:75%;}.col-lg-8{width:66.66666667%;}.col-lg-7{width:58.33333333%;}.col-lg-6{width:50%;}.col-lg-5{width:41.66666667%;}.col-lg-4{width:33.33333333%;}.col-lg-3{width:25%;}.col-lg-2{width:16.66666667%;}.col-lg-1{width:8.33333333%;}.col-lg-pull-12{right:100%;}.col-lg-pull-11{right:91.66666667%;}.col-lg-pull-10{right:83.33333333%;}.col-lg-pull-9{right:75%;}.col-lg-pull-8{right:66.66666667%;}.col-lg-pull-7{right:58.33333333%;}.col-lg-pull-6{right:50%;}.col-lg-pull-5{right:41.66666667%;}.col-lg-pull-4{right:33.33333333%;}.col-lg-pull-3{right:25%;}.col-lg-pull-2{right:16.66666667%;}.col-lg-pull-1{right:8.33333333%;}.col-lg-pull-0{right:0%;}.col-lg-push-12{left:100%;}.col-lg-push-11{left:91.66666667%;}.col-lg-push-10{left:83.33333333%;}.col-lg-push-9{left:75%;}.col-lg-push-8{left:66.66666667%;}.col-lg-push-7{left:58.33333333%;}.col-lg-push-6{left:50%;}.col-lg-push-5{left:41.66666667%;}.col-lg-push-4{left:33.33333333%;}.col-lg-push-3{left:25%;}.col-lg-push-2{left:16.66666667%;}.col-lg-push-1{left:8.33333333%;}.col-lg-push-0{left:0%;}.col-lg-offset-12 {margin-left:100%;}.col-lg-offset-11 {margin-left:91.66666667%;}.col-lg-offset-10 {margin-left:83.33333333%;}.col-lg-offset-9{margin-left:75%;}.col-lg-offset-8 {margin-left:66.66666667%;}.col-lg-offset-7 {margin-left:58.33333333%;}.col-lg-offset-6 {margin-left:50%;}.col-lg-offset-5 {margin-left:41.66666667%;}.col-lg-offset-4 {margin-left:33.33333333%;}.col-lg-offset-3 {margin-left:25%;}.col-lg-offset-2 {margin-left:16.66666667%;}.col-lg-offset-1 {margin-left:8.33333333%;}.col-lg-offset-0 {margin-left:0%;}} /*HIDDEN AND SHOW DIV*/ .d-block{display:block!important;} @media screen and (max-width:400px){@-ms-viewport{width:320px;}} .hidden{display:none!important;visibility:hidden!important;} .visible-xs{display:none!important;} @media(max-width:767px){.visible-xs{display:block!important;}} @media(min-width:768px) and (max-width:991px){.visible-xs.visible-sm{display:block!important;}} @media(min-width:992px) and (max-width:1199px){.visible-xs.visible-md{display:block!important;}} @media(min-width:1200px){.visible-xs.visible-lg{display:block!important;}} .visible-sm{display:none!important;} @media(max-width:767px){.visible-sm.visible-xs{display:block!important;}} @media(min-width:768px) and (max-width:991px){.visible-sm{display:block!important;}} @media(min-width:992px) and (max-width:1199px){.visible-sm.visible-md{display:block!important;}} @media(min-width:1200px){.visible-sm.visible-lg{display:block!important;}} .visible-md{display:none!important;} @media(max-width:767px){.visible-md.visible-xs{display:block!important;}} @media(min-width:768px) and (max-width:991px){.visible-md.visible-sm{display:block!important;}} @media(min-width:992px) and (max-width:1199px){.visible-md{display:block!important;}} @media(min-width:1200px){.visible-md.visible-lg{display:block!important;}} .visible-lg{display:none!important;} @media(max-width:767px){.visible-lg.visible-xs{display:block!important;}} @media(min-width:768px) and (max-width:991px){.visible-lg.visible-sm{display:block!important;}} @media(min-width:992px) and (max-width:1199px){.visible-lg.visible-md{display:block!important;}} @media(min-width:1200px){.visible-lg{display:block!important;}} .hidden-xs{display:block!important;} @media(max-width:767px){.hidden-xs{display:none!important;}} @media(min-width:768px) and (max-width:991px){.hidden-xs.hidden-sm{display:none!important;}} @media(min-width:992px) and (max-width:1199px){.hidden-xs.hidden-md{display:none!important;}} @media(min-width:1200px){.hidden-xs.hidden-lg{display:none!important;}} .hidden-sm{display:block!important;} @media(max-width:767px){.hidden-sm.hidden-xs{display:none!important;}} @media(min-width:768px) and (max-width:991px){.hidden-sm{display:none!important;}} @media(min-width:992px) and (max-width:1199px){.hidden-sm.hidden-md{display:none!important;}} @media(min-width:1200px){.hidden-sm.hidden-lg{display:none!important;}} .hidden-md{display:block!important;} @media(max-width:767px){.hidden-md.hidden-xs{display:none!important;}} @media(min-width:768px) and (max-width:991px){.hidden-md.hidden-sm{display:none!important;}} @media(min-width:992px) and (max-width:1199px){.hidden-md{display:none!important;}} @media(min-width:1200px){.hidden-md.hidden-lg{display:none!important;}} .hidden-lg{display:block!important;} @media(max-width:767px){.hidden-lg.hidden-xs{display:none!important;}} @media(min-width:768px) and (max-width:991px){.hidden-lg.hidden-sm{display:none!important;}} @media(min-width:992px) and (max-width:1199px){.hidden-lg.hidden-md{display:none!important;}} @media(min-width:1200px){.hidden-lg{display:none!important;}} .visible-print{display:none!important;} @media print{.visible-print{display:block!important;}.hidden-print{display:none!important;}} /*TEXT ALIGN*/ .text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg{text-align:left;} .text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg{text-align:center;} .text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg{text-align:right;} .text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg{text-align:justify;} @media (max-width:767px){ .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs{text-align:inherit;} .text-left-xs{text-align:left;} .text-center-xs{text-align:center;} .text-right-xs{text-align:right;} .text-justify-xs{text-align:justify;}} @media (min-width:768px) and (max-width:991px){ .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm{text-align:inherit;} .text-left-sm{text-align:left;} .text-center-sm{text-align:center;} .text-right-sm{text-align:right;} .text-justify-sm{text-align:justify;}} @media (min-width:992px) and (max-width:1199px){ .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md{text-align:inherit;} .text-left-md{text-align:left;} .text-center-md{text-align:center;} .text-right-md{text-align:right;} .text-justify-md{text-align:justify;}} @media (min-width:1200px){ .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg{text-align:inherit;} .text-left-lg{text-align:left;} .text-center-lg{text-align:center;} .text-right-lg{text-align:right;} .text-justify-lg{text-align:justify;}} /*Font ICON*/ @font-face{font-family:"Ionicons";src: url("../fonts/ionicons.eot?v=1.3.3");src: url("../fonts/ionicons.eot?v=1.3.3#iefix") format("embedded-opentype"), url("../fonts/ionicons.ttf?v=1.3.3") format("truetype"), url("../fonts/ionicons.woff?v=1.3.3") format("woff"), url("../fonts/ionicons.svg?v=1.3.3#Ionicons") format("svg");font-weight: normal;font-style: normal;} .ion,.ionicons{display: inline-block;font-family:"Ionicons";speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .ion-spin, .ion-loading-a, .ion-loading-b, .ion-loading-c, .ion-loading-d, .ion-looping, .ion-refreshing, .ion-ios7-reloading{-webkit-animation: spin 1s infinite linear;-moz-animation: spin 1s infinite linear;-o-animation: spin 1s infinite linear;animation: spin 1s infinite linear;} @-moz-keyframes spin{0%{ -moz-transform: rotate(0deg);} 100%{ -moz-transform: rotate(359deg);}} @-webkit-keyframes spin{0%{ -webkit-transform: rotate(0deg);} 100%{ -webkit-transform: rotate(359deg);}} @-o-keyframes spin{0%{ -o-transform: rotate(0deg);} 100%{ -o-transform: rotate(359deg);}} @-ms-keyframes spin{0%{ -ms-transform: rotate(0deg);} 100%{ -ms-transform: rotate(359deg);}} @keyframes spin{0%{ transform: rotate(0deg);} 100%{ transform: rotate(359deg);}} .ion-alert:before{content:"\f101";} .ion-alert-circled:before{content:"\f100";} .ion-archive:before{content:"\f102";} .ion-arrow-down-a:before{content:"\f103";} .ion-arrow-down-b:before{content:"\f104";} .ion-arrow-down-c:before{content:"\f105";} .ion-arrow-expand:before{content:"\f25e";} .ion-arrow-graph-down-left:before{content:"\f25f";} .ion-arrow-graph-down-right:before{content:"\f260";} .ion-arrow-graph-up-left:before{content:"\f261";} .ion-arrow-graph-up-right:before{content:"\f262";} .ion-arrow-left-a:before{content:"\f106";} .ion-arrow-left-b:before{content:"\f107";} .ion-arrow-left-c:before{content:"\f108";} .ion-arrow-move:before{content:"\f263";} .ion-arrow-resize:before{content:"\f264";} .ion-arrow-return-left:before{content:"\f265";} .ion-arrow-return-right:before{content:"\f266";} .ion-arrow-right-a:before{content:"\f109";} .ion-arrow-right-b:before{content:"\f10a";} .ion-arrow-right-c:before{content:"\f10b";} .ion-arrow-shrink:before{content:"\f267";} .ion-arrow-swap:before{content:"\f268";} .ion-arrow-up-a:before{content:"\f10c";} .ion-arrow-up-b:before{content:"\f10d";} .ion-arrow-up-c:before{content:"\f10e";} .ion-at:before{content:"\f10f";} .ion-bag:before{content:"\f110";} .ion-battery-charging:before{content:"\f111";} .ion-battery-empty:before{content:"\f112";} .ion-battery-full:before{content:"\f113";} .ion-battery-half:before{content:"\f114";} .ion-battery-low:before{content:"\f115";} .ion-beaker:before{content:"\f269";} .ion-beer:before{content:"\f26a";} .ion-bluetooth:before{content:"\f116";} .ion-bookmark:before{content:"\f26b";} .ion-briefcase:before{content:"\f26c";} .ion-calculator:before{content:"\f26d";} .ion-calendar:before{content:"\f117";} .ion-camera:before{content:"\f118";} .ion-card:before{content:"\f119";} .ion-chatbox:before{content:"\f11b";} .ion-chatbox-working:before{content:"\f11a";} .ion-chatboxes:before{content:"\f11c";} .ion-chatbubble:before{content:"\f11e";} .ion-chatbubble-working:before{content:"\f11d";} .ion-chatbubbles:before{content:"\f11f";} .ion-checkmark:before{content:"\f122";} .ion-checkmark-circled:before{content:"\f120";} .ion-checkmark-round:before{content:"\f121";} .ion-chevron-down:before{content:"\f123";} .ion-chevron-left:before{content:"\f124";} .ion-chevron-right:before{content:"\f125";} .ion-chevron-up:before{content:"\f126";} .ion-clipboard:before{content:"\f127";} .ion-clock:before{content:"\f26e";} .ion-close:before{content:"\f12a";} .ion-close-circled:before{content:"\f128";} .ion-close-round:before{content:"\f129";} .ion-cloud:before{content:"\f12b";} .ion-code:before{content:"\f271";} .ion-code-download:before{content:"\f26f";} .ion-code-working:before{content:"\f270";} .ion-coffee:before{content:"\f272";} .ion-compass:before{content:"\f273";} .ion-compose:before{content:"\f12c";} .ion-connection-bars:before{content:"\f274";} .ion-contrast:before{content:"\f275";} .ion-disc:before{content:"\f12d";} .ion-document:before{content:"\f12f";} .ion-document-text:before{content:"\f12e";} .ion-drag:before{content:"\f130";} .ion-earth:before{content:"\f276";} .ion-egg:before{content:"\f277";} .ion-eject:before{content:"\f131";} .ion-email:before{content:"\f132";} .ion-eye:before{content:"\f133";} .ion-female:before{content:"\f278";} .ion-filing:before{content:"\f134";} .ion-film-marker:before{content:"\f135";} .ion-flag:before{content:"\f279";} .ion-flash:before{content:"\f137";} .ion-flash-off:before{content:"\f136";} .ion-flask:before{content:"\f138";} .ion-folder:before{content:"\f139";} .ion-fork:before{content:"\f27a";} .ion-forward:before{content:"\f13a";} .ion-game-controller-a:before{content:"\f13b";} .ion-game-controller-b:before{content:"\f13c";} .ion-gear-a:before{content:"\f13d";} .ion-gear-b:before{content:"\f13e";} .ion-grid:before{content:"\f13f";} .ion-hammer:before{content:"\f27b";} .ion-headphone:before{content:"\f140";} .ion-heart:before{content:"\f141";} .ion-help:before{content:"\f143";} .ion-help-buoy:before{content:"\f27c";} .ion-help-circled:before{content:"\f142";} .ion-home:before{content:"\f144";} .ion-icecream:before{content:"\f27d";} .ion-icon-social-google-plus:before{content:"\f146";} .ion-icon-social-google-plus-outline:before{content:"\f145";} .ion-image:before{content:"\f147";} .ion-images:before{content:"\f148";} .ion-information:before{content:"\f14a";} .ion-information-circled:before{content:"\f149";} .ion-ionic:before{content:"\f14b";} .ion-ios7-alarm:before{content:"\f14d";} .ion-ios7-alarm-outline:before{content:"\f14c";} .ion-ios7-albums:before{content:"\f14f";} .ion-ios7-albums-outline:before{content:"\f14e";} .ion-ios7-arrow-back:before{content:"\f150";} .ion-ios7-arrow-down:before{content:"\f151";} .ion-ios7-arrow-forward:before{content:"\f152";} .ion-ios7-arrow-left:before{content:"\f153";} .ion-ios7-arrow-right:before{content:"\f154";} .ion-ios7-arrow-thin-down:before{content:"\f27e";} .ion-ios7-arrow-thin-left:before{content:"\f27f";} .ion-ios7-arrow-thin-right:before{content:"\f280";} .ion-ios7-arrow-thin-up:before{content:"\f281";} .ion-ios7-arrow-up:before{content:"\f155";} .ion-ios7-at:before{content:"\f157";} .ion-ios7-at-outline:before{content:"\f156";} .ion-ios7-bell:before{content:"\f159";} .ion-ios7-bell-outline:before{content:"\f158";} .ion-ios7-bolt:before{content:"\f15b";} .ion-ios7-bolt-outline:before{content:"\f15a";} .ion-ios7-bookmarks:before{content:"\f15d";} .ion-ios7-bookmarks-outline:before{content:"\f15c";} .ion-ios7-box:before{content:"\f15f";} .ion-ios7-box-outline:before{content:"\f15e";} .ion-ios7-briefcase:before{content:"\f283";} .ion-ios7-briefcase-outline:before{content:"\f282";} .ion-ios7-browsers:before{content:"\f161";} .ion-ios7-browsers-outline:before{content:"\f160";} .ion-ios7-calculator:before{content:"\f285";} .ion-ios7-calculator-outline:before{content:"\f284";} .ion-ios7-calendar:before{content:"\f163";} .ion-ios7-calendar-outline:before{content:"\f162";} .ion-ios7-camera:before{content:"\f165";} .ion-ios7-camera-outline:before{content:"\f164";} .ion-ios7-cart:before{content:"\f167";} .ion-ios7-cart-outline:before{content:"\f166";} .ion-ios7-chatboxes:before{content:"\f169";} .ion-ios7-chatboxes-outline:before{content:"\f168";} .ion-ios7-chatbubble:before{content:"\f16b";} .ion-ios7-chatbubble-outline:before{content:"\f16a";} .ion-ios7-checkmark:before{content:"\f16e";} .ion-ios7-checkmark-empty:before{content:"\f16c";} .ion-ios7-checkmark-outline:before{content:"\f16d";} .ion-ios7-circle-filled:before{content:"\f16f";} .ion-ios7-circle-outline:before{content:"\f170";} .ion-ios7-clock:before{content:"\f172";} .ion-ios7-clock-outline:before{content:"\f171";} .ion-ios7-close:before{content:"\f2bc";} .ion-ios7-close-outline:before{content:"\f2bb";} .ion-ios7-cloud:before{content:"\f178";} .ion-ios7-cloud-download:before{content:"\f174";} .ion-ios7-cloud-download-outline:before{content:"\f173";} .ion-ios7-cloud-outline:before{content:"\f175";} .ion-ios7-cloud-upload:before{content:"\f177";} .ion-ios7-cloud-upload-outline:before{content:"\f176";} .ion-ios7-cloudy:before{content:"\f17a";} .ion-ios7-cloudy-outline:before{content:"\f179";} .ion-ios7-cog:before{content:"\f17c";} .ion-ios7-cog-outline:before{content:"\f17b";} .ion-ios7-compose:before{content:"\f17e";} .ion-ios7-compose-outline:before{content:"\f17d";} .ion-ios7-contact:before{content:"\f180";} .ion-ios7-contact-outline:before{content:"\f17f";} .ion-ios7-copy:before{content:"\f182";} .ion-ios7-copy-outline:before{content:"\f181";} .ion-ios7-download:before{content:"\f184";} .ion-ios7-download-outline:before{content:"\f183";} .ion-ios7-drag:before{content:"\f185";} .ion-ios7-email:before{content:"\f187";} .ion-ios7-email-outline:before{content:"\f186";} .ion-ios7-eye:before{content:"\f189";} .ion-ios7-eye-outline:before{content:"\f188";} .ion-ios7-fastforward:before{content:"\f18b";} .ion-ios7-fastforward-outline:before{content:"\f18a";} .ion-ios7-filing:before{content:"\f18d";} .ion-ios7-filing-outline:before{content:"\f18c";} .ion-ios7-film:before{content:"\f18f";} .ion-ios7-film-outline:before{content:"\f18e";} .ion-ios7-flag:before{content:"\f191";} .ion-ios7-flag-outline:before{content:"\f190";} .ion-ios7-folder:before{content:"\f193";} .ion-ios7-folder-outline:before{content:"\f192";} .ion-ios7-gear:before{content:"\f195";} .ion-ios7-gear-outline:before{content:"\f194";} .ion-ios7-glasses:before{content:"\f197";} .ion-ios7-glasses-outline:before{content:"\f196";} .ion-ios7-heart:before{content:"\f199";} .ion-ios7-heart-outline:before{content:"\f198";} .ion-ios7-help:before{content:"\f19c";} .ion-ios7-help-empty:before{content:"\f19a";} .ion-ios7-help-outline:before{content:"\f19b";} .ion-ios7-infinite:before{content:"\f19e";} .ion-ios7-infinite-outline:before{content:"\f19d";} .ion-ios7-information:before{content:"\f1a1";} .ion-ios7-information-empty:before{content:"\f19f";} .ion-ios7-information-outline:before{content:"\f1a0";} .ion-ios7-ionic-outline:before{content:"\f1a2";} .ion-ios7-keypad:before{content:"\f1a4";} .ion-ios7-keypad-outline:before{content:"\f1a3";} .ion-ios7-lightbulb:before{content:"\f287";} .ion-ios7-lightbulb-outline:before{content:"\f286";} .ion-ios7-location:before{content:"\f1a6";} .ion-ios7-location-outline:before{content:"\f1a5";} .ion-ios7-locked:before{content:"\f1a8";} .ion-ios7-locked-outline:before{content:"\f1a7";} .ion-ios7-medkit:before{content:"\f289";} .ion-ios7-medkit-outline:before{content:"\f288";} .ion-ios7-mic:before{content:"\f1ab";} .ion-ios7-mic-off:before{content:"\f1a9";} .ion-ios7-mic-outline:before{content:"\f1aa";} .ion-ios7-minus:before{content:"\f1ae";} .ion-ios7-minus-empty:before{content:"\f1ac";} .ion-ios7-minus-outline:before{content:"\f1ad";} .ion-ios7-monitor:before{content:"\f1b0";} .ion-ios7-monitor-outline:before{content:"\f1af";} .ion-ios7-moon:before{content:"\f1b2";} .ion-ios7-moon-outline:before{content:"\f1b1";} .ion-ios7-more:before{content:"\f1b4";} .ion-ios7-more-outline:before{content:"\f1b3";} .ion-ios7-musical-note:before{content:"\f1b5";} .ion-ios7-musical-notes:before{content:"\f1b6";} .ion-ios7-navigate:before{content:"\f1b8";} .ion-ios7-navigate-outline:before{content:"\f1b7";} .ion-ios7-paperplane:before{content:"\f1ba";} .ion-ios7-paperplane-outline:before{content:"\f1b9";} .ion-ios7-partlysunny:before{content:"\f1bc";} .ion-ios7-partlysunny-outline:before{content:"\f1bb";} .ion-ios7-pause:before{content:"\f1be";} .ion-ios7-pause-outline:before{content:"\f1bd";} .ion-ios7-people:before{content:"\f1c0";} .ion-ios7-people-outline:before{content:"\f1bf";} .ion-ios7-person:before{content:"\f1c2";} .ion-ios7-person-outline:before{content:"\f1c1";} .ion-ios7-personadd:before{content:"\f1c4";} .ion-ios7-personadd-outline:before{content:"\f1c3";} .ion-ios7-photos:before{content:"\f1c6";} .ion-ios7-photos-outline:before{content:"\f1c5";} .ion-ios7-pie:before{content:"\f28b";} .ion-ios7-pie-outline:before{content:"\f28a";} .ion-ios7-play:before{content:"\f1c8";} .ion-ios7-play-outline:before{content:"\f1c7";} .ion-ios7-plus:before{content:"\f1cb";} .ion-ios7-plus-empty:before{content:"\f1c9";} .ion-ios7-plus-outline:before{content:"\f1ca";} .ion-ios7-pricetag:before{content:"\f28d";} .ion-ios7-pricetag-outline:before{content:"\f28c";} .ion-ios7-printer:before{content:"\f1cd";} .ion-ios7-printer-outline:before{content:"\f1cc";} .ion-ios7-rainy:before{content:"\f1cf";} .ion-ios7-rainy-outline:before{content:"\f1ce";} .ion-ios7-recording:before{content:"\f1d1";} .ion-ios7-recording-outline:before{content:"\f1d0";} .ion-ios7-redo:before{content:"\f1d3";} .ion-ios7-redo-outline:before{content:"\f1d2";} .ion-ios7-refresh:before{content:"\f1d6";} .ion-ios7-refresh-empty:before{content:"\f1d4";} .ion-ios7-refresh-outline:before{content:"\f1d5";} .ion-ios7-reload:before, .ion-ios7-reloading:before{content:"\f28e";} .ion-ios7-rewind:before{content:"\f1d8";} .ion-ios7-rewind-outline:before{content:"\f1d7";} .ion-ios7-search:before{content:"\f1da";} .ion-ios7-search-strong:before{content:"\f1d9";} .ion-ios7-skipbackward:before{content:"\f1dc";} .ion-ios7-skipbackward-outline:before{content:"\f1db";} .ion-ios7-skipforward:before{content:"\f1de";} .ion-ios7-skipforward-outline:before{content:"\f1dd";} .ion-ios7-speedometer:before{content:"\f290";} .ion-ios7-speedometer-outline:before{content:"\f28f";} .ion-ios7-star:before{content:"\f1e0";} .ion-ios7-star-outline:before{content:"\f1df";} .ion-ios7-stopwatch:before{content:"\f1e2";} .ion-ios7-stopwatch-outline:before{content:"\f1e1";} .ion-ios7-sunny:before{content:"\f1e4";} .ion-ios7-sunny-outline:before{content:"\f1e3";} .ion-ios7-telephone:before{content:"\f1e6";} .ion-ios7-telephone-outline:before{content:"\f1e5";} .ion-ios7-thunderstorm:before{content:"\f1e8";} .ion-ios7-thunderstorm-outline:before{content:"\f1e7";} .ion-ios7-time:before{content:"\f292";} .ion-ios7-time-outline:before{content:"\f291";} .ion-ios7-timer:before{content:"\f1ea";} .ion-ios7-timer-outline:before{content:"\f1e9";} .ion-ios7-trash:before{content:"\f1ec";} .ion-ios7-trash-outline:before{content:"\f1eb";} .ion-ios7-undo:before{content:"\f1ee";} .ion-ios7-undo-outline:before{content:"\f1ed";} .ion-ios7-unlocked:before{content:"\f1f0";} .ion-ios7-unlocked-outline:before{content:"\f1ef";} .ion-ios7-upload:before{content:"\f1f2";} .ion-ios7-upload-outline:before{content:"\f1f1";} .ion-ios7-videocam:before{content:"\f1f4";} .ion-ios7-videocam-outline:before{content:"\f1f3";} .ion-ios7-volume-high:before{content:"\f1f5";} .ion-ios7-volume-low:before{content:"\f1f6";} .ion-ios7-wineglass:before{content:"\f294";} .ion-ios7-wineglass-outline:before{content:"\f293";} .ion-ios7-world:before{content:"\f1f8";} .ion-ios7-world-outline:before{content:"\f1f7";} .ion-ipad:before{content:"\f1f9";} .ion-iphone:before{content:"\f1fa";} .ion-ipod:before{content:"\f1fb";} .ion-jet:before{content:"\f295";} .ion-key:before{content:"\f296";} .ion-knife:before{content:"\f297";} .ion-laptop:before{content:"\f1fc";} .ion-leaf:before{content:"\f1fd";} .ion-levels:before{content:"\f298";} .ion-lightbulb:before{content:"\f299";} .ion-link:before{content:"\f1fe";} .ion-load-a:before, .ion-loading-a:before{content:"\f29a";} .ion-load-b:before, .ion-loading-b:before{content:"\f29b";} .ion-load-c:before, .ion-loading-c:before{content:"\f29c";} .ion-load-d:before, .ion-loading-d:before{content:"\f29d";} .ion-location:before{content:"\f1ff";} .ion-locked:before{content:"\f200";} .ion-log-in:before{content:"\f29e";} .ion-log-out:before{content:"\f29f";} .ion-loop:before, .ion-looping:before{content:"\f201";} .ion-magnet:before{content:"\f2a0";} .ion-male:before{content:"\f2a1";} .ion-man:before{content:"\f202";} .ion-map:before{content:"\f203";} .ion-medkit:before{content:"\f2a2";} .ion-mic-a:before{content:"\f204";} .ion-mic-b:before{content:"\f205";} .ion-mic-c:before{content:"\f206";} .ion-minus:before{content:"\f209";} .ion-minus-circled:before{content:"\f207";} .ion-minus-round:before{content:"\f208";} .ion-monitor:before{content:"\f20a";} .ion-more:before{content:"\f20b";} .ion-music-note:before{content:"\f20c";} .ion-navicon:before{content:"\f20e";} .ion-navicon-round:before{content:"\f20d";} .ion-navigate:before{content:"\f2a3";} .ion-nuclear:before{content:"\f2a4";} .ion-paperclip:before{content:"\f20f";} .ion-pause:before{content:"\f210";} .ion-person:before{content:"\f213";} .ion-person-add:before{content:"\f211";} .ion-person-stalker:before{content:"\f212";} .ion-pie-graph:before{content:"\f2a5";} .ion-pin:before{content:"\f2a6";} .ion-pinpoint:before{content:"\f2a7";} .ion-pizza:before{content:"\f2a8";} .ion-plane:before{content:"\f214";} .ion-play:before{content:"\f215";} .ion-plus:before{content:"\f218";} .ion-plus-circled:before{content:"\f216";} .ion-plus-round:before{content:"\f217";} .ion-pound:before{content:"\f219";} .ion-power:before{content:"\f2a9";} .ion-pricetag:before{content:"\f2aa";} .ion-pricetags:before{content:"\f2ab";} .ion-printer:before{content:"\f21a";} .ion-radio-waves:before{content:"\f2ac";} .ion-record:before{content:"\f21b";} .ion-refresh:before, .ion-refreshing:before{content:"\f21c";} .ion-reply:before{content:"\f21e";} .ion-reply-all:before{content:"\f21d";} .ion-search:before{content:"\f21f";} .ion-settings:before{content:"\f2ad";} .ion-share:before{content:"\f220";} .ion-shuffle:before{content:"\f221";} .ion-skip-backward:before{content:"\f222";} .ion-skip-forward:before{content:"\f223";} .ion-social-android:before{content:"\f225";} .ion-social-android-outline:before{content:"\f224";} .ion-social-apple:before{content:"\f227";} .ion-social-apple-outline:before{content:"\f226";} .ion-social-bitcoin:before{content:"\f2af";} .ion-social-bitcoin-outline:before{content:"\f2ae";} .ion-social-buffer:before{content:"\f229";} .ion-social-buffer-outline:before{content:"\f228";} .ion-social-designernews:before{content:"\f22b";} .ion-social-designernews-outline:before{content:"\f22a";} .ion-social-dribbble:before{content:"\f22d";} .ion-social-dribbble-outline:before{content:"\f22c";} .ion-social-dropbox:before{content:"\f22f";} .ion-social-dropbox-outline:before{content:"\f22e";} .ion-social-facebook:before{content:"\f231";} .ion-social-facebook-outline:before{content:"\f230";} .ion-social-github:before{content:"\f233";} .ion-social-github-outline:before{content:"\f232";} .ion-social-googleplus:before{content:"\f235";} .ion-social-googleplus-outline:before{content:"\f234";} .ion-social-hackernews:before{content:"\f237";} .ion-social-hackernews-outline:before{content:"\f236";} .ion-social-linkedin:before{content:"\f239";} .ion-social-linkedin-outline:before{content:"\f238";} .ion-social-pinterest:before{content:"\f2b1";} .ion-social-pinterest-outline:before{content:"\f2b0";} .ion-social-reddit:before{content:"\f23b";} .ion-social-reddit-outline:before{content:"\f23a";} .ion-social-rss:before{content:"\f23d";} .ion-social-rss-outline:before{content:"\f23c";} .ion-social-skype:before{content:"\f23f";} .ion-social-skype-outline:before{content:"\f23e";} .ion-social-tumblr:before{content:"\f241";} .ion-social-tumblr-outline:before{content:"\f240";} .ion-social-twitter:before{content:"\f243";} .ion-social-twitter-outline:before{content:"\f242";} .ion-social-vimeo:before{content:"\f245";} .ion-social-vimeo-outline:before{content:"\f244";} .ion-social-windows:before{content:"\f247";} .ion-social-windows-outline:before{content:"\f246";} .ion-social-wordpress:before{content:"\f249";} .ion-social-wordpress-outline:before{content:"\f248";} .ion-social-yahoo:before{content:"\f24b";} .ion-social-yahoo-outline:before{content:"\f24a";} .ion-social-youtube:before{content:"\f24d";} .ion-social-youtube-outline:before{content:"\f24c";} .ion-speakerphone:before{content:"\f2b2";} .ion-speedometer:before{content:"\f2b3";} .ion-spoon:before{content:"\f2b4";} .ion-star:before{content:"\f24e";} .ion-stats-bars:before{content:"\f2b5";} .ion-stop:before{content:"\f24f";} .ion-thermometer:before{content:"\f2b6";} .ion-thumbsdown:before{content:"\f250";} .ion-thumbsup:before{content:"\f251";} .ion-trash-a:before{content:"\f252";} .ion-trash-b:before{content:"\f253";} .ion-umbrella:before{content:"\f2b7";} .ion-unlocked:before{content:"\f254";} .ion-upload:before{content:"\f255";} .ion-usb:before{content:"\f2b8";} .ion-videocamera:before{content:"\f256";} .ion-volume-high:before{content:"\f257";} .ion-volume-low:before{content:"\f258";} .ion-volume-medium:before{content:"\f259";} .ion-volume-mute:before{content:"\f25a";} .ion-waterdrop:before{content:"\f25b";} .ion-wifi:before{content:"\f25c";} .ion-wineglass:before{content:"\f2b9";} .ion-woman:before{content:"\f25d";} .ion-wrench:before{content:"\f2ba";} /*Sprites*/ .sprites, .stylist-radio .custom-radio, .stylist-checkbox .custom-radio, .extra-img .owl-next, .extra-img .owl-prev, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .advanced-search .ad-options li a:before, .advanced-search .ad-options li a:hover:before, .advanced-search .ad-options li a.act:before, .dmd-search-result .selectmetal li a:hover span:before, .dmd-search-result .selectmetal li a.active span:before, .dmd-search-result .selectmetal li a span:before, .common-hd1::before, .common-hd1::after, .dmd-info-box:before { background:url(../images/sprites.png) no-repeat left top;} .sp-logob1{background-position:-70px -84px;width:76px;height:53px;} .sp-logob2{background-position:0px -312px;width:170px;height:63px;} .sp-reset {background-position:-155px -103px;width:15px;height:14px;} .sp-dowload {background-position:-156px -117px;width:14px;height:12px;} .sp-carticon {background-position:-147px -129px;width:23px;height:21px;} .sp-list {background-position:-147px -84px;width:23px;height:18px;} .sp-diamond {background-position:-107px -137px;width:20px;height:15px;} .sp-ring {background-position:-127px -137px;width:20px;height:19px;} .sp-pcheckout {background-position:0px -375px;width:149px;height:40px;} .sp-client {background-position:-134px -158px;width:35px;height:30px;} .sp-star0{ background-position:-70px 0px;width:87px;height:14px;} .sp-star1{ background-position:-70px -14px;width:87px;height:14px;} .sp-star2{ background-position:-70px -28px;width:87px;height:14px;} .sp-star3{ background-position:-70px -42px;width:87px;height:14px;} .sp-star4{ background-position:-70px -56px;width:87px;height:14px;} .sp-star5{ background-position:-70px -70px;width:87px;height:14px;} .sp-compare1{background-position:right -12px;width:12px;height:12px;} .sp-compare1act{background-position:right top;width:12px;height:12px;} .sp-compare2{background-position:-70px -137px;width:15px;height:15px;} .sp-compare2act{background-position:-85px -137px;width:15px;height:15px;} .sp-checkbox {background-position:-160px -34px;width:10px;height:10px;} .sp-checkboxact {background-position:-160px -24px;width:10px;height:10px;} .sp-edit {background-position:-4px -2px;width:63px;height:77px;} .sp-changepw {background-position:0px -83px;width:69px;height:67px;} .sp-addbook {background-position:-2px -155px;width:65px;height:62px;} .sp-order {background-position:-4px -223px;width:65px;height:64px;} .sp-wishlist {background-position:-72px -236px;width:66px;height:56px;} .sp-gia {background-position:right -296px;width:13px;height:16px;} .sp-dlist {background-position:-3px -312px;width:65px;height:65px;} /*Font Family*/ /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 18, 2017 */ @font-face {font-family: 'lato'; src: url('../fonts/lato-light-webfont.eot'); src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-light-webfont.woff2') format('woff2'), url('../fonts/lato-light-webfont.woff') format('woff'), url('../fonts/lato-light-webfont.ttf') format('truetype'), url('../fonts/lato-light-webfont.svg#latolight') format('svg'); font-weight: 300; font-style: normal; } @font-face {font-family: 'lato'; src: url('../fonts/lato-regular-webfont.eot'); src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-regular-webfont.woff2') format('woff2'), url('../fonts/lato-regular-webfont.woff') format('woff'), url('../fonts/lato-regular-webfont.ttf') format('truetype'), url('../fonts/lato-regular-webfont.svg#latoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face {font-family: 'lato'; src: url('../fonts/lato-bold-webfont.eot'); src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-bold-webfont.woff2') format('woff2'), url('../fonts/lato-bold-webfont.woff') format('woff'), url('../fonts/lato-bold-webfont.ttf') format('truetype'), url('../fonts/lato-bold-webfont.svg#latobold') format('svg'); font-weight: bold; font-style: normal; } @font-face {font-family: 'lato'; src: url('../fonts/lato-italic-webfont.eot'); src: url('../fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-italic-webfont.woff2') format('woff2'), url('../fonts/lato-italic-webfont.woff') format('woff'), url('../fonts/lato-italic-webfont.ttf') format('truetype'), url('../fonts/lato-italic-webfont.svg#latoitalic') format('svg'); font-weight: normal; font-style: italic; } @font-face {font-family: 'lato'; src: url('../fonts/lato-black-webfont.eot'); src: url('../fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-black-webfont.woff2') format('woff2'), url('../fonts/lato-black-webfont.woff') format('woff'), url('../fonts/lato-black-webfont.ttf') format('truetype'), url('../fonts/lato-black-webfont.svg#latoblack') format('svg'); font-weight:900; font-style: normal; } .listing-left .hd a, .dtl-right .dtlbtn, .dmd-step li{font-weight:300;} .category-pr .name, .collection-pr .colledet .name{font-weight:bold;} .listing-hd h1, .listing-left .hd, .cat-bnnaer h1, .dmd-hd h1, .common-hd h1{font-weight:bold;} ::-moz-selection{background-color:#266a77;color:#ffffff;} ::selection{background-color:#266a77;color:#ffffff;} html, body{height:100%;width:100%;} body{font-size:14px;color:#000;font-family: 'lato'; font-weight:normal; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} *,body,form,p,ul, h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}img{border:0px;max-width:100%;height: auto;}ul{list-style:none;}:focus{outline:none;}.clear{clear:both;} p{line-height:18px;}.f11{font-size:11px;}.f14{font-size:14px;} a{text-decoration:none;font-weight:normal;color:#000;outline:none;cursor:pointer !important;} a:hover{text-decoration:underline;color:#266a77;} a.link1{color:#114853;text-decoration:underline;} a.link1:hover{text-decoration:none;} h1,h2,h3,h4,h5,h6{font-weight:normal;} h1{font-size:24px;} h2{font-size:24px;color:#333333;} h3{font-size:20px;} h4{font-size:18px;} h5{font-size:15px;color:#010101;text-transform:uppercase;} h6{font-size:14px;color:#010101;text-transform:uppercase;} .p5{padding:5px;}.pt5{padding-top:5px;}.pl5{padding-left:5px;}.pr5{padding-right:5px;}.pb5{padding-bottom:5px;} .p10{padding:10px;}.pt10{padding-top:10px;}.pl10{padding-left:10px;}.pr10{padding-right:10px;}.pb10{padding-bottom:10px;} .p15{padding:15px;}.pt15{padding-top:15px;}.pl15{padding-left:15px;}.pr15{padding-right:15px;}.pb15{padding-bottom:15px;} .p20{padding:20px;}.pt20{padding-top:20px;}.pl20{padding-left:20px;}.pr20{padding-right:20px;}.pb20{padding-bottom:20px;} .m5{margin:5px;}.mt5{margin-top:5px;}.ml5{margin-left:5px;}.mr5{margin-right:5px;}.mb5{margin-bottom:5px;} .m10{margin:10px;}.mt10{margin-top:10px;}.ml10{margin-left:10px;}.mr10{margin-right:10px;}.mb10{margin-bottom:10px;} .m15{margin:15px;}.mt15{margin-top:15px;}.ml15{margin-left:15px;}.mr15{margin-right:15px;}.mb15{margin-bottom:15px;} .m20{margin:20px;}.mt20{margin-top:20px;}.ml20{margin-left:20px;}.mr20{margin-right:20px;}.mb20{margin-bottom:20px;} .left{float:left;}.right{float:right;}.por{position:relative;}.f-fix{float:left;width:100%;} .border{border:1px solid #D7D7D7;}.noborder{border:0px !important;}.xline{border-bottom:1px solid #D7D7D7;}.yline{border-left:1px solid #D7D7D7;} .taj{text-align:justify;}.tac{text-align:center;}.tar{text-align:right;}.tal{text-align:left;} .vam{vertical-align:middle;} .vat{vertical-align:top;} .vab{vertical-align:bottom;}.ttu{ text-transform:uppercase; } .input, .select{margin:0px;padding:8px 10px;width:100%;color:#000;border:1px solid #979797;font-size:14px;-webkit-border-radius:3px;-moz-border-radius:3px; border-radius:3px;} .input:focus, .texbox .input:focus{border:1px solid #65a3b1;} textarea{resize:none;}.errmsg{color:#f2604b;} .price{font-size:18px;} footer .copy-right {margin-top:10px;} @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Chrome */select.input{ /*height:32px;*/ height:35px; -webkit-appearance: none; background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center; -webkit-background-size: 8px 10px; background-size: 8px 10px;} /* Safari only override */::i-block-chrome,select.input{height:27px !important;line-height:23px !important;}} /* CSS3------------------------------*/ *, html, body, #sb-site, .sb-slidebar, .sizing, *:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} html.sb-anim-type-translate .sb-slide, html.sb-anim-type-side .sb-slide, .transition{-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;} /*placeholder*/ ::-webkit-input-placeholder{color:#ffffff;}:-moz-placeholder{color:#ffffff;}::-moz-placeholder{color:#ffffff;}:-ms-input-placeholder{color:#ffffff;} .inputcolor::-webkit-input-placeholder{color:#000;}.inputcolor:-moz-placeholder{color:#000;}.inputcolor::-moz-placeholder{color:#000;} .inputcolor:-ms-input-placeholder{color:#000;} /* select */ .select-auto{float:left;position:relative;} .select-auto .sbHolder{float:left;padding:0 44px 0 10px;position:inherit;} .select-auto .sbSelector{position:inherit;width:auto;} .select-auto .sbOptions{min-width:200px;top:33px !important;} .sbHolder{background-color:#ffffff;border:1px solid #a7a7a7;position:relative;height:36px;font-size:12px;} .sbSelector{line-height:35px;position:absolute;text-indent:10px;width:100%;color:#525252;} .sbToggle{display:block;height:34px;outline:none;position:absolute;right:0;top:0;width:34px;z-index:1;} .sbToggle:before {border-top:5px solid #114853;border-right:5px solid transparent;border-left:5px solid transparent;content:"";display:inline-block;left:50%;position:absolute;margin-left:-5px;top:50%;margin-top:-2px;} .sbOptions{background-color:#fefefe;border:1px solid #c8c8c8;border-bottom:0px;left:0px;position:absolute;z-index:100;overflow-y:auto;width:100%;} .sbOptions a{display:block;padding:7px 10px;color:#525252;border-bottom:1px solid #c8c8c8;} a.sbSelector, .sbOptions a:focus, .sbOptions a.sbFocus{color:#525252;text-decoration:none;} .sbOptions a:hover{color:#65a3b1; text-decoration:underline;} /*Breadcrumb */ .breadcrumb{background:#fff;padding:15px 0;font-size:13px; border-bottom:none!important;} .breadcrumb span{color:#266a77;display:inline-block;padding:0 10px;} /* MIDELS SECTION START----------------------------*/ header, footer, .midelsection{width:100%;float:left;} /*common hd*/ .common-hd{padding:20px 0 15px;margin-bottom:10px;display:inline-block;width:100%;border-top:2px solid #F1F0F0;} .common-hd h1{font-size:30px;text-transform:uppercase} /*common hd1*/ .common-hd1{position:relative;color:#000;font-size:22px; letter-spacing:0.5px; font-weight:900;text-transform:uppercase;padding:14px 0px;display:inline-block;} /*category-product*/ .category-pr{display:block;margin:15px;text-align:center;} .category-pr a:hover .name span{color:#266a77;} .category-pr span{display:block; background-color:#fff;} .category-pr .name{padding:10px 0;color:#5a5a5a; width:100%; display:table;font-size:17px; position:relative;line-height:24px; } .category-pr .name span { display:table-cell; vertical-align:middle; background:none; padding-top:10px;} .category-pr .name:before{top:15px;} .category-pr .name:after {bottom:15px;} /*.category-pr span.thumb{min-height:270px;}*/ .category-pr .dowlink{display:block; min-height:44px;} @media only screen and (min-width:767px) and (max-width:991px){.category-pr .dowlink{min-height:81px;}} .category-pr:hover a{text-decoration:none;} /*home product*/ .homeprbg{padding:20px 0px 18px;position:relative;} .homepr{text-align:center;margin:13px;} .homepr a {text-decoration:none;} .homepr:hover .name{color:#266a77;text-decoration:underline;} .homepr .thumb{display:block;min-height:165px;padding:5px 5px 0; padding-bottom:20px;} .homepr .name{color:#5a5a5a;font-size:16px;font-weight:500;text-align:center;width:100%;min-height:42px;background:none;padding:0;margin-bottom:0px;text-transform:capitalize; padding:0px 10px; line-height:20px;} .homepr .price{color:#e08f22;font-size:20px;font-weight:500;text-align:center;width:100%;min-height:35px;} .homepr .new_price{color:#e08f22;font-size:18px;font-weight:500;text-align:center;width:100%;min-height:35px;} .homepr .starimg{text-align:center;width:100%;min-height:32px;margin-bottom:10px;} .homepr span{display:block;} .homepr a .prd-sku{color:#5a5a5a; font-size:17px; font-weight:bold;} .homepr a .prd-price{color:#3b788a; font-size:20px; font-weight:bold; display:block; padding-top:15px;} /*collection product*/ .collection-prbg:before {position:absolute;content:"";width:100%;height:34px;bottom:0px;background:url(../images/homeprbg-after.png) no-repeat top center;} .collection-prbg {position:relative;background:url(../images/collection-prbg.jpg) no-repeat;padding:20px 0;width:100%;background-attachment:fixed;background-size:cover;background-repeat:repeat;} .collection-pr-width{width:100%;float:left;} .collection-pr-width .collection-pr {float:none;width:100%;padding:15px;} .collection-pr {float:left;width:50%;padding:15px;} .collection-pr .inner{box-shadow:0px 0px 5px 2px #ccd2d4;background:#f3f4f5;min-height:197px;} .collection-pr .inner img{line-height:0px;display:block;} .collection-pr .inner a {text-decoration:none;} .collection-pr .thumb{float:left;width:35%;} .collection-pr .colledet{text-align:center;color:#266a77;padding:5% 5% 5% 40%;} .collection-pr .name {font-size:33px;text-transform:uppercase;position:relative;padding:10px 0;} .collection-pr .name:before {position:absolute;content:"";width:50%;height:1px;width:195px;bottom:0px;background:#266a77;left:50%;margin-left:-97px;} .collection-pr:hover .name:before {width:250px;margin-left:-125px;} .collection-pr .description {font-size:16px;margin-top:15px;} .collection-pr .name:before, .collection-pr:hover .name:before{-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;} /*stylist radio*/ .stylist-radio{ position:relative;padding-left:19px;display:inline-block;} .stylist-radio .custom-radio{width:12px;height:12px;display:inline-block;position:absolute;z-index:1;top:3px;left:0px;background-position:-158px -56px;} .stylist-radio .custom-radio.selected{ background-position:-158px -44px;} .stylist-radio .custom-radio input[type="radio"]{margin:0;position:absolute;z-index:2;cursor:pointer;outline:none;opacity:0;_noFocusLine:expression(this.hideFocus=true);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;} /*stylist checkbox*/ .stylist-checkbox{ position:relative;padding-left:19px;display:inline-block;} .stylist-checkbox .custom-radio{width:15px;height:15px;display:inline-block;position:absolute;z-index:1;top:2px;left:0px;background-position:-155px -347px;} .stylist-checkbox .custom-radio.selected{ background-position:-155px -322px;} .stylist-checkbox .custom-radio input[type="checkbox"]{margin:0;position:absolute;z-index:2;cursor:pointer;outline:none;opacity:0;_noFocusLine:expression(this.hideFocus=true);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;} .stylish-checkbox{position:relative;} .stylish-checkbox input{opacity:0; width:20px; height:20px; left:0px; position:absolute; z-index:99;} /* Change as per 'sbj.com cosmetic changes' mail point on 22-02-2019 Start */ .stylish-checkbox label{padding-left:28px; font-size:11px;text-decoration:underline;} /* Change as per 'sbj.com cosmetic changes' mail point on 22-02-2019 End */ .stylish-checkbox label:before{border-radius: 4px; width: 20px; left:0px; height: 20px; border: solid 1px #979797; content:""; position:absolute; top:0px;} .stylish-checkbox input[type="checkbox"]:checked + label:before,.stylish-checkbox input[type="checkbox"]:focus:checked + label:before{content: "\f121"; font-family: "Ionicons"; background:#557b89; color:#fff; border-color:#557b89; text-align:center; line-height:18px; font-size:14px;} .wshcatalign{text-align:right;}/*Add as per 'Fwd: FW: SBJ.com Wishlist Edit 002 - 07/01/21' mail point as on 02-07-2021*/ /*All border*/ .allborder {background:#fff;border:0px;width:100%;border-collapse:0px;border-spacing:0px;} .tableheader td, .tableheader th {color:#313131;padding:8px;font-size:14px; border-bottom:1px solid #979797;} .lightbg td {padding:8px;vertical-align:top;border-bottom:1px solid #979797;} .darkbg td {padding:8px;vertical-align:top;border-bottom:1px solid #979797;background-color:#F1F1E5;color:#333;} /* BUTTON----------------------------*/ /*checkout*/ a.checkout{display:/*inline-*/block;font-weight:300;padding:13px 28px;background:#4c8a05;color:#FFFFFF;font-size:16px;text-transform:uppercase;position:relative;z-index:1;border:1px solid #4c8a05;white-space:nowrap;text-align:center; font-weight:600;} a.checkout span {z-index:-1;background:#000;bottom:0;display:block;left:0;position:absolute;right:100%;top:0;} a.checkout:hover span {bottom:0;left:0;right:0;top:0;} a.checkout:hover{text-decoration:none;border:1px solid #4c8a05;color:#fff;} a.checkout i{ font-size:18px; vertical-align:middle} a .bcsc{background:#266a77;width:30px;height:30px;display:inline-block;text-align:center;line-height:29px; margin-left:-10px; border-radius:3px;} a .bcsc:hover{background-color:#b7ccd0;} a i.bcsc{color:#fff !important;} /*viewbtn*/ a.viewbtn{display:inline-block;font-weight:300;padding:13px 28px;background:#266a77;color:#FFFFFF;font-size:20px;text-transform:uppercase;position:relative;z-index:1;} a.viewbtn span {background:#000;bottom:0;display:block;left:0;position:absolute;right:100%;top:0;z-index:-1;} a.viewbtn:hover span {bottom:0;left:0;right:0;top:0;} a.viewbtn:hover{text-decoration:none;} a.viewbtn:hover, a.viewbtn:hover span, a.viewbtn span, a.checkout:hover, a.checkout:hover span, a.checkout span{-webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;-o-transition:all 0.8s ease 0s;transition:all 0.8s ease 0s;} /*comment btn*/ a.btn {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius: 5px;letter-spacing: 0.8px;color:#000;background-color:#fff;border:1px solid #000;text-transform:uppercase;font-size:16px;padding:12px 15px;display:inline-block;line-height:normal;text-align:center;text-decoration:none;} /* Add as per 'sbj.com cosmetic changes' mail point on 25-02-2019 Start */ a.shpdwd {color:#7D7D7D; border:1px solid #7D7D7D;} /* Add as per 'sbj.com cosmetic changes' mail point on 25-02-2019 End */ a.btn span.arrow-r:before{display:none; border-bottom:5px solid transparent;border-left:5px solid #266a77;border-top:5px solid transparent;content:"";right:0px;position:absolute;top:50%;margin-top:-5px;} a.btn span.arrow-r{ position:relative;/*padding-right:13px;*/} a.btn span.arrow-l{ position:relative;/*padding-left:13px;*/} a.btn span.arrow-l:before{border-bottom:5px solid transparent;border-right:5px solid #266a77;border-top:5px solid transparent;content:"";display:none;left:0px;position:absolute;top:50%;margin-top:-5px;} a.btn-block {display:block;} a.btn:hover{text-decoration:none;background-color:#000;border:1px solid #000;color:#fff;} a.btn:hover span.arrow-r:before{border-left:5px solid #fff;} a.btn:hover span.arrow-l:before {border-right:5px solid #fff;} a.btn1 {color:#fff;border:1px solid #000;background-color:#000;} a.btn1 span.arrow-r:before{border-left:5px solid #fff;} a.btn1 span.arrow-l:before{border-right:5px solid #fff;} a.btn1:hover{background-color:#fff;color:#000;} a.btn1:hover span.arrow-r:before{border-left:5px solid #266a77;} a.btn1:hover span.arrow-l:before {border-right:5px solid #266a77;} a.btn2{line-height:24px;background-color:#253b4d;border:1px solid #354a5a;font-size:14px;color:#fff;padding:0px 25px;letter-spacing:1px;} a.btn2:hover{background-color:#fff;color:#253b4d;} a.btn3{line-height:27px;background-color:#253b4d;border:1px solid #253b4d;padding:0px 20px;letter-spacing:normal;} @media(max-width:767px){ a.btn{font-size:14px;} } /*collection page css start*/ .cat-bnnaer {background:url(../images/catbanner.jpg) repeat top center;} .cat-page .category-pr {margin:15px 5px;} .cat-bnnaer h1 {font-size:48px;color:#fff/*114853*/;text-transform:uppercase;margin-top:11%;} .cat-bnnaer .text { color:#fff; font-size:12px; font-weight:600;} .cat-bnnaer .btn { background-color:transparent; color:#fff; border:1px solid #fff;} .collection-page .collection-pr {padding:15px 6px;width:100%;} /*collection page css End*/ /*hadding box*/ .boxhd {background-color:#d3ebf1;padding:7px 10px;border-bottom:solid 1px #CCC;text-transform:uppercase;} .boxinner{padding:10px;} /*all amount tables*/ .amount-table .allborder{border-spacing:0px; font-size:14px;} .amount-table td{vertical-align:middle;border-bottom:0px;} .amount-table .total td, .amount-table .total, .total span{font-size:30px; font-weight:600;} .amount-table b{ font-size:14px;} .total span {color:#3b788a;} .amount-table .f20{font-size:20px;font-weight:600;} @media (max-width:1199px){.amount-table .f20{font-size:18px;}.amount-table .total td, .amount-table .total, .total span{font-size:27px;}} @media (max-width:991px){.amount-table .f20{font-size:16px;}.amount-table .total td, .amount-table .total, .total span{font-size:24px;}} @media (max-width:767x){.amount-table .f20{font-size:15px;}.amount-table .total td, .amount-table .total, .total span{font-size:21px;}} @media screen and (max-width: 767px) {.amount-table td{text-align:left;width:50%;}} /* HEADER */ /*.topsection{background:#e1f7fe;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZjdmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iI2UxZjdmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZmQ3ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top, #e1f7fe 0%, #e1f7fe 29%, #9fd7e4 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1f7fe), color-stop(29%,#e1f7fe), color-stop(100%,#9fd7e4));background:-webkit-linear-gradient(top, #e1f7fe 0%,#e1f7fe 29%,#9fd7e4 100%);background:-o-linear-gradient(top, #e1f7fe 0%,#e1f7fe 29%,#9fd7e4 100%);background:-ms-linear-gradient(top, #e1f7fe 0%,#e1f7fe 29%,#9fd7e4 100%);background:linear-gradient(to bottom, #e1f7fe 0%,#e1f7fe 29%,#9fd7e4 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1f7fe', endColorstr='#9fd7e4',GradientType=0 );color:#fff;}*/ .topsection{background:#fff;color:#fff; padding:10px 0;} .toplink{background:#F7EFE8; padding:7px 0;} .toplink ul{margin:0px;padding:0px;float:left;width:100%;} .toplink ul li{line-height:23px;} .toplink ul li.right i{display:none;} .toplink ul li .f1{color:#000;font-size:14px;display:block;padding:5px 13px;text-align:center;} .toplink ul li.right .f1{text-transform:uppercase; font-weight:bold;} .toplink ul li .f1 i{font-size:17px;} .toplink ul li .f1 span{padding-left:7px;} .toplink ul li:hover .f1{text-decoration:none;color:#65a3b1;} .toplink ul li:hover font.f1{text-decoration:none;color:#fff;} .search-box{display:block;padding-top:11px; position:relative;} .search-box .input{color:#000;border:1px solid #979797;height:38px;padding:10px; font-size:17px; font-family: 'lato';} .search-box .button{display:block;line-height:38px;color:#000;font-size:26px; position:absolute; right:6px;} .search-box .button, .search-box .input{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .topsection .logo {max-width:310px; width:100%; margin:3px 0 0 0;} @media only screen and (min-width:20px) and (max-width:991px){ .toplink ul li a.f1 span{display:none;}.search-box{ padding-top:0px;} .search-box .text-box{padding:0px 0 0 47px;} .toplink ul li.right i{display:inline-block; font-size:20px;} } @media only screen and (min-width:20px) and (max-width:767px){.toplink ul li{width:14.28571428571429%;border-left:0px solid #94bfc9 !important;} .toplink ul li:first-child{border-left:0px !important;}.toplink ul li .f1{padding-left:0px;padding-right:0px;} .toplink ul li.left, .toplink ul li.right{border:0px;}.search-box{ padding-top:0px;}} @media(max-width:991px){ .search-box .button.toggle-left{right:0px; left:0px; width: 41px; height: 38px; color:#fff; background: #114853; text-align:center;} .search-box .button.toggle-left i{font-size: 38px;} } @media(max-width:767px){ .topsection .logo{width: 70%;} } /*cart box*/ .cart_box{float:left;color:#3d3d3d;width:315px;border:1px solid #114853;border-top-width:3px; background-color:#fff;position:absolute;right:0px;z-index:1;display:none;} .cart_box:after{ content:""; position:absolute; z-index:1; width:0; height:0; border-style:solid; border-width:0 7px 7px 7px; border-color:transparent transparent #114853 transparent; top:-10px; right:11%;} .cart_box .sidebar{float:left;width:100%;max-height:222px;overflow-x:hidden;overflow-y:auto;} .cart_box .sidebar .pr{padding:8px;border-bottom:1px solid #dcdada;line-height:18px;} .cart_box .sidebar .dt{padding-left:100px;} .cart_box .amount{background-color:#114853;padding:7px;color:#fff;min-height:51px;} a.cartactive{/*background-color:#114853;*/} .cart_box a.btn{padding:10px; font-size:14px;} @media only screen and (min-width:20px) and (max-width:767px){.cart_box{width:290px;}} .home_event{background:#f1f0f0; padding:30px 0 0; margin-bottom:50px; margin-top:30px;} .home_event .event-box{padding-left:115px; position:relative; min-height:110px; margin:30px 0;} .home_event .event-box img{position:absolute; left:0px; top:5px;} .home_event .event-box h4{display:block; color:#004256; font-size:20px; font-weight:bold; padding-bottom:10px;} .home_event .event-box p{color:#120309; font-size:17px; padding-bottom:10px;} @media(max-width:1199px){ .home_event .event-box h4{font-size:20px;} .home_event .event-box p{font-size:16px; padding-bottom:5px; } } @media(max-width:991px){ .home_event{padding:30px 30px 0 30px;} } @media(max-width:767px){ .home_event {padding: 20px 20px 0 20px; } .home_event .event-box img{width:70px;} .home_event .event-box {padding-left:82px; margin:10px 0; min-height:90px;} .home_event .event-box h4{font-size:16px; padding-bottom:5px;} .home_event .event-box p{font-size:14px;} .home_event{margin-bottom:30px;} } @media(max-width:575px){ .home_event .col-xs-6{width:100%!important;} .home_event .event-box h4{font-size:17px;} } /* FOOTER */ footer .news a.gobtn, footer .news a.gobtn:hover, footer .social li a, footer .social li a:hover, a.gotop, a.gotop:hover, a .bcsc{-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;} footer .news a.gobtn, footer .social li a, a.gotop, a .bcsc{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} footer{ background-color:#f1f1f1;} footer a {color:#120309;font-weight:normal; font-size:15px;} footer .news{padding-bottom:9px;padding-top:3px;} footer .news a.gobtn{background:#266a77;color:#ffffff;font-size:18px;font-weight:bold;height:36px;line-height:36px;width:39px;float:right;} footer .news a.gobtn:hover{background:#b7ccd0;} footer .news span{font-size:16px;text-transform:uppercase;color:#266a77;line-height:34px;float:left;} footer .news input{padding:10px;} footer .news .inner {padding-left:111px;padding-right:42px;} footer .social{text-align:right;padding-top:2px;padding-right:30px;} @media screen and (max-width: 1199px) {footer .social{padding-right:50px;}} @media screen and (max-width: 991px) {footer .social{padding-right:0px;}} footer .social li{display:inline-block;margin-left:5px;} footer .social li a{background:#e8e8e8;border:1px solid #dbdbdb;width:35px;height:35px;color:#888;display:inline-block;text-align:center;} footer .social li a:hover{background:#266a77;color:#FFFFFF;border:1px solid #266a77;} footer .social li a i{font-size:22px;line-height:35px;} footer .coninfo .info ul{width:50%; float:left;} footer .coninfo h4{font-weight:bold; color:#004256; font-size:23px; padding:10px 0;} footer .coninfo ul li{text-align:left;line-height:26px; font-size:15px; color:#120309;} footer .coninfo ul li a{white-space:nowrap;} footer .blink{padding-top:15px;width:30%;float:left;font-size:13px;} footer .blink li{padding-bottom:10px;} footer .footerbg {background:#f1f0f0; padding:25px 0 50px;} footer .copy-right{border-top:1px solid #e1e3e3;font-size:13px;color:#266a77;padding:15px 0 10px 0;} footer .securelogo{margin-top:27px;} footer a.blinkhd{display:none;} @media only screen and (min-width:20px) and (max-width:991px){footer .blink{padding-bottom:7px;}} @media only screen and (min-width:20px) and (max-width:767px){footer .news{padding-bottom:0px;padding-top:0px;}footer .social{text-align:center;}footer .securelogo{margin-top:0px;}} @media only screen and (min-width:20px) and (max-width:439px){footer .news span{width:100%;line-height:none;text-align:center;}footer .news .inner{padding-left:0px;}} @media only screen and (min-width:20px) and (max-width:479px){ footer a.blinkhd{display:block;margin-top:1px;padding:10px;color:#fff;background-color:#266a77;text-decoration:none;font-size:14px;text-transform:uppercase;} footer .blink {width:100%;padding:0px 10px;} footer .footerbg{padding-bottom:30px;} footer .securelogo{padding-top:10px;} footer a.blinkhd i{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;} footer a.blink1-active i{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}} /*GO TOP LINK*/ a.gotop{width:46px;height:46px;background-color:#266a77;position:fixed;bottom:2em;right:2em;display:none;z-index:5;} a.gotop:before{border-bottom:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent;content:"";display:inline-none;left:50%;position:absolute;top:50%;margin:-3px 0px 0px -5px;} a.gotop:hover{background-color:#b7ccd0;} a.gotop:hover:before{border-bottom:5px solid #fff !important;} .item-code{text-transform: uppercase;} .top-center-msg {border-top: 1px solid #d6d6d6; float: left; width: 100%; margin: 0px; font-weight: bold;padding: 10px 0px ; color: #468847; text-align: center;} @media(max-width:1199px){footer .blink{width:38%;}} @media (min-width: 992px){/*.top-center-msg {border-top:0px; padding:0px;position:absolute;left:50%;top:50%;-webkit-transform: translate3d(-15%,-50%,0);transform:translate3d(-15%,-50%,0); width: auto;}*/.top-center-msg {border-top:0px; padding:0px;position:absolute;top:50%;}} @media(max-width:991px){footer .blink{width:50%;}} @media(max-width:767px){footer .blink{width:100%; padding-bottom:0px;}footer .coninfo .info ul{width:100%;}} @media(max-width:479px){footer .blink{width:50%; margin-top:10px;}#blink1-inner .blink:last-child{padding-top:0px;} footer .col-xs-6{width:100%!important;}} /* For Registration Page Description and Links */ .reg_details { font-size: 14px; } /*Add as per 'Fwd: FW: (SBJ.com): Registration Page Updates' mail point on 18-05-2020 Start*/ .dtls { font-size: 16px; } /*Add as per 'Fwd: FW: (SBJ.com): Registration Page Updates' mail point on 18-05-2020 End*/ .reg_input { color:#000000; } .form-group{margin-bottom:15px;} .form-group .col-form-label{ font-size:15px; color:#000;padding-bottom:5px;display:inline-block; } .required-input .col-form-label{ position:relative;padding-right:10px;} .required-input .col-form-label:before{content:'*';position:absolute;right:0px;top:5px;color:#fa451c;} a.tdu_link{text-decoration:underline;} a.tdu_link:hover{ text-decoration:none;} /*Add as per 'Fwd: FW: (SBJ.com): Registration Page Updates' mail point on 18-05-2020 Start*/ .cust-radio {display: inline-block; margin-right: 10px; } .cust-radio input[type=radio] { height: 15px; width: 15px; vertical-align: top; } /*Add as per 'Fwd: FW: (SBJ.com): Registration Page Updates' mail point on 18-05-2020 End*/ @media(min-width:992px){ .tac_lg{ text-align:center;} } /*Add as per 'Fwd: FW: (SBJ.com): Registration Page Updates' mail point on 18-05-2020 Start*/ .reg_right_form{ width:80%; display:inline-block; text-align:left; float: right; } /*.reg_right_form{ width:75.1%; display:inline-block; text-align:left;}*/ /*Add as per 'Fwd: FW: (SBJ.com): Registration Page Updates' mail point on 18-05-2020 End*/ .fild_sat{ display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: center;align-content: stretch; padding-bottom:10px;} /*Add as per 'Fwd: FW: (SBJ.com): Registration Page Updates' mail point on 18-05-2020 Start*/ .fild_sat>label{float:left; width:310px; padding-right:20px; font-weight:bold; text-align:right;} /*.fild_sat>label{float:left; width:200px; padding-right:20px; font-weight:bold; text-align:right;}*/ /*.fild_sat>label{float:left; width:132px; padding-right:10px; font-weight:bold; text-align:right;}*/ .flname-div {} .flname-div .fname-div .fild_sat>label { width:295px; } /*.flname-div .fname-div .fild_sat>label { width:190px; }*/ .flname-div .lname-div { padding-left: 0; } .flname-div .lname-div .fild_sat>label { width:110px; } .flname-div .lname-div .fild_sat.reg-2>.inner { width: calc(100% - 100px); } .fild_sat>.inner{width: calc(100% - 0px);} /*.fild_sat>.inner{width: calc(100% - 85px);}*/ .fild_sat.reg-2>.inner{width: calc(100% - 148px);} .reg_right_form h3{padding-left:15px;} #myaccount1 .reg_right_form{ width:80%;} /*#myaccount1 .reg_right_form{ width:98%;}*/ #myaccount1 .fild_sat>label{width:310px;} #myaccount1 #bought .fild_sat.csfild_sat>label{width:225px;} #myaccount1 .fild_sat>.inner{width: calc(100% - 0px);} #myaccount1 .fild_sat.reg-2>.inner{width: calc(100% - 160px);} #myaccount1 .cs-add-div .country-div .fild_sat>label { width:285px; } #myaccount1 .cs-add-div .state-div { padding-left: 0; } #myaccount1 .cs-add-div .state-div .fild_sat>label { width:150px; } #myaccount1 .cs-add-div .state-div .fild_sat.reg-2>.inner { width: calc(100% - 100px); } #myaccount1 .cs-add-div .country-div select.input, #myaccount1 .cs-add-div .state-div select.input { padding: 8px 30px 8px 10px; } #myaccount1 .tz-add-div .town-div .fild_sat>label { width: 270px; } #myaccount1 .tz-add-div .town-div .fild_sat.reg-2>.inner { width: calc(100% - 155px); } #myaccount1 .tz-add-div .zip-div { padding-left: 0; } #myaccount1 .tz-add-div .zip-div .fild_sat>label { width:90px; } #myaccount1 .tz-add-div .zip-div .fild_sat.reg-2>.inner { width: calc(100% - 90px); } @media(max-width:1199px){ .reg_right_form {width: 100%;} #myaccount1 .reg_right_form { width: 100%; } } @media(max-width:991px){ .fild_sat.reg-2>.inner{width: calc(100% - 0px);} /*.fild_sat.reg-2>.inner{width: calc(100% - 90px);}*/ .flname-div .fname-div .fild_sat>label { width: 310px; } /*.flname-div .fname-div .fild_sat>label { width: 200px; }*/ .flname-div .lname-div { padding-left: 10px; } .flname-div .lname-div .fild_sat>label { width: 310px; } /*.flname-div .lname-div .fild_sat>label { width: 200px; }*/ .flname-div .lname-div .fild_sat.reg-2>.inner { width: calc(100% - 0px); } /*.flname-div .lname-div .fild_sat.reg-2>.inner { width: calc(100% - 90px); }*/ .reg_right_form h3{padding-left:0px;} #myaccount1 .fild_sat.reg-2>.inner{width: calc(100% - 0px);} #myaccount1 .cs-add-div .country-div .fild_sat>label { width:310px; } #myaccount1 .cs-add-div .state-div { padding-left: 10px; } #myaccount1 .cs-add-div .state-div .fild_sat>label { width:310px; } #myaccount1 .cs-add-div .state-div .fild_sat.reg-2>.inner { width: calc(100% - 0px); } #myaccount1 .tz-add-div .town-div .fild_sat>label { width:310px; } #myaccount1 .tz-add-div .town-div .fild_sat.reg-2>.inner { width: calc(100% - 0px); } #myaccount1 .tz-add-div .zip-div { padding-left: 10px; } #myaccount1 .tz-add-div .zip-div .fild_sat>label { width:310px; } #myaccount1 .tz-add-div .zip-div .fild_sat.reg-2>.inner { width: calc(100% - 0px); } } @media(max-width:479px){ .reg_right_form, #myaccount1 .reg_right_form{ width:100%;} .fild_sat>label{ display:none; } .fild_sat>.inner{ width:100%; } .fild_sat.reg-2>.inner, #myaccount1 .fild_sat.reg-2>.inner{ width:100%;} .flname-div .lname-div .fild_sat.reg-2>.inner { width: 100%; } } /*Add as per 'Fwd: FW: (SBJ.com): Registration Page Updates' mail point on 18-05-2020 End*/ .top-surcharge{background:#3b788a;padding:7px 0;} .top-surcharge .surcharge-color{color:#FFFFFF; font-family: 'lato'; font-size:13px; text-align:right;} @media(max-width:1024px){ .top-surcharge .surcharge-color{font-size:12px; text-align:center;} } /*Added as per Fwd: FW: SBJ.com Customer STATUS mail point as on 11-09-2019 Start*/ /*Hide as per Fwd: FW: SBJ.com Customer List - 1 more change! mail point as on 19-09-2019 Start*/ /*.step_box ul li{line-height:1.5em;}*/ /*Hide as per Fwd: FW: SBJ.com Customer List - 1 more change! mail point as on 19-09-2019 End*/ /*Added as per Fwd: FW: SBJ.com Customer STATUS mail point as on 11-09-2019 End*/ .brdnone{border:none !important;} /*covid popup*/ .modal-covid#myModalCovid{left: auto;right: 25px;top: auto;bottom: 25px;max-width: 385px;overflow: hidden;text-align: center;-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3);-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.3); box-shadow: 0 1px 4px rgba(0,0,0,0.3);background-color:#ffffff;} .modal-covid#myModalCovid .modal-dialog .pophd .close i{margin-top:0px;} .modal-covid#myModalCovid .modal-dialog{width:100%;margin:0px;transform:none;} .modal-covid#myModalCovid .modal-content{padding:25px;} .modal-covid#myModalCovid .modal-body p{font-size:16px;line-height:24px;} .modal-covid#myModalCovid .modal-body p a{text-decoration:underline;font-weight:bold;} .modal-covid#myModalCovid .modal-dialog .pophd .close i:hover{color:#000000;} @media (max-width:767px){ .modal-covid#myModalCovid .modal-body p{font-size:14px;line-height:20px;} .modal-covid#myModalCovid{max-width:290px;right:15px;} .modal-covid#myModalCovid .modal-content{padding:20px 15px;} } .midelsection { min-height: 65vh; }#sb-site { width: 100%; min-height: 100%; position: relative; overflow: hidden; background-color: #fff; min-height: inherit !important; -webkit-box-shadow: 0.1rem 0 1.4rem rgba(0, 0, 0, 0.8); -moz-box-shadow: 0.1rem 0 1.4rem rgba(0, 0, 0, 0.8); box-shadow: 0.1rem 0 1.4rem rgba(0, 0, 0, 0.8); } .sb-slidebar { display: none; width: 270px; height: 100%; overflow-y: auto; /*bottom:0px;*/ position: fixed; top: 0; z-index: 0; visibility: hidden; background-color: #ffffff; } html.sb-android .sb-slidebar { height: auto; position: absolute; } .sb-left { left: 0; } .sb-right { right: 0; } html.sb-active-left .sb-left, html.sb-active-right .sb-right { visibility: visible; } html.sb-anim-type-translate .sb-slide, html.sb-anim-type-side .sb-slide { } /*Mega Menu Start*/ .menu-move { background-color: #fff; position: relative; border-bottom: solid 1px #f1f0f0; } .menu { width: 100%; display: table; } .menu li { display: table-cell; } .menu li a.nav1 { color: #000; display: block; font-size: 17px; font-weight: bold; text-transform: uppercase; padding: 10px 0; text-align: center; letter-spacing: 0.5px; position: relative; white-space: nowrap; } .menu-close { display: none; } @media only screen and (min-width: 990px) and (max-width: 1199px) { .menu li a.nav1 { font-size: 15px; } } .menu li:hover a.nav1:before, .menu li.active a.nav1:before { content: ""; position: absolute; left: 0px; bottom: -4px; width: 0%; border-bottom: 5px solid #000; z-index: 3; width: 100%; } .menu li:hover a.nav1:after, .menu li.active a.nav1:after { border-bottom: 6px solid #000; border-right: 6px solid transparent; border-left: 6px solid transparent; content: ""; display: inline-block; left: 50%; position: absolute; bottom: 0px; margin-left: -6px; } @media only screen and (min-width: 20px) and (max-width: 991px) { .menu li:hover a.nav1:before, .menu li.active a.nav1:before, .menu li:hover a.nav1:after, .menu li.active a.nav1:after { display: none; } } .menu li:hover a.nav1 { text-decoration: none; } .menu li span.click, .menu li span.click:before { display: none; } .closemenu { width: 30px; height: 30px; background-color: #a52023; -webkit-border-radius: 100px; position: absolute; left: 50%; margin-left: -15px; bottom: -17px; -moz-border-radius: 100px; border-radius: 100px; } .closemenu:before { border-bottom: 5px solid #fff; border-right: 5px solid transparent; border-left: 5px solid transparent; content: ""; display: inline-block; left: 36%; position: absolute; top: 7px; } @media only screen and (min-width: 20px) and (max-width: 991px) { .closemenu:before, .closemenu { display: none; } } .menu li.active .innermenu { visibility: visible; } .innermenu { position: absolute; left: 0px; top: 41px; z-index: 2; width: 100%; background-color: #fff; overflow: hidden; -webkit-box-shadow: 0px 6px 4px -1px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 6px 4px -1px rgba(0, 0, 0, 0.14); box-shadow: 0px 6px 4px -1px rgba(0, 0, 0, 0.14); visibility: hidden; } @media only screen and (min-width: 20px) and (max-width: 991px) { .innermenu { padding: 0px; border: 0px; position: relative; top: auto; left: auto; float: left; width: 100%; border-bottom: 1px solid #173439; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none; } .menu li.active .innermenu { display: block; } } .menubox { float: left; width: 100%; overflow: hidden; padding-bottom: 15px; padding-top: 20px; } .menubox .box6 { float: left; padding: 0px 15px 0px 15px; margin: 10px 0px; border-right: 1px solid #eae8e8; width: 16.66%; } .menubox .box6:last-child { border-right: 0px; } .menubox .box6 ul li { display: block; } .menubox .box6 ul li a { font-size: 14px; padding: 2px 0px 2px 10px; display: inline-block; position: relative; } .menubox .box6 ul li a:before { content: ""; position: absolute; left: 0px; top: 7px; background: url(../images/linkarw.png) no-repeat left top; width: 4px; height: 7px; } .menubox .box6 .hd { text-transform: uppercase; padding-bottom: 5px; font-weight: 600; } .menubox .box6 .hd a { text-transform: uppercase; padding-bottom: 5px; font-weight: 600; text-decoration: none; font-size: 14px; } .menubox .box1 { float: left; padding: 0px 5px 0px 5px; margin: 5px 0px; width: 100%; } .menubox .box1:last-child { border-right: 0px; } .menubox .box1 ul li { display: block; } .menubox .box1 ul li a { font-size: 11px; padding: 2px 0px 2px 10px; display: inline-block; position: relative; } .menubox .box1 ul li a:before { content: ""; position: absolute; left: 0px; top: 7px; background: url(../images/linkarw.png) no-repeat left top; width: 4px; height: 7px; } .menubox .box1 .hd { text-transform: uppercase; padding-bottom: 5px; font-weight: 600; } .menubox .box1 .hd a { text-transform: none; padding-bottom: 5px; font-weight: 600; text-decoration: none; color: #120309; font-size: 15px; } @media only screen and (min-width: 990px) and (max-width: 1199px) { .menubox .box6 { padding: 0px 10px 0px 10px; margin: 5px 0px; } } @media only screen and (min-width: 20px) and (max-width: 991px) { .heightmenu { height: auto !important; } .menubox { padding-bottom: 5px; padding-top: 5px; } .menubox .box6 { padding: 0px 10px 0px 10px; margin: 5px 0px; border-right: 0px; width: 100%; } } .menubox .viewmore { color: #a52023; font-weight: 600; font-size: 12px; } /*Collection menu*/ .collection-menu { padding: 15px 10px; } .leftmenu { float: left; width: 200px; } .leftmenu li { display: block; padding-bottom: 1px; } .leftmenu li a.nav2 { padding: 10px; display: block; background-color: #eefbff; font-weight: 600; } .leftmenu li:hover a.nav2, .leftmenu li.active a.nav2 { background-color: #266a77; color: #fff; text-decoration: none; position: relative; } .leftmenu li:hover a.nav2:before, .leftmenu li.active a.nav2:before { border-bottom: 7px solid transparent; border-left: 7px solid #266a77; border-top: 7px solid transparent; content: ""; display: inline-block; right: -7px; position: absolute; top: 50%; margin-top: -7px; } .menu li .leftmenu li span.click { background-color: #65a3b1; width: 40px; height: 37px; } .leftmenu li.active .inner-right-mob { display: block; } .inner-right { float: right; width: 950px; } .inner-right .menubox { padding: 0px 0px; } .inner-right .menubox .box6 { margin: 0px; } @media only screen and (min-width: 990px) and (max-width: 1199px) { .leftmenu { width: 180px; } .inner-right { width: 740px; } } @media only screen and (min-width: 20px) and (max-width: 991px) { .collection-menu { padding: 0px; } .leftmenu { width: 100%; } .inner-right { display: none !important; } } .inner-right-mob { display: none; } /*Collection menu End*/ /*Gemstone menu*/ .gemstone-menu { width: 520px; padding: 10px; right: 0px; left: auto; } .gemstone-menu ul { display: block; float: left; width: 100%; } .gemstone-menu ul li { display: block; float: left; width: 165px; } .gemstone-menu ul li a { padding: 5px; min-height: 32px; display: block; font-size: 14px; } .gemstone-menu ul li a img { float: left; } .gemstone-menu ul li a span { padding-left: 26px; padding-top: 2px; text-align: left; display: block; } @media only screen and (min-width: 20px) and (max-width: 991px) { .gemstone-menu { padding: 5px; width: 100%; } .gemstone-menu ul li { width: 100%; } .gemstone-menu ul li a { display: inline-block; font-size: 14px; } } /*Gemstone menu End*/ /* Diamonds Menu */ .diamonds-menu { padding: 20px 0px; } .diamonds-menu .centermenu, .diamonds-menu .cornar { float: left; padding-left: 20px; padding-right: 20px; width: 25%; } .diamonds-menu .centermenu { width: 50%; } .diamonds-menu .hd { text-transform: uppercase; font-size: 16px; color: #173439; padding-bottom: 10px; float: left; width: 100%; } .diamonds-menu .listshap { width: 49%; } .diamonds-menu .listshap li { display: block; padding: 3px 0px; } .diamonds-menu .listshap li a { display: inline-block; text-transform: capitalize; } .diamonds-menu .left-list { display: block; } .diamonds-menu .left-list li { display: block; padding: 2px 0px; } .diamonds-menu .left-list li a { display: inline-block; color: #266a77; font-size: 12px; font-weight: 400; text-transform: uppercase; } .diamonds-menu .centermenu .hd { background-color: #65a3b1; color: #fff; padding: 10px; text-align: center; } .diamonds-menu .create { width: 50%; padding: 10px; margin-top: 20px; position: relative; } .diamonds-menu .create a { display: block; } .diamonds-menu .create span.left { width: 50%; padding-top: 5px; text-align: center; height: 85px; display: table; } .diamonds-menu .create span.name { text-transform: uppercase; font-size: 16px; color: #173439; display: table-cell; vertical-align: middle; } .diamonds-menu .create { border-right: 1px solid #eae8e8; } .diamonds-menu .create:before { border-top: 11px solid #65a3b1; border-right: 11px solid transparent; border-left: 11px solid transparent; content: ""; display: inline-block; left: 50%; position: absolute; top: -20px; } @media only screen and (min-width: 991px) and (max-width: 1920px) { .diamonds-menu .heightmenu { border-right: 1px solid #eae8e8; } } @media only screen and (min-width: 991px) and (max-width: 1199px) { .diamonds-menu .create span.name { font-size: 13px; } } @media only screen and (min-width: 20px) and (max-width: 991px) { .diamonds-menu { padding: 0px 0px 10px 0px; } .diamonds-menu .centermenu, .diamonds-menu .cornar { width: 100%; padding: 10px 10px 0px 10px; } .diamonds-menu .create span.left { height: inherit; width: 100%; } .diamonds-menu .create span.name { font-size: 14px; } .diamonds-menu .create { margin: 10px 0px; } .diamonds-menu .centermenu { border-bottom: 1px solid #eae8e8; } .diamonds-menu .create::before { top: -10px; } } /* Diamonds Menu End */ /*css3*/ .menu li span.click:before, .menu li:hover a.nav1:before, .menu li a.nav1:before { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .menu li.active .leftmenu li span.click::before, .menu li span.click:before { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .menu li.active .leftmenu li.active span.click::before, .menu li.active span.click:before { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media screen and (min-width: 992px) { .menubox1 .heightmenu { min-height: 190px; } } @media screen and (min-width: 1200px) { .menubox1 .heightmenu { min-height: 142px; } } .menubox2 .heightmenu { } .diamonds-menu .heightmenu { } .menubox3 .heightmenu { } header.sticky { position: fixed; top: 0; right: 0; left: 0; z-index: 9; } header.sticky .topsection .pt10 { padding: 0 10px; } header.sticky .topsection { padding: 0; } header.sticky .topsection .head-inner { display: none; } @media only screen and (min-width: 20px) and (max-width: 991px) { .sb-slidebar { display: block; } #sb-site { padding: 0px; } .menu-move { display: none; } .menumobile .container { padding: 0px; width: 100%; } .menu { display: block; padding-bottom: 10px; } .menu li { display: block; position: relative; float: left; width: 100%; } .menu li.hd { padding: 20px 16px; background-color: #3b788a; color: #ffffff; font-weight: bold; border-bottom: 1px solid #dddddd; } .menu li a.nav1 { font-size: 14px; padding: 20px 10px; text-align: left; border-bottom: 1px solid #dddddd; } .menu li:hover a.nav1:before, .menu li:hover a.nav1:after { display: none; } .menu li span.click { display: block; position: absolute; text-align: center; color: #f6892a; height: 40px; right: 10px; top: 3px; width: 40px; cursor: pointer; z-index: 2; background-color: transparent; } .menu li span.click:before { /*border-bottom:5px solid transparent;border-left:5px solid #fff;border-top:5px solid transparent;*/ content: ""; display: inline-block; position: absolute; top: 50%; left: 50%; margin-left: -2px; margin-top: -4px; border: solid #000; border-width: 0 1px 1px 0; display: inline-block; padding: 5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .menu-close { position: absolute; top: 17px; right: 15px; left: auto; z-index: 9; display: block; } .menu-close a { opacity: 1; color: #fff; } .topsection .head-inner { padding: 0; } header.sticky img.logo { display: none; } header.sticky .topsection .head-inner { display: inherit; padding: 0; } header.sticky .topsection { padding: 10px 0; } } .m_f_color { color: #256a77 !important; } .menu li.m_f_color a.nav1 { color: #256a77 !important; } .menu li.m_f_color:hover a.nav1:before, .menu li.m_f_color.active a.nav1:before { border-bottom: 5px solid #256a77 !important; } .menu li.m_f_color:hover a.nav1:after, .menu li.m_f_color.active a.nav1:after { border-bottom: 6px solid #256a77 !important; } @media screen and (max-width: 1199px) { .collection-pr .name { font-size:28px; padding:0px 0px 7px;} .collection-pr .thumb { width:30%;} .collection-pr .colledet { padding:3% 3% 3% 33%;} .collection-pr .description { font-size:14px; margin-top:7px;} .collection-pr .inner { min-height:135px;} } @media screen and (min-width: 991px) and (max-width: 1199px) { .cat-page .CatBox:nth-child(3n+1){ clear:both;} .cat-bnnaer h1 { font-size:34px; } } @media screen and (max-width: 991px) { .cart_box:after{right:5%;} .collection-pr-width .collection-pr { padding:5px;} .collection-pr-width .collection-pr .thumb { width:auto;} .collection-pr-width .collection-pr .inner { min-height:200px;} .collection-pr-width .collection-pr .colledet { padding:3% 3% 3% 33%;} .collection-pr-width .collection-pr .name {font-size:35px; text-transform:uppercase;position:relative; padding:10px 0;} .collection-pr-width .collection-pr .name:before {margin-left:-65px; width:130px;} .collection-pr-width .collection-pr:hover .name:before {width:150px; margin-left:-75px;} .collection-pr-width .collection-pr .description {font-size:16px; margin-top:15px;} .collection-pr .name:before {margin-left:-65px; width:130px;} .collection-pr:hover .name:before {width:150px; margin-left:-75px;} .collection-pr { padding:5px;} .collection-pr .name { font-size:22px; padding:0px 0px 5px;} .collection-pr .description { font-size:13px; margin-top:5px;} .collection-pr .inner { min-height:106px;} .collection-page .collection-pr {padding:10px 0px; width:100%;} .cat-bnnaer h1 {margin:15px 0px !important; font-size:20px;} } @media only screen and (min-width:320px) and (max-width:767px){ .cart_box:after{display:none;} ::-webkit-input-placeholder{color:#000;}:-moz-placeholder{color:#000;}::-moz-placeholder{color:#000;}:-ms-input-placeholder{color:#000;} .pd0 {padding: 0;} .common-hd1:before {left:-53px; top:27px; width:41px;} .common-hd1:after {right:-53px; top:27px; width:41px; background-position:-76px -304px;} .common-hd1 {font-size: 25px;} .collection-pr { width:100%;} .collection-pr .thumb { width:90px;} .collection-pr .colledet { padding:10px 10px 10px 100px; text-align:left;} .collection-pr .name { font-size:20px; padding:0px 0px 5px;} .collection-pr .description { font-size:12px; margin-top:5px;} .collection-pr .description br { display:none;} .collection-pr .inner { min-height:91px;} .collection-pr .name::before { left:0px; margin-left:0px;} .collection-pr:hover .name::before { margin-left:0px;} .collection-pr-width .collection-pr .thumb{width:90px;} .collection-pr-width .collection-pr .inner{min-height:91px;} .collection-pr-width .collection-pr .colledet{padding:10px 10px 10px 100px; text-align:left;} .collection-pr-width .collection-pr .name{font-size:20px; padding:0px 0px 5px;} .collection-pr-width .collection-pr .name:before{ margin-left:0px; left:0px;} .collection-pr-width .collection-pr:hover .name:before {margin-left:0px;} .collection-pr-width .collection-pr .description {font-size:12px; margin-top:5px;} /* all tables */ #tablemain {margin:0px auto;width:100%;} #tablemain table, #tablemain thead, #tablemain tbody, #tablemain th, #tablemain td, #tablemain tr { display:block;} #tablemain thead tr { position:absolute;top:-9999px;left:-9999px;} #tablemain tr { border:1px solid #dfdfdf;} #tablemain td { border:none;border-bottom:1px solid #eee;position:relative;text-align:left;padding-left:50% !important;} #tablemain td:before { position:absolute;top:6px;left:6px;width:45%;text-align:left;padding-right:10px;white-space:nowrap;font-weight:bold;} /*Order History data*/ .ord-history td:nth-of-type(1):before { content:"Order No.";} .ord-history td:nth-of-type(2):before { content:"Order Date";} .ord-history td:nth-of-type(3):before { content:"Sub Total";} .ord-history td:nth-of-type(4):before { content:"Total Amt.";} .ord-history td:nth-of-type(5):before { content:"Payment Status";} .ord-history td:nth-of-type(6):before { content:"Order Status";} .ord-history td:nth-of-type(7):before { content:"Action";} /*ord-det*/ .ord-det td:nth-of-type(1):before { content:"";} .ord-det td:nth-of-type(2):before { content:"";} .ord-det td:nth-of-type(3):before { content:"Unit Price";} .ord-det td:nth-of-type(4):before { content:"Quantity";} .ord-det td:nth-of-type(5):before { content:"Total Price";} .ord-det td:nth-of-type(6):before { content:"Unit Price";} #tablemain .ord-det tr td:first-child, #tablemain .ord-det tr td:first-child:before { padding-left:10px !important; text-align:center; border-bottom:0px;} #tablemain .ord-det tr td:nth-child(2), #tablemain .ord-det tr td:nth-child(2):before { padding-left:10px !important; text-align:center;} /*addbook*/ .addbook td:nth-of-type(1):before { content:"Select";} .addbook td:nth-of-type(2):before { content:"First Name";} .addbook td:nth-of-type(3):before { content:"Last Name";} .addbook td:nth-of-type(4):before { content:"Address";} .addbook td:nth-of-type(5):before { content:"Zip";} .addbook td:nth-of-type(6):before { content:"City / State / Country";} .addbook td:nth-of-type(7):before { content:"Action";} /*wish_category*/ .wish_category td:nth-of-type(1):before { content:"Select";} .wish_category td:nth-of-type(2):before { content:"Category Name";} .wish_category td:nth-of-type(3):before { content:"Description";} .wish_category td:nth-of-type(4):before { content:"Edit";} .wish_category td:nth-of-type(5):before { content:"View Products";} .flyers td:nth-of-type(1):before { content:"Title";} .flyers td:nth-of-type(2):before { content:"Description";} .flyers td:nth-of-type(3):before { content:"Action";} /*wish_add*/ .wish_add td:nth-of-type(1):before { content:"Select";} .wish_add td:nth-of-type(2):before { content:"Category Name";} .wish_add td:nth-of-type(3):before { content:"Description";} .wish_add td:nth-of-type(4):before { content:"Edit";} .wish_add td:nth-of-type(5):before { content:"View Products";} /*wish_product*/ .wish_product td:nth-of-type(1):before { content:"Select";} .wish_product td:nth-of-type(2):before { content:"Image";} .wish_product td:nth-of-type(3):before { content:"Description";} .wish_product td:nth-of-type(4):before { content:"Stock";} .wish_product td:nth-of-type(5):before { content:"Price";} /*trade-show*/ .trade-show td:nth-of-type(1):before { content:"Tradeshow Title";} .trade-show td:nth-of-type(2):before { content:"Booth No.";} .trade-show td:nth-of-type(3):before { content:"Tradeshow Detail";} .trade-show td:nth-of-type(4):before { content:"Date";} .trade-show td:nth-of-type(5):before { content:"Address";} .trade-show td:nth-of-type(6):before { content:"Contact Number";} .static .static-tbl{border:solid 1px #a7a7a7; overflow:auto;} } @media screen and (max-width: 439px) {.common-hd1 {font-size: 20px;} } div.msg_error { margin-left: 10px; width: auto; display: block; color: #FF0000;white-space:pre-wrap !important;} div.msg_success {margin-left: 10px; width: auto; display: block; color: #468847;white-space:pre-wrap !important;} div.font_18{font-size: 18px;} label.reg_error { margin-left: 0px; width: auto; display: inline; color: red; font-size:11px!important;text-transform:none;} .reg_error_ele_new { outline:1px solid red;} .reg_error_ele_checkout{ border:1px solid red !important;} .reg_error_ele{ border:1px solid red !important; } .step_box{ border:1px solid #808080; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; padding:20px;} .step_box h3 { color: #266a77; margin-bottom:10px;font-size:23px; font-weight:bold;} .step_box p{ margin-bottom:15px; font-size:14px;} .step_box p:last-child { margin-bottom:5px;} .step_box p b{ text-decoration:underline; font-weight:bold;} .step_box br { display: none;} /* Big box with list of options */ #ajax_listOfOptions{ position:absolute; /* Never change this one */ width:auto; /* Width of box */ height:200px; /* Height of box */ overflow:auto; /* Scrolling features */ border:1px solid #CFEEF6; /* Dark green border */ background-color:#FFF; /* White background color */ text-align:left; font-size:12px; z-index:300; margin-top:1px; min-width:166px; } #ajax_listOfOptions div{ /* General rule for both .optionDiv and .optionDivSelected */ margin:3px; padding:3px; cursor:pointer; font-size:12px; margin-top:5px; } #ajax_listOfOptions .optionDiv{ /* Div for each item in list */ } #ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */ background-color:#CFEEF6; color:#000000; margin-top:5px; } #ajax_listOfOptions_iframe{ background-color:#BED0DE; position:absolute; z-index:5; margin-top:5px; } /*.modal-dialog .pophd {background:#266a77; padding:8px 15px; width:100%; float:left; z-index:1; color:#FFFFFF; text-transform:capitalize;}*/ .modal-dialog .pophd {background:#F7EFE8; padding:8px 15px; width:100%; float:left; z-index:1; color:#000000; text-transform:capitalize;} .modal-open {overflow:hidden;} .modal {display:none; overflow:auto; overflow-y:scroll; position:fixed; top:0; right:0; bottom:0; left:0; z-index:1050; -webkit-overflow-scrolling:touch; outline:0;} .modal.fade .modal-dialog {-webkit-transform:translate(0, -25%); -ms-transform:translate(0, -25%); transform:translate(0, -25%); -webkit-transition:-webkit-transform 0.3s ease-out; -moz-transition:-moz-transform 0.3s ease-out; -o-transition:-o-transform 0.3s ease-out; transition:transform 0.3s ease-out;} .modal.in .modal-dialog {-webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0);} .modal-dialog {position:relative; width:auto; margin:10px;} .modal-content {position:relative; background-color:#ffffff; padding:15px; border-top:none;} .modal-backdrop {position:fixed; top:0; right:0; bottom:0; left:0; z-index:1040; background-color:#000000;} .modal-backdrop.fade {opacity:0; filter:alpha(opacity=0);} .modal-backdrop.in {opacity:0.5; filter:alpha(opacity=50);} .modal-header {min-height:16.42857143px;} /*.modal-dialog .pophd .close i {margin-top:6px; cursor:pointer; color:#FFFFFF;}*/ .modal-dialog .pophd .close i {margin-top:6px; cursor:pointer; color:#000000;} .modal-dialog .pophd .close i:hover {color:#bdd2d6;} .modal-title {margin:0; line-height:1.42857143;} .modal-body {position:relative;} .modal-body .model-right p{color:#6d6262; font-size:13px; padding:15px 0 36px 0;} @media (min-width:992px) {.modal-lg {width:900px;}} @media (min-width:768px) {.modal-dialog {width:850px; margin:30px auto;} .modal-sm {width:300px;} .modal-body .model-right{padding:0 0 0 20px; min-height:200px; border-left:1px solid #6d6262;}} button.close {padding: 0;cursor: pointer;background: 0 0;border: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;} .close:focus, .close:hover { color: #000;text-decoration: none; cursor: pointer;filter: alpha(opacity=50); opacity: .5;} .modal-header .close {margin-top: -2px;} .close {float: right;font-size: 21px;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: .2;} @media (min-width:769px) {.modal-md {width:500px;} } @media (max-width:768px) {.modal-md {width:320px;} }