@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

.make-row {margin-left:-15px;margin-right:-15px}

.row:before, .row:after {content:" ";display:table}

.row:after {clear:both}

.row {margin-left:-15px;margin-right:-15px}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}

.container {margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}

@media (min-width:768px){.container {width:100%}}

@media (min-width:990px){.container {width:100%}}

@media (min-width:1100px){.container {width:1030px}}

@media (min-width:1300px){

    .container {width:1272px}

    nav .menu .inner .container {width:1030px}

}

@media (min-width:1360px){.container {width:1332px}  nav .menu .inner .container {width:1030px}}

@media (min-width:1570px){.container {width:1542px}  nav .menu .inner .container {width:1030px}}

/*@media (min-width:1920px){.container {width:1892px}  nav .menu .inner .container {width:1030px}}*/

.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 {position:relative;min-height:1px;padding-left:15px;padding-right:15px}

.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.66666666666666%}

.col-xs-10 {width:83.33333333333334%}

.col-xs-9 {width:75%}

.col-xs-8 {width:66.66666666666666%}

.col-xs-7 {width:58.333333333333336%}

.col-xs-6 {width:50%}

.col-xs-5 {width:41.66666666666667%}

.col-xs-4 {width:33.33333333333333%}

.col-xs-3 {width:25%}

.col-xs-2 {width:16.666666666666664%}

.col-xs-1 {width:8.333333333333332%}

.col-xs-pull-12 {right:100%}

.col-xs-pull-11 {right:91.66666666666666%}

.col-xs-pull-10 {right:83.33333333333334%}

.col-xs-pull-9 {right:75%}

.col-xs-pull-8 {right:66.66666666666666%}

.col-xs-pull-7 {right:58.333333333333336%}

.col-xs-pull-6 {right:50%}

.col-xs-pull-5 {right:41.66666666666667%}

.col-xs-pull-4 {right:33.33333333333333%}

.col-xs-pull-3{right:25%}

.col-xs-pull-2{right:16.666666666666664%}

.col-xs-pull-1{right:8.333333333333332%}

.col-xs-pull-0{right:auto}

.col-xs-push-12{left:100%}

.col-xs-push-11{left:91.66666666666666%}

.col-xs-push-10{left:83.33333333333334%}

.col-xs-push-9{left:75%}

.col-xs-push-8{left:66.66666666666666%}

.col-xs-push-7{left:58.333333333333336%}

.col-xs-push-6{left:50%}

.col-xs-push-5{left:41.66666666666667%}

.col-xs-push-4{left:33.33333333333333%}

.col-xs-push-3{left:25%}

.col-xs-push-2{left:16.666666666666664%}

.col-xs-push-1{left:8.333333333333332%}

.col-xs-push-0{left:auto}

.col-xs-offset-12{margin-left:100%}

.col-xs-offset-11{margin-left:91.66666666666666%}

.col-xs-offset-10{margin-left:83.33333333333334%}

.col-xs-offset-9{margin-left:75%}

.col-xs-offset-8{margin-left:66.66666666666666%}

.col-xs-offset-7{margin-left:58.333333333333336%}

.col-xs-offset-6{margin-left:50%}

.col-xs-offset-5{margin-left:41.66666666666667%}

.col-xs-offset-4{margin-left:33.33333333333333%}

.col-xs-offset-3{margin-left:25%}

.col-xs-offset-2{margin-left:16.666666666666664%}

.col-xs-offset-1{margin-left:8.333333333333332%}

.col-xs-offset-0{margin-left:0}



@media (min-width:768px){.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.66666666666666%}

                         .col-sm-10{width:83.33333333333334%}

                         .col-sm-9{width:75%}

                         .col-sm-8{width:66.66666666666666%}

                         .col-sm-7{width:58.333333333333336%}

                         .col-sm-6{width:50%}

                         .col-sm-5{width:41.66666666666667%}

                         .col-sm-4{width:33.33333333333333%}

                         .col-sm-3{width:25%}

                         .col-sm-2{width:16.666666666666664%}

                         .col-sm-1{width:8.333333333333332%}

                         .col-sm-pull-12{right:100%}

                         .col-sm-pull-11{right:91.66666666666666%}

                         .col-sm-pull-10{right:83.33333333333334%}

                         .col-sm-pull-9{right:75%}

                         .col-sm-pull-8{right:66.66666666666666%}

                         .col-sm-pull-7{right:58.333333333333336%}

                         .col-sm-pull-6{right:50%}

                         .col-sm-pull-5{right:41.66666666666667%}

                         .col-sm-pull-4{right:33.33333333333333%}

                         .col-sm-pull-3{right:25%}

                         .col-sm-pull-2{right:16.666666666666664%}

                         .col-sm-pull-1{right:8.333333333333332%}

                         .col-sm-pull-0{right:auto}

                         .col-sm-push-12{left:100%}

                         .col-sm-push-11{left:91.66666666666666%}

                         .col-sm-push-10{left:83.33333333333334%}

                         .col-sm-push-9{left:75%}

                         .col-sm-push-8{left:66.66666666666666%}

                         .col-sm-push-7{left:58.333333333333336%}

                         .col-sm-push-6{left:50%}

                         .col-sm-push-5{left:41.66666666666667%}

                         .col-sm-push-4{left:33.33333333333333%}

                         .col-sm-push-3{left:25%}

                         .col-sm-push-2{left:16.666666666666664%}

                         .col-sm-push-1{left:8.333333333333332%}

                         .col-sm-push-0{left:auto}

                         .col-sm-offset-12{margin-left:100%}

                         .col-sm-offset-11{margin-left:91.66666666666666%}

                         .col-sm-offset-10{margin-left:83.33333333333334%}

                         .col-sm-offset-9{margin-left:75%}

                         .col-sm-offset-8{margin-left:66.66666666666666%}

                         .col-sm-offset-7{margin-left:58.333333333333336%}

                         .col-sm-offset-6{margin-left:50%}

                         .col-sm-offset-5{margin-left:41.66666666666667%}

                         .col-sm-offset-4{margin-left:33.33333333333333%}

                         .col-sm-offset-3{margin-left:25%}

                         .col-sm-offset-2{margin-left:16.666666666666664%}

                         .col-sm-offset-1{margin-left:8.333333333333332%}

                         .col-sm-offset-0{margin-left:0}}



@media (min-width:990px){.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.66666666666666%}

                         .col-md-10{width:83.33333333333334%}

                         .col-md-9{width:75%}

                         .col-md-8{width:66.66666666666666%}

                         .col-md-7{width:58.333333333333336%}

                         .col-md-6{width:50%}

                         .col-md-5{width:41.66666666666667%}

                         .col-md-4{width:33.33333333333333%}

                         .col-md-3{width:25%}

                         .col-md-2{width:16.666666666666664%}

                         .col-md-1{width:8.333333333333332%}

                         .col-md-pull-12{right:100%}

                         .col-md-pull-11{right:91.66666666666666%}

                         .col-md-pull-10{right:83.33333333333334%}

                         .col-md-pull-9{right:75%}

                         .col-md-pull-8{right:66.66666666666666%}

                         .col-md-pull-7{right:58.333333333333336%}

                         .col-md-pull-6{right:50%}

                         .col-md-pull-5{right:41.66666666666667%}

                         .col-md-pull-4{right:33.33333333333333%}

                         .col-md-pull-3{right:25%}

                         .col-md-pull-2{right:16.666666666666664%}

                         .col-md-pull-1{right:8.333333333333332%}

                         .col-md-pull-0{right:auto}

                         .col-md-push-12{left:100%}

                         .col-md-push-11{left:91.66666666666666%}

                         .col-md-push-10{left:83.33333333333334%}

                         .col-md-push-9{left:75%}

                         .col-md-push-8{left:66.66666666666666%}

                         .col-md-push-7{left:58.333333333333336%}

                         .col-md-push-6{left:50%}

                         .col-md-push-5{left:41.66666666666667%}

                         .col-md-push-4{left:33.33333333333333%}

                         .col-md-push-3{left:25%}

                         .col-md-push-2{left:16.666666666666664%}

                         .col-md-push-1{left:8.333333333333332%}

                         .col-md-push-0{left:auto}

                         .col-md-offset-12{margin-left:100%}

                         .col-md-offset-11{margin-left:91.66666666666666%}

                         .col-md-offset-10{margin-left:83.33333333333334%}

                         .col-md-offset-9{margin-left:75%}

                         .col-md-offset-8{margin-left:66.66666666666666%}

                         .col-md-offset-7{margin-left:58.333333333333336%}

                         .col-md-offset-6{margin-left:50%}

                         .col-md-offset-5{margin-left:41.66666666666667%}

                         .col-md-offset-4{margin-left:33.33333333333333%}

                         .col-md-offset-3{margin-left:25%}

                         .col-md-offset-2{margin-left:16.666666666666664%}

                         .col-md-offset-1{margin-left:8.333333333333332%}

                         .col-md-offset-0{margin-left:0}}



@media (min-width:1100px){.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.66666666666666%}

                          .col-lg-10{width:83.33333333333334%}

                          .col-lg-9{width:75%}

                          .col-lg-8{width:66.66666666666666%}

                          .col-lg-7{width:58.333333333333336%}

                          .col-lg-6{width:50%}

                          .col-lg-5{width:41.66666666666667%}

                          .col-lg-4{width:33.33333333333333%}

                          .col-lg-3{width:25%}

                          .col-lg-2{width:16.666666666666664%}

                          .col-lg-1{width:8.333333333333332%}

                          .col-lg-pull-12{right:100%}

                          .col-lg-pull-11{right:91.66666666666666%}

                          .col-lg-pull-10{right:83.33333333333334%}

                          .col-lg-pull-9{right:75%}

                          .col-lg-pull-8{right:66.66666666666666%}

                          .col-lg-pull-7{right:58.333333333333336%}

                          .col-lg-pull-6{right:50%}

                          .col-lg-pull-5{right:41.66666666666667%}

                          .col-lg-pull-4{right:33.33333333333333%}

                          .col-lg-pull-3{right:25%}

                          .col-lg-pull-2{right:16.666666666666664%}

                          .col-lg-pull-1{right:8.333333333333332%}

                          .col-lg-pull-0{right:auto}

                          .col-lg-push-12{left:100%}

                          .col-lg-push-11{left:91.66666666666666%}

                          .col-lg-push-10{left:83.33333333333334%}

                          .col-lg-push-9{left:75%}

                          .col-lg-push-8{left:66.66666666666666%}

                          .col-lg-push-7{left:58.333333333333336%}

                          .col-lg-push-6{left:50%}

                          .col-lg-push-5{left:41.66666666666667%}

                          .col-lg-push-4{left:33.33333333333333%}

                          .col-lg-push-3{left:25%}

                          .col-lg-push-2{left:16.666666666666664%}

                          .col-lg-push-1{left:8.333333333333332%}

                          .col-lg-push-0{left:auto}

                          .col-lg-offset-12{margin-left:100%}

                          .col-lg-offset-11{margin-left:91.66666666666666%}

                          .col-lg-offset-10{margin-left:83.33333333333334%}

                          .col-lg-offset-9{margin-left:75%}

                          .col-lg-offset-8{margin-left:66.66666666666666%}

                          .col-lg-offset-7{margin-left:58.333333333333336%}

                          .col-lg-offset-6{margin-left:50%}

                          .col-lg-offset-5{margin-left:41.66666666666667%}

                          .col-lg-offset-4{margin-left:33.33333333333333%}

                          .col-lg-offset-3{margin-left:25%}

                          .col-lg-offset-2{margin-left:16.666666666666664%}

                          .col-lg-offset-1{margin-left:8.333333333333332%}

                          .col-lg-offset-0{margin-left:0}
                        }


@media (min-width:1260px){
  .col-xl-6{width:50%;}
  .col-xl-6{position: relative; min-height: 1px;padding-left: 15px;padding-right: 15px;}
}





html{height:100%}

body{margin:0;font-weight:400;font-family: 'robotoregular';font-size:13px;padding:0;color:#4a4a4a;background:url(img/topbg.jpg) repeat-x top;}

.container{}

.newsprite { background: url(../images/newsprite.png) no-repeat; line-height: 0px; font-size: 1px; display: inline-block; *display:inline;

             vertical-align: middle; zoom: 1; }

html, body, form, ul, h1, h2, h3, h4, h5, h6, .noborder, form{margin:0;padding:0}

img{border:0;max-width:100%; vertical-align:top;}

ul{list-style:none;margin:0;padding:0}

:focus{outline:0}

* {margin:0; padding:0;}

a:link, a:visited, a:active{color:#000;text-decoration:none;font-weight:400;outline:0}

a:hover{color:#4f238d;text-decoration:none}

h1, h2, h3, h4, h5, h6{margin:0;padding:0;font-weight:400}

h1, h2, h3{font-family: 'robotoregular';font-size:32px;padding:0;margin:0;color:#4f238d; font-weight:400;}



h1{ font-size:32px; color:#4f238d;margin:10px 0px;/* padding-bottom:10px;*/}

h2{}

h3{font-size:20px;color:#4a4a4a;}

h4{font-size:18px;text-transform:uppercase}

h5{font-size:16px;text-transform:uppercase}

h6{font-size:14px;}

.title{text-align:center;}



.left{float:left}.right{float:right}.clear{clear:both}

.left1 {

    float: left

}



.right1 {

    float: right

}

.taj{text-align:justify}.tal{text-align:left}.tac{text-align:center}.tar{text-align:right}.vam{vertical-align:middle} .vat{vertical-align:top}

.textnone{text-transform:none}

.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.lowercasel{text-transform:lowercase}

.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inherit{position:inherit}

.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-table{display:table}.dtable{display:table}.dtcell{display:table-cell}

.border{border:1px solid #d5def8}.noborder{border:0 none;padding:0}.xline{border-bottom:1px solid #d5def8}.yline{border-left:1px solid #d5def8}

.fweight{font-weight:400}.lnormal{line-height:normal}



.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}

.pl25{padding-left:25px}.pt25{padding-top:25px}.pl25{padding-left:25px}.pr25{padding-right:25px}.pb25{padding-bottom:25px}

.mb15{margin-bottom:15px}



.box-shadow{width:100%;box-shadow:0px 0px 13px rgba(1,1,1,0.13);-moz-box-shadow:0px 0px 13px rgba(1,1,1,0.13);-webkit-box-shadow:0px 0px 13px rgba(1,1,1,0.13);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}



textarea { resize:none; width:100%;min-height: 80px;line-height: 1.2 !important;}

.control-label1 { text-align:left;}



.input,.select{border:1px solid #cdcdcd;box-sizing:border-box;margin:0; padding:7px 10px;width:100%; background:#fff; /* Old browsers */ border-radius:3px; font-size:14px; color:#000;  font-family: 'robotoregular';

}

.errmsg { color:#f20500;}



/* Buttons */

.ovalbutton {border-radius:6px; padding:6px 22px; font-size:15px; font-weight:700; color:#FFFFFF !important; margin-top:15px;

             background:#353535; /* Old browsers */

             background:-moz-linear-gradient(top,  #2e0665 0%, #4f238d 100%); /* FF3.6+ */

             background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e0665), color-stop(100%,#4f238d)); /* Chrome,Safari4+ */

             background:-webkit-linear-gradient(top,  #2e0665 0%,#4f238d 100%); /* Chrome10+,Safari5.1+ */

             background:-o-linear-gradient(top,  #2e0665 0%,#4f238d 100%); /* Opera 11.10+ */

             background:-ms-linear-gradient(top,  #2e0665 0%,#4f238d 100%); /* IE10+ */

             background:linear-gradient(top, bottom,  #2e0665 0%,#4f238d 100%); /* W3C */

             filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e0665', endColorstr='#4f238d',GradientType=0 ); /* IE6-8*/

}

.ovalbutton:hover{background:#353535; color:#FFFFFF;}

.control-label { margin:8px 0 8px 0; display:inline-block; text-align:right;

                 font-family: 'robotoregular'; font-size: 14px; color: #4c1f8c;}

.form-group input::-moz-placeholder, .form-group textarea::-moz-placeholder { /* opacity:0 !important; */ opacity:0.4 !important;}

.form-group .vdm input::-moz-placeholder, .form-group textarea::-moz-placeholder { opacity:1 !important;}

.static-page .contactform input::-moz-placeholder, .static-page .contactform  .form-group textarea::-moz-placeholder {opacity:1!important;}

.btnlight{border-radius:6px; padding:6px 22px; font-size:15px; font-weight:700; background:#8966b6; color:#FFFFFF !important;}

.btnlight:hover{background:#4f238d; color:#fff;}



a.backlink{font-size:14px; font-weight:700; color:#4f238d !important; text-decoration:underline; font-weight:normal;}

a.backlink img{ margin-top:2px;}

a.backlink:hover{color:#4f238d;}



.resetbtn{border-radius:6px; padding:6px 22px; font-size:15px; font-weight:700; background:#c43535; color:#FFFFFF !important;}

.resetbtn:hover{background:#4f238d; color:#fff;}



.checkoutbtn { border-radius:4px; padding:6px 62px; font-size:22px; font-weight:600; color:#FFFFFF !important;

               background: #2e0665; /* Old browsers */

               background: -moz-linear-gradient(top, #2e0665 60%, #4f238d 100%); /* FF3.6+ */

               background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#2e0665), color-stop(100%,#4f238d)); /* Chrome,Safari4+ */

               background: -webkit-linear-gradient(top, #2e0665 60%,#4f238d 100%); /* Chrome10+,Safari5.1+ */

               background: -o-linear-gradient(top, #2e0665 60%,#4f238d 100%); /* Opera 11.10+ */

               background: -ms-linear-gradient(top, #2e0665 60%,#4f238d 100%); /* IE10+ */

               background: linear-gradient(to bottom, #2e0665 60%,#4f238d 100%); /* W3C */

               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e0665', endColorstr='#4f238d',GradientType=0 ); /* IE6-9 */

}

.checkoutbtn:hover { background:#4b4b4b;}





.add-ca {  font-size:24px; float:right; color:#FFFFFF !important; text-align:center;padding:5px 24px; border-radius:5px; margin-top:4px; transition:all 0.5s ease; text-decoration:none; width:100%;

           background: #2e0665; /* Old browsers */

           background: -moz-linear-gradient(top, #2e0665 60%, #4f238d 100%); /* FF3.6+ */

           background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#2e0665), color-stop(100%,#4f238d)); /* Chrome,Safari4+ */

           background: -webkit-linear-gradient(top, #2e0665 60%,#4f238d 100%); /* Chrome10+,Safari5.1+ */

           background: -o-linear-gradient(top, #2e0665 60%,#4f238d 100%); /* Opera 11.10+ */

           background: -ms-linear-gradient(top, #2e0665 60%,#4f238d 100%); /* IE10+ */

           background: linear-gradient(to bottom, #2e0665 60%,#4f238d 100%); /* W3C */

           filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e0665', endColorstr='#4f238d',GradientType=0 ); /* IE6-9 */

}



.add-ca:hover { background:#4b4b4b; color:#FFFFFF;}



.blulink{ color:#4f238d}

a.blulink { text-decoration:underline; color:#4f238d;}

a.blulink:hover { text-decoration:none;}



.graybtn{border-radius:3px; padding:6px 10px; font-size:12px; font-weight:700; background:#ddd; color:#353535!important;}

.graybtn:hover{background:#4f238d; color:#fff!important;}



.purple{border-radius:3px; padding:6px 10px; font-size:12px; font-weight:700; background:#4f238d; color:#FFFFFF!important;}

.purple:hover{background:#353535; color:#fff!important;}



.chkbutn,a.chkbutn{border-radius:3px; padding:8px 15px; font-size:12px; font-weight:600; color:#fff;

                   background:#2e0665; /* Old browsers */

                   background:-moz-linear-gradient(top, #2e0665 60%, #4f238d 100%); /* FF3.6+ */

                   background:-webkit-gradient(linear, left top, left bottom, color-stop(60%,#2e0665), color-stop(100%,#4f238d)); /* Chrome,Safari4+ */

                   background:-webkit-linear-gradient(top, #2e0665 60%,#4f238d 100%); /* Chrome10+,Safari5.1+ */

                   background:-o-linear-gradient(top, #2e0665 60%,#4f238d 100%); /* Opera 11.10+ */

                   background:-ms-linear-gradient(top, #2e0665 60%,#4f238d 100%); /* IE10+ */

                   background:linear-gradient(to bottom, #2e0665 60%,#4f238d 100%); /* W3C */

                   filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e0665', endColorstr='#4f238d',GradientType=0 ); /* IE6-9 */

                   display:inline-block;}



.green { color:#0caf08; font-size:11px;}



a.small-btn{padding:5px 10px; font-size:12px;font-weight:600;border-radius:3px;background:#4f238d; color:#FFF!important; text-decoration:none!important;}

a.small-btn:hover{background:#353535;}



a.mini-btn{padding:2px 12px; margin:0px 2px;display:inline-block;font-size:11px;border-radius:3px;background:#4f238d;color:#fff; line-height:20px;}

a.mini-btn:hover{background:#353535;}



/* css grouping Start ***/



/* background ***/

/* light background */

.topcartdiv,.signdiv,.wishlistdiv,.visitdiv,

.boxstl-2{background:#fff}

.boxstl{background:#f1f1f1}

.border-box{background:#f5f5f5;}

.boxstl-2 .box-title{background:#4b4b4b;}



/* dark background */

.topsearchdiv:hover .search-icon,

.signdiv .chkbutn,.wishlistdiv .chkbutn,

.bottom-1{background:#4f238d}

.topcartdiv .chkbutn:hover,.signdiv .chkbutn:hover,.wishlistdiv .chkbutn:hover,

.newsletter .btn:hover,

a:hover.chkbutn{background:#353535}

.boxstl .box-title{background:#4b4b4b}

.sign-result-open{display:block!important;}



/* background ***/



/* color ***/

/* light color */

.top-header, .top-header a,

.topsearchdiv:hover .search-icon,

.topcartdiv .chkbutn,.signdiv .chkbutn,.wishlistdiv .chkbutn,

.topcartdiv .chkbutn:hover,.signdiv .chkbutn:hover,.wishlistdiv .chkbutn:hover,

.boxstl .box-title,.boxstl .box-title a,

.boxstl-2 .box-title,.boxstl-2 .box-title a,

.newsletter .btn,

.newsletter .btn:hover,

.bottom-1,.bottom-1 li a{color:#fff}

/* dark color */

body, .links a:hover,

.topsearchdiv input[type="text"],

.item, .item .prod-name a,

.boxstl .box-content,

.bottom-box .bottom-text,

.form-control,

.bsiteinfo

{color:#353535}

h4,h5,

.links a,

.sa_displayname,

.topcartdiv h4,.signdiv h4,.wishlistdiv h4,

h3.title,

.item .prod-name a:hover, .remove,

.boxstl-2 .box-content a,

.bottom-box .bottom-text a,

.blinks, .blinks a, .links a i, .prod-detail-tab li.help a{color:#4f238d}

.boxstl-2 .box-content{color:#464137}

.topcartdiv,.signdiv,.wishlistdiv,.visitdiv{color:#000}

/* color ***/



/* text style ***/

.top-header a:hover span,.top-header a:hover,

.links a:hover span,

.wishlistdiv a,

.item .prod-name a:hover,.remove,

#quicklinks a:hover,

.boxstl:hover .box-title a,

.boxstl-2 .box-content a:hover,

.bottom-1 li a:hover, .bottom-box .bottom-text a:hover, .blinks a:hover, .prod-detail-tab li.help a:hover{text-decoration:underline}

/* text style ***/

/* css grouping End ***/



/* back to top ***/

.back-to-top {position:fixed;bottom:70px; right:15px; text-decoration:none; color:#fff !important; z-index: 9999;

              background-color:#4f238d; font-size:12px; width:34px; height:34px; line-height:34px; text-align:center; display:none; border-radius:50%;}

.back-to-top:hover {background-color:rgba(84, 55, 122, 1);}	

/* back to top ***/



/* Slider css ***/

.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y;}

.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px);}

.owl-carousel .owl-wrapper:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}

.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%;}

.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;}

.owl-carousel .owl-item{float:left;}

.owl-controls .owl-page,

.owl-controls .owl-buttons div{cursor:pointer;}

.owl-controls {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

/* owl-carusel fix */

.owl-carousel  .owl-wrapper,

.owl-carousel  .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}

/* mouse grab icon */

.grabbing {cursor:move; }

.owl-item.loading{min-height:150px;background:url(../images/AjaxLoader.gif) no-repeat center center}

/* Slider css ***/



/* Select Dropdown ***/

.sbHolder{ text-align:left;background:#ffffff; /* Old browsers */

           background:-moz-linear-gradient(top, #2e0665  60%, #4f238d  100%); /* FF3.6+ */

           background:-webkit-gradient(linear, left top, left bottom, color-stop(60%,#2e0665), color-stop(100%,#4f238d)); /* Chrome,Safari4+ */

           background:-webkit-linear-gradient(top, #2e0665 60%,#4f238d 100%); /* Chrome10+,Safari5.1+ */

           background:-o-linear-gradient(top, #2e0665 60%,#4f238d 100%); /* Opera 11.10+ */

           background:-ms-linear-gradient(top, #2e0665 60%,#4f238d 100%); /* IE10+ */

           background:linear-gradient(to bottom, #2e0665 60%,#4f238d 100%); /* W3C */

           filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e0665', endColorstr='#4f238d',GradientType=0 ); /* IE6-9 */	

           border:1px solid #2e0665; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; position:relative;height:30px; }

.sbSelector{line-height:28px;position:absolute;text-indent:10px;width:100%;color:#fff !important;font-size:13px;}



.sbToggle{background:url(../images/selecticons.png) no-repeat;display:block;height:27px;outline:none;position:absolute;right:0;top:0;width:27px;}

.sbToggle:hover, .sbToggleOpen, .sbToggleOpen:hover{background:url(../images/selecticons.png) 0 -27px no-repeat;}

.sbOptions{background-color:#fefefe;border:1px solid rgba(0, 0, 0, 0.15);  border-radius:4px; border-bottom:0px;left:-1px;position:absolute;z-index:100;overflow-y:auto; width:100%; box-shadow:0 6px 12px rgba(0, 0, 0, 0.176);} 

.sbOptions li{ line-height:1.42857; }

.sbOptions a{display:block;padding:5px 10px; color:#353535; font-size:14px; border-bottom:1px solid #d0d0d0;}

.sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus{color:#4f238d;}

/* Select Dropdown ***/





/* gry drop down ***/

.gray-select .sbHolder{ text-align:left; background:#fff;  border-radius:2px; position:relative;height:40px; border:1px solid #cdcdcd; transition: all .3s ease-in-out;  -webkit-transition: all .3s ease-in-out;}

.gray-select .sbSelector{line-height:40px;position:absolute;text-indent:10px;width:100%;color:#333 !important;font-size:14px;overflow: hidden; padding-right: 35px; text-overflow:ellipsis; white-space: pre;}



.gray-select .sbToggle{color: #4f238d;background:url(img/selecticons1.png) no-repeat right bottom;display:block;height:36px;outline:none;position:absolute;right:4px;top:0;width:27px;}

.gray-select .sbToggle:hover, .sbToggleOpen, .sbToggleOpen:hover{background:url(img/selecticons1.png) no-repeat right bottom;}

.gray-select .sbOptions{background-color:#fefefe;border:1px solid #ebebeb;  border-radius:4px; border-bottom:0px;left:-1px;position:absolute;z-index:100;overflow-y:auto; width:100%; box-shadow:0 6px 12px rgba(0, 0, 0, 0.176); z-index:999999 !important;} 

.gray-select .sbOptions li{ line-height:1.42857; }

.gray-select .sbOptions a{display:block;padding:5px 10px; color:#353535; font-size:14px; border-bottom:1px solid #ebebeb;}

.gray-select .sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus{color:#4f238d;}

/* gry drop down ***/



.select-auto { float:left; position:relative;}

.select-auto .sbHolder { float:left;padding:0 27px 0 10px; position:inherit;}

.select-auto .sbSelector { position:inherit; width:auto;}

.select-auto .gray-select .sbOptions{ min-width:243px; top:38px !important;}



/********Top Section********/

.top-header{min-height:33px; line-height:33px;}

.top-header, .top-header a{font-family: 'robotoregular';font-size:14px;}

.top-header a{padding:0 19px; display:inline-block; background:url(img/top-seprater.jpg) no-repeat right 10px; }

.top-header a.last, .links a.last{padding-right:0; background:none;}

.top-header a.first{padding-left:0;}



.header-container{min-height:100px;}

.header-container .logo{margin-top:5px;}



.row-up, .row-down{width:100%; display:block; clear:right; float:right; max-width:380px;}

.row-down{float:right}



.row-up {margin-top:30px;}

.row-up .links{float:right; margin-top:5px; position:relative}

.links a{font-family: 'robotoregular';font-size:13px; padding-right:10px; }

.links a i{font-size:15px; margin-right:5px;vertical-align:middle}

.noscroll{ overflow:hidden; }

.topsearchdiv {width:100%; max-width:360px; border:1px solid #e0e0e0;float:right; height:40px}

.mobile-search{position: absolute;}

.topsearchdiv input[type="text"] {border:medium none;  width:100%; margin:0;font-family: 'robotoregular';

                                  font-size:13px;    border: 1px solid #f5f5f5 !important;transition: all .3s ease-in-out;     height: 40px;  -webkit-transition: all .3s ease-in-out;}



.topsearchdiv img{float:right;}

.topsearchdiv a.search-icon {display:inline-block; float:right;    line-height: 1;}

.search-icon{ font-size:18px; width:32px; text-align:center; line-height:32px;}

.currency{float:left; width:100%; max-width:90px;}

.mobile-menu-container{display:none;}

/********Top Section********/



/*------------Top section shopping cart toggle start--------*/



.topcartdiv {display:none;  padding:15px;position:absolute;text-align:center;top:30px; right:0px; width:280px;z-index:501; border-top:3px solid #4f238d;  border-radius:5px;box-shadow:0 0 13px rgba(1, 1, 1, 0.13); opacity:1 !important;}

.topcartdiv:before {content:""; right:27px; top:-10px; position:absolute; border-left:10px solid transparent;  border-right:10px solid transparent;  border-bottom:10px solid #513579; }

.topcartdiv .topcheckout{border-top:1px solid #cccccc;  padding-top:15px; text-align:right;}





.topcartdiv h4{text-align:left}

.topcartdiv .chkbutn{border-radius:3px; padding:8px 15px; font-size:12px; font-weight:600;

                     background:#2e0665; /* Old browsers */

                     background:-moz-linear-gradient(top, #2e0665 60%, #4f238d 100%); /* FF3.6+ */

                     background:-webkit-gradient(linear, left top, left bottom, color-stop(60%,#2e0665), color-stop(100%,#4f238d)); /* Chrome,Safari4+ */

                     background:-webkit-linear-gradient(top, #2e0665 60%,#4f238d 100%); /* Chrome10+,Safari5.1+ */

                     background:-o-linear-gradient(top, #2e0665 60%,#4f238d 100%); /* Opera 11.10+ */

                     background:-ms-linear-gradient(top, #2e0665 60%,#4f238d 100%); /* IE10+ */

                     background:linear-gradient(to bottom, #2e0665 60%,#4f238d 100%); /* W3C */

                     filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e0665', endColorstr='#4f238d',GradientType=0 ); /* IE6-9 */

}

/*------------Top section shopping cart toggle end--------*/



/*------------Top section sign in toggle start--------*/

.signdiv{width:280px; padding:15px; position:absolute; top:30px; right:144px; width:280px;z-index:501; display:none; border-top:3px solid #4f238d;  border-radius:5px;box-shadow:0 0 13px rgba(1, 1, 1, 0.13); opacity:1 !important}

.signdiv:before {content:""; right:65px; top:-10px; position:absolute; border-left:10px solid transparent;  border-right:10px solid transparent; border-bottom:10px solid #513579; }

.signdiv input{border-color:#e0e0e0;background:#fff; /* Old browsers */

               background:-moz-linear-gradient(top,  #ffffff 0%, #dfdfdf 100%); /* FF3.6+ */

               background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */

               background:-webkit-linear-gradient(top,  #ffffff 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */

               background:-o-linear-gradient(top,  #ffffff 0%,#dfdfdf 100%); /* Opera 11.10+ */

               background:-ms-linear-gradient(top,  #ffffff 0%,#dfdfdf 100%); /* IE10+ */

               background:linear-gradient(to bottom,  #ffffff 0%,#dfdfdf 100%); /* W3C */

               filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-8*/ border-radius:3px; font-size:13px; color:#000;  font-family: 'robotoregular';}

.signdiv .create-acc-btn{border-radius:6px; padding:6px 22px; font-size:16px; font-weight:700; background:#8966b6; color:#fff;}

.signdiv .create-acc-btn:hover{background:#4f238d; color:#fff;}

.signdiv .signbtn{border-radius:6px; padding:6px 22px; font-size:16px; font-weight:700; color:#fff; margin-top:15px;



                  background:#353535; /* Old browsers */

                  background:-moz-linear-gradient(top,  #2e0665 0%, #4f238d 100%); /* FF3.6+ */

                  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e0665), color-stop(100%,#4f238d)); /* Chrome,Safari4+ */

                  background:-webkit-linear-gradient(top,  #2e0665 0%,#4f238d 100%); /* Chrome10+,Safari5.1+ */

                  background:-o-linear-gradient(top,  #2e0665 0%,#4f238d 100%); /* Opera 11.10+ */

                  background:-ms-linear-gradient(top,  #2e0665 0%,#4f238d 100%); /* IE10+ */

                  background:linear-gradient(top, bottom,  #2e0665 0%,#4f238d 100%); /* W3C */

                  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e0665', endColorstr='#4f238d',GradientType=0 ); /* IE6-8*/



}

.signdiv .signbtn:hover{background:#353535; color:#fff;}



.forgot {text-decoration:underline !important;margin-top:5px;}

.signdiv .signbtn-right{vertical-align:top; margin-top:-3px;}

.signbtn-right input{margin:0; padding:0;}



.price-box p{font-size:14px;}



.my-account {width:90%; margin:0 auto}

.my-account ul{padding:0; margin:10px 0px; list-style:none;}

.my-account li{padding:0; margin:0; width:100%; display:block; float:left;}

.my-account li a{padding:0; margin:0; font-size:14px; padding:8px 0px; display:block; border-bottom:1px solid #dfdfdf; color:#353535;}

.my-account li a i{font-size:20px; padding:0px 5px 0px 0;}

.my-account li a:hover{color:#4f238d; background:#f1f1f1;}





.signin-myaccount{width:900px; right:0; }

.signin-myaccount:before{right:210px;}



.signin-myaccount{font-size:13px; color:#353535;  font-family: 'robotoregular';}

.signin-myaccount ul{}

.signin-myaccount li{background:url(../images/arrow.jpg) no-repeat left 5px; padding:0px 0px 5px 15px;}

.signin-myaccount h4{margin-bottom:10px;}

.signin-left, .signin-right{min-height:275px;padding:15px 0; padding-left:0px; padding-right:0px; border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf;}

.signin-left {background:#f8f8f8; }









/*------------Top section Wishlist toggle start--------*/

.wishlistdiv{width:280px; padding:15px; position:absolute; top:30px; right:0; width:280px;z-index:501; display:none; border-top:3px solid #4f238d; border-radius:5px;box-shadow:0 0 13px rgba(1, 1, 1, 0.13); opacity:1 !important}

.wishlistdiv:before {content:""; right:125px; top:-10px; position:absolute; border-left:10px solid transparent;  border-right:10px solid transparent; border-bottom:10px solid #513579; }

.wishlistdiv .chkbutn{border-radius:3px; padding:5px 10px; font-size:12px; font-weight:600;}

.wishlistdiv a{padding:0!important; background:none!important;}

/*------------Top section Wishlist toggle end--------*/



/*------------Top section Visit Us toggle start--------*/

.visitdiv{width:280px; padding:15px; position:absolute; top:40px; left:0; width:230px;z-index:501; display:none; border-top:3px solid #4f238d; border-radius:5px;box-shadow:0 0 13px rgba(1, 1, 1, 0.13); opacity:1 !important; font-size:14px; line-height:normal}

.visitdiv:before {content:""; left:180px; top:-10px; position:absolute; border-left:10px solid transparent;  border-right:10px solid transparent; border-bottom:10px solid #513579; }

.visitdiv .chkbutn{border-radius:3px; padding:5px 10px; font-size:12px; font-weight:600;}

.visitdiv a{padding:0!important; background:none!important;}



.close{position:absolute; right:2px; top:-10px; z-index:9;}

.visitdiv i, .topcartdiv i, .wishlistdiv i, .modal-dialog i, .offerdiv i {font-size: 30px!important; color: #401282 !important;}
.signdiv i{font-size: 20px !important;}
.visitdiv .close{right:5px;}

.topcartdiv .close{top:5px; right:2px; padding-right:0;}

.signdiv .close {top:5px; right:2px; padding-right:0;}

/*------------Top section Visit Us toggle end--------*/





/*------------Top section Wishlist toggle start--------*/

.social-share{position:relative;}

.socdiv {margin-top:10px; float:left;}

/*#socialdiv .close { margin-right:6px !important;}*/
#socialdiv .close {
	margin-right: 6px !important;
	display: none;
}

/*#socialdiv h4 {margin-top:-11px !important; float:left; position:relative; margin-bottom:6px;}*/
#socialdiv h4 {
	float: left;
	position: relative;

}

.socdiv a { margin-right:5px !important;}

/*.socialdiv{background:#fff;width:173px; padding:15px; position:absolute !important; top:30px; left:0; z-index:10000 !important; display:none; border-top:3px solid #4f238d; border-radius:5px;box-shadow:0 0 13px rgba(1, 1, 1, 0.13); opacity:1 !important}*/
.socialdiv {
	background: #fff;
	width: 93px;
	padding: 0 0 8px 8px;
	position: absolute !important;
	top: 23px;z-index:10000 !important; display:none;
	left: -12px;
	border-top: 3px solid #4f238d;
	border-radius: 5px;
	box-shadow: 0 0 13px rgba(1, 1, 1, 0.13);
	opacity: 1 !important;
}
.socialdiv:before {content:""; left:25px; top:-10px; position:absolute; border-left:10px solid transparent;  border-right:10px solid transparent; border-bottom:10px solid #513579; }

.socialdiv .chkbutn{border-radius:3px; padding:5px 10px; font-size:12px; font-weight:600;}

.socialdiv a{padding:0!important; /*background:none!important;*/}

/*------------Top section Wishlist toggle end--------*/







/* Top Product Slider Start ***/

.cart-slider{padding:10px 20px;}

.cart-slider .owl-theme .owl-buttons i{margin-top:2px;}

.cart-slider .owl-theme .owl-controls .owl-buttons div {position:absolute;}

.cart-slider .owl-theme .owl-controls .owl-buttons .owl-prev,.cart-slider .owl-theme .owl-controls .owl-buttons .owl-next{left:-23px; top:50%; margin-top:-18px; width:23px; height:37px; background:url(../images/slider2.png) 0px 0px no-repeat;  border:none;text-indent:-99999px;}

.cart-slider .owl-theme .owl-controls .owl-buttons .owl-next{left:inherit; right:-25px; background-position:-27px 0px; text-indent:-99999px;}





.cart-slider .owl-theme .owl-controls .owl-buttons .owl-prev:hover,.cart-slider .owl-theme .owl-controls .owl-buttons .owl-next:hover{background:url(../images/slider-icon2.png) 0px 0px no-repeat;}

.cart-slider .owl-theme .owl-controls .owl-buttons .owl-next:hover{left:inherit; right:-25px; background-position:-25px 0px; text-indent:-99999px;}

.cart-slider .owl-theme .owl-controls .owl-buttons .owl-prev:hover { left:-23px;}



.item {text-align:center}

.item a{padding-right:inherit;}

.prod-img{display:block;margin-bottom:10px;}

.prod-name{font-size:14px;}

.price-box{padding:5px 0;}



.remove{font-size:12px;}



.topcartdiv .cart-slider a{background:none !important;}

/* Top Product Slider End ***/





/********Middle Section********/



.middlesection{padding-bottom:25px}



/********Middle Section********/



/********Bottom Section********/

.bottomsection{font-size:13px}

.bottom-1{text-align:center;font-size:15px; line-height:39px;}

.quicklinks{position:relative;width:100%;float:left}

.quicklinks a{color:#fff;}

.quicklinks .customNavigation{position:absolute;right:19px;bottom:26px;width:139px}

.quicklinks .owl-controls{position:absolute;right:57px;bottom:2px}

.quicklinks .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline;/*IE7 life-saver*/}

.quicklinks .owl-controls .owl-page span{display:block;background:#4b4b4b;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;margin:5px 4px 5px 0;width:12px;height:12px;}

.quicklinks .owl-controls .owl-page.active span,.banner .owl-controls.clickable .owl-page:hover span{background:#8b5dcc;}



.bottom-2{padding-top:15px;width:100%}



.border-box{border:1px solid #d3d3d3;padding-bottom:15px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}



.border-box h4{font-weight:600;text-align:center;text-transform:none}



.bottom-box{padding-top:15px}

.bottom-box h4{text-transform:none;padding-bottom:5px}

.bottom-box .bottom-text{font-size:13px;}

.bottom-box .bottom-text p{font-size:12px;}

.bottom-box .bottom-text li{padding:3px 0px}



.boxstl-2 .box-title{font-size:14px;padding:5px 15px;font-weight:500;text-align:center;}

.boxstl-2 .box-title a{font-weight:500}

.boxstl-2 .box-content{padding:8px 15px 15px;font-size:13px;min-height:290px;}

.boxstl-2 p{padding-top:10px}



.newsletter{padding:10px 0}

.form-group{margin-bottom:5px}

.form-control{font-family: 'robotoregular';border:1px solid #e0e0e0;border-radius:1px;-moz-border-radius:1px;-webkit-border-radius:1px;padding:8px 10px;width:100%}

.form-control::-moz-placeholder{opacity:1!important;}



.modal-body .input::-moz-placeholder{opacity:0!important;}

.modal-body .control-label{ text-align:left;}

.modal-body .input{ width:100%;}



.form-control:-ms-input-placeholder{opacity:1!important;}

.form-control::-webkit-input-placeholder{opacity:1!important;}

.newsletter .btn{font-family: robotomedium; background:#481989;border: 0;color: #fff ;
                 cursor: pointer;font-size: 14px;height: 40px;line-height: 40px;text-align: center;
                 width: 100%; text-transform: uppercase;box-shadow: 2px 1px 5px rgba(84,55,122,0.47); 
                 -webkit-box-shadow: 2px 1px 5px rgba(84,55,122,0.47);padding: 10px 20px !important; }
.newsletter .btn:hover{ color: #fff; background: #212121; }

.bsocial a{width:32px;height:32px;display:inline-block}

.blinks .divider,.bsiteinfo .divider{margin:0px 10px}

.bicon{display:table;width:100%;text-align:center}

.bicon a,.bicon span{display:table-cell;vertical-align:middle;padding:0px 5px}

/********Bottom Section********/



.ui-select > div > span{display:none;}



.breadcrumb {font-size:13px;color:#353535;padding-top:15px;padding-bottom:15px}

.breadcrumb a {background:url(../images/breadcrumb.jpg) no-repeat right;padding-right:24px;font-size:13px; color:#4f238d}

.breadcrumb a:hover {text-decoration:underline}



.static-page .jewelry-process ul li { background:url(../images/arrow.png) no-repeat left 5px; padding-top:0px;}

.static-page .jewelry-process .step-box { text-align:left; height:400px; margin-bottom:15px;}

.static-page .jewelry-process .step-box-content {text-align:left; height:100%;}

.static-page .jewelry-process .step-box-content { line-height:20px;}

hr{ -moz-box-sizing:content-box; box-sizing:content-box; height:0;  margin-top:10px; margin-bottom:10px; border:0; border-top:1px solid #eeeeee;}



.join, .join-left, .join-right{float:left;}

.join{width:215px}

.join-left{width:80px;}

.join-right{width:125px; padding-left:10px;}



/*TOP TAB*/

.myotab1 {  padding:3px;float:left; width:33.3%;}

.myotab1 .inner-bg { border:1px solid #dfdfdf; background-color:#dfdfdf; padding:10px 15px;}

.myotab{  padding:3px;float:left; width:33.3%;}

.myotab .inner-bg { border:1px solid #dfdfdf; background-color:#dfdfdf; padding:10px 15px; min-height:100px;}

.myotab h4 { color:#4f238d; font-weight:600; text-transform:none;}

.myotab .small { font-size:11px; color:#353535;}

.myotab-act .inner-bg { border:1px solid #4f238d; background-color:#fff; }

.myotab-act .inner-bg:before{border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid #4f238d;content:"";display:inline-block;left:50%;position:absolute;bottom:-10px; margin-left:-9px;}

.myotab-act1 .inner-bg { border:1px solid #4f238d; background-color:#fff; }

.myotab-act1 .inner-bg:before{border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid #4f238d;content:"";display:inline-block;/*left:50%;*/position:absolute;bottom:-6px; margin-left:-9px;}

.myotab-act .inner-bg{border:1px solid #4f238d; background-color:#fff;position:relative;}

.myotab .disabled{ display:none;}



/*Group css start*/

.schedule table .hd-ttl, .schedule .hd-ttl, .tamount .gtotel  { color:#4f238d;}

.matching-ttl { background:#4b4b4b;}

.step-ttl{ background:#4b4b4b; color:#FFFFFF;}

.schedule table .lightbg tr td:last-child, .schedule table .lightbg tr td, .tamount td, .schedule1 table .lightbg tr td:last-child, .schedule1 table .lightbg tr td, #table-main tr, #table-main td, .matching-stones {border-color:#EAEAEA;}



p.dsubhd, a.glink, #accordion h4.accordion_title:hover:before, #accordion h4.accordion_title.active, #accordion h4.accordion_title.active:before, ul.static-left li a:hover, ul.static-left li.active a, ul.static-left li li a:hover, ul.static-left li.active li.current a,  ul.education-left li a.mobile-select, ul.education-left li a i:before, .mobile-left-menu a {color:#4f238d; border-color:#4f238d;}



/*Group css End*/





input[type="radio"] { display:none;}

input[type="radio"] + label { color:#000; font-size:14px; float:left; margin-bottom:4px;}

input[type="radio"] + label span { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(../images/check_radio_sheet.png) -38px top no-repeat; cursor:pointer;}

input[type="radio"]:checked + label span { background:url(../images/check_radio_sheet.png) -57px top no-repeat;}





.result-btn{position:relative;}

.cat-btn ul, .result-btn ul{ margin-top:-3px; z-index:99; position:absolute; width:160px; display:none;  border:1px solid #d8d8d8; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); border-radius: 4px;}

.cat-btn li, .result-btn ul li{margin:0; padding:0; list-style:none; width:100%; border-bottom:1px solid #d0d0d0}

.cat-btn li a, .result-btn ul li a{background:#fff;color:#353535; display:block; padding:7px 10px; font-weight:600;}

.cat-btn li a:hover, .result-btn li a:hover{background:#353535; color:#FFF; }

.cat-btn:hover > a{background:#353535; }

.cat-btn:hover ul, .result-btn:hover ul{display:block}

.result-btn ul{margin-top:-1px; left:1px;}







/*-------------------------------------2 step Start-------------------------------------*/

.step-sec{margin:0 15px;}

.step2 > .myotab{position:relative; padding:0px;}

.step2 > .myotab h4{float:left; color:#a6a6a6;}

.step2 > .myotab h4 span.small-hd{font-size:13px; display:block; font-weight:normal; color:#ffffff; line-height:0px;}

.step2 > .myotab.completed h4 span.small-hd{color:#c43535;}

.step2 > .myotab .inner-bg{min-height:inherit; line-height:34px; float:left; width:100%; padding:10px 15px;  border:solid 1px #cdcdcd; }

.step2 > .completed > .inner-bg{background-color:#ebf7ea;}

.step2 > .myotab-act > .inner-bg{background-color:#4f238d; border:solid 1px #4f238d; }

.step2 > .myotab.completed > .inner-bg{border:solid 1px #4f7b4d; cursor:pointer;}

.step2 > .myotab.completed  h4{color:#4f238d;}

.step2 > .myotab.myotab-act h4{color:#ffffff;}

.step2 > .myotab .step-open{display:none;}

.step2 > .myotab .step-open{position:absolute; top:65px; width:100%; left:0px; box-sizing:border-box;  display:none; border:solid 1px #4f7b4d; border-top:none; z-index:99; background:#ffffff;color:#353535; padding:10px 10px 15px 10px;  box-shadow: 0 10px 12px rgba(0, 0, 0, 0.176);}

.step2 > .myotab .inner-bg.bg-white{background:#ffffff;}

.step2 > .myotab .inner-bg .step-img{border:solid 1px #cdcdcd; float:right; border-radius: 22px; background:#ffffff;}

.step2 > .myotab .inner-bg .step-img img{border-radius:22px;} 

.step2 > .myotab.default .step-img img{opacity: 0.5;}

.step2 > .myotab.default h4 span.small-hd{color:#a6a6a6;}

.step2 > .myotab .step-open  hr{border-color:#cdcdcd; margin-top:-10px; padding-bottom:5px;}

.step2 > .myotab .step-open small{font-size:11px;}

.step2 > .myotab .step-open .price{padding-left:8%;}

.step2 > .myotab .step-open .price font{color:#098002; font-weight:bold;}

.step2 > .myotab.completed .inner-bg .step-img{border:solid 1px #4f7b4d;}

.step2 > .myotab.completed .close .fa.fa-times-circle{font-size:21px; color:#8b5dcc; margin:14px 4px 0 0;}

.step2 > .myotab.myotab-act .inner-bg .step-img{border:solid 1px #ffffff;}





@media (max-width:989px){

    .step2 > .myotab .step-open a.mini-btn{margin:0px; padding:2px 8px;}

    .step2 > .myotab h4{text-align:left;}

    .step2 > .myotab .step-open .price{display:block; padding:0px;}
    .socialdiv {padding: 0 0 8px 0px;}
#socialdiv h4 {padding-left: 9px;}

}



@media (max-width:989px){

    .step2 > .myotab h4{display:none;} .step2 > .myotab.myotab-act h4{display:inline-block;} .step2 > .myotab .inner-bg .step-img{width:45px; float:none; margin:0 auto;} .step2 > .myotab.myotab-act  .inner-bg .step-img{float:right;}

    .step2 > .myotab{position:initial;}

    .step2{position:relative;} 

    .step2 > .myotab h4{font-size:18px;}

    .step2 > .myotab .step-open hr{display:none;}

    .step2 > .myotab .step-open{width:99.9%;}

    .step2 > .myotab.default .inner-bg{border:solid 1px #4f7b4d;}

    .step2 > .myotab .step-open .price{display:inline-block; padding-left:5%;}

    .top-toolbar .toolbar-toggle{display:none;}

}



@media (max-width:479px){.step2 > .myotab h4 span.small-hd{font-size:10px;} .step2 > .myotab .step-open{top:56px;}  .step2 > .myotab h4{font-size:15px;} .step2 > .myotab .inner-bg{padding:5px;} .step2 > .myotab .step-open .price{display:block; padding:0px;} .myotab.myotab-act .step-img{display:none;} .myotab .inner-bg{height:58px;}}





.step2 > a > .myotab{position:relative; padding:0px;}

.step2 > a > .myotab h4{float:left; color:#a6a6a6;}

.step2 > a > .myotab h4 span.small-hd{font-size:13px; display:block; font-weight:normal; color:#ffffff; line-height:0px;}

.step2 > a > .myotab.completed h4 span.small-hd{color:#c43535;}

.step2 > a > .myotab .inner-bg{min-height:inherit; line-height:34px; float:left; width:100%; padding:10px 15px;  border:solid 1px #cdcdcd; }

.step2 > a > .completed > .inner-bg{background-color:#ebf7ea;}

.step2 > a > .myotab-act > .inner-bg{background-color:#4f238d; border:solid 1px #4f238d; }

.step2 > a > .myotab.completed > .inner-bg{border:solid 1px #4f7b4d; cursor:pointer;}

.step2 > a > .myotab.completed  h4{color:#4f238d;}

.step2 > a > .myotab.myotab-act h4{color:#ffffff;}

.step2 > a > .myotab .step-open{display:none;}

.step2 > a > .myotab .step-open{position:absolute; top:65px; width:100%; left:0px; box-sizing:border-box;  display:none; border:solid 1px #4f7b4d; border-top:none; z-index:99; background:#ffffff;color:#353535; padding:10px 10px 15px 10px;  box-shadow: 0 10px 12px rgba(0, 0, 0, 0.176);}

.step2 > a > .myotab .inner-bg.bg-white{background:#ffffff;}

.step2 > a > .myotab .inner-bg .step-img{border:solid 1px #cdcdcd; float:right; border-radius: 22px; background:#ffffff;}

.step2 > a > .myotab .inner-bg .step-img img{border-radius:22px;} 

.step2 > a > .myotab.default .step-img img{opacity: 0.5;}

.step2 > a > .myotab.default h4 span.small-hd{color:#a6a6a6;}

.step2 > a > .myotab .step-open  hr{border-color:#cdcdcd; margin-top:-10px; padding-bottom:5px;}

.step2 > a > .myotab .step-open small{font-size:11px;}

.step2 > a > .myotab .step-open .price{padding-left:8%;}

.step2 > a > .myotab .step-open .price font{color:#098002; font-weight:bold;}

.step2 > a > .myotab.completed .inner-bg .step-img{border:solid 1px #4f7b4d;}

.step2 > a > .myotab.completed .close .fa.fa-times-circle{font-size:21px; color:#8b5dcc; margin:14px 4px 0 0;}

.step2 > a > .myotab.myotab-act .inner-bg .step-img{border:solid 1px #ffffff;}





@media (max-width:989px){

    .step2 > a > .myotab .step-open a.mini-btn{margin:0px; padding:2px 8px;}

    .step2 > a > .myotab h4{text-align:left;}

    .step2 > a > .myotab .step-open .price{display:block; padding:0px;}

}



@media (max-width:989px){

    .step2 > a > .myotab h4{display:none;} .step2 > a > .myotab.myotab-act h4{display:inline-block;} .step2 > a > .myotab .inner-bg .step-img{width:45px; float:none; margin:0 auto;} .step2 > a > .myotab.myotab-act  .inner-bg .step-img{float:right;}

    .step2 > a > .myotab{position:initial;}

    .step2> a {position:relative;} 

    .step2 > a > .myotab h4{font-size:18px;}

    .step2 > a > .myotab .step-open hr{display:none;}

    .step2 > a > .myotab .step-open{width:99.9%;}

    .step2 > a > .myotab.default .inner-bg{border:solid 1px #4f7b4d;}

    .step2 > a > .myotab .step-open .price{display:inline-block; padding-left:5%;}

    .top-toolbar .toolbar-toggle{display:none;}

}



@media (max-width:479px){.step2 > a > .myotab h4 span.small-hd{font-size:10px;} .step2 > a > .myotab .step-open{top:56px;}  .step2 > a > .myotab h4{font-size:15px;} .step2 > a > .myotab .inner-bg{padding:5px;} .step2 > a > .myotab .step-open .price{display:block; padding:0px;} .myotab.myotab-act .step-img{display:none;} .myotab .inner-bg{height:58px;}}







.ovalbutton-cart {border-radius:6px; padding:6px 22px; font-size:15px; font-weight:700; color:#FFFFFF !important; margin-top:15px;

                  background:#353535; /* Old browsers */

                  background:-moz-linear-gradient(top,  #ff9c00 0%, #a85700 100%); /* FF3.6+ */

                  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9c00), color-stop(100%,#a85700)); /* Chrome,Safari4+ */

                  background:-webkit-linear-gradient(top,  #ff9c00 0%,#a85700 100%); /* Chrome10+,Safari5.1+ */

                  background:-o-linear-gradient(top,  #ff9c00 0%,#a85700 100%); /* Opera 11.10+ */

                  background:-ms-linear-gradient(top,  #ff9c00 0%,#a85700 100%); /* IE10+ */

                  background:linear-gradient(top, bottom,  #ff9c00 0%,#a85700 100%); /* W3C */

                  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9c00', endColorstr='#a85700',GradientType=0 ); /* IE6-8*/

                  font-weight:bold;

}

.ovalbutton-cart:hover{background:#353535; color:#FFFFFF;}



.chk-box{border: 1px solid #dfdfdf;}


.chk-box .hd-ttl{background:#4f238d;  font-size: 15px;  line-height: 20px; color:#FFF; padding:6px;}


.band-text h6{font-family: 'robotoregular'; font-size: 14px;  line-height: 18px; color:#353535;}



.cus-step-title{width:100%; display:block; background:#fff; color:#4b4b4b; font-size:15px; padding:15px 10px; text-align:center;}

@-ms-viewport{width:device-width}

.visible-xs, .visible-sm, .visible-md, .visible-lg{display:none!important}



@media (max-width:989px){.visible-xs{display:block!important}

                         table.visible-xs{display:table}

                         tr.visible-xs{display:table-row!important}

                         th.visible-xs, td.visible-xs{display:table-cell!important}}



@media (min-width:989px) and (max-width:989px){.visible-sm{display:block!important}

                                               table.visible-sm{display:table}

                                               tr.visible-sm{display:table-row!important}

                                               th.visible-sm, td.visible-sm{display:table-cell!important}}



@media (min-width:990px) and (max-width:1099px){.visible-md{display:block!important}

                                                table.visible-md{display:table}

                                                tr.visible-md{display:table-row!important}

                                                th.visible-md, td.visible-md{display:table-cell!important}}



@media (min-width:1100px){.visible-lg{display:block!important}

                          table.visible-lg{display:table}

                          tr.visible-lg{display:table-row!important}

                          th.visible-lg, td.visible-lg{display:table-cell!important}}



@media (max-width:989px){.hidden-xs{display:none!important}}
@media (max-width:1300px){.hidden-1300res{display:none!important}}


@media (min-width:989px) and (max-width:989px){.hidden-sm{display:none!important}}



@media (min-width:990px) and (max-width:1099px){.hidden-md{display:none!important}}



@media (min-width:1100px){.hidden-lg{display:none!important}}



.visible-print{display:none!important}



@media print{.visible-print{display:block!important}

             table.visible-print{display:table}

             tr.visible-print{display:table-row!important}

             th.visible-print, td.visible-print{display:table-cell!important}}



@media print{.hidden-print{display:none!important}}

.flag {float: left;	padding: 0 !important;	margin: 0 5px 0 0;	width: 22px; height: 16px;}



/******************Select Filter******************/



.borderRadius{-moz-border-radius:0px; border-radius:0px; }

.borderRadiusTp{-moz-border-radius:0px 0px 0 0; border-radius:0px 0px 0 0;}

.borderRadiusBtm{-moz-border-radius:0 0 0px 0px ; border-radius:0 0 0px 0px;}



.ddcommon {position:relative;display:-moz-inline-stack; zoom:1; display:inline-block; *display:inline; cursor:default; min-width:100%;}

.ddcommon ul{padding:0;margin:0;}

.ddcommon ul li{list-style-type:none;}

.borderRadiusTp ul li:last-child{-moz-border-radius:0 0 0px 0px ; border-radius:0 0 0px 0px;border-bottom:0 none #c3c3c3; }

.borderRadiusBtm ul li:first-child{-moz-border-radius:0px 0px 0 0; border-radius:0px 0px 0 0 ;border-bottom:1 solid #c3c3c3; }



.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{

    opacity: .5; /* standard: ff gt 1.5, opera, safari */

    -ms-filter:"alpha(opacity=50)"; /* ie 8 */

    filter:alpha(opacity=50); /* ie lt 7 */

    -khtml-opacity:.5; /* safari 1.x */

    -moz-opacity:.5; /* ff lt 1.5, netscape */

    color:#999999;

}

.ddcommon .clear{clear:both}

.ddcommon .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}

.ddcommon input.text{color:#7e7e7e;padding:0 0 0 0; position:absolute; background:#fff; display:block; width:98%; height:98%; left:2px; top:0; border:none;}

.ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}

.borderRadius .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}

.borderRadiusBtm .shadow{-moz-box-shadow:-5px -5px 5px -5px #888888;-webkit-box-shadow:-5px -5px 5px -5px #888888;box-shadow: -5px -5px 5px -5px #888888}

.borderRadiusTp .border, .borderRadius .border{-moz-border-radius:0 0 0px 0px ; border-radius:0 0 0px 0px;}

.borderRadiusBtm .border{-moz-border-radius:0px 0px 0 0; border-radius:0px 0px 0 0;}

img.fnone{float:none !important}

.ddcommon .divider{width:0; height:100%; position:absolute;}

.ddcommon .ddArrow{display:inline-block; position:absolute; top:50%; right:4px;}

.ddcommon .ddArrow:hover{background-position:0 100%;}

.ddcommon .ddTitle{padding:0; position:relative; display:inline-block; width:100%}

.ddcommon .ddTitle .ddTitleText{display:block;}

.ddcommon .ddTitle .ddTitleText .ddTitleText{padding:0;}

.ddcommon .ddTitle .description{display:block;}

.ddcommon .ddTitle .ddTitleText img{position:relative; vertical-align:middle; float:left}

.ddcommon .ddChild{position:absolute;display:none;width:100%;overflow-y:auto; overflow-x:hidden; zoom:1; z-index:9999}

.ddcommon .ddChild li{clear:both;}

.ddcommon .ddChild li .description{display:block;}

.ddcommon .ddChild li img{border:0 none; position:relative;vertical-align:middle;float:left}

.ddcommon .ddChild li.optgroup{padding:0;}

.ddcommon .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}

.ddcommon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}

.ddcommon .noBorderTop{border-top:none 0  !important; padding:0; margin:0;}



/*************** default theme **********************/

.dd{border:1px solid #e3e3e3;}

.dd .divider{right:24px;}

.dd .ddArrow{width:23px;height:22px; margin-top:-11px; background:url(../images/dd_arrow.jpg) no-repeat;}

.dd .ddArrow:hover{background-position:0 100%;}

.dd .ddTitle{color:#000;background:#fff; text-transform:uppercase}

.dd .ddTitle .ddTitleText{padding:5px 20px 6px 5px; height:31px;}

.dd .ddTitle .ddTitleText .ddTitleText{padding:0;}

.dd .ddTitle .description{font-size:12px; color:#666}

.dd .ddTitle .ddTitleText img{padding-right:5px;}

/*

.dd .ddChild{border:1px solid #c3c3c3; background-color:#fff; left:-1px;height:142px !important}

*/

.dd .ddChild{border:1px solid #c3c3c3; background-color:#fff; left:-1px;height:auto !important}



.dd .ddChild li{padding:5px; background-color:#fff; border-bottom:1px solid #c3c3c3; height:29px;}

.dd .ddChild li .description{color:#666;}

.dd .ddChild li .ddlabel{color:#333;}

.dd .ddChild li.hover{background-color:#f2f2f2}

.dd .ddChild li img{padding:0 6px 0 0;}

.dd .ddChild li.optgroup{padding:0;}

.dd .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}

.dd .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}

.dd .ddChild li.selected{background-color:#d5d5d5; color:#000;}





/*!

 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome

 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)

 */

/* FONT PATH * -------------------------- */

@font-face {font-family: 'FontAwesome';src: url('fonts/fontawesome-webfont.eot');src: url('fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff') format('woff'), url('fonts/fontawesome-webfont.ttf') format('truetype'), url('fonts/fontawesome-webfont.svg') format('svg');font-weight: normal;font-style: normal;}

.fa {display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/* makes the font 33% larger relative to the icon container */

.fa-lg {font-size: 1.3333333333333333em;line-height: 0.75em;vertical-align: -15%;}

.fa-2x {font-size: 2em;}

.fa-3x {font-size: 3em;}

.fa-4x {font-size: 4em;}

.fa-5x {font-size: 5em;}

.fa-fw {width: 1.2857142857142858em;text-align: center;}

.fa-ul {padding-left: 0;margin-left: 2.142857142857143em;list-style-type: none;}

.fa-ul > li {position: relative;}

.fa-li {position: absolute;left: -2.142857142857143em;width: 2.142857142857143em;top: 0.14285714285714285em;text-align: center;}

.fa-li.fa-lg {left: -1.8571428571428572em;}

.fa-border {padding: .2em .25em .15em;border: solid 0.08em #eeeeee;border-radius: .1em;}



.fa.pull-left {margin-right: .3em;}

.fa.pull-right {margin-left: .3em;}

.fa-spin {-webkit-animation: spin 2s infinite linear;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;animation: spin 2s 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);}}

.fa-rotate-90 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}

.fa-rotate-180 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}

.fa-rotate-270 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);transform: rotate(270deg);}

.fa-flip-horizontal {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform: scale(-1, 1);-moz-transform: scale(-1, 1);-ms-transform: scale(-1, 1);-o-transform: scale(-1, 1);transform: scale(-1, 1);}

.fa-flip-vertical {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform: scale(1, -1);-moz-transform: scale(1, -1);-ms-transform: scale(1, -1);-o-transform: scale(1, -1);transform: scale(1, -1);}

.fa-stack {position: relative;display: inline-block;width: 2em;height: 2em;line-height: 2em;vertical-align: middle;}

.fa-stack-1x,

.fa-stack-2x {position: absolute;left: 0;width: 100%;text-align: center;}

.fa-stack-1x {line-height: inherit;}

.fa-stack-2x {font-size: 2em;}

.fa-inverse {color: #ffffff;}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen

   readers do not read off random characters that represent icons */

.fa-glass:before {content: "\f000";}

.fa-music:before {content: "\f001";}

.fa-search:before {content: "\f002";}

.fa-envelope-o:before {content: "\f003";}

.fa-heart:before {content: "\f004";}

.fa-star:before {content: "\f005";}

.fa-star-o:before {content: "\f006";}

.fa-user:before {content: "\f007";}

.fa-film:before {content: "\f008";}

.fa-th-large:before {content: "\f009";}

.fa-th:before {content: "\f00a";}

.fa-th-list:before {content: "\f00b";}

.fa-check:before {content: "\f00c";}

.fa-times:before {content: "\f00d";}

.fa-search-plus:before {content: "\f00e";}

.fa-search-minus:before {content: "\f010";}

.fa-power-off:before {content: "\f011";}

.fa-signal:before {content: "\f012";}

.fa-gear:before,

.fa-cog:before {content: "\f013";}

.fa-trash-o:before {content: "\f014";}

.fa-home:before {content: "\f015";}

.fa-file-o:before {content: "\f016";}

.fa-clock-o:before {content: "\f017";}

.fa-road:before {content: "\f018";}

.fa-download:before {content: "\f019";}

.fa-arrow-circle-o-down:before {content: "\f01a";}

.fa-arrow-circle-o-up:before {content: "\f01b";}

.fa-inbox:before {content: "\f01c";}

.fa-play-circle-o:before {content: "\f01d";}

.fa-rotate-right:before,

.fa-repeat:before {content: "\f01e";}

.fa-refresh:before {content: "\f021";}

.fa-list-alt:before {content: "\f022";}

.fa-lock:before {content: "\f023";}

.fa-flag:before {content: "\f024";}

.fa-headphones:before {content: "\f025";}

.fa-volume-off:before {content: "\f026";}

.fa-volume-down:before {content: "\f027";}

.fa-volume-up:before {content: "\f028";}

.fa-qrcode:before {content: "\f029";}

.fa-barcode:before {content: "\f02a";}

.fa-tag:before {content: "\f02b";}

.fa-tags:before {content: "\f02c";}

.fa-book:before {content: "\f02d";}

.fa-bookmark:before {content: "\f02e";}

.fa-print:before {content: "\f02f";}

.fa-camera:before {content: "\f030";}

.fa-font:before {content: "\f031";}

.fa-bold:before {content: "\f032";}

.fa-italic:before {content: "\f033";}

.fa-text-height:before {content: "\f034";}

.fa-text-width:before {content: "\f035";}

.fa-align-left:before {content: "\f036";}

.fa-align-center:before {content: "\f037";}

.fa-align-right:before {content: "\f038";}

.fa-align-justify:before {content: "\f039";}

.fa-list:before {content: "\f03a";}

.fa-dedent:before,

.fa-outdent:before {content: "\f03b";}

.fa-indent:before {content: "\f03c";}

.fa-video-camera:before {content: "\f03d";}

.fa-picture-o:before {content: "\f03e";}

.fa-pencil:before {content: "\f040";}

.fa-map-marker:before {content: "\f041";}

.fa-adjust:before {content: "\f042";}

.fa-tint:before {content: "\f043";}

.fa-edit:before,

.fa-pencil-square-o:before {content: "\f044";}

.fa-share-square-o:before {content: "\f045";}

.fa-check-square-o:before {content: "\f046";}

.fa-arrows:before {content: "\f047";}

.fa-step-backward:before {content: "\f048";}

.fa-fast-backward:before {content: "\f049";}

.fa-backward:before {content: "\f04a";}

.fa-play:before {content: "\f04b";}

.fa-pause:before {content: "\f04c";}

.fa-stop:before {content: "\f04d";}

.fa-forward:before {content: "\f04e";}

.fa-fast-forward:before {content: "\f050";}

.fa-step-forward:before {content: "\f051";}

.fa-eject:before {content: "\f052";}

.fa-chevron-left:before {content: "\f053";}

.fa-chevron-right:before {content: "\f054";}

.fa-plus-circle:before {content: "\f055";}

.fa-minus-circle:before {content: "\f056";}

.fa-times-circle:before {content: "\f057";}

.fa-check-circle:before {content: "\f058";}

.fa-question-circle:before {content: "\f059";}

.fa-info-circle:before {content: "\f05a";}

.fa-crosshairs:before {content: "\f05b";}

.fa-times-circle-o:before {content: "\f05c";}

.fa-check-circle-o:before {content: "\f05d";}

.fa-ban:before {content: "\f05e";}

.fa-arrow-left:before {content: "\f060";}

.fa-arrow-right:before {content: "\f061";}

.fa-arrow-up:before {content: "\f062";}

.fa-arrow-down:before {content: "\f063";}

.fa-mail-forward:before,

.fa-share:before {content: "\f064";}

.fa-expand:before {content: "\f065";}

.fa-compress:before {content: "\f066";}

.fa-plus:before {content: "\f067";}

.fa-minus:before {content: "\f068";}

.fa-asterisk:before {content: "\f069";}

.fa-exclamation-circle:before {content: "\f06a";}

.fa-gift:before {content: "\f06b";}

.fa-leaf:before {content: "\f06c";}

.fa-fire:before {content: "\f06d";}

.fa-eye:before {content: "\f06e";}

.fa-eye-slash:before {content: "\f070";}

.fa-warning:before,

.fa-exclamation-triangle:before {content: "\f071";}

.fa-plane:before {content: "\f072";}

.fa-calendar:before {content: "\f073";}

.fa-random:before {content: "\f074";}

.fa-comment:before {content: "\f075";}

.fa-magnet:before {content: "\f076";}

.fa-chevron-up:before {content: "\f077";}

.fa-chevron-down:before {content: "\f078";}

.fa-retweet:before {content: "\f079";}

.fa-shopping-cart:before {content: "\f07a";}

.fa-folder:before {content: "\f07b";}

.fa-folder-open:before {content: "\f07c";}

.fa-arrows-v:before {content: "\f07d";}

.fa-arrows-h:before {content: "\f07e";}

.fa-bar-chart-o:before {content: "\f080";}

.fa-twitter-square:before {content: "\f081";}

.fa-facebook-square:before {content: "\f082";}

.fa-camera-retro:before {content: "\f083";}

.fa-key:before {content: "\f084";}

.fa-gears:before,

.fa-cogs:before {content: "\f085";}

.fa-comments:before {content: "\f086";}

.fa-thumbs-o-up:before {content: "\f087";}

.fa-thumbs-o-down:before {content: "\f088";}

.fa-star-half:before {content: "\f089";}

.fa-heart-o:before {content: "\f08a";}

.fa-sign-out:before {content: "\f08b";}

.fa-linkedin-square:before {content: "\f08c";}

.fa-thumb-tack:before {content: "\f08d";}

.fa-external-link:before {content: "\f08e";}

.fa-sign-in:before {content: "\f090";}

.fa-trophy:before {content: "\f091";}

.fa-github-square:before {content: "\f092";}

.fa-upload:before {content: "\f093";}

.fa-lemon-o:before {content: "\f094";}

.fa-phone:before {content: "\f095";}

.fa-square-o:before {content: "\f096";}

.fa-bookmark-o:before {content: "\f097";}

.fa-phone-square:before {content: "\f098";}

.fa-twitter:before {content: "\f099";}

.fa-facebook:before {content: "\f09a";}

.fa-github:before {content: "\f09b";}

.fa-unlock:before {content: "\f09c";}

.fa-credit-card:before {content: "\f09d";}

.fa-rss:before {content: "\f09e";}

.fa-hdd-o:before {content: "\f0a0";}

.fa-bullhorn:before {content: "\f0a1";}

.fa-bell:before {content: "\f0f3";}

.fa-certificate:before {content: "\f0a3";}

.fa-hand-o-right:before {content: "\f0a4";}

.fa-hand-o-left:before {content: "\f0a5";}

.fa-hand-o-up:before {content: "\f0a6";}

.fa-hand-o-down:before {content: "\f0a7";}

.fa-arrow-circle-left:before {content: "\f0a8";}

.fa-arrow-circle-right:before {content: "\f0a9";}

.fa-arrow-circle-up:before {content: "\f0aa";}

.fa-arrow-circle-down:before {content: "\f0ab";}

.fa-globe:before {content: "\f0ac";}

.fa-wrench:before {content: "\f0ad";}

.fa-tasks:before {content: "\f0ae";}

.fa-filter:before {content: "\f0b0";}

.fa-briefcase:before {content: "\f0b1";}

.fa-arrows-alt:before {content: "\f0b2";}

.fa-group:before,

.fa-users:before {content: "\f0c0";}

.fa-chain:before,

.fa-link:before {content: "\f0c1";}

.fa-cloud:before {content: "\f0c2";}

.fa-flask:before {content: "\f0c3";}

.fa-cut:before,

.fa-scissors:before {content: "\f0c4";}

.fa-copy:before,

.fa-files-o:before {content: "\f0c5";}

.fa-paperclip:before {content: "\f0c6";}

.fa-save:before,

.fa-floppy-o:before {content: "\f0c7";}

.fa-square:before {content: "\f0c8";}

.fa-bars:before {content: "\f0c9";}

.fa-list-ul:before {content: "\f0ca";}

.fa-list-ol:before {content: "\f0cb";}

.fa-strikethrough:before {content: "\f0cc";}

.fa-underline:before {content: "\f0cd";}

.fa-table:before {content: "\f0ce";}

.fa-magic:before {content: "\f0d0";}

.fa-truck:before {content: "\f0d1";}

.fa-pinterest:before {content: "\f0d2";}

.fa-pinterest-square:before {content: "\f0d3";}

.fa-google-plus-square:before {content: "\f0d4";}

.fa-google-plus:before {content: "\f0d5";}

.fa-money:before {content: "\f0d6";}

.fa-caret-down:before {content: "\f0d7";}

.fa-caret-up:before {content: "\f0d8";}

.fa-caret-left:before {content: "\f0d9";}

.fa-caret-right:before {content: "\f0da";}

.fa-columns:before {content: "\f0db";}

.fa-unsorted:before,

.fa-sort:before {content: "\f0dc";}

.fa-sort-down:before,

.fa-sort-asc:before {content: "\f0dd";}

.fa-sort-up:before,

.fa-sort-desc:before {content: "\f0de";}

.fa-envelope:before {content: "\f0e0";}

.fa-linkedin:before {content: "\f0e1";}

.fa-rotate-left:before,

.fa-undo:before {content: "\f0e2";}

.fa-legal:before,

.fa-gavel:before {content: "\f0e3";}

.fa-dashboard:before,

.fa-tachometer:before {content: "\f0e4";}

.fa-comment-o:before {content: "\f0e5";}

.fa-comments-o:before {content: "\f0e6";}

.fa-flash:before,

.fa-bolt:before {content: "\f0e7";}

.fa-sitemap:before {content: "\f0e8";}

.fa-umbrella:before {content: "\f0e9";}

.fa-paste:before,

.fa-clipboard:before {content: "\f0ea";}

.fa-lightbulb-o:before {content: "\f0eb";}

.fa-exchange:before {content: "\f0ec";}

.fa-cloud-download:before {content: "\f0ed";}

.fa-cloud-upload:before {content: "\f0ee";}

.fa-user-md:before {content: "\f0f0";}

.fa-stethoscope:before {content: "\f0f1";}

.fa-suitcase:before {content: "\f0f2";}

.fa-bell-o:before {content: "\f0a2";}

.fa-coffee:before {content: "\f0f4";}

.fa-cutlery:before {content: "\f0f5";}

.fa-file-text-o:before {content: "\f0f6";}

.fa-building-o:before {content: "\f0f7";}

.fa-hospital-o:before {content: "\f0f8";}

.fa-ambulance:before {content: "\f0f9";}

.fa-medkit:before {content: "\f0fa";}

.fa-fighter-jet:before {content: "\f0fb";}

.fa-beer:before {content: "\f0fc";}

.fa-h-square:before {content: "\f0fd";}

.fa-plus-square:before {content: "\f0fe";}

.fa-angle-double-left:before {content: "\f100";}

.fa-angle-double-right:before {content: "\f101";}

.fa-angle-double-up:before {content: "\f102";}

.fa-angle-double-down:before {content: "\f103";}

.fa-angle-left:before {content: "\f104";}

.fa-angle-right:before {content: "\f105";}

.fa-angle-up:before {content: "\f106";}

.fa-angle-down:before {content: "\f107";}

.fa-desktop:before {content: "\f108";}

.fa-laptop:before {content: "\f109";}

.fa-tablet:before {content: "\f10a";}

.fa-mobile-phone:before,

.fa-mobile:before {content: "\f10b";}

.fa-circle-o:before {content: "\f10c";}

.fa-quote-left:before {content: "\f10d";}

.fa-quote-right:before {content: "\f10e";}

.fa-spinner:before {content: "\f110";}

.fa-circle:before {content: "\f111";}

.fa-mail-reply:before,

.fa-reply:before {content: "\f112";}

.fa-github-alt:before {content: "\f113";}

.fa-folder-o:before {content: "\f114";}

.fa-folder-open-o:before {content: "\f115";}

.fa-smile-o:before {content: "\f118";}

.fa-frown-o:before {content: "\f119";}

.fa-meh-o:before {content: "\f11a";}

.fa-gamepad:before {content: "\f11b";}

.fa-keyboard-o:before {content: "\f11c";}

.fa-flag-o:before {content: "\f11d";}

.fa-flag-checkered:before {content: "\f11e";}

.fa-terminal:before {content: "\f120";}

.fa-code:before {content: "\f121";}

.fa-reply-all:before {content: "\f122";}

.fa-mail-reply-all:before {content: "\f122";}

.fa-star-half-empty:before,

.fa-star-half-full:before,

.fa-star-half-o:before {content: "\f123";}

.fa-location-arrow:before {content: "\f124";}

.fa-crop:before {content: "\f125";}

.fa-code-fork:before {content: "\f126";}

.fa-unlink:before,

.fa-chain-broken:before {content: "\f127";}

.fa-question:before {content: "\f128";}

.fa-info:before {content: "\f129";}

.fa-exclamation:before {content: "\f12a";}

.fa-superscript:before {content: "\f12b";}

.fa-subscript:before {content: "\f12c";}

.fa-eraser:before {content: "\f12d";}

.fa-puzzle-piece:before {content: "\f12e";}

.fa-microphone:before {content: "\f130";}

.fa-microphone-slash:before {content: "\f131";}

.fa-shield:before {content: "\f132";}

.fa-calendar-o:before {content: "\f133";}

.fa-fire-extinguisher:before {content: "\f134";}

.fa-rocket:before {content: "\f135";}

.fa-maxcdn:before {content: "\f136";}

.fa-chevron-circle-left:before {content: "\f137";}

.fa-chevron-circle-right:before {content: "\f138";}

.fa-chevron-circle-up:before {content: "\f139";}

.fa-chevron-circle-down:before {content: "\f13a";}

.fa-html5:before {content: "\f13b";}

.fa-css3:before {content: "\f13c";}

.fa-anchor:before {content: "\f13d";}

.fa-unlock-alt:before {content: "\f13e";}

.fa-bullseye:before {content: "\f140";}

.fa-ellipsis-h:before {content: "\f141";}

.fa-ellipsis-v:before {content: "\f142";}

.fa-rss-square:before {content: "\f143";}

.fa-play-circle:before {content: "\f144";}

.fa-ticket:before {content: "\f145";}

.fa-minus-square:before {content: "\f146";}

.fa-minus-square-o:before {content: "\f147";}

.fa-level-up:before {content: "\f148";}

.fa-level-down:before {content: "\f149";}

.fa-check-square:before {content: "\f14a";}

.fa-pencil-square:before {content: "\f14b";}

.fa-external-link-square:before {content: "\f14c";}

.fa-share-square:before {content: "\f14d";}

.fa-compass:before {content: "\f14e";}

.fa-toggle-down:before,

.fa-caret-square-o-down:before {content: "\f150";}

.fa-toggle-up:before,

.fa-caret-square-o-up:before {content: "\f151";}

.fa-toggle-right:before,

.fa-caret-square-o-right:before {content: "\f152";}

.fa-euro:before,

.fa-eur:before {content: "\f153";}

.fa-gbp:before {content: "\f154";}

.fa-dollar:before,

.fa-usd:before {content: "\f155";}

.fa-rupee:before,

.fa-inr:before {content: "\f156";}

.fa-cny:before,

.fa-rmb:before,

.fa-yen:before,

.fa-jpy:before {content: "\f157";}

.fa-ruble:before,

.fa-rouble:before,

.fa-rub:before {content: "\f158";}

.fa-won:before,

.fa-krw:before {content: "\f159";}

.fa-bitcoin:before,

.fa-btc:before {content: "\f15a";}

.fa-file:before {content: "\f15b";}

.fa-file-text:before {content: "\f15c";}

.fa-sort-alpha-asc:before {content: "\f15d";}

.fa-sort-alpha-desc:before {content: "\f15e";}

.fa-sort-amount-asc:before {content: "\f160";}

.fa-sort-amount-desc:before {content: "\f161";}

.fa-sort-numeric-asc:before {content: "\f162";}

.fa-sort-numeric-desc:before {content: "\f163";}

.fa-thumbs-up:before {content: "\f164";}

.fa-thumbs-down:before {content: "\f165";}

.fa-youtube-square:before {content: "\f166";}

.fa-youtube:before {content: "\f167";}

.fa-xing:before {content: "\f168";}

.fa-xing-square:before {content: "\f169";}

.fa-youtube-play:before {content: "\f16a";}

.fa-dropbox:before {content: "\f16b";}

.fa-stack-overflow:before {content: "\f16c";}

.fa-instagram:before {content: "\f16d";}

.fa-flickr:before {content: "\f16e";}

.fa-adn:before {content: "\f170";}

.fa-bitbucket:before {content: "\f171";}

.fa-bitbucket-square:before {content: "\f172";}

.fa-tumblr:before {content: "\f173";}

.fa-tumblr-square:before {content: "\f174";}

.fa-long-arrow-down:before {content: "\f175";}

.fa-long-arrow-up:before {content: "\f176";}

.fa-long-arrow-left:before {content: "\f177";}

.fa-long-arrow-right:before {content: "\f178";}

.fa-apple:before {content: "\f179";}

.fa-windows:before {content: "\f17a";}

.fa-android:before {content: "\f17b";}

.fa-linux:before {content: "\f17c";}

.fa-dribbble:before {content: "\f17d";}

.fa-skype:before {content: "\f17e";}

.fa-foursquare:before {content: "\f180";}

.fa-trello:before {content: "\f181";}

.fa-female:before {content: "\f182";}

.fa-male:before {content: "\f183";}

.fa-gittip:before {content: "\f184";}

.fa-sun-o:before {content: "\f185";}

.fa-moon-o:before {content: "\f186";}

.fa-archive:before {content: "\f187";}

.fa-bug:before {content: "\f188";}

.fa-vk:before {content: "\f189";}

.fa-weibo:before {content: "\f18a";}

.fa-renren:before {content: "\f18b";}

.fa-pagelines:before {content: "\f18c";}

.fa-stack-exchange:before {content: "\f18d";}

.fa-arrow-circle-o-right:before {content: "\f18e";}

.fa-arrow-circle-o-left:before {content: "\f190";}

.fa-toggle-left:before,

.fa-caret-square-o-left:before {content: "\f191";}

.fa-dot-circle-o:before {content: "\f192";}

.fa-wheelchair:before {content: "\f193";}

.fa-vimeo-square:before {content: "\f194";}

.fa-turkish-lira:before,

.fa-try:before {content: "\f195";}

.fa-plus-square-o:before {content: "\f196";}

.fa-balance-scale:before {content: "\f24e";}

.highlight {background:#fff699;padding:0 0.5em;}



.resulticon{ background-position: -31px -80px; width: 20px; height: 16px;margin-right: 5px; }

.compareico{ background-position:-4px -81px; width: 21px; height: 16px;margin-right: 5px; }



.prose ul, .prose ol {list-style:outside disc;font-size:1em;line-height:1.5em;margin-bottom:1.5em;}

.prose p {font-size:1em;line-height:1.5em;margin-bottom:1.5em;}

.prose p.small {color:#666;font-size:0.8125em;line-height:1.84615em;margin-bottom:1.84615em;}

.prose p.medium {color:#666;font-size:0.875em;line-height:1.71429em;margin-bottom:1.71429em;}

.prose p:last-child {margin-bottom:0;}

.prose h1 {font-size:1.875em;line-height:1.2em;margin-bottom:0.4em;}

.prose h2 {font-size:1.5em;line-height:1.25em;margin-bottom:0.5em;}

.prose a {color:#6d7173;border-bottom:1px solid #a1cfe5;text-decoration:none;outline:none;}

.prose a:focus, .prose a:hover {color:#4ab336;border-bottom-color:#77b36b;}



.block {position:relative;margin:0 auto;width:100%;background:#fff;}



/*.close-btn {display:block;width:100%;height:45px;padding:0;border:0;outline:none;background:#341560 url("style/close-btn.svg") 15px center no-repeat;background-size:1.875em 1.875em;overflow:hidden;white-space:nowrap;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);padding:10px 0 0 35px;

            text-transform:uppercase;white-space:nowrap;width:100%;font-size:15px;padding-top:10px;

            color:#FFF !important;} */









#outer-wrap {position:relative;overflow:hidden;width:100%;}



#inner-wrap {position:relative;width:100%;}



#nav {z-index:200;position:relative; width:100%; top: -30px;}

#nav .close-btn {display:none;}

#nav .block {z-index:2;position:relative;}

#top {z-index:100;position:relative;}

#top .block-title {margin:0;font-size:1.875em;line-height:1.2em;text-align:center;white-space:nowrap;}

#main .block {padding:2.625em 1.875em;}

footer[role="contentinfo"] {background:#ddd;}



.newnav .linkswrap{border-bottom: solid 1px #e8e8e8; padding-bottom: 30px;}

.newnav .linkswrap ul{ display: inline-block; margin-right: 20px; vertical-align: top; }

.newnav .linkswrap li{ display: block; font-size: 12px; padding-bottom: 10px; }

.newnav .linkswrap li a{ font-family: 'robotoregular'; }

.newnav .left .blacklink{ color: #353535; font-family: 'robotomedium'; padding-top: 20px;display: inline-block;width: 100%; }

.newnav .left .blacklink:hover{color: #4f238d;}

.newRingLink .titlemain{ font-size: 14px; font-family: "robotomedium"; color:#4f238d;padding-bottom:15px; }

.newRingLink .subtitle{font-size: 12px; font-family: "robotomedium"; color:#4f238d;padding-bottom:10px;}

.newRingLink .linkswrap ul{ margin-right: 40px; }

.newRingLink .linkswrap{ padding-bottom: 0; border-bottom: none;width:350px;display: inline-block;margin-bottom: 20px; border-right: solid 1px #e8e8e8;    margin-right: 20px; }
.newRingLink .linkswrap.engmentring{ padding-bottom: 0; border-bottom: none;width:350px;display: inline-block;margin-bottom: 20px; border-right: solid 1px #e8e8e8;    margin-right: 0px; }

.newRingLink .startwith{font-size: 12px; font-family: "robotomedium"; color:#4f238d !important;display: inline-block;  }

.newRingLink .startwith:hover{text-decoration: underline;}

.newRingLink .mainlink{ display:inline-block; vertical-align: top; }

.newRingLink .mainlink li{ display: block;width: 100%; padding-bottom: 5px;}

.newRingLink .mainlink li a{font-size: 12px;  }



.newRingLink .left{ width:650px; }



.newBandLink .titlemain{ font-size: 14px; font-family: "robotomedium"; color:#4f238d;padding-bottom:15px; }

.newBandLink .linkswrap{padding-bottom: 0;border-bottom: none;width: auto;display: inline-block;height: 120px;

                        margin-bottom: 0;border-right: solid 1px #e8e8e8;margin-right: 20px;vertical-align: top;}

.newBandLink .linkswrap:last-child{ border-right: none; margin-right: 0; }

.bracletnav .linkswrap{ border-bottom: none;padding-bottom: 0;}

.subhoverlink{ position: relative; }

.subhoverlink a{font-size: 12px;font-family: "robotomedium";color:#4f238d !important; position: relative;z-index: 99;}

.subhoverlink a img{position:relative; right:0;top: 4px;}



.subhoverlink .subhover_nav{position: absolute; border: solid 1px #ccc;padding: 10px 17px; display: none;

                            border-radius: 5px;width: 190px;left: calc(100%); top: -36px;background: #fff;

                            box-shadow: 4px 8px 11px -9px rgba(0,0,0,0.57); -webkit-box-shadow: 4px 8px 11px -9px rgba(0,0,0,0.57);

}

.newRingLink .mainlink li.subhoverlink .subhover_nav a{ display: block;color: #000; padding-bottom: 10px; 

                                                        font-family: robotoregular;padding-bottom: 6px;border: none !important; }

.newRingLink .mainlink li.subhoverlink .subhover_nav a:hover{color: #4f238d;}

.subhoverlink:hover .subhover_nav{ display: block; }

/*.subhoverlink:hover:after{position: absolute;content: ''; width: 100%;height: 30px;border: solid 1px #ccc;

    left: -10px; top: -5px;border-right: none;background: #fff; display: none;}*/

.newRingLink .mainlink li a{display: inline-block; width: 101%;border: solid 1px transparent;

                            padding: 5px 5px; border-right: none;}

.newRingLink .mainlink li.subhoverlink:hover a{border: solid 1px #ccc; border-right: none;background: #fff;}





@media screen and (min-width:768px) {

    #top .nav-btn { border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}

    #nav .close-btn { border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}

    #nav .block-title { border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}

}



.no_scroll{ overflow: hidden; }

@media screen and (max-width:989px) {

    nav#nav{ display: none; }

    .abrir_menu { display: block;position: absolute; top: 45px; left: 15px; }

    .abrir_menu span { cursor: pointer; display: block; height: 28px; position: absolute; width:25px; z-index: 99; box-sizing: border-box; }

    .abrir_menu span i { display:block; height:3px; margin:4px 0; width:100%;  background-color:#4f238d;}

    .abrir_menu span i:last-child{ width: 70%; }

    .open > .abrir_menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: block; background: rgba(0,0,0,0.85); z-index: 99999; }

    .open > .abrir_menu span { opacity: 0.1 !important; }

    .menu_aberto { position: fixed; z-index: 99999; top: 0; left: -300px; width: 300px; height: 100%; overflow-x: hidden; overflow-y: scroll; transition: 0.3s; box-shadow: -4px 0 15px 0px #373435; -webkit-box-shadow: -4px 0 15px 0px #373435; -moz-box-shadow: -4px 0 15px 0px #373435; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }

    .open > .menu_aberto { left: 0; background-color: #ffffff; }

    .parent::after { content: "+"; float: right; font-size: 17px; }

    .hover.active .parent::after { content: "-"; font-size: 25px; }

    #navigator .title { background-color: #4b4b4b; border-bottom: 1px solid rgba(0, 0, 0, 0.043); box-shadow: -4px 0 5px 0 #373435; color: #fff; display: block; font-size: 20px; height: 60px; line-height: 62px; padding: 0 20px; text-shadow: 0.8px 0.8px 3px #111; text-transform: uppercase; -webkit-box-shadow: -4px 0 5px 0px #373435; -moz-box-shadow: -4px 0 5px 0px #373435; }

    #navigator ul li > ul, #navigator ul li li > ul, #navigator ul li li li > ul, #navigator ul li li li li > ul, #navigator ul li li li li li > ul { position: relative; width: 100%;  top: 0; left: 0; margin: 0; padding: 0; border: none; background: rgba(0,0,0,0.1); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }

    #navigator ul li { float: none; display: block; line-height: 25px; }

    #navigator ul li > ul{ box-shadow: 1px 5px 11px 1px rgba(0,0,0,0.57); }

    /*#navigator ul li a.startwith{ border-top: 1px solid rgba(0, 0, 0, 0.043); }*/

    /*#navigator ul li.hover a { color: #fff; }*/

    #navigator ul li.hover ul li { background: #fff; }

    #navigator ul li.hover ul li a {color: #575757; background: #fff; font-size: 12px; padding:0px 0 10px 0;

    }

    #navigator ul li.hover ul li a:hover{color: #4f238d;}

    #navigator ul li a { border-bottom: 1px solid rgba(0, 0, 0, 0.043) !important; background: #F7F7F7; 

                         display: block; font-size: 14px; padding: 10px 20px; color: #575757; }
  #navigator .my-account li a{font-size: 12px; padding: 10px 10px 5px 5px;}

    #navigator > ul > li:hover > a { background: #fff;}

    #navigator ul li li:hover > .parent { color: #fff; background-image: url(); }

    .nav ul { display: none; left: -9999px; }

    .nav li.hover > ul, .nav li li.hover > ul, .nav li li li.hover > ul, .nav li li li li.hover > ul, .nav li li li li li.hover > ul, .nav li li li li li li.hover > ul { position: static !important; display: block !important; }

    .loginmobinav .loginlink i { background-position: -155px -231px; width: 26px; height: 26px; display: inline-block; }

    .loginmobinav .loginlink a{ color:#4E238E; font-size: 12px; display: inline-block; }

    .loginmobinav .loginlink{ float: left;    padding-top: 10px; }

    .loginmobinav .searchmobi .mobile-search{display: block; max-width: 160px; top: 12px; right: 15px; }

    .loginmobinav{display: inline-block; background: #fff; padding: 10px; height: 62px; width: 100%;}

    #navigator .submenuHover{ width: 100%; background:#fff;padding: 10px; }

    #navigator .submenuHover ul{ display: inline-block; width: 49%;vertical-align: top;margin-bottom: 10px;  }

    #navigator .submenuHover ul a{padding: 0 !important; border: none !important;font-size: 12px !important; }

    #navigator .submenuHover .blacklink{padding-left: 0; border-bottom: none !important;}

    #navigator .submenuHover.newRingLink ul{width: 32%; margin-right: 0;}

    #navigator .submenuHover.newRingLink .linkswrap{width: 100%; border-right: none;  margin-right: 0;    margin-bottom: 10px;}

    #navigator .submenuHover.newRingLink .mainlink{ width: 100%; }

    #navigator .submenuHover.newRingLink .mainlink ul{ width: 100%; }

    #navigator .submenuHover.newRingLink .mainlink ul .subhover_nav{width: 100%; right: 0; position: static;}

    #navigator .submenuHover.newRingLink .mainlink ul a:after{ display: none; }

    #navigator .submenuHover .subhoverlink a img{ top: 8px; }

    #navigator .submenuHover.newRingLink .subhoverlink:hover:after{display: none;}

    #navigator .submenuHover.newRingLink .subhover_nav a {color: #575757 !important;width: 48%;display: inline-block;}

    #navigator .submenuHover.newRingLink .subhover_nav.widthfull a{ width: 100%; }

    #navigator .submenuHover.newRingLink .subhover_nav a:hover { color:#4f238d !important;}

    #navigator .submenuHover .subhoverlink a img{transform: rotate(90deg); -webkit-transform: rotate(90deg);}

    #navigator .submenuHover.newBandLink .linkswrap{ width: 100%; border-right: none; margin-right: 0px;height: auto; }

    #navigator .submenuHover.newBandLink .titlemain{ padding-bottom: 0px; }

    #navigator .submenuHover .widthfull{ width: 100%; }





    .menucontlink{ margin-top: 20px;     text-align: center;}

    .menucontlink a{ display: inline-block; text-align:center;  margin-right: 25px;}

    .menucontlink a:last-child{ margin-right: 0px; }

    .menucontlink i{ margin: 0px auto; }

    .menucontlink .icon-call{width: 36px; height: 32px;background-position: -9px -233px; display: block;}

    .menucontlink .icon-email{width: 33px; height: 32px;background-position: -47px -233px; display: block;}

    .menucontlink .icon-locate{width: 36px; height: 34px;background-position: -81px -233px; display: block;}

    .menucontlink .icon-appoint{width: 36px; height: 32px;background-position: -116px -233px; display: block;}







}





/**********************************************************************



                NEW CSS



***********************************************************************/



.menu { float:left;width:100%;height:40px;text-align:center;}

.menu li { display:inline-block;}

.menu li a.f1-link {display:block;outline:none;color:#353535;font-family:'Open Sans', sans-serif;font-size:14px;text-transform:uppercase;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px 19px;position:relative;}

.menu li a.f1-link:before {border-left:1px solid #dbdbdb;content:"";display:inline-block;position:absolute;top:10px;right:-3px;height:20px;}

.menu li:last-child a.f1-link:before { border-left:0px;}

.menu li:hover a.f1-link { background-color:#4f238d;color:#fff;}

.menu li.sub:hover a.f1-link:after {border-top:8px solid #53377a;border-right:8px solid transparent;border-left:8px solid transparent;content:"";display:inline-block;left:50%;position:absolute;bottom:-8px;z-index:2;margin-left:-8px;}



.menu li:hover .inner { display:block;}

.menu .inner { background-color:#ffffff;border-top: solid 1px #e2e2e2;position:absolute;left:0px;right:0px;

               width:100%;z-index:1; text-align:left;display:none; box-shadow: 0px 6px 11px -8px rgba(0,0,0,0.57); -webkit-box-shadow:0px 6px 11px -8px rgba(0,0,0,0.57); }



.leftmenu { float:left;width:200px; border:1px solid #c7c7c7;-webkit-border-radius: 5px;

            -moz-border-radius: 5px;

            border-radius: 5px;}

.leftmenu li { position:relative;display:block;}



.leftmenu li:last-child a.f2-link { margin-bottom:0px;border-bottom:0px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;}

.leftmenu li:first-child a.f2-link { border-top:0px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius: 5px;

                                     -moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;}



.leftmenu li a.f2-link:before {border-bottom:8px solid transparent;border-left:8px solid #4b4b4b;border-top:8px solid transparent;content:"";display:inline-block;position:absolute;top:10px;right:-8px;display:none;}

.leftmenu li a.showarrow:before {border-bottom:8px solid transparent;border-left:8px solid #4b4b4b;border-top:8px solid transparent;content:"";display:inline-block;position:absolute;top:10px;right:-8px;display:none;}





.leftmenu li a.f2-link{font-size:13px;text-transform:capitalize;display:block;text-align:left;padding:8px;position:relative;color:#353535; border-top:1px solid #f0eeee; border-bottom:1px solid #c7c7c7;background-color:#dfdfdf; }

.leftmenu li:hover a.f2-link:before,

.leftmenu li.active a.f2-link:before {border-left:8px solid #53377a; display:block;}



.leftmenu li:hover a.showarrow:before,

.leftmenu li.active a.showarrow:before {border-left:8px solid #53377a; display:block;}





.leftmenu li:hover a.f2-link,

.leftmenu li.active a.f2-link{background-color:#53377a;color:#fff;}



.leftmenu li.nosub a.f2-link:before { display:none;}

.leftmenu li.nosub.active .inner-right-mob { display:none;}



.leftmenu li:hover .inner-right { display:block;}

.inner-right { width:785px;display:block;float:right; /*background-color:#FFF;*/ }

.inner-right-mob { display:none;}



.mr15 { margin-right:-15px;}

.menu h6{font-size:15px;text-transform:capitalize;font-weight:600;color:#53377a;padding:5px 0px; text-align:left;}

.menu-search li { padding:4px 0px;float:none !important;display:block; text-align:left;}

.menu-search li a:hover { text-decoration:underline;color:#53377a;}



.left-inner-menu { float:left; width:150px;}

.left-inner-menu li { display:block !important;}

.left-inner-menu li:first-child{ padding-top:5px;padding-bottom:15px;}

.left-inner-menu li:first-child p { min-height:55px; font-size:13px;}

.left-inner-menu li a.f3-link { position:relative; padding-right:10px; display:inline-block; margin-bottom:14px;}

.left-inner-menu li a.f3-link:before {border-bottom:5px solid transparent;border-left:5px solid #4b4b4b;border-top:5px solid transparent;content:"";display:inline-block;position:absolute;top:6px;right:0px;}



.left-inner-menu-content { padding-left:155px;}

.left-inner-menu-content-phon { display:none;}



.arrowlink { position:relative; padding-left:10px; color:#53377a !important;}

.arrowlink:before {border-bottom:5px solid transparent;border-left:5px solid #4b4b4b;border-top:5px solid transparent;content:"";display:inline-block;position:absolute;top:4px;left:0px;}

.arrowlink:hover { text-decoration:underline;}



a.boldlink { color:#353535; font-weight:bold; font-size:13px;}

a.boldlink:hover { text-decoration:none; color:#53377a; }



.tex-height { min-height:55px; display:block;}



@media (max-width:1099px) {

    .menu li a.f1-link { padding:10px 16px;}

    .leftmenu { float:left;width:180px;}

    .leftmenu li a.f2-link{font-size:12px;}

    .inner-right { width:745px;left:105%;}

}



@media (max-width:989px) {

    .menu li a.f1-link { padding:10px 8px;font-size:12px;}

    .leftmenu { float:left;width:160px;}

    .inner-right { width:545px;}

    .menu h6 { font-size:13px;}

    .menu p { font-size:12px;}



}



@media (max-width:989px) {

    .leftmenu li.left-nosub-mob a.f2-link:before { display:none;}

    .leftmenu li.left-nosub-mob.active .inner-right-mob { display:none;}

    .left-inner-menu li.left-nosub-mob a.f3-link:before { display:none;}

    .left-inner-menu li.left-nosub-mob.active1 .left-inner-menu-content-phon { display:none;}



    .inner-right { display:none !important;}



    .leftmenu, .leftmenu li:last-child a.f2-link, .leftmenu li:first-child a.f2-link {-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}



    .leftmenu { width:100%;border:0px;}

    .leftmenu li a.f2-link{font-size:13px;padding:10px 15px 11px;}

    .leftmenu li a.f2-link:before{border-bottom:5px solid transparent;border-left:5px solid transparent;border-top:5px solid transparent;top:14px;right:18px; left:auto;display:block;}

    .leftmenu li a.showarrow:before{border-bottom:5px solid transparent;border-left:5px solid #4f238d;border-top:6px solid transparent;top:14px;right:18px; left:auto;display:block;}



    .leftmenu li.childli a.showarrow{background:none; border-left: 0 none; content: ""; cursor: pointer; height: 40px; position: absolute; right: 0; top: 0; width: 40px;

                                     z-index: 2;}







    .leftmenu li.childli a.showarrow:before {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}





    .leftmenu li:hover a.f2-link:before {border-left:5px solid transparent;}

    .leftmenu li:hover a.showarrow:before {border-left:5px solid #4f238d;}







    .leftmenu li.active a.f2-link:before {-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);border-left:5px solid transparent;}

    .leftmenu li.active a.showarrow:before {-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);border-left:5px solid transparent;}



    .leftmenu li.childli a.showarrow:before, .leftmenu li.active a.showarrow:before{border-bottom:5px solid transparent;border-left:5px solid #4f238d;border-top:6px solid transparent;content:"";display:block;position:absolute;top:14px;right:18px; z-index:1; left:auto; margin-left:auto; bottom:auto; border-right:0px;}



    .leftmenu li.active a.showarrow:before{border-left:5px solid #fff;}











    .leftmenu li.active .inner-right-mob { display:block; background-color:#fff;}

    .inner-right-mob {position:relative;width:100%;float:left;left:0px;padding:5px 15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; display:none;}



    .pd0 { padding:0px;}

    .mr15 { margin-right:0px;}

    .menu-border { margin:15px 0px; border-bottom:1px solid #666;}



    .inner-right-new { padding:0px !important;}

    .left-inner-menu { float:left; width:100%;}

    .left-inner-menu li { display:block !important;}

    .left-inner-menu li:first-child{ padding:10px;}

    .left-inner-menu li:first-child p { min-height:inherit;}

    .left-inner-menu li a.f3-link { display:block; margin-bottom:0px; padding:10px 15px; background-color:#e6e4e4; border-bottom:1px solid #fff;}

    .left-inner-menu li a.f3-link:before {top:14px;right:18px;}

    .left-inner-menu li.active1 a.f3-link:before{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);}

    .left-inner-menu li.active1 .left-inner-menu-content-phon { display:block;}

    .left-inner-menu-content-phon { padding:10px 15px;}

    .left-inner-menu-content { display:none !important;}



    .menu li a.f1-link, .leftmenu li a.f2-link

    {-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}

    .menu li.sub a.f1-link:after, .menu li.active a.f1-link:after, .leftmenu li a.f2-link:before, .leftmenu li.active a.f2-link:before, .left-inner-menu li.active1 a.f3-link:before, .left-inner-menu li a.f3-link: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;}



}

@media (max-width:439px) {.menu .container { width:auto;}}



h1, h2, h3{font-family: 'robotoregular';font-size:24px;padding:0;margin:0;color:#4f238d; font-weight:400;}

h1{margin:10px 0px; padding-bottom:10px;}



.sortlabel{ float:left; min-width:50px; padding:8px 10px 0 10px}



.paging ul li{display:inline-block;vertical-align:middle;text-align:center;margin:0px 2px;font-size:12px;}

.paging ul li.current{padding:2px 5px;display:inline-block; border:1px solid #4f238d; background:#fff; color:#4f238d;}

.paging ul li a{border:1px solid #ececec; background:#e1e1e1;}

.paging a{padding:2px 5px;display:inline-block;}

.paging a:hover{text-decoration:none; border:1px solid #ececec; background:#fff; color:#4f238d;}



.paging a.prev, .paging a.next{ background:none; border:none; font-size:30px; padding:0; color:#4f238d;}

.recentview .cmp-left td, .cmp-right td {white-space:inherit !important;}



/* Preset Listing Format */

.product{ text-align:center; margin:10px 0 30px 0; position:relative;}

.product .prodicons{/* position:absolute;*/ width:90%; float:left;}

.product .prodicons a i{color:#4f238d}

.product .prodicons a i:hover{color:#353535}

.product .product-image { padding-bottom:8px;}

.product .newshap{ text-align:center; height:15px; display:block;}

.product .newshap img { line-height:15px;}



.product .newshap a{text-align:center; border:1px solid #ffffff; padding-top:3px;}

.product .newshap a:hover{border-color:#4f238d;}





.product h4{ min-height:35px; line-height:14px; text-transform:capitalize; padding-top:5px;max-height: 35px;overflow: hidden}

.product h4 a{ color:#353535; font-size:13px; }

.product h4 a:hover{ color:#4f238d;}



.product h5{ min-height:20px; line-height:14px; text-transform:capitalize; padding-top:5px;}

.product h5 a{ color:#353535; font-size:13px; }

.product h5 a:hover{ color:#4f238d;}



.product .price{ color:#098002; font-weight:bold;}







.product-image:hover .prhover-info{display:block;}

.prhover-info-right {left: -240px; right: auto;}

.prhover-info {background:#fff; border:1px solid #4f238d; border-radius:4px; display:none; padding:10px; position:absolute;  right:-240px; top:-1px; width:260px; z-index:99;}

.prhover-info .deta-hd{border-bottom: 1px solid #ddd;  color:#4f238d;  display:block;  padding:5px; text-align:left; text-transform:capitalize;}

.prhover-info h4{color:#000000;  display:block;  padding:5px; text-align:left; line-height:18px; text-transform:capitalize; font-size:13px; font-weight:bold;}

.prhover-info li {border-bottom:1px solid #ddd;  float:none;  margin:0;  padding:2px;  width:100%; text-align:left;}

.prhover-info li:hover { border-bottom: 1px solid #ddd;  border-color: #fff #fff #ddd;}

.prhover-info li span, .prhover-info li label {color:#6a6a6a;  display:inline-block;  font-size:11px;  margin:0;  vertical-align:top;  width:45%;}

ul.pr-listing, .prhover-info ul{list-style-type:none;  margin:0; padding:0;}

.prhover-info:before{content:""; position:absolute; top:70px; left:-13px; border-top:12px solid transparent;  border-bottom:12px solid transparent; border-right:12px solid #4f238d;}

.prhover-info-right:after{content:""; position:absolute; top:70px;  right:-13px; border-top:12px solid transparent;  border-bottom:12px solid transparent; border-left:12px solid #4f238d;}

.prhover-info-right:before{display:none;}



/*Sapphire Listing Format */

.sapproduct{ margin:8px 0 0 0}

.sapproduct .price{ color:#098002; font-weight:bold;}



.sapprod-lab h4{font-size:15px; color:#000; font-weight:600; text-transform:none;}

.sapprod-lab {margin:15px 0px 15px 0px; padding-bottom:40px;}

.sapprod-lab li{width:100%; padding:2px 0; float:left; font-size:12px;}

.sapprod-lab li.help {background:url(../images/help-icon.jpg) no-repeat; background-position:0px 2px;}

.sapprod-lab li span{width:140px; padding-left:20px; float:left}

.sapprod-lab li a span{ color:#4f238d; font-size:12px; text-decoration:none}

.sapprod-lab li a span:hover{ color:#4f238d; text-decoration:underline!important}



.sapproduct .certi li{ float:left; margin:2px; border:1px solid #c9c9c9; }



.sapproduct input{display:none;}







/*compare page***/

.cmp-left ul,.cmp-right ul{list-style:none}

.cmp-left td,.cmp-right td{padding:3px;border-right:1px solid #fff; white-space: nowrap;}

.cmp-left tr.darkbg td,.cmp-right tr.darkbg td{/*background:#e2e2e2*/}

.redlmr { background:#c43535; border-radius:3px; color:#fff !important; font-size:12px; font-weight:600; padding:5px 10px; text-decoration:none !important; transition:all 0.6s ease;}

.redlmr:hover { /*background:#353535;*/ color:#fff !important; transition:all 0.6s ease;}

.redlmr:visited { background:#c43535; color:#fff !important; transition:all 0.6s ease;}

.listview .owl-carousel{padding-right:17px;}



.cmp-left td.stnsubhead{ white-space:inherit; font-size:14px; font-weight:bold; color:#4f238d; }



.owl-item .btmline{ text-align:center}



#comparePageSlider .owl-pagination {display:none;}





#comparePageSlider .owl-buttons {display:block;}

#comparePageSlider .owl-buttons {float:left;width:100%;}



#comparePageSlider .owl-buttons .owl-prev, 

#comparePageSlider .owl-buttons .owl-next {background:url(../images/slider2.png) no-repeat; cursor:pointer; height:36px; text-indent:-9999px; width:25px; position:absolute; top:50px;}

#comparePageSlider .owl-buttons .owl-prev {background-position:left top; left:-30px;}

#comparePageSlider .owl-buttons .owl-next {background-position:right top; right:-10px;}

#comparePageSlider .owl-buttons .disabled {/*display:none;*/}

#comparePageSlider .owl-buttons .owl-prev:hover, #comparePageSlider .owl-buttons .owl-next:hover {background:url(../images/slider-icon2.png) no-repeat;}

#comparePageSlider .owl-buttons .owl-prev:hover {background-position:left top; float:left;}

#comparePageSlider .owl-buttons .owl-next:hover {background-position:right top; float:right;}



#variationsSlider .owl-pagination {display:none;}

#variationsSlider .owl-buttons {display:block;}

#variationsSlider .owl-buttons {float:left;width:100%;}



#variationsSlider .owl-buttons .owl-prev, 

#variationsSlider .owl-buttons .owl-next {background:url(../images/slider2.png) no-repeat; cursor:pointer; height:36px; text-indent:-9999px; width:25px; position:absolute; top:80px;}

#variationsSlider .owl-buttons .owl-prev {background-position:left top; left:-30px;}

#variationsSlider .owl-buttons .owl-next {background-position:right top; right:-10px;}

#variationsSlider .owl-buttons .disabled {/*display:none;*/}

#variationsSlider .owl-buttons .owl-prev:hover, #comparePageSlider .owl-buttons .owl-next:hover {/*background:url(../images/slider-icon2.png) no-repeat;*/}

#variationsSlider .owl-buttons .owl-prev:hover {background-position:left top; float:left;}

#variationsSlider .owl-buttons .owl-next:hover {background-position:right top; float:right;}



#viewCompareSlider .owl-pagination {display:none;}

#viewCompareSlider .owl-buttons {display:block;}

#viewCompareSlider .owl-buttons {float:left;width:100%;}

#viewCompareSlider .owl-buttons .owl-prev, 

#viewCompareSlider .owl-buttons .owl-next {background:url(../images/slider2.png) no-repeat; cursor:pointer; height:36px; text-indent:-9999px; width:25px; position:absolute; top:80px;}

#viewCompareSlider .owl-buttons .owl-prev {background-position:left top; left:-30px;}

#viewCompareSlider .owl-buttons .owl-next {background-position:right top; right:-10px;}

#viewCompareSlider .owl-buttons .owl-prev:hover {background-position:left top; float:left;}

#viewCompareSlider .owl-buttons .owl-next:hover {background-position:right top; float:right;}





.cart-dropdown{position:relative}

.cart-dropdown a{padding:8px 15px; font-size:14px; font-weight:600; color:#fff; display:block;	text-align:center; line-height:22px;

                 background: #2e0665; /* Old browsers */}

.cart-dropdown:hover a{background:#353535; }



.cart-dropdown ul{ margin-top:-3px; position:absolute; width:95%; display:none; z-index:9; border:1px solid #d8d8d8; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); border-radius: 4px; border-top-right-radius: 0px; border-top-left-radius: 0px; border-top:none;}

.cart-dropdown li{margin:0; padding:0; list-style:none; width:100%; border-top:1px solid #d0d0d0}

.cart-dropdown li a{background:#fff!important;color:#353535; display:block; padding:5px 10px; font-weight:600; text-align:left}

.cart-dropdown li a:hover{background:#353535!important; color:#fff; }

.cart-dropdown:hover ul{display:block}



.toolbar .sortby {display:none;}

.mr5{margin-right:5px;}

.ml5{margin-left:5px;}

.overflow-hidden{overflow:auto; overflow-x:hidden; position:relative; width:100%; float:left; min-height:250px; }



.bgfilters{ background:#f1f1f1; border:1px solid #cdcdcd;  padding:10px 10px 0px 10px!important;}

.item.bgfilters h3{font-size:15px; font-weight:normal; color:#353535; margin:0; padding-bottom:5px; text-align:left;  font-weight:600;}

a.reset{background:#c43535; color:#ffffff; border-radius:6px 6px 0 0 ; font-size:12px; padding:3px 15px; font-weight:bold; position:absolute; right:15px; top:-23px;}



/*------SMALL-SHAPE-----------------*/

.shape-t {margin-left:-5px; }

.shape-t li {float:left; list-style:none; display:table; margin:0 0 5px 5px; text-align: center; border:1px solid #dbdbdb; border-radius:4px;background:#fff;

             -webkit-box-shadow: inset 0px 0px 1px 0px rgba(50, 50, 50, 0.27);

             -moz-box-shadow:    inset 0px 0px 1px 0px rgba(50, 50, 50, 0.27);

             box-shadow:         inset 0px 0px 1px 0px rgba(50, 50, 50, 0.27);

}

.shape-t li a {/*padding:0 5px;*/ font-size:10px; color:#353535; line-height:10px; vertical-align:middle; display:table-cell; height:45px;}

.shape-t li a span{ display:block; height:20px;}

.shape-t li a img {vertical-align: middle;}

.shape-t li.active {border: 1px solid #4f238d;  background:#4f238d;}





.shape-t li:hover{border: 1px solid #4f238d}

.shape-t li.inactive {border: 1px solid #dbdbdb;  background:#fff;}

.shape-t li.inactive:hover{border: 1px solid #4f238d}

.shape-t li.active a{color:#fff;}





.show-shape, 

.shape-t li.active .show-shape, 

.shape-t li a .hide-shape{position:absolute;left:-9999px}





.shape-t li a .show-shape, 

.hide-shape, 

.shape-t li.active .hide-shape{position:relative;left:auto}





/*------SMALL-SHAPE--END----------------*/





/*------RANG SLIDER ----------------*/



.slider-tip {opacity:1; bottom:120%;  margin-left: -1.36em;}

.ui-slider { position: relative; text-align: left; }

.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width:40px; height:50px; cursor: default; border:none }

.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }



.ui-slider-horizontal { height:47px; }

.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }

.ui-slider-horizontal .ui-slider-range-min { left: 0; }

.ui-slider-horizontal .ui-slider-range-max { right: 0; }



.ui-widget-content { border: 1px solid #d9d9d9; color: #222222; }

.ui-widget-header{ border: 1px solid #d4cbe1; border-radius:4px; color: #222222; font-weight: bold; background: #c7b6de;}



.ui-corner-all { border-radius:4px; border:1px solid #dbdbdb; }



/*--------RANG STEP input------------------*/

.serch-input{width:100%;}



.serch-input input{background:#ffffff; color:#353535; border-radius:4px; border:1px solid #dbdbdb; padding:15px 0; width:85px; display:block; text-align:center; font-size:12px;

                   -webkit-box-shadow: inset 0px 0px 1px 0px rgba(50, 50, 50, 0.27);

                   -moz-box-shadow:    inset 0px 0px 1px 0px rgba(50, 50, 50, 0.27);

                   box-shadow:         inset 0px 0px 1px 0px rgba(50, 50, 50, 0.27);

}



/*------RANG SLIDER  END----------------*/



/*------filter-button----------------*/

.dtable .btn-lg{background:#ffffff; color:#353535; border-radius:4px; border:1px solid #dbdbdb; height:47px; padding:14px 0px; width:100%; display:block; text-align:center; font-size:11px;

                -webkit-box-shadow: inset 0px 0px 1px 0px rgba(50, 50, 50, 0.27);

                -moz-box-shadow:    inset 0px 0px 1px 0px rgba(50, 50, 50, 0.27);

                box-shadow:         inset 0px 0px 1px 0px rgba(50, 50, 50, 0.27);

}



.dtable .btn-lg.active{background:#4f238d; color:#ffffff; border:1px solid #4f238d;}

.dtable .btn-lg:hover{border:1px solid #4f238d;}



/*------filter-Color Intensity  css----------------*/



ul.shape-sm li{width:15%;}

ul.color-i li{width:23.3%;}



ul.shape-5 li { width:18.2%;}



/*------filter-2  css----------------*/

ul.color-shape li{width:18.3%;}

ul.origin li{width:31.6%;}

ul.gift-occasion li{width:47.6%;}

ul.ringstyle li{height:78px; width:31.7%;}

.ringstyle li a span{height:auto;}

ul.ringstyle2 li{height:70px; width:23%;}

.ringstyle2 li a span{height:auto !important;}

.metal-shap li{width:23.3%;}

.style-type li{width:48%;}



.s-f{display:none;}

.h-f{display:block;}



/*------filter-bottom-advanced button  css----------------*/



.advanced-sec{background: #fbfafc; /* Old browsers */

              background: -moz-linear-gradient(top, #fbfafc 0%, #e5e0ed 30%, #d5cbe1 63%, #d2c8de 100%); /* FF3.6+ */

              background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfafc), color-stop(30%,#e5e0ed), color-stop(63%,#d5cbe1), color-stop(100%,#d2c8de)); /* Chrome,Safari4+ */

              background: -webkit-linear-gradient(top, #fbfafc 0%,#e5e0ed 30%,#d5cbe1 63%,#d2c8de 100%); /* Chrome10+,Safari5.1+ */

              background: -o-linear-gradient(top, #fbfafc 0%,#e5e0ed 30%,#d5cbe1 63%,#d2c8de 100%); /* Opera 11.10+ */

              background: -ms-linear-gradient(top, #fbfafc 0%,#e5e0ed 30%,#d5cbe1 63%,#d2c8de 100%); /* IE10+ */

              background: linear-gradient(to bottom, #fbfafc 0%,#e5e0ed 30%,#d5cbe1 63%,#d2c8de 100%); /* W3C */

              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfafc', endColorstr='#d2c8de',GradientType=0 ); /* IE6-9 */

              border:solid 1px #cdcdcd; border-top:none; border-bottom:solid 1px #513579; padding:5px 10px; width:100%; float:left;

              font-size:14px; color:#4f238d; text-decoration:underline; 

}



.advanced-sec a {color: #4f238d; font-size: 14px;  text-decoration: underline;font-weight:bolder}

.advanced-sec i{font-size:18px; color:#4f238d; height:20px; vertical-align:middle;}

.advanced-sec a:hover{text-decoration:none;}

.advanced-sec a.left{opacity:0;}

.advanced-sec a.left1 {

    opacity: 0;

    display: none

}

.advanced-sec a.right1 {

    opacity: 0;

    display: none;

}



.sapproduct label span{padding-left:19px; color:#4f238d; font-size:13px;}

.sapproduct .cl-btn{display:none;}





.search-f{border:solid 1px #f6f6f6; padding:10px 0; color:#606060; width:100%; float:left;}

.search-f .search-next{float:right; padding-top:8px;}

.search-f-top .search-next{padding-top:3px;}

.search-f .search-next a{padding-right:10px;}

.search-f .search-next a.active{font-weight:bold;}

.search-f a{display:inline-block;}





.result-table-width {float:left; position:relative; width:100%; overflow: hidden;}

.Result-table {border:1px solid #f6f6f6;width:100%;  overflow-x:auto;  overflow-y:hidden; max-height:500px;}

.DSgrid {float:left; width:100%;}

.DSgrid .allborder {border:none; border-spacing:0; table-layout:fixed; width:100%; }

.DSgrid .tableheader th {background:#4f238d;color:#FFF;font-weight: normal;height: 38px;padding: 7px 4px;text-transform: uppercase; font-size:12px;}

.DSgrid .tableheader th.bkspace {width: 18px!important;}

.DSgrid .allborder .gridData tr:nth-child(2n+2) td {background-color:#f3f3f3;}

.DSgrid .gridMiddle {background-color:#ffffff; margin-top:-1px;}

.DSgrid .gridMiddle td {background-color:#fff;color:#333;font-size:11px;height: 20px;overflow: hidden;padding: 7px 4px;text-align: center;}

.DSgrid .tableheader th.sort_asce {}

.DSgrid .allborder .gridData tr:hover td, .DSgrid .allborder .gridData tr:nth-child(2n+2):hover td.details-data, .DSgrid .allborder .gridData tr:nth-child(2n+2):hover td.price-data {background-color: #e9e9e9;}

a.view-btn {background-color:#fff; border:1px solid #797979; color:#4f238d; display:inline-block; line-height:24px;  font-size:12px; padding:2px 12px;  text-decoration:none; text-transform: uppercase;}



.DSgrid .tableheader th,.DSgrid .gridMiddle td{}





/*Sicky Grid*/

@media only screen and (max-width:1023px){

    .DSgrid .tableheader th.bkspace { display:none;}

}

@media only screen and (max-width:989px){

    .DSgrid { width:800px;}

    .DSgrid .tableheader th.price-col { height:34px; line-height:34px; z-index:1; border-top:1px solid #ccd5ee; top:0px;}

    .DSgrid .gridMiddle td.price-data, .DSgrid .tableheader th.price-col { position:absolute; right:0px; width:80px;border-right:1px solid #ccd5ee;}

}

/*Grid*/



/*gernal CSS Required*/

.hide-col {display:none;}

.show-col {display:block;}

.noBdr {border:0px !important;}

.bkspace { width:1px; }



@media only screen and (max-width:980px)

{

    .bkspace { display:none;}

}





.sort_asce{background:url(../images/sort_asc.png) no-repeat  95% 19px #25998c!important; color:#ffffff!important;}

.sort_desc{background:url(../images/sort_desc.png) no-repeat 95% 22px #25998c!important; color:#ffffff!important;}





/*Grid Header*/



.d-result-list {width:100%; position:relative;}

.d-result-list .allborder {background:#ccd5ee; border:0px; width:100%; border-collapse:0px;table-layout:fixed;}

.d-result-list .tableheader th {background:#deeef4;color:#000000;padding:7px 7px;}



.d-result-list .tableheader th.price-col { /*background-color:#00428C; color:#FFFFFF;*/ padding:17px 0px; z-index:50;}

.d-result-list .tableheader th.price-col a { padding:0px; color:#ffffff; display:block;}





/*Sticky Wrap*/

.d-result-list .d-sticky-wrap {overflow-x:scroll;overflow-y:hidden;width:100%; border:1px solid #D5DEF8; border-bottom:2px solid #D5DEF8;-webkit-overflow-scrolling: touch;}



/*Grid Middle Data*/

.DSgrid .gridMiddle .gridData { background-color:#FFFFFF;  }



.DSgrid .gridMiddle {overflow-y:scroll; overflow-x:hidden; /*border:solid 1px #D5DEF8;*/ max-height:420px; background-color:#FFFFFF;} 

.DSgrid .gridMiddle.hrscroll{overflow-x:scroll;}

.DSgrid .gridMiddle table { table-layout:fixed;}

.DSgrid .gridMiddle table tr {/*height:28px;font-family:Verdana;*/ font-weight:normal; font-size:12px; cursor:pointer; text-align:left; }



/*

.DSgrid .gridMiddle table tr:nth-child(even) {background: #EFF2FC;}

.DSgrid .gridMiddle table tr:nth-child(odd) {background: #FFFFFF;}

*/

.DSgrid .gridMiddle table tr.trHover {background:#eef8f8!important;} /* grid row alternate color*/

.DSgrid .gridMiddle table td, .DSgrid .gridMiddle table tr th{text-align:center; overflow:hidden; padding:1px 5px; height:35px;}



.DSgrid .gridMiddle table th.price-data {background-color:#deeef4 ; padding:1px 5px; height:35px;}

.DSgrid .gridMiddle table th.price-data a { padding:0px; color:#25998c; display:block; font-weight:bold; text-decoration:underline;}

@media only screen and (min-width: 981px) and (max-width: 1099px){	

    .DSgrid .gridMiddle,.DSgrid .dsheader{width:938px;}

}

@media only screen and (max-width: 980px){	

    .width980 { width:100% !important;}}



@media only screen and (max-width:989px)

{



    .DSgrid { width:703px;}

    /*.gridData  tr td:last-child { display:none;}*/

    .DSgrid .gridMiddle table tr th.price-data {position:absolute !important; right:0px; padding:9px 0px 10px; width:87px; height:18px;}

    .d-result-list .tableheader th.price-col { background-color:#25998c ; color:#FFFFFF;}

    .d-result-list { overflow:hidden !important; }

    .d-result-list th.price-col{ position:absolute; right:0px; z-index:999; top:0px; width:87px;}



}



@media only screen and (max-width:989px)

{

    .DS-ajaxWait { width:100% !important;}

}





/*Style grid Bottom*/

.gridBottom {border:#000; background:#Fff; position:relative; z-index:100; border-top:solid 0px #535353; top:-1px;}





/*Hover Diamond Info Box*/



.gridHover{}

@media only screen and (max-width:980px)

{

    .gridHover { display:none;}

    .DSgrid .gridMiddle,.DSgrid .dsheader{width:903px;}

}



/*AjaxWaiting Box*/

.DS-ajaxWait { position:absolute; height:100px;  text-align:center; z-index:99999; cursor:wait; }

@media only screen and (max-width:989px){

    .DSgrid .tableheader th{font-size:11px;}

    .DSgrid .gridMiddle td{font-size:10px;} 

    .DSgrid .symmetry{width:60px;}

    .DSgrid .compare{width:55px;}

    .DSgrid .pr,.DSgrid .ct,.DSgrid .clarity{width:50px;}

    .DSgrid .polish{width:45px;}

}

@media only screen and (max-width:989px){

    #filter-slider .owl-wrapper-outer{border:none;} 

    #filter-slider .bgfilters{background:#f1f1f1; border:1px solid #cdcdcd; min-height:194px;} 

    .column .dtable{height:171px;} 

    .search-f{text-align:center;} 

    .search-f .search-next{float:none; padding:10px 0;}

    .DSgrid .gridMiddle,.DSgrid .dsheader{width:903px;}

    .DSgrid .tableheader th, .DSgrid .gridMiddle td{width:inherit;}

}



@media only screen and (max-width:479px){.s-f{display:block;}.h-f{display:none;} .search-f span.item{width:100%; padding-top:5px; display:inline-block;}.DSgrid .dt{width:80px!important;}}



.dtable{display:table;}

.por{position:relative;}



/*--OPSUN--*/

.d-search{position:absolute;width:100%;float:left;}

.d-search2{position:absolute;width:100%;float:left; left:100%;}

.d-search3 {

    position: absolute;

    width: 100%;

    float: left;

    left: 100%

}



span.hd-shape{display:none;}

#filter-container .item{min-height:304px;}

.column{/*.left;*/}

.mob-filter{width:100%;float:left;padding:10px 15px 0px; height:240px; background:#f1f1f1; border:solid 1px #cdcdcd;}

.mob-filter ul{margin:0;padding:0;list-style:none;margin-left:-2%;}

.mob-filter ul li{margin:15px 0 0 2%;font-size:14px;text-align:center;width:31.3%;float:left;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.mob-filter ul li a.shap-box{text-decoration:none;display:block;text-transform:uppercase;box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.05);padding-top:20px;padding-bottom:20px; background:#4f238d; color:#ffffff;}

.mob-filter ul li a span{float:right;padding-right:15px;}

.d-search .close,.d-search2 .close2,.d-search3 .close3,.d-search .close:hover,.d-search2 .close2:hover,.d-search3 .close3:hover {

    position: absolute;

    top: 12px;

    right: 15px;

    color: #fff;

    opacity: 1

}



.show2{display:block !important;}

.show3 {

    display: block!important

}

.detail-ring{padding:20px 30px;margin:0px 0px 1px;margin-top:30px;font-size:12px;}

.detail-ring .price-box{font-size:16px;}

.detail-ring .price-box .price{font-size:20px;}



.filter-open, .filter-toggle .filter-close { display:none; }

.filter-toggle .filter-open { display:block; }

.filter-button i{font-size:15px; font-size:24px; margin:0 5px; vertical-align:middle; height:28px;}

/* Mobile Filter ***/

.mo-filter-heading { background-color:#e1e1e1; color:#36156e; padding:0 10px; border:solid 1px #cdcdcd; }

.mo-filter-title { display:none; }

.mo-filter-heading { display:none; }

.mo-filter-heading h2 { margin:0; padding:10px 0; font-size:18px; }

.mo-filter { cursor:pointer; padding:6px 0 0; float:right;}

.mo-filter i{font-size:24px; margin:5px;}

.filter-toggle .mo-filter.close { display:block; }

.myo-fillter .filter-bar .d-search{position:relative;}





/* Filter Bar ***/

.loosestone-filter{}

.filter-bar { width:100%;  margin-bottom:20px; border-top:solid 1px #eeeeee; background:#ffffff; }

/* Filter Button ***/

.filter-button { width:226px; line-height:34px; margin:0 auto; background-color:#c43535; color:#fff; cursor:pointer; text-align:center; text-transform:uppercase; border-radius:0 0 12px 12px; font-size:12px;}





/* Filter Container ***/

.filter-container {border-bottom:0px solid #e1e1e1; position:relative; width:100%!important; }

#caratweight a:last-child, #price a:last-child{margin-left:-30px!important;}

#clarity a:last-child, #lengthmm a:last-child, #brilliance a:last-child, #widthmm a:last-child, #centerstone a:last-child{margin-left:-30px!important;}



.column .dtable{width:100%; float:left;}



@media only screen and (max-width:1100px){

    ul.color-i li{width:23%;} 

    ul.color-shape li{width:18%;}

    ul.shape-sm li{width:14.8%;} 

    ul.ringstyle li{width:31%;}

    ul.metal-shap li{width:23%;}

    ul.origin li{width:31.6%}

}

@media only screen and (max-width:989px){

    ul.color-shape li{width:18.5%;} 

    ul.color-i li{width:23.5%;}

    ul.ringstyle li{width:10.4%;}

    ul.metal-shap li{width:23.4%;}

    ul.shape-sm li{width:15.1%;}

    #filter-container .item{min-height:447px;}

}



@media only screen and (max-width:640px){}

@media only screen and (max-width:600px){ul.color-shape li{width:18.8%;} ul.ringstyle li{width:18.8%;} ul.metal-shap li{width:23.7%;} ul.color-i li{width:18.6%;} ul.shape-sm li{width:15.3%;}}

@media only screen and (max-width:480px){ul.ringstyle li{width:18.3%;}  ul.shape-t li{width:31.4%;} ul.color-i li{width:31.3%;} ul.shape-sm li{width:23%;} ul.ringstyle li img{width:50%;} }





@media (min-width:320px){

    .column-one,.column-two,.column-three,.column-four,.column-five,.column-six,.column-seven,.column-one2,.column-two2,.column-three2,.column-four2,.column-five2,.column-six2,.column-seven2,.column-eight2,.column-one3,.column-two3,.column-three3,.column-four3,.column-five3,.column-six3 {

        display:none

    }



    .mob-filter,.mob-filter2,.mob-filter3,.d-search .close,.d-search2 .close2,.d-search3 .close3 {

        display: block

    }



    .wrapper {

        width: 100%

    }



    .filter {

        display: inline-block

    }

}

@media (min-width:989px){

    .column-one,.column-two,.column-three,.column-four,.column-five,.column-six,.column-seven,.column-one2,.column-two2,.column-three2,.column-four2,.column-five2,.column-six2,.column-seven2,.column-eight2,.column-one3,.column-two3,.column-three3,.column-four3,.column-five3,.column-six3 {

        position:relative;

        display: block;

        padding: 0

    }



    .mob-filter,.mob-filter2,.mob-filter3,.filter,.d-search .close,.d-search2 .close2,.d-search3 .close3 {

        display: none

    }









}



@media only screen and (max-width:480px){.mob-filter ul li{width:31%;}

                                         .column .opsun-content{padding-top:10px;}

}



.f-left, .left {

    float: left !important;

}

.f-right, .right {

    float: right !important;

}

.catinner{width:100%; float:left; margin-top:5px; margin-bottom: 10px;}



.diamond-shap .catinner .but { width: 100%; height: 43px; text-align: center; line-height: 43px; font-size: 18px; background: #bc9b4d; color: #FFFFFF; transition: all 0.5s ease; cursor: pointer; display: block; text-transform: uppercase; font-weight: normal; font-family: 'Gentium Basic', serif; }

.diamond-shap .catinner .but:hover { background: #1d1d1d; color: #FFFFFF; transition: all 0.5s ease; }

.diamond-left .diamond-shap .catinner .adv_serch { left: 0px; margin-left: 0px; }

.diamond-shap .catinner .ui-slider-label { margin-bottom: 25px; }



/****/

.slider-corner { background:#fff; border:1px solid #dbdbdb; padding:0 0px;}

.ui-slider-label { padding-left:5px; padding-right:5px; }

/* slider default background color */

.ui-widget-content { background-color:#ffffff; }

.ui-slider .ui-slider-range {}



/* slider handle background color */

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background:#481989;}



/* slider height */

.ui-slider-horizontal { height:10px /* default height 0.3em */; border:none;  }



/* slider handle */

.ui-slider .ui-slider-handle {width: 15px; height: 15px;border-radius: 50%; }

.ui-slider-horizontal .ui-slider-handle { margin-left:0px /* default 0px */; top:-3px /* default -0.7em */; z-index:99;}

.ui-slider-horizontal .ui-slider-handle:last-child{margin-left:-21px}

.braceletmobi_length .ui-slider-handle{width: 40px; height: 50px; border-radius: 0px;background:url(img/rang-icon.png) center center no-repeat; background-position:0px 1px; }

/* slider start-end point */

.ui-widget-content:before,.ui-widget-content:after {width:4px; height:12px; background:#ffffff; border:solid 1px #dbdbdb; border-radius:4px; position:absolute; top:-4px; content: "";}

.ui-widget-content:before{left:-2px;}.ui-widget-content:after{right:-2px;}

.ui-widget-content:before,.ui-widget-content:after { display:none; }



/* slider divider line */

.ui-slider-label {font-size:11px; color:#505050; margin-bottom:10px; float:left; width:100%;margin-bottom: 10px; }

.ui-slider-label ol {position: relative; width: 100%; list-style:none;text-align: center;}

.ui-slider-label li {margin: 0;padding: 0;overflow: visible;margin-right: 1px; display: inline-block;
                     position: relative; left: 0 !important;}

.ui-slider-label li span:first-child{ padding-top:0px; display:inline-block; }

.ui-slider-line {position: absolute; left: 0px;height: 10px;top: 30px;border-right: 1px solid #e8e3ef;z-index: 99;background-image: none; }

.ui-hidden { visibility:hidden; }



/*------hidden filter-2  css----------------*/

.hidden-search .ui-widget-header{background: #e3e3e3; /* Old browsers */

                                 background: -moz-linear-gradient(top, #e3e3e3 0%, #dcdcdc 27%, #d5d5d5 50%, #cdcdcd 77%, #c8c8c8 100%); /* FF3.6+ */

                                 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(27%,#dcdcdc), color-stop(50%,#d5d5d5), color-stop(77%,#cdcdcd), color-stop(100%,#c8c8c8)); /* Chrome,Safari4+ */

                                 background: -webkit-linear-gradient(top, #e3e3e3 0%,#dcdcdc 27%,#d5d5d5 50%,#cdcdcd 77%,#c8c8c8 100%); /* Chrome10+,Safari5.1+ */

                                 background: -o-linear-gradient(top, #e3e3e3 0%,#dcdcdc 27%,#d5d5d5 50%,#cdcdcd 77%,#c8c8c8 100%); /* Opera 11.10+ */

                                 background: -ms-linear-gradient(top, #e3e3e3 0%,#dcdcdc 27%,#d5d5d5 50%,#cdcdcd 77%,#c8c8c8 100%); /* IE10+ */

                                 background: linear-gradient(to bottom, #e3e3e3 0%,#dcdcdc 27%,#d5d5d5 50%,#cdcdcd 77%,#c8c8c8 100%); /* W3C */

                                 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */}



.hidden-search .ui-state-default, .hidden-search .ui-widget-content .ui-state-default, .hidden-search .ui-widget-header .ui-state-default{background-position:0 -52px}

.hidden-search ul.origin li:hover{background:#ffffff; border:solid 1px #dbdbdb; }

.hidden-search ul.origin li:hover a{color:#353535; }

.hidden-search .btn-lg:hover{background:#ffffff; color:#353535; border:solid 1px #dbdbdb;}



@media (max-width:989px){

    #ring_size_select .gray-select .sbOptions{

        max-height:273px !important;

        /*min-height:175px !important;*/

        overflow:auto !important;

    }

} 	

@media (min-width:768px){

    #ring_size_select .gray-select .sbOptions{

        max-height:325px !important;

        /*min-height:175px !important;*/

        overflow:auto !important;

    }

} 	



@media (max-width:989px){	

    .gray-select .sbOptions{

        max-height:175px !important;

        /*min-height:175px !important;*/

        overflow:auto !important;

    }

}



@media (min-width:768px){

    .gray-select .sbOptions{

        max-height:325px !important;

        /*min-height:175px !important;*/

        overflow:auto !important;

    }

}



.status .avail{

    color: #078201;

    font-size:18px;

    margin-right: 10px;

}



.status .hold{

    color: #FF0000;

    font-size:18px;

    margin-right: 10px;

}

.gemsnycert div{

    text-align:center;



}







a.gny_customize {

    background: transparent url(../images/oval-b-left.gif) no-repeat top left;

    display:block;

    float:left;

    line-height:22px;

    height:25px;

    padding-left:15px;

    text-decoration:none;

}

a:link.gny_customize, a:visited.gny_customize, a:active.gny_customize {

    color: #ffffff;

    font-weight:normal;

}

a.gny_customize span {

    background: transparent url(../images/oval-b-right.gif) no-repeat top right;

    text-transform:uppercase;

    display: block;

    padding:1px 15px 2px 0;

    font-size:12px;

    margin-right:3px;

}

a.gny_customize span img {

    vertical-align:middle;

}

a.gny_customize:hover {

    background-position: top left;

}

a.gny_customize:hover span {

    background-position: top right;

    color:#ffffff;

}





.no-record{

    padding-left:20px;

    color:#FF0000;

}

.recdisplayinfo{

    padding-left: 0px;

}



.gny-line{

    background-repeat: no-repeat;

    background-image: url(../images/line-shadow.jpg);    

}



.gnycert-field-title{

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: x-small;

}



.mo-filter1{

    cursor: pointer;

}



@media (max-width:989px){

    .filter-container{

        /*display:none;*/

    }

}







.why_low_price_link::before {

    border-bottom: 10px solid #513579;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    content: "";

    right: 50px;

    position: absolute;

    top: -10px;

}



.why_low_price_link {

    background: none repeat scroll 0 0 #fff;

    border-radius: 5px;

    border-top: 3px solid #4f238d;

    border-bottom: 1px solid #4f238d;

    border-left: 1px solid #4f238d;

    border-right: 1px solid #4f238d;			

    box-shadow: 0 0 13px rgba(1, 1, 1, 0.13);

    display:none;

    right: 0;

    opacity: 1 !important;

    padding: 15px;

    position: absolute !important;

    top: 42px;

    width: 500px;

    z-index: 10000 !important;

    font-size:14px;

    color:#000;

}



@media (max-width:580px){

    .why_low_price_link{

        width: 300px !important;

        left: 0;

    }

    .why_low_price_link::before {

        border-bottom: 10px solid #513579;

        border-left: 10px solid transparent;

        border-right: 10px solid transparent;

        content: "";

        right: 150px;

        position: absolute;

        top: -10px;

    }

}





/*.sbOptions li:hover{

    background-color: #ccc;

}*/





div.zoom-prod-img{

    display:none;

    position:absolute;

    top:60px;

    left:85px; 

    z-index:5; 

    height:auto; 

    width:auto;

    font-weight:bold;

}



div.zoom-prod-img a:hover{

    color: #000000;

}





/************* START: Currency DROP DOWN *****************/

.flag_icons li, .flag_icons .ddTitleText{

    background-image:url(../images/flag_icons.png);

    background-repeat:no-repeat;

    padding-left:32px !important;

}

.flag_icons .USD {

    background-position:4px -46px;

}



.flag_icons .AUD {

    background-position:4px -20px;

}



.flag_icons .CAD {

    background-position:4px 5px;

}



.flag_icons .GBP {

    background-position:4px -72px;

}

/************* END: Currency DROP DOWN *****************/





/****** START: Solr Search "no results" ********/

#content_no_results{

    text-align:left; float:left; margin:10px 0; width:50%;

    display:none;

}



#content_no_results ul li {

    background: url("../images/arrow.jpg") no-repeat scroll left 7px rgba(0, 0, 0, 0);

    color: #353535;

    font-size: 13px;

    padding: 3px 0 6px 15px;

}



#content_no_results h5{

    clear: both;

    display:block;

    margin-top:5px;

}

/****** END: Solr Search "no results" ********/



/************* START: CSS Sprite **************/

.box-content a.loose_gemstones, .box-content a.preset_collection, .box-content a.make_your_own, .box-content a.custom_designs{

    background-image: url(../images/collections.png);

    background-repeat:no-repeat;

    width:194px;

    height:130px;

    text-decoration:none;

    display:block;

    margin:auto;

    padding:0;

}



.box-content a.loose_gemstones{

    background-position:0 0;

}



.box-content a.preset_collection{

    background-position:0 -130px;

}



.box-content a.make_your_own{

    background-position:0 -275px;

}



.box-content a.custom_designs{

    background-position:0 -420px;

}



div.bsocial a.fb, div.bsocial a.tw, div.bsocial a.gp, div.bsocial a.yp{

    background-image: url(img/social_icons.png);

    background-repeat:no-repeat;

    width:35px;

    height:35px;

    text-decoration:none;	

}

div.bsocial a.fb{

    background-position:0 0;

}



div.bsocial a.tw{

    background-position:-35px 0;

}



div.bsocial a.gp{

    background-position:-70px 0;

}



div.bsocial a.yp{

    background-position:-105px 0;

}

.g_d_msg{

    color: #FF0000;

    font-size:12px;

}

.g_d_msg1{

    color: #FF0000;

    font-size:13px;

}

/************* END: CSS Sprite **************/

.seocontent {font-size: 13px;}

.seocontent p{margin-bottom:10px;}





.btnGreen{font-family: robotomedium;border: 0;color: #fff ;
          cursor: pointer;font-size: 14px;height: 40px;line-height: 40px;text-align: center;
          width: 100%; text-transform: uppercase;box-shadow: 2px 1px 5px rgba(84,55,122,0.47); padding: 8px 35px;
          -webkit-box-shadow: 2px 1px 5px rgba(84,55,122,0.47); background:#098002;color: #fff !important; 

}

.btnRed{font-family: robotomedium;border: 0;color: #fff ;
        cursor: pointer;font-size: 14px;height: 40px;line-height: 40px;text-align: center;
        width: 100%; text-transform: uppercase;box-shadow: 2px 1px 5px rgba(84,55,122,0.47); padding: 8px 35px;
        -webkit-box-shadow: 2px 1px 5px rgba(84,55,122,0.47); background:red; color: #fff !important; 

}



.btnRed1{padding:5px 20px;

         font-family: 'robotoregular';

         font-size:16px;

         font-weight:600;

         color:#FFFFFF !important;         

         cursor:pointer;

         border:none;

         background:red; 

         border-radius:5px;-moz-border-radius:5px;

         -webkit-border-radius:5px

}





@media (min-width:720px){.npl{padding-left:0px;}.nmrpr0{margin-right: 0px;padding-right: 0px}}

@media (max-width:720px){.nmrpr0720{margin-right: 5px !important;padding-right: 0px !important}}

@media (max-width:720px){.pt720{padding-top: 35px !important}}

@media (max-width:720px){.pt720-20{padding-top: 20px !important}}

.fs14px{

    font-size: 14px;

}

.redpopup{

    background-color: #f4dddd;color: #b60e0e;font-weight: bold;text-align: center;font-size:16px;text-transform: capitalize;

}

.greenpopup{

    background-color: #d6ead8;color: #0a5713;font-weight: bold;text-align: center;font-size:16px;text-transform: capitalize;

}

@media (min-width: 320px) and (max-width: 989px) {





    .searchgemsny{ position: absolute;top: 13px;left:0;width: 100% !important;}

    .top-header a:hover{text-decoration:none;}

    .links span{display:none;}	

    /*.links a {padding:0 19px; background:url(img/top-seprater.jpg) no-repeat right 5px; }*/

    .links a i{font-size:14px; margin-right:0;color:#fff;}

    .my-account li a {background:none;}

    .my-account li a i{ color:#353535;}

    .my-account li a:hover i{ color:#4f238d;}

    .top-header a{background-position:right 3px;}

    .topsearchdiv{width:auto; position:relative;border: none;height: 21px;}

    .topsearchdiv input{}

    .row-up {margin-top: -32px;}

    .header-container {min-height: inherit;}

    .header-container .logo {}

    .mobile-search {float: left; width: 240px;  border: 1px solid #e1e1e1; position:absolute; right:-1px; top:32px; display:none; z-index:500;}

    .search-show{display:block;}

    .mobile-menu-container{display:block; width:100%; float:left; clear:right; padding-bottom: 5px;}

    .staticpg .mobile-menu-container{ padding-bottom: 20px; }

    .row-down {margin-top:10px;}

    .box-content{ text-align:center;}

    .box-content iframe{margin:0px auto;}

    .blinks .divider, .bsiteinfo .divider{margin:0 5px}

    .blinks a,.bsiteinfo span{font-size:12px}

    .bsiteinfo span{display:block;}

    .border-box{margin:15px;margin-top:0}

    .bottom-box{padding-top:1px}

    .bottom-1 .b1links,.bottom-1 ul,.bottom-box h4,.bottom-box .bottom-text{border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}

    .bottom-box h4{padding:10px;padding-left:30px;font-size:15px;background:#4f238d;color:#fff;position:relative;cursor:pointer;}

    .bottom-box h4:after{content:"\f078";width:13px;height:13px;position:absolute;left:10px;top:14px;display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

    .bottom-box .bottom-text{display:none; padding:15px;}	

    .bottom-box h4.active:after{content:"\f077";}

    .bottom-box .bottom-text.active{display:block;}



    .signdiv{right: 42px; top: 35px;}

    .topcartdiv {right:-10px; top: 35px;}

    .topcartdiv:before{right:9px;}

    .topcartdiv{width:300px;}

    .wishlistdiv{top: 35px;}

    .wishlistdiv:before{right:54px;}



    .ddlabel{display:none;}

    .currency{max-width:60px; margin-left:-32px;}

    .top-header, .top-header a, .links a i{font-size:18px;}

    .top-header a{margin-top:7px; float:left}

    .visitdiv:before{left:120px;}



    .signin-left, .signin-right{min-height: inherit;}

    .signin-myaccount{width:300px; right:0;}

    .forgot {background:none!important; padding:0!important;}

    .signin-left .col-md-12{margin-left:-15px;}

    .signin-myaccount:before {right: 108px;}



    .education-left{display:none}

    .static-left {display:none;}

    .mobile-show, .mobile-left-menu{display:block; position:relative;}



    .cat-box-content{text-align:center}

    .cat-btn{text-align:center; float:left;}



    .visitdiv .close{right:5px; background:none;}

    .topcartdiv .close{top:5px; right:5px; background:none;}

    .signdiv .close {top:5px; right:5px; background:none;}

    .quicklinks a{display:block}

    .form-group .control-label { display:none;}

    .form-group input::-moz-placeholder, .form-group textarea::-moz-placeholder { opacity:1 !important;}

    .modal-body .input::-moz-placeholder{opacity:1!important;}

    .modal-body .control-label{ display:none;}

    .visit { display:none;}

    .vsd { margin-left:0px;}





    .top-toolbar .toolbar-toggle{overflow:visible !important;}

    .status{float:left; margin-bottom:5px;}



    /*Tab*/

    ul.resp-tabs-list{display:none;}

    h2.resp-accordion{display:block;}

    .resp-vtabs .resp-tab-content{border:1px solid #C1C1C1;}

    .resp-vtabs .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1!important;}

    .resp-vtabs .resp-tabs-container{border:none;float:none;width:100%;min-height:initial;clear:none;}

    .secure-tab .col-md-4{ border-bottom:1px solid #dfdfdf; margin-bottom:15px;}



    .view-payment{display:block;}

    .payment-plan{text-align:center}

    .payment-plan .small-btn {display: inline-block; float: inherit; margin-top: 5px;padding-left: 10px;}

    .cat-btn ul{left:50%; right:inherit; margin-left:-80px; border-top-right-radius: 4px}

    .cat-btn{width:auto;display:table;margin:auto;float:none;}



    .toolbar.top-toolbar .sortby, .toolbar.bottom-toolbar .sortby{ display: block; background:#8c8c8c; color:#fff; text-align:left; padding:10px 15px; text-transform:uppercase;}

    .toolbar.top-toolbar .sortby i, .toolbar.bottom-toolbar .sortby i{ float:right; font-size:25px; line-height:10px }



    .myotab .inner-bg{ padding: 10px 5px;}

    .myotab{width:25.3%;}

    .myotab-act{width:49.3%;}

    .myotab-act1{width:33.3%;}

    .myotab h4{font-size:15px;}

    .mobile-title{font-size:25px; padding-top:10px;}
    .mobile-title .nocount {display: inline-block !important; font-size: 11px;color: #696969;}

    .sku{font-size: 20px;}



    .band-text h6{text-align:center}



    .matching-search-box .form-actions{padding-left:20px;}

    .matching-search-box .form-group label{display:none;}

    .matching-items-list .cat-img, .prev-purch-cat-box .cat-img{padding-bottom:15px;}



    .matching-slider .cat-img{margin-bottom:15px;}



    .blog-btn{padding:6px 15px; font-size:12px;}

}

@media (min-width: 320px) and (max-width: 480px) {

    /*.links a {background: url("img/top-seprater.jpg") no-repeat scroll right 3px; padding: 0 9px;}*/

    .top-header a {padding: 0 12px;}

    .signdiv{right: 0px; }

    .signdiv:before{right: 67px; }

    .wishlistdiv:before{right:37px;}

    .visitdiv:before{ left:92px;}

    .forgot {background:none!important; padding:0!important;}

    .chkbutn, a.chkbutn{padding: 8px 12px;}

    .whylink{ display:block}

    .myotab1 .hfe { display:none;}

    .myotab1 .inner-bg {padding: 10px 0;}

    .servedus1 li{ width:50%;}

    .myotab h4 {font-size: 11px;}

    .mobile-title{font-size:18px; padding-top:10px;}



    .prev-purch-cat-box li, .matching-items-list li, .matching-slider li{text-align:left;}

    .prev-purch-cat-box li strong{float:left; width:50%;}

    .matching-items-list li strong, .matching-slider li strong{float:left; width:50%;}

    .modal-content .sismall { display:block; margin-top:15px; width:100%;}

    #view-compare .modal-content h3 { font-size:14px; font-weight:bold; margin-top:-3px; }



}

@media (min-width: 768px) {

    .top-header a {padding: 0 6px;}

    .top-header, .top-header a {font-size: 12px;}

    /*#nav li a {padding: 10px 8px;}
    
    #nav li a {font-size:12px;}*/

    .topcartdiv{width:720px;}

    .quicklinks{height:39px!important;}

    .signin-left, .signin-right{min-height: inherit;}

    .signin-myaccount{width:720px;}

    .cat-box-content{text-align:center}

    .cat-btn{text-align:center; float:left; }

    .secure-tab .col-md-4{ border-bottom:1px solid #dfdfdf; margin-bottom:15px;}

    .cat-btn ul{left:50%; right:inherit; margin-left:-80px;  border-top-right-radius: 4px}

    .cat-btn{width:100%;}

    .myotab .inner-bg{ padding: 10px 5px;}

    .mobile-title{ padding-top:10px;}

}

@media (max-width: 989px) {

    .myotab1 h4 { font-size:14px;}

    .prod-detail-tab { padding:15px;}

    .prod-detail-tab .mob-accordion{   float:left; width:100%; margin-bottom:2px;}

    .prod-detail-tab .mob-accordion h4 {padding:10px; cursor:pointer;background-color:#f3f3f3; position:relative;}

    .prod-detail-tab .mob-accordion ul { float:left; width:100%; display:none;padding:10px;}

    .prod-detail-tab .mob-accordion ul.mobile-show{display:block}

    .prod-detail-tab .mob-accordion h4:before{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #666;content: "";display:inline-block;right:12px;position:absolute;top:20px;}

    .prod-detail-tab .mob-accordion ul.mobile-show h4 { background-color:#dedddd;}



    .resp-tab-active:before{ border:none}

    .prinone { display:none;}

    .shopping-image { width: 31.8%;}

    .cartlinks ul li {margin-right:14px; float:left;}

    .cartlinks ul li {margin-top:0px;}

    .mobile-left-menu1{display:block;}

    .mobile-left-menu1 a{background:#FFFFFF; border:1px solid #c1c1c1; color:#4f238d; /*font-family: 'robotoregular';*/ padding:10px 10px;display:block; text-transform:uppercase;}

    .mobile-left-menu1.active a{background:#4f238d!important; border:1px solid #4f238d; color:#FFFFFF;  display:block; }

    .mobile-left-menu1 i:before {content: "\f13a";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit; color: #fff;font-size: 14px;position: absolute;top: 12px;right: 30px;}

    .esti{padding-top:20px;}



    .product .prodicons { width:98%; }

    .buy{text-align:center;}

    .sp-cart .mobile-left-menu1 a{background:#4b4b4b; color:#ffffff; }

    .sp-cart .resp-arrow{ border-top: 12px solid #ffffff;}

    .static-left{margin-bottom:20px;}

    #table-main .td-pl5{padding-left:5px!important;}

    .shopcart .bot-bor{border-bottom:#eeeeee solid 1px; margin-bottom:10px;}

    .shopcart .prodetail .shopping-image{padding-bottom:0px;}

    .shopcart .cartlinks, .shopcart .prodetail .cartamount{margin-top:0px;}

    .hide-767{display:none;}

    .show767{display:block;}



}

@media (min-width: 990px) {	

    .top-header, .top-header a{font-size:14px;}

    .top-header a{padding:0 19px;}

    /*#nav li a {padding: 10px 14px;}
    
    #nav li a {font-size:14px;}*/

    .topcartdiv{width:940px;}

    .visitdiv{left:140px;}

    .visitdiv:before{left:120px;}

    .signin-myaccount{width:900px;}

    .signin-left, .signin-right{min-height:275px;}

    .cat-box-content{text-align:left}

    .cat-btn{text-align:right;float:right;}

    .detail-mobile-width{margin-left:-15px;}

    .secure-tab .col-md-4{border-right:1px solid #dfdfdf; border-left:1px solid #dfdfdf; margin-left:-1px;}

    .cat-btn{width:auto;}

    .cat-btn ul{width:160px; right:15px; left:inherit; margin-left:0; border-top-right-radius: 0px;}

    .myotab .inner-bg{ padding: 10px 15px;}

    .mobile-title{ padding-top:0px;}

}



@media (max-width: 989px) {.expedite { margin-top:-7px;} .myotab { }.myotab-act .inner-bg:before{}.myotab .inner-bg {min-height:inherit;} .prodetail .shopping-desc {width: 66%;} .ring-size {margin-left: 20px;} .hidden-mob-xs{display:none;} .myotab h4{text-align:center}

                           .product-image:hover .prhover-info-right, .product-image:hover .prhover-info{display:none;}

                           .style-type li{width:23.8%;}

}

@media (min-width: 989px) and (max-width: 1099px) {.boxstl-2 .box-content{padding-left:3%;padding-right:3%}}

@media (max-width: 1099px) {.schedule1 { overflow:auto; width:100%; margin-bottom:20px;}.schedule1 table {table-layout:inherit;}

                            .static-page .jewelry-process .step-box { height:425px;} }

@media (min-width: 989px) and (max-width: 990px) {.static-page .jewelry-process .step-box { height:340px;}.cat-btn{width:auto;display:table;margin:auto;float:none;}}

@media (max-width: 989px) {.static-page .jewelry-process .step-box { height:361px;}

                           .sp-cart #complete-order a, .green-btn{background:#078201!important;}

}





@media (min-width: 1100px) {/*#nav li a {padding: 10px 19px;}*/.topcartdiv{width:1000px;}}





@media only screen and (max-width:639px) {

    .review-list .col, .review-list .col:first-child, .review-list .col:last-child { display:block;border-top:0px;width:100%;}

    .review-list .table-row { border-top:1px solid #cfcfcf; display:block; padding:10px 0px;} .cartlinks ul li {margin-right:0px; float:none;}

    .cartlinks ul li {margin-top:10px;}

}

@media (max-width: 380px) {

    .des { display:none;}

    .sismall { width:100%; display:block; margin-top:15px;}

    .prodetail .shopping-image {width: 100%; text-align:center;}

    .prodetail .shopping-desc {width: 100%;}

    .shopping-image {width: 100%;}

}

@media (max-width: 1079px) {

    .boxst2 .box-content {min-height: 272px;}

    .risk-free .shop li {font-size: 16px;}

    .con-shoppingbtn {font-size:12px; padding:5px 12px;}

    .checkoutbtn {font-size:12px; padding:6px 22px;}

}



@media (max-width: 479px) {

    .sapproduct .cl-btn{display:block; clear:both; padding-top:5px;}

    .product .prodicons { width:96%; }

    .prodetail .shopping-image {padding-bottom:0px;}

    .mmt30{margin-top:30px;}

    ul.question > li > a > span{float:left; min-height:30px;}

    .show479{display:block;}

    .hide479{display:none;}



    .pd0479{padding:0px!important;}

    .shopcart .prodetail .shopping-desc{padding-bottom:15px;}



    .style-type li{width:48%!important;}



    .bracelet-select .title{width:100;}



}



@media (max-width: 680px) {

    .recentview .btmline td {white-space:inherit !important;}

    .variation .cmp-left td{white-space:nowrap !important;}

    .tab-pane .samp {font-size:12px !important;}

    .recentview .btmline .space-h { padding:20px 0;}

}



@media (max-width:380px) {

    span.hd-shape {min-height:42px;height:26px;}

    .mob-filter span.hd-shape{min-height:inherit;height:26px;}

}



@media (max-width: 360px) {.recentview {padding: 3px 0px 6px 11px !important;} .mining { font-size:12.5px;}.prices-low #comparePageSlider .owl-buttons .owl-prev {left: -18px !important;}

}



@media (max-width: 320px) {

    .container { width:320px;}

    .dtable.w97{ width:100%;}

    .lbwidth{ width:20px;}

    .bandlbwidth{ width:20px;}

}



/*Manoj css*/



/*Choose Setting Page*/

.newshap{text-align: center; position: absolute; width: 100%; margin-top: -14px;}

.newshap a{ border: solid 1px transparent; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; }

.newshap a:hover{ border-color:#4A1C8A; }



.showvar{display: inline-block;position: absolute; margin-left: 63%; z-index: 9; }

.showvar i{background-position: -263px -40px; width: 15px; height: 15px;margin-left: 3px;}

.showvarpop{margin-left: 30%; position: absolute;z-index: 9;}

/*Fonts family*/

@font-face { font-family: 'robotobold'; src: url('../fonts/roboto-bold_1-webfont.eot'); src: url('../fonts/roboto-bold_1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-bold_1-webfont.woff') format('woff'), url('../fonts/roboto-bold_1-webfont.ttf') format('truetype'), url('../fonts/roboto-bold_1-webfont.svg#robotobold') format('svg'); }

@font-face { font-family: 'robotolight'; src: url('../fonts/roboto-light_1-webfont.eot'); src: url('../fonts/roboto-light_1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-light_1-webfont.woff') format('woff'), url('../fonts/roboto-light_1-webfont.ttf') format('truetype'), url('../fonts/roboto-light_1-webfont.svg#robotolight') format('svg'); }

@font-face { font-family: 'robotomedium'; src: url('../fonts/roboto-medium_1-webfont.eot'); src: url('../fonts/roboto-medium_1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-medium_1-webfont.woff') format('woff'), url('../fonts/roboto-medium_1-webfont.ttf') format('truetype'), url('../fonts/roboto-medium_1-webfont.svg#robotomedium') format('svg'); }

@font-face { font-family: 'robotoregular'; src: url('../fonts/roboto-regular_1-webfont.eot'); src: url('../fonts/roboto-regular_1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-regular_1-webfont.woff') format('woff'), url('../fonts/roboto-regular_1-webfont.ttf') format('truetype'), url('../fonts/roboto-regular_1-webfont.svg#robotoregular') format('svg'); }



.filtersticky{ display: inline-block; width: 100%;z-index: 99; background:#fff; left: 0; }

.newinnerwrap{top:0;position: relative;}

.salewrap { position: absolute; left: 50%;width: 255px; margin-left: -166px;font-size: 12px;z-index:1000 }

.salewrap span{ font-size: 12px; color:#f0ff00; font-weight: bold; }

.salewrap .timecount{ display: inline-block; margin-left:5px;top:4px; position: relative;}

.salewrap .timecount li{ display: inline-block;line-height: 1;text-align: center; color: #fff; font-weight: bold;
                         font-size: 12px; margin-right: 7px; }
.salewrap .timecount li:last-child{ margin-right: 0px; }
.salewrap .timecount li span{ display: block; font-size: 10px; color: rgba(255,255,255,.7); font-weight: normal; }

.searchgemsny{ display:inline-block; width: 200px; }

.searchgemswrap{float: right;width: 470px; max-width: none;  margin-top: 22px;}

.searchgemswrap .link{display: inline-block;vertical-align: top; float: right;}

.whatsize{ text-align: right; color: #481a89;padding-top: 5px; font-size: 13px;  }

.maketitle{ font-size: 15px !important; }

.whatsize a{ text-decoration: underline;color: #481a89; }

.whatsize a:hover{ text-decoration: none; }

ul.funnel-container {

    background-color: #fff4f4;

    background: linear-gradient(to bottom,  #ffffff 1%,#dacaef 100%);

    background: -webkit-linear-gradient(top, #ffffff 1%,#dacaef 100%);

    border: solid 1px rgba(168, 134, 213,.26);

    border-radius: 0 0 6px 6px;

    box-sizing: border-box;

    display: table;

    height: 68px;

    margin: 0;

    padding: 0;

    width: 100%;

}



.mobile-funnel-container{ display: none; }



.StoneSelectTab{ margin-top: 0px;position: relative;z-index: 1; }

.funnel-step {

    border-radius: 0 0 6px 6px;

    display: table-cell;   

    position: relative;

}



li.funnel-step.step-active:after {

    background-color: #fff;

    background-image: url(../images/funnel_sprite.png); 

    background-position:-305px -11px !important;

    content: "";

    height: 81px !important;

    position: absolute;

    right: 0;

    top:0px !important;

    width: 27px !important;

}

li.funnel-step.step-active:before {

    background-image: url(../images/funnel_sprite.png);

    background-position: -12px -94px !important;

    content: "";

    height: 76px !important;

    position: absolute;

    top: -2px !important;

    width: 36px !important;

    left: -32px;

    z-index: 12;

    overflow: hidden;

}

ul.funnel-container>li:first-child.step-active:before{ display: none; }

ul.funnel-container>li:last-child.step-active>div {

    background: url(../images/funnel-active-background.png) repeat scroll 0 0 rgba(0,0,0,0);



    height: 74px;

    left:0px;

    width: 100%;

}



ul.funnel-container>li:last-child.step-active:after{ display: none; }



.funnel-step-container { position: absolute; width: 100%;height: 66px;}

.funnel-container>li:not(:last-child).funnel-step:after {

    background-color: #fff;

    background-image: url(../images/funnel_sprite.png);

    background-position: -341px -8px;

    content: "";

    display: block;

    height: 70px;

    line-height: 0;

    margin: 0;

    padding: 0;

    position: absolute;

    right: 0;

    top: -3px;

    width: 24px;

}

ul.funnel-container>li.step-active>div {

    background: url(../images/funnel-active-background.png) repeat scroll 0 0 rgba(0,0,0,0);

    height: 74px;

    left: -1px;

    width: 95%;

}

ul.funnel-container>li:first-child.step-active>div {

    background: url(../images/funnel-active-background.png) repeat scroll 0 0 rgba(0,0,0,0);





    height: 74px;

    left: -1px;

    width: 95%;



}

.funnel-container>li:not(:last-child).funnel-step:after {

    background-color: #fff;

    background-image: url(../images/funnel_sprite.png);

    background-position:-341px -12px;

    content: "";

    display: block;

    height: 67px;

    line-height: 0;

    margin: 0;

    padding: 0;

    position: absolute;

    right: 0;

    top: 0px;

    width: 24px;

}

.StoneSelectTab li.step-active .txt1, .StoneSelectTab li.step-active .txt2{ color: #fff; }

.StoneSelectTab li.step-active .viewremove a{ color: yellow; border-color: rgba(255,255,255,.5); }

.StoneSelectTab li.step-active .stoneprice{ color: #fff; }

.StoneSelectTab li a{ display: inline-block;padding-top: 12px; z-index: 9;width: 100%;position: relative;padding-left: 15px; }

.StoneSelectTab li .stoneprice{position: absolute;right: 47px;top: 15px;color:#4e229b; z-index: 9;font-size: 12px;font-family: robotomedium;}

.StoneSelectTab .viewremove{    position: absolute;  z-index: 9;color: yellow;bottom: 3px;right: 43px;}

.StoneSelectTab .viewremove a{color: #4e228d;font-size: 12px;font-family: robotomedium;width: auto;padding-right: 5px;

                              padding-top: 0; line-height: 1; border-right: solid 1px #4e228d;padding-left: 5px; }

.StoneSelectTab .viewremove a:last-child{ border-right: none; }

.funnel-step.selected .stonesettab{right: 14px;}

.stonesettab{background: #fff; border-radius: 50%; width: 35px; height: 35px;display: inline-block;

             overflow: hidden; position: absolute; right: -5px; bottom:-3px;}

.stonesettab img{position: relative;width: 100%;top: 0px;}



.StoneSelectTab li a .txt1 {display: block; font-size: 14px;font-family: robotomedium;color: #4f238d;}

.StoneSelectTab li a .txt2{ font-family: robotolight;color: #4f238d; }

.StoneSelectTab li.active .txt1, .StoneSelectTab li.active .txt2 { color: #fff; }



.StoneSelectTab .tabviewactive { display: none; background:url(../images/tabhover_img.png) repeat-x; position: absolute;width:93%;height: 75px;top: 0;left: 0;

                                 box-shadow:7px 3px 8px rgba(84,55,122,0.47); -webkit-box-shadow:7px 3px 8px rgba(84,55,122,0.47);}

.StoneSelectTab li.active .tabviewactive{ display: block;}

.StoneSelectTab .triangle-right {background:url(../images/tabhoverArrow_img.png) repeat-x;position: absolute;right: -32px;

                                 width: 38px; height: 75px;}

.StoneSelectTab .icon-ring1{ width: 22px; height: 28px; background-position: -9px -3px;position: absolute;right: 30px;top: 20px; }
.StoneSelectTab .active .icon-ring1{ background-position: -9px -42px; }
.StoneSelectTab .icon2{ width: 29px; height: 22px; background-position: -38px -3px;position: absolute;right: 30px;top: 20px; }

.StoneSelectTab .active .icon2{ background-position:-38px -42px;}
.StoneSelectTab .icon-ring3{ width: 21px; height:30px; background-position:-74px -3px;position: absolute;right: 30px;top: 20px; }
.StoneSelectTab .active .icon-ring3{ background-position:  -74px -42px; }
.StoneSelectTab .didiver{ width: 26px; height: 69px; background-position: -109px -3px;position: absolute;right:10px;    top: 0; }

.StoneSelectTab .icon-earring1{ width: 22px; height: 23px; background-position: -4px -123px;position: absolute;right: 30px;top: 20px; }
.StoneSelectTab .active .icon-earring1{ background-position: -4px -162px; }
.StoneSelectTab .icon-earring2{ width: 28px; height: 14px; background-position: -34px -125px;position: absolute;right: 30px;top: 20px; }
.StoneSelectTab .active .icon-earring2{ background-position:-34px -164px;}
.StoneSelectTab .icon-earring3{ width: 20px; height:30px; background-position:-69px -121px;position: absolute;right: 30px;top: 20px; }
.StoneSelectTab .active .icon-earring3{ background-position:-69px -160px;}

.StoneSelectTab .icon-pendant1{ width:58px; height:33px; background-position:-100px -123px;position: absolute;right: 30px;top: 15px; }
.StoneSelectTab .active .icon-pendant1{ background-position:-100px -162px;}
.StoneSelectTab .icon-pendant2{ width:10px; height: 17px; background-position:-176px -127px;position: absolute;right: 30px;top: 20px; }
.StoneSelectTab .active .icon-pendant2{ background-position: -176px -162px;}
.StoneSelectTab .icon-pendant3{ width: 58px; height:42px; background-position:-202px -121px;position: absolute;right: 11px;top: 10px; }
.StoneSelectTab .active .icon-pendant3{ background-position:-202px -164px;}
/*Select Box */

.select-wrapper { border:1px solid #cdcdcd; background: url(../images/br_down.png) no-repeat 91% 50% #FFF; cursor: pointer; 

                  position: relative; text-align: left; display:inline-block; vertical-align:top; -webkit-transition: all .3s ease-in-out;

                  -moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out; border-radius: 2px;}

.select-wrapper { width: 100%; height: 40px; font-size: 14px; line-height: 40px; }

.select-wrapper .custom-select { width: 100%; height:40px; font-size: 14px; line-height:40px;}

.select-wrapper:hover, .select-wrapper:focus, .gray-select .sbHolder:hover {border:solid 1px #66409c; box-shadow: 0 0px 10px 0 rgba(80, 36, 142, 0.5);

                                                                            -webkit-box-shadow: 0 0px 10px 0 rgba(80, 36, 142, 0.5); outline: none; }

.select-wrapper .holder { display: block; margin: 0 40px 0 10px; white-space: nowrap; overflow: hidden; *overflow:inherit; cursor: pointer;

                          position: relative; z-index: 1; color:#757575; font-family: 'robotoregular'; font-size: 14px; line-height: 40px; height:40px; }

.select-wrapper select { 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; -webkit-appearance: none; left: 0px; vertical-align: middle; }



input[type=text], textarea { border: 1px solid #cdcdcd;text-align: left; display:inline-block; vertical-align:top; -webkit-transition: all .3s ease-in-out;

                             -moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out; border-radius: 2px;height: 40px; font-size: 14px; line-height: 40px; padding-left: 15px; width: 100%; }
input:disabled { color: 000; opacity: 1; }
input[type=text]:hover, textarea:hover{border:solid 1px #66409c; box-shadow: 0 0px 10px 0 rgba(80, 36, 142, 0.5);

                                       -webkit-box-shadow: 0 0px 10px 0 rgba(80, 36, 142, 0.5); outline: none; }



.filterwrapper{ margin:20px 0 10px; }

.filterwrapper .formouter{float: left;position: relative; padding-right: 0; margin-bottom: 10px;}
.filterwrapper .formouter input{ border: none; }
.filterwrapper .formouter[data="more"] .select-choose{ border:solid 2px #02b515;  }

.newbtnwrap .button, .popCompareLogin .signbtn, .popCompareLogin .create-acc-btn, .fedexpopup .button  {font-family: robotomedium; background:#481989;border: 0;color: #fff ;
                      cursor: pointer;font-size: 14px;height: 40px;line-height: 40px;text-align: center;
                      width: 100%; text-transform: uppercase;box-shadow: 2px 1px 5px rgba(84,55,122,0.47); 
                      -webkit-box-shadow: 2px 1px 5px rgba(84,55,122,0.47);  }

.newbtnwrap button, .fedexpopup .button { -webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; 

                     -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; border: none; outline: none; }

.newbtnwrap .button:hover, .popCompareLogin .signbtn:hover, .popCompareLogin .create-acc-btn:hover, .fedexpopup .button:hover { color: #fff; background: #212121; }

.newbtnwrap a.button { -webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; 

                       -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out;  color: #fff ;

                       border: none; outline: none; display: inline-block; margin-bottom: 10px; }

.filterwrapper .button{ max-width:80%; }

.hidefilter{ color:#481989;left: 3px;top: 27px;

             font-size: 12px;position: absolute;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}

.hidefilter:hover{ background: #481989; color: #fff; }

.resulttab{ border-bottom: solid 1px #481989; height: 40px; margin-top: 15px; }

.filterresult span{ background: #efefef;border-radius: 10px;height: 26px;padding: 5px 15px;display: inline-block; margin-right: 5px;}

.filterresult span a{background-position: -203px -37px; width: 6px; height: 6px; margin-left: 5px;

                     display: inline-block; cursor: pointer; padding: 5px 5px;}

.filterresult span a:hover{ opacity: .5; }

.resulttab .compareicon i{ background-position: -209px -4px; }

.resulttab a:hover .compareicon i {background-position:-232px -31px;}



.resulttab a{ text-align: center;font-size: 16px; font-family: "robotomedium"; color: #481989;display: inline-block;

              padding-top: 7px; position: relative;height: 40px; -webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;

              width: auto; margin-right: 2px; padding-left: 20px;padding-right: 20px;     border: solid 1px #481989; border-bottom: none;}

.resulttab a:hover, .resulttab a.active{ background:#5c3395; color: #fff; }

.resulttab .tringledown {  width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;

                           border-top: 10px solid #d8d8d8; display: none;position: absolute;left: 50%;bottom: -11px;}

.resulttab a.active .tringledown, .resulttab a:hover .tringledown{ display: block; }



.pricesorting{ position: absolute;left: 42%; }

.newresultsorting{float: none !important; position: absolute;top: -50px; right: 0; width: 100%;}

.listgridview{ position: absolute; right: 135px; top: 17px;}

.listgridview .view-option a{ font-size: 12px; color: rgba(0,0,0,.5); font-family: robotobold;

                              display: inline-block; line-height: 1;position: relative;margin-right: 5px; }

.listgridview .view-option a.listtab{ width: 55px; }

.listgridview .view-option a.gridtab{ width: 70px; }

.listgridview .listicon {background-position: -149px -38px;width: 24px;height: 24px;}

.listgridview .gridicon {background-position:-175px -38px; width: 25px;height: 25px; opacity: .5;}

.listgridview .view-option a.active, .listgridview .view-option a:hover{ color: #54377a; }

.listgridview .view-option a.active .listicon, .listgridview .view-option a:hover .listicon { background-position: -149px -9px; }

.listgridview .view-option a.active .gridicon, .listgridview .view-option a:hover .gridicon { background-position: -175px -38px; opacity: 1; }



.listresult_table{ margin-top: 10px; }

.listresult_table table{ font-size: 11px; text-align: center; }

.listresult_table table .quest { background-position: -263px -40px; width: 15px; height: 15px;margin-left: 3px; position: relative; }

.listresult_table thead{ background: #F8F9FB; }

.listresult_table tbody tr td, .listresult_table thead th{ padding: 10px 0 }

.listresult_table tbody tr td .stoneimg { position: relative; }
.listresult_table tbody tr td .stoneimg img{max-height:70px;}

.listresult_table tbody tr td .stoneimg .view360{ position: absolute; left: 0; bottom:0; }

.listresult_table tbody tr td .button2{ visibility: hidden; opacity: 0; transition: all 0.4s ease-in-out; 

                                        -webkit-transition: all 0.4s ease-in-out;position: absolute;background: #481989;padding: 5px 10px;color: #fff;left: 50%;

                                        margin-top: 20px; box-shadow: 2px 1px 5px rgba(84,55,122,0.47); -webkit-box-shadow: 2px 1px 5px rgba(84,55,122,0.47);}

.listresult_table tbody tr:hover td .button2{visibility: visible; width: auto; height: auto; opacity: 1; transition: all 0.4s ease-in-out; 

                                             -webkit-transition: all 0.4s ease-in-out;}

.listresult_table tbody tr:hover td .button2:hover{ background: #212121; }

.listresult_table tbody tr td{ border-top: solid 1px transparent; border-bottom: solid 1px transparent; }

/*.listresult_table tbody tr:hover td{ border-top:solid 1px #481a89; border-bottom: solid 1px #481a89; }*/
.listresult_table tbody tr:hover{ box-shadow: 2px 2px 17px rgba(0,0,0,0.15); border: solid 1px #e1e1e1; }
.listresult_table tbody tr td{ padding: 10px 0 25px; }
.listresult_table .tableprice{ color: #00b900; font-size: 13px; font-family: "robotobold" }



/*Grid View*/

.gridresultwrap{ margin-top: 20px; display: inline-block; width: 100%; }

.gridcard{height: 337px;padding-top: 10px;border: solid 1px transparent;transition: all 0.4s ease-in-out;position: relative;  }
.gridcard .xmasoffer_block{margin: 0; width: 165px; left: 25%; right: auto; bottom: 5px; z-index: auto;}
.gridcard:hover .xmasoffer_block{ opacity: 0; }

.gridcard:hover{border: solid 1px #e1e1e1;box-shadow:2px 2px 17px rgba(0,0,0,0.15); -webkit-box-shadow:2px 2px 17px rgba(0,0,0,0.15);}

.hoverdiv{border: solid 1px #e1e1e1;box-shadow:2px 2px 17px rgba(0,0,0,0.15); -webkit-box-shadow:2px 2px 17px rgba(0,0,0,0.15);

          background: #fff; width:385px; height:335px; position: absolute;top: -1px; z-index: 12; right: -384px; display: none;}





.mobigrid_hover{ display: none; }

.mobigrid_hover .hoverdiv {right:auto;left: auto; top: auto; position: fixed;top: 30%; width: 90%;

                           padding: 0 20px;display: block;margin-left: -45%;left: 50%; padding-top: 20px; height: 255px; overflow: hidden;  z-index: 9999; }

.mobigrid_hover .datatooltip .descripwrap .descrip-row { padding-bottom: 10px;}

.mobigrid_hover .hoverdiv .datatooltip{ position: static; padding: 0 }

.closeicon{position: absolute; top: 5px; font-size: 15px;right: 8px;}

.popupbg{background: rgba(0,0,0,0.75);position: fixed; width: 100%;  height: 100%;top: 0;left: 0;

         z-index: 999; display: none;}

.pagenoscroll{ overflow: hidden; }

.gridcard .compareicon{ position: absolute; top: 7px;right: 7px;}
.compareicon i{ background-position: -232px -4px; width: 20px; height: 19px;transition: all 0.4s ease-in-out; }
.compareicon_mobile i{ background-position: -232px -4px; width: 20px; height: 19px;transition: all 0.4s ease-in-out; }
/*.compareicon:hover i{ background-position: -209px -4px; }*/
.gridcard .proimg{ width: 216px; margin: 0px auto;height: 218px; }
.gridcard .view360{ display: inline-block; position:absolute; padding: 0 10px;margin-top: 16px; }

.gridcard .view360 i{ background-position: -259px -4px; width: 33px; height: 31px; }

.gridcard .otherdescrip{ width: 100%; display: inline-block; padding: 10px 10px; font-family: 'robotomedium'; color: #5f5f5f; 

                         font-size: 14px; text-align: center; }

.gridcard:hover .otherdescrip{ color: #481a89; }

.gridcard .itemno{ }

.gridcard .caret{ margin-left: 10px;}

.gridcard .price{text-align: center;width: 100%; display: inline-block; font-size: 16px;color: #00b900; padding-bottom: 10px;}

.gridcard .viewdetailbtm{ background: #eeeeee; height: 36px; width: 50%; text-align: center; line-height: 36px;transition: all 0.4s ease-in-out; 

                          -webkit-transition: all 0.4s ease-in-out; display: none; float: left; }

.viewdetailbtm a{ text-transform: uppercase; font-family: "robotobold"; font-size: 14px; color: #481a89; }

.viewdetailbtm:hover{ background: #481a89; }

.viewdetailbtm:hover a{ color: #fff; }

.gridcard:hover .viewdetailbtm{ display: inline-block; }



.select-choose { border: 1px solid #cdcdcd;background: url(../images/br_down.png) no-repeat 91% 50% #FFF;

                 cursor: pointer; position: relative; text-align: left; display: inline-block; vertical-align: top;

                 -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out;

                 border-radius: 2px; width: 100%; height: 40px; font-size: 14px; line-height: 40px;}

.select-choose:hover, .select-choose:focus, .gray-select .sbHolder:hover { border: solid 1px #66409c;

                                                                           box-shadow: 0 0px 10px 0 rgba(80, 36, 142, 0.5); -webkit-box-shadow: 0 0px 10px 0 rgba(80, 36, 142, 0.5);

                                                                           outline: none;}

/* arrow on select */

.select-choose::before { position:absolute; top:50%; right:12px; width:6px; height:4px;}

.select-choose:hover::before { opacity:1; }



/* input text styling for select */

.select-choose__title {overflow: hidden; width: 100%; height: 32px; color: #333; font-size: 14px;

                       line-height: 32px; white-space: nowrap; text-overflow: ellipsis; background-color: transparent;

                       border: none; padding: 0 40px 0 10px; cursor: pointer;}



/* link for drop dropdown */

.select-choose__link { position:absolute; top:0; right:0; left:0; height:32px;}



/* hidden dropdown */

.select-choose__list { display: none; position:absolute; top:40px; left:0; z-index:99; width:100%;

                       background-color:#fff; border:1px solid #e1e1e1;box-shadow: -1px 3px 12px rgba(0,0,0,0.2); -webkit-box-shadow: -1px 3px 12px rgba(0,0,0,0.2); cursor: default}



.select-choose__list input[type=checkbox]{ position: relative; }

.select-choose__list input[type=checkbox]:before{ position: absolute; content: ''; background: url(../images/checkbox.png);

                                                  width: 16px; height: 16px;top: -2px;}

.select-choose__list input[type=checkbox]:checked:before{ position: absolute; content: ''; background: url(../images/checkbox_select.png);

                                                          width: 16px; height: 16px;}

.select-choose__item {  color:#333;line-height: 1.3;font-size:11px; padding: 10px;    }
[data="metals"] .select-choose__list .select-choose__item{ position: relative; }

.select-choose .shapeimg{position: absolute; right: auto; top: 8px;margin-left: 5px;}

input[type=checkbox] {display: inline-block;vertical-align: middle; margin: -2px 8px 0 0;}

.priceslide{ height: 80px; width: 100%; }

.priceslide input {width: 45%;display: inline-block;height: 15px;line-height: 1;font-size: 11px;
    padding-left: 5px;font-family: robotoregular;border: solid 1px #e2e2e2;padding: 10px 0;}

.priceslide p{ margin-bottom: 20px; }

.priceslide p #amount_max{ float: right; }

.datatooltip{ position: absolute; padding:0px;font-size: 14px; width: 300px;z-index: 99;top:10px;right:50px;  }

.datatooltip a{color:#481a89;font-weight:600;}



.caretdropdown .hoverdiv{width: 500px; top:15px; height: auto; right: auto; position: absolute; left: -499px;display: unset; }

.caretdropdown .datatooltip{position: static; padding: 10px;width: 100%; height: 157px;}

.caretdropdown .datatooltip .descripwrap{max-height: 100px; overflow: auto;font-size: 12px;}

.arrowleft{width: 0; height: 0; border-style: solid; border-width: 10px 14px 10px 0;

           border-color: transparent #ffffff transparent transparent; position: absolute;top: 50%; left: -14px;}

.datatooltip .prodescrip{ font-family: "robotomedium"; border-bottom: solid 1px #ccc; padding-bottom: 5px;

                          margin-bottom: 5px;font-weight: 700;color: #4c1f8c;font-size: 14px; line-height: 1;margin-top: 10px; }

.datatooltip .descripwrap { display: inline-block; width: 100%; }

.datatooltip .descripwrap p{ line-height: 1.5; }

.datatooltip .descripwrap .descrip-row{ padding-bottom: 0;line-height: 27px; }

.datatooltip .descripwrap .elemnt{  color: #000; }

.datatooltip .descripwrap .value { color:#481a89;float: right;}



.listresult_table .notetext {background-color: #ffffff;

                             border: 1px solid #e1e1e1;bottom: 20px;box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.13);

                             -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.13);color: #515151;display: none;

                             font-family: Arial,Helvetica,sans-serif;font-size: 11px;font-style: normal;

                             height: auto;line-height: 18px;margin-left: -83px;padding: 8px;position: absolute;right: -42px;

                             text-align: left;transition: color 0.1s ease-in 0s;-webkit-transition: color 0.1s ease-in 0s;

                             width: 180px;z-index: 200;}

.notetext .title{font-family: "robotomedium"; border-bottom: solid 1px #ccc; padding-bottom: 5px;

                 margin-bottom: 5px; font-weight: 700; color: #4c1f8c; font-size: 14px; text-align:left;}

.notetext .descrip{ max-height: 150px; overflow: hidden; }

.notearrow{ width: 0; height: 0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #c8c8c8; position:absolute; left:73%; bottom:-7px; margin-left:-8px;}

.listresult_table .quest:hover .notetext, .listresult_table .quest:hover .notearrow { display:block}



.bounce {

    -webkit-animation-name: bounce;

    animation-name: bounce;

    -webkit-transform-origin: center bottom;

    -ms-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}

@-webkit-keyframes bounce {

    0%, 20%, 53%, 80%, 100% {

        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        -webkit-transform: translate3d(0,0,0);

        transform: translate3d(0,0,0);

    }

    40%, 43% {

        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

        -webkit-transform: translate3d(0, -30px, 0);

        transform: translate3d(0, -30px, 0);

    }

    70% {

        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

        -webkit-transform: translate3d(0, -15px, 0);

        transform: translate3d(0, -15px, 0);

    }

    90% {

        -webkit-transform: translate3d(0,-4px,0);

        transform: translate3d(0,-4px,0);

    }

}



@keyframes bounce {

    0%, 20%, 53%, 80%, 100% {

        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        -webkit-transform: translate3d(0,0,0);

        transform: translate3d(0,0,0);

    }

    40%, 43% {

        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

        -webkit-transform: translate3d(0, -30px, 0);

        transform: translate3d(0, -30px, 0);

    }

    70% {

        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

        -webkit-transform: translate3d(0, -15px, 0);

        transform: translate3d(0, -15px, 0);

    }

    90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0);

    }

}



/*Setting Result Page*/

.resultwrapper .salepricetab p { display: inline-block; }

.topsearchdiv:hover .search-icon{ background: transparent;    color: #4f238d; }

.resultwrapper{ position: relative; }

.backto{color: #575757 !important; font-family: robotobold;font-size: 11px; float: left; }
.backstatuSocialwrap{ display: inline-block;width: 100%; }
.resultwrapper .links{ top: 5px;right: 15px;float: right; }

.resultwrapper .links .share{width: 20px; display: inline-block;}

.resultwrapper .links .share img{ max-width:auto; width: 100%; }

.resultwrapper .newshap{width: auto; z-index: 9; left:34%;}

.resultwrapper .newshap .shapetitle { color: #481989; position:relative;top: -5px;}

.resultwrapper h1{ font-family: 'robotomedium'; font-size: 14px !important;top: 0; z-index: 9; position: relative;}

.resultwrapper .right .button{font-size: 16px;}

.resultwrapper h1 span{ font-family: robotoregular; color: green; font-weight: bold;}

a{transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}

.resultwrapper .right label{ font-family: 'robotoregular'; font-size: 14px; color: #4c1f8c; padding-bottom: 5px; }

.resultwrapper .right .fields { margin-bottom: 20px; }

.resultwrapper .right .fields a{color: #4d218c;text-decoration: underline;font-family: robotomedium; display: block;font-size: 11px; }

.resultwrapper .right .fields a.ringize { position: absolute;right: 16px; top: 0;   } 

.resultwrapper .right .fields a:hover{ color:#353535 }

.datastatus { display: inline-block;font-size: 15px; color: #757575; }

.resultwrapper .right .fields{color: #757575;}

.datastatus.pricecut{text-decoration: line-through;}

.saleprice{font-size:24px !important; color: #279525; font-family: robotobold; line-height: 1;}

.haveques{ font-size: 14px;color:#481989;text-align: center;  }



.contactlink{ margin:0px auto;text-align: center; }

.contactlink a{ display: inline-block; margin-right: 10px; text-align: center; }

.contactlink a i{ display: block; margin-bottom: 5px; }

.contactlink a.call i{ background-position:-100px -80px; width: 35px; height:33px; }

.contactlink a.email i{ background-position:-144px -80px; width: 35px; height:33px; }

.contactlink a.faq i{ background-position: -186px -83px; width:31px; height:31px; }

.firstcap{text-transform:capitalize}





.recentlybox{ margin-top: 20px; }

.recentlybox h2{ border-bottom: solid 1px #ccc;padding-bottom: 10px;position: relative;font-size: 20px;}

.recentlybox h2:before{ position: absolute; width: 100px; height: 2px; content: ''; background: #481989; left:0; bottom:-1px; }

.recentlybox h2 span { font-family: 'robotomedium' }

.recent_slider .sliderwrap{ margin-top: 20px; }

.recent_slider .leftside{ margin-top: 30px; }

.recent_slider .leftside .title{ font-family: 'robotomedium'; font-size: 16px; color: #353535; text-align: left }

.recent_slider .leftside .sub{ padding-top: 16px; font-size: 14px; color: #353535; text-align: left   }

.recent_slider .owl-wrapper-outer{ height: 100px; }



#sync1,#sync2{ margin-top: 30px; }

#sync1 .item img,#sync2 .item img{display: block; width:auto; height: auto; margin: 0px auto;max-height: 240px;}

.lefttabbingWrap{width:100%;position: relative;display: inline-block; margin-top: 0;}

.lefttabbingWrap .owl-carousel .owl-wrapper-outer{ height: auto; }

.lefttabbingWrap .owl-controls { position: absolute; width: 100%;top: 50%;z-index: 99;}

.lefttabbingWrap .owl-buttons{ width:100%; }

.lefttabbingWrap .owl-theme .owl-controls .owl-buttons div{background:none;border-radius: 0;color: #fff;display: inline-block;font-size: 0;margin: 5px;opacity: 1;padding: 0;}

.lefttabbingWrap .owl-theme .owl-controls .owl-buttons div.owl-prev{    opacity: .3; background-image:url(../images/mprev.png); width:38px; height:33px; left:0; margin:0; position:absolute;}

.lefttabbingWrap .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ opacity:1;background-image:url(../images/mprev-hover.png); background-position: 0 0;}

.lefttabbingWrap .owl-theme .owl-controls .owl-buttons div.owl-next{    opacity: .3; background-image:url(../images/mnext.png); width:38px; height:33px; right:0; margin:0;position:absolute;}

.lefttabbingWrap .owl-theme .owl-controls .owl-buttons div.owl-next:hover{     opacity:1;background-image:url(../images/mnext-hover.png); background-position: 0 0; }

.colorsliderbntmain{float: left; width: 22%;  vertical-align: top; z-index: 9;}



.lefttabbingWrap .tabresultview{ display: none; overflow: hidden; text-align: center; }



.SettingVarslide{ display: inline-block; width: 100%; margin-top: 0; }

.SettingVarslide .recent_slider .owl-controls{ top: 75px; }

.SettingVarslide .recent_slider .owl-next{ right: 0; }

.SettingVarslide .recent_slider .owl-wrapper-outer{ height: 140px; }

.SettingVarslide .mesuretxt{ margin-bottom: 10px; }

#recentslide{ padding:0 40px; }

.recent_slider .proslideimg img{ max-width: 70px; }

.recent_slider .owl-controls{position: absolute; width: 100%; top: 20px;}

.recent_slider .owl-next{position: absolute; right:40px; z-index: 9; background: url(../images/next.png); width: 40px; 

                         height: 40px; font-size: 0; background-size: 100%;    opacity: 0.3;transition: all .3s ease-in-out; }

.recent_slider .owl-next:hover, .recent_slider .owl-prev:hover{ opacity: 1; }

.recent_slider .owl-prev{z-index: 9; background: url(../images/next.png); width: 40px; height: 40px; font-size: 0; background-size: 100%;

                         transform: rotate(180deg);-webkit-transform: rotate(180deg);position: absolute;left: -40px; transition: all .3s ease-in-out;   opacity: 0.3; }



.colorsliderbntmain{float: left; width: 22%;  vertical-align: top; z-index: 9;}

.thumbimg{max-height: 50px;}

.view360{ background-position: -259px -4px; width: 33px; height: 31px;margin: 9px }

.recentimg{ background-position: -59px -79px; width: 29px; height: 28px; }



.showwithshape{position: absolute; top: 0%;text-align: center;z-index: 999;left:25%}

.showwithshape .select-wrapper{width: 111px; height: 30px; line-height: 30px;font-size: 13px; }

.showwithshape .select-wrapper .holder{ font-size: 13px; line-height: 27px;height: 30px;}

.showwithshape label{top: 5px; position: relative; margin-right:5px;}



/* ========== Popup Css ========== */

/*.popupwrap {  width: 90%; z-index: 10000; top: 30px; background-color: #fff; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3); -moz-box-shadow: 0 0 3px rgba(0,0,0,.3); box-shadow: 0 0 3px rgba(0,0,0,.3); overflow: hidden; display: none; }*/


.popuptitle { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 18px; 
  color:#4f238d;padding:0px 15px 15px 0; text-align: left; line-height: 1.2;
  border-bottom: solid 1px #e0e0e0;font-family: robotomedium; }

.popupwrap .popupcontain { width: 100%; float: left;  padding-bottom: 10px;}

.popupwrap .popupinner { padding: 25px 15px 0;  font-family: "Open Sans", Helvetica, Arial, sans-serif}

/*Prong Popup*/
.pronglist {text-align: center;}
.pronglist li{ display: inline-block;width: 32%;padding: 15px; font-family: "robotoregular" }
.pronglist li:hover{box-shadow: 2px 2px 17px rgba(0,0,0,0.15);}
.pronglist .prongtitle{ font-size: 16px; color: #481989;  }
.pronglist .prongPrice{ color: #333333; font-size: 14px; }
.pronglist .prongBtn{ margin-top: 10px; }
.popupinner .prongPopdes{ margin-top: 15px; }


/*Loose stone page*/

.tabbingslide{z-index: 9;bottom: -100px; width: 100%; text-align: center;}

.tabbingslide li{ display: inline-block;vertical-align: top;width: 24%; }

.tabbingslide li .tabgrp{ border: solid 1px #e1e1e1; width: 100%;vertical-align: top; cursor: pointer; text-align: center;padding-top: 5px;height: 75px; position: relative;}

.tabbingslide li .tabgrp:hover, .tabbingslide li .tabgrp.active{box-shadow: 2px 2px 17px rgba(0,0,0,0.15); -webkit-box-shadow: 2px 2px 17px rgba(0,0,0,0.15);

                                                                border: solid 1px #481989;}

.tabbingslide li .thumbtxt{font-size: 9px; line-height: 1.1;display: block; margin-top: 5px;position: absolute;

                           bottom: 0px; width: 100%;text-align: center;color: #fff;background: #481989; padding: 2px 0;}

.tabbingslide li .slidehover .thumbtxt{ background: #fff; color:#000; padding: 0; }

.tabbingslide li .tabgrp.certslidetab, .tabbingslide li .tabgrp.sizeslidetab{ position: static; }

.tabbingslide li .tabgrp.certslidetab .thumbtxt, 
.tabbingslide li .tabgrp.sizeslidetab .thumbtxt{ position: relative; bottom: 0; }




.hideshowfilter_btnwrap{position: absolute; right: 16px; top: 6px;}
.hideshowfilter_btnwrap a.button{padding: 0 10px;text-transform: capitalize; height: 35px; line-height: 35px; font-size: 12px; margin-bottom: 0;background: red;}
.hideshowfilter_btnwrap a.showbtn{background: green;}
.loosestone_wrap .links a span{ display: none; }

.status{right: 225px;top: 2px;}

.status span{ color: green; font-family: robotobold; }

.status span a .fa-question-circle{font-size: 16px;color: #4f238d;}

.detaildatta{ margin-bottom:20px;min-height: 70px; }

.detaildatta .note { color: red;font-size: 10px; }

.datatitle{display: block; font-family: robotomedium;font-size: 13px;color: #4c1f8c; padding-bottom: 5px;}

.intertitle span{ display: none; }

.datavalue{ display: block;font-size: 14px; }

.detaildatta a{color: #50258e; width: fit-content}

.pricecut{text-decoration: line-through;}

.loosestone_wrap .right .detaildatta label {color: #353535;}

.buywith .newbtnwrap{ margin-top: 10px; max-width: 100px;}

.buywith .newbtnwrap .button{padding: 7px 10px;height: auto;line-height: 1;}

.loosestone_wrap .contactlink{ margin: 10px 0; }

.recent_slider #similaritemSlide .owl-wrapper-outer{height: auto;}

.recent_slider #similaritemSlide .owl-prev{ left: 0 }

.recent_slider #similaritemSlide .owl-next{ right: 0; }

.recent_slider #similaritemSlide .proslideimg img { max-width: 125px;}

.recent_slider #similaritemSlide .owl-controls{ top: 75px; }

.seeallsap{float: right; position: relative;z-index: 999;top: -5px;font-size: 14px;}

.whypricelow{font-size: 10px;font-family: robotoregular;    text-decoration: underline !important;}

.slidehover{position: absolute; background: #fff; text-align: center; z-index: 1;

            box-shadow: 2px 2px 17px rgba(0,0,0,0.15); -webkit-box-shadow: 2px 2px 17px rgba(0,0,0,0.15);padding: 10px;

            width: 100%; bottom: 0; left:0; visibility: hidden; opacity: 0; -webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out; }

.slidehover .notearrow{ display: none; }

.slidehover .hoverlist{ display: inline-block; margin-right: 3px; border: solid 1px #e1e1e1; min-width:71px; height: 83px;vertical-align: top; padding: 5px;cursor: pointer; }

.slidehover .hoverlist:hover{box-shadow: 2px 2px 17px rgba(0,0,0,0.15);-webkit-box-shadow: 2px 2px 17px rgba(0,0,0,0.15);border: solid 1px #481989;}



.slidehover .hoverlist .thumbtxt{ font-size: 11px; display: block;position: static !important;}

.slidehover#certview{top: 170px;}

.slidehover#sizeslidetab{top: 250px;}

.loosestone_wrap .saleprice{display: inline-block;}

.tab_show .slidehover{ visibility: visible; opacity: 1; bottom:75px; }
.tab_show_no .slidehover{ visibility: hidden; opacity: 0;bottom:75px;}
/*.certslidetab:hover .slidehover, .sizeslidetab:hover .slidehover{ visibility: visible; opacity: 1; bottom:75px; }*/

.linethrgh{ text-decoration: line-through; }

.ourpri{ font-size: 12px;}

.viewproductlink{position: relative; top: -56px;  z-index: 9;margin: 15px 0;color: #4c1f8c;display: block;text-align: center;font-size: 14px;}

.estimatship{ margin-bottom: 10px; }

.needsoonShopBlock{ box-shadow: 2px 2px 17px rgba(0,0,0,0.15); background: #fff; padding: 10px;  margin-bottom: 20px;border-radius: 3px; }

.shopconfidnt .logogrp{ margin-top: 15px;text-align: center }

.shopconfidnt img{width: 90px; height: auto;}

.shopconfidnt span{display: block; margin-right: 10px; text-align: left; margin-bottom: 5px; font-family: robotobold;font-size: 16px; color: #757575 }

input[type="checkbox"] + label {

    color: #000;

    font-size: 14px;

}

input[type="checkbox"] + label span {

    display: inline-block;

    width: 19px;

    height: 19px;

    margin: -1px 4px 0 0;

    vertical-align: middle;

    background: url(../images/check_radio_sheet.png) left top no-repeat;

    cursor: pointer;

}

input[type="checkbox"]:checked + label span {

    background: url(../images/check_radio_sheet.png) -19px top no-repeat;
}

.compareSectionActive i {
    background-position: -209px -4px;
}
.compareSectionInactive i {
    background-position: -232px -4px;
}



/*revieww ring*/

.reviewringwrap .right .fields{ min-height: 65px; }

.reviewringwrap .shopconfidnt{ margin-top: 15px; }

.reviewringwrap .matchingband{ margin-bottom: 10px;  }

.reviewringwrap .matchingband a{ display: block; }

.reviewWrap{ margin-bottom: 5px; padding-bottom: 5px;    border-bottom: solid 1px #dadada;}

.reviewWrap .stoneimg{ float: left;width: 50px; }

.reviewWrap .itemdes{ float: left; margin-left: 5px;width: calc(100% - 55px); }

.reviewWrap .itemtop div{ display: inline-block; }

.reviewWrap .itemprice{ float: right; color: #279525; font-size: 16px; font-family: robotobold; }

.reviewWrap .itemtitle{ font-family: robotomedium;margin-right: 10px;    min-width: 100px; vertical-align: top}

.reviewWrap .itemno{max-width: 140px; word-wrap: break-word; }

.reviewWrap .itemtop{ margin-bottom: 5px; }



li.funnel-step:last-child .stonesettab{ right:5px; }
.error 
{
    color:#FF0000;
}
.purple-text{
    color: #481989;
    font-weight: bold;
}

/*for loder */

#loader-wrap{position: fixed;

             display: none;
             left: 0% !important;
             top: 0% !important;

             -webkit-transform: 0 !important;

             transform: none !important;

             opacity: .6;

             width: 100%;

             margin: 0 auto;

             background-color:#919191;

             text-align: center;

             height: 100%;

             z-index: 1111111;
}

.viewsaletop1{ position: absolute; transition: all .4s ease-in-out; width: 100%; text-align: center; }
.viewsaletop2{ position: absolute; display: none; width: 100%;transition: all .4s ease-in-out;}
.viewsaletop3{ position: absolute; display: none;width: 100%; transition: all .4s ease-in-out;}

.salewrap.saletop_two .viewsaletop2{ text-align: center; display: block;}
.salewrap.saletop_two .viewsaletop1, .salewrap.saletop_two .viewsaletop3{ display: none }

.salewrap.saletop_two.saletop_three .viewsaletop3{text-align: center; display: block;}
.salewrap.saletop_two.saletop_three .viewsaletop1, .salewrap.saletop_two.saletop_three .viewsaletop2{ display: none }

.select-choose__item .checkbox, .select-choose__item label, .filter-option, .filter-option input{cursor: pointer}
.eduLink{color: #4f238d;text-decoration: underline;}
.modal {
  z-index: 10000 !important;
}
.gaur-del{
    color:#ff0000;
    font-weight: bold;
    font-size: 12px;
}

 .xmasoffer_block{position: absolute; color: #cc0000;padding: 0px;left: 65%;z-index: 9;margin-top: 20px;
    text-align: center;}
 .filterdrop_title {font-family: robotomedium;color: #481989;text-overflow: ellipsis;
    white-space: nowrap;line-height: 1;padding-left: 10px;padding-bottom: 3px;
    padding-top: 10px;font-size: 15px;}

/*start Popup Compare Login*/
.mainpopup{ width: 90%; z-index: 10000; top: 30px; background-color: #fff;
 box-shadow: 0 0 3px rgba(0,0,0,.3); overflow: hidden; position: fixed;padding: 10px 15px;
margin-left: -20px;left: 10%; }
.popuptitle { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 18px; 
  color:#4f238d;padding:0px 15px 15px 0; text-align: left; line-height: 1.2;
  border-bottom: solid 1px #e0e0e0;font-family: robotomedium; }
 
.popupwrap .popupcontain, .mainpopup .popupcontain { width: 100%; float: left;  padding-bottom: 10px;}

.popupwrap .popupinner, .mainpopup .popupinner  { padding: 25px 15px 0;  font-family: "Open Sans", Helvetica, Arial, sans-serif}

.popCompareLogin {max-width: 1000px;  margin: 0px auto}
.popCompareLogin .signin-left, .popCompareLogin .signin-right{ border:none; }
.popCompareLogin h4{ padding-bottom: 10px; text-transform: unset; }
.popCompareLogin .signin-left li{background: url(../images/arrow.jpg) no-repeat left 8px;padding: 5px 0px 5px 15px;}
.popCompareLogin .signin-left li.request360{background:none;  }
/*end Popup Compare Login*/

/*Fedexpopup */
.fedexpopup{ margin: 0px auto;font-family: robotoregular; }
.fedexpopup .modal-body{ padding: 0; overflow: unset; }
.fedexpopup .titlewrap{ padding: 20px 10px 10px 10px; }
.fedexpopup .popuptitle{ padding-right: 0px; }
.fedexpopup .fedextabulardata{ margin-bottom: 10px;padding: 10px; }
.fedextabulardata thead{ background: #ccc;display: table;width:100%;}
.fedextabulardata thead th{ padding: 10px 5px; }
.fedextabulardata tbody{max-height: 340px;overflow: auto;display: block;}

.fedextabulardata th, .fedextabulardata td {width: 33.33%; padding: 5px;word-break: break-all; }
.fedextabulardata tr {display: table;width: 100%;box-sizing: border-box;}

.fedextabulardata tbody tr{ background: #fff }
.fedextabulardata tbody tr:nth-child(even) {background:#efefef}
.fedextabulardata tbody td{ padding: 5px;vertical-align: top; }
.fedexpopup .button{width: 60px;height: 35px;line-height: 35px;font-size: 12px; display: block; }
.zipcode{ padding-top: 15px; display: inline-block; width: 100%; }
.zipcode span { font-size: 14px;    font-weight: bold; }
.zipcode input{margin: 0 5px; width: 140px;}
.zipcode .newbtnwrap {width:65px; display: inline-block;}


/*thank you page start*/
.orderdetailwrap{ margin-top: 20px; margin-bottom: 20px;font-family: robotoregular; position: relative;}
.orderdetailwrap .box-shadow{ padding: 10px; }
.orderdetailwrap h1{line-height: 1;margin: 0;border: none; text-align: left; }
.orderdetailwrap .newbtnwrap{position: absolute;right: 20px;top: 25px;}
.orderdetailwrap .newbtnwrap .button{padding: 0 20px;}
.orderno{color: #481989;font-size: 14px;font-family: robotomedium;}
.orderno span{ color: #007f30; }
.orderdetailwrap .ordercontain{padding: 20px 0;color: #2e2e2e;font-size: 14px;}
.makecheck{ margin-bottom: 30px; }
.makecheck .make{ color: #2e2e2e; font-size: 14px; font-family: robotomedium; text-transform: uppercase;  }
.makecheck .descrip span{ display: block; color: #481989;font-weight: 600;padding-top: 5px; }
.order-left{ width: 100%; display: inline-block; vertical-align: top; }
.order-right{ width: 100%; margin-top: 20px;display: inline-block;vertical-align: top;  }
.ordernote{ margin-top: 20px; box-shadow: 0px 0px 13px rgba(1,1,1,0.13);padding: 20px;border-radius: 4px;
   }
.ordernote span{ color: #2e2e2e;font-family: robotomedium; display: block;font-size: 16px; }
.ordernote ul{margin-top: 10px; padding-left: 18px;}
.ordernote li{ font-size: 14px; padding-bottom: 20px;list-style: disc;  }
.order-right .rightwrap{ margin-bottom: 20px; }
.order-right .ordertitle{ background: #ebebeb; color: #2e2e2e; font-size: 14px;font-family: robotomedium; text-transform: uppercase;padding: 8px; margin-bottom:10px;}
.order-right .shipping_contain{ font-size: 14px;  color: #2e2e2e; }
.order-right .shipping_contain span{color: #000;font-family: robotomedium; }
.paymntabulardata table { width: 100%; }
.paymntabulardata table th, .paymntabulardata table td{ text-align: left; padding-bottom: 5px; }

.order-left table{ width:100%;font-size: 12px; }
.order-left table thead   { background: #ebebeb; }
.order-left table thead th{ padding:8px;color: #2e2e2e;font-family: robotomedium; text-transform: uppercase;font-weight: normal;}
.order-left table th, .order-left table td{ text-align: left; }
.order-left .proimg{ width: 80px; height: 75px; overflow: hidden; border:solid 1px #d0d0d0; text-align: center; }
.order-left .proimg img{ width:auto;max-height: 75px; }
.order-left table tbody td{border-bottom: solid 1px #ccc;padding: 15px 5px;vertical-align: top;}
.order-left table th:last-child,
.order-left table td:last-child{text-align: right; }


.order-left .ordertotal{ position: relative;display: inline-block;width: 100%; }
.order-left .ordertotal table{width:180px;float: right;}
.order-left .ordertotal table td{ padding:5px 0; border-bottom: none;}
.order-left .ordertotal table td:first-child{ color: #2e2e2e; font-family: robotomedium;padding-left: 10px;}
.order-left .ordertotal table tr:last-child{ background:#481989; color: #fff; }
.order-left .ordertotal table tr:last-child td{ color: #fff; }
.order-left .ordertotal .estimated{position: absolute; bottom: -2px; max-width: 138px; color: #481989; font-family: robotomedium;font-size: 12px; }

/*thank you page end*/