/* AMIPI cleaned style.css
 * /diamonds/ page-specific selectors were moved to diamonds.css.
 * Shared, homepage, diamond-detail, jewelry and other page rules remain here.
 */

@import url(https://fonts.googleapis.com/css?family=Lato:200,400,100,300,700,900);

@import url(https://fonts.googleapis.com/css?family=Kaushan+Script);

@font-face {
    font-family: "disruptors_scriptregular";
    src: url("https://www.amipi.com/fonts/disruptorsscript-regular-webfont.woff2") format("woff2"),
         url("https://www.amipi.com/fonts/disruptorsscript-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;

}

body {
  margin: 0;padding: 0;position: relative;text-rendering: auto;-webkit-font-smoothing: antialiased;font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family: "Lato", sans-serif !important;overflow-x: hidden;
}

p {
  font-family: "Lato", sans-serif
}

a {
  outline: 0
}

button {
  outline: 0
}

.font-30 {
  font-size: 30px
}

.text-uppercase {
  text-transform: uppercase
}

.side-bar {
  float: left;width: 245px;padding: 15px 16px 15px 0;position: fixed;left: 0;top: 0;bottom: 0;overflow-x: hidden;overflow-y: auto;background: #fed700
}

.container-fix {
  width: 100%;max-width: 1340px;height: auto;margin: 0 auto
}

.pro-content {
  width: 100%;max-width: 1340px;height: auto;margin-top: -64px;margin-right: auto;margin-left: auto;
}

.navbar-default .navbar-toggle {
  float: none;border: 0;margin: 3px;padding: 7px
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background: #fed700
}

.navbar-default .navbar-toggle .name-bar {
  float: left;font-weight: 800;color: #fff
}

.navbar-default .navbar-toggle .icn {
  float: right;margin-top: 3px
}

.navbar-default .navbar-toggle .icon-bar {
  background: #fff
}

.brand-name {
  display: none
}

.navbar-default {
  background: 0;border: 0;border-radius: 0;box-shadow: none;margin: 0
}

.navbar-default .navbar-header {
  float: none
}

.navbar-default .navbar-brand {
  height: auto;text-align: center;width: 100%;float: none;display: block;color: #333;padding: 0 15px
}

.navbar-default .navbar-brand img {
  max-width: 100%;margin: 0 0 15px
}

.navbar-default .navbar-brand h2 {
  color: #333;font-family: "Lato", sans-serif;font-weight: 700;font-size: 36px;margin: 0
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
  margin: 0
}

.navbar-collapse .navbar-brand {
  display: none
}

.navbar-toggle .icon-bar {
  display: block;width: 28px;height: 3px;border-radius: 1px
}

.navbar-dropdown .navbar-nav>li {
  width: 100%
}

.navbar-dropdown .navbar-nav>li>.nav-box a {
  padding-top: 8px !important;padding-bottom: 8px !important;line-height: 1;font-family: "Lato", sans-serif;font-weight: 700;font-size: 14px
}

.navbar-dropdown .navbar-nav>li>a {
  padding: 0;font-family: "Lato", sans-serif;font-weight: 400;font-size: 16px;line-height: 27px;padding: 3px;color: #333;padding-left: 17px;text-decoration: none
}

.navbar-dropdown .navbar-nav>li>a:hover {
  background-color: #2c3b5b;color: #fed700
}

.navbar-dropdown .navbar-nav.cart>li>a {
  font-weight: 400;font-size: 18px;line-height: 25px
}

.navbar-dropdown .navbar-nav>li.panel ul li a {
  font-size: 16px;font-weight: 400;list-style-type: none;width: 100%;padding-left: 20px !important;padding-right: 0;display: block
}

.navbar-dropdown .navbar-nav>li.panel ul li a:hover {
  background-color: #2c3b5b;color: #fed700
}

.navbar-dropdown .navbar-nav>li.panel ul li ul li a {
  font-size: 12px;padding-left: 30px !important
}

.navbar-dropdown .navbar-nav>li.panel a {
  font-family: "Lato", sans-serif;font-weight: 400;font-size: 14px;line-height: 16px;padding: 3px;padding-left: 15px;color: #333;background: 0;text-transform: uppercase;text-decoration: none;font-weight: 600
}

.navbar-dropdown .navbar-nav>li.panel a:hover {
  font-weight: 600;background-color: #2c3b5b;color: #fed700
}

.navbar-dropdown .navbar-nav>li.panel {
  background-color: transparent;list-style-type: none;margin-bottom: 0
}

.navbar-dropdown .navbar-nav>li.panel ul {
  padding-left: 0;margin: 5px 0
}

.navbar-dropdown .navbar-nav>li.panel ul li {
  background-color: transparent;list-style-type: none
}

.navbar-dropdown .navbar-nav>li.panel ul li a:hover {
  background-color: #2c3b5b;color: #fed700
}

.navbar-dropdown .navbar-nav>li.panel a {
  font-family: "Lato", sans-serif;font-weight: 400;font-size: 16px;line-height: 20px;padding: 3px;padding-left: 15px;color: #333;text-transform: uppercase;text-decoration: none
}

.navbar-dropdown .navigate>li>a {
  font-weight: 600 !important
}

.navbar-dropdown .navbar-nav>li.panel a:hover {
  font-weight: 600
}

.navbar-dropdown .navbar-nav>li.nav-box {
  width: 100%;clear: both
}

.navbar-nav {
  margin: 0 -15px;margin-bottom: 15px
}

.navbar-collapse .search-box.subscribe {
  display: none
}

.popup-contact {
  text-align: center
}

.popup-contact .call-number {
  text-align: center;margin: 0
}

.popup-contact .call-number p {
  font-family: "Lato", sans-serif;font-size: 20px;font-weight: 800;margin: 0
}

.popup-contact .call-number p.small {
  font-size: 20px
}

.side-bar .call-number {
  text-align: center;margin-top: 10px
}

.side-bar .call-number p {
  font-family: "Lato", sans-serif;font-size: 20px;font-weight: 800;margin: 0
}

.side-bar .call-number p.small {
  font-size: 16px
}

.side-bar .call-number .phone-icon {
  background-color: #F00;border-radius: 50px;margin-right: 10px;padding: 4px 9px;font-size: 25px;color: #fed700
}

.side-bar .call-number .phone-icon:hover {
  background-color: #fed700;color: #F00;border: 1px solid #F00
}

.side-bar .call-number .msg-icon {
  background-color: #F00;border-radius: 50px;padding: 6px 8px;margin-left: 10px;font-size: 23px;color: #fed700
}

.side-bar .call-number .msg-icon:hover {
  background-color: #fed700;color: #F00;border: 1px solid #F00
}

.side-bar .search-box {
  position: relative;margin: 15px 0;display: table;width: 100%
}

.side-bar .search-box.subscribe {
  margin: 0
}

.side-bar .search-box input {
  float: right;border-radius: 0;width: 100%;box-shadow: none;border: solid 1px #ddd;font-size: 12px
}

.side-bar .search-box button {
  position: absolute;top: 4px;right: 4px;padding: 2px 7px;font-size: 12px;line-height: 20px;color: #FFF;background-color: #2c3b5b;border-color: #2c3b5b
}

.side-bar .search-box button:hover {
  color: #2c3b5b;background-color: #fed700;border-color: #2c3b5b
}

.navbar-default .navbar-collapse {
  margin-right: -20px;margin-left: -30px;border: 0;padding: 0 10px;width: 250px
}

.navbar-default .navbar-nav {
  float: none;display: block;margin: 0
}

.navbar-default .navbar-nav>li {
  float: none;display: block
}

.navbar-default .navbar-nav>li>.nav-box>a {
  padding: 0;font-family: "Lato", sans-serif;  font-weight: 400;font-size: 14px;line-height: 16px;padding: 3px;color: #333;background: 0;padding-left: 17px;text-decoration: none
}

.navbar-default .navbar-nav>li>a {
  padding: 00;font-family: "Lato", sans-serif;font-weight: 400;font-size: 14px;line-height: 16px;padding: 3px;color: #333;background: 0;padding-left: 17px;text-decoration: none
}

.navbar-default .navigate>li>a {
  font-weight: 600 !important
}

.navbar-default .navbar-nav>li>.panel a.plus {
  font-weight: 600
}

.navbar-default .navbar-nav>li>a:hover {
  background-color: #2c3b5b !important;color: #fed700 !important
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  background: #2c3b5b;color: #fed700
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  background: #2c3b5b;color: #fed700
}

.navbar-default .navbar-nav.cart>li>a {
  font-weight: 400
}

.navbar-default .navigate>li>.nav-box>a {
  font-weight: 600 !important;padding-top: 5px;padding-bottom: 5px
}

.navbar-default .navbar-nav>li.panel {
  background-color: transparent;list-style-type: none;margin-bottom: 0;box-shadow: none
}

.navbar-default .navbar-nav>li.panel ul {
  padding-left: 0;margin: 5px 0
}

.navbar-default .navbar-nav>li.panel ul li {
  background-color: transparent;list-style-type: none
}

.navbar-default .navbar-nav>li.panel ul li a:hover {
  background-color: #2c3b5b;color: #fed700
}

.navbar-default .navbar-nav>li.panel ul li a:hover {
  background-color: transparent
}

.navbar-default .navbar-nav>li.panel ul li a {
  font-size: 13px;font-weight: 400;list-style-type: none;width: 100%;padding-left: 15px !important;padding-right: 0;display: block
}

.navbar-default .navbar-nav>li.panel ul li a:hover {
  background-color: #2c3b5b;color: #fed700
}

.navbar-default .navbar-nav>li.panel ul li ul li a {
  font-size: 12px;padding-left: 30px !important
}

.navbar-default .navbar-nav>li.panel a {
  font-family: "Lato", sans-serif;font-weight: 400;font-size: 14px;line-height: 16px;padding: 3px;padding-left: 15px;color: #333;background: 0;text-transform: uppercase;text-decoration: none;font-weight: 600
}

.navbar-default .navbar-nav>li.panel a:hover {
  font-weight: 600;background-color: #2c3b5b;color: #fed700
}

.nav-toggle {
  float: right;position: relative;right: 0
}

a.refresh {
  color: #fed700
}

.navbar-default .navbar-nav>li.panel a {
  padding-left: 15px !important;padding-right: 5px !important
}

a.plus:before {
  font-family: FontAwesome;content: "";float: right;display: inline-block;padding-right: 3px;font-size: 16px;vertical-align: middle
}

a.plus.collapsed:before {
  font-family: FontAwesome;content: "";display: inline-block;float: right;font-size: 15px;padding-right: 3px;vertical-align: middle
}

.side-bar .lable-search {
  font-family: "Lato", sans-serif;font-size: 16px;font-weight: 400;margin: 0 0 5px
}

.side-bar .copyright {
  font-family: "Lato", sans-serif;font-size: 14px;margin-top: 30px
}

.right-content {
  margin-left: 245px;background: #fff;position: relative;top: 0;bottom: 0;min-height: 115vh;padding-bottom: 125px
}

.zoomContainer {
  z-index: 1
}

#Print-PopUpBox {
  z-index: 11111
}

#Share-PopUpBox {
  z-index: 11111
}

#RequestCallBack-PopUpBox {
  z-index: 11111
}

#QuickViewVideoPopUpBox {
  z-index: 11111
}

#PopUpBox {
  z-index: 11111
}

.undoreset tr {
  display: table-row;vertical-align: inherit;line-height: 2 !important
}

#ticker {
  padding: 15px 0
}

#ticker marquee {
  height: 15px
}

#ticker p {
  font-family: "Lato", sans-serif;font-size: 13px;line-height: 14px;margin: 0;font-weight: 400
}

#ticker p.username {
  font-family: "Lato", sans-serif;font-size: 14px;line-height: 14px;margin: 0;font-weight: 400;float: right;margin-left: 25px
}

#ticker .reg-link {
  float: right;color: #fff;font-family: "Lato", sans-serif;font-size: 13px;line-height: 14px;margin: 0;font-weight: 400;float: right;margin-left: 25px
}

.TickerNews {
  width: 100%;height: 15px;line-height: 15px
}

.ti_wrapper {
  width: 100%;position: relative;overflow: hidden;height: 50px
}

.ti_slide {
  position: relative;left: 0;top: 0;width: 100%
}

.ti_content {
  position: relative;float: left;margin: 0;padding: 0;width: auto !important
}

.ti_content li {
  list-style-type: none;display: inline-flex;white-space: nowrap
}

.ti_news {
  float: left
}

.ti_news a {
  display: block;margin-right: 10px;text-decoration: none;font-family: "Lato", sans-serif;font-size: 13px;font-weight: 400;color: #fff
}

.ti_news a span {
  color: #fed700;display: inline-block;margin: 0 0 0 3px
}

#slider-banner .item img {
  width: 100%
}

#diamond-part img {
  width: 100%
}

#slider-banner .carousel-control {
  top: 50%;bottom: 50%;margin-top: -30px;color: #fed700;background: 0;opacity: 1;width: 90px;opacity: .7
}

#slider-banner .carousel-control i {
  font-size: 45px
}

#slider-banner .carousel-control:hover {
  opacity: 1
}

#jewelrydeal {
  font-family: "Lato", sans-serif;text-align: center;font-weight: 300;color: #2c3b5b;font-size: 45px;margin: 35px 0;text-transform: uppercase
}

#jewelrydeal span {
  font-family: "Kaushan Script", cursive;font-style: italic;color: #2c3b5b;font-weight: bold;text-transform: capitalize
}

#ticker {
  background: #2c3b5b;z-index: 1;position: relative
}

#quciksearch {
  background-color: #2C3B5B;z-index: 1;position: relative;z-index: 99999
}

.carousel, .item {
  height: 100%
}

.carousel-outer {
  position: fixed;height: 100%;top: 0;width: 100%
}

.carousel-inner {
  height: 100%;top: 0
}

#filter {
  -webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease
}

.collapse {
  -webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease
}

.in {
  -webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease
}

#filter .in {
  transition: max-height .15s ease-out !important
}

.in {
  transition: max-height .25s ease-in !important
}

.fill {
  width: 100%;position: absolute;right: 0;left: 0;top: 37px;background-position: center;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;o-background-size: cover
}

#quick {
  padding: 10px 15px;float: left;width: 36%
}

#quick .quick-title {
  font-family: "Lato", sans-serif;font-size: 10px;font-weight: 500;float: left;line-height: 14px;width: 50px
}

#quick .btn {
  background: #fff;font-size: 11px;color: #222;border-color: #f1cd04;outline: 0;width: 100%
}

#quick .dropdown-menu {
  min-width: 50px
}

#quick .dropdown-menu li {
  display: block;float: none;margin: 0;min-width: 55px
}

#quick .dropdown-menu li input {
  margin: 0 2px 0 2px;vertical-align: bottom
}

#quick .dropdown-menu>li>a {
  font-size: 10px;padding: 3px 3px
}

.go {
  padding: 5px 15px;margin: 0;border-radius: 5px;outline: 0;transition: all .3s ease-in 0;border: solid 1px #fff
}

.go:hover {
  border: solid 1px #2c3b5b;background-color: #fed700
}

#onoff {
  float: left;list-style: none;margin: 0 0 0 8px;padding: 0;width: 100%
}

#onoff:after {
  clear: both;content: "";display: block
}

#onoff li {
  width: 16.6667%;width: calc(100% / 8);box-sizing: border-box
}

#onoff li {
  float: left;margin-left: 3px
}

#onoff li .match-title {
  font-size: 10px;margin: 0;white-space: nowrap
}

.onoffswitch {
  position: relative;width: 50px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none
}

.onoffswitch-checkbox {
  display: none
}

.onoffswitch-label {
  display: block;overflow: hidden;cursor: pointer;border-radius: 50px;margin: 0
}

.onoffswitch-inner {
  display: block;width: 200%;margin-left: -100%;transition: margin .3s ease-in 0
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
  display: block;float: left;width: 50%;padding: 0;font-size: 12px;line-height: 16px;box-sizing: border-box
}

.onoffswitch-inner:before {
  content: "ON";padding-left: 10px
}

.onoffswitch-inner:after {
  content: "OFF";padding-right: 10px;text-align: right
}

.onoffswitch-switch {
  display: block;width: 15px;position: absolute;top: 0;bottom: 0;right: 35px;border-radius: 50%;transition: all .3s ease-in 0
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
  margin-left: 0
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
  right: -1px
}

.lung {
  margin: 0;float: left;text-align: center;width: 100%
}

.lung select {
  width: 80%;padding: 5px 10px;border: solid 1px #2c3b5b;border-radius: 5px;font-size: 12px;outline: 0
}

.lung .search-box {
  position: relative;margin: 0;display: table;width: 100%
}

.lung .search-box.subscribe {
  margin: 0
}

.lung .search-box input {
  float: right;border-radius: 0;width: 100%;box-shadow: none;border: solid 1px #ddd;font-size: 12px;padding: 5px 45px 5px 12px;height: auto
}

.lung .search-box button {
  position: absolute;top: 0;right: 0;padding: 3px 7px 3px 7px;font-size: 12px;line-height: 20px;color: #2c3b5b;background-color: #FED700;border-color: #FED700;border-radius: 0
}

.lung .search-box button:hover {
  color: #2c3b5b;background-color: #fed700;border-color: #2c3b5b
}

.login-block {
  float: right;padding: 12px 15px
}

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

.login-block ul:after {
  clear: both;display: block;content: ""
}

.login-block ul li {
  float: left;width: 25%
}

.login-block ul li:last-child {
  float: left;min-width: 150px
}

.login-block ul li.name {
  float: left;width: auto;padding: 0 0 0 10px
}

.login-block ul li.name .username {
  margin: 0;line-height: 28px
}

.login-block ul li select {
  width: 100%;padding: 5px 10px;border: solid 1px #2c3b5b;border-radius: 5px 0 0 5px;font-size: 12px;outline: 0;height: 29px;border-right: 0
}

.login-block ul li input[type=text] {
  width: 100%;padding: 4px 10px;border: solid 1px #2c3b5b;border-radius: 50px;font-size: 12px;outline: 0
}

.login-block ul li input[type=password], .login-block ul li input[type=email] {
  width: 100%;padding: 4px 10px;border: solid 1px #2c3b5b;border-radius: 0;font-size: 12px;outline: 0
}

.login-block ul li .go {
  padding: 5px 15px;margin: 0 0 0 10px
}

.login-block ul li .for-pass {
  position: relative;float: right;margin-bottom: -15px;font-size: 12px;color: #2c3b5b;text-decoration: none
}

.login-block .selectBox-dropdown {
  position: relative;border: solid 1px #BBB !important;line-height: 100%;padding: 6px 0;text-decoration: none;text-align: left;color: #5d5d5d;outline: 0;vertical-align: middle;-moz-border-radius: 4px;border-radius: 0;display: inline-block;cursor: pointer;margin: 0 0 15px
}

.login-block .selectBox-dropdown .selectBox-label {
  line-height: 15px
}

.login-block .selectBox-dropdown .selectBox-arrow {
  border-color: #2c3b5b
}

#jumto-hide.selectBox-dropdown {
  padding: 2px 0;background: #fff;margin: 0;border: solid 1px #2c3b5b
}

#jumto-hide.selectBox-dropdown .selectBox-label {
  line-height: 15px
}

#jumto-hide.selectBox-dropdown .selectBox-arrow {
  border-color: #2c3b5b
}

.table-fixed thead {
  width: 100%;padding-right: 10px
}

.table-fixed tbody {
  overflow-y: auto;height: 900px;width: 100%;margin-right: -10px !important
}

.table-fixed thead, .table-fixed tbody, .table-fixed tr {
  width: 100%
}

.table-fixed tbody, .table-fixed tr {
  width: 100%;padding-right: -14px
}

.table-fixed tbody td, .table-fixed thead>tr>th {
  float: left;border-bottom-width: 0
}

.table-fixed tbody ::-webkit-scrollbar {
  display: none
}

.table-fixed tbody {
  display: block
}

.cpsf-table-fixed thead {
  width: 100%;padding-right: 10px
}

.cpsf-table-fixed tbody {
  overflow-y: auto;height: 90px;width: 100%;margin-right: -10px !important
}

.cpsf-table-fixed thead, .cpsf-table-fixed tbody, .cpsf-table-fixed tr {
  width: 100%
}

.cpsf-table-fixed tbody, .cpsf-table-fixed tr {
  width: 100%;padding-right: -14px
}

.cpsf-table-fixed tbody td, .cpsf-table-fixed thead>tr>th {
  float: left;border-bottom-width: 0
}

.cpsf-table-fixed tbody ::-webkit-scrollbar {
  display: none
}

.cpsf-table-fixed tbody {
  display: block
}

.sub-log {
  margin: 0;padding: 0;list-style: none;max-width: 800px;display: inline-block
}

.sub-log:after {
  clear: both;display: block;content: ""
}

.sub-log li {
  float: left;width: 24%;text-align: left
}

.sub-log li:last-child {
  white-space: nowrap
}

.sub-log li.name {
  float: left;width: auto;padding: 0 0 0 10px
}

.sub-log li.name .username {
  margin: 0;line-height: 28px
}

.sub-log li select {
  width: 100%;padding: 5px 10px;border: solid 1px #2c3b5b;border-radius: 5px 0 0 5px;font-size: 12px;outline: 0;height: 29px;border-right: 0
}

.sub-log li input[type=text], .sub-log li input[type=email] {
  width: 100%;padding: 4px 10px;border: solid 1px #2c3b5b;border-radius: 0;font-size: 12px !important;outline: 0;color: #444
}

.sub-log li input[type=password] {
  width: 100%;padding: 4px 10px;border: solid 1px #2c3b5b;border-radius: 0;font-size: 12px;outline: 0
}

.sub-log li input[type=password] {
  border-radius: 0;border-left: 0
}

.sub-log li .go {
  padding: 3px 15px;margin: 0 0 0 10px
}

.sub-log .selectBox-dropdown {
  padding: 2px 0;background: #fff;margin: 0;border: solid 1px #2c3b5b
}

.sub-log .selectBox-dropdown .selectBox-label {
  line-height: 15px
}

.sub-log .selectBox-dropdown .selectBox-arrow {
  border-color: #2c3b5b
}

.heading {
  font-family: "Lato", sans-serif;text-align: center;font-weight: bold;color: #2c3b5b;font-size: 45px;margin: 35px 0;text-transform: uppercase;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale
}

.white-title {
  font-family: "Lato", sans-serif;text-align: center;font-weight: 300;color: #fff;font-size: 45px;margin: 0 0 30px;text-transform: uppercase
}

.white-title span {
  color: #fff;font-weight: 700
}

.diamond-part {
  background-color: #FFF;position: relative
}

.diamond-part .img-block {
  text-align: center;margin: 0 -15px;min-height: 300px;padding: 15% 0;background-size: cover !important;-webkit-transition: .4s ease;transition: .4s ease;filter: alpha(opacity=60)
}

.img-content {
  overflow: hidden
}

.img-content:hover .img-block {
  -webkit-transform: scale3d(1.05, 1.05, 1);transform: scale3d(1.05, 1.05, 1);transition: opacity .35s, transform .35s
}

.breadcum {
  margin: 25px 0 0 10px
}

.diamond-part h2 {
  text-align: center;text-transform: uppercase;font-family: "Lato", sans-serif;font-weight: 300; color: #333; padding: 35px 0; font-size: 36px; margin: 0; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; -webkit-text-stroke-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale
}

.diamond-part h2 span {
  color: #2c3b5b; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale
}

.diamond-part .img-block h2 {
  font-size: 45px
}

.diamond-part .img-block a {
  display: inline-block; padding: 10px 20px; background: rgba(255, 255, 255, 0.78); border: 1px solid #9ba2a7; color: #2c3b5b; font-family: "Lato", sans-serif; font-weight: 300; text-decoration: none; border-radius: 5px; margin: 0 5px; font-size: 22px; transition: all .3s ease-in 0
}

.diamond-part .img-block a:hover {
  background: #2c3b5b; color: #fff
}

.diamond-part .dia-block {
  text-align: center; margin: 0 -15px; min-height: 304px; padding: 15px
}

.diamond-part .dia-block.odd {
  background: #f9f8f8
}

.diamond-part .dia-block.even {
  background: ffffff
}

.diamond-part .dia-block .dia-img {
  width: 45%; float: left
}

.diamond-part .dia-block .dia-img img {
  width: 100%
}

.diamond-part .dia-block .dia-desc {
  margin-left: 50%; padding-top: 15px
}

.diamond-part .img-block .dia-desc p {
  font-family: "Lato", sans-serif; font-weight: 500; font-size: 14px; margin: 0; color: #2c3b5b; text-transform: uppercase; min-height: 60px
}

.deal-slider {
  padding: 0 50px; position: relative; margin: 0 0 30px
}

.deal-slider .deal-block {
  position: relative; text-align: center
}

.deal-slider .deal-block .deal-dia-block {
  display: inline-block; padding: 15px; position: relative; margin: 0; min-height: 180px
}

.deal-slider .deal-block p.name a {
  color: #666; text-decoration: none
}

.deal-slider .deal-block p.detail a {
  color: #666; text-decoration: none
}

.deal-slider .deal-block .deal-dia-block .discount {
  position: absolute; top: 17%; left: 0
}

.deal-slider .deal-block .deal-dia-block .discount span {
  background-color: #ee1d25; color: #fff; padding: 5px; font-size: 10px; border-radius: 4px; font-family: "Lato", sans-serif; border: solid 1px #fff; display: block
}

.deal-slider .deal-block .deal-dia-block .deal-img {
  background: #dcdada; border-radius: 5px; overflow: hidden; position: relative; height: 160px
}

.deal-slider .deal-block .deal-dia-block .deal-img img {
  width: 100%; -webkit-transition: .4s ease; transition: .4s ease
}

.deal-slider .deal-block .deal-dia-block:hover .deal-img img {
  -webkit-transform: scale(1.25); transform: scale(1.25)
}

.deal-slider .deal-block .deal-dia-block .deal-img .new {
  position: absolute; top: 0; right: 0; width: auto
}

.deal-slider .deal-block .deal-dia-block .overlay {
  position: absolute; left: 0; right: 0; top: 100%; bottom: 20px; transition: all .9s ease-in 0; padding: 30% 10px 10px;opacity: 0;
}

.deal-slider .deal-block:hover .deal-dia-block .overlay {
  top: 0;opacity: 1;
}

.deal-slider .deal-block .deal-dia-block .overlay .btm-btn {
  bottom: 0; margin-left: 27px; position: absolute
}

.deal-slider .deal-block .deal-dia-block .view {
  font-family: "Lato", sans-serif; font-size: 10px; color: #2c3b5b; background: #fed700; padding: 6px 12px; border: 1px solid #fff; text-transform: uppercase; border-radius: 5px; text-decoration: none; transition: all .3s ease-in 0; display: inline-block
}

.deal-slider .deal-block .deal-dia-block .view:hover {
  color: #2c3b5b; background: #fff; border-color: #2c3b5b
}

.deal-slider .deal-block .deal-dia-block .common-btn {
  padding: 5px 10px
}

.deal-slider .deal-block p {
  margin: 0; color: #666
}

.deal-slider .deal-block p.name {
  font-size: 16px
}

.deal-slider .deal-block p.detail {
  font-size: 16px; margin: 0 0 10px
}

.deal-slider .deal-block p.price {
  font-size: 16px; color: #ee1d25
}

.deal-slider .customNavigation {
  position: absolute; left: 0; right: 0; bottom: 150px; width: 100%; padding: 0 15px; height: 0
}

.deal-slider .customNavigation a {
  display: block; opacity: .7
}

.deal-slider .customNavigation a:hover {
  opacity: 1
}

.deal-slider .customNavigation a.next {
  float: right; color: #fed700
}

.deal-slider .customNavigation a.prev {
  float: left; color: #fed700
}

.nobull {
  background: #fed700; text-align: center
}

.nobull img {
  width: 100%
}

.nobull .bull-btn {
  font-family: "Lato", sans-serif; color: #fff; background: #2c3b5b; border: 1px solid #fff; border-radius: 5px; padding: 7px 15px; font-size: 25px; text-transform: uppercase; font-weight: 300; display: inline-block; margin: 0 0 20px; text-decoration: none; transition: all .3s ease-in 0
}

.nobull .bull-btn:hover {
  color: #2c3b5b; background: #fff; border: 1px solid #2c3b5b
}

.jwel-wrap .jwel-block {
  margin: 0; padding: 20px; text-align: center; overflow: hidden
}

.jwel-wrap .jwel-block.odd {
  background: #fff
}

.jwel-wrap .jwel-block.even {
  background: #fff
}

.jwel-wrap .jwel-block .jwel-img {
  margin: 0 0 15px; min-height: 250px; overflow: hidden; line-height: 250px
}

.jwel-wrap .jwel-block .jwel-img img {
  width: 100%; max-height: 250px; -webkit-transition: .4s ease; transition: .4s ease;object-fit: contain;
}

.jwel-wrap .jwel-block:hover .jwel-img img {
  -webkit-transform: scale(1.25); transform: scale(1.25)
}

.jwel-wrap .jwel-block h4 {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-weight: 500; margin: 0 0 15px; text-transform: uppercase; font-size: 26px; min-height: 26px
}

.jwel-wrap .jwel-block p {
  font-size: 18px; font-family: "Lato", sans-serif; font-weight: 300; margin: 0 0 15px; min-height: 50px; color: #333; word-break: break-all
}

.jwel-wrap .jwel-block a.see-btn {
  font-family: "Lato", sans-serif; color: #fff; background: #2c3b5b; border: 1px solid #fff; border-radius: 5px; padding: 5px 30px; font-size: 14px; text-transform: uppercase; font-weight: 400; display: inline-block; margin: 0 0 20px; text-decoration: none; transition: all .3s ease-in 0
}

.jwel-wrap .jwel-block a.see-btn:hover {
  color: #2c3b5b; background: #fed700; border: 1px solid #2c3b5b
}

.jwel-exp {
  background-size: cover !important; padding: 50px 20px 30px; position: relative
}

.jwel-exp .exp-block {
  margin-bottom: 30px; background: rgba(255, 255, 255, 0.1); border: 3px solid rgba(0, 0, 0, 0.2); border-radius: 5px; margin-top: 100px; min-height: 270px; padding: 15px; text-align: center
}

.jwel-exp .exp-block .title-block {
  border: 2px solid #fff; border-radius: 50%; width: 170px; height: 170px; padding: 7px; margin: -100px auto 20px auto
}

.jwel-exp .exp-block .title-block .inner-block {
  border-radius: 50%; height: 100%; padding: 50px 15px; position: relative; background: #fed700
}

.jwel-exp .exp-block .title-block:hover .inner-block {
  border-radius: 50%; background-color: #2c3b5b; height: 100%; padding: 50px 15px; position: relative; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; -webkit-transform: rotateY(-360deg); -ms-transform: rotateY(-360deg); transform: rotateY(-360deg); -webkit-transform: rotateY(-360deg); -ms-transform: rotateY(-360deg); transform: rotateY(-360deg)
}

.jwel-exp .exp-block .title-block:hover .inner-block h3 {
  color: #fff
}

.jwel-exp .exp-block .title-block .inner-block h3 {
  margin: 0; font-size: 20px; text-align: center
}

.jwel-exp .exp-block .exp-desc p {
  font-size: 18px; font-weight: 400; color: #fff
}

.jwel-deal-slider {
  padding: 0 50px; position: relative; margin: 0 0 30px
}

.jwel-deal-slider .jwel-deal-block {
  position: relative; text-align: center
}

.jwel-deal-slider .jwel-deal-block .deal-jwel-block {
  display: inline-block; padding: 5px 15px; position: relative; margin: 0 0 15px
}

.jwel-deal-slider .jwel-deal-block .detail a {
  color: #2c3b5b; text-decoration: none
}

.jwel-deal-slider .jwel-deal-block .deal-jwel-block .jwel-img {
  background: #dcdada; border-radius: 5px; overflow: hidden; position: relative; width: 100%; height: 170px; display: inline-flex
}

.jwel-deal-slider .jwel-deal-block .deal-jwel-block .jwel-img img {
  width: 100%; vertical-align: middle; -webkit-transition: .4s ease; transition: .4s ease
}

.deal-jwel-block:hover .jwel-img img {
  -webkit-transform: scale(1.25); transform: scale(1.25)
}

.jwel-deal-slider .jwel-deal-block .deal-jwel-block .jwel-img .new-label {
  position: absolute; top: 0; left: 0; height: 40px; width: 40px
}

.jwel-deal-slider .jwel-deal-block .deal-jwel-block .overlay {
  position: absolute; left: 0; right: 0; top: 100%; bottom: 0; transition: all .9s ease-in 0; padding: 0 8px 0
}

.jwel-deal-slider .jwel-deal-block:hover .deal-jwel-block .overlay {
  top: 0
}

.jwel-deal-slider .jwel-deal-block .deal-jwel-block .overlay .btm-btn {
  bottom: 15px; left: 18%; position: absolute; right: 18%
}

.jwel-deal-slider .jwel-deal-block .deal-jwel-block .view {
  font-family: "Lato", sans-serif; font-size: 10px; color: #2c3b5b; background: #fed700; padding: 6px 12px; border: 1px solid #fff; text-transform: uppercase; border-radius: 5px; text-decoration: none; transition: all .3s ease-in 0; display: inline-block
}

.jwel-deal-slider .jwel-deal-block .deal-jwel-block .view:hover {
  color: #2c3b5b; background: #fff; border-color: #2c3b5b
}

.jwel-deal-slider .jwel-deal-block .deal-jwel-block .common-btn {
  padding: 3px 7px
}

.jwel-deal-slider .jwel-deal-block p {
  margin: 0; color: #666
}

.jwel-deal-slider .jwel-deal-block p.name {
  font-size: 15px
}

.jwel-deal-slider .jwel-deal-block p.detail {
  font-size: 15px; margin: 0 0 10px; min-height: 40px
}

.jwel-deal-slider .jwel-deal-block p.price {
  font-size: 16px; color: #ee1d25; font-weight: 600
}

.jwel-deal-slider .jwel-deal-block p.price span {
  font-size: 16px; color: #2c3b5b; font-weight: 500
}

.jwel-deal-slider .customNavigation {
  position: absolute; left: 0; right: 0; bottom: 170px; width: 100%; padding: 0 15px; height: 0
}

.jwel-deal-slider .customNavigation a {
  display: block; opacity: .7; cursor: pointer
}

.jwel-deal-slider .customNavigation a:hover {
  opacity: 1
}

.jwel-deal-slider .customNavigation a.next-1 {
  float: right; color: #fed700
}

.jwel-deal-slider .customNavigation a.prev-1 {
  float: left; color: #fed700
}

.cust-wrap {
  padding: 50px 0; background-size: cover !important; position: relative
}

.cust-wrap a.see-btn {
  font-family: "Lato", sans-serif; color: #fff; background: #2c3b5b; border: 1px solid #fff; border-radius: 5px; padding: 5px 30px; font-size: 14px; text-transform: uppercase; font-weight: 400; display: inline-block; margin: 0 0 20px; text-decoration: none; transition: all .3s ease-in 0
}

.cust-wrap a.see-btn:hover {
  color: #2c3b5b; background: #fed700; border: 1px solid #2c3b5b
}

.cust-wrap .item {
  margin: 0 70px
}

.cust-wrap .item p {
  padding: 20px 80px; color: #fff; font-weight: 400; font-size: 20px; text-align: center; overflow: inherit; position: relative
}

.cust-wrap .item p:before {
  content: ""; background: url(/images/left-quote.png) no-repeat; width: 79px; height: 75px; position: absolute; left: 0; top: 0
}

.cust-wrap .item p:after {
  content: ""; background: url(/images/right-quote.png) no-repeat; width: 79px; height: 75px; position: absolute; right: 0; bottom: 0
}

.cust-wrap .cust-nav {
  position: absolute; top: 50%; left: 0; right: 0
}

.cust-wrap .cust-nav .carousel-control {
  width: 70px
}

.trade-shows {
  padding: 20px 20px; background-color: #FFF
}

.trade-shows .col-sm-4 {
  width: 33% !important; display: inline-block; float: none; vertical-align: top; margin: 0 auto
}

.trade-shows .trade-block {
  border: 1px solid #dedcdc; border-radius: 2px; padding: 10px 15px; text-align: center; margin: 0 0 30px
}

.trade-shows .trade-block .trade-title {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 22px; text-aligtraden: center; text-transform: uppercase; margin: 0; min-height: 60px; font-weight: 500; background-color: #fed700; margin: -20px -15px 11px -15px; padding-top: 18px; padding-bottom: 10px
}

.trade-shows .trade-block .locat {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 14px; text-align: center; text-transform: uppercase; margin: 0 0 5px; line-height: 20px; font-weight: 600
}

.trade-shows .trade-block p.date {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 14px; text-align: center; margin: 0 0 5px; min-height: 65px
}

.trade-shows .trade-block p.desc {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 14px; text-align: center; min-height: 100px
}

.trade-shows .trade-block a.appo-btn {
  font-family: "Lato", sans-serif; color: #fff; background: #2c3b5b; border: 1px solid #fff; border-radius: 5px; padding: 5px 10px; font-size: 14px; text-transform: uppercase; font-weight: 400; display: inline-block; margin: 0 0 20px; text-decoration: none; transition: all .3s ease-in 0; letter-spacing: -0.5px
}

.trade-shows .trade-block a.appo-btn:hover {
  color: #2c3b5b; background: #fed700; border: 1px solid #2c3b5b
}

.trade-shows .trade-head {
  width: 100%; min-height: 50px; padding-top: 10px; background-color: #fed700
}

.joke-day {
  background-size: cover !important; padding: 40px 0; text-align: center; min-height: 400px; background-color: #FFF; position: relative
}

.joke-day .joke-box {
  margin: 0 10px; padding: 0 100px; position: relative; font-size: 21px; color: #fff; font-weight: 400
}

.joke-day .joke-box p {
  padding: 20px 90px; color: #fff; font-weight: 400; font-size: 21px; text-align: center; overflow: inherit; position: relative
}

.joke-day .joke-box:before {
  content: ""; background: url(/images/left-quote.png) no-repeat; width: 79px; height: 75px; position: absolute; left: 0; top: 0
}

.joke-day .joke-box:after {
  content: ""; background: url(/images/right-quote.png) no-repeat; width: 79px; height: 75px; position: absolute; right: 0; bottom: 0
}

.joke-day .social-joke {
  display: inline-block; margin: 0; padding: 0; list-style: none
}

.joke-day .social-joke li {
  display: inline-block; margin: 0 3px
}

.joke-day .social-joke li a {
  display: block; opacity: .7
}

.joke-day .social-joke li a:hover {
  opacity: 1
}

.jwellery-deal {
  background-color: #FFF; width: 100%; height: auto
}

#news .news-box {
  padding: 0 25px; text-align: center; margin: 10px 0
}

#news .news-box img {
  max-width: 100%
}

#news .news-box h3 {
  color: #000; font-size: 20px; font-weight: 400; font-family: "Lato", sans-serif; text-transform: uppercase; margin: 10px 0
}

#news .news-box p {
  color: #666; font-family: "Lato", sans-serif; font-size: 16px; text-align: center; font-weight: 300
}

#news .news-box ul {
  margin: 0; padding: 0
}

#news .news-box ul li {
  display: inline-block; padding: 0 10px; margin: 0
}

#news .news-box ul li p {
  color: #000; font-size: 14px
}

#news .news-box a {
  font-family: "Lato", sans-serif; color: #fff; background: #2c3b5b; border: 1px solid #fff; border-radius: 5px; padding: 5px 10px; font-size: 14px; text-transform: uppercase; font-weight: 400; display: inline-block; margin: 0 0 20px; text-decoration: none; transition: all .3s ease-in 0; letter-spacing: -0.5px
}

#news .news-box a:hover {
  color: #2c3b5b; background: #fed700; border: 1px solid #2c3b5b
}

#footer-link {
  background: #2c3b5b; padding: 5px 15px 8px; position: relative; z-index: 1
}

#footer-link ul {
  margin: 0; padding: 0
}

#footer-link ul li {
  display: inline-block; padding: 0 5px; margin: 0
}

#footer-link ul li a {
  color: #fff; font-size: 9px; text-transform: uppercase; font-family: "Lato", sans-serif; text-decoration: none
}

#footer-link ul li a:hover {
  color: gold
}

.footer {
  padding: 10px 15px 5px; position: relative; z-index: 1
}

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

.footer ul li {
  display: inline-block; margin-left: 5px
}

.footer ul li:first-child {
  margin-left: 0
}

.footer ul li a {
  color: #666; text-decoration: none; text-transform: uppercase; font-size: 12px; line-height: 14px
}

.footer ul li a:hover {
  color: #333
}

.footer ul.term-link li {
  padding: 0 3px 0 5px; border-left: solid 1px #666; margin: 0
}

.footer ul.term-link li:first-child {
  padding: 0 3px 0 0; border-left: 0
}

.footer ul.term-link li a {
  font-size: 12px; line-height: 14px
}

.footer .logo-sec {
  text-align: center
}

.footer .logo-sec a {
  margin: 0 0 5px; display: inline-block
}

.footer .logo-sec img {
  max-width: 100%
}

.footer .search-box input {
  border-radius: 0; font-size: 12px; font-family: "Lato", sans-serif
}

.footer .search-box button {
  color: #FFF; background-color: #2c3b5b; border-color: #2c3b5b; font-family: "Lato", sans-serif
}

.footer .search-box button:hover {
  color: #2c3b5b; background-color: #fed700
}

.footer p {
  text-align: right; color: #666; font-size: 12px; font-family: "Lato", sans-serif; margin: 5px 0 0
}

.footer-fix {
  background-color: #FFF; width: auto; bottom: 0; right: 0; left: 0; width: auto; position: inherit; margin-bottom: 0
}

.common-btn {
  background-color: #2c3b5b; border: 1px solid #fff; border-radius: 5px; color: #fff; margin: 0; outline: medium none; padding: 6px 12px; transition: all .3s ease-in 0; text-transform: uppercase; display: inline-block
}

.common-btn:hover {
  background-color: #fed700; border: 1px solid #2c3b5b; color: #2c3b5b; text-decoration: none
}

.wishlist-btn {
  background-color: #2c3b5b; border: 1px solid #fff; border-radius: 5px; color: #fff; margin: 0; outline: medium none; padding: 4px 12px; transition: all .3s ease-in 0; text-transform: uppercase; display: inline-block
}

ul.action.product-d-action .wishlist-btn {
  padding: 6px 12px;
}

.wishlist-btn:hover {
  background-color: #fed700; border: 1px solid #2c3b5b; color: #2c3b5b; text-decoration: none
}

.wishlist-btn-active {
  background-color: #fed700; border: 1px solid #2c3b5b; color: #2c3b5b; border-radius: 5px; margin: 0; outline: medium none; padding: 6px 12px; transition: all .3s ease-in 0; text-transform: uppercase
}

.wishlist-btn-active:hover {
  background-color: #2c3b5b; border: 1px solid #fff; border-radius: 5px; color: #fff; margin: 0; outline: medium none; padding: 6px 12px; transition: all .3s ease-in 0; text-transform: uppercase
}

.yellow-btn {
  background-color: #fed700; border-radius: 5px; color: #333; margin: 0; outline: medium none; padding: 6px 15px; transition: all .3s ease-in 0; text-transform: uppercase; display: inline-block; font-size: 14px; border: 1px solid #fed700
}

.yellow-btn:hover {
  background-color: #e5c201; text-decoration: none; color: #333
}

.log-top {
  background: #2c3b5b; text-align: right; padding: 0;
}

.log-top .for-pass {
  position: relative; float: right; font-size: 12px; color: #2c3b5b; text-decoration: none; white-space: nowrap
}

.log-top .selectBox-dropdown {
  margin: 0; background: #fff
}

.log-top .mump-to {
  display: inline-block
}

.log-top .log-detail {
  font-size: 18px; font-weight: 300; color: #2c3b5b; font-family: "Lato", sans-serif; display: inline-block; padding: 0 5px; margin: 0
}

.log-top .log-btn {
  background-color: #2c3b5b; border: 1px solid #fff; border-radius: 5px; color: #fff; margin: 0; outline: medium none; padding: 6px 15px; transition: all .3s ease-in 0
}

.log-top .log-btn:hover {
  background-color: #fff; border: 1px solid #2c3b5b; color: #2c3b5b; text-decoration: none
}

.log-top .search-box {
  position: relative; margin: 0; display: table; width: 100%
}

.log-top .search-box.subscribe {
  margin: 0
}

.log-top .search-box input {
  float: right; border-radius: 0; width: 100%; box-shadow: none; border: solid 1px #ddd; font-size: 12px; padding: 5px 45px 5px 12px; height: auto
}

.log-top .search-box button {
  position: absolute; top: 0; right: 0; padding: 3px 7px 3px 7px; font-size: 12px; line-height: 20px; color: #2c3b5b; background-color: #FED700; border-color: #Fed700; border-radius: 0
}

.log-top .search-box button:hover {
  color: #2c3b5b; background-color: #fed700; border-color: #2c3b5b
}

.by-stock .search-box {
  position: relative; margin: 0; display: table; width: 100%
}

.by-stock .search-box.subscribe {
  margin: 0
}

.by-stock .search-box input {
  float: right; border-radius: 0; width: 100%; box-shadow: none; border: solid 1px #ddd; font-size: 12px; padding: 7px 45px 7px 12px; height: auto
}

.by-stock .search-box button {
  position: absolute; top: 0; right: 0; padding: 5px 8px 5px 8px; font-size: 12px; line-height: 20px; color: #FFF; background-color: #2c3b5b; border-color: #2c3b5b; border-radius: 0
}

.by-stock .search-box button:hover {
  color: #2c3b5b; background-color: #fed700; border-color: #2c3b5b
}

.dropdown.cart {
  display: inline-block; vertical-align: baseline;
}

.dropdown.cart a {
  border: 0; border-radius: 0; text-align: center; color: #FFF; background: 0;
}

.dropdown.cart a .fa {
  font-size: 24px
}

.dropdown.cart a .count {
  display: inline-block; width: 15px; height: 15px; border-radius: 50%; background: #FED700; color: #2c3b5b; font-size: 10px; text-align: center; position: absolute; top: 3px; right: 3px
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
  background: 0; color: #ed1d24
}

.dropdown.cart .dropdown-menu {
  left: inherit; right: 0; min-width: 280px
}

.dropdown.cart table {
  width: 100%
}

.dropdown.cart table:hover {
  background: #f2f2f2
}

.dropdown.cart table td {
  padding: 5px
}

.dropdown.cart .img img {
  width: 80px
}

.dropdown.cart .name {
  color: #ed1d24; font-family: "Lato", sans-serif; font-size: 16px; font-weight: 400; margin: 0
}

.dropdown.cart .price {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 14px; font-weight: 400; margin: 0
}

.dropdown.cart .trash {
  color: #2c3b5b
}

.dropdown.cart .trash .fa {
  font-size: 16px
}

.dropdown.cart .trash:hover {
  color: #ed1d24
}

.dropdown.cart .last {
  padding: 5px 10px; text-align: right; width: 100%
}

.dropdown.cart .last .total {
  margin: 0 0 5px; color: #ed1d24; font-family: "Lato", sans-serif; font-size: 16px; font-weight: 600; float: right
}

.dropdown.cart .last .common-btn {
  font-size: 12px; background-color: #2c3b5b; padding: 7px 10px; display: inline-block; color: #fff
}

.dropdown.cart .last .common-btn:hover {
  color: #2c3b5b; background-color: #fff; border: 1px solid #2c3b5b
}

.blue-title.modal-head h3 {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 35px; font-weight: 300; margin: 0; padding: 5px 0; text-transform: uppercase
}

.blue-title h1 {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 45px; font-weight: 300; margin: 0; padding: 5px 0; text-transform: uppercase
}

.blue-title h1 span {
  color: #2c3b5b; font-weight: 400
}

.blue-title h3 {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 45px; font-weight: 300; margin: 0; padding: 5px 0; text-transform: uppercase
}

.blue-title h2 {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 30px; font-weight: 400; margin: 0; padding: 5px 0; text-transform: uppercase
}

.main-title h2 {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 35px; float: left; display: inline-block; font-weight: 300; margin: 0; padding: 15px 0; text-transform: uppercase; padding-right: 10px; white-space: nowrap
}

.main-title h2 span {
  color: #2c3b5b; font-weight: 400
}

.title-tag {
  color: #2c3b5b; font-size: 24px; font-weight: 300; font-family: "Lato", sans-serif; line-height: normal; margin: 0 0 15px
}

.blue-title h3 span {
  color: #2c3b5b; font-weight: 400
}

.title-tag {
  color: #2c3b5b; font-size: 24px; font-weight: 300; font-family: "Lato", sans-serif; line-height: normal; margin: 0 0 15px
}

.dia-filter .save-search-con {
  display: inline-block; padding: 20px 0
}

.switch {
  position: relative; display: inline-block; vertical-align: top; width: 175px; height: 32px; background-color: #fff; border-radius: 20px; cursor: pointer
}

.switch-input {
  position: absolute; top: 0; left: 0; opacity: 0
}

.switch-label {
  position: relative; display: block; height: inherit; font-size: 10px; text-transform: uppercase; background: #2c3b5b; border: solid 1px #2c3b5b; border-radius: inherit; -webkit-transition: .15s ease-out; -moz-transition: .15s ease-out; -o-transition: .15s ease-out; transition: .15s ease-out
}

.switch-label:before, .switch-label:after {
  position: absolute; top: 50%; margin-top: -.5em; line-height: 1; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit
}

.switch-label:before {
  content: attr(data-off); right: 11px; color: #fff
}

.switch-label:after {
  content: attr(data-on); left: 11px; color: #2c3b5b; opacity: 0
}

.switch-input:checked~.switch-label {
  background: #fff
}

.switch-input:checked~.switch-label:before {
  opacity: 0
}

.switch-input:checked~.switch-label:after {
  opacity: 1
}

.switch-handle {
  position: absolute; top: 1px; left: 1px; width: 30px; height: 30px; background: #fff; border-radius: 50%; -webkit-transition: left .15s ease-out; -moz-transition: left .15s ease-out; -o-transition: left .15s ease-out; transition: left .15s ease-out
}

.switch-input:checked~.switch-handle {
  left: 144px; box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); background: #fed700
}

.switch-green>.switch-input:checked~.switch-label {
  background: #4fb845
}

.width1 {
  width: 8.33333%; padding: 0 15px; float: left
}

.width2 {
  width: 16.6667%; padding: 0 15px; float: left
}

.width25 {
  width: 22%; padding: 0 15px; float: left
}

.width3 {
  width: 25%; padding: 0 15px; float: left
}

.width35 {
  width: 28%; padding: 0 15px; float: left
}

.width4 {
  width: 33.3333%; padding: 0 15px; float: left
}

.width5 {
  width: 41.6667%; padding: 0 15px; float: left
}

.width6 {
  width: 50%; padding: 0 15px; float: left
}

.width7 {
  width: 58.3333%; padding: 0 15px; float: left
}

.width8 {
  width: 66.6667%; padding: 0 15px; float: left
}

.width9 {
  width: 75%; padding: 0 15px; float: left
}

.width10 {
  width: 83.3333%; padding: 0 15px; float: left
}

.width11 {
  width: 91.6667%; padding: 0 15px; float: left
}

.width12 {
  width: 100%; padding: 0 15px; float: left
}

.width15 {
  width: 16%; padding: 0 15px; float: left
}

.width16 {
  width: 50%; padding: 0 15px; float: left
}

.width17 {
  width: 50%; padding: 0 15px; float: left
}

.fancy-radius {
  border-radius: 0!important
}

.dia-input .home-diamond .btn-group.shape-list>.btn, .dia-input .home-diamond .btn-group-vertical.shape-list>.btn {
  border: 1px solid transparent;
}

.btn-group-vertical>.btn {
  color: #666; border-radius: 0; text-transform: uppercase; font-size: 8px; padding: 6px 2px; position: relative; overflow: hidden
}

.btn-group>.dropdown-toggle:not(:first-child) {
  border-radius: 0
}

.btn-wrap {
  padding: 0; text-align: center
}

.btn-wrap ul.btn-order li {
  display: inline-block; list-style-type: none
}

.btn-group-vertical>.btn {
  color: #666; text-transform: uppercase; font-size: 14px; padding: 10px 9px
}

.match-wrap .result-title {
  font-family: "Lato", sans-serif; font-size: 24px; font-weight: 300; margin: 0; padding: 5px 0; text-transform: uppercase; float: left
}

.match-wrap .result-title span {
  color: #2c3b5b; font-weight: 300
}

.match-wrap ul {
  margin: 5px 0; padding: 0
}

.match-wrap li {
  display: inline-block; list-style-type: none; padding: 0; vertical-align: middle
}

.match-wrap .responsive-block {
  min-height: 675px
}

.match-wrap .video-link {
  float: left; padding-top: 5px
}

.match-wrap .video-link a {
  text-decoration: none; color: #666; text-transform: uppercase
}

.match-wrap .video-link a img {
  margin-right: 10px
}

.match-wrap .common-btn {
  margin: 0 0 5px
}

.match-wrap .yellow {
  display: inline-block; border: solid 1px #fed700; border-radius: 3px; margin: 0 0 5px
}

.match-wrap .yellow-icn {
  float: left; border: solid 1px #fed700; background: transparent; border-radius: 0px; color: #2c3b5b; font-size: 23px !important; text-transform: uppercase; padding: 2px 6px; text-decoration: none; margin: 2px 2px 2px; float: left; border: 1px solid; border-radius: 50px; display: block; width: 40px; height: 40px; text-align: center;
}

.match-wrap .yellow-icn i {
  font-size: 20px !important;
}

.match-wrap .yellow-icn:hover {
  color: #fed700; background: #2c3b5b
}

.match-wrap .add-cart {
  display: inline-block; border: solid 1px #fed700; width: 34px; height: 34px; background: #fed700; background-image: url(/images/add-cart.png); border-radius: 3px; color: #2c3b5b; font-size: 16px; text-transform: uppercase; background-repeat: no-repeat; background-position: center; padding: 4px 8px; text-decoration: none; margin: 0 2px 5px; float: left
}

.match-wrap .add-cart:hover {
  color: #fed700; background: 0; background-position: center; background-repeat: no-repeat; background-image: url(/images/add-cart-hov.png)
}

.table-dis .eye-btn {
  display: inline-block
}

.table-dis .eye-btn i {
  color: #fed700; font-size: 18px; vertical-align: middle
}

.table-dis .eye-btn i:hover {
  color: #ed1d25
}

.table-dis .compare-act {
  color: #666
}

.table-dis .remove-compare {
  color: #C00
}

.table-dis .add-short {
  color: #666
}

.table-dis .remove-short {
  color: #fed700
}

.red-eye-btn {
  display: inline-block
}

.red-eye-btn i {
  vertical-align: middle; color: #ed1d25; font-size: 16px
}

.match-wrap .msg-btn {
  display: inline-block; border: solid 1px #fed700; width: 34px; height: 34px; background: #fed700; background-image: url(/images/msg.png); border-radius: 3px; color: #2c3b5b; font-size: 16px; text-transform: uppercase; background-repeat: no-repeat; background-position: center; padding: 4px 8px; text-decoration: none; margin: 0 2px 4px 2px; float: left
}

.match-wrap .msg-btn:hover {
  color: #fed700; background: 0; background-position: center; background-repeat: no-repeat; background-image: url(/images/msg-hov.png)
}

.match-wrap .pdf-btn {
  display: inline-block; border: solid 1px #fed700; width: 34px; height: 34px; background: #fed700; background-image: url(/images/pdf-icn.png); border-radius: 3px; color: #2c3b5b; font-size: 16px; text-transform: uppercase; background-repeat: no-repeat; background-position: center; padding: 4px 8px; text-decoration: none; margin: 0 2px 4px 2px; float: left
}

.match-wrap .pdf-btn:hover {
  color: #fed700; background: 0; background-position: center; background-repeat: no-repeat; background-image: url(/images/pdf-icn-hov.png)
}

.match-wrap .excel-icn {
  display: inline-block; background-image: url(/images/excel.png); border-radius: 3px; height: 34px; width: 34px; margin: 0 2px 5px; border-radius: 3px; float: left
}

.match-wrap .excel-icn:hover {
  display: inline-block; background-image: url(/images/excel-hov.png); border-radius: 3px; height: 34px; width: 34px
}

.match-wrap .yellow:hover {
  border: solid 1px #b49916
}

.match-wrap .yellow-link {
  display: inline-block; border: solid 1px #fed700; border-radius: 3px; color: #fed700; font-size: 12px; text-transform: uppercase; padding: 6px 10px; text-decoration: none; margin: 0 0 5px
}

.match-wrap .yellow-link:hover {
  border: solid 1px #b49916; color: #b49916
}

.match-wrap .table, .match-wrap .table-scroll {
  width: 100%; overflow-x: scroll
}

.match-wrap .table, .match-wrap .table-dis {
  width: 100%
}

.match-wrap .table>thead>tr>th, .match-wrap .table>tbody>tr>th, .match-wrap .table>tfoot>tr>th, .match-wrap .table>thead>tr>td, .match-wrap .table>tbody>tr>td, .match-wrap .table>tfoot>tr>td {
  color: #666; font-weight: 400; font-size: 12px; text-transform: uppercase; vertical-align: middle; text-align: center; padding: 10px 1px 6px
}

.match-wrap .table>thead>tr>th, .match-wrap .table>thead>tr>td {
  color: #245277; font-weight: 400; font-size: 12px; text-transform: uppercase; vertical-align: middle; text-align: center; border:
}

.match-wrap .table>thead>tr>th, .match-wrap .table>thead>tr>td {
  background-color: #e5e3e4; background-repeat: repeat-x; background: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f7f8), to(#e5e3e4)); background: -webkit-linear-gradient(top, #f9f7f8, #e5e3e4); background: -moz-linear-gradient(top, #f9f7f8, #e5e3e4); background: -ms-linear-gradient(top, #f9f7f8, #e5e3e4); background: -o-linear-gradient(top, #f9f7f8, #e5e3e4)
}

.match-wrap .table>thead>tr>th, .match-wrap .table>tbody>tr>th, .match-wrap .table>tfoot>tr>th, .match-wrap .table>thead>tr>td, .match-wrap .table>tbody>tr>td, .match-wrap .table>tfoot>tr>td {
  border-top: solid 1px #ddd; border-right: 0; text-align: left
}

.match-wrap .table>tbody>tr.clr>th, .match-wrap .table>tbody>tr.clr>td {
  background: #f9f7f8
}

.match-wrap .table>tbody>tr.active td {
  background: #2c3b5b; color: #fff; border: none !important
}

.match-wrap .table>tbody>tr.expand-row td {
  padding: 0; border: none !important
}

.match-wrap .table>tbody>tr.active td .mobile-view-table a, .match-wrap .table input[type=checkbox] {
  vertical-align: -2px
}

.match-wrap .table .fa {
  vertical-align: 0
}

.match-wrap .table>thead>tr>th a, .match-wrap .table>thead>tr>td a {
  color: #245277; text-decoration: none
}

.match-wrap .table>thead>tr>th:hover, .match-wrap .table>thead>tr>td:hover, .match-wrap .table>thead>tr>th.diamond-active-sort, .match-wrap .table>thead>tr>td.diamond-active-sort {
  background-color: #f9f7f8; background-repeat: repeat-x; background: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e3e4), to(#f9f7f8)); background: -webkit-linear-gradient(top, #e5e3e4, #f9f7f8); background: -moz-linear-gradient(top, #e5e3e4, #f9f7f8); background: -ms-linear-gradient(top, #e5e3e4, #f9f7f8); background: -o-linear-gradient(top, #e5e3e4, #f9f7f8)
}

.expand {
  border: solid 1px #2c3b5b; padding: 0 15px; height: auto; background-color: #fff
}

.expand .table-show {
  text-align: left
}

.expand .table-show .width6, .expand .table-show .width12 {
  display: none
}

.expand .table-show.table-show-pop .width6, .expand .table-show.table-show-pop .width12 {
  display: block
}

.expand .table-show .width6:after, .expand .table-show .width12:after {
  content: ""; clear: both; display: block
}

.expand .table-show span {
  width: 50%; float: left; line-height: 22px; word-wrap: break-word; color: #666; font-size: 12px
}

.expand .detail {
  text-align: left; margin: 0
}

.expand .detail .width6:after {
  content: ""; clear: both; display: block
}

.expand .detail .width12:after {
  content: ""; clear: both; display: block
}

.expand .detail span {
  width: 50%; float: left; line-height: 22px; word-wrap: break-word; color: #666; font-size: 12px
}

.expand .detail ul {
  text-align: left; margin: 0; padding: 0
}

.expand .detail li {
  list-style-type: none; display: inline-block; padding: 0 15px; width: 230px; text-align: left; vertical-align: top; clear: both
}

.expand-detail-list .detail ul {
  text-align: left; margin: 0; padding: 0
}

.expand-detail-list .detail li {
  list-style-type: none; display: inline-block; padding: 0 15px; width: 300px; text-align: left; border-right: 1px dotted #ccc; vertical-align: top; clear: both
}

.expand-detail-list .detail span {
  width: 50%; float: left; line-height: 22px; word-wrap: break-word; color: #666; font-size: 13px
}

.expand-detail-list .detail span strong {
  font-weight: 400
}

.expand .check-line {
  text-align: center; font-size: 14px; color: #666; margin: 0 0 20px
}

.expand .check-line input {
  margin: 0 5px 0 0
}

.expand .req-wrap {
  text-align: right; margin: 0 0 10px
}

.expand .req-btn {
  background-color: #fed700; border-radius: 5px; color: #2c3b5b; display: inline-block; margin: 0; outline: medium none; padding: 10px 15px; text-transform: uppercase; transition: all .3s ease-in 0; font-size: 12px; font-weight: 400; margin: 0 0 5px
}

.expand .req-btn:hover {
  background-color: #e9c501; text-decoration: none
}

.expand .action-wrap {
  text-align: center
}

.expand .action-wrap:after {
  clear: both; display: block; content: ""
}

.expand .action-wrap .icon-align li {
  height: 40px
}

.expand .action-wrap .icon-align li .fa {
  vertical-align: top
}

.expand .action-wrap .action {
  margin: 0; padding: 0; list-style: none; display: inline-block; margin-right: 10px; margin: 5px 0
}

.expand .action-wrap .action li {
  display: inline-block
}

.expand .action-wrap .action li a {
  display: block; opacity: .5; color: #666; font-size: 19px; padding: 1px 6px
}

.expand .action-wrap .action li a:hover {
  display: block; opacity: .7
}

.expand .action-wrap .btn-wrap {
  padding: 0; display: inline-block
}

.expand .action-wrap .btn-wrap .common-btn {
  font-size: 12px; font-weight: 400; padding: 10px 25px
}

.expand .one-wrap {
  position: relative
}

.expand .one-wrap .img-sec {
  width: 50%; padding: 15px;  float:left;  position: relative;
}

.expand .one-wrap .det-sec {
  padding: 15px; min-height: 100%; width: 50%;float: right; position: relative;
}

.expand .one-wrap .det-sec ul {
  text-align: left; margin: 0 0 20px; padding: 0
}

.expand .one-wrap .det-sec li {
  list-style-type: none; display: inline-block; padding: 0 15px; width: 49%; text-align: left; vertical-align: top
}

.expand .one-wrap .dia-img-sec {
  padding: 0; top: 0; margin: 20px 0 0 0; min-height: 350px
}

.expand .one-wrap .dia-det-sec {
  padding: 0 15px; float: right; margin: 20px 0 0 0
}

.pro-expand ul {
  text-align: left; margin: 0; padding: 0
}

.pro-expand li {
  list-style-type: none; display: inline-block; padding: 0 15px; width: 230px; text-align: left; vertical-align: top; clear: both
}

.expand-details {
  padding: 15px; min-height: 650px; margin: auto
}

.expand-details h3 {
  font-size: 26px; color: #2c3b5b; font-weight: 400; margin: 0 15px 30px 15px
}

.expand-details .table-show {
  text-align: left
}

.expand-details .table-show .width6, .expand .table-show .width12 {
  display: none
}

.expand-details .table-show.table-show-pop .width6, .expand .table-show.table-show-pop .width12 {
  display: block
}

.expand-details .table-show .width6:after, .expand .table-show .width12:after {
  content: ""; clear: both; display: block
}

.expand-details .table-show span {
  width: 50%; float: left; line-height: 22px; word-wrap: break-word; color: #666; font-size: 12px
}

.expand-details .detail {
  text-align: left; margin: 0 0 20px
}

.expand-details .detail .width6:after {
  content: ""; clear: both; display: block
}

.expand-details .detail .width12:after {
  content: ""; clear: both; display: block
}

.expand-details .detail span {
  width: 50%; float: left; line-height: 22px; word-wrap: break-word; color: #666; font-size: 12px
}

.expand-details .check-line {
  text-align: center; font-size: 14px; color: #666; margin: 0 0 20px
}

.expand-details .check-line input {
  margin: 0 5px 0 0
}

.expand-details .req-wrap {
  text-align: right; margin: 0 0 10px
}

.expand-details .req-btn {
  background-color: #fed700; border-radius: 5px; color: #2c3b5b; display: inline-block; margin: 0; outline: medium none; padding: 10px 15px; text-transform: uppercase; transition: all .3s ease-in 0; font-size: 12px; font-weight: 400; margin: 5px 0 5px 0
}

.expand-details .req-btn:hover {
  background-color: #e9c501; text-decoration: none
}

.expand-details .action-wrap {
  text-align: center
}

.expand-details .action-wrap:after {
  clear: both; display: block; content: ""
}

.expand-details .action-wrap .action {
  margin: 0; padding: 0; list-style: none; display: inline-block; margin-right: 10px; margin: 5px 0
}

.expand-details .action-wrap .action li {
  display: inline-block; vertical-align: middle
}

.expand-details .action-wrap .action li a {
  display: block; opacity: .5
}

.expand-details .action-wrap .action li a:hover {
  display: block; opacity: .7
}

.expand-details .action-wrap .btn-wrap {
  padding: 0; display: inline-block
}

.expand-details .action-wrap .btn-wrap .common-btn {
  font-size: 12px; font-weight: 400; padding: 10px 25px
}

.expand-details .one-wrap {
  position: relative
}

.expand-details .one-wrap .img-sec {
  width: 50%; padding: 0 15px; top: 0; position: absolute
}

.expand-details .one-wrap .det-sec {
  padding: 0 15px; min-height: 450px; float: right; margin-left: 50%
}

.expand-details .one-wrap .dia-img-sec {
  padding: 0 15px; top: 0
}

.expand-details .one-wrap .dia-det-sec {
  padding: 0 15px; min-height: 450px; float: right
}

.expand-details h4 {
  font-size: 18px; color: #2c3b5b; font-weight: 400; margin: 10px 0; text-transform: uppercase
}

.expand-details p {
  font-size: 16px; color: #666; font-weight: 400
}

.dia-disp {
  min-height: 300px; position: relative
}

.dia-disp .big {
  padding: 0; text-align: center; margin-right: 15px;height: 360px
}

.dia-disp .big img {
  max-width: 100%; border: solid 1px #666; border-radius: 5px; padding: 10px
}

.dia-disp .small-img {
  float: left; right: 0; top: 0; margin-top: 11px; max-height: 441px
}

.dia-disp .small {
  border: solid 1px #666; padding: 5px; text-align: center; border-radius: 5px; margin: 0 5px 13px; float: left; vertical-align: top; max-width: 75px; width: 75px;height: 75px;
}

.dia-disp .small img {
  max-width: 100%;height: 63px; object-fit: cover;
}

.dia-diam {
  min-height: 300px; position: relative
}

.dia-diam .big {
  padding: 15px; text-align: center; border-radius: 5px; margin: 0 25px
}

.dia-diam .big img {
  max-width: 100%; border: solid 1px #666; padding: 10px
}

.dia-diam .small-img {
  margin-top: 10px; text-align: center
}

.dia-diam .small {
  border: solid 1px #666; padding: 5px; text-align: center; border-radius: 5px; margin: 0 5px 13px; display: inline-block; max-width: 65px; min-height: 65px; vertical-align: top
}

.dia-diam .small img {
  max-width: 100%
}

.dia-diam ul.btn-order li {
  display: inline-block; list-style-type: none
}

.diam-comment h2 {
  font-size: 18px; color: #2c3b5b; margin: 0 0 15px; text-transform: uppercase
}

.diam-comment p {
  font-size: 16px
}

.three-wrap .dia-disp .big {
  border: solid 1px #666; padding: 15px; text-align: center; border-radius: 5px; position: inherit
}

.three-wrap .dia-disp.three .big {
  margin: 0 0 15px
}

.three-wrap .dia-disp.three .small-img {
  float: none; margin: 0 -5px 15px -5px; position: inherit
}

.three-wrap .dia-disp.three .small-img:after {
  clear: both; display: block; content: ""
}

.three-wrap .dia-disp.three .small {
  padding: 1px 5px; float: left; width: 32%; margin: 0 1.3333% 0 0
}

.about-banner {
  background-size: cover !important; text-align: center; padding: 70px 0
}

.about-banner h3 {
  color: #2c3b5b; font-size: 40px; font-weight: 300; font-family: "Lato", sans-serif; margin: 0
}

.about-text {
  padding: 30px 0; text-align: center
}

.about-text h3 {
  color: #2c3b5b; font-size: 32px; font-weight: 400; font-family: "Lato", sans-serif; line-height: normal; margin: 0 0 30px
}

.about-text p {
  color: #666; font-size: 24px; font-weight: 300; font-family: "Lato", sans-serif; line-height: normal; margin: 0 0 10px
}

.affiliate-banner {
  background-size: cover !important; text-align: center; padding: 70px 0; min-height: 270px
}

.affiliate-banner h3 {
  color: #fff; font-size: 40px; font-weight: 300; font-family: "Lato", sans-serif; margin: 0; min-height: 115px
}

.affiliate-text {
  padding: 20px 0; text-align: center
}

.affiliate-text h3 {
  color: #666; font-size: 30px; font-weight: 300; font-family: "Lato", sans-serif; line-height: normal; margin: 0
}

.affiliate-text p {
  color: #666; font-size: 24px; font-weight: 300; font-family: "Lato", sans-serif; line-height: normal; margin: 0 0 10px
}

.questions-wrap {
  padding: 10px 0; text-align: center; background-color: #258ecc
}

.questions-wrap h3 {
  color: #fff; word-wrap: break-word; font-size: 30px; font-weight: 400; font-family: "Lato", sans-serif; margin: 5px 0
}

.questions-wrap p {
  color: #666; font-size: 24px; font-weight: 300; font-family: "Lato", sans-serif; line-height: normal; margin: 0 0 10px
}

.waiting-text {
  padding: 20px 0; text-align: center
}

.waiting-text h3 {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 45px; font-weight: 300; margin: 0; padding: 30px 0
}

.waiting-text p {
  color: #2c3b5b; font-size: 30px; font-weight: 300; font-family: "Lato", sans-serif; line-height: normal; margin: 25px 0 10px
}

.waiting-text button {
  display: inline-block; padding: 6px 23px; margin-bottom: 0; font-size: 30px; font-weight: 400; line-height: 1.42857; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -moz-user-select: none; background-image: none; border: 1px solid #2c3b5b; border-radius: 4px; color: #FFF; background-color: #2c3b5b; text-transform: uppercase
}

.waiting-text button:hover {
  background-color: #fed700; border: 1px solid #2c3b5b; color: #2c3b5b
}

.what-exp {
  background-size: cover !important; padding: 15px 20px 15px; position: relative
}

.what-exp .exp-block {
  margin-bottom: 30px; background: rgba(255, 255, 255, 0.1); border: 3px solid rgba(0, 0, 0, 0.2); border-radius: 5px; margin-top: 100px; min-height: 270px; padding: 15px; text-align: center
}

.what-exp h2 {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 40px; font-weight: 600; text-transform: uppercase; margin: 100px auto; max-width: 350px; word-wrap: break-word
}

.what-exp h2 span {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 32px; font-weight: 400; text-transform: uppercase
}

.what-exp h3 {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 40px; font-weight: 600; text-transform: uppercase; word-wrap: break-word
}

.what-exp h3 span {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 32px; font-weight: 400; text-transform: uppercase
}

.what-exp h4 {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 24px; font-weight: 600; text-transform: uppercase; word-wrap: break-word
}

.what-exp p {
  color: #2c3b5b; font-size: 22px; font-weight: 300; word-wrap: break-word
}

.convert-web {
  padding: 30px 0 20px; text-align: center; background-size: cover !important
}

.convert-web .tag {
  color: #2c3b5b; font-size: 24px; font-weight: 300; font-family: "Lato", sans-serif; line-height: normal; margin: 0 0 30px; padding: 0 15px
}

.convert-web .focus-block {
  margin: 0 auto 30px; max-width: 400px
}

.convert-web .focus-block .title-block {
  border: 15px solid #2c3b5b; border-radius: 50%; width: 210px; height: 210px; margin: 0 auto 20px auto
}

.convert-web .focus-block .title-block .inner-block {
  border-radius: 50%; height: 100%; position: relative; background: #FFF none repeat scroll 0 0; padding: 45px 40px
}

.convert-web .focus-block .title-block .inner-block h3 {
  margin: 0; font-size: 24px; text-align: center; color: #fff; text-transform: uppercase; font-family: "Lato", sans-serif
}

.convert-web .focus-block .focus-desc p {
  font-size: 20px; font-weight: 300; color: #666; font-family: "Lato", sans-serif
}

.convert-web .focus-block .focus-desc h3 {
  color: #2c3b5b; font-weight: 300; font-size: 30px; letter-spacing: 1px
}

.convert-web h2 {
  color: #333; font-family: "Lato", sans-serif; font-size: 40px; font-weight: 300; margin: 0; padding: 15px 0; text-transform: uppercase
}

.convert-web p {
  color: #666; font-family: "Lato", sans-serif; font-size: 24px; font-weight: 300; line-height: normal; margin: 0 0 10px
}

.focus-banner {
  background-size: cover !important; text-align: center; padding: 100px 0
}

.focus-banner h2 {
  color: #fff; font-size: 48px; font-weight: 900; font-family: "Lato", sans-serif; margin: 0; padding: 0 15px
}

.focus-text {
  padding: 30px 0 20px; text-align: center
}

.focus-text .tag {
  color: #2c3b5b; font-size: 24px; font-weight: 300; font-family: "Lato", sans-serif; line-height: normal; margin: 0 0 30px; padding: 0 15px
}

.focus-text .focus-block {
  margin: 0 auto 30px; max-width: 400px
}

.focus-text .focus-block .title-block {
  border: 2px solid #fed700; border-radius: 50%; width: 180px; height: 180px; padding: 7px; margin: 0 auto 20px auto
}

.focus-text .focus-block .title-block .inner-block {
  border-radius: 50%; height: 100%; padding: 70px 15px; position: relative; background: #2f5497
}

.focus-text .focus-block .title-block .inner-block h3 {
  margin: 0; font-size: 24px; text-align: center; color: #fff; text-transform: uppercase; font-family: "Lato", sans-serif
}

.focus-text .focus-block .focus-desc p {
  font-size: 20px; font-weight: 300; color: #666; font-family: "Lato", sans-serif
}

.gps {
  text-align: center
}

.gps img {
  width: 100%
}

.team-wrap {
  text-align: center; padding: 30px 0
}

.team-wrap .team-block {
  margin: 0 auto 30px; max-width: 400px
}

.team-wrap .team-block .team-img {
  border-radius: 50%; margin: 0 auto 20px auto; display: inline-block
}

.team-wrap .team-block .team-name {
  margin: 0 0 30px
}

.team-wrap .team-block .team-name .name {
  color: #2c3b5b; font-size: 18px; margin: 0; text-transform: uppercase
}

.team-wrap .team-block .team-name .post {
  font-weight: 300; color: #666; font-family: "Lato", sans-serif; font-size: 18px; margin: 0
}

.team-wrap .team-block .team-desc p {
  font-weight: 300; color: #666; font-family: "Lato", sans-serif; font-size: 18px; margin: 0;
}

.how-wrap {
  text-align: center; padding: 30px 0
}

.how-wrap .team-block {
  margin: 0 auto 30px; max-width: 400px
}

.how-wrap .team-block .team-img {
  border-radius: 50%; margin: 0 auto 20px auto; display: inline-block
}

.how-wrap .team-block .team-name {
  margin: 0 0 30px
}

.how-wrap .team-block .team-name .name {
  color: #2c3b5b; font-size: 30px; margin: 0; font-weight: 300; line-height: 1
}

.how-wrap .team-block .team-name .name span {
  color: #2c3b5b; font-size: 30px; font-weight: 400; margin: 0; line-height: 1.2
}

.how-wrap .team-block .team-name .post {
  font-weight: 300; color: #666; font-family: "Lato", sans-serif; font-size: 18px; margin: 0
}

.how-wrap .team-block .team-desc p {
  font-weight: 300; color: #666; font-family: "Lato", sans-serif; font-size: 18px; margin: 0
}

.locat-wrap {
  padding: 30px 0; text-align: center
}

.locat-wrap p {
  color: #2c3b5b; font-size: 24px; font-weight: 300; font-family: "Lato", sans-serif; line-height: normal; margin: 0 0 10px
}

.ac-menu {
  margin: 0 0 30px; padding: 0; list-style: none; width: 100%; text-align: center
}

.ac-menu li {
  display: inline-block; margin: 0 0 3px
}

.ac-menu li i {
  margin: 0 5px 0 0
}

.ac-menu li a {
  display: block; margin: 0; outline: medium none; padding: 5px 15px; transition: all .3s ease-in 0; background-color: #f9f9f9; border: solid 1px #ddd; color: #2c3b5b; text-decoration: none
}

.ac-menu li a.active, .ac-menu li a:hover {
  border: 1px solid #2c3b5b; background: #2c3b5b !important; color: #fff
}

.log-wrap .log-desc {
  color: #2c3b5b; font-size: 24px; font-weight: 300; font-family: "Lato", sans-serif; line-height: normal; margin: 0 0 30px; text-align: center
}

.log-wrap .input-block {
  border: solid 1px #e7e7e7; padding: 15px; margin: 0 0 15px; clear: both
}

.log-wrap .pro-line {
  padding: 10px 0; position: relative
}

.log-wrap .pro-line:last-child {
  border-bottom: 0
}

.log-wrap .pro-line label {
  position: absolute; top: 25px; left: 0; text-transform: uppercase; font-weight: 300; color: #999; width: 180px
}

.log-wrap .pro-line .pro-detail {
  margin: 5px 0 5px 200px
}

.log-wrap .pro-line .pro-detail .form-alert {
  color: #666; font-size: 13px; font-weight: 300; font-family: "Lato", sans-serif; margin: 0
}

.log-wrap .pro-line .pro-detail p {
  margin: 0
}

.log-wrap input[type=text], .log-wrap input[type=email] {
  width: 100%; padding: 6px 12px; background: #fff; color: #7f7f7f; font-size: 14px; transition: background .3s ease-in-out 0; border: 1px solid #ccc; margin: 0; width: 100%
}

.log-wrap input[type=password] {
  width: 100%; padding: 6px 12px; background: #fff; color: #7f7f7f; font-size: 14px; transition: background .3s ease-in-out 0; border: 1px solid #ccc; margin: 0; width: 100%
}

.log-wrap textarea {
  padding: 6px 12px; background: #fff; color: #7f7f7f; font-size: 14px; transition: background .3s ease-in-out 0; border: 1px solid #ccc; margin: 0; width: 100%; height: 100px
}

.log-wrap select {
  width: 100%; margin: 0
}

.log-wrap .selectBox-dropdown {
  margin: 0
}

.log-wrap input[type=radio] {
  margin: 0 5px 0 0
}

.log-wrap input[type=submit] {
  padding: 6px 30px
}

.log-wrap .frogot {
  color: #2c3b5b
}

.log-wrap .frogot:hover {
  color: #ed1d24
}

.log-wrap .refresh {
  color: #2c3b5b; font-size: 20px; margin: 0 0 0 10px; vertical-align: -8px
}

.log-wrap .refresh:hover {
  color: #ed1d24
}

.log-wrap .log-line {
  border-bottom: solid 1px #ddd; margin: 30px 0
}

.log-wrap .sub-title {
  color: #2c3b5b; font-size: 24px; font-weight: 600; font-family: "Lato", sans-serif; line-height: normal; margin: 0 0 30px; text-align: center
}

.last-search {
  width: 100%; margin: 40px auto 40px auto; overflow-x: scroll
}

.save-search {
  width: 100%; margin: 40px auto 40px auto; overflow-x: scroll; min-height: 400px
}

.call-back {
  width: 100%; margin: 40px auto 40px auto; min-height: 400px
}

.info-wrap .pay-info h3 {
  font-size: 18px; margin: 0 0 5px; font-family: "Lato", sans-serif; color: #2c3b5b; font-size: 20px; font-weight: 300; line-height: normal
}

.info-wrap .pay-info p {
  padding: 0
}

.info-wrap input[type="text"], .info-wrap input[type="email"] {
  padding: 6px 12px; background: #FFF none repeat scroll 0 0; color: #7f7f7f; font-size: 14px; transition: background .3s ease-in-out 0; border: 1px solid #CCC; margin: 0
}

.reg-wrap .log-desc {
  color: #2c3b5b; font-size: 24px; font-weight: 300; font-family: "Lato", sans-serif; line-height: normal; margin: 0 0 30px; text-align: center
}

.reg-wrap .sub-desc {
  color: #2c3b5b; font-size: 14px; font-weight: 400; font-family: "Lato", sans-serif; text-align: center
}

.reg-wrap .sub-title {
  color: #000; font-size: 16px
}

.note-sec {
  border: solid 1px #ddd; margin: 20px 0; text-align: center
}

.note-sec p {
  color: #2c3b5b; font-size: 17px; margin: 0 0 20px; font-family: "Lato", sans-serif
}

.note-sec .note-title {
  color: #ff0004; font-size: 18px; font-weight: 400; font-family: "Lato", sans-serif; margin: 0 0 20px
}

.note-sec .sub-title {
  color: #2c3b5b; font-size: 16px; font-weight: 400; font-family: "Lato", sans-serif; margin: 0 0 10px
}

.note-sec h3 {
  color: #2c3b5b; font-size: 26px; font-family: "Lato", sans-serif; font-weight: 600
}

.reg-wrap .input-block {
  border: solid 1px #e7e7e7; padding: 20px; margin: 0 0 15px
}

.reg-wrap .width12, .reg-wrap .width6, .reg-wrap .width4, .reg-wrap .width2, .reg-wrap .width5 {
  margin: 0 0 20px
}

.reg-wrap {
  max-width: 700px; margin: 80px auto; margin-top: 10px
}

.reg-wrap input[type=text], .reg-wrap input[type=email] {
  width: 100%; padding: 6px 12px; background: #fff; color: #7f7f7f; font-size: 14px; transition: background .3s ease-in-out 0; border: 1px solid #ccc; margin: 0; width: 100%; margin: 0
}

.reg-wrap input[type=password] {
  width: 100%; padding: 6px 12px; background: #fff; color: #7f7f7f; font-size: 14px; transition: background .3s ease-in-out 0; border: 1px solid #ccc; margin: 0; width: 100%; margin: 0
}

.reg-wrap select {
  width: 100%; padding: 6px 12px; background: #fff; color: #7f7f7f; font-size: 14px; transition: background .3s ease-in-out 0; border: 1px solid #ccc; margin: 0; width: 100%
}

.reg-wrap .selectBox-dropdown {
  margin: 0
}

.reg-wrap input[type=submit] {
  padding: 6px 30px
}

.reg-wrap .refresh {
  color: #2c3b5b; font-size: 20px; margin: 0 0 0 10px; position: relative; bottom: -10px
}

.reg-wrap .refresh:hover {
  color: #ed1d24
}

.checkout-wrap .log-desc {
  color: #2c3b5b; font-size: 24px; font-weight: 300; font-family: "Lato", sans-serif; line-height: normal; margin: 0 0 30px; text-align: center
}

.checkout-wrap .sub-desc {
  color: #2c3b5b; font-size: 14px; font-weight: 400; font-family: "Lato", sans-serif; text-align: center
}

.checkout-wrap .sub-title {
  color: #000; font-size: 16px
}

.note-sec {
  border: solid 1px #ddd; margin: 20px 0; text-align: center
}

.note-sec p {
  color: #2c3b5b; font-size: 17px; margin: 0 0 20px; font-family: "Lato", sans-serif
}

.note-sec .note-title {
  color: #ff0004; font-size: 18px; font-weight: 400; font-family: "Lato", sans-serif; margin: 0 0 20px
}

.note-sec .sub-title {
  color: #2c3b5b; font-size: 16px; font-weight: 400; font-family: "Lato", sans-serif; margin: 0 0 10px
}

.note-sec h3 {
  color: #2c3b5b; font-size: 26px; font-family: "Lato", sans-serif; font-weight: 600
}

.checkout-wrap .input-block {
  border: solid 0 #e7e7e7; padding: 0; margin: 0
}

.checkout-wrap .width12, .checkout-wrap .width6, .checkout-wrap .width4, .checkout-wrap .width2, .checkout-wrap .width5 {
  margin: 0 0 10px
}

.checkout-wrap {
  max-width: 700px; margin: 0 auto; margin-top: 0
}

.checkout-wrap input[type=text] {
  width: 100%; padding: 5px 12px; background: #fff; color: #7f7f7f; font-size: 14px; transition: background .3s ease-in-out 0; border: 1px solid #ccc; margin: 0; width: 100%; margin: 0
}

.checkout-wrap input[type=password] {
  width: 100%; padding: 6px 12px; background: #fff; color: #7f7f7f; font-size: 14px; transition: background .3s ease-in-out 0; border: 1px solid #ccc; margin: 0; width: 100%; margin: 0
}

.checkout-wrap select {
  width: 100%; padding: 6px 12px; background: #fff; color: #7f7f7f; font-size: 14px; transition: background .3s ease-in-out 0; border: 1px solid #ccc; margin: 0; width: 100%
}

.checkout-wrap .selectBox-dropdown {
  margin: 0
}

.checkout-wrap input[type=submit] {
  padding: 6px 30px
}

.checkout-wrap .refresh {
  color: #2c3b5b; font-size: 20px; margin: 0 0 0 10px; position: relative; bottom: -10px
}

.checkout-wrap .refresh:hover {
  color: #ed1d24
}

.breadcrumb {
  border-radius: 0; margin: 0 0 5px
}

.breadcrumb a {
  color: #2c3b5b
}

.breadcrumb a:hover {
  color: #ed1d24
}

.breadcrumb>.active {
  color: #ed1d24
}

.breadcrumb.jewel {
  background: 0; padding: 0
}

.breadcrumb.jewel a {
  color: #666
}

.breadcrumb.jewel a:hover {
  color: #ed1d24
}

.welcome-block {
  text-align: center; padding: 0 15px; margin: 0 0 50px
}

.welcome-block .sub-title {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 24px; font-weight: 600; line-height: normal; margin: 0 0 15px; text-align: center
}

.welcome-block .desc {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 20px; font-weight: 300; line-height: normal; text-align: center
}

.info-wrap {
  padding: 0 15px
}

.info-wrap .sub-title {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 24px; font-weight: 600; line-height: normal; margin: 0 0 20px; text-align: center; padding: 0 0 15px; border-bottom: solid 1px #ddd
}

.info-wrap .ac-title {
  background: #f9f9f9; padding: 15px
}

.info-wrap .ac-title h3 {
  font-size: 16px; margin: 0; font-family: "Lato", sans-serif; font-weight: 400
}

.info-wrap .ac-title h3:after {
  content: ""; clear: both; display: block
}

.info-wrap .ac-title button {
  float: right; border: 0; background: 0; font-size: 14px; font-weight: 400; font-family: "Lato", sans-serif; color: #666; padding: 3px
}

.info-wrap .ac-title button i {
  margin-right: 7px
}

.info-wrap .info-block {
  border: solid 1px #ddd; padding: 15px; margin: 0 0 30px; min-height: 212px
}

.info-wrap .info-block.multi-add .col-sm-6 {
  min-height: 280px
}

.info-wrap .info-block p {
  font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400
}

.info-wrap .info-block button {
  position: relative; bottom: 0
}

.info-wrap .info-block {
  border: solid 1px #ddd; padding: 15px; margin: 0 0 30px; min-height: 225px
}

.info-wrap .info-book {
  border: solid 1px #ddd; padding: 15px; margin: 0 0 30px; min-height: 250px
}

.info-wrap .info-book.multi-add .col-sm-6 {
  min-height: 212px
}

.info-wrap .info-book p {
  font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; border: 1px solid #ccc; padding: 10px
}

.info-wrap .info-book button {
  position: relative; bottom: 0
}

.info-wrap .info-book button i {
  margin: 0 7px 0 0
}

.info-wrap .info-book button i {
  margin: 0 7px 0 0
}

.info-wrap .info-book label {
  padding: 7px 10px 7px 10px; width: 100%; background-color: #f7f7f7; margin-bottom: 0
}

.info-wrap .info-book label:hover {
  background-color: #f5f5f5
}

.info-wrap .info-book .info-msg {
  padding: 0 15px 0 15px; width: 100%
}

.error-msg {
  color: #ff0004; border: solid 1px #ed1d24; border-radius: 3px; padding: 7px 10px; font-size: 13px; background: rgba(237, 29, 36, 0.1); margin: 5px 0 0; font-weight: 300; font-family: "Lato", sans-serif
}

.jewelry-cat-wrap {
  padding: 0 15px
}

.jewelry-cat-wrap .border {
  border-top: solid 1px #ddd; border-left: solid 1px #ddd
}

.jewelry-cat-wrap .jewelry-cat-block {
  height: 530px; border: solid 1px #ddd; border-top: 0; border-left: 0; padding: 10px 10px; margin: 0 -15px; text-align: center
}

.jewelry-cat-wrap .jewelry-cat-block.odd {
  background: #fcfcfc
}

.jewelry-cat-wrap .jewelry-cat-block.even {
  background: #fff
}

.jewelry-cat-wrap .jewelry-cat-block .jewel-img {
  text-align: center; margin: 0 0 5px; min-height: 300px; overflow: hidden; line-height: 300px
}

.jewelry-cat-wrap .jewelry-cat-block a {
  text-decoration: none !important
}

.jewelry-cat-wrap .jewelry-cat-block a:hover .jewel-title {
  text-decoration: none; color: #F00 !important
}

.jewelry-cat-wrap .jewelry-cat-block .jewel-img img {
  max-width: 100%
}

.jewelry-cat-wrap .jewelry-cat-block .jewel-img img {
  -webkit-transition: .4s ease; transition: .4s ease
}

.jewelry-cat-wrap .jewelry-cat-block:hover .jewel-img img {
  -webkit-transform: scale(1.25); transform: scale(1.25)
}

.jewelry-cat-wrap .jewelry-cat-block .jewel-title {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 30px; font-weight: 500; margin: 0 0 5px; text-transform: uppercase; min-height: 65px
}

.jewelry-cat-wrap .jewelry-cat-block .jewel-title a {
  color: #666 !important; font-size: 18px; margin: 0 0 5px; font-family: "Lato", sans-serif; font-weight: 400; text-transform: uppercase; min-height: 15px
}

.jewelry-cat-wrap .jewelry-cat-block .jewel-desc {
  color: #000; font-family: "Lato", sans-serif; font-size: 18px; font-weight: 300; margin: 0 0 5px; min-height: 36px
}

.jewelry-cat-wrap .jewelry-cat-block .common-btn {
  padding: 8px 30px; margin: 0 0 5px
}

.jewelry-cat-wrap .jewelry-cat-block .link {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 18px; font-weight: 400; margin: 0 0 5px; min-height: 70px; text-decoration: underline
}

.jewelry-cat-wrap .jewelry-cat-block .link:hover {
  color: #3f527c; text-decoration: none
}

.jewelry-cat-wrap .jewelry-cat-block .jewel-btn {
  background: rgba(255, 255, 255, 0.78); border: 1px solid #9ba2a7; border-radius: 5px; color: #2c3b5b; display: inline-block; font-family: "Lato", sans-serif; font-size: 15px; font-weight: 300; margin: 0 5px 10px; padding: 5px 5px; text-decoration: none; width: 80px
}

.pord-listing-wrap {
  padding: 15px 15px 0 15px; border-top: solid 1px #ddd; min-height: 200px
}

.pord-listing-wrap .listing-result {
  margin: 0 0 30px
}

.pord-listing-wrap .listing-result .result-title {
  color: #333; font-family: "Lato", sans-serif; font-size: 24px; font-weight: 300; margin: 0; padding: 30px 0 20px; text-transform: uppercase; text-align: left
}

.pord-listing-wrap .listing-result .result-title span {
  color: #2c3b5b; font-weight: 400
}

.pord-listing-wrap .listing-result .filter-title {
  color: #2f5497; margin: 0 0 7px; text-transform: uppercase; font-size: 14px; font-weight: 400; line-height: 24px
}

.pord-listing-wrap .listing-result select {
  width: 100%
}

.pord-listing-wrap .prod-list-block {
  text-align: center; margin: 0 0 10px; min-height: 385px; padding: 10px 10px 10px
}

.pord-listing-wrap .prod-list-block:hover {
  background: #f9f9f9
}

.pord-listing-wrap .prod-list-block a {
  display: inline-block; position: relative
}

.pord-listing-wrap .prod-list-block a:hover {
  text-decoration: none
}

.pord-listing-wrap .prod-list-block .prod-img {
  margin: 0 0 10px; background: #fff; position: relative; overflow: hidden; height: 385px; vertical-align: middle; display: block; margin: 0 auto; text-align: center
}

.pord-listing-wrap .prod-list-block p.detail-two {
  margin-bottom: 5px; height: 76px; color: #2c3b5b
}

.pord-listing-wrap .prod-list-block p.detail-two a {
  color: #2c3b5b; text-transform: uppercase; line-height: 17px
}

.pord-listing-wrap .prod-list-block p.detail-two span {
  color: #666; font-size: 12px; line-height: 40px; margin-top: 10px
}

.pord-listing-wrap .prod-list-block p.detail-three {
  margin-bottom: 5px; height: 76px; color: #2c3b5b; text-transform: uppercase
}

.pord-listing-wrap .prod-list-block p.detail-three a {
  color: #2c3b5b; text-transform: uppercase; line-height: normal
}

.pord-listing-wrap .prod-list-block .prod-img img {
  max-width: 100%; z-index: 0
}

.pord-listing-wrap .prod-list-block .prod-img .superdeal {
  position: absolute; top: 0; right: 0
}

.pord-listing-wrap .prod-list-block .prod-img .new-label {
  position: absolute; top: 0; left: 0
}

.pord-listing-wrap .prod-list-block .discount {
  left: 50px; position: absolute; top: 17%
}

.pord-listing-wrap .prod-list-block .discount span {
  background-color: #ee1d25; border: 1px solid #fff; border-radius: 4px; color: #fff; display: block; font-family: "Lato", sans-serif; font-size: 10px; padding: 5px
}

.prod-img img {
  -webkit-transition: .4s ease; transition: .4s ease
}

.prod-list-block:hover .prod-img img {
  -webkit-transform: scale(1.05); transform: scale(1.05)
}

.pord-listing-wrap .prod-list-block .overlay {
  position: absolute; left: 0; right: 0; transition: all .5s ease-in 0; padding: 20% 10px 10px
}

.pord-listing-wrap .prod-list-block:hover .overlay {
  bottom: 0; z-index: 0
}

.pord-listing-wrap .prod-list-block .overlay .btm-btn {
  bottom: 15px; left: 10%; right: 10%; position: absolute
}

.pord-listing-wrap .prod-list-block .overlay .common-btn {
  display: inline-block
}

.pord-listing-wrap .prod-list-block .name {
  color: #666; font-size: 16px; margin: 0 0 5px; font-family: "Lato", sans-serif; font-weight: 400; text-transform: uppercase; min-height: 25px
}

.pord-listing-wrap .prod-list-block .detail a {
  color: #666 !important; font-size: 16px; margin: 0 0 5px; font-family: "Lato", sans-serif; font-weight: 400; text-transform: uppercase; min-height: 35px
}

.pord-listing-wrap .prod-list-block .price {
  color: #2c3b5b; font-size: 18px; margin: 0; font-family: "Lato", sans-serif; font-weight: 400; min-height: 20px
}

.breadcrumb.jewel-detail {
  background: 0; padding: 0; float: left; margin: 20px 0
}

.breadcrumb.jewel-detail a {
  color: #666
}

.breadcrumb.jewel-detail a:hover {
  color: #ed1d24
}

.back {
  color: #2c3b5b; float: right; margin: 20px 0; font-size: 14px
}

.back:hover {
  color: #ed1d24
}

.prod-detail-wrap {
  margin: 0
}

.prod-detail-wrap .prod-slide {
  text-align: center; margin: 0 0 30px
}

.prod-detail-wrap .prod-slide img {
  max-width: 100%
}

.prod-slide .action {
  display: inline-block; list-style: outside none none; margin: 10px 0 0; padding: 0
}

.prod-slide .action li {
  display: inline-block; margin: 0 10px
}

.prod-slide .product-d-action li {
  display: inline-block; margin: 0
}

.prod-slide .action li a {
  display: block; opacity: .5
}

.prod-slide .action li a:hover {
  opacity: .7
}

.prod-slide .small .btn-primary {
  background-color: #fff; border-color: #ccc; margin: 3px
}

.info-wishlist-btn {
  color: #fed700
}

.info-wishlist-btn-active {
  color: #fed700
}

.info-wishlist-btn-active:hover {
  color: #fed700
}

.prod-detail .name-sec {
  margin: 0 0 20px
}

.prod-detail .name-sec:after {
  clear: both; display: block; content: ""
}

.prod-detail .name-sec .prod-name {
  font-size: 15px; font-weight: bold
}

.prod-detail .name-sec .rating-detail {
  margin: 5px 0 0; display: inline-block
}

.rating {
  float: left; margin: 3px 0 0
}

.rating:not(:checked)>input {
  clip: rect(0, 0, 0, 0); position: absolute
}

.rating:not(:checked)>label {
  color: #acacac; display: inline-block; font-size: 20px; letter-spacing: 5px; line-height: 1; margin-right: 0; overflow: hidden; padding: 0; white-space: nowrap; width: 18px; float: left
}

.rating:not(:checked)>label:before {
  content: "★"
}

.ActiveRating {
  color: #f51b00 !important
}

.rating.ratingfix {
  text-align: left
}

.rating.pro-review {
  float: left; white-space: nowrap; width: 135px
}

.rating.pro-review:not(:checked)>input {
  clip: rect(0, 0, 0, 0); position: absolute
}

.rating.pro-review:not(:checked)>label {
  color: #acacac; cursor: pointer; float: right; font-size: 200%; line-height: 1.2; margin-right: 3px
}

.rating.pro-review:not(:checked)>label {
  overflow: hidden; padding: 0; white-space: nowrap; width: 24px
}

.rating.pro-review:not(:checked)>label:before {
  content: "★ "
}

.rating.pro-review>input:checked~label {
  color: #f51b00
}

.rating.pro-review:not(:checked)>label:hover, .rating.pro-review:not(:checked)>label:hover~label {
  color: #f51b00
}

.rating.pro-review>input:checked+label:hover, .rating.pro-review>input:checked+label:hover~label, .rating.pro-review>input:checked~label:hover, .rating.pro-review>input:checked~label:hover~label, .rating.pro-review>label:hover~input:checked~label {
  color: #f51b00
}

.rating.pro-review>label:active {
  left: 2px; position: relative; top: 2px
}

.rating .rating-total {
  color: #bbb
}

.prod-detail .prod-desc {
  margin: 0 0 20px
}

.prod-detail .prod-desc .blue-name {
  font-size: 24px; font-family: "Lato", sans-serif; font-weight: 300; color: #2c3b5b; margin: 0 0 5px; text-transform: uppercase
}

.prod-detail .prod-desc .blue-name strong {
  font-size: 24px; font-family: "Lato", sans-serif; font-weight: 900; color: #2c3b5b; margin: 0 0 5px; text-transform: uppercase; text-decoration: none
}

.prod-detail .prod-desc .gray-name {
  font-size: 20px; font-family: "Lato", sans-serif; font-weight: 400; color: #666; margin: 0 0 5px; text-transform: uppercase
}

.prod-detail .prod-desc p {
  font-size: 14px; font-family: "Lato", sans-serif; font-weight: 400; color: #333; margin: 0
}

.related-prod .rel-title {
  font-size: 24px; font-family: "Lato", sans-serif; font-weight: 400; color: #2c3b5b; margin: 0 0 15px; text-transform: uppercase
}

.related-prod .product {
  text-align: center
}

.related-prod .product img {
  border: solid 1px #ddd
}

.related-prod .product .rel-price {
  font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; color: #666; margin: 0
}

.prod-extra .prod-price {
  font-size: 30px; font-family: "Lato", sans-serif; font-weight: 400; color: #2c3b5b; margin: 0 0 15px; text-transform: uppercase
}

.prod-extra .prod-price span {
  font-size: 16px; font-weight: 300; color: #888; text-transform: lowercase
}

.prod-extra .common-btn {
  padding: 10px 10px; font-size: 18px; margin: 0 0 15px; width: 100%; text-align: center
}

#ctabtndetails .common-btn {
  text-wrap: auto;
}

.prod-extra .common-btn.setting {
  padding: 10px 20px; width: auto
}

.prod-extra .ship {
  color: #666; font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400
}

.prod-extra .ship i {
  margin: 0 5px 0 0
}

.prod-detail .setting-block {
  margin: 0 0 20px
}

.prod-detail .setting-block .setting-img {
  width: 10%; display: table-cell; padding: 0 20px 0 0; max-width: 100px
}

.prod-detail .setting-block .setting-img {
  max-width: 100%
}

.prod-detail .setting-block .setting-desc {
  width: 80%; font-size: 18px; font-family: "Lato", sans-serif; font-weight: 400; color: #666; margin: 0; display: table-cell
}

.prod-detail .setting-block .setting-price {
  width: 10%; text-align: center; display: table-cell; padding: 0 20px; max-width: 100px
}

.prod-detail .setting-block .setting-price h4 {
  font-size: 18px; font-family: "Lato", sans-serif; font-weight: 400; color: #2c3b5b; margin: 0; text-align: center
}

.prod-detail .setting-block .setting-price a {
  font-size: 12px; font-family: "Lato", sans-serif; font-weight: 400; color: #3159af; text-align: center
}

#pro-header-sticky-wrapper {
  margin: 0 -15px; position: absolute; top: 390px; height: 0 !important; width: 100%
}

#pro-header {
  background: rgba(233, 232, 232, 1); width: 100%; padding: 10px 15px
}

.sticky-wrapper #pro-header {
  display: none
}

.sticky-wrapper.is-sticky #pro-header {
  display: block; position: fixed; top: 0; z-index: 111
}

#pro-header .blue-name {
  font-size: 15px; font-family: "Lato", sans-serif; font-weight: 400; color: #2c3b5b; margin: 0; text-transform: uppercase; float: left; padding: 10px 0
}

#pro-header .prod-price {
  font-size: 22px; font-family: "Lato", sans-serif; font-weight: 400; color: #2c3b5b; margin: 0; text-transform: uppercase; float: right; padding: 8px 0
}

#pro-header .common-btn {
  padding: 8px 10px; font-size: 18px; margin: 0; width: 100%; text-align: center
}

.prod-cont {
  padding: 15px 0
}

.prod-cont:after {
  clear: both; display: block; content: ""
}

.prod-cont .con-title {
  font-size: 17px; font-family: "Lato", sans-serif; font-weight: 400; color: #2c3b5b; margin: 0 0 15px; text-transform: uppercase; float: right
}

.prod-cont ul {
  margin: 0; padding: 0; list-style: none; float: left
}

.prod-cont ul li {
  display: inline-block; margin-left: 10px
}

.prod-cont ul li:first-child {
  margin-left: 0
}

.prod-cont ul li a {
  font-size: 18px; font-family: "Lato", sans-serif; font-weight: 400; color: #2c3b5b; margin: 0 0 15px; text-transform: uppercase; text-decoration: none
}

.prod-cont ul li a:hover {
  color: #4c608c
}

.prod-cont ul li a i {
  color: #ccc; font-size: 24px; margin: 0 5px 0 0
}

.prod-detail-block {
  border: solid 1px #ddd; padding: 15px; margin: 0 0 20px
}

.prod-detail-block .detail-title {
  color: #2f5497; margin: 0 0 7px; text-transform: uppercase; font-size: 14px; font-weight: 400; line-height: 24px
}

.prod-detail-block {
  color: #666; text-transform: uppercase; font-size: 13px; font-weight: 400; line-height: 24px
}

.prod-detail-block select {
  width: 100%
}

.prod-detail-block .more {
  color: #2c3b5b; float: right; font-size: 14px; text-decoration: underline
}

.prod-detail-block .more:hover {
  color: #666
}

.prod-detail-title {
  font-family: "Lato", sans-serif; font-weight: 300; color: #2c3b5b; font-size: 30px; margin: 0 0 20px; text-transform: uppercase
}

.pord-slider {
  padding-bottom: 20px; margin: 0 0 20px; border-bottom: solid 1px #ddd
}

.pord-slider .prod-list-block {
  text-align: center; margin: 0 0 30px; min-height: 350px; padding: 10px 10px 20px
}

.pord-slider .prod-list-block:hover {
  background: #f9f9f9
}

.pord-slider .prod-list-block a {
  display: block
}

.pord-slider .prod-list-block a:hover {
  text-decoration: none
}

.pord-slider .prod-list-block .prod-img {
  margin: 0 0 10px; background: #fff; position: relative; overflow: hidden
}

.pord-slider .prod-list-block .prod-img img {
  max-width: 100%
}

.pord-slider .prod-list-block .name {
  color: #666; font-size: 16px; margin: 0 0 5px; font-family: "Lato", sans-serif; font-weight: 400; text-transform: uppercase
}

.pord-slider .prod-list-block .detail {
  color: #666; font-size: 16px; margin: 0 0 5px; font-family: "Lato", sans-serif; font-weight: 400; text-transform: uppercase
}

.pord-slider .prod-list-block .price {
  color: #2c3b5b; font-size: 18px; margin: 0; font-family: "Lato", sans-serif; font-weight: 400; text-transform: uppercase
}

.pord-slider .prod-list-block .overlay {
  position: absolute; left: 0; right: 0; top: 100%; bottom: 0; transition: all .9s ease-in 0; padding: 20% 10px 10px
}

.pord-slider .prod-list-block:hover .overlay {
  top: 0
}

.pord-slider .prod-list-block .overlay .btm-btn {
  position: absolute; bottom: 0; left: 50%; margin-left: -45px
}

.pord-slider .prod-list-block .overlay .common-btn {
  display: inline-block
}

.disp-review {
  margin: 0 0 30px
}

.disp-review .disp-data {
  float: left
}

.disp-review .disp-data .rating:not(:checked)>label {
  width: 22px; font-size: 24px
}

.disp-review .disp-data .rating .rating-total {
  font-size: 18px
}

.disp-review .disp-data .rev-data {
  color: #bbb
}

.disp-review .action-btn {
  float: right
}

.review-tab {
  margin: 0 0 30px
}

.review-tab .nav-tabs {
  padding: 0 0 0 10px
}

.review-tab .nav-tabs>li>a {
  color: #ccc; font-size: 18px; font-family: "Lato", sans-serif; font-weight: 400; padding: 0 0 10px; border: 0; border-bottom: solid 3px rgba(0, 0, 0, 0); margin-right: 20px; text-transform: uppercase
}

.review-tab .nav-tabs>li>a:hover {
  background: 0; color: #2c3b5b
}

.review-tab .nav-tabs>li.active>a, .review-tab .nav-tabs>li.active>a:hover, .review-tab .nav-tabs>li.active>a:focus {
  color: #2c3b5b; border: 0; border-bottom: solid 3px #fed700
}

.review-tab .tab-content {
  padding: 20px 0
}

.review-tab .review-block {
  padding: 0 0 10px; margin: 0 0 10px; border-bottom: solid 1px #ddd
}

.review-tab .revire-title {
  margin: 0 0 15px
}

.review-tab .revire-title .name-block {
  float: left
}

.review-tab .revire-title .name-block .name {
  font-family: "Lato", sans-serif; font-weight: 400; color: #2c3b5b; font-size: 24px; margin: 0 0 5px
}

.review-tab .rating:not(:checked)>label {
  width: 22px; font-size: 24px
}

.review-tab .revire-title .date {
  float: right; font-family: "Lato", sans-serif; font-weight: 400; color: #2c3b5b; font-size: 18px
}

.review-tab .comment {
  font-family: "Lato", sans-serif; font-weight: 400; color: #666; font-size: 16px
}

.review-tab .comment-action {
  margin: 0; padding: 0; list-style: none
}

.review-tab .comment-action li {
  display: inline-block; margin: 0 10px 0 0
}

.review-tab .comment-action li:last-child {
  margin: 0
}

.review-tab .comment-action li a {
  color: #ccc; font-size: 14px
}

.review-tab .comment-action li i {
  color: #ccc; font-size: 18px; margin: 0 5px 0 0
}

.modal {
  z-index: 1111
}

.modal-content {
  border: 0; border-radius: 0
}

.modal-header {
  padding: 0; border: 0; min-height: 0
}

.modal-header .close {
  width: 30px; height: 30px; border-radius: 50%; background: #2c3b5b; opacity: 1; color: #fff; text-shadow: none; margin: -10px -10px 0 0; position: relative; z-index: 1
}

.dropdown-header .close {
  width: 30px; height: 30px; border-radius: 50%; opacity: 1; color: #000; text-shadow: none; margin: -10px -18px 0 0; position: relative; z-index: 1
}

.pop-title {
  color: #2c3b5b; font-size: 40px; font-family: "Lato", sans-serif; font-weight: 300; margin: 0 0 30px; text-transform: uppercase; text-align: center
}

.pop-title.small {
  font-size: 30px
}

.icon-box {
  float: right
}

.icon-box .left-chevron {
  font-size: 30px; color: #fed700
}

.icon-box .right-chevron {
  font-size: 30px; color: #fed700
}

.modal-content label {
  color: #666; font-size: 14px; font-family: "Lato", sans-serif; font-weight: 300; margin: 0 0 5px; display: inline-block; text-transform: uppercase
}

.modal-content p {
  margin: 0 0 15px
}

.modal-content p.note {
  color: #666; font-size: 14px; font-family: "Lato", sans-serif; font-weight: 300; margin: 0 0 15px; display: block
}

.modal-content input[type=text], .modal-content input[type=email] {
  width: 100%; padding: 6px 12px; background: #fff; color: #7f7f7f; font-size: 14px; transition: background .3s ease-in-out 0; border: 1px solid #ccc; margin: 0
}

.modal-content input[type=password] {
  width: 100%; padding: 6px 12px; background: #fff; color: #7f7f7f; font-size: 14px; transition: background .3s ease-in-out 0; border: 1px solid #ccc; margin: 0
}

.modal-content textarea {
  width: 100%; padding: 6px 12px; background: #fff; color: #7f7f7f; font-size: 14px; transition: background .3s ease-in-out 0; border: 1px solid #ccc; margin: 0; height: 100px
}

.modal-content input[type=radio] {
  margin: 0 5px 0 0
}

.modal-content input[type=submit] {
  padding: 6px 30px
}

.modal-content .refresh {
  color: #2c3b5b; font-size: 20px; margin: 0 0 0 10px; position: relative; bottom: -10px
}

.modal-content .modal-footer {
  text-align: center
}

.video-pop .modal-dialog {
  position: absolute; top: 50%; left: 50%; margin: -205px 0 0 -300px
}

.save-pop .modal-dialog {
  position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -300px
}

.top-title .blue-title {
  float: left
}

.top-title .cont-social {
  float: right; margin: 0; padding: 30px 0; list-style: none
}

.top-title .cont-social li {
  display: inline-block
}

.map {
  margin: 0 -15px
}

.map iframe {
  display: block; border: 0; width: 100%; height: 400px; max-width: 100%;
}

.contact-wrap .blue-title h2 {
  font-size: 36px
}

.contact-wrap .bod1, .contact-wrap .bod2 {
  border-right: dotted 2px #ccc; margin: 0 0 20px
}

.contact-wrap .cont-block {
  padding: 0 15px; text-align: center; min-height: 150px
}

.contact-wrap .cont-block .icon-block {
  margin: 0 0 20px
}

.contact-wrap .cont-block .icon-block i {
  display: inline-block; width: 40px; background: #fed700; border-radius: 50%; color: #fff; text-align: center; font-size: 20px; line-height: 20px; height: 40px; padding: 10px 0
}

.contact-wrap .cont-block .icon-block i.at {
  padding: 8px 0
}

.contact-wrap .cont-block p {
  font-size: 18px; color: #666; font-family: "Lato", sans-serif; font-weight: 300; word-break: normal
}

.cont-form {
  margin: 0 -15px; background: url(/images/contact-bg.jpg) center no-repeat; background-size: cover; background-attachment: fixed; padding: 30px 15px; text-align: center
}

.cont-form .cont-tag {
  color: #fff; font-size: 24px; font-family: "Lato", sans-serif; font-weight: 400; margin: 0 0 20px
}

.cont-form .cont-privacy {
  color: #fff; font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; margin: 0 0 10px
}

.cont-form .cont-privacy {
  text-align: center
}

.cont-form .cont-title {
  color: #fff; font-size: 30px; font-family: "Lato", sans-serif; font-weight: 300; text-transform: uppercase; margin: 0 0 20px
}

.cont-form .cont-title span {
  font-family: "Lato", sans-serif; font-weight: 400
}

.cont-form .form-block {
  max-width: 600px; margin: 0 auto
}

.cont-form .form-block input[type="text"], .cont-form .form-block input[type="email"] {
  background: #fff none repeat scroll 0 0; border: 1px solid #ccc; color: #7f7f7f; font-size: 14px; margin: 0 0 20px; padding: 6px 12px; transition: background .3s ease-in-out 0; width: 100%
}

.cont-form .form-block textarea {
  background: #fff none repeat scroll 0 0; border: 1px solid #ccc; color: #7f7f7f; font-size: 14px; margin: 0 0 15px; padding: 6px 12px; transition: background .3s ease-in-out 0; width: 100%; height: 100px
}

.cont-form .form-block p {
  color: #fff; text-align: left; font-size: 14px; font-family: "Lato", sans-serif; font-weight: 400; text-transform: uppercase
}

.cont-form .form-block p input[type="checkbox"] {
  margin: 0 5px 0 0
}

.cont-form .form-block input[type="submit"] {
  border: 0; padding: 10px 30px; font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400
}

.cust-banner {
  background: url(/images/cust-speak.jpg) center no-repeat; background-size: cover; min-height: 280px; margin: 0 -15px
}

.testimonial-wrap {
  padding: 40px
}

.testimonial-wrap .testimonial-block {
  padding: 15px 30px; margin: 0 0 15px; text-align: center
}

.testimonial-wrap .testimonial-block.big {
  padding: 30px
}

.testimonial-wrap .testimonial-block.big p {
  margin: 0 0 20px
}

.testimonial-wrap .testimonial-block.yellow {
  background: #fed700
}

.testimonial-wrap .testimonial-block.blue {
  background: #3a5fa2
}

.testimonial-wrap .testimonial-block.white {
  background: #FFF
}

.testimonial-wrap .testimonial-block.bg {
  padding: 0 30px
}

.testimonial-wrap .testimonial-block.bg img {
  max-width: 100%
}

.testimonial-wrap .testimonial-block .testimonial {
  padding: 50px 50px 20px; text-align: center; overflow: inherit; position: relative
}

.testimonial-wrap .testimonial-block .testimonial:before {
  content: ""; background: url(/images/left-quote-w.png) no-repeat; width: 45px; height: 42px; position: absolute; left: 0; top: 0
}

.testimonial-wrap .testimonial-block .testimonial:after {
  content: ""; background: url(/images/right-quote-w.png) no-repeat; width: 45px; height: 42px; position: absolute; right: 0; bottom: 0
}

.testimonial-wrap .testimonial-block.white .testimonial:before {
  background: url(/images/left-quote-b.png) no-repeat
}

.testimonial-wrap .testimonial-block.white .testimonial:after {
  background: url(/images/right-quote-b.png) no-repeat
}

.testimonial-wrap .testimonial-block .testimonial p {
  color: #fff; font-size: 18px; font-family: "Lato", sans-serif; font-weight: 400
}

.testimonial-wrap .testimonial-block.yellow p, .testimonial-wrap .testimonial-block.white p {
  color: #333
}

.testimonial-wrap .testimonial-block p.auth-name {
  color: #fff; font-size: 18px; font-family: "Lato", sans-serif; font-weight: 400; font-style: italic
}

.testimonial-wrap .testimonial-block.yellow p.auth-name {
  color: #333
}

.trade-banner {
  background: url(/images/trade-bg.jpg) center no-repeat; background-size: cover; min-height: 280px; margin: 0 -15px
}

.trade-wrap {
  padding: 40px 0
}

.trade-wrap .trade-tag {
  color: #2c3b5b; font-size: 30px; font-family: "Lato", sans-serif; font-weight: 300; margin: 0 auto 60px; text-align: center; width: 70%
}

.trade-wrap .trade-title {
  color: #2c3b5b; font-size: 40px; font-family: "Lato", sans-serif; font-weight: 300; margin: 0 auto 40px; text-align: center; text-transform: uppercase
}

.trade-wrap .trade-block {
  border: solid 1px #ddd; margin: 0 0 30px
}

.trade-wrap .trade-block .schedule-block {
  padding: 15px; text-align: center; width: 40%; min-height: 300px
}

.trade-wrap .trade-block.odd .schedule-block {
  float: left
}

.trade-wrap .trade-block.even .schedule-block {
  float: right
}

.trade-wrap .trade-block .schedule-block .trade-img {
  margin-top: 30px
}

.trade-wrap .trade-block .schedule-block .trade-img img {
  max-width: 100%
}

.trade-wrap .trade-block .schedule-block .name {
  color: #2c3b5b; font-size: 18px; font-family: "Lato", sans-serif; font-weight: 400; margin: 0 0 15px; text-align: center; text-transform: uppercase
}

.trade-wrap .trade-block .schedule-detail {
  text-align: center; width: 60%
}

.trade-wrap .trade-block.odd .schedule-detail {
  float: right
}

.trade-wrap .trade-block.even .schedule-detail {
  float: left
}

.trade-wrap .trade-block .schedule-detail .blue-block {
  background: #2c3b5b; padding: 25px 15px; min-height: 150px
}

.trade-wrap .trade-block .schedule-detail .blue-block .trade-name {
  color: #fff; font-size: 48px; font-family: "Lato", sans-serif; font-weight: 300; margin: 0; text-align: center; text-transform: uppercase
}

.trade-wrap .trade-block .schedule-detail .yellow-block {
  background: #fed700; padding: 25px 15px; min-height: 150px; float: left; width: 40%
}

.trade-wrap .trade-block .schedule-detail .yellow-block p {
  color: #2c3b5b; font-size: 36px; font-family: "Lato", sans-serif; font-weight: 400; margin: 0
}

.trade-wrap .trade-block .schedule-detail .white-block {
  background: #fff; padding: 25px 15px; min-height: 150px; float: left; width: 60%
}

.trade-wrap .trade-block .schedule-detail .white-block .booth {
  color: #2c3b5b; font-size: 36px; font-family: "Lato", sans-serif; font-weight: 400; margin: 0 0 15px; text-transform: uppercase
}

.trade-wrap .trade-block .schedule-detail .white-block .booth span {
  font-size: 24px; font-family: "Lato", sans-serif; font-weight: 300
}

.trade-wrap .trade-block .schedule-detail .white-block .floor {
  font-size: 24px; font-family: "Lato", sans-serif; font-weight: 400; margin: 0; text-transform: uppercase
}

.trade-wrap .trade-block .schedule-detail .white-block .floor a {
  color: #2c3b5b; text-decoration: none
}

.trade-wrap .trade-block .schedule-detail .white-block .floor a:hover {
  color: #4a5e8a
}

.trade-wrap .trade-block .schedule-detail .white-block .floor i {
  background: #2c3b5b none repeat scroll 0 0; border-radius: 50%; color: #fff; display: inline-block; font-size: 20px; height: 30px; line-height: 20px; padding: 6px 0; text-align: center; width: 30px; margin-right: 10px
}

.trade-pop .modal-dialog {
  position: absolute; top: 50%; left: 50%; margin: -210px 0 0 -450px
}

.trade-pop .modal-body {
  text-align: center
}

.trade-pop .floor {
  color: #2c3b5b; font-size: 24px; font-family: "Lato", sans-serif; font-weight: 300; margin: 0 0 15px; text-transform: uppercase; text-align: left; padding: 0 50px
}

.trade-pop .floor i {
  color: #ea0617; font-size: 30px; margin: 0 5px 0 0
}

.trade-pop img {
  max-width: 100%
}

.news-banner {
  background: url(/images/news-bg.jpg) center no-repeat; background-size: cover; min-height: 280px; margin: 0 -15px
}

.news-wrap {
  padding: 40px 0
}

.news-wrap .bod {
  border-right: solid 1px #ddd
}

.news-wrap .news-block {
  margin: 0 0 30px
}

.news-wrap .news-block.left .news-img {
  float: left; margin: 0 30px 30px 0
}

.news-wrap .news-block.right .news-img {
  float: right; margin: 0 0 30px 30px
}

.news-wrap .news-block .date {
  font-size: 14px; font-family: "Lato", sans-serif; font-weight: 400; margin: 0; padding: 15px 0 0
}

.news-wrap .news-block .news-title a {
  font-size: 24px; font-family: "Lato", sans-serif; font-weight: 400; text-transform: uppercase; margin: 0 0 30px; text-decoration: none; color: #2c3b5b
}

.news-wrap .news-block .desc {
  margin: 0 0 30px; color: #666; font-size: 18px; font-family: "Lato", sans-serif; font-weight: 300; line-height: 21px
}

.news-wrap .news-sidebar .side-title {
  font-size: 24px; font-family: "Lato", sans-serif; font-weight: 400; margin: 0 0 30px
}

.news-wrap .news-sidebar .news-list {
  margin: 0 0 0 20px; padding: 0; list-style: none
}

.news-wrap .news-sidebar .news-list li {
  display: block
}

.news-wrap .news-sidebar .news-list li a {
  color: #666; font-size: 20px; font-family: "Lato", sans-serif; font-weight: 300; line-height: 30px
}

.affiliate-wrap .filter-title {
  color: #2f5497; font-size: 16px; font-weight: 400; line-height: 24px; margin: 0 0 20px; text-transform: uppercase
}

.affiliate-wrap .filter-sub-title {
  color: #666; font-size: 16px; font-weight: 400; line-height: 24px; margin: 0 0 10px
}

.affiliate-wrap .per-detail {
  margin: 0 0 40px
}

.affiliate-wrap .logo-detail {
  margin: 0 0 40px
}

.affiliate-wrap .input-line {
  padding: 5px 0; position: relative
}

.affiliate-wrap .input-line label {
  color: #666; font-size: 16px; font-family: "Lato", sans-serif; font-weight: 300; left: 0; position: absolute; top: 20px; width: 180px
}

.affiliate-wrap .input-line .input-block {
  margin: 5px 0 5px 200px
}

.affiliate-wrap input[type="text"], .affiliate-wrap input[type="email"] {
  border: 1px solid #ccc; color: #7f7f7f; font-size: 14px; margin: 0; padding: 6px 12px; transition: background .3s ease-in-out 0; width: 100%
}

.affiliate-wrap.dia-input .input-group .form-control {
  text-align: left
}

.affiliate-wrap.dia-input .input-group {
  margin: 0
}

.affiliate-wrap .selectBox-dropdown {
  margin: 0
}

.affiliate-wrap .alpha-bg {
  background: url(/images/alpha.png); display: inline-block
}

.bread {
  width: 100%; overflow: hidden; border-radius: 5px; counter-reset: flag; padding: 0; border-radius: 0; border: solid 1px #959dad; background-color: #4b6ba5
}

.bread-line {
  font-family: "Lato", sans-serif; font-weight: 300; text-transform: uppercase; font-size: 20px; margin: 0 0 20px; color: #2c3b5b
}

.bread-line span {
  font-family: "Lato", sans-serif; font-weight: 600
}

.bread li {
  text-decoration: none; outline: 0; display: block; float: left; font-size: 12px; color: #959dad; padding: 10px 10px 10px 70px; background: #666; background: linear-gradient(#666, #333); position: relative; width: 33.33333%; min-height: 65px
}

.bread li h4 {
  float: left; font-family: "Lato", sans-serif; font-weight: 500; text-transform: uppercase; font-size: 16px; margin: 0; line-height: 23px
}

.bread li h4 span {
  display: block; font-family: "Lato", sans-serif; font-weight: 600; font-size: 18px
}

.bread li .bread-icn {
  width: 155px; height: 45px; margin: 0; margin-right: 0; position: absolute; top: 5px; right: 5px; z-index: 11; float: right; text-align: right
}

.bread li .bread-icn .bread-title {
  margin: 0 0 -4px 0; font-size: 18px; color: #4b6ba5
}

.bread li.active .bread-icn .bread-title {
  margin: 0 0 -5px; font-size: 18px; color: #fff
}

.bread li.active .bread-icn a {
  color: #fff
}

.bread li .bread-icn a {
  color: #666; font-size: 12px; font-weight: 300; text-transform: uppercase
}

.bread li .bread-detail {
  width: 110px; margin: 0; float: right; position: relative; z-index: 11; margin-right: -20px
}

.bread li:last-child .bread-detail {
  width: 70px; margin-right: 0
}

.bread li .bread-detail .img {
  float: left
}

.bread li .bread-detail .price {
  float: left; font-size: 16px; color: #2c3b5b; font-family: "Lato", sans-serif; font-weight: 400; margin: 0 0 0 5px; line-height: 22px; text-align: center
}

.bread li .bread-detail .price span {
  display: block; font-size: 10px; font-weight: 400; text-transform: uppercase
}

.bread li .bread-detail .action {
  color: #666; margin: 1px 0 0; text-align: center
}

.bread li .bread-detail .action a {
  color: #666; text-decoration: underline; font-family: "Lato", sans-serif; font-weight: 400; text-transform: uppercase
}

.bread li .bread-detail .action a:hover {
  color: #333; text-decoration: none
}

.bread li.active .bread-detail .price {
  color: #fff
}

.bread li.active .bread-detail .action {
  color: #fff
}

.bread li.active .bread-detail .action a {
  color: #fff
}

.bread li:first-child {
  padding-left: 45px
}

.bread li:first-child:before {
  left: 10px
}

.bread li:last-child {
  padding-right: 15px
}

.bread li:after {
  content: ""; position: absolute; top: -1px; right: -34px; width: 67px; height: 67px; transform: scale(0.707) rotate(45deg); z-index: 1; background: #666; background: linear-gradient(135deg, #666, #333); border: solid 1px #959dad; border-bottom: 0; border-left: 0; border-radius: 0 0 0 50px; clear: both; display: block
}

.bread li:last-child:after {
  content: none
}

.bread li:before {
  content: counter(flag); counter-increment: flag; margin: 13px 0; position: absolute; top: 0; left: 35px; font-size: 48px; line-height: 38px; font-family: "Lato", sans-serif; font-weight: 400
}

.flat li, .flat li:after {
  background: #fafafa; color: #959dad; transition: all .5s
}

.flat li:hover, .flat li:hover:after {
  background: #fafafa; color: #959dad
}

.flat li.active, .flat li.active:after, .flat li.active:hover {
  background: #4b6ba5; color: #fff
}

.btn-block {
  text-align: right; margin: 0 0 30px
}

.listing-table {
  margin: 30px 0
}

.listing-table table>tbody>tr>td .name a {
  color: #ed1d24; font-family: "Lato", sans-serif; font-size: 16px; font-weight: 400; margin: 0
}

.listing-table table>tbody>tr>td .detail a {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 14px; font-weight: 400; margin: 0
}

.listing-table .Sub-Total-Block p {
  font-size: 18px; color: #2c3b5b; margin-bottom: 5px
}

.listing-table .Shipping-Block p {
  font-size: 18px; color: #2c3b5b; margin-bottom: 5px
}

.CheckoutTotalStyle {
  font-size: 18px; color: #2c3b5b; margin-bottom: 5px
}

.listing-table .Total-Block p {
  font-size: 24px; color: #2c3b5b; margin-bottom: 5px
}

.payment-form .sm-label {
  color: #2c3b5b; font-size: 16px
}

p.text-right.Tax-Block-Data {
  font-size: 18px; color: #2c3b5b; margin-bottom: 5px
}

.stud-wrap .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
  padding: 8px; line-height: 1.42857; vertical-align: middle; border-top: 1px solid #ddd; border-right: 1px solid #ddd; font-size: 13px
}

table.stud-hover>thead>tr>th, table.stud-hover>tbody>tr>th, table.stud-hover>tfoot>tr>th, table.stud-hover>thead>tr>td, table.stud-hover>tbody>tr>td, table.stud-hover>tfoot>tr>td {
  padding: 8px; line-height: 1.42857; vertical-align: middle; border-top: 2px solid #fff; border-right: 1px solid #fff; font-size: 13px;
}

table.stud-selected>thead>tr>th, table.stud-selected>tbody>tr>th, table.stud-selected>tfoot>tr>th, table.stud-selected>thead>tr>td, table.stud-selected>tbody>tr>td, table.stud-selected>tfoot>tr>td {
  padding: 8px; line-height: 1.42857; vertical-align: middle; border-top: 2px solid #fff; border-right: 2px solid #fff; font-size: 13px
}

table.stud-hover>thead>tr>th {
  background-color: #2c3b5b; color: #fff
}

table.stud-selected>thead>tr>th {
  background-color: #2c3b5b; color: #fff; border-right: 2px solid #fff
}

.listing-table .table>thead>tr>th, .listing-table .table>thead>tr>td {
  background-color: #e5e3e4; background-repeat: repeat-x; background: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f7f8), to(#e5e3e4)); background: -webkit-linear-gradient(top, #f9f7f8, #e5e3e4); background: -moz-linear-gradient(top, #f9f7f8, #e5e3e4); background: -ms-linear-gradient(top, #f9f7f8, #e5e3e4); background: -o-linear-gradient(top, #f9f7f8, #e5e3e4); color: #245277; font-size: 13px; font-weight: 400; text-align: center; text-transform: uppercase; vertical-align: middle
}

.listing-table .table-bordered>thead>tr>th, .listing-table .table-bordered>tbody>tr>th, .listing-table .table-bordered>tfoot>tr>th, .listing-table .table-bordered>thead>tr>td, .listing-table .table-bordered>tbody>tr>td, .listing-table .table-bordered>tfoot>tr>td {
  text-align: center; vertical-align: middle; min-width: 100px
}

.listing-table .table-bordered>thead>tr>td.desc, .listing-table .table-bordered>tbody>tr>td.desc, .listing-table .table-bordered>tfoot>tr>td.desc {
  text-align: left
}

.listing-table .img img {
  width: 83px;border-radius: 10px;
}

.listing-table input[type=checkbox] {
  vertical-align: -2px; margin: 0 5px 0 0
}

.listing-table .name {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 18px; font-weight: 400; margin: 0 0 5px
}

.listing-table .detail {
  color: #666; font-family: "Lato", sans-serif; font-size: 14px; font-weight: 400; margin: 0
}

.listing-table .input-group .form-control {
  text-align: center; min-width: 40px; padding: 6px
}

.total-block {
  text-align: right
}

.total-block p {
  color: #333; font-family: "Lato", sans-serif; font-size: 20px; font-weight: 700; margin: 0 0 5px
}

.com-popup {
  background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none
}

.com-popup .pop-block {
  background: #fff; position: absolute; top: 50%; left: 50%; margin: -208px 0 0 -315px; padding: 15px
}

.com-popup .log-wrap {
  margin: 0; width: 600px; max-width: inherit
}

.com-popup .log-wrap .blue-title h2 {
  padding-top: 0
}

.user-toogle a {
  background-color: #fed700; border-radius: 6px; color: #2c3b5b; cursor: pointer; display: inline-block; font-size: 14px; height: 31px; margin-right: 5px; padding: 5px 6px; text-align: center; text-decoration: none; vertical-align: top
}

.have-que {
  font-size: 18px; font-family: "Lato", sans-serif; font-weight: 400; color: #2c3b5b; margin: 0 0 15px; text-transform: uppercase; text-decoration: none
}

.nav-tabs {
  border-bottom: 2px solid #DDD
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  border-style: none; color: #f2f0f0; background-color: transparent
}

.nav>li>a:hover, .nav>li>a:focus {
  background-color: transparent
}

.nav-tabs>li>a {
  border: 0; color: #2f5497; background-color: transparent
}

.nav-tabs>li.active>a, .nav-tabs>li>a:hover {
  color: #2f5497 !important
}

.nav-tabs>li>a::after {
  content: ""; background: #4285f4; height: 2px; position: absolute; width: 100%; left: 0; bottom: -1px; transition: all 250ms ease 0; transform: scale(0)
}

.nav-tabs>li.active>a::after, .nav-tabs>li:hover>a::after {
  transform: scale(1); background-color: #f2f0f0; border-bottom: 2px #fed700 solid
}

.tab-nav>li>a::after {
  background: #21527d none repeat scroll 0 0; color: #fff
}

.tab-pane {
  padding: 0
}

.tab-pane h2 {
  font-size: 24px; font-family: "Lato", sans-serif; font-weight: 400; color: #2c3b5b; margin: 0 0 5px; text-transform: uppercase
}

.tab-pane p {
  font-size: 14px; font-family: "Lato", sans-serif; font-weight: 400; color: #666; margin: 0; word-wrap: break-word
}

.tab-pane .detail-title {
  font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; color: #2c3b5b; margin: 0 0 5px; text-transform: uppercase; margin-top: 10px
}

.tab-pane .detail {
  color: #666; text-transform: uppercase; font-size: 13px; font-weight: 400; line-height: 24px
}

.tab-pane .revire-title {
  margin: 10px 0 3px
}

.tab-pane .review-block .revire-title .name-block .name {
  font-family: "Lato", sans-serif; font-weight: 400; color: #2c3b5b; font-size: 24px; margin: 0 0 5px
}

.tab-pane.comment {
  font-family: "Lato", sans-serif; font-weight: 400; color: #666; font-size: 16px
}

.tab-pane .comment-action {
  margin: 8px 0 0; padding: 0; list-style: outside none none
}

.tab-pane .revire-title .date {
  float: right; font-family: "Lato", sans-serif; font-weight: 400; color: #2c3b5b; font-size: 18px
}

.tab-pane .comment-action li {
  display: inline-block; margin: 0 10px 0 0
}

.tab-pane .comment-action li a {
  color: #CCC; font-size: 14px
}

.tab-pane .comment-action li i {
  color: #CCC; font-size: 18px
}

.prod-extra input[type="text"], .prod-extra input[type="email"] {
  width: 100%; padding: 6px 12px; background: #FFF none repeat scroll 0 0; color: #2f5497; font-size: 14px; transition: background .3s ease-in-out 0; border: 1px solid #CCC; margin: 0; margin-bottom: 8px
}

.prod-extra .prod-price {
  font-size: 25px; font-family: "Lato", sans-serif; font-weight: 400; color: #2c3b5b; margin: 0; text-transform: uppercase; margin: 15px 10px 0 0
}

.prod-extra .prod-quant {
  margin: 15px 0; color: #2f5497; font-size: 14px
}

.prod-extra hr {
  margin: 0
}

.tab-content {
  padding: 0
}

.card {
  background: #FFF none repeat scroll 0 0
}

.header-fixed {
  position: fixed !important; top: 0; display: none; width: 84% !important; margin: 0 auto
}

.header-fixed th {
  white-space: nowrap; width: 10%
}

.subtitle {
  margin: 0 0 5px 0
}

.fancy {
  line-height: .5; text-align: center
}

.fancy span {
  display: inline-block; position: relative; color: #2f5497
}

.fancy span:before, .fancy span:after {
  content: ""; position: absolute; height: 5px; border-bottom: 1px solid #2f5497; top: 0; color: #2f5497; width: 200%
}

.fancy span:before {
  right: 100%; margin-right: 15px
}

.fancy span:after {
  left: 100%; margin-left: 15px
}

.alert-success {
  color: #2c3b5b; background-color: #fed700; border-color: #2c3b5b; opacity: 0.; font-size: 16px; opacity: .8
}

.navbar-collapse .lable-search {
  display: none
}

.navbar-collapse .copyright {
  display: none
}

#top-ticker {
  padding: 5px 0; display: none
}

.top-filter a {
  display: none
}

.login-detail {
  display: block
}

.table-action .button-hidden {
  display: inline-block
}

.view-short {
  width: 55px; float: left; display: inline; text-align: left; padding-bottom: 8px
}

.view-short p {
  display: inline
}

.compare {
  width: auto; float: left; display: inline; text-align: left; margin: 0 2px; padding-bottom: 8px
}

.compare p {
  display: inline
}

.selectBox-dropdown {
  background-color: #FFF; margin: 0 !important
}

.login-box {
  display: inline
}

#jumpto-hide {
  padding: 15px 0
}

.add-cart-menu ul li {
  width: 100%; text-align: left;float: none
}

.add-cart-menu .name {
  padding: 4px
}

.add-cart-menu .detail {
  font-size: 12px; padding: 4px; border-top: thin solid #ccc; border-bottom: thin solid #ccc; margin: 0
}

.add-cart-menu .price {
  font-size: 12px; padding: 4px
}

.sell-diamond-banner {
  background-size: cover !important; text-align: center; padding: 50px 0
}

.sell-diamond-banner h3 {
  color: #FFF; font-size: 70px; font-weight: 300; font-family: "Lato", sans-serif; margin: 0; line-height: 1.3
}

.sell-diamond-banner h3 span {
  color: #FFF; font-size: 70px; font-weight: 900; font-family: "Lato", sans-serif; margin: 0; text-transform: uppercase
}

.sell-diamond-text {
  padding: 20px 0
}

.sell-diamond-text h3 span {
  color: #2c3b5b; font-size: 30px; font-weight: 400; font-family: "Lato", sans-serif; line-height: normal; margin: 0
}

.sell-diamond-text h3 {
  color: #2c3b5b; font-size: 30px; font-weight: 300; font-family: "Lato", sans-serif; line-height: normal; margin: 40px; line-height: 1.6
}

.inventory-text {
  padding: 20px 0
}

.inventory-text h3 span {
  color: #2c3b5b; font-size: 48px; font-weight: 400; font-family: "Lato", sans-serif; line-height: normal; margin: 0; text-transform: uppercase
}

.inventory-text h3 {
  color: #2c3b5b; font-size: 48px; font-weight: 300; font-family: "Lato", sans-serif; line-height: normal; margin: 20px 80px; text-transform: uppercase
}

.inventory-text p {
  color: #666; font-size: 24px; font-weight: 300; font-family: "Lato", sans-serif; line-height: normal; margin: 20px 80px; line-height: 1.6
}

.zerocredit-text {
  padding: 20px 0; background-color: #f8f8f8
}

.zerocredit-text h3 span {
  color: #2c3b5b; font-size: 48px; font-weight: 400; font-family: "Lato", sans-serif; line-height: normal; margin: 0; text-transform: uppercase
}

.zerocredit-text h3 {
  color: #2c3b5b; font-size: 48px; font-weight: 300; font-family: "Lato", sans-serif; line-height: normal; text-transform: uppercase; margin: 50px 0 0
}

.zerocredit-text p {
  color: #666; font-size: 24px; font-weight: 300; font-family: "Lato", sans-serif; line-height: normal; line-height: 1.6
}

.sell-amipi {
  background-size: cover !important; padding: 15px 20px 15px; position: relative
}

.sell-amipi h1 {
  font-family: "Lato", sans-serif; text-align: center; font-weight: 400; color: #FFF; font-size: 73px; margin: 0 0 30px; text-transform: uppercase
}

.indi-diamond {
  padding: 30px 0 20px; text-align: center; background-size: cover !important
}

.indi-diamond h3 {
  color: #666; font-size: 30px; font-weight: 300; font-family: "Lato", sans-serif; line-height: normal; margin: 25px 0
}

.indi-diamond h3 span {
  color: #666; font-size: 25px; font-weight: 500; font-family: "Lato", sans-serif; line-height: normal; margin: 25px 0 10px
}

.indi-diamond button {
  display: inline-block; padding: 6px 23px; margin-bottom: 0; font-size: 24px; font-weight: 400; line-height: 1.42857; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -moz-user-select: none; background-image: none; border: 1px solid #2c3b5b; border-radius: 4px; color: #FFF; background-color: #2c3b5b; text-transform: uppercase
}

.indi-diamond button:hover {
  background-color: #fed700; color: #2c3b5b
}

.indi-diamond .ind-text-one {
  position: absolute; right: 70px; top: 40px; width: 60%; color: #666
}

.indi-diamond .ind-text-two {
  position: absolute; top: 0; left: -10px; color: #666; width: 60%
}

.indi-diamond .ind-text-three {
  position: absolute; position: absolute; left: -7px; top: -11px; width: 60%; color: #666
}

.menufec-wrap {
  padding: 0 0 20px; text-align: center; border-top: 1px solid #ccc
}

.menufec-wrap .tag {
  color: #2c3b5b; font-size: 24px; font-weight: 300; font-family: "Lato", sans-serif; line-height: normal; margin: 0 0 30px; padding: 0 15px
}

.menufec-wrap .focus-block {
  margin: 0 auto 30px; max-width: 400px
}

.menufec-wrap .focus-block .title-block {
  border-radius: 50%; width: 210px; height: 210px; margin: 0 auto 20px
}

.menufec-wrap .focus-block .title-block .inner-block {
  border-radius: 50%; height: 100%; position: relative; background: #2e98d4 none repeat scroll 0 0; padding: 50px 50px
}

.menufec-wrap .focus-block .title-block .inner-block h3 {
  margin: 0; font-size: 24px; text-align: center; color: #fff; text-transform: uppercase; font-family: "Lato", sans-serif
}

.menufec-wrap .focus-block .focus-desc p {
  font-size: 24px; font-weight: 300; color: #666; font-family: "Lato", sans-serif
}

.menufec-wrap .focus-block .focus-desc h3 {
  color: #2c3b5b; font-weight: 300; font-size: 30px; letter-spacing: 1px
}

.menufec-wrap h2 {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 36px; font-weight: 300; margin: 0; padding: 15px 0; text-transform: uppercase
}

.menufec-wrap h2 span {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 36px; font-weight: 500; margin: 0; padding: 15px 0; text-transform: uppercase
}

.menufec-wrap h1 {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 48px; font-weight: 300; margin: 0; padding: 15px 0; text-transform: uppercase
}

.menufec-wrap h1 span {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 48px; font-weight: 500; margin: 0; padding: 15px 0; text-transform: uppercase
}

.menufec-wrap p {
  color: #666; font-family: "Lato", sans-serif; font-size: 24px; font-weight: 300; margin: 0; padding: 0
}

.menufec-wrap p span {
  color: #666; font-family: "Lato", sans-serif; font-size: 35px; font-weight: 400; margin: 0; padding: 15px 0
}

.menufec-wrap button {
  display: inline-block; padding: 6px 23px; margin-bottom: 10px; font-weight: 400; line-height: 1.42857; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -moz-user-select: none; background-image: none; border: 1px solid #2c3b5b; border-radius: 4px; color: #FFF; background-color: #2c3b5b; text-transform: uppercase
}

.menufec-wrap button:hover {
  background-color: #fed700; color: #2c3b5b
}

.menufec-wrap label {
  font-size: 17px; color: #2c3b5b; font-weight: 400; text-transform: uppercase
}

.menufec-wrap .btn-getstart {
  font-size: 24px
}

.two-easy-text {
  padding: 20px 0; text-align: center
}

.two-easy-text h3 {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 45px; font-weight: 400; margin: 0; padding: 30px 0; text-transform: uppercase
}

.two-easy-text h2 {
  color: #2c3b5b; vertical-align: middle; font-family: "Lato", sans-serif; font-size: 24px; font-weight: 400; margin: 0; padding: 20px 0; text-transform: uppercase
}

.two-easy-text p {
  color: #666; font-size: 18px; font-weight: 300; font-family: "Lato", sans-serif; line-height: normal; margin: 10px 10px
}

.two-easy-text button {
  display: inline-block; padding: 6px 23px; margin-bottom: 0; font-size: 30px; font-weight: 400; line-height: 1.42857; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -moz-user-select: none; background-image: none; border: 1px solid #2c3b5b; border-radius: 4px; color: #FFF; background-color: #2c3b5b; text-transform: uppercase
}

.two-easy-text button:hover {
  background-color: #fed700; border: 1px solid #2c3b5b; color: #2c3b5b
}

.two-easy-text .two-left {
  min-height: 155px; border: 2px solid #2e98d4; border-radius: 20px; margin: 25px
}

.two-easy-text .two-right {
  min-height: 155px; border: 2px solid #2e98d4; border-radius: 20px; margin: 25px
}

.stud-wrap table {
  border: 1px solid #d0cfcf; display: block; width: 100%
}

.stud-wrap table>thead>tr>th {
  background-color: #2c3b5b; border: 0; color: #fff; border-right: 1px solid #fff; font-size: 12px; font-weight: 400; white-space: nowrap
}

.stud-wrap table>thead>tr>td {
  font-size: 12px; font-weight: 400; white-space: nowrap; border-right: 1px solid #fff
}

table.stud-selected>tbody>tr>td:hover {
  background-color: #2c3b5b !important; color: #fff
}

.alt-tr-row {
  background-color: #f7f7f7 !important
}

.stud-wrap input[type="text"], .stud-wrap input[type="email"] {
  width: 100%; padding: 6px 12px; background: #FFF none repeat scroll 0 0; color: #2f5497; font-size: 14px; transition: background .3s ease-in-out 0; border: 1px solid #CCC; margin: 0 0 8px
}

.stud-wrap .bg {
  background: transparent -moz-linear-gradient(center top, #f2f0f0, #FFF) repeat scroll 0 0; width: 100%
}

.stud-wrap select {
  width: 100%; border: 1px solid #d0cfcf; padding: 7px 15px; font-size: 12px; color: #666; font-family: "Lato", sans-serif; text-transform: uppercase; margin: 0 0 8px
}

.download-list {
  min-height: 800px
}

.download-list li {
  list-style-image: url(/images/down-icn.png)
}

.download-list li a {
  padding: 0; font-family: "Lato", sans-serif; font-weight: 700; font-size: 14px; line-height: 16px; padding: 3px; color: #2c3b5b; background: 0; text-transform: uppercase
}

.undoreset td {
  display: table-cell; border-spacing: 2px; line-height: 2
}

.btn-group-justified {
  width: 100%; table-layout: fixed; display: inline-block; border-collapse: separate
}

#filter .btn-group-justified {
  display: flex;
}

.floatingHeader {
  position: fixed; top: 0; visibility: hidden; z-index: 1114
}

.to-top {
  background-color: #fed700; font-family: FontAwesome; content: ""; bottom: 90px; cursor: pointer; font-size: 30px; color: #2c3b5b; display: none; height: 47px; position: fixed; right: 22px; transition: background 400ms ease 0; width: 48px; z-index: 9999
}

.to-top:before {
  font-family: FontAwesome; transition: background 400ms ease 0; content: ""; bottom: 90px; cursor: pointer; font-size: 36px; font-weight: 600; margin: 9px; color: #2c3b5b
}

.to-top:hover {
  background-color: #2c3b5b; transition: background 400ms ease 0
}

.to-top:hover:before {
  font-family: FontAwesome; content: ""; color: #fff; font-size: 36px; font-weight: 600; margin: 43px 13px; transition: background 400ms ease 0
}

.thank-you {
  margin-top: 100px; min-height: 600px
}

.thank-you p {
  margin-bottom: 10px
}

.icon-show {
  display: none
}

.CreaditCardBoxClass input[type="text"], .CreaditCardBoxClass input[type="email"] {
  background: #fff none repeat scroll 0 0; border: 1px solid #ccc; color: #7f7f7f; font-size: 14px; margin: 0 0 20px; padding: 6px 12px; transition: background .3s ease-in-out 0; width: 100%
}

.CreaditCardBoxClass input[type="password"] {
  background: #fff none repeat scroll 0 0; border: 1px solid #ccc; color: #7f7f7f; font-size: 14px; margin: 0 0 20px; padding: 6px 12px; transition: background .3s ease-in-out 0; width: 100%
}

.CreaditCardBoxClass select {
  background: #fff none repeat scroll 0 0; border: 1px solid #ccc; color: #7f7f7f; font-size: 14px; margin: 0 0 20px; padding: 6px 12px; transition: background .3s ease-in-out 0; width: 100%
}

.my-orders {
  width: 100%; margin-bottom: 25px; min-height: 768px
}

.my-orders ul {
  list-style-type: none; width: 100%; margin-bottom: 20px
}

.my-orders ul li {
  margin: 5px 0; width: 100%; font-size: 16px; color: #2c3b5b; font-family: "Lato", sans-serif
}

.table-invoice {
  width: 100%
}

.table-invoice table {
  width: 100%; font-weight: 400; font-size: 16px; color: #2c3b5b; font-family: "Lato", sans-serif
}

.table-invoice .table>tbody>tr>th {
  padding: 10px; font-weight: 600; font-size: 15px; color: #2c3b5b; font-family: "Lato", sans-serif
}

.table-invoice .table>tbody>tr>td {
  padding: 10px; font-weight: 400; font-size: 15px; color: #2c3b5b; font-family: "Lato", sans-serif
}

.pro-result-title {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 24px; font-weight: 300; margin: 0; padding: 5px 0; text-transform: uppercase; float: left
}

.pro-result-title span {
  font-weight: 400
}

.listing-result .result-title {
  color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 24px; font-weight: 300; margin: 0; padding: 5px 0; text-transform: uppercase; float: left
}

.listing-result span {
  font-weight: 400
}

.jwel-title h2 {
  color: #2c3b5b; font-weight: 300; text-transform: uppercase
}

.table-fixed tr.odd {
  background-color: #f5f5f5
}

.table-fixed tr.even {
  background-color: #fff
}

.cpsf-table-fixed tr.odd {
  background-color: #f5f5f5
}

.cpsf-table-fixed tr.even {
  background-color: #fff
}

.amount-hide {
  display: inline-block
}

.usd-hide {
  display: none
}

.modal-lg {
  max-width: 1000px
}

.price-box {
  background-color: #2c3b5b; width: 100%; min-height: 47px; height: auto
}

.price-box h2 {
  color: #fff; font-size: 18px; font-weight: 400; margin: 14px 3px; text-transform: uppercase
}

.scroller-ticker {
  display: block
}

.menu-top {
  display: none
}

.alt-color {
  color: #ed1d24
}

.make-responsive {
  overflow-x: auto; width: 100%
}

.stud-wrap .make-responsive {
  overflow-x: hidden; width: 100%
}

.animateblock {
  opacity: 0; -webkit-transition: all .55s linear; -moz-transition: all .55s linear; transition: all .55s linear; position: relative
}

.animateblock.animated {
  opacity: 1
}

.animateblock.an-left {
  right: 10%
}

.animateblock.an-left.animated {
  right: 0
}

.animateblock.an-right {
  left: 10%
}

.animateblock.an-right.animated {
  left: 0
}

.animateblock.an-top {
  top: -50px
}

.animateblock.an-top.animated {
  top: 0
}

.animateblock.an-btm {
  top: 50px
}

.animateblock.an-btm.animated {
  top: 0
}

.clearthree {
  clear: both; display: block; margin: 0 0 10px
}

.stud-dark {
  background-color: #2c3b5b; color: #fff
}

.stud-dark a {
  color: #fff
}

.stud-dark:hover {
  background-color: #15223e; color: #fff
}

.stud-light {
  background-color: #e1e1e1
}

.stud-light:hover {
  background-color: #b6b1b1
}

.video-wrapper iframe {
  width: 100%; height: 360px
}

.video-wrapper iframe.vision-video {
  width: 100%; height: 345px;  max-width: 450px;
}

.video-wrapper iframe body:-webkit-full-page-media {
  background-color: transparent !important
}

.dia-diam.one #QuickViewBigImageDiv {
  height: 450px
}

.prod-detail-wrap .prod-extra .build-title {
  font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; color: #666; margin: 10px 0 15px; text-transform: uppercase; text-decoration: none
}

.prod-detail-wrap .prod-extra .price {
  font-size: 24px; font-family: "Lato", sans-serif; font-weight: 400; color: #2c3b5b; margin: 5px 0 0 0; text-transform: uppercase
}

.prod-detail-wrap .prod-extra .price span {
  font-weight: 300; color: #666; font-size: 18px
}

.prod-detail-wrap .prod-extra a {
  color: #2c3b5b
}

.diam-shap {
  width: 44px; height: 44px; background-color: #fed700; color: #ed1d24; font-size: 12px; font-weight: 500; border-radius: 50px; padding: 14px 3px; position: absolute; -webkit-box-shadow: -1px 0 5px 0 rgba(0, 0, 0, 0.75); -moz-box-shadow: -1px 0 5px 0 rgba(0, 0, 0, 0.75); box-shadow: -1px 0 5px 0 rgba(0, 0, 0, 0.75)
}

.ribbon-wrapper-green {
  width: 85px; height: 88px; overflow: hidden; position: absolute; top: -3px; left: -3px
}

.ribbon-green {
  font: bold 15px Sans-Serif; color: #ed1d24; text-align: center; text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); position: relative; padding: 4px 0; left: -30px; top: 12px; width: 120px; background-color: #bfdc7a; background-image: -webkit-gradient(linear, left top, left bottom, from(#bfdc7a), to(#8ebf45)); background-image: -webkit-linear-gradient(top, #fed700, #e2c004); background-image: -moz-linear-gradient(top, #fed700, #e2c004); background-image: -ms-linear-gradient(top, #fed700, #e2c004); background-image: -o-linear-gradient(top, #fed700, #e2c004); color: #ed1d24; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3)
}

.ribbon-green:before, .ribbon-green:after {
  content: ""; border-top: 3px solid #6e8900; border-left: 3px solid transparent; border-right: 3px solid transparent; position: absolute; bottom: -3px
}

.ribbon-green:before {
  left: 0
}

.ribbon-green:after {
  right: 0
}

.cd-products-comparison-table {
  margin-bottom: 5em
}

.cd-products-comparison-table::after {
  display: none; content: "mobile"
}

.cd-products-comparison-table header {
  padding: 0 5% 25px
}

.cd-products-comparison-table header::after {
  clear: both; content: ""; display: table
}

.cd-products-comparison-table h2 {
  float: left; font-weight: bold; font-family: "Lato", sans-serif
}

.cd-products-comparison-table .actions {
  float: right
}

.cd-products-comparison-table .reset, .cd-products-comparison-table .filter {
  font-size: 1.4rem; font-family: "Lato", sans-serif
}

.cd-products-comparison-table .reset {
  color: #404042; text-decoration: underline
}

.cd-products-comparison-table .filter {
  padding: .6em 1.5em; color: #fff; background-color: #ccc; border-radius: 3px; margin-left: 1em; cursor: not-allowed; -webkit-transition: background-color .3s; -moz-transition: background-color .3s; transition: background-color .3s
}

.cd-products-comparison-table .filter.active {
  cursor: pointer; background-color: #9dc997
}

.no-touch .cd-products-comparison-table .filter.active:hover {
  background-color: #a7cea1
}

.cd-products-table {
  position: relative; overflow: hidden
}

.cd-products-table .features {
  position: absolute; z-index: 1; top: 38px; left: 0; width: 120px; font-family: "Lato", sans-serif; border-style: solid; border-color: #e6e6e6; border-left: 0; border-top-width: 1px; border-bottom-width: 1px; background-color: #2c3b5b; border-right: 1px
}

.cd-products-table .features::after {
  content: ""; position: absolute; top: 0; left: 100%; width: 4px; height: 100%; background-color: transparent; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.06), transparent); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.06), transparent); opacity: 0
}

.cd-products-table.scrolling .features::after {
  opacity: 1
}

.cd-products-wrapper {
  overflow-x: auto; -webkit-overflow-scrolling: touch; border-style: solid; border-color: #e6e6e6; border-top-width: 1px; border-bottom-width: 1px
}

.cd-products-columns {
  width: 1200px; margin-left: 115px; font-family: "Lato", sans-serif; padding-left: 0
}

.cd-products-columns::after {
  clear: both; content: ""; display: table
}

.cd-products-columns .product {
  position: relative; float: left; width: 210px; text-align: center; -webkit-transition: opacity .3s, visibility .3s, -webkit-transform .3s; -moz-transition: opacity .3s, visibility .3s, -moz-transform .3s; transition: opacity .3s, visibility .3s, transform .3s; list-style: none
}

.filtering .cd-products-columns .product:not(.selected) {
  opacity: 0; visibility: hidden; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0)
}

.no-product-transition .cd-products-columns .product.selected {
  -webkit-transition: opacity .3s, visibility .3s; -moz-transition: opacity .3s, visibility .3s; transition: opacity .3s, visibility .3s
}

.filtered .cd-products-columns .product:not(.selected) {
  position: absolute
}

.cd-features-list {
  list-style: none; margin-bottom: 0; margin: 0; padding: 0; border: 0; font-size: 100%; font-family: "Lato", sans-serif; vertical-align: baseline
}

.cd-features-list li {
  font-size: 14px; font-family: "Lato", sans-serif; font-weight: 400; padding: 6px 10px; border-color: #fff !important; border-style: solid !important; border-right: 1px solid #2c3b5b !important; margin: 0; border: 0; min-height: 32px; vertical-align: baseline
}

.cd-features-list li.blue-bg {
  background-color: #2c3b5b; color: #fff; font-weight: 800; font-size: 14px
}

.cd-features-list li.odd {
  background-color: #f5f5f5
}

.cd-features-list li h2.title {
  font-size: 16px; font-family: "Lato", sans-serif; font-weight: 300; color: #2c3b5b; margin: 0 0 5px; text-transform: uppercase
}

.cd-features-list li p.desc {
  font-size: 14px; font-family: "Lato", sans-serif; font-weight: 300; color: #666; margin: 0
}

.cd-features-list li p.ship {
  color: #666; font-size: 14px; font-family: "Lato", sans-serif; font-weight: 400; margin-bottom: 0
}

.cd-features-list li .rating-detail {
  margin: 5px 0 0; display: inline-block
}

.cd-features-list li input.common-btn {
  padding: 10px 10px; font-size: 18px; margin: 0 0 30px; width: 80%; text-align: center
}

.cd-features-list li.rate {
  padding: 21px 0
}

.cd-features-list li.rate span {
  display: inline-block; height: 22px; width: 110px; background: url(../img/cd-star.svg); color: transparent
}

.features .cd-features-list li, .cd-products-table .features .top-info {
  font-size: 14px; font-weight: 400; font-family: "Lato", sans-serif; line-height: 14px; padding: 6px 10px; text-align: left
}

.features .cd-features-list li {
  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #fff; min-height: 32px
}

.features .cd-features-list li.blue-bg {
  background-color: #2c3b5b; color: #fff; font-weight: 800; font-size: 14px
}

.cd-products-table .top-info {
  position: relative; width: 210px; text-align: center; padding: 1.25em 1em; border-color: #e6e6e6; border-style: solid; border-right-width: 1px; -webkit-transition: height .3s; -moz-transition: height .3s; transition: height .3s; cursor: pointer; background: #fff; border-bottom: 0; border-left: 0; border-top: 1px; height: 500px
}

.cd-products-table .top-info::after {
  content: ""; position: absolute; left: 0; top: 100%; height: 4px; width: 100%; background-color: transparent; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.06), transparent); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.06), transparent); opacity: 0
}

.cd-products-table .top-info h3 {
  padding: 1.25em 0 .625em; font-weight: bold; font-size: 1.4rem
}

.cd-products-table .top-info img {
  display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden
}

.cd-products-table .top-info h3, .cd-products-table .top-info img {
  -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; transition: transform .3s
}

.remove-compare {
  color: #C00
}

.cd-products-table .top-info .prod-slide .action li {
  vertical-align: middle
}

.cd-products-table .top-info .check {
  position: relative; display: inline-block; height: 16px; width: 16px; margin: 0 auto 1em
}

.cd-products-table .top-info .check::after, .cd-products-table .top-info .check::before {
  position: absolute; top: 0; left: 0; content: ""; height: 100%; width: 100%
}

.cd-products-table .top-info .check::before {
  border-radius: 50%; border: 1px solid #e6e6e6; background: #fff; -webkit-transition: background-color .3s, -webkit-transform .3s, border-color .3s; -moz-transition: background-color .3s, -moz-transform .3s, border-color .3s; transition: background-color .3s, transform .3s, border-color .3s
}

.cd-products-table .top-info .check::after {
  background: url(../img/cd-check.svg) no-repeat center center; background-size: 24px 24px; opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; transition: opacity .3s
}

.cd-products-table .top-info .small {
  min-height: 180px
}

.cd-products-table .features .top-info {
  width: 120px; cursor: auto; background: #fff; height: 500px
}

.title-height {
  min-height: 100px !important
}

.cd-products-table .selected .top-info .check::before {
  background: #9dc997; border-color: #9dc997; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); -webkit-animation: cd-bounce .3s; -moz-animation: cd-bounce .3s; animation: cd-bounce .3s
}

@-webkit-keyframes cd-bounce {0 {-webkit-transform: scale(1) } 60% {-webkit-transform: scale(1.6) } 100% {-webkit-transform: scale(1.5) } }

@-moz-keyframes cd-bounce {0 {-moz-transform: scale(1) } 60% {-moz-transform: scale(1.6) } 100% {-moz-transform: scale(1.5) } }

@keyframes cd-bounce {0 {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } 60% {-webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); transform: scale(1.6) } 100% {-webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5) } }

.cd-products-table .selected .top-info .check::after {
  opacity: 1
}

.cd-table-navigation a {
  position: absolute; z-index: 2; top: 0; right: 15px; -webkit-transform: translateY(55px); -moz-transform: translateY(55px); -ms-transform: translateY(55px); -o-transform: translateY(55px); transform: translateY(55px); overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent; height: 60px; width: 40px; background: rgba(64, 64, 66, 0.8) url("../img/cd-arrow.svg") no-repeat center center; border-radius: 3px; -webkit-transition: background-color .3s, opacity .3s, visibility .3s, -webkit-transform .3s; -moz-transition: background-color .3s, opacity .3s, visibility .3s, -moz-transform .3s; transition: background-color .3s, opacity .3s, visibility .3s, transform .3s
}

.cd-table-navigation a.inactive {
  opacity: 0; visibility: hidden
}

.cd-table-navigation a.prev {
  left: 120px; right: auto; -webkit-transform: translateY(55px) translateX(15px) rotate(180deg); -moz-transform: translateY(55px) translateX(15px) rotate(180deg); -ms-transform: translateY(55px) translateX(15px) rotate(180deg); -o-transform: translateY(55px) translateX(15px) rotate(180deg); transform: translateY(55px) translateX(15px) rotate(180deg)
}

.no-touch .cd-table-navigation a:hover {
  background-color: #404042
}

.brand-text {
  display: block
}

.brand-logo {
  display: none
}

ul.btn-order.text-left.padding-zero {
  padding-left: 0 !important
}

.video-wrapper2-important {
  height: 368px; display: block; width: 368px
}

.no-padding {
  padding: 0 !important
}

.margin-15 {
  margin-left: 15px !important
}

.shape-center {
  margin-left: 100px; margin-right: 100px; text-align: center
}

#onoffnew {
  float: left; list-style: none; margin: 0 0 0 8px; padding: 0; width: 100%
}

#onoffnew:after {
  clear: both; content: ""; display: block
}

#onoffnew li {
  width: 16.6667%; width: calc(100% / 8); box-sizing: border-box
}

#onoffnew li {
  float: left; width: 72px
}

#onoffnew li .match-titlenew {
  font-size: 10px; margin: 0; white-space: nowrap
}

.onoffswitchnew {
  position: relative; width: 50px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none
}

.onoffswitchnew-checkbox {
  display: none
}

.onoffswitchnew-label {
  display: block; overflow: hidden; cursor: pointer; border-radius: 50px; margin: 0
}

.onoffswitchnew-inner {
  display: block; width: 200%; margin-left: -100%; transition: margin .3s ease-in 0
}

.onoffswitchnew-inner:before, .onoffswitchnew-inner:after {
  display: block; float: left; width: 50%; padding: 0; font-size: 12px; line-height: 16px; box-sizing: border-box
}

.onoffswitchnew-inner:before {
  content: "ON"; padding-left: 10px
}

.onoffswitchnew-inner:after {
  content: "OFF"; padding-right: 10px; text-align: right
}

.onoffswitchnew-switch {
  display: block; width: 15px; position: absolute; top: 0; bottom: 0; right: 35px; border-radius: 50%; transition: all .3s ease-in 0
}

.onoffswitchnew-checkbox:checked+.onoffswitchnew-label .onoffswitchnew-inner {
  margin-left: 0
}

.onoffswitchnew-checkbox:checked+.onoffswitchnew-label .onoffswitchnew-switch {
  right: -1px
}

#linkonshow .onoffswitchnew-inner:before, #diamondjellery-div .onoffswitchnew-inner:before {
  content: "No"; padding-left: 10px
}

#linkonshow .onoffswitchnew-inner:after, #diamondjellery-div .onoffswitchnew-inner:after {
  content: "Yes"; padding-right: 10px; text-align: right
}

#onoffnew li .match-title {
  color: #2c3b5b
}

.onoffswitchnew-inner:before {
  background-color: #2c3b5b; color: #fff
}

.onoffswitchnew-inner:after {
  background-color: #2c3b5b; color: #fff
}

.onoffswitchnew-switch {
  background: #FFF; box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.5)
}

.onoffswitchnew-checkbox:checked+.onoffswitchnew-label .onoffswitchnew-switch {
  background-color: #fed700
}

.shape-center {
  margin-left: 10px; margin-right: 10px
}

#linkclick.custom-margin .block-one, #report-no.custom-margin .block-one {
  padding: 0 !important
}

#linkclick.custom-margin .div_6, #report-no.custom-margin .div_6 {
  margin: 0 0 15px
}

#linkclick.custom-margin textarea#additional_information, #report-no.custom-margin textarea#additional_information, #largest_dmreport-yes textarea#jewelry_gia_additional_information, #largest_dmreport-no textarea#Jewelry_non_additional_information, #largest_dmreport-yes_1 textarea#jewelry_gia_additional_information {
  width: 100%; border-color: #CCC; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; height: 170px
}

.padding-two-zero {
  padding: 20px; box-sizing: border-box
}

.light-bg {
  background: #f8f8f8
}

h4.bg-yellow, h2.bg-yellow {
  padding: 15px; margin-bottom: 0; color: #fff
}

.imageuploadify {
  border: 2px dashed #d2d2d2 !important; position: relative; min-height: 231px; min-width: 250px; max-width: 100%; margin: 0 auto 0; display: flex; padding: 0; flex-direction: column; text-align: center; background-color: #fff; color: #2c3b5b
}

.imageuploadify .imageuploadify-overlay {
  z-index: 10; width: 100%; height: 100%; position: absolute; flex-direction: column; top: 0; left: 0; display: none; font-size: 7em; background-color: rgba(242, 242, 242, .7); text-align: center; pointer-events: none
}

.imageuploadify .imageuploadify-overlay i {
  z-index: 10; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none
}

.imageuploadify .imageuploadify-images-list {
  display: inline-block
}

.imageuploadify .imageuploadify-images-list i {
  display: block; font-size: 4em; text-align: center; margin-top: 5px; padding-bottom: 0
}

.imageuploadify .imageuploadify-images-list span.imageuploadify-message {
  font-size: 19px; border-top: 1px solid #2c3b5b; border-bottom: 1px solid #2c3b5b; padding: 4px 0; display: inline-block
}

.imageuploadify .imageuploadify-images-list button.btn-default {
  display: block; color: #2c3b5b; border-color: #2c3b5b; border-radius: 1em; margin: 25px auto; width: 100%; max-width: 500px
}

.imageuploadify .imageuploadify-images-list .imageuploadify-container {
  width: 100px; height: 100px; position: relative; overflow: hidden; margin-bottom: 1em; float: left; border-radius: 12px; box-shadow: 0 0 4px 0 #888
}

.imageuploadify .imageuploadify-images-list .imageuploadify-container button.btn-danger {
  position: absolute; top: 3px; right: 3px; width: 20px; height: 20px; border-radius: 15px; font-size: 10px; line-height: 1.42; padding: 2px 0; text-align: center; z-index: 3
}

.imageuploadify .imageuploadify-images-list .imageuploadify-container img {
  height: 100px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto
}

.imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details {
  top: 0; padding-top: 20px; width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; z-index: 2; opacity: 1 !important
}

.imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details span {
  display: block
}

#loose-diamond-div .filter-title, #diamondjellery-div .filter-title, .button-margin {
  font-size: 15px !important; margin: 20px 0 3px
}

#loose-diamond-div .common-btn, #diamondjellery-div .common-btn {
  margin: 25px 0; display: block; width: 150px; padding: 10px; text-align: center
}

.diamond-part.inner-style h3 {
  text-align: center
}

#total-tdw, #total-ldw {
  padding: 11px 0
}

.padding-left-right {
  margin: 4px 13px; position: relative
}

.padding-left-right label {
  padding-left: 5px; padding-right: 5px
}

.padding-left-right input[type=checkbox] {
  position: absolute; opacity: 0; width: 100%; left: 0; height: 100%; cursor: pointer; top: 0
}

.diamond-part.inner-style img {
  width: 100px; margin: 13px
}

.single-sell-heading {
  font-family: "Kaushan Script", cursive; text-transform: capitalize; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale
}

.single-sell-active {
  border: 4px double #CCC
}

.diamond-part.inner-style.col-sm-12 {
  margin-top: 15px
}

.testimonials-main {
  text-align: left !important; font-size: large !important
}

.testimonials-main h2 {
  padding-top: 50px; padding-left: 50px; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; -webkit-text-stroke-color: #fff; color: #2c3b5b
}

.testimonials-main h3 {
  padding-left: 90px; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; -webkit-text-stroke-color: #fff; color: #2c3b5b
}

.studs-heading {
  background-color: #fed700; color: #2c3b5b; padding: 5px
}

.studs-tr-border {
  border-bottom: 3px solid #fed700
}

.price-box-new {
  background-color: #fed700; width: 100%; display: inline-block
}

.price-box-new h2 {
  color: #2c3b5b; font-size: 18px; font-weight: 400; margin: 14px 3px; text-transform: uppercase
}

.pin-wrapper {
  background: url(//images/pin-background.png"); background-repeat: repeat; padding: 50px 0 0; background-attachment: fixed
}

.pin-heading h2 {
  text-align: center; margin: 0; font-size: 45px; line-height: 44px; font-weight: normal
}

.pin-heading p {
  font-size: 26px; text-align: center; margin-top: -20px; margin-bottom: 50px
}

.pin-top-arrow {
  border-radius: 50%; background: #fed700; width: 220px; height: 220px; position: relative; margin: auto; box-shadow: 0 1px 9px rgba(0, 0, 0, 0.3)
}

.pin-top-arrow::after {
  position: absolute; content: ""; width: 0; height: 0; bottom: -199px; left: 14px; border: 96px solid transparent; border-top: 159px solid #fed700
}

.pin-top-arrow-background {
  background: #2c3b5b; width: 190px; height: 190px; position: absolute; border-radius: 50%; z-index: 1; left: 16px; right: 0; top: 13px; box-shadow: 0 1px 9px rgba(0, 0, 0, 0.3)
}

.pin-top-arrow-background h3 {
  text-align: center; transform: translate(0, 0); height: 190px; font-weight: bold; color: #fed700; display: table-cell; vertical-align: middle; margin: auto; width: 190px; text-transform: uppercase
}

.pin-content {
  background: #2c3b5b; text-align: center; margin-top: 170px; position: relative; border-radius: 10px; min-height: 161px; box-shadow: 0 1px 9px rgba(0, 0, 0, 0.1)
}

.pin-inner-content {
  padding: 0 20px; color: #FFF
}

.pin-content span {
  background: #fed700; display: block; width: 80px; height: 80px; line-height: 80px; font-size: 39px; border-radius: 50%; margin: auto; top: -39px; position: relative; color: #2c3b5b; box-shadow: 0 1px 9px rgba(0, 0, 0, 0.3)
}

.pin-inner-content p {
  margin: -24px 0 10px; font-size: 15px; line-height: 22px
}

.pin:hover .pin-top-arrow {
  background: #2c3b5b
}

.pin:hover .pin-top-arrow::after {
  border-top-color: #2c3b5b
}

.pin:hover .pin-top-arrow .pin-top-arrow-background {
  background: #fed700
}

.pin:hover .pin-top-arrow .pin-top-arrow-background h3 {
  color: red
}

.pin:hover .pin-content {
  background: #fed700; color: #2c3b5b
}

.pin:hover .pin-content span {
  background: #2c3b5b; color: #fed700
}

.pin:hover .pin-inner-content {
  color: #2c3b5b
}

.pin-text-style p {
  font-size: 20px; text-align: center; margin: 30px 0; color: #2c3b5b
}

.pin-text-style button {
  font-size: 16px; text-align: center; background: #2c3b5b; border: 0; outline: 0; color: #FFF; padding: 15px 25px; border-radius: 5px; margin: auto; width: 213px; display: block
}

.pin-text-style .margin-bottom-zero {
  margin-bottom: 20px
}

h4.bg-yellow#ticker span {
  padding: 14px 17px; font-size:30px;
}

.diamond-part .img-content .icon-background-block {
  position: relative; background-color: #fed700; display: block; border-radius: 50%; width: 117px !important; height: 117px !important; min-height: 117px !important; margin: 20px auto; padding: 0
}

.diamond-part .img-content:hover .icon-background-block {
  background-color: #2c3b5b; transition: opacity .35s, transform .35s !important; cursor: pointer; box-shadow: 0 1px 9px rgba(0, 0, 0, 0.3)
}

.icon-background {
  width: 119px; height: 119px; background-repeat: no-repeat; text-align: center; margin: auto
}

.diamond-part .img-content:hover svg#misc .st7, .diamond-part .img-content:hover svg#studs .st0, .diamond-part .img-content:hover svg#ring .st2, .diamond-part .img-content:hover svg#diamond .st0 {
  fill: #fed700
}

.diamond-part .img-content:hover svg#studs .st1 {
  stroke: #fed700
}

.diamond-part .img-content:hover svg#ring .st3 {
  fill: #ebc806
}

.diamond-part .img-content.single-sell-active svg#misc .st7, .diamond-part .img-content.single-sell-active svg#studs .st0, .diamond-part .img-content.single-sell-active svg#ring .st2, .diamond-part .img-content.single-sell-active svg#diamond .st0 {
  fill: #fed700
}

.diamond-part .img-content.single-sell-active svg#studs .st1 {
  stroke: #fed700
}

.diamond-part .img-content.single-sell-active svg#ring .st3 {
  fill: #ebc806
}

#misc .st0 {
  display: none; fill: #f6ec27
}

#misc .st1 {
  display: none
}

#misc .st2 {
  display: inline; fill: #2c3c5b
}

#misc .st3 {
  display: none; fill: #2c3c5b
}

#misc .st4 {
  display: none; fill: none; stroke: #c1282d; stroke-width: 15; stroke-miterlimit: 10
}

#misc .st5 {
  fill: #f6ec27
}

#misc .st6 {
  fill: #c1282d
}

#misc .st7 {
  fill: #2c3c5b
}

#misc .st8 {
  fill: #293851
}

#misc .st9 {
  display: none; fill: #c1282d
}

#studs .st0 {
  fill: #2c3c5b
}

#studs .st1 {
  fill: none; stroke: #2c3c5b; stroke-width: 10.5; stroke-miterlimit: 10
}

#ring .st0 {
  fill: #f6ec27
}

#ring .st1 {
  fill: #c1282d
}

#ring .st2 {
  fill: #2c3c5b
}

#ring .st3 {
  opacity: .85; fill: #2c3c5b
}

#diamond .st0 {
  fill: #2c3c5b
}

svg#diamond, svg#ring, svg#misc, svg#studs {
  width: 70px; margin-top: 22px
}

.diamond-part .img-content.single-sell-active .icon-background-block {
  background-color: #2c3b5b
}

.border-none.diamond-part .img-content.single-sell-active {
  border: 0 !important
}

.center-width-thank {
  vertical-align: middle; transform: translate(0, 15%); margin: auto; text-align: center
}

.center-width-thank .blue-title.text-center {
  background: #fed700
}

.center-width-thank .note-sec {
  background: #FFF; box-shadow: 0 0 6px rgba(0, 0, 0, .1); margin: 0
}

.center-width-thank .note-sec h3 {
  margin-top: 10px; margin-bottom: 20px
}

.white-text {
  color: #FFF
}

.single-heading-row {
  background: #fed700; padding: 1px 7px; margin: 20px 0 0
}

.single-heading-row h1, .single-heading-row h3 {
  font-size: 22px; margin: 0; padding: 14px 7px
}

.background-dark-gray {
  background: #e9e8e8; padding-bottom: 18px
}

.match-wrap li a {
  margin-right: 1px !important
}

.top-filter a {
  font-size: initial !important
}

.top-filter a i {
  font-size: 26px
}

.top-filter a span.filter-small {
  font-size: 11px; display: block
}

.display-sell-cell {
  width: 40%; display: inline-block; vertical-align: middle
}

body #diamondjellery-div .display-sell-cell h4.filter-title.display-sell-cell {
  font-size: 12px !important; line-height: 15px; margin-right: 10px; margin-top: 0
}

.width-35 {
  width: 35%
}

.width-65 {
  width: 55%
}

.input-block.display-sell-cell.width-65.open ul.dropdown-menu.noclose input[type="radio"] {
  width: 100px; position: absolute; left: 0; height: 23px; top: 0; opacity: 0
}

ul.yesno {
  padding-left: 0
}

ul.yesno li {
  color: #aaa; display: inline-block; position: relative; margin: 7px 13px 5px 0; box-sizing: border-box
}

ul.yesno li input[type=radio] {
  position: absolute; visibility: hidden
}

ul.yesno li input[type=radio]:checked~label {
  background-color: #2c3b5b; color: #FFF
}

.yesno .buttons {
  text-align: center
}

.yesno .button {
  display: inline-block; position: relative; font-weight: 300; font-size: 16px; z-index: 9; cursor: pointer; transition: all .2s ease; background-color: #b6b6ba; color: white; padding: 10px 40px; border-radius: 300px; margin: auto; border: 0; text-transform: uppercase; letter-spacing: .1em; font-size: 14px
}

.yesno .button:hover {
  background-color: #8f8f95
}

.yesno .submit {
  margin-top: 20px
}

.yesno label {
  display: none
}

.more_field_input .btn-blue {
  background: #2c3b5b; color: #FFF; outline: 0; border: 0; font-size: 14px
}

.add_option h4.filter-title, .add_option .more_field_input {
  display: table-cell; width: 50%; vertical-align: middle
}

.highlight-box {
  border: 2px solid #fed700; margin: 22px 0; position: relative; border-radius: 25px; padding: 10px; box-sizing: border-box; position: relative
}

.highlight-box.highlight-box-title-area {
  margin-top: 50px
}

.btn-another-view {
  margin: 20px 0 0; display: block; width: 158px; padding: 10px; text-align: center; background-color: #2c3b5b; border: 1px solid #fff; border-radius: 5px; outline: medium none; padding: 12px 9px; transition: all .3s ease-in 0; text-transform: uppercase; font-size: 17px; cursor: pointer
}

.btn-another-view a {
  color: #FFF; text-decoration: none
}

h4.filter-title.display-inline-block {
  width: 43%
}

.display-inline-block {
  display: inline-block
}

#linkonshow.display-inline-block .onoffswitchnew {
  margin: 0 21px
}

.field_wrapper.add_option {
  margin-left: 14px
}

.highlight-box.highlight-box-title-area i.fa.fa-close {
  position: absolute; right: 11px; font-size: 13px; top: 7px; background: #fed700; padding: 6px 8px; color: #2c3b5b; border-radius: 50%; width: 25px; height: 25px; z-index: 999; cursor: pointer
}

.highlight-box.highlight-box-title-area i.fa.fa-close:hover {
  background: #2c3b5b; color: #fed700
}

#SideBarTopAccordion0 a.plus:focus {
  background-color: #2c3b5b !important; color: #fed700
}

#cpsfcss .cpsf .btn-group-justified.open {
  position: relative
}

#cpsfcss .cpsf .dropdown-menu {
  float: none !important; right: 0; width: 100% !important; margin: 2px auto
}

#cpsfcss .cpsf .dropdown-menu>li>a {
  padding: 0; width: 100%
}

#cpsfcss .cpsf input {
  width: 100%; position: absolute; left: 0; height: 32px; opacity: 0; top: 0; z-index: -1
}

#cpsfcss .cpsf label {
  width: 100%; text-align: left; padding: 7px 6px; position: relative
}

#cpsfcss .cpsf .dropdown-menu>li>a:hover, #cpsfcss .cpsf .dropdown-menu>li>a:focus, #cpsfcss .cpsf .dropdown-menu>li>a:hover label {
  background: #2c3b5b; color: #FFF
}

#filter .well #wt_grp_class .dropdown-menu>li>a:hover, #filter .well #wt_grp_class .dropdown-menu>li>a:focus, #filter .well #wt_grp_class .dropdown-menu>li>a:hover label {
  background: #2c3b5b; color: #FFF !important
}

#wt_grp_class li a label.btn:hover {
  color: #FFF
}

#filter .well #wt_grp_class .dropdown-menu>li>a {
  width: auto
}

.match-wrap .table.cpsftable>tbody>tr.expand-row td {
  padding: 5px; border-bottom: 1px solid #c9c9cb !important; float: none; text-align: center; border-right: 0 !important
}

.cpsftable th, .cpsftable td {
  text-align: center
}

.match-wrap .table.cpsftable table {
  width: 100%; border: 0
}

.table.cpsftable tr {
  display: flex
}

table.detail-cpsf-table.cpsfinnertable.table tbody {
  height: auto; min-height: auto
}

.cpsftable input[type="submit"] {
  background-color: #2c3b5b; border: 1px solid #fff; border-radius: 5px; color: #fff; margin: 0; outline: medium none; padding: 6px 15px; transition: all .3s ease-in 0
}

.cpsftable .expand {
  border: 0 !important; padding: 0 !important
}

#wt_grp_class li a label.btn {
  position: relative
}

#wt_grp_class.wt_grp_class .input-block2 li {
  list-style-type: none; display: inline-block; vertical-align: top; margin: 4px 5px
}

#wt_grp_class.wt_grp_class .input-block2 li label.btn.btn-primary {
  color: #333; position: relative
}

.cpsf .input-block2 li label.btn.btn-primary.active {
  color: #FFF
}

.table.cpsftable tr:nth-child(even) {
  background-color: #f2f0f0; background-repeat: repeat-x; background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f0f0), to(#fff)); background: -webkit-linear-gradient(top, #f2f0f0, #fff); background: -moz-linear-gradient(top, #f2f0f0, #fff); background: -ms-linear-gradient(top, #f2f0f0, #fff); background: -o-linear-gradient(top, #f2f0f0, #fff); border-color: #c9c9cb; padding: 0
}

.table.cpsftable .expand .one-wrap .dia-det-sec {
  margin-top: 0
}

#wt_grp_class.wt_grp_class {
  position: relative
}

#wt_grp_class.wt_grp_class .dropdown-menu.noclose input.size-dropdown {
  top: 0; left: 0; right: 0; cursor: pointer; opacity: 0; height: 100%
}

section#cpsfcss .cpsf .col-md-2 {
  width: 16.2%; min-height: 80px
}

.cpsf .row .col-md-2 {
  min-height: 80px
}

section#cpsfcss h4 {
  margin: 7px 0; line-height: 30px
}

#wt_grp_class .input-block2 .dropdown-menu>li>a {
  padding: 0
}

.dia-input .cpsf-block-one.block-one .btn-group.shape-list>.btn {
  padding: 5px 9px
}

.dia-input .cpsf-block-one.block-one .btn-group {
  margin: 0 0 9px
}

ul.icon-text li a {
  padding: 4px !important; box-sizing: border-box; font-size: 14px !important; background: none !important; border: 1px solid #CCC !important
}

ul.icon-text li a i {
  font-size: 24px; vertical-align: bottom; padding-right: 10px
}

.cpsftable thead tr th, .cpsftable tbody tr td {
  text-align: center !important
}

.cpsfinnertable {
  background: #2c3b5b; margin-bottom: 0
}

.cpsfinnertable tr.inner-bg-cpsf {
  background: #777; border-top: 3px solid #FFF
}

.cpsfinnertable tr th {
  color: #FFF !important; text-align: center !important
}

.detail-cpsf-table.cpsfinnertable td, .detail-cpsf-table.cpsfinnertable th {
  white-space: normal
}

table.detail-cpsf-table.cpsfinnertable.table tr {
  display: table-row; width: 100%
}

table.detail-cpsf-table.cpsfinnertable.table input {
  width: 80px
}

table.detail-cpsf-table.cpsfinnertable.table tbody {
  display: table-row-group
}

.btn-group.shape-list svg {
  width: 48px; height: 48px
}

.btn-group.shape-list svg path {
  fill: #2c3b5b
}

svg#marquise path, svg#marquise polyline {
  fill: none
}

body table.table.table-responsive.custom-inner-table td, body table.table.table-responsive.custom-inner-table th {
  float: none; border-top: 0 !important; padding: 2px 5px; width: 17%; border: 0; text-transform: uppercase; color: #666; text-align: left
}

body table.table.table-responsive.custom-inner-table td, body table.table.table-responsive.buying-popup-custom-inner-table th {
  float: none; border-top: 0 !important; padding: 2px 5px; border: 0; text-transform: uppercase; color: #666; text-align: left !important; vertical-align: middle
}

table.table.table-responsive.custom-inner-table {
  border: 0; background: none;
}

table.table.table-responsive.custom-inner-table tbody {
  display: inherit; height: auto !important; min-height: auto !important
}

table.table.table-responsive.custom-inner-table tbody th {
  font-weight: bold
}

table.table.table-responsive.custom-inner-table tr {
  display: table-row
}

.table-fixed tbody, .table-fixed tr {
  display: block
}

h3.custom-padding-detail {
  margin-left: 0
}

.price-cash-memo {
  width: 73%
}

.larger-size-font h3 span {
  font-size: 15pt !important
}

.padding-left-zero {
  padding-left: 0 !important
}

.m-80 {
  padding: 80px 0 0
}

.p-top-40 {
  padding: 40px
}

.p-bottom-40 {
  padding-bottom: 40px
}

.m-bottom-40 {
  margin-bottom: 40px
}

.pb-70 {
  padding-bottom: 70px
}

.pt-100 {
  padding-top: 100px
}

.pb-50 {
  padding-bottom: 50px
}

.pt-90 {
  padding-top: 90px
}

.testimonial-fixed-height .carousel-inner, .testimonial-fixed-height .carousel, .testimonial-fixed-height .item {
  height: auto
}

.ourstory.bg-light {
  background-color: rgba(236, 236, 236, 0.9); color: #fff; padding: 20px 0
}

.ourstory .row .col-md-10 {
  position: relative; z-index: 1; background-color: #fff; display: flex; -webkit-box-shadow: 0 -4px 20px -6px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 -4px 20px -6px rgba(0, 0, 0, 0.75); box-shadow: 0 -4px 20px -6px rgba(0, 0, 0, 0.75)
}

.ourstory .row .col-md-10 .col-md-6 {
  padding: 25px
}

.bg-image-placer img {
  opacity: 0 !important
}

.bg-image-placer img {
  margin-left: 30px; position: static; height: 370px
}

.ourstory .title {
  color: #3e3e3e; font-size: 32px
}

.ourstory p, .ourstory li {
  color: #3e3e3e; font-size: 16px; line-height: 24px
}

.light-bg-grey {
  background: #f5f5f5
}

.light-bg-grey {
  background: #f5f5f5
}

.mosss-section-content {
  padding: 35px 23px; box-sizing: border-box
}

.custom-block-content h3 {
  font-size: 1.25em; color: #555
}

.custom-block-content p {
  color: #777; font-size: 16px; line-height: 26px
}

.section-title {
  position: relative; -js-display: flex; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; width: 100%
}

.section-title b {
  display: block; -ms-flex: 1; flex: 1; height: 2px; opacity: .1; background-color: currentColor
}

.section-title-center span, .section-title-bold-center span {
  text-align: center; margin: 0 15px; text-transform: uppercase
}

#section-custom-jewelry .section-bg-overlay p {
  color: #FFF; font-size: 16px
}

#section-custom-jewelry .section-bg-overlay h2 {
  font-size: 49px; color: #fff !important; text-align: left
}

#section-custom-jewelry .section-bg-overlay {
  background-color: rgba(0, 0, 0, .5); padding: 120px
}

#section-custom-jewelry.white-bg .section-bg-overlay {
  padding: 150px 80px; background: 0
}

#section-custom-jewelry.white-bg .section-bg-overlay p, #section-custom-jewelry.white-bg .section-bg-overlay h2 {
  color: #333 !important
}

.custom-block-content h3 {
  font-size: 1.25em; color: #555
}

.custom-block-content h2 {
  font-size: 2.25em; color: #fff
}

.mb-30 {
  margin-bottom: 30px
}

.mb-50 {
  margin-bottom: 50px
}

.arrowtic .section-title span {
  font-size: 20px; font-weight: 600; color: #ff8a73; text-transform: capitalize; width: 100%
}

.arrowtic .section-title h1 {
  font-size: 36px; font-weight: 700; margin-bottom: 20px; margin-top: 0
}

.arrowtic .section-title p {
  margin-bottom: 0; padding: 0
}

.arrowtic .single-succeed {
  padding: 20px 20px; box-shadow: 0 0 16px 4px rgba(0, 0, 0, .1); background: #fff; border-radius: 5px; transition: .3s; min-height: 269px
}

.arrowtic .succeed-icon i {
  font-size: 50px; transition: .3s
}

.green-icon {
  color: #45ba8d
}

.blue-icon {
  color: #5580ff
}

.red-icon {
  color: #ff616b
}

.cyan-icon {
  color: #06b4fd
}

.arrowtic .succeed-content h3 {
  font-size: 18px; margin-bottom: 0; font-weight: 700; transition: .3s
}

.arrowtic .succeed-content p {
  margin-bottom: 0; transition: .3s
}

.area-bb {
  border-bottom: 1px solid #e2e2e2
}

.single-services-wrap {
  background: #fff; padding-top: 35px; transition: .3s
}

.single-services-wrap:hover {
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1)
}

.services-icon {
  margin-bottom: 15px
}

.services-icon i {
  font-size: 45px; line-height: 1
}

.services-content {
  padding-left: 30px; padding-right: 30px; border-bottom: 1px solid #e2e2e2; padding-bottom: 35px
}

.services-content h5 {
  font-size: 22px; font-weight: 700; margin-bottom: 10px; transition: .3s
}

.services-content p {
  margin-bottom: 0; font-size: 15px; font-weight: normal; line-height: 1.7; color: #242424
}

.services-bottom {
  padding: 11px 20px 30px
}

.read-more {
  float: left; display: block
}

.read-more a {
  font-size: 15px; color: #242424; font-weight: 600
}

.bottom-icon {
  text-align: right; overflow: hidden; display: block
}

.bottom-icon a {
  font-size: 18px; line-height: 1; color: #242424
}

.fa, .far, .fas {
  font-family: "FontAwesome"
}

.best_services.grey-bg {
  position: relative
}

.services-img {
  position: absolute; left: 0; top: 50%; content: ""; width: 44%; height: 550px; background-size: cover !important; vertical-align: middle; transform: translate(0, -50%);
}

.services-title span {
  text-transform: capitalize
}

.section-title span {
  font-size: 20px; font-weight: 600; text-transform: capitalize
}

.best-s-pl {
  padding-left: 50px !important
}

.mb-45 {
  margin-bottom: 45px
}

.single-bs-wrap {
  border-bottom: 1px solid #ededed; padding-bottom: 20px; margin-bottom: 25px
}

.bs-number {
  float: left; height: 60px; width: 60px; display: block; background: #f2f2f2; text-align: center; margin-right: 25px; transition: .3s
}

.bs-number h1 {
  line-height: 27px; font-size: 36px; color: #2c3b5c; font-weight: 700; margin-bottom: 0; transition: .3s
}

.single-bs-wrap:hover .bs-number {
  background: #fed700;
}

.single-bs-wrap:hover .bs-number h1 {
  color: #2c3b5c
}

.bs-content {
  overflow: hidden; display: block
}

.bs-content h6 {
  font-size: 22px; font-weight: 700; margin-bottom: 5px; transition: .3s; margin-top: 0 !important;
}

.bs-content p {
  margin-bottom: 0; font-size: 15px; font-weight: normal; line-height: 1.7; color: #242424
}

.single-bs-wrap:last-child {
  border-bottom: 0
}

.single-bs-wrap {
  border-bottom: 1px solid #ededed; padding-bottom: 20px; margin-bottom: 25px
}

.services-title h1 {
  margin-bottom: 10px
}

.section-title h1 {
  font-size: 36px; font-weight: 700; margin-bottom: 20px
}

.section-title p {
  margin-bottom: 0; padding: 0; font-size: 16px; font-weight: normal; line-height: 1.7; color: #242424
}

.studz-title {
  max-width: 90%; color: #2c3b5b; margin: auto;
}

.studz-title .section-title h2 {
  font-size: 27px; font-weight: 700; margin-bottom: 20px; line-height: 41px;
}

.flip-card {
  -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; perspective: 1000px; margin-bottom: 0px
}

.flip-card-inner {
  -webkit-transform: translateY(-50%) translateZ(60px) scale(.94); transform: translateY(-50%) translateZ(60px) scale(.94); top: 50%; position: absolute; left: 0; width: 100%; padding: 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 1px solid transparent; -webkit-perspective: inherit; perspective: inherit; z-index: 2
}

.flip-card-back:after, .flip-card-front:after {
  position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ""; display: block; opacity: .6; background-color: rgba(0, 0, 0, 0.4); -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 6px
}

.dark .card {
  background-color: rgba(0, 0, 0, .2)
}

.nobg {
  background: 0 0 !important
}

.card-body {
  -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding: 1.25rem
}

.card-title {
  margin-bottom: .75rem
}

#content p {
  line-height: 1.8
}

.card-text:last-child {
  margin-bottom: 0
}

.flip-card-inner p {
  position: relative; font-size: 16px; margin-bottom: 0; color: rgba(255, 255, 255, .7)
}

.t400 {
  font-weight: 400 !important
}

.flip-card-back {
  -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d
}

.flip-card-back {
  position: absolute; top: 0; left: 0; width: 100%
}

.flip-card-back {
  background-color: #666
}

.flip-card-back, .flip-card-front {
  background-size: cover; background-position: center; -webkit-transition: -webkit-transform .7s cubic-bezier(.4, .2, .2, 1); transition: -webkit-transform .7s cubic-bezier(.4, .2, .2, 1); -o-transition: transform .7s cubic-bezier(.4, .2, .2, 1); transition: transform .7s cubic-bezier(.4, .2, .2, 1); transition: transform .7s cubic-bezier(.4, .2, .2, 1), -webkit-transform .7s cubic-bezier(.4, .2, .2, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 280px; border-radius: 6px; color: #fff; font-size: 1.5rem
}

.bg-danger {
  background-color: #dc3545 !important
}

.flip-card-inner p {
  position: relative; font-size: 16px; margin-bottom: 0; color: rgba(255, 255, 255, .7)
}

.text-white {
  color: #fff !important
}

.mb-2, .my-2 {
  margin-bottom: .5rem !important
}

.mt-2, .my-2 {
  margin-top: .5rem !important
}

.btn-outline-light {
  color: #f8f9fa; border-color: #f8f9fa
}

---------------------------------------- .flip-card {
  -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; perspective: 1000px
}

.flip-card-back, .flip-card-front {
  background-size: cover; background-position: center; -webkit-transition: -webkit-transform .7s cubic-bezier(.4, .2, .2, 1); transition: -webkit-transform .7s cubic-bezier(.4, .2, .2, 1); -o-transition: transform .7s cubic-bezier(.4, .2, .2, 1); transition: transform .7s cubic-bezier(.4, .2, .2, 1); transition: transform .7s cubic-bezier(.4, .2, .2, 1), -webkit-transform .7s cubic-bezier(.4, .2, .2, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 206px; border-radius: 6px; color: #fff; font-size: 1.5rem
}

.flip-card-back {
  background-color: #666
}

.flip-card-back.no-after:after, .flip-card-front.no-after:after {
  content: none
}

.flip-card-back:after, .flip-card-front:after {
  position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ""; display: block; opacity: .6; background-color: #000; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 6px
}

.flip-card:hover .flip-card-back, .flip-card:hover .flip-card-front {
  -webkit-transition: -webkit-transform .7s cubic-bezier(.4, .2, .2, 1); transition: -webkit-transform .7s cubic-bezier(.4, .2, .2, 1); -o-transition: transform .7s cubic-bezier(.4, .2, .2, 1); transition: transform .7s cubic-bezier(.4, .2, .2, 1); transition: transform .7s cubic-bezier(.4, .2, .2, 1), -webkit-transform .7s cubic-bezier(.4, .2, .2, 1)
}

.flip-card-back {
  position: absolute; top: 0; left: 0; width: 100%
}

.flip-card-inner {
  -webkit-transform: translateY(-50%) translateZ(60px) scale(.94); transform: translateY(-50%) translateZ(60px) scale(.94); top: 50%; position: absolute; left: 0; width: 100%;  padding: 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 1px solid transparent; -webkit-perspective: inherit; perspective: inherit; z-index: 2
}

.flip-card-back {
  -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d
}

.flip-card-front, .flip-card:hover .flip-card-back {
  -webkit-transform: rotateY(0); transform: rotateY(0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d
}

.flip-card:hover .flip-card-front {
  -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d
}

.top-to-bottom .flip-card-back {
  -webkit-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d
}

.top-to-bottom .flip-card-front, .top-to-bottom:hover .flip-card-back {
  -webkit-transform: rotateX(0); transform: rotateX(0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d
}

.top-to-bottom:hover .flip-card-front {
  -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d
}

.flip-card-inner span {
  font-size: 18px; line-height: 20px; font-weight: 300
}

.flip-card-inner p {
  position: relative; font-size: 16px; margin-bottom: 0; color: rgba(255, 255, 255, .7)
}

.flipbox {
  perspective: 1000px
}

.flipbox-inner {
  transition: .5s; transition-timing-function: ease; position: relative; transform-style: preserve-3d
}

.flipbox-back, .flipbox-front {
  -webkit-backface-visibility: hidden
}

.flipbox-front {
  z-index: 2
}

.flipbox-back {
  position: absolute; width: 100%; height: 100%; top: 0; left: 0
}

.flipbox:not(.flipbox-vertical) .flipbox-front {
  transform: rotateY(0)
}

.flipbox:not(.flipbox-vertical) .flipbox-back {
  transform: rotateY(-180deg)
}

.flipbox.flipbox-vertical .flipbox-front {
  transform: rotateX(0)
}

.flipbox.flipbox-vertical .flipbox-back {
  transform: rotateX(-180deg)
}

.flipbox:not(.flipbox-vertical).hover .flipbox-inner, .flipbox:not(.flipbox-vertical):hover .flipbox-inner {
  transform: rotateY(180deg)
}

.flipbox.flipbox-vertical.hover .flipbox-inner, .flipbox.flipbox-vertical:hover .flipbox-inner {
  transform: rotateX(180deg)
}

.full-gallery {
  width: calc(33% - 6px); overflow: hidden; height: fit-content; margin: 3px; padding: 0; display: block; position: relative; float: left
}

.full-gallery img {
  width: 100%; transition-duration: .3s; max-width: 100%; display: block; overflow: hidden; cursor: pointer
}

.full-gallery .title {
  position: absolute; display: block; cursor: pointer; top: 35%; display: none; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); font-weight: bold; font-size: 1.6em; text-shadow: 1px 5px 10px black; transition-duration: .3s
}

.full-gallery .text {
  position: absolute; top: 70%; cursor: pointer; max-width: 80%; text-align: center; left: 50%; text-shadow: 1px 5px 10px black; font-size: 1em; display: none; margin-right: -50%; transition-duration: .3s; transform: translate(-50%, -50%)
}

.full-gallery:hover img {
  transform: scale(1.4); transition-duration: .3s
}

.full-gallery:hover span {
  color: white; display: block; transition-duration: .3s
}

.clients-grid, .testimonials-grid {
  list-style: none; overflow: hidden
}

.clients-grid li, .testimonials-grid li {
  float: left; position: relative; width: 20%; padding: 20px 0; -webkit-backface-visibility: hidden
}

.clients-grid.grid-2 li {
  width: 50%; padding: 25px 0
}

.clients-grid.grid-3 li {
  width: 33.33%
}

.clients-grid.grid-4 li {
  width: 25%
}

.clients-grid.grid-6 li {
  width: 16.66%
}

.clients-grid li a {
  opacity: .6
}

body:not(.device-touch) .clients-grid li a {
  -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease
}

.clients-grid li a:hover {
  opacity: 1
}

.clients-grid li a, .clients-grid li img {
  display: block; width: 75%; margin-left: auto; margin-right: auto
}

.clients-grid li a img {
  width: 100%
}

.clients-grid li:after, .clients-grid li:before, .testimonials-grid li:after, .testimonials-grid li:before {
  content: ""; position: absolute
}

.clients-grid li:before, .testimonials-grid li:before {
  height: 100%; top: 0; left: -1px; border-left: 1px dashed #ddd
}

.clients-grid li:after, .testimonials-grid li:after {
  width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px dashed #ddd
}

.font-size-sixteen p {
  font-size: 16px; line-height: 28px
}

.social-media-icon ul.social-icon li {
  list-style: none; display: inline-block
}

.social-media-icon ul.social-icon li a, .section-footer .contact {
  line-height: 28px; text-decoration: none
}

.social-media-icon ul.social-icon li a i {
  width: 30px; height: 30px; border-radius: 50%; line-height: 28px; margin: 0 5px; color: #dc6768; text-align: center
}

table.table.table-responsive.custom-inner-table td, table.table.table-responsive.custom-inner-table th {
  background: none !important
}

.section.dark.white-bg h2.heading {
  text-align: left; font-weight: bold
}

#section-custom-jewelry {
  margin-top: 20px
}

#Social-icon {
  display: inline-block; width: 100%; margin-top: 30px; margin-bottom: 0
}

ul.Social-icon-image {
  margin-bottom: 0; margin: auto; text-align: center
}

#Social-icon .Social-icon-image li {
  width: 25%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; display: inline-block; text-align: center; list-style: none
}

#Social-icon .Social-icon-image li img {
  margin: auto; width: 120px
}

.Social-icon-image a {
  font-size: 18px; margin-top: 8px; color: #333; text-decoration: none; font-weight: 600
}

.title-bullet li {
  font-size: 20px; margin-bottom: 27px
}

.ourstory.bg-light ul {
  padding-left: 19px
}

.ourstory.bg-light ul li {
  color: #333; margin-bottom: 13px; line-height: 20px
}

.ourstory.bg-light h4 {
  color: #333; font-size: 23px; font-weight: 500; margin: 12px 0
}

.spacer-90 {
  margin-top: 90px
}

body .ctct-inline-form .ctct-form-defaults {
  padding: 0 !important; margin-top: 20px !important
}

body .ctct-inline-form {
  margin-left: 0 !important; margin-right: -10px !important
}

body .ctct-inline-form .ctct-form-label.ctct-form-required {
  font-size: 13px !important
}

body .ctct-inline-form .ctct-form-element {
  height: 33px !important
}

body .ctct-inline-form .ctct-form-button {
  padding: 12px 16px !important
}

img.community {
  width: 100px; float: left; margin-top: -26px; margin-right: 14px; margin-left: 6px
}

.font-size-25 {
  font-size: 25px
}

.margin-bottom-25 {
  margin-bottom: 25px
}

.center.area-bg-wrapper h1, .center.area-bg-wrapper p {
  text-align: center; margin: auto
}

.text-left {
  text-align: left !important
}

.font-bold {
  font-weight: bold !important
}

.privacy-ldnyc li {
  margin-bottom: 10px; font-size: 16px
}

.privacy-ldnyc h3.heading {
  font-weight: 600; font-size: 26px; text-align: center
}

body .white-color {
  color: #FFF !important
}

.bg.section-bg.bg-fill.bg-loaded ul li {
  color: #FFF; font-size: 16px; margin-bottom: 10px
}

.bg.section-bg.bg-fill.bg-loaded ul {
  padding-left: 0
}

h4.white-color.heading.font-bold.text-left {
  font-size: 28px
}

.new-gallery-layout .full-gallery:after {
  background: rgba(0, 0, 0, .2); content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute
}

.new-gallery-layout .full-gallery .title {
  position: absolute; display: block; cursor: pointer; top: 35%; display: block; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); font-weight: bold; font-size: 1.6em; text-shadow: 1px 5px 10px black; transition-duration: .3s; z-index: 999; color: #FFF
}

p.return-paragraph {
  font-size: 16px; color: #333; font-family: raleway; line-height: 26px
}

.deal-slider .deal-block .deal-dia-block .deal-img img {
  object-fit: cover; height: 160px
}

.spacer-40 {
  height: 40px
}

.top-header-icon {
  color: #2c3b5b
}

.company-info {
  padding: 10px 0
}

.company-info-item+.company-info-item {
  width: auto
}

.company-info-item {
  overflow: hidden
}

.header-icon {
  float: left; width: 19%; margin-top: 3px
}

.header-info .d-flex {
  justify-content: inherit
}

.p-0 {
  padding: 0
}

.header-info a {
  font-size: 15px
}

.phone-header {
  margin-right: 12px
}

.header-info h6 {
  line-height: 15px; margin-bottom: 5px; font-size: 18px; margin-top: 0
}

.header-info p {
  color: #606060; font-size: 12px; font-weight: 300; line-height: 12px; margin-bottom: 0
}

.company-info .company-info-item:nth-child(2) {
  padding-left: 0
}

a.selectBox.FancySelectBoxClass.selectBox-dropdown {
  width: 100% !important
}

.mobile-none .dropdown.cart a .fa {
  font-size: 32px !important
}

.header-info i {
  padding-right: 6px
}

li#AfterLoginJumpto+li+li span#TotalCartItems {
  top: -3px; right: 2px
}

span#AfterLoginJumpto a.selectBox.FancySelectBoxClass.selectBox-dropdown {
  width: 210px !important
}

#TotalCartItems {
  display: none !important
}

.top-header-user .login-block, .log-top .inner-hide-form {
  border-color: #2c3b5b; position: absolute; right: 0; width: 350px; background: #FFF; top: 125px; border: 1px solid #CCC; border-top: 0; box-shadow: 0 3px 3px rgba(0, 0, 0, .1)
}

.top-header-user .login-block ul li, .log-top .inner-hide-form ul li {
  float: none; width: 100%; margin-bottom: 18px
}

.top-header-user .login-block ul li input, .log-top .inner-hide-form ul li input[type=password] {
  border: solid 1px #2c3b5b
}

.top-header-user .login-block ul li select, .log-top .inner-hide-form ul li select {
  border-radius: 0; border: solid 1px #2c3b5b !important
}

.top-header-user .login-block ul li .for-pass, .log-top .inner-hide-form ul li .for-pass {
  margin: 6px 0
}

.top-header-user #login-hide ul {
  margin: 0; padding: 0; list-style: none
}

.log-top .inner-hide-form #login-hide.login-hiden ul {
  margin: 0; padding: 0; list-style: none; max-width: 100% !important; display: block !important; width: 100%
}

.f-right {
  float: right
}

.log-top .inner-hide-form {
  padding: 16px 15px; z-index: 999
}

.lung#search-hide {
  -webkit-transform: inherit; transform: inherit
}

.top-header-icon i {
  font-size: 32px
}

#quciksearch li.name {
  font-size: 18px; font-weight: 300; color: #FFF; font-family: "Lato", sans-serif; display: inline-block; padding: 0 5px; margin: 0
}

.top-margin-spacing {
  margin-top: 13px
}

.d-flex {
  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center
}

.title-left-image.d-flex img {
  float: right
}

.hide-in-mobile a, .hide-in-mobile .top-call {
  display: block !important; padding: 5px !important; font-size: 18px
}

.top-header-user ul.d-flex {
  padding: 0; display: flex; align-items: center;margin-bottom: 0;justify-content: end
}

.top-header-user ul.d-flex li {
  list-style: none; padding-left: 20px !important
}

#login-hide-new p.username {
  margin-bottom: 0
}

.verticle-menu .header-logo {
  position: relative !important; left: 0
}

.detail-body {
  overflow-x: hidden
}

.navbar-default {
  background: none !important
}

.pord-listing-wrap .responsive.slick-slider .prod-list-block, .pord-listing-wrap .responsive.slick-slider .prod-list-block p.stud-para {
  height: auto; min-height: auto !important
}

.pord-listing-wrap .responsive.slick-slider .prod-list-block .prod-img {
  height: 100%
}

.responsive.slick-slider .StudActiveClass {
  background: none !important; border: 1px solid #2c3b5b; border-radius: 10px; box-shadow: 2px 5px 10px rgba(35, 31, 32, 60%)
}

.pord-listing-wrap .responsive.slick-slider .prod-list-block .overlay {
  display: none
}

.pord-listing-wrap .responsive.slick-slider .prod-list-block p.stud-para {
  padding: 15px 0; margin: 0 !important
}

.pord-listing-wrap .responsive.slick-slider .prod-list-block {
  padding: 0 !important; margin: 0
}

.pord-listing-wrap .responsive.slick-slider .prod-list-block .prod-img {
  border-radius: 10px; background: none !important
}

.pord-listing-wrap .responsive.slick-slider .prod-list-block:hover, .pord-listing-wrap .responsive.slick-slider .prod-list-block:focus, .pord-listing-wrap .responsive.slick-slider .prod-list-block:active, .pord-listing-wrap .responsive.slick-slider .prod-list-block .prod-img img:active, .pord-listing-wrap .responsive.slick-slider .prod-list-block .prod-img img:focus, .pord-listing-wrap .responsive.slick-slider .prod-list-block .prod-img:active, .pord-listing-wrap .responsive.slick-slider .prod-list-block .prod-img:focus, .pord-listing-wrap .responsive.slick-slider .prod-list-block .prod-img a:active, .pord-listing-wrap .responsive.slick-slider .prod-list-block .prod-img a:focus {
  background: none !important; border: 0 !important; outline: 0
}

.pord-listing-wrap .responsive.slick-slider .StudActiveClass .prod-list-block p.stud-para {
  background: #2c3b5b; color: #FFF; border-radius: 8px
}

.pord-listing-wrap .responsive.slick-slider .prod-list-block p.stud-para a:focus {
  outline: none !important; border: 0 !important
}

.pord-listing-wrap .responsive.slick-slider .StudActiveClass .prod-list-block p.stud-para span {
  color: #FFF
}

body .pord-listing-wrap .responsive.slick-slider .StudActiveClass .prod-list-block p.stud-para a {
  color: #FFF !important; padding: 0 10px
}

.pord-listing-wrap .responsive.slick-slider .prod-list-block .prod-img img {
  max-width: 100%; height: 200px; object-fit: contain
}

img.superdeal {
  width: auto; height: auto !important
}

body img.new-label {
  height: auto !important; width: 60px
}

.responsive button.slick-prev.slick-arrow, .responsive button.slick-next.slick-arrow {
  background: #2c3b5b !important; border-radius: 5px; z-index: 999; height: 75%
}

.slick-prev, .slick-next {
  width: 25px !important
}

.slick-prev {
  left: 0 !important
}

.slick-next {
  right: 0 !important
}

.responsive .slick-prev:before {
  content: "" !important
}

.responsive .slick-next:before {
  content: "" !important
}

.responsive .slick-prev:before, .responsive .slick-next:before {
  font-family: fontawesome !important
}

.diamond-stud-filter .shape-list label.btn.btn-primary {
  background: #FFF !important; border-radius: 7px !important; margin-right: 2.7%; padding: 0; width: 8% !important
}

.heading-studs-inner .filter-title, .heading-studs-inner .dia-input select {
  margin: 0
}

.diamond-stud-filter .diamond-origin .shape-list label.btn.btn-primary {
  width: 14% !important
}

.diamond-stud-filter .shape-list label.btn.btn-primary:last-child {
  margin-right: 0
}

.dia-input .diamond-stud-filter .btn-group.shape-list .btn path {
  fill: #2c3b5b !important
}

.diamond-stud-filter .shape-list label.btn.btn-primary.active {
  background: #FFF !important; border: 1px solid #2c3b5b !important; border-radius: 7px !important; box-shadow: 2px 5px 10px rgba(35, 31, 32, 60%)
}

.dia-input .diamond-stud-filter .btn-group.shape-list .btn.active path {
  fill: #2c3b5b !important
}

.dia-input .diamond-stud-filter .btn-group.earring .btn:active p, .dia-input .diamond-stud-filter .btn-group.shape-list .btn.active p {
  color: #2c3b5b !important;
}

.dia-input .diamond-stud-filter .btn-group.shape-list svg {
  width: 45px; height: 45px
}

.dia-input .diamond-stud-filter .btn-group.shape-list.full {
  width: 100%
}

.dia-input .diamond-stud-filter .btn-group.shape-list p {
  margin: 0; font-size: 11px; padding: 3px 0
}

.table-bg-stud-2 {
  margin-right: 10px; width: 47% !important
}

.radio-button-filter.btn-group input {
  top: 0; width: 100%; height: 100%; z-index: 2 !important
}

.diamond-stud-filter .shape-list label.btn.btn-primary:hover {
  border: 1px solid;box-shadow: 2px 5px 10px rgba(35,31,32,60%);
}

.metal-type-detail .d-flex {
  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: left; -webkit-justify-content: left; align-items: left; -webkit-align-items: left
}

.metal-type-detail ul.d-flex {
  padding: 0
}

.metal-type-detail li {
  list-style: none; width: 95px; text-align: center; margin: 0 5px 7px 0px; border-radius: 5px; cursor: pointer; position: relative;line-height: 39px;height: 39px;
}

.metal-type-detail li label {
  color: #2c3b5b
}

.metal-type-detail li p {
  margin-bottom: 0; width: 100%; padding: 2px 10px; line-height: normal; font-size: 16px;border-color: #ededed !important;
}

.metal-type-detail li p+label {
  padding: 8px 0; width: 100%
}

.blank-space {
  padding: 12px 0
}

.metal-type-detail li label {
  border-radius: 10px
}

.active .fill-blue {
  background: #2c3b5b; color: #FFF
}

.fill-white {
  background: #FFF
}

.fill-rose {
  background: #e7999f
}

.fill-yellow-gold {
  background: #fed700
}

.fill-white-gold {
  background: #f1f1f1
}

.fill-platinum {
  background: #eeeeed
}

.metal-style input {
  opacity: 0; position: absolute
}

p.blank-space {
  padding:0 !important; display: block; border-radius: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0
}

.metal-type-detail li:hover {
  color: #2c3b5b; border: 1px solid #2c3b5b !important; border-radius: 6px;font-size: 15px !important;box-shadow: 4px 5px 5px rgba(98, 96, 96, 70%);
}

.metal-type-detail input {
  top: 0 !important; opacity: 0
}

.stud-filter label {
  text-align: center; padding: 11px 25px; color: #FFF; font-size: 16px; margin-top: -10px; position: relative
}

.metal-type-detail label.btn.btn-primary.active {
  color: #2c3b5b; border: 1px solid #2c3b5b !important; border-radius: 6px;box-shadow:2px 5px 10px rgba(35,31,32,60%);font-size: 15px !important;
}

.slick-slide:hover .stud-filter {
  box-shadow: 6px 0 35px rgba(35, 31, 32, 13%); border-radius: 10px; border-bottom-right-radius: 0; border-bottom-left-radius: 0
}

.metal-style .btn.btn-primary {
  background: 0; border: 0
}

.border-spacing {
  border-spacing: 6px 6px !important; border-collapse: inherit
}

.stud-selected.border-spacing.table.table-responsive.diamond-table-studs>thead>tr>th {
  background-color: #2c3b5b; color: #fff; border: 0 !important; font-family: "Lato", sans-serif
}

.stud-selected.border-spacing.table.table-responsive.diamond-table-studs>thead>tr>th, .stud-selected.border-spacing.table.table-responsive.diamond-table-studs>tbody>tr>th, .stud-selected.border-spacing.table.table-responsive.diamond-table-studs>tfoot>tr>th, .stud-selected.border-spacing.table.table-responsive.diamond-table-studs>thead>tr>td, .stud-selected.border-spacing.table.table-responsive.diamond-table-studs>tbody>tr>td, .stud-selected.border-spacing.table.table-responsive.diamond-table-studs>tfoot>tr>td {
  font-size: 15px !important
}

.stud-selected.border-spacing.table.table-responsive.diamond-table-studs>thead>tr>th {
  line-height: 2.42857 !important
}

.stud-selected.border-spacing.table.table-responsive.diamond-table-studs>thead>tr>th, .stud-selected.border-spacing.table.table-responsive.diamond-table-studs>tbody>tr>th, .stud-selected.border-spacing.table.table-responsive.diamond-table-studs>tfoot>tr>th, .stud-selected.border-spacing.table.table-responsive.diamond-table-studs>thead>tr>td, .stud-selected.border-spacing.table.table-responsive.diamond-table-studs>tbody>tr>td, .stud-selected.border-spacing.table.table-responsive.diamond-table-studs>tfoot>tr>td {
  padding: 0; line-height: inherit; vertical-align: middle; border-top: 2px solid #fff; font-size: 13px
}

.stud-selected.border-spacing.table.table-responsive.diamond-table-studs .gradeA td:hover:first-child, .stud-selected.border-spacing.table.table-responsive.diamond-table-studs tr.gradeA:hover td:first-child {
  background: none !important
}

.stud-selected.border-spacing.table.table-responsive.diamond-table-studs .stud-dark, .stud-selected.border-spacing.table.table-responsive.diamond-table-studs .stud-light {
  background: none !important; color: #2c3b5b !important; font-family: "Lato", sans-serif; height: 52px; position: relative
}

tr.diamond-studs-quality th {
  background: #fed700 !important; color: #2c3b5b !important
}

tr.light-stud-grey th {
  background: #f4f4f4 !important; color: #2c3b5b !important
}

.stud-wrap .wishlist-btn-active {
  display: inline-block
}

.stud-selected.border-spacing.table.table-responsive.diamond-table-studs tbody tr td.stud-light.StudListTD:hover, .stud-selected.border-spacing.table.table-responsive.diamond-table-studs tbody tr td.stud-light.StudListTD.active.StudActiveClass {
  background: #fed700 !important; color: #2c3b5b; font-weight: bold; font-size: 18px !important; line-height: 21px; position: relative
}

.ship-truck-icon {
  position: absolute; top: 4px; left: 9px
}

.make-responsive .table.stud-selected.border-spacing.font-large tr.gradeA:nth-child(even) td {
  background: #f4f4f4 !important
}

body .make-responsive .table.stud-selected.border-spacing.font-large tr.gradeA:nth-child(even) td:first-child {
  background: none !important
}

body .make-responsive .table.stud-selected.border-spacing.font-large tr.gradeA td:first-child {
  font-weight: bold !important; text-align: left !important;
}

body .make-responsive .table.stud-selected.border-spacing.font-large tr.gradeA:hover td:first-child {
  font-size: 17px !important; font-weight: bold
}

.common-btn.margin-zero label {
  margin-bottom: 0; vertical-align: middle
}

.small.display-block label {
  display: block !important; margin-bottom: 10px
}

li.common-btn.margin-zero button.btn.btn-default {
  padding: 0 5px !important; line-height: initial; border-radius: 0
}

li.common-btn.margin-zero input {
  width: 25px !important; height: 18px !important; margin-bottom: 0 !important; vertical-align: bottom
}

#ProductData .make-responsive table#dynamic-table tbody {
  display: table; clear: both; width: 100%
}

body .make-responsive .table.stud-selected.border-spacing.font-large thead th {
  font-size: 15px !important
}

body .make-responsive .table.stud-selected.border-spacing.font-large tr.gradeA.active td {
  border: 1px solid !important
}

.shape-design-button label.btn.btn-primary {
  margin: 0 10px 0 0 !important; padding: 0; border-radius: 10px !important; border: 1px solid #2c3b5b !important; box-shadow: 2px 5px 10px rgba(35, 31, 32, 60%)
}

body .shape-design-button label.btn.btn-primary.active, body .shape-design-button label.btn.btn-primary:hover {
  background: none !important
}

.shape-design-button p {
  padding: 10px 0; font-size: 15px; border-radius: 7px !important
}

.shape-design-button .active p {
  background: #2c3b5b; color: #FFF
}

.make-responsive .table.stud-selected.border-spacing.font-large tr.gradeA.active td.active.StudActiveClass {
  background: #fed700 !important
}

body .make-responsive .table.stud-selected.border-spacing.font-large tr.gradeA.active td:first-child {
  background: none !important
}

.select-stud-filter .stud-wrap table {
  border: 0 !important
}

.price-box-new.d-flex h2 {
  padding: 0 15px
}

p.studz-style-no {
  font-size: 15px; font-weight: bold
}

.view-sku a.req-btn {
  font-size: 16px
}

.view-sku a.req-btn:hover {
  color: #fed700; text-decoration: none
}

.prod-desc {
  white-space: initial
}

li.common-btn.margin-zero button.btn.btn-default i {
  font-weight: 100 !important; font-size: 12px
}

.input-block li {
  vertical-align: bottom
}

.studs-tr-border .small.display-block label {
  border-radius: 0; padding: 0; border: 1px solid #CCC; width: 70px; margin: 10px auto
}

.studs-tr-border .small.display-block label img {
  width: 100%
}

.big img.new-label {
  position: absolute
}

.common-btn.margin-zero.active {
  background: #fed700; border: 1px solid #2c3b5b
}

.common-btn.margin-zero.active label {
  color: #2c3b5b
}

.select-stud-style #BigImageDiv.big {
  text-align: center
}

.stud-selected.border-spacing.table.table-responsive.diamond-table-studs .stud-light p {
  display: none
}

.stud-selected.border-spacing.table.table-responsive.diamond-table-studs tbody tr td.stud-light.StudListTD:hover p, .make-responsive .table.stud-selected.border-spacing.font-large tr.gradeA.active td.active.StudActiveClass p {
  display: block; margin: 0; font-size: 13px !important; line-height: 13px
}

.btn-group.radio-button-filter.type-list.shape-design-button.d-flex img {
  height: 115px; width: 100%
}

body tr.diamond-studs-quality th {
  width: 90px
}

.inner-table-des {
  margin: auto; width: 110px; background: #FFF !important
}

i.fa.fa-truck {
  transform: scaleX(-1)
}

.price-box-new.d-flex {
  direction: rtl; width: 100%; -webkit-justify-content: initial !important
}

.width-10 {
  width: 12%
}

.select-stud-style .heading-studs-inner select {
  -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0
}

.select-stud-style .heading-studs-inner label[for=favcity] {
  position: relative; display: block; width: 400px; overflow: hidden; cursor: pointer
}

.select-stud-style .heading-studs-inner label[for=favcity]::after {
  content: " "; position: absolute; right: 5px; top: 5px; width: 30px; height: 31px; display: block; background: #2c3b5b url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOBAMAAAGq7RFVAAAAJ1BMVEX///////////////////////////////////////////////////9Ruv0SAAAADHRSTlMACAoREoKDt7y9zc5qtZoyAAAAcklEQVQIHQXBsQnCUAAFwFOCCKbIABaWERzi1yaFAzmEpHYEC8GUKVQEkbyhvOOkZqdWt0/QYKqLzQeF7dv6y/RLwa2wYtk4Xxxe+t8yd1WuM/rcUc2gYHEeoP02umSgTR50ybBPRuiSZAS6ZAQ4jgCAPyjYJiRH4fymAAAAAElFTkSuQmCC") no-repeat center center; pointer-events: none
}

.select-stud-style .heading-studs-inner label[for=favcity] select {
  border: 5px solid #eee; background: white; padding: 7px 20px 7px 20px; width: 100%; font-size: 16px; font-family: monospace; cursor: pointer
}

.select-stud-style .heading-studs-inner label[for=favcity] select::-ms-expand {
  display: none
}

.select-stud-style .heading-studs-inner label[for=favcity] :-moz-any(select) {
  width: 100%
}

.select-stud-style .heading-studs-inner label[for=favcity].ie9 select {
  width: 100%
}

.select-stud-style .heading-studs-inner label[for=favcity] select:focus {
  outline: 1px dotted #a9a9a9
}

.select-stud-style .heading-studs-inner label select option {
  background-color: #FFF; padding: 10px 6px; font-size: 16px
}

.select-stud-style .heading-studs-inner label[for=favcity] {
  width: 100% !important; margin-bottom: 0 !important
}

.pin-wrapper .pin-text-style p+a {
  width: 100% !important
}

table.table.table-responsive.custom-inner-table.make-an-offer-table {
  border: 1px solid #2c3b5b
}

table.table.table-responsive.custom-inner-table.make-an-offer-table th {
  background: #2c3b5b !important; color: #FFF; text-align: center; vertical-align: middle
}

table.table.table-responsive.custom-inner-table.make-an-offer-table label {
  margin-bottom: 2px; padding-left: 6px
}

table.table.table-responsive.custom-inner-table.make-an-offer-table input {
  padding-left: 7px
}

table.make-an-offer-table {
  background: #efefef !important
}

.make-an-offer-table td {
  padding: 10px 5px 10px 5px !important
}

.make-an-offer-table input {
  border: 1px solid #CCC; min-height: 28px; width: 100%; border-radius: 4px
}

.offer-button {
  background: #fed700; color: #2c3b5b; border: 0
}

.offer-label-change {
  display: block; margin-bottom: 6px
}

table.table.table-responsive.custom-inner-table.make-an-offer-table input.offer-button {
  height: 45px; text-transform: uppercase; font-size: 13px
}

label.offer-label-change {
  margin-bottom: 8px !important
}

h4.filter-title.quickship-title {
  color: #2c3b5b; text-align: right; padding-right: 14px; font-size: 17px !important
}

.checkbox-tc {
  width: 16px !important; vertical-align: inherit !important; margin-left: 6px !important; margin-bottom: 0 !important; margin-top: -2px !important; height: 15px
}

.row1 h5 {
  font-size: 17px; font-weight: 600
}

.row1 li, .row1 p {
  margin-bottom: 17px
}

.column-inner ul.two-column.icon-left-title+.single-text-menu ul li a {
  background: #2c3b5b !important; font-size: 13px; padding: 4px 10px; margin: auto; color: #FFF; border-radius: 5px; box-shadow: 7px 5px 2px rgba(0, 0, 0, .2)
}

.mobile-view-table {
  box-shadow: 0 0 3vw 0 rgba(0, 0, 0, .1); margin-left: 0vw; margin-right: 0vw; box-sizing: border-box; padding-top: 1vw; padding-bottom: 1vw; position: relative
}

.mobile-view-table .display-cell {
  display: table-cell; vertical-align: middle
}

.custom-25 {
  width: 25vw; margin: auto; text-align: center
}

.custom-75 {
  width: 75vw; text-align: center
}

.custom-100 {
  width: 100vw; text-align: center
}

.diamond-image {
  margin-left: 0vw
}

.diamond-image img {
  width: 22vw; padding: 1vw; border-radius: 5px; background: #efefef; text-align: left; display: block; margin-left: 4px;
}

.mobile-view-table li a {
  color: #FFF
}

.large-font li a {
  font-size: 3.8vw
}

.mobile-view-table .detail-border {
  border-top: 1px solid #CCC; border-bottom: 1px solid #CCC
}

.medium-font.full-width-text li a {
  font-size: 3.5vw
}

.medium-font.full-width-text li a span {
  font-weight: bold
}

.button-yellow {
  background-color: #fed700; border-radius: 2vw; padding: .5vw 1vw
}

.heart-icon {
  position: absolute; right: 1vw; top: -1vw
}

.heart-icon i.yellow {
  font-size: 3vw; padding-top: 0; padding-top: 1vw
}

.heart-icon .yellow {
  color: #fed700; background: #2c3b5c; border-radius: 4vw; width: 4.5vw; height: 4.5vw
}

.lower-case {
  text-transform: initial; font-weight: normal !important
}

li.f-right.ship-text-flex {
  display: flex; align-items: center
}

li.ship-text-flex .input-group {
  display: flex; align-items: center; padding-left: 10px
}

li.f-right.ship-text-flex+li.f-right.ship-text-flex {
  padding-right: 23px
}

.expand-slide-image {
  border: 0 !important
}

.dia-img-sec.col-md-5.col-md-push-7.iframe-height-style .expand-slide-image {
  border: 0 !important; height: 600px !important
}

.swiper-slide img {
  width: 100%; max-width: 600px
}

span.title-action-button {
  font-size: 12px; display: block
}

.match-wrap .responsive-block .table-hover>tbody>tr.active:hover>td {
  color: #666
}

ul.action.icon-align a {
  text-decoration: none
}

.diamond-data.similar-text-style {
  padding-right: 0
}

.diamond-data.similar-text-style ul {
  margin-left: 0vw; margin-bottom: 0; text-align: center; margin-right: 0vw; padding-left: 0; margin-top: 0
}

.diamond-data.similar-text-style li {
  list-style: none; display: inline-block; padding-right: 7px
}

.diamond-data.similar-text-style li:last-child {
  padding: 0
}

.diamond-data.similar-text-style li a {
  color: #21385a; font-size: 14px; text-decoration: none
}

.diamond-data.similar-text-style .red {
  color: #fe0000
}

.diamond-data.similar-text-style .grey {
  color: #7f7f7f; font-size: 14px
}

.diamond-data.similar-text-style .yellow {
  color: #fed700
}

.diamond-data.similar-text-style i.fa.fa-star.yellow {
  font-size: 29px
}

.similar-text-style .large-font li a {
  font-size: 15px
}

.similar-text-style .mobile-view-table .detail-border {
  border-top: 1px solid #CCC; border-bottom: 1px solid #CCC
}

.similar-text-style .medium-font.full-width-text li a {
  font-size: 15px
}

.medium-font.full-width-text li a span {
  font-weight: bold
}

.similar-text-style .button-yellow {
  background-color: #fed700; border-radius: 2vw; padding: .5vw 1vw
}

.similar-text-style .heart-icon {
  position: absolute; right: 1vw; top: -1vw
}

.similar-text-style .heart-icon i.yellow {
  font-size: 20px; padding-top: 0; padding-top: 1vw
}

.similar-text-style .heart-icon .yellow {
  color: #fed700; background: #2c3b5c; border-radius: 4vw; width: 30px; height: 30px
}

.similar-text-style .lower-case {
  text-transform: initial; font-weight: normal !important
}

#BigImageDiv .MainZoomImageClass {
  width: 780px;height:
}

.prod-detail-wrap.prod-filter-wrap .d-flex {
  justify-content: left;align-items:center;
}

.panel-body.pading-less {
  min-height: 1130px
}

.page-heading {
  background: #e5edf3; padding: 20px 0; text-align: center
}

.page-heading h3 {
  margin: 0
}

.form.buy-import-form {
  border: 2px solid #e5edf3; padding: 25px; text-align: center; margin-bottom: 20px
}

.buy-import-step {
  background: #2c3b5b; border-bottom: 0; margin: 0; padding: 0; color: #fed700
}

.buy-import-step h3 {
  padding: 10px; margin: 0; font-size: 15px; text-transform: uppercase
}

.buy-import-form h4 {
  font-size: 14px !important
}

.form.buy-import-form .d-flex {
  justify-content: space-between; -webkit-justify-content: space-between
}

#step_2 .imageuploadify-images-list.text-center span+button+span {
  display: none
}

.button-process-import a {
  background: #fed700; width: 100%; padding: 10px 5px; margin: 10px 0; font-size: 16px; color: #2c3b5b; display: block
}

.button-process-import a:hover {
  text-decoration: none !important
}

.button-process-import img.export-selection {
  width: 40px
}

.step3-download-file {
  position: relative
}

.step3-download-file button {
  background: #fed700; border-radius: 0
}

.step3-download-file.open ul.dropdown-menu.noclose {
  width: 100%; text-align: center; line-height: 28px; background: #e6e8ec; border-radius: 0; border: 0; box-shadow: none; outline: 0
}

.step3-download-file.open .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
  background: rgba(0, 0, 0, 0.1)
}

.step3-download-file.open label {
  width: 100%
}

.step3-download-file.open .dropdown-menu>li>a {
  padding: 0 !important
}

.formselectwrap {
  position: relative
}

.formselectwrap select {
  display: none
}

.formselectwrap .select-selected {
  background-color: #fed700
}

.formselectwrap .select-selected:after {
  position: absolute; content: ""; width: 0; height: 0; border: solid rgba(23, 20, 20, 0.6); border-width: 0 2px 2px 0; display: inline-block; padding: 3px; position: absolute; transform: rotate(45deg); right: 34px; top: 33%
}

.formselectwrap .select-selected.select-arrow-active:after {
  transform: rotate(223deg)
}

.formselectwrap .select-items div, .select-selected {
  color: #171414; padding: 8px 16px; border: 1px solid transparent; cursor: pointer; user-select: none
}

.formselectwrap .select-items {
  position: absolute; background-color: #e6e8ec; top: 100%; left: 0; right: 0; z-index: 99; margin: auto
}

.formselectwrap .select-hide {
  display: none
}

.formselectwrap .select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1)
}

#cust-speak-slider {
  min-height: 350px; vertical-align: middle
}

.add_class_stud {
  min-height: 500px
}

section.arrowtic.succeed-area.tradeshow-section span {
  color: #2c3b5b
}

.tradeshow-section .single-succeed {
  padding: 0; min-height: auto; margin-bottom: 15px !important
}

section.arrowtic.succeed-area.tradeshow-section p {
  margin-bottom: 20px; font-size: 19px
}

section.arrowtic.succeed-area.tradeshow-section a figcaption {
  font-weight: bold; padding: 7px 5px; margin-bottom: 0; background: #2c3b5b; color: #FFF; text-transform: uppercase
}

section.arrowtic.succeed-area.tradeshow-section h2 {
  margin-top: 10px; margin-bottom: 30px; font-size: 23px
}

a.see-btn.jck-button {
  background: #fed700; color: #2c3b5b; padding: 12px; margin-top: 20px; display: block; margin: auto; text-align: center; font-size: 15px; width: 300px; border-radius: 5px; margin-bottom: 20px; text-transform: uppercase; text-decoration: none; font-weight: bold
}

img.team-jck {
  width: 120px; border-radius: 50%; display: block; height: 120px; margin-bottom: 10px !important; margin: auto
}

.row.column-inverse {
  margin-bottom: 30px
}

.speed-area-wrap {
  margin: 20px 0
}

#mc_embed_signup h4 {
  color: #2c3b5b; margin-bottom: 10px;margin-top: 0; font-weight:bold;
}

#mc_embed_signup h4 {
  margin: 10px 0
}

.asterisk {
  color: red
}

ul.diamond-list {
  display: flex; list-style: none; padding-left: 0; margin: 0; margin-bottom: 10px
}

ul.diamond-list li {
  margin-right: 15px
}

input#mc-embedded-subscribe {
  background: #2c3b5b; border: 0; padding: 10px 24px; color: #fed700; text-transform: uppercase; font-weight: bold
}

input#mce-EMAIL {
  border: 1px solid #CCC; padding: 4px 10px; border-radius: 5px
}

.filter-border {
  border-bottom: 1px solid #DDD; display: inline-block; width: 100%
}

.above-diamond-type-div-class {
  padding-top: 0; display: flex; align-items: center; justify-content: center; justify-content: space-between; padding: 0 15px
}

.save-search-con.save-search-desktop label input {
  opacity: 0; position: absolute
}

.save-search-con.save-search-desktop label {
  color: #2c3b5b; padding: 10px !important; font-size: 16px !important; margin-right: 10px; border-bottom: 0; border-radius: 0
}

.save-search-con.save-search-desktop label img {
  padding-right: 6px; width: 40px
}

.diamond-type-div-class label input {
  opacity: 0; position: absolute
}

.diamond-type-div-class label {
  color: #2c3b5b; padding: 6px !important; font-size: 16px !important; margin-right: 10px; border-radius: 0; line-height: 37px;
}

.diamond-type-div-class label img, .diamond-type-div-class label svg {
  padding-right: 6px; width: 40px; margin-top: 1px; float: left; fill: #2c3b5b;
}

.save-search-con.save-search-mobile label input {
  opacity: 0; position: absolute
}

.save-search-con.save-search-mobile label {
  color: #2c3b5b; padding: 10px !important; font-size: 16px !important; margin-right: 10px; border-bottom: 0; border-radius: 0
}

.save-search-con.save-search-mobile label img {
  padding-right: 6px; width: 40px
}

.filter-border .dia-filter .save-search-con, .filter-border .filter-action {
  padding: 0 10px!important;width: max-content
}

label.btn.btn-primary.active.save-search-active, .save-search-active1 label.btn.btn-primary.active {
  background: #fed700; border: 0; color: #2c3b5b !important
}

.save-search-con.save-search-desktop {
  padding: 0
}

.modal-body.welcome-modal p strong {
  background: #fed700; padding: 4px
}

.modal-body.welcome-modal p {
  font-size: 19px; line-height: 30px; text-align: center; color: #2c3b5b; margin-bottom: 5px
}

.wel-title {
  font-size: 23px; font-weight: bold; padding-bottom: 12px
}

.modal-body.welcome-modal h3.result-title {
  font-size: 23px; color: #2c3b5b; margin-bottom: 10px; font-weight: bold
}

.footer-text-modal {
  text-align: center; font-size: 16px; color: #666
}

.yellow-bg.d-flex {
  background: #fed700; align-items: center; justify-content: space-evenly; width: 100%; margin: 0 0 2px; padding: 0
}

.yellow-bg.d-flex.remove-yellow {
  background: no-repeat
}

.border-cog {
  border: 1px solid #2c3b5b; margin-top: 3px
}

.cog-column ul {
  width: 100%; display: block; margin: 0; padding: 0
}

.cog-column li {
  display: block; font-size: 13px; margin-bottom: 0
}

.cog-row .col-sm-3, .cog-row .col-sm-4, .cog-row .col-sm-2 {
  padding-left: 3px; padding-right: 3px
}

.cpsf-mobile-table table.table.table-responsive td, .cpsf-mobile-table table.table.table-responsive th {
  border: 1px solid #CCC; text-align: center
}

.cpsf-mobile-table .cpsf-border-remove {
  border: 0 !important; padding: 0 10px !important
}

.cpsf-mobile-table th {
  background: #2b3b5b; color: #FFF
}

.cpsf-mobile-table table.table.table-responsive {
  margin-bottom: 0; border: 0
}

.cpsf-mobile-table .cog-row th {
  background: #fed700; color: #2b3b5b
}

.cog-row td.cpsf-border-remove {
  display: block
}

.cpsf-mobile-table .mobile-view-table ul {
  text-align: left
}

td.mobile-cpsf-arrow i {
  font-size: 29px; text-align: center; margin: auto; width: 100%; color: #2c3b5b
}

table.detail-cpsf-table.cpsfinnertable.table {
  margin: 0 !important
}

.mobile-cpsf-arrow .custom-inner-table.make-an-offer-table input[type="text"], .mobile-cpsf-arrow .custom-inner-table.make-an-offer-table .expand-col-span, .mobile-cpsf-arrow .custom-inner-table.make-an-offer-table .expand-col-span input[type="text"] {
  margin-left: 0 !important; width: 100% !important; margin-right: 2px; float: none !important; padding-left: 2px !important
}

.mobile-cpsf-arrow .custom-inner-table.make-an-offer-table .expand-col-span input[type="submit"] {
  margin-left: 0 !important; width: 100% !important; font-size: 16px
}

.detail-border.border-bottom-zero {
  border-bottom: 0 !important
}

.mobile-cpsf-arrow {
  padding: 0
}

.iframe-height-style .swiper-container.swiper-container-horizontal .swiper-button-next i, .swiper-container.swiper-container-horizontal .swiper-button-prev i, .iframe-height-style .swiper-container.swiper-container-horizontal .swiper-button-next i, .swiper-container.swiper-container-horizontal .swiper-button-next i {
  font-size: 33px !important
}

.expand-col-span {
  position: relative
}

span.upload-icon:after {
  font-family: FontAwesome; content: ""; font-size: 21px; position: absolute; right: 0; top: 0; pointer-events: none; color: #fed700; background: #2c3b5b; width: 37px; border-radius: 5px
}

.mobile-cpsf-arrow .custom-inner-table.make-an-offer-table .upload-icon input[type="submit"] {
  font-size: 0 !important; background: 0; border: 0; width: auto !important; padding: 0 !important; float: none !IMPORTANT; display: block
}

.regular.slider .slick-slide img, .iframe-image img {
  width: 100%; object-fit: contain; max-height: 462px
}

.imagesphp-style {
  margin: auto; display: block
}

.imagesphp-style .expand {
  display: inline-block; margin: auto; width: 49%
}

.custom-50 {
  width: 50%
}

.match-diamond-table table td {
  vertical-align: top !important; text-align: center
}

.match-diamond-table table th {
  color: #2c3b5b; font-weight: bold; font-size: 12px; text-transform: uppercase
}

.match-diamond-table table {
  margin-bottom: 0
}

.padding-td-zero {
  padding: 0 !important
}

.slider {
  max-width: 1400px; width: 100%; margin: 100px auto
}

.match-diamond-table iframe, .stud-diamond.mobile-full iframe {
  display: block; width: 100%; border: 0; overflow-y: auto; max-width: 950px; height: 450px; margin: auto;
}

.regular.slider, .stud-diamond.mobile-full regular.slider {
  max-height: 462px; height: 100%
}

.regular.slider .slick-slide img, .iframe-image img {
  width: 100%; object-fit: contain; max-height: 462px
}

.padding-right {
  padding-right: 15px !important
}

.padding-left {
  padding-left: 15px !important
}

table.border-light {
  border-color: #CCC
}

.border-zero {
  border: 0 !important
}

.match-diamond-table table .bg-head {
  background: #2c3b5b !important; color: #FFF !important; font-weight: bold !important
}

body .match-diamond-table table .bg-head-yellow {
  background: #fed700 !important; color: #2c3b5b !important; font-weight: bold !important;
}

body .match-diamond-table table.table.table-responsive.custom-inner-table .bg-head-yellow {
  background: #fed700 !important; color: #2c3b5b !important; font-weight: bold !important;
}

body .bg-head, body table.table.table-responsive.custom-inner-table .bg-head {
  background: #2c3b5b !important; color: #FFF !important; font-weight: bold !important
}

body .bg-head-yellow, body table.table.table-responsive.custom-inner-table .bg-head-yellow {
  background: #fed700 !important; color: #2c3b5b !important; font-weight: bold !important;
}

.match-diamond-table table td {
  font-size: 12px
}

.match-diamond-table tbody {
  display: table-row-group !important; height: auto !important; width: 100%
}

.match-diamond-table tbody td, .match-diamond-table thead>tr>th {
  float: none !important
}

.match-diamond-table tr {
  display: table-row !important
}

.match-wrap .table>tbody>tr.expand-row td .match-diamond-table td table td, .match-wrap .table>tbody>tr.expand-row td .match-diamond-table td table th {
  border: 1px solid #DDD !important; padding: 5px !important; text-transform: capitalize; font-weight: bold
}

.match-wrap .table .swiper-slide img {
  width: 100%; max-width: 600px; max-width: 758px; transform: scale(.8); transform-origin: top center
}

.match-diamond-table table th {
  font-weight: bold !important; color: #2c3b5b !important
}

.match-diamond-table table td {
  text-align: center !important
}

.col-sm-12.filter-border {
  font-size: 11px
}

.four-column-full {
  width: 100%; padding: 10px 0 !important; display: block; text-align: center !important
}

th.text-center.bg-head {
  text-align: center !important
}

.homepage-category .jwel-block {
  border-radius: 18px; box-shadow: 7px 6px 13px rgb(0 0 0 / 7%)
}

.homepage-category. jwel-block {
  margin-bottom: 25px !important
}

.row.homepage-category .jwel-block {
  margin-bottom: 25px; border: 1px solid #f8f8f8; min-height: 435px;
}

.prod-slide .big video {
  width: 450px
}

.radio-button {
  display: inline-block; position: relative;text-align: center;
}

.radio-button input[type="radio"] {
  opacity: 0; left: 0; width: 100%; height: 31px; top: 0
}

.radio-button label {
  position: relative
}

.filter-title.margin-zero .btn-group.tab-btn {
  margin: 0; padding: 0
}

.filter-title.margin-zero {
  margin: 0
}

.filter-title.margin-zero label {
  margin: 0; padding: 0
}

.filter-title.margin-zero {
  text-align: center
}

.filter-title.margin-zero svg {
  width: 30px; height: 30px; vertical-align: middle
}

.filter-title.margin-zero label.btn.btn-primary.active svg g {
  fill: #fed700
}

tr.match-total-ct td {
  width: 100%; background: #21385a; text-align: center !important
}

tr.match-total-ct td span+span {
  padding: 0 1vw
}

tr.match-total-ct td span.span-yellow {
  color: #fed700; font-size: 4vw; font-weight: bold
}

tr.match-total-ct td span.span-white {
  color: #FFF; font-size: 4vw
}

.tooltip-offer:hover .tooltiptext-offer {
  visibility: visi*/ble
}

.float-none {
  float: none !important
}

.btn-wrap.border-top {
  margin: 10px 0
}

.btn-wrap.border-top a:before {
  font-size: 20px !important; padding-right: 8px !important
}

a.background-bg-btn {
  background: #2c3b5c; padding: 6px 16px !important; border-radius: 50px; color: #fed700 !important; font-size: 16px !important; line-height: 25px
}

.make-an-offer-table a i:before {
  color: #fed700
}

a.background-bg-btn {
  background: #fed700; color: #2c3b5c
}

a.background-bg-btn:before {
  color: #2c3b5c !important; font-size: 20px !important
}

.make-an-offer-table button i {
  font-size: 17px
}

.make-an-offer-table button {
  background: 0; border: 0
}

span#FilterIconDiv i {
  font-size: 16px
}

.menum-new nav {
  height: 35px; padding: 0 10px; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center
}

.menum-new nav .m-menu__checkbox {
  display: none
}

.menum-new nav label.m-menu__toggle {
  cursor: pointer
}

.m-menu__header label {
  margin-bottom: 0 !important
}

.menum-new nav .m-menu {
  position: fixed; top: 0; left: 0; max-width: 450px; width: calc(100vw - 30px); height: 100%; transform: translate3d(-450px, 0, 0); transition: transform .35s; z-index: 99999; overflow: hidden; background-color: #fff
}

.menum-new nav .m-menu__overlay {
  background-color: rgba(103, 103, 103, 0.5); position: fixed; top: -13px; width: 100%; bottom: 0; z-index: 1; display: none; height: 100vh
}

.menum-new nav .m-menu__header {
  padding: 0 16px; height: 50px; display: flex; justify-content: space-around; align-items: center; border-bottom: 1px solid #e8e8e8; background: #2c3c5b
}

.menum-new nav .m-menu__header span {
  font-size: 1.2rem; font-weight: bold; text-align: center; width: 100%
}

.menum-new nav .m-menu .m-menu {
  transform: translate3d(480px, 0, 0)
}

.menum-new nav .m-menu ul {
  height: 90%; overflow-y: auto; padding: 0
}

.menum-new nav .m-menu ul li a, nav .m-menu ul li label {
  display: block; text-align: left; padding: 0 10px; line-height: 30px; text-decoration: none; color: #333; cursor: pointer; font-size: 15px; font-weight: normal; position: relative; text-transform: uppercase
}

.menum-new nav .m-menu ul li label.a-label__chevron::after {
  content: ""; position: absolute; display: inline-block; height: 10px; width: 10px; border-color: #333; border-style: solid; border-width: 1px 1px 0 0; transform: rotate(45deg); top: 50%; margin-top: -5px; right: 16px
}

.menum-new nav .m-menu ul li .-invisible {
  border-bottom: 0
}

.menum-new nav .m-menu .m-menu label.m-menu__toggle {
  display: flex; border-bottom: 0; padding: 0; box-sizing: content-box
}

.menum-new nav .m-menu__checkbox:checked~.m-menu__overlay {
  display: block
}

.menum-new nav .m-menu__checkbox:checked~.m-menu {
  transform: translate3d(0, 0, 0); height: 100vh
}

.wrapper.menum-new {
  margin: 0 auto; position: absolute; left: 0; top: 8px
}

.menum-new .navbar .dropdown-menu {
  border: 0; background-color: #fff !important
}

.menum-new .navbar {
  padding-top: 0; padding-bottom: 0; background-color: #fff !important
}

.menum-new .navbar .dropdown {
  position: static
}

.menum-new .navbar .dropdown-menu {
  width: 100%; left: 0; right: 0; top: 45px
}

.menum-new .navbar .dropdown-menu {
  border: 1px solid rgba(0, 0, 0, .15); background-color: #fff; padding: 0; border-radius: 0
}

.menum-new .dropdown-menu.show {
  padding: 0
}

.navbar .mega-menu {
  padding: 0 25px
}

.mega-list-cat {
  padding: 25px 0
}

.menum-new .mega-menu .mega-list-cat img {
  width: 28px; margin-right: 5px
}

.menum-new .mega-menu ul {
  padding: 0
}

.menum-new .navbar-expand-lg .navbar-nav .nav-link {
  padding-right: .5rem; position: relative; color: #000; text-decoration: none; padding-left: 12px
}

.menum-new .navbar-expand-lg .navbar-nav .nav-link:hover {
  color: #000
}

.menum-new .navbar-expand-lg .navbar-nav .nav-link:hover::before {
  transform: scaleX(1)
}

.menum-new .mega-menu ul li {
  list-style: none; padding: 5px 0
}

.menum-new .mega-menu ul li a {
  color: #000; text-decoration: none; font-family: "Nunito", sans-serif; color: #787878
}

.menum-new .mega-menu h4.title a {
  text-transform: uppercase; margin: 0; font-size: 15px; padding: 0 20px; font-weight: bold !important
}

.menum-new .mega-menu svg {
  width: 40px; display: inline-block; height: auto; vertical-align: middle; padding-right: 10px
}

.menum-new .mega-menu ul li a img {
  display: inline-block; width: 100%; padding-right: 0; border-radius: 10px; box-shadow: 0 5px 5px 0 rgb(0 0 0 / 6%); border-bottom-left-radius: 0; border-bottom-right-radius: 0; background: #FFF; padding: 20px
}

.double-list p {
  margin-bottom: 0; text-align: center; font-size: 14px; font-weight: bold; border-top: 0; background: #f8f8f8
}

.wrapper nav .m-menu ul li.nav-item .dropdown-menu {
  border-radius: 0 !important; border: 0 !important; background: #f6f6f6 !important; box-shadow: inset 0 11px 8px -10px #ccc !important; position: relative !important; width: 100%; margin: 11px 0
}

.menum-new ul.double-list li {
  float: left; list-style: none; padding: 5px; width: 50%; position: relative; box-sizing: border-box
}

.menum-new ul.double-list svg {
  width: 40px; height: 30px; float: left; padding-right: 9px
}

.menum-new ul.double-list li:hover svg path {
  stroke: #fed700; fill: #fed700
}

.menum-new ul.double-list li:hover svg#marquise path {
  stroke: #fed700; fill: none
}

.menum-new ul.double-list li:hover svg#marquise polyline {
  stroke: #fed700
}

.menum-new ul.double-list li:hover svg rect {
  fill: #fed700
}

.menum-new ul.double-list li:hover svg circle {
  stroke: #fed700
}

.menum-new nav .m-menu ul li a i {
  float: right;font-size: 26px;position: absolute;right: 11px;z-index: 99;
}

.wrapper.menum-new nav .m-menu ul li.nav-item.dropdown {
  padding: 10px 0; border-bottom: 1px solid #e5e5e5; list-style: none
}

.menum-new ul.main-list ul li:hover a {
  color: #fed700
}

.menum-new ul.main-list ul.info-list li:hover {
  background-color: #2c3b5b
}

.single-text-menu-mobile {
  margin: 20px
}

.single-text-menu-mobile li.new-li-mt {
  width: 100% !important; float: none !important; text-align: center !important
}

.single-text-menu-mobile li.new-li-mt a {
  text-align: center !important; color: #FFF !important; background: #2c3c5b; padding: 10px 4px !important; border-radius: 15px; line-height: 24px !important; font-size: 13px !important
}

ul.double-list li a {
  padding: 3px 5px !important; font-size: 14px !important; font-weight: normal !important
}

.mega-menu .Natural-Diamond .title {
  margin: 10px 0
}

.mega-menu .Natural-Diamond .title.new-sew-title {
  margin: 10px 0;font-size: 18px;
}

ul.main-list li.nav-item.dropdown.open {
  background: #fed700
}

#slider-banner ol.carousel-indicators {
  z-index: 1
}

.m-menu label.m-menu__toggle svg {
  stroke: #FFF
}

.m-menu__header img {
  width: 90px
}

.tablet-view-right {
  display: none
}

.width16.center-search-mobile {
  width: 100%; display: flex; float: none; justify-content: center; align-content: center; align-items: center
}

.width16.center-search-mobile select {
  width: 175px; margin-bottom: 0
}

.width16.center-search-mobile span a {
  background: #2c3b5b; margin: 0 1px; color: #FFF; text-align: center; border-radius: 50px; padding: 7px 8px;
}

.width16.center-search-mobile span a i {
  font-size: 15px !important; margin: 0; text-align: center; line-height: 21px
}

#truck-shipIn i {
  font-size: 23px; color: #2c3b5c
}

#FancyYellowColorDiv label:nth-child(10) {
  display: table-column
}

input.common-btn.redeem-button {
  position: absolute; width: auto; padding: 5px 10px; font-size: 16px; right: 30px; border-radius: 0
}

.coupon-box {
  position: absolute; left: 0; max-width: 350px; width: 100%
}

.cpn-title {
  background: #2c3b5c; color: #fed700; text-align: center; padding: 5px 0; border-radius: 5px; font-size: 16px
}

.width6 {
  position: relative
}

h3.amipi-list-heading.text-left {
  text-align: center !important
}

.prod-slide.ProductDetailsImageBox .small label img {
  height: 50px; width: 50px
}

span#discounted_amt_div {
  color: red
}

.color-red {
  color: red !important
}

.color-blue {
  color: #2c3b5c !important
}

.pt-0 {
  padding-top: 0px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.cpn-border {
  color: #2c3b5c; border: 1px solid #2c3b5c; text-align: center; padding: 5px 0; border-radius: 5px
}

.red-offer {
  font-size: 13px; font-weight: bold; background: red; color: #FFF !important
}

.yellow-offer {
  font-size: 13px !important; font-weight: bold !important; background: #fed700 !important; color: #2c3b5c !important; position: relative
}

.diamond-check-box {
  position: relative
}

.new-arrivals {
  font-size: 10px; color: red; text-align: center; animation: animate 1.5s linear infinite; position: absolute; font-weight: bold; text-transform: inherit; right: 0; top: 0
}

@keyframes animate {0 {opacity: 0 }50% {opacity: .7 }100% {opacity: 0 }}

.new-arrivals img.new {
  width: 35px !important; height: auto !important
}

img.new {
  width: 50px !important; height: auto !important
}

iframe.make-a-payment {
  height: 1325px !important; max-width: 100%
}

.studs-filter-new {
  border-radius: 15px; box-shadow: 0 0 30px rgb(35 31 32 / 10%); background-blend-mode: multiply; margin-top: 40px !important; margin-bottom: 40px !important; padding: 25px
}

.width-1440 {
  max-width: 1440px; margin: auto; width: 100%;
}

.relative {
  position: relative
}

.success-msg {
  position: absolute; top: 20px; transform: translate(100%, 0); max-width: 500px; text-align: center !important; margin: auto; width: 100%
}

.pl-12 {
  padding-left: 12px !important
}

.custom-table-width {
  width: 10% !important
}

.stud-diamond img {
  width: 100%; max-width: 350px
}

.mt-20 {
  margin-top: 20px
}

.block-one-stud-two {
  width: 25%; padding: 0 15px; display: inline-block; float: left
}

.block-one-stud-two label {
  width: 100px
}

.bg-light-blue {
  background: #edf1fd
}

.bg-dark-blue {
  background: #2c3c5b
}

.shop-column.card {
  box-shadow: 0 0 30px rgb(0 0 0 / 7%); border-radius: 20px; padding: 25px; min-height: 315px
}

.card-icon {
  background: #c1282d; display: flex; width: 110px; height: 110px; justify-content: center; border-radius: 30px; align-items: center
}

.flip-card .card-icon {
  background: #c1282d; display: flex; width: 80px; height: 80px; justify-content: center; border-radius: 15px; align-items: center
}

.card-icon span {
  font-size: 44px; color: #fed700; font-weight: 700
}

.shop-title h3 {
  font-size: 24px; font-weight: 700
}

.shop-title p {
  color: #888; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px
}

.main-heading h3 {
  font-weight: 700; font-size: 45px; font-family: "Lato", sans-serif;
}

.main-heading p {
  padding: 0 200px; color: #888; font-size: 16px
}

.main-heading span {
  font-weight: bold; color: #c1282d
}

.mb-35 {
  margin-bottom: 35px
}

.mt-35 {
  margin-top: 35px
}

.pb-20 {
  padding-bottom: 20px
}

.pt-20 {
  padding-top: 20px
}

.bull-column.card {
  display: flex; padding: 10px; align-items: center; border-radius: 20px
}

.bull-title {
  margin-left: 20px
}

.bull-column.card h3 {
  margin-top: 0; font-size: 18px; font-weight: 700
}

.bull-column.card .card-icon {
  border-radius: 20px; background: #fed700
}

.bull-column.card .card-icon span {
  width: 120px; height: 120px; display: flex; align-items: center; justify-content: center
}

.bull-column.card:hover .card-icon {
  background: #2c3c5b
}

span.way {
  background: url(/images/way.png); font-size: 0; background-position: -4px 25px; background-repeat: no-repeat
}

span.like {
  background: url(/images/like.png); font-size: 0; background-position: -4px 20px; background-repeat: no-repeat
}

span.price {
  background: url(/images/price.png); font-size: 0; background-position: -4px 25px; background-repeat: no-repeat
}

span.file {
  background: url(/images/file.png); font-size: 0; background-position: -4px 20px; background-repeat: no-repeat
}

span.sorry {
  background: url(/images/sorry.png); font-size: 0; background-position: -4px 20px; background-repeat: no-repeat
}

span.bull {
  background: url(/images/bull.png); font-size: 0; background-position: -4px 20px; background-repeat: no-repeat
}

.bull-column.card:hover span.way {
  background-position: -4px -85px
}

.bull-column.card:hover span.like {
  background-position: -4px -86px
}

.bull-column.card:hover span.price {
  background-position: -4px -80px
}

.bull-column.card:hover span.file {
  background-position: -4px -90px
}

.bull-column.card:hover span.sorry {
  background-position: -4px -85px
}

.bull-column.card:hover span.bull {
  background-position: -4px -87px
}

.widget {
  display: flex;justify-content:center; position: relative;flex-direction: column;align-items: center;
}

li.heading-footer {
  list-style: none !important;
}

.align-none h3 {
  margin-left: -100px;
}

.widget:after {
  position: absolute; content: ""; right:0; width: 1px; height: 160px; background: rgba(255, 255, 255, .5); top: 0
}

.widget-3:after {
  content: none !important
}

.widget h3 {
  margin-top: 0; color: #FFF; font-size: 20px; font-weight: bold;
}

.widget ul {
  padding: 0
}

.text-white {
  color: #FFF
}

.widget li a, .widget li {
  color: #FFF !important; list-style:circle; line-height: 28px; font-size: 15px;text-decoration: none
}

.widget li a:hover {
  color: #fed700 !important;
}

.widget.widget-1 li {
  list-style: none !important;
}

.widget-border:after {
  width: 0
}

.widget.widget-1 {
  justify-content: start
}

.widget li::marker {
  display: none;
}

.widget i {
  color: #fed700; padding-right: 9px
}

.footer-c-logo ul {
  display: flex; justify-content: center; align-items: center; gap: 15px; margin-bottom: 0;flex-wrap: wrap;
}

.footer-c-logo {
  margin-top: 35px; margin-bottom: 35px;
}

.copyright {
  border-top: 1px solid rgba(255, 255, 255, .5); padding: 15px 0 0; display: flex; align-items: center;
}

.footer-row {
  padding:30px 0px 0 0px
}

footer {
  position: relative; padding-top: 250px !important; margin-top: 250px !important
}

.newsletter {
  background: #fed700; max-width: 1000px; margin: auto !important; border-radius: 40px; margin-bottom: 50px; position: absolute; left: 0; right: 0; top: -30%; display: flex; align-items: center; padding: 20px 0
}

.email-image:after {
  position: absolute; content: ""; background: #c1282d; width: 75px; height: 75px; border-radius: 50%; top: 0; left: 34%
}

.email-image:before {
  position: absolute; content: ""; background: #c1282d; width: 20px; height: 20px; border-radius: 50%; top: -12%; left: 9%
}

.email-image img {
  padding: 20px; margin: auto; text-align: center; display: block; z-index: 999; position: relative
}

.col-icon-left:before {
  position: absolute; content: ""; border: 3px solid #c1282d; width: 20px; height: 20px; border-radius: 50%; bottom: 0; left: 13%
}

.col-icon-left {
  position: relative
}

.col-icon-right:after {
  position: absolute; content: ""; background: #c1282d; width: 20px; height: 20px; border-radius: 50%; top: 50%; left: -3%
}

.col-icon-right:before {
  position: absolute; content: ""; border: 3px solid #c1282d; width: 20px; height: 20px; border-radius: 50%; top: 0; right: 7%
}

.col-icon-right {
  position: relative
}

.jewelry-column.card img {
  border-radius: 20px; margin: auto
}

.jewelry-column.card {
  box-shadow: 0 0 60px rgb(0 0 0 / 7%); padding: 10px; border-radius: 20px
}

.jewelry-title h3 {
  font-size: 16px; font-weight: 600; line-height: 21px; margin-bottom: 7px
}

.jewelry-title p {
  font-size: 16px; line-height: 12px; color: #AAA
}

button.btn.btn-primary.jeweley-compare {
  background: #2c3c5b; border-radius: 25px 25px 0 25px; width: 100%; font-size: 18px; padding: 10px 0; margin: 10px 0
}

.color-red {
  color: #c1282d
}

.widget.widget-3 {
  display: block
}

ul.app-icon.d-flex li {
  padding: 0 10px; margin-top: 0
}

.bull-main {
  padding: 25px 0 45px
}

.testim {
  background: #2c3b5c;padding: 50px 0;position: relative;
}

.testim .wrap {
  position: relative; width: 100%; max-width: 1020px; margin: auto; box-shadow: 0 18px 52.8537px rgb(215 228 249 / 50%); padding: 30px 30px; justify-content: center; align-items: center; border-radius: 20px; display: flex; background: #FFF; z-index: 9;
}

.wrap:before {
  position: absolute; content: ""; width: 94%; height: 26px; background: #FFF; left: 0; box-shadow: 0 18px 52.8537px rgb(215 228 249 / 50%); border-radius: 20px; bottom: -24px; opacity: .6; right: 0; margin: auto; border-top-left-radius: 0; border-top-right-radius: 0
}

.wrap:after {
  position: absolute; content: ""; width: 87%; height: 22px; background: #FFF; left: 0; box-shadow: 0 18px 52.8537px rgb(215 228 249 / 50%); border-radius: 20px; bottom: -45px; opacity: .4; right: 0; margin: auto; border-top-left-radius: 0; border-top-right-radius: 0
}

.testim .arrow {
  display: none; position: absolute; color: #939598; cursor: pointer; font-size: 2em; bottom: -39%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; padding: 20px; z-index: 22222222; background: #fff; border-radius: 50%; box-shadow: 2px 0 20px rgba(0, 0, 0, 10%)
}

.testim .arrow:hover {
  background: #2c3c5b; color: #FFF
}

.testim .arrow:before {
  cursor: pointer
}

.testim .arrow.left {
  left: 78%
}

.testim .arrow.right {
  right: 9%
}

.testim .dots {
  text-align: center; position: absolute; width: 100%; bottom: 60px; left: 0; display: none; z-index: 3333; height: 12px
}

.testim .dots .dot {
  list-style-type: none; display: inline-block; width: 12px; height: 12px; border-radius: 50%; border: 1px solid green; margin: 0 10px; cursor: pointer; -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; position: relative
}

.testim .dots .dot.active {
  -webkit-animation: testim-scale .5s ease-in-out forwards; -moz-animation: testim-scale .5s ease-in-out forwards; -ms-animation: testim-scale .5s ease-in-out forwards; -o-animation: testim-scale .5s ease-in-out forwards; animation: testim-scale .5s ease-in-out forwards
}

.testim .cont {
  position: relative; overflow: hidden
}

.testim .cont>div {
  text-align: center; position: absolute; top: 0; left: 0; padding: 0; opacity: 0
}

.testim .cont>div.inactive {
  opacity: 1
}

.testim .cont>div.active {
  position: relative; opacity: 1
}

.testim .cont div .img img {
  display: block; width: 100px; height: 100px; margin: auto; border-radius: 50%
}

.testim .cont div span {
  font-size: 1em; margin: 15px 0
}

.testim .cont div p {
  font-size: 22px; color: #939598; margin: auto; font-weight: normal
}

.testim .cont div.active .img img {
  -webkit-animation: testim-show .5s ease-in-out forwards; -moz-animation: testim-show .5s ease-in-out forwards; -ms-animation: testim-show .5s ease-in-out forwards; -o-animation: testim-show .5s ease-in-out forwards; animation: testim-show .5s ease-in-out forwards
}

.testim .cont div.active h2 {
  -webkit-animation: testim-content-in .4s ease-in-out forwards; -moz-animation: testim-content-in .4s ease-in-out forwards; -ms-animation: testim-content-in .4s ease-in-out forwards; -o-animation: testim-content-in .4s ease-in-out forwards; animation: testim-content-in .4s ease-in-out forwards
}

.testim .cont div.active p {
  -webkit-animation: testim-content-in .5s ease-in-out forwards; -moz-animation: testim-content-in .5s ease-in-out forwards; -ms-animation: testim-content-in .5s ease-in-out forwards; -o-animation: testim-content-in .5s ease-in-out forwards; animation: testim-content-in .5s ease-in-out forwards
}

.testim .cont div.inactive .img img {
  -webkit-animation: testim-hide .5s ease-in-out forwards; -moz-animation: testim-hide .5s ease-in-out forwards; -ms-animation: testim-hide .5s ease-in-out forwards; -o-animation: testim-hide .5s ease-in-out forwards; animation: testim-hide .5s ease-in-out forwards
}

.testim .cont div.inactive h2 {
  -webkit-animation: testim-content-out .4s ease-in-out forwards; -moz-animation: testim-content-out .4s ease-in-out forwards; -ms-animation: testim-content-out .4s ease-in-out forwards; -o-animation: testim-content-out .4s ease-in-out forwards; animation: testim-content-out .4s ease-in-out forwards
}

.testim .cont div.inactive p {
  -webkit-animation: testim-content-out .5s ease-in-out forwards; -moz-animation: testim-content-out .5s ease-in-out forwards; -ms-animation: testim-content-out .5s ease-in-out forwards; -o-animation: testim-content-out .5s ease-in-out forwards; animation: testim-content-out .5s ease-in-out forwards
}

@-webkit-keyframes testim-scale {0 {-webkit-box-shadow: 0 0 0 0 #eee; box-shadow: 0 0 0 0 #eee } 35% {-webkit-box-shadow: 0 0 10px 5px #eee; box-shadow: 0 0 10px 5px #eee } 70% {-webkit-box-shadow: 0 0 10px 5px #ea830e; box-shadow: 0 0 10px 5px #ea830e } 100% {-webkit-box-shadow: 0 0 0 0 #ea830e; box-shadow: 0 0 0 0 #ea830e } }

@-moz-keyframes testim-scale {0 {-moz-box-shadow: 0 0 0 0 #eee; box-shadow: 0 0 0 0 #eee } 35% {-moz-box-shadow: 0 0 10px 5px #eee; box-shadow: 0 0 10px 5px #eee } 70% {-moz-box-shadow: 0 0 10px 5px #ea830e; box-shadow: 0 0 10px 5px #ea830e } 100% {-moz-box-shadow: 0 0 0 0 #ea830e; box-shadow: 0 0 0 0 #ea830e } }

@-ms-keyframes testim-scale {
  0 {
    -ms-box-shadow: 0 0 0 0 #eee; box-shadow: 0 0 0 0 #eee
  }
  35% {
    -ms-box-shadow: 0 0 10px 5px #eee; box-shadow: 0 0 10px 5px #eee
  }
  70% {
    -ms-box-shadow: 0 0 10px 5px #ea830e; box-shadow: 0 0 10px 5px #ea830e
  }
  100% {
    -ms-box-shadow: 0 0 0 0 #ea830e; box-shadow: 0 0 0 0 #ea830e
  }
}

@-o-keyframes testim-scale {
  0 {
    -o-box-shadow: 0 0 0 0 #eee; box-shadow: 0 0 0 0 #eee
  }
  35% {
    -o-box-shadow: 0 0 10px 5px #eee; box-shadow: 0 0 10px 5px #eee
  }
  70% {
    -o-box-shadow: 0 0 10px 5px #ea830e; box-shadow: 0 0 10px 5px #ea830e
  }
  100% {
    -o-box-shadow: 0 0 0 0 #ea830e; box-shadow: 0 0 0 0 #ea830e
  }
}

@keyframes testim-scale {0 {box-shadow: 0 0 0 0 #eee } 35% {box-shadow: 0 0 10px 5px #eee } 70% {box-shadow: 0 0 10px 5px #ea830e } 100% {box-shadow: 0 0 0 0 #ea830e } }

@-webkit-keyframes testim-content-in {from {opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%) } to {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } }

@-moz-keyframes testim-content-in {from {opacity: 0; -moz-transform: translateY(100%); transform: translateY(100%) } to {opacity: 1; -moz-transform: translateY(0); transform: translateY(0) } }

@-ms-keyframes testim-content-in {
  from {
    opacity: 0; -ms-transform: translateY(100%); transform: translateY(100%)
  }
  to {
    opacity: 1; -ms-transform: translateY(0); transform: translateY(0)
  }
}

@-o-keyframes testim-content-in {
  from {
    opacity: 0; -o-transform: translateY(100%); transform: translateY(100%)
  }
  to {
    opacity: 1; -o-transform: translateY(0); transform: translateY(0)
  }
}

@keyframes testim-content-in {from {opacity: 0; transform: translateY(100%) } to {opacity: 1; transform: translateY(0) } }

@-webkit-keyframes testim-content-out {from {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } to {opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%) } }

@-moz-keyframes testim-content-out {from {opacity: 1; -moz-transform: translateY(0); transform: translateY(0) } to {opacity: 0; -moz-transform: translateY(-100%); transform: translateY(-100%) } }

@-ms-keyframes testim-content-out {
  from {
    opacity: 1; -ms-transform: translateY(0); transform: translateY(0)
  }
  to {
    opacity: 0; -ms-transform: translateY(-100%); transform: translateY(-100%)
  }
}

@-o-keyframes testim-content-out {
  from {
    opacity: 1; -o-transform: translateY(0); transform: translateY(0)
  }
  to {
    opacity: 0; transform: translateY(-100%); transform: translateY(-100%)
  }
}

@keyframes testim-content-out {from {opacity: 1; transform: translateY(0) } to {opacity: 0; transform: translateY(-100%) } }

@-webkit-keyframes testim-show {from {opacity: 0; -webkit-transform: scale(0); transform: scale(0) } to {opacity: 1; -webkit-transform: scale(1); transform: scale(1) } }

@-moz-keyframes testim-show {from {opacity: 0; -moz-transform: scale(0); transform: scale(0) } to {opacity: 1; -moz-transform: scale(1); transform: scale(1) } }

@-ms-keyframes testim-show {
  from {
    opacity: 0; -ms-transform: scale(0); transform: scale(0)
  }
  to {
    opacity: 1; -ms-transform: scale(1); transform: scale(1)
  }
}

@-o-keyframes testim-show {
  from {
    opacity: 0; -o-transform: scale(0); transform: scale(0)
  }
  to {
    opacity: 1; -o-transform: scale(1); transform: scale(1)
  }
}

@keyframes testim-show {from {opacity: 0; transform: scale(0) } to {opacity: 1; transform: scale(1) } }

@-webkit-keyframes testim-hide {from {opacity: 1; -webkit-transform: scale(1); transform: scale(1) } to {opacity: 0; -webkit-transform: scale(0); transform: scale(0) } }

@-moz-keyframes testim-hide {from {opacity: 1; -moz-transform: scale(1); transform: scale(1) } to {opacity: 0; -moz-transform: scale(0); transform: scale(0) } }

@-ms-keyframes testim-hide {
  from {
    opacity: 1; -ms-transform: scale(1); transform: scale(1)
  }
  to {
    opacity: 0; -ms-transform: scale(0); transform: scale(0)
  }
}

@-o-keyframes testim-hide {
  from {
    opacity: 1; -o-transform: scale(1); transform: scale(1)
  }
  to {
    opacity: 0; -o-transform: scale(0); transform: scale(0)
  }
}

@keyframes testim-hide {from {opacity: 1; transform: scale(1) } to {opacity: 0; transform: scale(0) } }

#mc_embed_signup.footer-form {
  width: 100%; background: 0
}

.testim-cover h2 {
  text-align: center; padding:0px 0 20px; font-size: 40px; font-weight: 700; font-family: "Lato", sans-serif;color: #FFF;margin:0
}

.reviews img {
  width: 26px; margin: auto;
}

.testim .cont div span b {
  color: #c1282d; font-size: 23px; display: block
}

.testim .cont div span {
  color: #939598; font-size: 18px; margin: 15px 0
}

.quote {
  position: absolute; top: 10%
}

img.icon1 {
  position: absolute; left: 12%; top: 21%
}

img.icon2 {
  position: absolute; left: 4%; top: 45%
}

img.icon3 {
  position: absolute; top: 65%; left: 7%
}

img.icon4 {
  position: absolute; right: 10%; top: 21%
}

img.icon5 {
  position: absolute; right: 4%; top: 45%
}

img.icon6 {
  position: absolute; right: 12%; top: 75%
}

div#LoginDiv form#data_frm.form-contain {
  max-width: 600px; margin: auto; width: 100%
}

.testim .arrow small {
  font-size: 0
}

.tabset>input[type="radio"] {
  position: absolute; left: -200vw
}

.tabset .tab-panel {
  display: none
}

.tabset>input:first-child:checked~.tab-panels>.tab-panel:first-child, .tabset>input:nth-child(3):checked~.tab-panels>.tab-panel:nth-child(2), .tabset>input:nth-child(5):checked~.tab-panels>.tab-panel:nth-child(3), .tabset>input:nth-child(7):checked~.tab-panels>.tab-panel:nth-child(4), .tabset>input:nth-child(9):checked~.tab-panels>.tab-panel:nth-child(5), .tabset>input:nth-child(11):checked~.tab-panels>.tab-panel:nth-child(6) {
  display: block
}

.tabset>label {
  position: relative; display: inline-block; padding: 15px 15px 25px; border: 1px solid transparent; border-bottom: 0; cursor: pointer; font-weight: 600; margin-bottom: -1px !important
}

.tabset>label::after {
  content: ""; position: absolute; left: 15px; bottom: 10px; width: 22px; height: 4px; background: #8d8d8d
}

.tabset>label:hover, .tabset>input:focus+label {
  color: #2c3b5c
}

.tabset>label:hover::after, .tabset>input:focus+label::after, .tabset>input:checked+label::after {
  background: #2c3b5c
}

.tabset>input:checked+label {
  border-color: #ccc; border-bottom: 1px solid #fff; margin-bottom: -1px;
}

.tab-panel {
  padding: 30px 0; border-top: 1px solid #ccc
}

.stud-diamond-new h3 {
  font-size: 18px; color: #2c3b5c; font-weight: bold; margin-bottom: 0
}

.stud-new-description p {
  font-size: 16px; text-transform: capitalize; color: #444; margin-top: 10px;
}

.match-diamond-table .stud-diamond-new table th {
  color: #666 !important
}

body .match-diamond-table .stud-diamond-new table .bg-head {
  background: #2c3b5b !important; color: #FFF !important; font-weight: bold !important
}

body .match-diamond-table .stud-diamond-new table .bg-yellow {
  background: #fed700 !important; color: #666 !important
}

.match-diamond-table .stud-diamond-new table .fs-16 {
  font-size: 15px !important
}

.selling-start .d-flex {
  justify-content: space-around
}

.selling-start {
  background: #2c3c5b url(../homepage/images/g-bg.png); margin-left: 200px; margin-right: 200px; padding: 10px 0; border-radius: 50px; background-size: cover; background-repeat: no-repeat; position: relative
}

a.selling-button {
  width: 100%; height: 100%; position: absolute; top: 0; left: 0
}

.start-heading h3 a {
  font-size: 35px; color: #FFF; text-transform: uppercase
}

.start-heading p a {
  color: #FFF; font-size: 19px
}

.button-new a.btn.btn-primary {
  background: #fff; border-radius: 25px 25px 0 25px; width: 100%; font-size: 18px; padding: 10px 40px; margin: 10px 0; color: #2c3b5c
}

.jewelry-ex .bull-title {
  margin-left: 25px
}

.jewelry-ex .card-icons {
  background: #2c3c5b; border-radius: 20px; padding: 20px
}

.jewelry-ex .bull-column {
  display: flex; padding: 10px; align-items: center; border-radius: 20px
}

.jewelry-ex .card-icons img {
  min-width: 60px
}

.jewelry-ex .bull-title p {
  color: #888; font-size: 18px; line-height: 27px
}

.jewelry-ex .bull-title h3 {
  font-size: 18px; line-height: 110%; color: #000; font-weight: 600
}

.jewelry-ex .bull-title h1 {
  color: #37519f1f; font-weight: bold; position: absolute; top: -62px; font-size: 170px; line-height: 255px; text-align: center; z-index: 1
}

.padding-120 {
  padding-top: 120px
}

.f20 {
  font-size: 20px
}

.mob-view {
  display: none
}

.inline-item h3 {
  margin: 0
}

section.jewelry-ex .card-icon {
  background: #2c3c5b !important; border-radius: 20px; padding: 12px
}

.jewelry-ex .bull-column.card:hover .card-icon {
  background: #fed700 !important
}

span.gia {
  background: url(../homepage/images/gia.png); font-size: 0; background-position: -14px 23px; background-repeat: no-repeat
}

.bull-column.card:hover span.gia {
  background-position: -14px -90px
}

span.stock {
  background: url(../homepage/images/dollar-symbol.png); font-size: 0; background-position: -14px 23px; background-repeat: no-repeat
}

.bull-column.card:hover span.stock {
  background-position: -14px -90px
}

span.scale {
  background: url(../homepage/images/scale.png); font-size: 0; background-position: -14px 23px; background-repeat: no-repeat
}

.bull-column.card:hover span.scale {
  background-position: -14px -90px
}

span.microscope {
  background: url(../homepage/images/microscope.png); font-size: 0; background-position: -14px 23px; background-repeat: no-repeat
}

.bull-column.card:hover span.microscope {
  background-position: -14px -90px
}

section.jewelry-ex .card {
  background: transparent
}

section.jewelry-ex .inline-item h3 {
  margin: 0
}

.shop-column.card:hover .card-icon {
  background: #fed700
}

.shop-column.card:hover .card-icon span {
  color: #c1282d
}

.red-color {
  color: #c1282d
}

.home-diamond h4.filter-title {
  font-weight: bold
}

.curve-button {
  border-radius: 0!important; font-size: 16px !important; margin: 10px 0 !important; padding: 10px 15px !important; display: block; line-height: initial !important; height: auto !important; color: #FFF !important; font-weight: normal !important; text-transform: inherit !important
}

img.rapnet {
  width: 267px; padding-bottom: 20px; margin: auto; display: block
}

.bg-blue {
  background: #2c3c5b
}

.diamond-column .jewelry-title h3 {
  font-size: 25px; text-align: center
}

.diamond-column button.btn.btn-primary.jeweley-compare {
  width: 46%; text-align: center; display: block; margin: 18px auto 7px; padding: 8px; background: #c1282d; border: 0; color: #fed700
}

.diamond-column button.btn.btn-primary.jeweley-compare:hover {
  background: #fed700; color: #c1282d
}

.search-table-flex {
  display: flex; flex-flow: row wrap; max-width: 1600px; width: 100%; margin: auto; justify-content: center
}

.search-table-flex .diamond-image {
  margin-left: 0
}

.search-table-flex .diamond-image img {
  width: 100%; padding: 0; border-radius: 0; background: #efefef; height: 214px; object-fit: cover
}

.pairs_grid_design .search-table-flex .diamond-image img {
  width: 100%; padding: 0; border-radius: 0; background: #efefef; height: 300px; object-fit: cover
}

.search-table-flex .large-font li a {
  font-size: 15px
}

.search-table-flex .medium-font.full-width-text li a {
  font-size: 15px
}

.medium-font.full-width-text li a span {
  font-weight: bold
}

.search-table-flex .button-yellow {
  background-color: #fed700; border-radius: 2px; padding: .5px 1px
}

.search-table-flex .heart-icon {
  position: absolute; right: 1px; top: -1px
}

.search-table-flex .heart-icon i.yellow {
  font-size: 3px; padding-top: 0; padding-top: 1px
}

.search-table-flex .heart-icon .yellow {
  color: #fed700; background: #2c3b5c; border-radius: 4px; width: 4.5px; height: 4.5px
}

.radio-button.list-grid input[type="radio"] {
  position: absolute
}

ul.diamond-row-data.full-width-text.icon-search-grid {
  display: flex; align-items: center; justify-content: space-around
}

ul.diamond-row-data.full-width-text.icon-search-grid {
  border-top: 1px solid #CCC; padding-top: 3px; padding-bottom: 0
}

ul.diamond-row-data.full-width-text.icon-search-grid li i {
  font-size: 17px; color: #aba9a9; line-height: inherit
}

ul.diamond-row-data.full-width-text.icon-search-grid input {
  width: 20px; height: 20px
}

ul.diamond-row-data.full-width-text.icon-search-grid li i.remove-short {
  color: red !important
}

ul.diamond-row-data.full-width-text.icon-search-grid li a.red-eye-btn i {
  color: red !important
}

ul.diamond-row-data.full-width-text.icon-search-grid li:hover i {
  color: #2c3c5b
}

.radio-button.list-grid.view-icon-diamond.pull-right label#Label-DiamondView-Obj-1 {
  background: #2c3b5c !important
}

.filter-bar-diamond {
  display: flex; width: 100%; justify-content: space-between !important; flex-wrap: wrap !important; align-items: center
}

.radio-button.list-grid.view-icon-diamond .btn.btn-primary {
  background: #aba9a9; border: 0;border-radius: 0;
}

.radio-button.list-grid.view-icon-diamond .btn.btn-primary.active {
  background: #2c3b5c !important; color: #fed700 !important;border-top-left-radius: 50px;border-bottom-left-radius: 50px;
}

.green-dot {
  font-size: 30px; position: absolute; left: 20px; z-index: 99; top: 20px; background: green; width: 12px; height: 12px; border-radius: 50%
}

.red-dot {
  background: red; font-size: 30px; position: absolute; left: 20px; z-index: 99; top: 20px; width: 12px; height: 12px; border-radius: 50%
}

.yellow-dot {
  background: #fed700; font-size: 30px; position: absolute; left: 20px; z-index: 99; top: 20px; width: 12px; height: 12px; border-radius: 50%
}

.diamond-image {
  position: relative
}

.grid-match-arrow {
  position: relative; width: 67px; display: flex; justify-content: center
}

.grid-match-arrow:before {
  content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 20em; height: 20em
}

.grid-match-arrow {
  text-shadow: .1em .1em .5em rgb(0 0 0 / 50%); margin: 0; position: absolute; left: 50%; top: 50%; display: none
}

.grid-match-arrow svg {
  width: 60px; position: absolute; left: -30px; right: 0; background: #fed700; height: 53px; padding: 5px
}

.match-grid-box {
  display: flex; width: 44%; position: relative; border: 2px solid rgba(0, 0, 0, 5%); margin: 30px; box-sizing: border-box; box-shadow: 6px 8px 7px 0 rgb(0 0 0 / 7%); min-height: 457px
}

li.check-dimaond-grid input {
  width: 20px; height: 20px; vertical-align: bottom; margin: 0
}

ul.right-grid-filter, ul.left-grid-filter {
  align-items: center
}

#QuickViewPopUpBox .modal-header button.close {
  position: absolute; right: 6px
}

#QuickViewPopUpBox .modal-header {
  padding: 0; border-bottom: 0; min-height: auto
}

.left-grid-filter, .right-grid-filter {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0px
}

.ship-text-flex .input-group, .ship-item-filter {
  display: flex; align-items: center
}

.ship-text-flex .input-group input, .ship-item-filter select {
  width: 74%
}

.grid-match-total-ct {
  width: 100%; background: #21385a; text-align: center !important
}

.grid-match-total-ct td span+span {
  padding: 0 1vw
}

.grid-match-total-ct li span.span-yellow {
  color: #fed700; font-size: 19px; font-weight: bold
}

.grid-match-total-ct li span.span-white {
  color: #FFF; font-size: 19px
}

ul.diamond-row-data.full-width-text.icon-search-grid.grid-match-total-ct {
  display: flex; justify-content: center; padding: 6px 10px; column-gap: 25px
}

.match-ble-grid {
  position: absolute; width: 100%; bottom: -5px; left: 0
}

.g-recaptcha div {
  width: 100% !important
}

.g-recaptcha iframe {
  width: 100%
}

.print-button-new svg {
  width: 100px; height: 100px; margin-bottom: 7px;
}

.print-button-new label {
  margin:4px 10px; width: 138px !important; padding: 20px !important; height: auto !important;float:none !important
}

.print-button-new svg {
  display: block;
}

.print-button-new span {
  font-weight: 700; color: #000;
}

.modal-header.print-view-modal-new {
  min-height: 0 !important; padding: 0 !important;
}

.modal-header.print-view-modal-new .modal-header .close {
  margin-top: -8px !important;
}

.sortorderactive {
  border: solid 1px #fed700; background: #fed700; border-radius: 7px; color: #2c3b5b; text-transform: uppercase; padding: 0 5px; text-decoration: none; margin: 0 2px 5px; float: left;
}

.sorting-grid-style .grid-sord-ord {
  color: #2c3b5c;font-size: 12px;border-radius: 50px; width: 25px; height: 25px; display: block; padding: 2px;background: #FFF;
}

.sorting-grid-style .grid-sord-ord.sortorderactive {
  float: none; background: #fed700 !important; border: 0; color: #2c3b5b; padding: 0px;margin-bottom: 0
}

.sorting-grid-style p {
  margin-bottom: 0 !important;
}

.list-grid.view-icon-diamond label {
  position: relative;
}

.list-grid.view-icon-diamond label:hover p.tool-hover:before {
  width: 0; height: 0; border-width: 0 4.5px 9px 4.5px; border-color: transparent transparent #2C3B5C transparent; border-style: solid; position: absolute; left: 2px; content: ""; top: -7px;
}

.list-grid.view-icon-diamond label p {
  display: none;
}

.list-grid.view-icon-diamond label:hover p.tool-hover {
  display: block; position: absolute; background: #2c3b5c; left: 0; top: 37px; font-size: 13px; padding: 7px; color: #fed700; border-radius: 5px;
}

.log-desc {
  text-align: center;
}

.pro-line.text-center {
  margin-top: 10px;
}

.home-diamond label.diam-shape.btn.btn-primary.active, .home-diamond label.diam-shape.btn.btn-primary:active, .home-diamond label.diam-shape.btn.btn-primary:hover {
  background: #FFF !important; border: 1px solid #2c3b5b !important; border-radius: 7px !important; box-shadow: 2px 5px 10px rgb(35 31 32 / 60%); padding: 8px 0 0;
}

.dia-input .home-diamond .btn-group.shape-list>.btn, .dia-input .home-diamond .btn-group-vertical.shape-list>.btn {
  margin: 0;
}

.home-diamond label.diam-shape.btn.btn-primary.active p, .home-diamond label.diam-shape.btn.btn-primary:active p, .home-diamond label.diam-shape.btn.btn-primary:hover p {
  color: #FFF; background: #2c3b5b; padding: 7px 0;
}

.dia-input .home-diamond .btn-group.shape-list .btn.active path, .dia-input .home-diamond .btn-group.shape-list .btn:active path, .dia-input .home-diamond .btn-group.shape-list .btn:hover path {
  fill: #2c3b5b !important;
}

.dia-input .home-diamond .btn-group.shape-list .btn.active svg#marquise path, .dia-input .home-diamond .btn-group.shape-list .btn.active svg#marquise polyline, .dia-input .home-diamond .btn-group.shape-list .btn.active svg#Layer_1 circle {
  stroke: #2c3b5b !important;
}

.flip-card {
  position: relative;
}

.flip-card i.fa.fa-eye {
  position: absolute; right: 10px; bottom: 10px; font-size: 21px; z-index: 9999; color: #2c3b5b;
}

.flip-card-front.dark {
  box-shadow: 0 0 30px rgb(0 0 0 / 7%); border-radius: 20px; background-color: #fff;
}

.flip-card-back:after, .flip-card-front:after {
  background-color: #fff !important;
}

.flip-card-back {
  background-color: #fff !important; box-shadow: 0 0 30px rgb(0 0 0 / 7%);
}

.shop-title h3 {
  font-size: 24px; font-weight: 700; color: #000;
}

span.offer-label {
  position: absolute; right: -13px; z-index: 99; top: -5px;
}

span.offer-label img {
  width: 50px;
}

span.offer-label.label-new img {
  width: 35px !important;
}

.widget.widget-3 li {
  display: inline-block; margin: 3px 0px;
}

span.offer-label.label-new.offer-new-both {
  top: 20px;
}

.templateSection.templateHeader {
  padding: 0 !important;
}

section.contact-amipi {
  margin: 35px 0 0;
}

section.contact-map {
  padding: 35px 0; margin-top: 0;
}

.contact-amipi .main-title {
  text-transform: capitalize; font-weight:bold; color: #1D1D1D; font-size: 45px; padding-bottom: 25px; font-family: "Lato", sans-serif;
}

.contact-amipi .cont_box {
  text-transform: capitalize; border-radius: 20px; border: 1px solid rgba(239,240,246,100%); box-shadow: rgba(239, 240, 246,100%) 0px 4px 12px; display: flex; justify-content: space-around; padding: 20px 0; margin-bottom: 35px;
}

.contact-amipi .cont_box:hover {
  cursor: pointer; border-radius: 20px; border: 1px solid rgba(239,240,246,100%); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.26);
}

.contact-amipi .cont_box .txt_box {
  color: 2c3c5b; font-weight:500; font-size: 23px; margin: auto 0px; width:75%;
}

.contact-amipi .cont_box:hover i {
  background-color: #C1282D !important;
}

.scl_icn .icn_box:hover i {
  background: #2c3c5b !important;
}

.contact-amipi .submit-btn:hover {
  background: #C1282D !important;
}

.contact-amipi .cont_box .g_icn {
  position: relative; text-align: center; width:60px; height:60px; font-size:30px; line-height:2em; border-radius:50%; background-color: #2c3c5b; color: #fff;
}

.contact-amipi .txt_box h3 {
  font-size: 28px; margin: 0; font-weight: 680; color: 1D1D1D; padding-bottom: 20px;
}

.contact-amipi .txt_box p {
  color: 2c3c5b;
}

.contact-amipi .custom-col {
  float: left; margin:0px 2px 0px 0px;
}

.contact-amipi .title {
  text-align:center; display: block; padding:0px 10px;
}

.contact-amipi .icon {
  text-align: center;
}

.contact-amipi .txt_box a {
  display: inline-block; color: #2c3c5b; text-decoration: none; font-weight: 400; text-transform: none; line-height: 2.1;
}

.contact-amipi .txt_box .scl_icn i {
  font-weight: 200; background-color: #C1282D; color: #fff; border-radius: 50px; line-height: 2.1; width: 50px; height: 50px; margin: 10px auto; display:block;
}

.contact-amipi .form {
  border-radius: 20px; box-shadow: rgba(8, 15, 52, 0.03) 0px 4px 22px 0px; padding: 25px; border: 1px solid rgba(239,240,246,100%);
}

.contact-amipi .form .form-group {
  text-transform: capitalize; position: relative;
}

.contact-amipi .form-group textarea {
  resize: none; outline: none; border: 1px solid rgba(239, 240, 246, 1); box-shadow: rgba(08,016,34,0.3) 0px 4px 25px 0px; height: 184px !important; width: 100%;
}

.contact-amipi .form_label {
  font-size:18px; display: block; margin-bottom: 20px; font-weight:50; color: 1D1D1D;
}

.contact-amipi .form .form_icon {
  position: absolute; padding:1px; font-size:20px; text-align:center; color: #2C3C5B;
}

.contact-amipi .form-input.p-15 {
  padding: 15px !important;
}

.contact-amipi .form .form-input {
  position: relative; height: 55px; padding-left:45px; border-radius: 10px; outline: none; background: #FFFFFF; border: 1px solid #EFF0F6; box-shadow: 0px 4px 22px rgba(8, 15, 52, 0.03);
}

.contact-amipi .form-group .chack {
  position: relative; width: 100%;
}

.contact-amipi .form-group .check {
  position: absolute; left:35px; color: rgba(44, 60, 91, 1); font-style: normal; font-weight: 400; font-size: 16px; letter-spacing:1px;
}

.contact-amipi textarea::placeholder, .contact-amipi.form-group input::placeholder {
  font-weight: 500; color: #555;
}

.contact-amipi .form-group .txt {
  margin-top: 10px; padding: 10px; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #555555;
}

.contact-amipi .submit-btn {
  width: 100%; height: 80px; border-radius: 40px 40px 40px 40px; background-color: #2C3C5B; color: #FFFFFF; font-size: 20px; font-weight: bold; margin-top: 40px; margin-bottom: 20px; border: 0;
}

.contact-amipi .btn:hover {
  color: #FFFFFF; background-color:2C3C4a;
}

.contact-amipi .form-group svg {
  position: absolute; z-index: 1; left: 24px; top: 59px;
}

.top-title {
  background: url(/images/amipi-contact-bg.jpg); padding: 100px 0; text-align: center; background-size: cover;
}

#testimonials {
  display: flex; justify-content: center; align-items: center; flex-direction: column; width:100%; padding-bottom: 100px;
}

.testimonial-heading {
  letter-spacing: 1px; margin: 30px 0px; padding: 10px 20px; display: flex; flex-direction: column; justify-content: center; align-items: center;
}

.testimonial-heading h4 {
  text-align: center; padding: 20px; font-size: 40px; font-weight: 700;
}

.testimonial-box-container {
  display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width:100%;
}

.testimonial-box {
  width:500px;  padding: 20px; cursor: pointer;
}

.profile-img {
  width:80px; height: 80px; border-radius: 50%; overflow: hidden; margin-right: 10px;
}

.profile-img img {
  width: 100%; height: 100%; object-fit: cover; object-position: center;
}

.profile {
  display: flex; align-items: center;
}

.name-user {
  display: flex; flex-direction: column;text-align: center;
}

.name-user strong {
  color: #3d3d3d; font-size: 18px; letter-spacing: 0.5px;
}

.name-user span {
  color: #979797; font-size: 0.8rem;
}

.reviews {
  color: #f9d71c; text-align: center;
}

.box-top {
  display: flex; justify-content: center; align-items: center; margin-bottom: 20px;
}

.client-comment p {
  font-size: 15px; color: #4b4b4b; line-height: 21px;  overflow: hidden;text-align: center;
}

#testimonials a:hover, #testimonials a:hover button {
  text-decoration: none !important; color: #2c3c5b !important;
}

.slider-testimonial.slick-initialized.slick-slider {
  position: relative !important;
}

.slider-testimonial {
  margin: 0 auto; width: 100%;
}

.slider-testimonial .slick-slide {
  margin: 0 5px;
}

.slider-testimonial .slick-list {
  margin: 0px -5px 0px -5px;
}

.slick-slide.slick-current.slick-active.slick-center {
  transform: scale(1.1);
}

.slider-testimonial button.slick-next {
  right:0 !important;bottom: -50px
}

.slider-testimonial button.slick-prev {
  left: 0 !important; bottom: -50px
}

.slider-testimonial button.slick-arrow:hover, .slider-testimonial button.slick-arrow:focus, .slider-testimonial button.slick-arrow:active {
  background: #fed700;
}

.slider-testimonial .slick-arrow {
  display: block; position: absolute; color: #939598; cursor: pointer; font-size: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; width: 40px !important; height: 40px !important; z-index: 22222222; background: #fff; border-radius: 50%; box-shadow: 2px 0 20px rgba(0, 0, 0, 10%); bottom: 0; top: auto;
}

.testimonial_center {
  position: relative; max-width: 1600px; margin: auto;
}

.testimonial_center .slick-dots {
  left: 0;right: 0
}

.testimonial_center .slick-dots li.slick-active button:before {
  color: #Fed700;opacity: 1
}

.testimonial_center .slick-dots li button:before {
  color: #FFF;opacity: 1
}

.slider-testimonial .slick-next::before {
  content: "";
}

.slider-testimonial .slick-prev::before {
  content: "";
}

.slider-testimonial .slick-next::before, .slider-testimonial .slick-prev::before {
  font-family: FontAwesome !important; color: #939598; opacity: 1; font-size: 22px;
}

.slider-testimonial .slick-slide {
  margin-bottom: 35px; height: 100%; background:rgba(255, 255, 255, 0.3); display: flex !important; align-items: center; justify-content: center;border-radius: 10px;position: relative;margin: 20px 14px;opacity: .5;min-height: 364px;
}

.slick-slide.slick-current.slick-active.slick-center {
  transform: scale(1.1);background: #FFF;opacity: 1;
}

span.ship-text {
  width: 81px;
}

form#data_frm.cmxform.form-horizontal.adminex-form {
  padding-bottom: 83px;
}

small.pass-intru p {
  font-size: 10px; color: red; text-align: center !important;
}

.width-auto {
  width: auto !important;
}

.footer-address br {
  display: none;
}

.stud-new-video iframe {
  max-width: 550px; margin: auto;
}

.video-match table.table.table-border {
  border: 1px solid #ddd;
}

.bt-0 {
  border-top: 0 !important;
}

.f-12 {
  font-size: 12px !important;
}

ul.app-icon.d-flex img {
  width: 120px;
}

ul.app-icon.d-flex li::marker {
  content: none;
}

.stud-diamond-new td.word-space-col {
  word-break: break-all;
}

.center-img-col .tab-panels {
  margin: auto; text-align: center;
}

.stud-diamond-new p.ship {
  font-size: 13px; font-weight: bold; color: #2c3b5c; margin: 13px 0;
}

body .stud-diamond-new table.table.table-responsive.custom-inner-table td, body .stud-diamond-new table.table.table-responsive.custom-inner-table th {
  border: 1px solid #DDD !important;
}

.stud-diamond-new td.padding-right.custom-50.mobile-full {
  border: none;
}

.sticky-wrapper.is-sticky #pro-header {
  display: none;
}

ul.check-group.certified-icon {
  padding: 0; text-align: center;
}

.certified-icon img {
  border: 1px solid #ccc; padding: 3px; width: 100%; border-radius: 2px; box-shadow: 0 1px 12px rgb(0 0 0 / 7%);
}

ul.check-group.certified-icon li {
  position: relative;
}

ul.check-group.certified-icon > li {
  float: left; list-style: outside none none; margin-right: 10px; width: 68px;
}

ul.check-group.certified-icon li input[type="checkbox"] {
  position: absolute; left: 0; right: 0; width: 100%; height: 100%; opacity: 0; top: 0; cursor: pointer;
}

ul.check-group.certified-icon span {
  font-size: 13px;
}

.newsletter.row.hidenewsletter {
  display: none;
}

ul.check-group.certified-icon .active img {
  border:2px solid #2c3b5c;
}

ul.check-group.certified-icon .active span {
  color:#2c3b5c;font-weight: bold;
}

.stud-n-button p {
  padding: 21px 10px !important; text-align: center; font-size: 20px !important; background: red; color: #FFF !important;
}

.stud-n-button {
  width: 280px; margin: 18px auto 0;
}

h6.text-center.stud-n-par {
  line-height: 35px;
}

.stud-n-button a {
  text-decoration: none !important;
}

.stud-n-button p a {
  color: #FFF;
}

.stud-n-button p a:hover, .stud-n-button a:hover p, .stud-n-button p.go.curve-button:hover, .stud-n-button p.go.curve-button a:hover {
  color: #2c3b5c !important;
}

label.btn.btn-primary.bg-red {
  background: #ad0f0e; color: #FFF; line-height: 16px; text-align: center; padding: 4px 13px !important;border: 1px solid #ad0f0e;border-radius: 50px
}

label.btn.btn-primary.bg-red path#Shape {
  fill: #FFF;
}

li.avail-dot p, .avail-icon p {
  display: none;
}

li.avail-dot:hover p {
  left: -66px;
}

li.avail-dot:hover p, .avail-icon:hover p {
  display: block; color: #FFF; position: absolute; left: -10px; font-size: 13px; top: 0px; padding: 4px 7px; border-radius: 5px;
}

li.avail-dot:hover p.tool-dot-g, .avail-icon:hover p.tool-dot-g {
  background: green;
}

li.avail-dot:hover p.tool-dot-y, .avail-icon:hover p.tool-dot-y {
  background: #Fed700;
}

li.avail-dot:hover p.tool-dot-r, .avail-icon:hover p.tool-dot-r {
  background: #ad0f0e;
}

p.pair-button {
  text-align: center;
}

#delay-pair-popup p.log-desc {
  font-weight: 300; line-height: 23px; margin: 14px 0 25px;
}

.about-rjc p {
  font-size: 18px; line-height: 35px;
}

.about-rjc {
  padding: 30px 0 20px;
}

.col-sm-12.about-rjc.d-flex img {
  border-radius: 9px; box-shadow: 0 10px 10px rgb(0 0 0 / 17%);
}

footer.bg-dark-blue.mt-35.pt-20.hidenewsletter {
  padding: 0 !important; margin-top: 0 !important;
}

.diamond-type-div-class label.btn.btn-primary.bg-red svg .cls-2 {
  fill: none; stroke: #FED700;
}

.diamond-type-div-class label.btn.btn-primary.bg-red svg {
  width: 75px; margin-top: 0px;
}

.diamond-type-div-class label.btn.btn-primary.bg-red svg .cls-1, .diamond-type-div-class label.btn.btn-primary.bg-red svg .cls-3 {
  fill: #FED700 !important;
}

.diamond-type-div-class label.btn.btn-primary.bg-red.active svg .cls-1, .diamond-type-div-class label.btn.btn-primary.bg-red.active svg .cls-3 {
  fill: #2c3b5c !important;
}

.diamond-type-div-class label.btn.btn-primary.bg-red.active svg .cls-2 {
  stroke:  #2c3b5c !important;
}

.f-cpn.border#coupon_amt_div p.cpn-title {
  font-size: 20px !important;
}

.f-cpn.border#coupon_amt_div p {
  padding: 10px 0 !important; font-size: 16px !important; margin-bottom: 0 !important;
}

.f-cpn.border#coupon_amt_div p strong, .f-cpn.border#coupon_amt_div p span {
  font-size: 16px !important;
}

.f-cpn.border#coupon_amt_div p.cpn-title {
  border-bottom-left-radius: 0; border-bottom-right-radius: 0;
}

.f-cpn.border#coupon_amt_div p.cpn-border {
  border-top-right-radius: 0; border-top-left-radius: 0;margin-bottom: 10px !important;
}

.f-cpn.border#coupon_amt_div p.cpn-title {
  background: #fed700 !important; color: #2c3b5c !important;font-weight: bold;
}

.cpn-border {
  border-color:#fed700 !important;
}

#StudListDiv span.ship-truck-icon:hover .ship-quick {
  display: block;
}

#StudListDiv span.ship-quick {
  position: absolute; left: -7px; background: #2c3b5c; color: #FFF; padding: 3px 6px; font-size: 12px; border-radius: 5px; display: none; top: 0; line-height: 14px;
}

.checkout-design-page .OrdereProductsClass .listing-table th {
  background: #2c3b5c !important; color: #FFF !important; text-align: center !important;
}

.cart-listing .listing-table th {
  background: #2c3b5c !important; color: #FFF !important; text-align: center !important;
}

.checkout-design-page #OrderCheckoutForm .ac-title {
  background: #2c3b5c; color: #FFF; margin-top: 15px; border-top-left-radius: 10px; border-top-right-radius: 10px;
}

.checkout-design-page #OrderCheckoutForm .ac-title h3 {
  color:  #FFF
}

.checkout-design-page #OrderCheckoutForm .ac-title button {
  color: #FFF
}

.checkout-design-page #OrderCheckoutForm .info-block p {
  line-height: 20px;
}

.checkout-design-page .info-wrap #OrderCheckoutForm .info-block {
  border-color: #ddd; box-shadow: 0 0 20px rgb(0 0 0 / 17%); border: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
}

.wire-ach .container {
  margin: inherit;
}

.info-box.wire-ch {
  border: 1px solid #CCC; padding: 0 15px;
}

.checkout-design-page input[type=radio] {
  position: absolute; opacity: 0; z-index: 1; width: 22px; height: 22px;
}

.checkout-design-page input[type=radio]:checked + .radio-label:before {
  background-color: #3197EE; box-shadow: inset 0 0 0 4px #f4f4f4;
}

.checkout-design-page input[type=radio] + .radio-label:before {
  content: ""; background: #f4f4f4; border-radius: 100%; border: 1px solid #b4b4b4; display: inline-block; width: 16px; height: 16px; position: relative; top: 4px; margin-right: 0px; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease;
}

label.radio-label {
  font-size: 16px; font-weight: 600; margin-right: 16px;
}

.info-wrap .info-block {
  border: solid 1px #ddd; padding: 15px !important; margin: 0 0 30px; min-height: 225px; box-shadow: 0 0px 30px rgb(0 0 0 / 10%); border: 0;
}

.checkout-design-page textarea {
  border: 1px solid #CCC; border-radius: 10px;
}

.checkout-design-page .info-block, .checkout-design-page .info-block span {
  min-height: auto !important;font-size: 16px !important
}

.footer-flex {
  display: flex;justify-content: center;
}

#webdev {
  display:none;
}

.cart-listing {
  box-shadow: 0 0px 30px rgb(0 0 0 / 10%); padding: 25px; border-radius: 15px;
}

.cart-total-sticky {
  position: sticky;position: -webkit-sticky;top: 0;z-index: 2;border-left: 1px solid #f6f6f6; height: 100vh; padding: 0 12px;
}

.cart-update-design .text-details {
  margin-left:auto;
}

.cart-update-design .btn {
  padding: 3px;background-color:#2c3b5b;border: 1px solid #2c3b5b;color: white;font-size: 18px;width: 100%;text-align: center;border-radius: 0 !important;margin-top:-4px
}

.cart-update-design .address {
  color:#2c3b5b;
}

.cart-update-design button a {
  color:white;
}

.cart-update-design .total {
  font-weight: 700;font-size: 26px !important;;
}

.cart-update-design .bordered-bottom {
  border-bottom:1px solid #ddd;padding-bottom: 10px;display: flex;
}

.cart-update-design .bordered-bottom h6 {
  font-weight: 600;font-size: 14px;
}

.cart-update-design h6.center {
  margin-top: 45px;
}

.cart-update-design .list-head {
  margin:10px 0px;
}

.cart-update-design .list-details {
  margin:10px 0px;
}

.cart-update-design .img-details {
  margin:25px 0px;display: flex;
}

.cart-update-design .Quantity {
  width:15%;vertical-align:top;
}

.cart-update-design .img-box {
  width:60%;padding-left: 10px;
}

.cart-update-design .remove input[type="button"] {
  background-color:#2c3b5b;color: white;border:1px solid white;font-size: 12px;border-radius: 50%;
}

.cart-update-design .img {
  position: relative;margin-right: 25px;
}

.cart-update-design .remove {
  position:absolute;top:-9px;left: -7px;
}

.cart-update-design tr.thead {
  background-color: #2c3b5b;border-bottom: 1px solid #ddd;color: white;
}

.cart-update-design .details p {
  text-align: left; margin:5px 0px;font-size: 15px;
}

.cart-update-design th {
  padding: 15px 0px;
}

.cart-update-design td {
  border-bottom: 1px solid #ddd;border-top: 0 !important;border-right: 0 !important;
}

.cart-update-design .appply-code {
  display:flex;
}

.cart-update-design .appply-code {
  margin:25px 0px;justify-content: end;
}

.cart-update-design button {
  padding: 10px;border: 1px solid #ddd;
}

.cart-update-design .slider-bar p {
  text-align:left;
}

.cart-update-design .img img {
  max-width: 120px; width: 100%; height: 101px; object-fit: contain; background: #FFF;
}

.cart-update-design .subtotal.st {
  vertical-align:top;padding-top:25px;font-weight:600;text-align: left;
}

.cart-update-design .price.pr {
  vertical-align:top;padding-top:25px;font-weight: 600;text-align: left;
}

.cart-update-design .Quantity.qty {
  vertical-align:top;padding-top:25px;text-align: left;
}

.cart-update-design .details h6 {
  color:#2c3b5b;text-align: left;font-weight: 600;font-size: 18px;
}

.cart-update-design button {
  border-radius:5px;background-color:#2c3b5b; border: 1px solid #2c3b5b;
}

.cart-update-design button:hover {
  background-color: #fed700;border:1px solid black;
}

.cart-update-design button:hover a {
  text-decoration: none;color:black;
}

.cart-update-design p.font {
  font-style: italic;font-size:13px;line-height: 23px;font-family: Arial, Helvetica, sans-serif;color:#000;font-weight: 600;
}

.cart-update-design .font-color {
  color:#adafba;
}

.cart-update-design .quantity .buttons_added {
  display:block;
}

.cart-update-design .number {
  display: none;
}

.cart-update-design input#quantity {
  width: 70%;text-align: center;
}

.cart-update-design .main-row {
  display:flex;margin:0px;gap:15px;
}

.cart-update-design .col-xl-4 {
  margin-top: 23px;
}

.cart-update-design .update-cart {
  margin-left: 24px;
}

.cart-update-design .col-xl-8 {
  width: 100%;
}

.cart-update-design .coupons {
  font-weight: 600;
}

.cart-update-design .bold {
  font-family:Arial, Helvetica, sans-serif;line-height: 23px;
}

.cart-update-design a:hover {
  text-decoration: none;
}

.cart-update-design .details a {
  color:#2c3b5b;font-weight: 500;
}

.cart-update-design input.common-btn.CheckoutButtClass {
  padding: 10px; background-color: #fed700; border: 1px solid #2c3b5b; color: #2c3b5b; font-size: 18px; width: 100%; text-align: center;
}

.cart-update-design input.common-btn.CheckoutButtClass:hover {
  background-color: #2c3b5b;color: #fed700;
}

.row.d-flex.cart-update-design {
  align-items: inherit !important;
}

.row.d-flex.cart-update-design .listing-table {
  margin-top: 0 !important;border: 1px solid #ddd;
}

.cart-update-design tr:last-child td {
  border: 0 !important;
}

.cart-update-design td.img {
  text-align: center;
}

p.metal-type-detail {
  margin-top: 10px;
}

.cart-update-design tr:nth-child(even) {
  background: #f8f8f8;
}

.cart-update-design table.table {
  margin-bottom: 0;
}

.cart-update-design .btn-block {
  margin-bottom: 0; margin-top: 20px;
}

.cart-update-design .continue-shopping {
  background-color:#fed700;color: #2c3b5b
}

.cart-update-design .common-btn {
  padding: 10px 20px
}

.cart-update-design .name a {
  color: #2c3b5b !important; font-weight: 600 !important;
}

.checkout-address .heading-chek {
  background: #2c3b5c; color: #FFF; margin-top: 15px; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 15px
}

.checkout-address .heading-chek h3 {
  margin: 0; font-size: 16px;
}

.checkout-address .add-block-check {
  border: solid 1px #ddd; padding: 15px !important; margin: 0 0 30px; min-height: 225px; box-shadow: 0 0px 30px rgb(0 0 0 / 10%); border: 0;
}

.checkout-address .heading-chek button {
  float: right; border: 0; background: 0; font-size: 14px; font-weight: 400; font-family: "Lato", sans-serif; color: #FFF; padding: 3px;
}

.badge.badge-secondary {
  background: #2c3b5b; width: 25px; height: 25px; border-radius: 50%; line-height: 20px; font-size: 18px; text-align: center;
}

.product-sec ul li {
  list-style: none; line-height: 18px;
}

.product-sec ul.list-group li.border-bottom {
  margin-bottom: 25px; padding-bottom:25px;
}

.pro-description span.title a {
  color: #2c3b5b;
}

.pro-description span.title {
  font-size: 16px; font-weight: 550;
}

.color-blue {
  color: #2c3b5b;
}

.color-grey {
  color: #878787;
}

.pro-desc {
  font-size: 15px;line-height: 22px;
}

.metal-style {
  line-height: 15px !important; font-size: 13px;
}

.color-grey strong {
  color: #2c3b5b;
}

.product-sec .list-group {
  box-shadow: none;
}

.unit-price select {
  border: 1px solid #CCC; border-radius: 5px;
}

.unit-price li label, .unit-price li strong {
  font-size: 14px
}

.unit-price li {
  font-size: 16px;
}

.unit-price .price h4 {
  font-size: 22px
}

.checkout-design-page.width-1440 {
  box-shadow: 0 0px 30px rgb(0 0 0 / 10%); padding: 0 25px; border-radius: 15px;
}

.pro-description ul {
  padding-left: 0
}

.product-sec.mb-30 .img {
  max-width: 120px; margin: auto; width: 100%;
}

.product-sec .d-flex {
  display: flex; align-items: center;
}

.product-sec .bg-white {
  background-color: #fff;
}

.product-sec .d-md-none {
  display: none;
}

.product-sec .d-md-block {
  display:block;
}

.product-sec .d-none {
  display: none;
}

.product-sec .d-block {
  display: block;
}

.product-sec .flex-wrap {
  flex-wrap: wrap;
}

.product-sec .gap-10 {
  gap:10px ;
}

.product-sec .flex-1 {
  flex: 1;
}

.product-sec .justify-content-center {
  justify-content: center;
}

.product-sec .border {
  border: 1px solid #ddd !important;
}

.product-sec .border-bottom {
  border-bottom: 1px solid #ddd !important;
}

.product-sec .border-none {
  border: 0px !important; box-shadow: none !important;
}

.product-sec .mt-0 {
  margin-top: 0px;
}

.product-sec .mb-3 {
  margin-bottom: 15px;
}

.product-sec .mx-0 {
  margin-right: 0px; margin-left: 0px;
}

.product-sec .my-0 {
  margin-top: 0px !important; margin-bottom: 0px !important;
}

.product-sec .my-15 {
  margin-top: 15px; margin-bottom: 15px;
}

.product-sec .p-0 {
  padding: 0px !important;
}

.product-sec .pl-0 {
  padding-left: 0px !important;
}

.product-sec .pr-0 {
  padding-right: 0px !important;
}

.product-sec .px-0 {
  padding-left: 0px !important; padding-right: 0px !important;
}

.product-sec .pt-15 {
  padding-top: 15px !important;
}

.product-sec .py-0 {
  padding-top: 0; padding-bottom: 0;
}

.product-sec .pb-0 {
  padding-bottom: 0px;
}

.product-sec .pl-15 {
  padding-left: 15px !important;
}

.product-sec .list-group-item {
  border-top-left-radius: 4px; border-top-right-radius: 4px; border-radius: 0px 0px 0px 0px  !important;
}

.badge.badge-secondary {
  background: #2c3b5b; width: 25px; height: 25px; border-radius: 50%; line-height: 20px; font-size: 18px; text-align: center;
}

.product-sec h3 {
  padding: 10px 0; font-size: 26px; text-transform: capitalize; color: #000; border-bottom: 1px solid #ddd;margin-top: 0
}

.free-shipping li.list-group-item {
  border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !important; padding-top: 5px; padding-bottom: 5px;
}

.free-shipping .total {
  font-size: 18px; font-weight: 550; background-color: transparent;
}

.sec-right {
  height: 100vh; position: sticky !important; right: 0; top: 0; padding: 12px; border-left: 1px solid #f6f6f6;
}

.sec-right label.pl-15 {
  font-size: 18px; padding-left: 15px !important; color: #00000073;
}

.sec-right .input-group.mb-3 {
  position: relative; margin-left: 8px; display: table; border-collapse: separate; margin-bottom: 15px;
}

.sub-total-right p.text-right {
  color: #2c3b5b; font-weight: bold; font-size: 16px;
}

.free-shipping .total {
  font-size: 18px; font-weight: 500; background-color: transparent;
}

.free-shipping ul.list-group {
  border-bottom: 1px solid #ddd;
}

.sec-right .input-group.mb-3 .common-btn.btn.btn.btn-secondary {
  border: 1px solid #ddd; background-color: #2c3b5c; color: #fff;
}

.sec-right .input-group.mb-3 input#CouponCode {
  border-top-left-radius: 5px; width: 100%; border-bottom-left-radius: 5px;
}

.sec-right input#checkout_butt {
  float: none !important;  width: 100%;  margin-bottom: 5px; margin-top: 10px; font-size: 16px; padding: 10px 16px;
}

.sec-right button.custom-btn {
  background-color: #2c3b5c !important; margin: auto; color: #fff; margin-bottom: 5px; margin-top: 10px;
}

.sec-right i.fa-solid.fa-cart-shopping {
  background: #fed700; padding: 6px; border-radius: 5px; color: #2c3b5b; margin-right: 10px;
}

@media (max-width:767px) {
  #backdrop_image .row {
    width: 100% !important;min-width: auto !important;padding:0 !important
  }
  .metal-type-detail li label {
    font-size: 11px;
  }
  #pro-header-sticky-wrapper {
    display: none !important;
  }
  .product-sec ul.list-group {
    overflow-x: scroll;
  }
  .product-sec ul.list-group li.d-flex.justify-content-center.border-bottom .img img {
    width: 120px; margin: auto; object-fit: cover;
  }
  .product-sec ul.list-group li.d-flex.justify-content-center.border-bottom {
    width: 100%; justify-content: unset !important;  flex-direction: row;
  }
  .product-sec ul.list-group li.d-flex.justify-content-center.border-bottom .d-flex.mx-0.flex-1 {
    white-space: nowrap; flex-direction: row; align-items: baseline;
  }
  .ProductDetailsImageBox .video-wrapper {
    height: 500px;
  }
  .ProductDetailsImageBox .video-wrapper iframe {
    height: 460px;
  }
}

.product-sec label input {
  position: absolute; left: -9999px;
}

.product-sec label input:checked + span {
  background-color: #d6d6e5;
}

.product-sec label input:checked + span:before {
  box-shadow: inset 0 0 0 0.4375em #00005c;
}

.product-sec label span {
  display: flex; align-items: center; padding: 0.375em 0.75em 0.375em 0.375em; border-radius: 99em; transition: 0.25s ease;
}

.product-sec label span:hover {
  background-color: #d6d6e5;
}

.product-sec label span:before {
  display: flex; flex-shrink: 0; content: ""; background-color: #fff; width: 1.2em; height: 1.2em; border-radius: 50%; margin-right: 0.375em; transition: 0.25s ease; box-shadow: inset 0 0 0 0.125em #2c3b5b;
}

.shipping-method.product-sec .d-flex {
  align-items: initial; justify-content: flex-start;
}

span.ShippingClass.notes-ship.CurrentShippingClass4 {
  display: block;
}

.pay-info {
  margin-left: 25px;
}

#freeShippingMethod span.button.common-btn {
  text-align: center; display: block; width: 145px; padding: 10px; margin: auto; font-size: 18px !important;
}

.Shipping-Block-Data.text-right {
  color: #2c3b5b; font-weight: bold; font-size: 16px;
}

.price-cross {
  font-size: 25px; color: red; opacity: .6;padding-right: 5px
}

tr.studs-tr-border .big img, tr.studs-tr-border .big video {
  width: 100%;
}

tr.studs-tr-border .big video {
  width: 100%; height: 350px;
}

span.stud-light.remove-bg-button.text-center a {
  color: #FFF;
}

span.stud-light.remove-bg-button.text-center {
  background: none;
}

.shadow-container {
  border-radius: 15px; box-shadow: 0 0 30px rgb(35 31 32 / 10%); background-blend-mode: multiply; margin-top: 15px; padding: 30px;
}

.pair-design .search-mobile-view-table {
  margin:20px
}

.pair-design .search-mobile-view-table {
  width: 22%;
}

@media (min-width:1201px) and (max-width:1500px) {
  .pair-design .search-mobile-view-table {
    flex:0 0 25%
  }
}

@media (min-width:1201px) and (max-width:1366px) {
  .pair-design .search-mobile-view-table {
    flex:0 0 28%
  }
}

@media (min-width:921px) and (max-width:1099px) {
  .pair-design .search-mobile-view-table {
    flex:30% !important
  }
}

.checkout-design-page.width-1440 {
  box-shadow: 0 0px 30px rgb(0 0 0 / 10%); padding: 0 25px; border-radius: 15px; margin-top: 75px;
}

.c-pay-box .info-wrap .ac-title {
  background: #f9f9f9; padding: 15px;
}

.checkout-design-page #paymentMethodmessage_8 .ac-title {
  background: #2c3b5c; color: #FFF; margin-top: 15px; border-top-left-radius: 10px; border-top-right-radius: 10px;
}

.checkout-design-page .wire-ach .ac-title p {
  font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; color: #fff;
}

.checkout-design-page .info-block, .checkout-design-page .info-block span {
  min-height: auto !important; font-size: 16px !important;
}

.c-pay-box .paymentboxinline {
  display: flex; flex-direction: column; border-bottom: 0px; padding-left: 0px;
}

.c-pay-box .col-xs-12.col-md-3.col-sm-3 {
  position: sticky; height: 100%; top: 0; padding-left: 0px; padding-top: 12px;
}

.c-pay-box .col-xs-12.col-md-9.col-sm-9 {
  border-left: 1px solid #ccc;
}

.product-sec label:hover {
  background: none!important; border-radius: 5px;
}

.c-pay-box .paymentboxinline.tabs-left {
  border-bottom: none;
}

.c-pay-box .paymentboxinline.tabs-left>li {
  float: none; padding: 10px; border-bottom: 1px solid #ccc;  border-radius: 0 !important;
}

.c-pay-box div#paymentMethodmessage_2, .c-pay-box div#paymentMethodmessage_8 {
  margin-top: 15px;
}

.c-pay-box div#paymentMethodmessage_7, .c-pay-box div#paymentMethodmessage_9 {
  padding: 15px !important; margin: 90px 5px; box-shadow: 0px 0px 10px -3px #ccc; border-radius: 5px; width: 80%; margin: 90px auto;
}

.c-pay-box .paymentboxinline.tabs-left>li>a {
  display: block; width: 100%; text-decoration: none; height: 100%; padding: 15px 0px; background: none !important;
}

.c-pay-box ul.paymentboxinline.tabs-left>li.active>a, .c-pay-box ul.paymentboxinline.tabs-left>li.active>a:focus, .c-pay-box ul.paymentboxinline.tabs-left>li.active>a:hover {
  border: 0px;
}

.c-pay-box .paymentboxinline.tabs-left>li.active>a>label, .c-pay-box .paymentboxinline.tabs-left>li.active>a>label:hover, .c-pay-box .paymentboxinline.tabs-left>li.active>a>label:focus {
  border:0px; width: 100%; display: block; color: #fed700 !important; cursor: pointer;
}

.c-pay-box .paymentboxinline.tabs-left>li.active {
  position: relative; background-color: rgb(44 59 91); border-radius:5px; color: #fed700 !important;
}

.c-pay-box .paymentboxinline.tabs-left.sideways>li>a {
  border: 0PX; color: #333333;
}

.c-pay-box .paymentboxinline.tabs-left.sideways li:hover a {
  color: #fed700 !important;
}

.c-pay-box .paymentboxinline.tabs-left.sideways li {
  position: relative; cursor: pointer; z-index: 0; border-radius:5px; padding: 0px 10px;
}

.c-pay-box .tabs-left.sideways li:before {
  content: " "; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(44 59 91); transform: scaleX(0.005); transform-origin: 0 50%; transition: transform .5s ease-out; color: #fed700 !important; border-radius: 5px;
}

.c-pay-box .tabs-left.sideways li:hover:before {
  transform: scaleX(1); border-radius: 5px;
}

.c-pay-box .info-box.wire-ch {
  border: 1px solid #CCC; padding: 0px 15px 15px;
}

@media (max-width: 768px) {
  .c-pay-box .col-xs-12.col-md-3.col-sm-3 {
    position:unset;
  }
}

.jewl-cert img {
  max-width: 550px;
}

.diamond-data.similar-text-style .detail-border {
  border-bottom: 1px solid #CCC;
}

.design-3 .btn-group.btn-group-justified label.btn.btn-primary {
  background: #FFF !important; border-radius: 0px !important; padding:10px 5px !important; display: block; font-size: 12px !important; cursor: pointer; margin: auto; -webkit-box-shadow: 0px 7px 8px -6px rgb(0 0 0 / 9%); -moz-box-shadow: 0px 7px 8px -6px rgb(0 0 0 / 9%); box-shadow: 0px 7px 8px -6px rgb(0 0 0 / 9%); border-right: 1px solid #dbdada !important; display: table-cell; border: 0;
}

.design-3 .btn-group.btn-group-justified label.btn.btn-primary:hover {
  color: #fed700; background-color: #2c3b5b !important;
}

.design-3 .btn-group.btn-group-justified label.btn.btn-primary.active {
  color: #fed700 !important; background-color: #2c3b5b !important;
}

.design-3 .btn-group.btn-group-justified:before {
  position: absolute; content: ""; width:4px; height: 37px; background: #FED700; left: 0px; z-index: 3;
}

.design-3 .btn-group.btn-group-justified:after {
  position: absolute; content: ""; width:4px; height: 37px; background: #FED700; right: 0; z-index: 3; top: 0;
}

.design-3 .btn-group-justified>.btn {
  width: inherit;
}

.qty-button input {
  text-align: center; padding: 19px 15px !important; border-radius: 0 !important; background: #FFF !important; border:0 !important; -webkit-box-shadow: 0px 7px 8px -6px rgb(0 0 0 / 9%)!important; -moz-box-shadow: 0px 7px 8px -6px rgb(0 0 0 / 9%)!important; box-shadow: 0px 7px 8px -6px rgb(0 0 0 / 9%) !important;
}

.qty-button span.input-group-btn.first button, .qty-button span.input-group-btn.last button {
  border: 0; padding: 10px 13px; font-size: 10px; height: 35px; transition: all 0.3s ease-in; border-radius: 50%; background-color: #fff; color: #2c3b5b; position: absolute; z-index: 3; top: 3px; background: none !important;
}

.qty-button span.input-group-btn.first button {
  margin-right: 5px; left: 0px;
}

.qty-button span.input-group-btn.last button {
  margin-left: 5px; right: 0px;
}

.qty-button span.input-group-btn.first {
  border-left:4px solid #fed700;
}

.qty-button span.input-group-btn.last {
  border-right:4px solid #fed700;
}

ul.filter-controll.qty-button {
  display: flex;justify-content: space-between;
}

.design-3 .input-block {
  margin-top: 10px;
}

.design-3 h4.filter-title {
  padding: 5px 10px; min-height: 39px; line-height: 27px; color: #444; border-bottom: 1px solid #fed700;display:flex;
}

.block-one-stud-two.shape-icon-diamond label {
  width: 100px !important;
}

.design-3 .block-three .btn-group.btn-group-justified label.btn.btn-primary {
  padding: 10px 2px !important;
}

.footer-c-logo img {
  width: 123px;filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.5));aspect-ratio: 1 / 1;height: auto;
}

.radio-modal {
  max-width: 600px; width: 100%; margin: auto;
}

.radio-card-box {
  border-left: 4px solid #Fed700; border-radius: 0; border-right: 4px solid #fed700; box-shadow: 0px 7px 8px -6px rgb(0 0 0 / 9%); padding:6px 4px;
}

.radio-modal .block {
  display: block; height: 100%; margin: auto; line-height: 30px; text-align: center; margin:0 10px 10px; display: inline-block; width: 28%;
}

.radio-modal .block span {
  display: block; text-align: center; border-bottom: 1px solid #Fed700; margin-bottom: 5px; font-size: 16px;
}

label.asc-label {
  border-top-left-radius: 10px; border-bottom-left-radius: 10px;
}

label.desc-label {
  border-top-right-radius: 10px; border-bottom-right-radius: 10px;
}

.radio-modal .red-box {
  display: inline-block !important; margin: 0px !important; border-top-left-radius: 5px; border-bottom-left-radius: 5px;
}

.radio-modal input[type=radio]:checked + label {
  cursor: default;
}

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

.radio-modal label {
  position: relative; display: inline-block; padding: 3px 3px 3px 20px; cursor: pointer; margin-bottom: 0;
}

.radio-modal label::before {
  position: absolute; content: ""; top: 50%; left: 0; width: 14px; height: 14px; margin-top: -8px; background: #fff; border: 1px solid #ccc; border-radius: 100%;
}

.radio-modal input[type="radio"]:checked + label::after {
  position: absolute; content: ""; top: 50%; left: 3px; width: 8px; height: 8px; margin-top: -5px; background: #fad700; border-radius: 100%;
}

#mc_embed_signup form {
  padding: 10px 0 10px 10px !important;
}

@media (max-width:446px) {
  .radio-modal {
    flex-wrap: wrap;
  }
}

.prod-detail .prod-desc.jewelry-d-page .blue-name {
  font-size: 24px; font-family: "Lato", sans-serif; font-weight: 500; color: #333; text-transform: uppercase; margin: 12px 0 !important;
}

.prod-detail .prod-desc.jewelry-d-page p {
  font-size: 18px !important;
}

.ddl-select {
  visibility:hidden;
}

.ddl {
  position:relative; height:40px; width:100%; text-align:initial;
}

.ddl::after {
  content: ""; position: absolute; top: 20px; right: 6px; width: 15px; height: 2px; background: #444444; z-index: 99; transform: rotate(-40deg); transition: 0.5s;
}

.ddl::before {
  content: ""; position: absolute; top: 20px; right: 16px; width: 15px; height: 2px; background: #444444; z-index: 99; transform: rotate(40deg); transition: 0.5s;
}

.ddl.active::after {
  right:16px;
}

.ddl.active::before {
  right:6px;
}

.ddl-input {
  position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; border-radius:0; padding:9px 18px !important; outline:none; background:url(/images/drop-dwon-ar-bg.jpg) !important; background-repeat: no-repeat!important; background-position: right !important; border:1px solid #d6d8dd !important; font-size: 14px !important; font-weight: 400; color: #333333 !important;
}

.ddl.active .ddl-options {
  visibility:visible; opacity:1;
}

.ddl .ddl-options {
  position: absolute; width: 100%; top:49px; border-radius: 0; background: #fff; visibility:hidden; opacity: 0; transition: 0.25s; z-index: 999; border: 1px solid #d6d8dd; overflow-y:scroll;height: 350px;
}

.ddl .ddl-options > div {
  padding: 10px 20px; cursor:pointer; border-bottom: 1px solid #d6d8dd; color: #333333; font-size: 16px; line-height: 16px;
}

.ddl .ddl-options > div {
  margin: 0; padding:9px 10px; cursor: pointer; color: #606060; font-weight: 400;  color: #333333; font-size: 14px; line-height: 16px;
}

.ddl .ddl-options > div:hover {
  background: #e6e6e6; color: #333333; border-radius: 0;
}

.ddl-options.ddl-options-product_attributes_1 {
  border-bottom: 1px solid #d6d8dd;
}

.ddl-options.ddl-options-product_attributes_1 div {
  border-bottom: 0;
}

.prod-extra .dia-filter.dia-input .common-btn {
  margin-top: 10px !important;
}

.ddl-options.ddl-options-product_attributes_1 div, .ddl-options.ddl-options-diamond_quality div, .ddl-options.ddl-options-ChooseOption div {
  position: relative; min-height: 35px; padding: 9px 37px;
}

.ddl-options.ddl-options-product_attributes_1 div:before, .ddl-options.ddl-options-ChooseOption div:before {
  position: absolute; top: 17px; left: 8px; width: 16px; height: 1px; content: ""; background: #ccc;
}

.ddl-options.ddl-options-product_attributes_1 div:after, .ddl-options.ddl-options-ChooseOption div:after {
  position: absolute; top: 17px; left: 15px; width: 1px; height: 100%; content: ""; background: #ccc;
}

.ddl-options.ddl-options-diamond_quality div img {
  position: absolute; top: 5px; left: 5px; width: 23px; content: ""; background-size: contain; background-repeat: no-repeat;
}

.home-diamond.design-3 .btn-group.btn-group-justified button.btn.btn-primary.dropdown-toggle {
  background: #FFF !important; border: 0; color: #000 !important; min-height: 37px; box-shadow: 0px 7px 8px -6px rgb(0 0 0 / 9%);
}

.dia-filter.dia-input .home-diamond.design-3 .dropdown-menu>li>a {
  width: auto !important;
}

.dia-filter.dia-input .home-diamond.design-3 .dropdown-menu>li>a label:hover {
  color: #fed700 !important;
}

iframe.jck-app {
  width: 100%; max-width: 100%; height: 500px;
}

.container-shadow {
  border-radius: 15px; box-shadow: 0 0 30px rgb(35 31 32 / 10%); background-blend-mode: multiply; margin-top: 40px !important; margin-bottom: 40px !important; padding: 25px;
}

.info-wrap.ship-add .ac-title {
  background: #2c3b5b; color: #FFF; margin-top: 15px; border-radius: 10px; position: relative;
}

.info-wrap.ship-add #accordion .panel .panel-heading .panel-title a {
  width: 100%; height: 100%; position: absolute; left: 0; top: 0;
}

.info-wrap.ship-add .ac-title button {
  color: #FFF;padding: 0;
}

.info-wrap.ship-add .info-msg {
  margin:4px 0px
}

.reg-wrap.shipping-form input[type="text"], .reg-wrap.shipping-form input[type="password"], .reg-wrap.shipping-form select {
  font-size: 14px !important; position: relative; height: 55px; padding-left: 15px; padding-right: 15px; border-radius: 10px; outline: none; background: #FFFFFF; border: 1px solid #EFF0F6; box-shadow: 0px 4px 22px rgba(8, 15, 52, 0.03);
}

.reg-wrap.shipping-form input[type=submit] {
  padding: 11px 30px;
}

.info-wrap.ship-add .info-block th {
  background: #f6f6f6;
}

.info-wrap.ship-add .info-block {
  min-height: auto !important; box-shadow: none; padding: 0 !important;
}

.info-wrap.ship-add #accordion .panel, .info-wrap.ship-add #accordion .panel-heading, .info-wrap.ship-add #accordion panel-title, .info-wrap.ship-add #accordion .panel-body {
  border: 0;
}

.info-wrap.ship-add #accordion .panel {
  box-shadow: none;
}

.info-wrap.ship-add #accordion .panel .panel-heading {
  border-radius: 0; background: no-repeat; padding: 0;
}

.info-wrap.ship-add #accordion .panel .panel-heading .panel-title a {
  text-decoration: none; padding: 1em 0;
}

.info-wrap.ship-add #accordion .panel .panel-heading .panel-title span {
  float: right; width: 50px; position: relative; right: -30px; top: -2px;
}

.info-wrap.ship-add #accordion .panel .panel-heading .panel-title span:after {
  content: "—"; color: #FFF; font-size: 20px;
}

.info-wrap.ship-add #accordion .panel .panel-heading .panel-title .collapsed + span:after {
  content: "+";
}

.info-wrap.ship-add .ac-title button {
  position: relative; z-index: 99;
}

.card-design-ship.d-flex {
  gap: 20px; align-items: normal !important; padding: 20px 0;
}

.card-design-ship.d-flex .card {
  flex: 0 0 25%; padding: 20px;; border: 1px solid #f6f6f6; border-radius: 10px; background: #FFF;
}

.card-design-ship .card input {
  display: none;
}

.card-design-ship .card.active-ship {
  box-shadow: 0 5px 20px rgba(0,0,0,18%); position: relative;
}

.card-design-ship .card.active-ship:after {
  content: ""; background: url(/images/scheck.png); width: 25px; height: 25px; position: absolute; top: 4px; right: 3px; background-size: contain;
}

.m-0 {
  margin-bottom: 0;
}

.ship-button-check {
  margin: auto; display: block; padding: 13px 27px; background: #fed700; color: #2c3b5c;
}

.width-1600 {
  max-width: 1600px;width: 100%;margin: auto;
}

article.card-wrapper {
  padding: 20px; border-radius: 7px; box-shadow: 0 0 30px rgba(35,31,32,10%); overflow: hidden;
}

p.product-description__title {
  font-size: 18px; color: #2c3b5b; line-height: 21px; margin-top: 0;  margin-bottom: 0;
}

p.product-description__title.stud-para p {
  color: #606060; font-size: 14px; margin-top: 6px; height: 21px; overflow: hidden; font-weight: 300;
}

p.product-description__title a {
  color: #2c3b5b; text-decoration: none;height: 40px
}

.image-liquid {

}

.image-liquid img {
  max-width: 100%; vertical-align: middle; border-style: none; height: 100%;
}

.product-description .list-inline {
  margin-bottom: 0;
}

.m-20 {
  margin-bottom: 20px !important;
}

.slick-prev:before, .slick-next:before {
  color: #2c3b5b !important;
}

.product-description .slick-prev {
  left: -25px !important;
}

.product-description .slick-next {
  right: -25px !important;
}

.quality li.active {
  color: #2c3b5b; border: 1px solid #2c3b5b !important; border-radius: 6px;font-size: 15px !important;box-shadow: 4px 5px 5px rgba(98, 96, 96, 70%);
}

.quality li {
  border: 1px solid #ededed;  text-align: center; border-radius: 10px; color: #777; height: 39px; line-height: 36px;
}

.product-description .slick-slide {
  margin: 0px 5px !important;
}

.product-description .list-inline {
  margin-bottom: 0;
}

.shape-caros h3 {
  font-size: 14px; margin: 0; text-align: left; padding-bottom: 6px; border-bottom: 1px solid #d7d7d7; margin-bottom: 4px; margin-top: 19px; display: block; color: #444; font-weight: 400;
}

.product-description .list-inline {
  margin-bottom: 0; margin-left: 0; margin-right: 0; position: relative;
}

.quality.shape-caros.m-20:last-child {
  border: 0 !important;
}

.quality.shape-caros.m-20 {
  position: relative; padding-bottom:0; margin-bottom: 0;
}

.product-description .slick-prev, .product-description .slick-next {
  z-index: 9;
}

.product-description .slick-prev:before, .product-description .slick-next:before {
  font-family: "slick"; font-size: 16px !important; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 9; padding: 8px; position: relative;
}

.product-description .slick-prev:before, .product-description .slick-next:before {
  font-family: fontawesome !important; position: relative; z-index: 9;
}

.product-description .slick-prev:before {
  content: "" !important;
}

.product-description .slick-next:before {
  content: "" !important;
}

a.carat_weight_icon {
  width: 100%; height: 100%; position: absolute; left: 0; top: 0;
}

.product-description ul.list-inline.slider_shape li {
  position: relative; display: flex !important; align-items: center; justify-content: center; padding: 0 5px;opacity: 1 !important
}

.product-description ul.list-inline.slider_shape li:hover {
  border-color: #2c3b5b; color: #2c3b5c;
}

.product-description__price {
  font-weight: bold; font-size: 20px; background: #f1f1f1; color: #2c3b5b; padding: 10px 0; text-align: center;
}

.product-description__price a {
  color: #2c3b5b;
}

.product_row {
  display: flex; flex-wrap: wrap;margin:0px !important;
}

.slider_shape input {
  width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; opacity: 0;
}

.pord-listing-wrap .product_row .product_col .prod-list-block.product_card {
  text-align: left !important; position: relative; height: 100%; background-color: #fff; cursor: pointer; border-radius: 5px; box-shadow: 0px 0px 12px rgba(35,31,32,12%); margin: 0 !important; padding: 0 !important;
}

.product-description {
  padding-left: 25px; padding-right: 25px; padding-bottom: 15px;
}

.product_col.col-sm-3.studz.StudActiveClass {
  background: none !important; border: 0 !important;
}

.product_col.col-sm-3.studz {
  padding-bottom: 20px;
}

.slider_shape label {
  margin-bottom: 0; font-size: 13px; font-weight: 400; padding: 0;
}

.product_row .product_col .pord-listing-wrap .prod-list-block {
  margin-bottom: 0
}

.prod-img.product_thumb img {
  max-width: 100%; vertical-align: middle; border-style: none; height: 350px; object-fit:contain;
}

.slider_shape .slick-current.slick-active li {
  background: transparent;
}

.product-description ul.list-inline.slider_shape li.active {
  color: #2c3b5b;
}

.product_col.col-sm-6.col-md-6.col-lg-4.studz.col-xs-12 {
  margin-bottom: 20px;
}

.product-description__price p {
  margin-bottom: 0; font-size: 16px;font-weight:600;
}

.pord-listing-wrap .product_row .product_col .prod-list-block.product_card .product-description__price {
  display: flex; justify-content: space-between; align-items: center;
}

.product-description-variation-details.d-flex {
  justify-content:space-between !important;
}

.product-description-variation-details.d-flex p {
  color: #2c3b5c; margin-top: 5px; margin-bottom: 5px; font-weight: 300;
}

.product-description-variation-details.d-flex p + p {
  color: #606060;
}

.font-size-14 span {
  font-size: 14px;
}

.img-text-earth span, .img-text-earth {
  display: flex; align-items: center; color: #606060;
}

.img-text-earth span {
  font-weight: 400;
}

.img-text-earth svg {
  width: 23px !important; margin-right: 8px;
}

.img-text-earth span {
  padding-right: 7px;
}

.detail-bar .product-description__price, .product-description-variation-details.d-flex {
  padding-left: 25px; padding-right: 25px;
}

.button-loader {
  position: absolute; z-index: 9; top: 0; left: 0; right: 0; height: 100%; background: rgba(255,255,255,0.50); width: 100%;
}

.button-loader img {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
}

.product-description__price p.select-text {
  font-size: 14px; font-weight: 300; width: 100%; display: contents;
}

.d-flex.column-divide .metal-type {
  width: 100%;
}

.d-flex.column-divide {
  align-items: inherit;
}

.d-flex.column-divide .diamond-stud-filter .diamond-origin .shape-list label.btn.btn-primary {
  width: 100% !important;
}

.d-flex.column-divide .diamond-stud-filter .shape-list label.btn.btn-primary {
  width: 75px !important; justify-content: center !important; gap:4px !important
}

.stud-action-filter ul.action.product-d-action {
  display: flex; justify-content: space-between; margin: 0 !important; align-items: center;
}

.stud-action-filter ul.action.product-d-action .common-btn, .stud-action-filter ul.action.product-d-action .wishlist-btn {
  background-color: transparent; color: #aba9a9; font-size: 17px;  padding: 3px 10px;
}

.stud-action-filter ul.action.product-d-action .common-btn:hover, .stud-action-filter ul.action.product-d-action .wishlist-btn:hover {
  background-color: #2c3b5b;color: #FED700
}

.stud-action-filter ul.action.product-d-action .common-btn a {
  color: #666;
}

.stud-action-filter ul.action.product-d-action .common-btn:hover a {
  color: #FED700
}

@media (max-width:768px) {
  .d-flex.column-divide .diamond-stud-filter .diamond-origin .shape-list label.btn.btn-primary {
    width: auto !important;
  }
  body .select-stud-style.stud-col-head h2 {
    font-size: 30px !important;padding: 6px 0 0 !important;
  }
  .select-stud-style.stud-col-head {
    max-width: 100%;
  }
  body .metal-type, body .select-stud-filter, body .metal-stud-filter {
    margin: 6px 0 !important;
  }
  body .prod-filter-wrap .d-flex label {
    margin-bottom: 5px !important;
  }
  .product-description .slick-prev:before, .product-description .slick-next:before {
    padding: 0;
  }
  .product-description .slick-prev {
    left: -17px !important;
  }
  .product-description .slick-next:before {
    right: 6px;
  }
  .prod-detail-wrap .prod-slide .big video {
    width: 100% !important;
  }
}

.select-stud-style.stud-col-head .heading-studs-inner {
  background: transparent; padding: 0;
}

.select-stud-style.stud-col-head {
  max-width: 95%; margin: auto;
}

.stud-col-head p {
  padding: 0 !important;font-size: 18px;
}

.stud-col-head .notice {
  color: red !important;
}

.select-stud-style.stud-col-head h3 {
  font-size: 48px !important;
}

.stud-action-filter {
  padding-left: 25px; padding-right: 25px;
}

@media (min-width: 1200px) and (max-width:1366px) {
  .product_col.col-sm-6.col-md-6.col-lg-4.studz.col-xs-12 {
    width: 50%;
  }
}

#SearchStyleNumber {
  height: 41px;
}

.favorite i.fa.fa-heart {
  margin-right: 10px;
}

#SearchStyleNumber, .ship-style select {
  border: 1px solid #CCC; background: white; padding: 7px 20px 7px 20px; width: 100%; font-size: 16px; font-family: monospace; cursor: pointer; margin-bottom: 0; border-radius: 15px
}

.ship-style label[for=favcity]::after {
  content: " "; position: absolute; right: 5px; top: 5px; width: 30px; height: 31px; display: block; background: #2c3b5b url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOBAMAAAGq7RFVAAAAJ1BMVEX///////////////////////////////////////////////////9Ruv0SAAAADHRSTlMACAoREoKDt7y9zc5qtZoyAAAAcklEQVQIHQXBsQnCUAAFwFOCCKbIABaWERzi1yaFAzmEpHYEC8GUKVQEkbyhvOOkZqdWt0/QYKqLzQeF7dv6y/RLwa2wYtk4Xxxe+t8yd1WuM/rcUc2gYHEeoP02umSgTR50ybBPRuiSZAS6ZAQ4jgCAPyjYJiRH4fymAAAAAElFTkSuQmCC) no-repeat center center; pointer-events: none; border-radius: 50px
}

.d-flex.justify {
  justify-content: space-between !important; flex-wrap: wrap !important; gap: 20px;
}

.ship-style {
  position: relative; display: flex; align-items: center;
}

.ship-style.margin-left a.selectBox.FancySelectBoxClass.selectBox-dropdown {
  border: 5px solid #eee;
}

.ship-style.margin-right label {
  flex: 1; margin-bottom: 0;
}

.ship-style.margin-left.c_stud_sort_by_contain label {
  margin-bottom: 0;
}

.dropdown.cart.TotalCompareItemsClass.center {
  flex: auto; text-align: center;
}

.dropdown.cart.TotalCompareItemsClass.center a {
  position: relative;
}

.dropdown.cart.TotalCompareItemsClass.center a #TotalCompareItemslist {
  right: -15px;
}

.ship-style h4 {
  padding-right: 10px;
}

.pord-listing-wrap.studz-design .listing-result {
  padding: 0 30px;
}

.border-box-compare {
  display: flex; align-items: center;
}

.ship-style.margin-right .pord-listing-wrap .listing-result select {
  width: 258px;
}

.ship-style select#ships_by {
  margin-bottom: 0;
}

.ship-style h4.filter-title {
  margin-bottom: 0 !important;
}

.border-box-compare .favorite {
  padding-right: 12px;
}

.border-box-compare {
  border: 1px solid #CCC; padding: 5px 25px; background: #f7f7f7; border-radius: 15px;
}

.border-box-compare .favorite {
  padding-right:0;
}

.border-box-compare a {
  font-size: 12px; color: #666 !important; text-decoration: none;text-transform: uppercase;
}

.border-box-compare a i {
  color: #FFF; width: 30px; height: 30px; text-align: center; line-height: 30px; box-shadow: 0 2px 8px rgba(0,0,0,.1); background: #2c3b5c; border-radius: 5px;
}

.border-box-compare .dropdown.cart.TotalCompareItemsClass.center {
  padding-left: 12px;
}

.ship-style select, .ship-style select a {
  width: 200px !important; height: 41px;
}

.pord-listing-wrap.studz-design {
  padding-top: 0;
}

ul.action.product-d-action li {
  background: transparent;  color: #666; font-size: 17px; margin: 5px 10px;
}

ul.action.product-d-action li:hover {
  background-color: #2c3b5b; color: #FED700;
}

@media (max-width:1200px) {
  .d-flex.justify {
    justify-content: center !important; flex-wrap: wrap !important; gap: 20px;
  }
}

@media (max-width:991px) {
  .align-none h3 {
    margin-left: 0;
  }
  .studs-filter.width-1440.cat-filter-new .d-flex.column-divide {
    flex-wrap: wrap;padding: 0 15px;
  }
}

@media (min-width:768px) and (max-width:991px) {
  .ship-style.margin-right label {
    margin-bottom: 0;
  }
  .filter-row-style {
    margin:15px
  }
  .metal-type.main_stud_metal_filter.mb-0 {
    width: 100%;
  }
  .br-right:after {
    right:45px
  }
  .stud-cat-filter.diamond-shape.new-stone-type-filter.br-right:after {
    content: none;
  }
}

.prod-detail-wrap .prod-slide .big video {
  width: 100%;height: 774px;
}

@media (min-width: 320px) and (max-width: 767px) {
  ul.d-flex.stud-metal {
    flex-direction: row;
  }
  ul.d-flex.stud-metal label {
    width: 100% !important;
  }
  ul.d-flex.stud-metal li {
    width: auto !important;
  }
  p.blank-space {
    padding:0 0 !important
  }
  .prod-detail-wrap .prod-slide .big video {
    height: auto !important;
  }
  .instore .succeed-img.wow.fadeInRight img {
    width: 100% !important; height: auto !important;
  }
  .metal-type-detail li {
    list-style: none;width: 95px;
  }
  .slider_diamond_quality li#DiamondQuality-li-1 {
    margin-bottom: 22px;
  }
  ul.list-inline.slider_diamond_quality.padding-lr {
    display: flex;flex-wrap: wrap;
  }
}

@media (min-width: 450px) and (max-width: 767px) {
  .prod-filter-wrap .metal-type .d-flex label {
    width: 14% !important;
  }
  p.blank-space {
    padding:0 0 !important
  }
}

.stud-subtitle {
  display: inline-block; padding-left: 15px; color: #606060; font-size: 14px; margin-top: 11px; overflow: hidden; font-weight: 300; border-bottom: 1px solid #efefef; padding-bottom: 8px; width: 100%; height: 25px; margin-bottom: 0; padding-right: 15px;
}

.cert-stud-logo {
  align-items: center !important; padding: 7px 25px !important;
}

.cert-stud-logo p {
  font-size: 15px !important;  color: #2c3b5c;
}

.d-flex.cert-stud-logo {
  justify-content: space-between !important; text-align: center; font-weight: 600; margin: 27px 0; padding-top: 4px !important; padding-bottom: 4px !important;
}

.cert-stud-logo img {
  display: block; width: 60px !important; margin: auto;
}

.cert-stud-style {
  font-size: 18px; text-align: center; color: #666;  font-weight: 400;
}

.button-stud-ad {
  margin-bottom: 13px;text-align: center;clear: both;
}

.button-stud-ad a {
  background: #Fed700; color: #2c3b5b !important; border: 0; padding: 7px 15px; font-size: 16px; border-radius: 10px; margin: auto !important; display: block !important; width: 115px !important; text-align: center !important;
}

.button-stud-ad a:hover {
  background-color: #2c3b5c; color: #FFF !important;
}

.studs-filter.width-1440 label.btn.btn-primary.active {
  color: #2c3b5b !important;font-size: 15px !important;
}

.studs-filter.width-1440 .metal-stud-filter label:hover {
  color: #2c3b5b !important;font-size: 16px !important;box-shadow: 2px 2px 11px rgba(35,31,32,29%) !important;font-weight: 400;
}

.studs-filter.width-1440 .metal-stud-filter label.active {
  color: #2c3b5b !important;font-size: 16px !important;box-shadow: 2px 2px 11px rgba(35,31,32,29%) !important;font-weight: 400;border:1px solid #2c3b5b !important
}

.studlistscroll {
  display: flex; align-items: center; gap: 8px; justify-content: center; text-align: left;
}

.studlistscroll p {
  margin-bottom: 0 !important; margin-top: 0px; line-height: normal;
}

.studs-filter.width-1440 span.qualityIcon {
  margin-top: 3px;
}

.slick-slider span.qualityIcon svg {
  width: 25px !important;
}

body .metal-type-detail.product-description label.btn.btn-primary.active {
  background: transparent !important;
}

.metal-type-detail.product-description label.btn.btn-primary:hover {
  background: #fed700; color: #2c3b5b;
}

.prod-detail-wrap.prod-filter-wrap h4.filter-title:after {
  background: #d7d7d7; content: ""; position: absolute; width: 100%; height: 1px; left: 0; bottom: 0;
}

.prod-detail-wrap.prod-filter-wrap h4.filter-title {
  position: relative;
}

.prod-detail-wrap.prod-filter-wrap .product-description {
  padding: 0 !important;
}

.metal-type-detail .studlistscroll p {
  font-size: 11px; padding: 0 !important; margin-top: 0;text-align: center;
}

.quality.shape-caros.m-20 label {
  width: 100% !important
}

.quality.shape-caros.m-20 input {
  z-index: 99; width: 100%; height: 100%; left: 0; top: -4px !important;
}

.product-description ul.list-inline.slider_shape li:hover p {
  font-size: 14px !important; line-height: normal !important;
}

@media (max-width:640px) {
  iframe.instore {
    max-width: 100%; height: 100vh; margin-top: 15px;
  }
}

iframe.instore {
  margin-top: 15px;
}

span.qualityIcon {
  width: 23px; height: 23px;
}

@media (min-width:1025px) and (max-width:1400px) {
  .dia-input .diamond-stud-filter .btn-group.shape-list p {
    font-size: 11px;
  }
}

.quality.shape-caros .slick-list {
  height: 59px;
}

.product-description ul.list-inline.slider_shape li.active {
  border-color: #2c3b5c !important;
}

.product-description ul.list-inline.slider_shape li.active label, .product-description ul.list-inline.slider_shape li:hover label {
  font-size: 15px !important;
}

.product-description ul.list-inline.slider_shape li.active {
  box-shadow: 0px 2px 5px rgba(98, 96, 96, 61%);
}

@media (min-width:992px) and (max-width:1300px) {
  .metal-type-detail li p {
    line-height: 18px;
  }
}

@media (min-width:992px) and (max-width:1275px) {
  body .quality.shape-caros.m-20 .product-description p.tool-hover {
    font-size: 10px !important
  }
}

@media (min-width:992px) and (max-width:1200px) {
  .metal-type, .studz-design, .metal-color {
    padding: 0 10px !important;
  }
  .heading-studs-inner h2 {
    padding-left: 10px !important;
  }
  .studs-filter.width-1440 .heading-studs-inner h2:after {
    left: 10px !important;
  }
}

@media (min-width:768px) and (max-width:991px) {
  .d-flex.column-divide .diamond-stud-filter .diamond-origin .shape-list label.btn.btn-primary {
    width: auto !important; flex-direction: column;
  }
}

.wishlist-design {
  box-shadow: 0 0 30px rgba(35,31,32,10%); padding: 20px; border-radius: 15px; background: #FFF;
}

.wishlist-design .ac-menu li a {
  padding: 12px; font-size: 16px; margin: 0;
}

body .product-description .quality.shape-caros.m-20 p.tool-hover, body .quality.shape-caros.m-20 .product-description p.tool-hover {
  text-align: center; margin: auto;
}

.quality.shape-caros.m-20 li p.tool-hover {
  display: block; position: absolute; background: #f1f1f1; left: 0; bottom: -15px; font-size: 13px; padding: 4px 7px !important; color: #2c3b5b; border-radius: 5px; right: 0;
}

.quality.shape-caros.m-20 li.active p.tool-hover, .metal-type-detail li.slick-current p.tool-hover, .metal-type-detail li:hover p.tool-hover {
  background: #2c3b5b !important;color: #fed700 !important;
}

.wishlist-design .ac-menu li {
  margin:0 3px 3px
}

.wishlist-design .ac-menu li a {
  border-radius: 3px; background: transparent; box-shadow: 0 0 30px rgba(35,31,32,10%); border: 0 !important;
}

.wishlist-design .ac-menu li a.active, .wishlist-design .ac-menu li a:hover {
  border: 0 !important;
}

.wishlist-design .save-search th, .wishlist-design .last-search th {
  background: #2c3b5c; font-weight: 400; color: #FFF; line-height: initial !important; vertical-align: middle !important; padding: 10px; text-align: center;
}

.wishlist-design .save-search td, .wishlist-design .last-search td {
  vertical-align: middle !important; white-space: nowrap; text-align: center;
}

.wishlist-design .save-search td a, .wishlist-design .last-search td a {
  color: #2c3b5b !important;
}

.wishlist-design .my-orders ul {
  padding-left: 0;margin-top: 30px;
}

.wishlist-design .my-orders h2 {
  margin:10px 0
}

.wishlist-design .order-memo table th {
  background: #2c3b5c; font-weight: 400; color: #FFF !important; line-height: initial !important; vertical-align: middle !important; padding: 10px;
}

#ProductListTable .prod-list-block {
  text-align: left !important;position: relative;height:450px;background-color: #fff;cursor: pointer;border-radius: 5px;box-shadow: 0px 0px 12px rgba(35,31,32,12%);
}

.pord-listing-wrap #ProductListTable .prod-list-block p.detail-three, p.product-description__title a {
  height: auto;
}

.pord-listing-wrap #ProductListTable .prod-list-block span.price {
  background: transparent;
}

.pord-listing-wrap.studz-design .prod-list-block.product_card a {
  display: inherit;
}

.width6.label-item {
  font-size: 12px;color: #666;font-weight: bold;
}

.prod-detail-block .detail .row .width6 {
  font-size: 12px;
}

.search-grid-design#ProductListTable .prod-list-block {
  margin-bottom: 30px !important;
}

.clearboth {
  clear: both;
}

.login-block.n-login {
  float: none; padding:0;
}

.login-block.n-login ul {
  display: flex; justify-content: end; align-items: center; width: 100%; border: 0 !important;gap: 10px
}

.block-width {
  flex:1;
}

.amipi-wrapper.block-width {
  flex: 5;
}

.block-width .login-block ul li.name {
  float: none; width: auto; padding: 0; flex: 0 0 auto;
}

.block-width .login-block ul li:last-child {
  min-width: auto !important; float: none; width: auto !important;
}

.amipi-menu-demo-header {
  padding: 0 15px !important
}

.login-block ul li {
  width: auto !important; left:auto !important;
}

.login-block ul li ul#TopCartBox {
  width: 100% !important;display: block;
}

.login-n-design .login-button-nu {
  background: transparent; border-radius: 19px; color: #2c3b5c !important; font-weight: bold; border:1px solid #2c3b5c; padding:8px 12px 8px 14px !important; display: flex !important; align-items: center; font-size: 15px;text-decoration: none !important;
}

.login-block ul li .login-button-nu svg {
  width: 20px; height: 20px; padding: 2px; margin-left: 4px; margin-top: -2px;
}

.top-user svg {
  width: 20px; height: 20px; padding: 2px; margin-left: 4px; margin-top: -2px;
}

.cart-icon-head svg {
  width: 24px;height: 24px;
}

.cart-icon-head a {
  font-size: 0;
}

.n-login li.name .username {
  font-size: 15px; font-weight: bold;
}

.login-n-design .login-button-nu:hover {
  background: #2c3b5c !important;color: #FFF !important;
}

.login-n-design .login-button-nu:hover svg path {
  fill: #FFF
}

.login-n-design .login-button-nu:hover {
  color: #FFF
}

.top-header-user .icn_box {
  color: #FFF;
}

.top-header-user .custom-col .title {
  display: none;
}

.inner-social a {
  font-size: 18px;
}

#search-hide {
  position: relative;
}

.cirlce-search a svg {
  width: 18px; height: 18px;
}

.cirlce-search a {
  line-height: normal;
}

.search-box-2 {
  position: absolute; top: 39px; right: 0; width: 250px; height: 60px; line-height: 60px; display: none; z-index: 9
}

.search-box-2 input[type="text"] {
  width: 200px; padding: 5px 10px; border: 1px solid #CCC; outline: none;
}

.search-box-2 input[type="button"] {
  width: 80px; padding: 5px 0; color: #fff; margin-left: -6px; border: 1px solid #CCC; outline: none; cursor: pointer;
}

.cirlce-search {
  border: 1px solid #2c3b5c; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; padding: 10px; border-radius: 50%; cursor: pointer; position: relative;
}

body .hide-in-mobile .top-call.cart-icon-head {
  padding: 0 !important;
}

.search-box-2 button.btn.btn-default {
  position: absolute; top: 0; right: 0; background: #2c3b5c; color: #FFF; border-radius: 50px;
}

.display-cell .common-btn:hover {
  background: transparent !important;
}

form.header-login-box {
  padding: 20px;
}

form.header-login-box ul {
  display: flex; flex-direction: column; align-items: start !important; gap: 0 !important;
}

form.header-login-box li {
  width: 100% !important;
}

.compare-head-icon svg {
  width: 24px;height: 24px
}

.compare-head-icon {
  display: block !important;
}

.dropdown.cart.compare-head-icon a .count {
  background: red !important; top: -6px !important; right: -6px;color:#FFF;
}

.top-compare.compare-head-icon {
  display: none !important;
}

.just-space {
  justify-content: space-between;
}

.login-block ul li.name .username a {
  color: #000;text-decoration: none
}

.pr-2 {
  padding-right: 10px;
}

.p-0 a {
  padding: 0 !important;
}

.trade-head-btn a {
  padding:5px 12px 5px 14px !important; color: #2c3b5c; background: #fed700; border-radius: 19px; font-size: 15px;-webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
}

@-webkit-keyframes glowing {
  0% { background-color: #FFFFFF; }
  50% { background-color: #fed700;}
  100% { background-color: #FFFFFF;}
}

@-moz-keyframes glowing {
  0% { background-color: #FFFFFF;}
  50% { background-color: #fed700;}
  100% { background-color: #FFFFFF;}
}

@-o-keyframes glowing {
  0% {
    background-color: #FFFFFF;
  }
  50% {
    background-color: #fed700;
  }
  100% {
    background-color: #FFFFFF;
  }
}

@keyframes glowing {
  0% { background-color: #FFFFFF;}
  50% { background-color: #fed700;}
  100% { background-color: #FFFFFF;}
}

.clr-yellow {
  color: #Fed700;
}

.justify-end {
  justify-content: end;
}

.rounded-btn-style .btn-group.tab-btn {
  border-radius: 50px;border: 1px solid #2c3b5b;background: #2c3b5b
}

.rounded-btn-style label.btn.btn-primary.active.save-search-active, .rounded-btn-style.save-search-active1 label.btn.btn-primary.active {
  border-radius: 50px !important;
}

.rounded-btn-style label.btn.btn-primary.save-search-active, .rounded-btn-style label.btn.btn-primary.active {
  border-radius: 50px !important;background: #fed700 !important;color: #2c3b5b
}

.rounded-btn-style label.btn.btn-primary.active svg g {
  fill: #2c3b5b !important
}

.rounded-btn-style label.btn.btn-primary {
  background: transparent; border-radius: 50px !important;border: 0 !important;padding: 2px 12px !important;color: #fed700
}

a.border-n-round label {
  border-radius: 50px;
}

.radio-button.list-grid.view-icon-diamond {
  border-radius: 50px; border: 1px solid #2c3b5b;padding-left: 0px
}

.radio-button.list-grid.view-icon-diamond label.btn.btn-primary.active.save-search-active:last-child {
  border-top-right-radius: 50px !important; border-bottom-right-radius: 50px;
}

.radio-button.list-grid.view-icon-diamond .btn.btn-primary {
  background: transparent;
}

.radio-button.list-grid.view-icon-diamond .btn.btn-primary i {
  color: #2c3b5b; font-size: 19px;
}

.radio-button.list-grid.view-icon-diamond label.btn.btn-primary.save-search-active i {
  color: #fed700
}

.rounded-style input {
  width: 100% !important; border-radius: 50px !important;
}

.check-dimaond-grid {
  display: flex; gap: 7px; align-items: center;
}

.center-search-mobile select {
  border:1px solid #2c3b5b; -webkit-border-radius: 50px; -moz-border-radius: 50px;border-radius: 50px;padding: 7px 10px;height: 40px;
}

.check-dimaond-grid input {
  margin-top: 0 !important;
}

.rounded-btn-style label.btn.btn-primary path.st0, .rounded-btn-style label.btn.btn-primary g {
  fill: #Fed700 !important;
}

.rounded-btn-style.filter-btn-svg label.btn.btn-primary svg path {
  fill: #Fed700 !important;
}

.rounded-btn-style.filter-btn-svg label.btn.btn-primary.active.save-search-active svg path, .rounded-btn-style.filter-btn-svg.save-search-active1 label.btn.btn-primary.active svg path {
  fill: #2c3b5b !important;
}

.rounded-btn-style label.btn.btn-primary.active.save-search-active path.st0, .rounded-btn-style label.btn.btn-primary.active.save-search-active g, .rounded-btn-style.save-search-active1 label.btn.btn-primary.active path.st0, .rounded-btn-style.save-search-active1 label.btn.btn-primary.active g {
  fill: #2c3b5b !important;
}

.center-search-mobile {
  border-radius: 50px;border: 1px solid #2c3b5b;background: #2c3b5b;padding: 0
}

.center-search-mobile select, .center-search-mobile span a {
  border: 0 !important
}

.sort-design {
  display: flex; border-radius: 50px;
}

.right-grid-filter select#mob-sort {
  border-radius: 50px;
}

.sort-design {
  display: flex; background: #2c3b5b; border-radius: 50px; border: 1px solid;
}

.sort-design select {
  background-image: linear-gradient(45deg, transparent 50%, #fed700 50%), linear-gradient(135deg, #fed700 50%, transparent 50%), radial-gradient(#2c3b5b 70%, transparent 72%); background-position: calc(100% - 17px) calc(1em + 2px), calc(100% - 12px) calc(1em + 2px), calc(100% - 0.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1.5em 1.5em; background-repeat: no-repeat;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none;
}

.sort-design {
  position: relative;width: 165px;
}

.sort-design select option {
  background: #FFF;
}

.filter-weight {
  display: flex; align-items: center;
}

.sorting-grid-style th {
  width: 100px !important; transition: none !important; opacity: 1 !important;
}

.filter-weight table {
  background-color: #2c3b5b; border-top-right-radius: 50px; border-bottom-right-radius: 50px;
}

.sorting-grid-style th p {
  float: left;
}

.sorting-grid-style i {
  font-size: 16px; line-height: 20px;
}

.ship-text-flex.rounded-style input {
  border-color: #2c3b5b;
}

.icon-search-grid li {
  background-color: transparent; color: #666; font-size: 17px;  padding: 3px 10px !important; border-radius: 5px;
}

.jck-content .text-jck {
  padding: 40px; background: rgba(44,59,91,.9); border-radius: 25px;
}

h3.upcoming {
  color: #FED000;font-size: 48px;
}

.upcoming.h-newhead {
  color: #FED000;font-size: 48px;
}

.text-jck p {
  font-size: 20px; color: #FFF;
}

.ship-text-flex.rounded-style:after {
  content: ""; font-family: "FontAwesome"; position: absolute; top: 7px; z-index: 9; right: 11px;
}

.ship-text-flex.rounded-style {
  position: relative;
}

.wishlist-btn-active.common-btn i {
  color: red;
}

ul.action.product-d-action i {
  color: #aba9a9;
}

ul.action.product-d-action li:hover i {
  color: #fed700
}

.footer-c-logo img {
  width: 95px !important; filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.5)); object-fit: contain;aspect-ratio: 1 / 1;height: auto;
}

img.width-auto.custom-f-width {
  width: 150px !important;
}

.bg-blue {
  background:#2c3c5b
}

.heading-studs-inner p {
  padding-left:30px
}

.select-stud-filter .prod-list-block.product_card .prod-img.product_thumb video {
  height: 400px;width: 100%
}

.select-stud-filter .prod-list-block.product_card .prod-img.product_thumb video.l-video {
  height:100%;width: 100%
}

.d-flex.column-divide .diamond-stud-filter .diamond-origin.width-30 .shape-list label.btn.btn-primary {
  width: 30% !important;
}

label.filter-title.margin-zero.rounded-btn-style.filter-btn-svg label {
  font-size: 15px !important; line-height: 35px !important; margin-bottom:0 !important
}

label.filter-title.margin-zero.rounded-btn-style.filter-btn-svg label {
  border: 0 !important
}

.studs-filter.width-1440 .heading-studs-inner.remove-bottom-bdr h2:after {
  content: none !important
}

.save-search-active1 {
  padding-left: 30px;
}

.filter-action.border-top.d-flex .reset-btn {
  padding: 0 5px;
}

.show-iframe-width {
  width:100%; margin:0 auto; text-align: center;max-width: 100%;height: 700px;
}

.succeed-img.wow.fadeInRight {
  margin-bottom: 35px;
}

.row-direction-flex {
  display: flex;
}

.show-iframe-width .mainContent {
  background: transparent !important;
}

section.show-hero-header {
  background: url(/images/rjo-banner.jpg); height: 350px; margin:0 -15px; background-size: cover;
}

section.jck-hero-header {
  background: url(/images/jck-hero-banner.jpg); height: 350px; margin:0 -15px; background-size: cover;
}

.show-mobile {
  display: none;
}

section.cd-products-comparison-table .prod-slide .big video {
  width: 100%
}

section.cd-products-comparison-table label.btn.btn-primary img {
  height: 51px; width: 100%; object-fit: contain;
}

section.cd-products-comparison-table label.btn.btn-primary {
  width: 76px; height: 66px;
}

.pro-new-detail-video iframe {
  width: 100%;
}

.pro-new-detail-image {
  display: flex; gap: 10px;
}

.pro-new-detail-image img {
  width: 50%; border: 1px solid #f2f2f2; border-radius: 11px;
}

.prod-extra ul.filter-controll.small-cont input[type="text"] {
  margin-bottom: 0 !important
}

.prod-detail .dia-input .btn-group.type-list label {
  min-width: 100px
}

.remove-p-height {
  height: auto !important
}

.prod-img.product_thumb img {
  height: 250px;flex: auto;
}

.pord-listing-wrap.studz-design .prod-img.product_thumb img {
  height: 350px;flex: auto;
}

.diamond-shape.setting-style-band .band-img-style img {
  width: 100%; height: 130px; object-fit: contain;max-width: 150px !important;margin: auto;border-radius: 10px
}

.diamond-shape.setting-style-band label {
  padding: 0 !important; background: transparent !important; border-radius: 10px;position: relative;border:1px solid #ededed;
}

.diamond-shape.setting-style-band label.btn.btn-primary:hover {
  background: transparent !important;box-shadow: 2px 5px 10px rgba(35,31,32,60%);border:1px solid #2c3b5b;
}

.diamond-shape.setting-style-band.m-20 .slick-list.draggable {
  height: 175px;
}

.diamond-shape.setting-style-band p {
  display: block; position: absolute; background: #dbdbdb; left: 0; bottom: -20px; font-size: 14px; padding: 4px 7px !important; color: #2c3b5b; border-radius: 5px; right: 0; width: 93%; z-index: 99; margin: auto; text-transform: capitalize;
}

.diamond-shape.setting-style-band .active p {
  background: #2c3b5b; color: #fed700;font-size: 14px
}

.diamond-shape.setting-style-band .btn-group.type-list.diamond-shape {
  display: flex; float: none; gap: 10px; align-items: center; justify-content: left; flex-wrap: wrap;
}

.diamond-shape.setting-style-band .btn-group.type-list.diamond-shape label {
  flex-basis: auto !important; width: 100% !important;border-radius:10px !important;background:transparent;
}

body .band-design .heading-studs-inner h2 {
  font-size: 16px;padding-bottom:12px !important;margin-bottom:15px;
}

.band-design .metal-type, .band-design .diamond-shape, .band-design .heading-studs-inner h2, .band-design .studz-design, .band-design .save-search-active1, .band-design .metal-stud-filter .d-flex {
  padding: 0 !important;
}

.band-design .studs-filter.width-1440 {
  padding: 35px;
}

.band-design .heading-studs-inner h2:after {
  left:0 !important
}

.d-flex.flex-design {
  align-items: center; justify-content: space-between !important;
}

.band-design .design-3 label {
  line-height: 16px
}

.band-design .ship-style h2 {
  font-size: 16px; margin: 0 10px 0 0;
}

body .band-design .d-flex.flex-design .btn-group.btn-group-justified label {
  padding: 10px 15px !important;
}

.band_shape .slick-slide {
  margin: 0 10px
}

.band_shape .slick-prev, .band_shape .slick-next {
  z-index: 2 !important
}

.band_shape .slick-next {
  right: -25px !important
}

.band_shape .slick-prev {
  left: -25px !important
}

.band-design .d-flex.column-divide {
  flex-direction: column;align-items: flex-start;
}

label.hidden-font {
  display: none;
}

.filter-sort-col {
  display: flex; gap: 10px; flex-wrap: wrap;
}

.mobile-grid-layout, .repeat-ship-mobile {
  display: flex; align-items: center; justify-content: center; gap: 10px;
}

.repeat-ship-mobile {
  display: none;
}

.action-wrap ul.btn-order {
  padding-left: 0
}

.pord-listing-wrap.remove-h-img .prod-list-block .prod-img {
  height: auto !important;
}

.pord-listing-wrap.remove-h-img .prod-img.product_thumb img.large-image {
  width: 100%; height: 100%;
}

.pord-listing-wrap.remove-h-img .prod-img.product_thumb img {
  border: 1px solid #f6f6f6; border-radius: 10px;
}

.pord-listing-wrap.remove-h-img .prod-img.product_thumb {
  display: flex !important; width: 100%; flex-wrap: wrap; gap: 11px;
}

.cad-accordion button {
  position: relative; display: block; text-align: left; width: 100%; padding: 1em 0; color: #2c3b5b; font-weight: 400; border: none; background: none; outline: none; border: 1px solid #f6f6f6; padding: 10px; margin-bottom: 10px;
}

.cad-accordion button:hover, .cad-accordion button:focus {
  cursor: pointer; color: #2c3b5b;
}

.cad-accordion button:hover::after, .cad-accordion button:focus::after {
  cursor: pointer; color: #2c3b5b; border: 1px solid #2c3b5b;
}

.cad-accordion button .cad-accordion-title {
  padding: 1em 1.5em 1em 0; font-size: 16px;
}

.cad-accordion button .icon {
  display: inline-block; position: absolute; top: 13px; right: 7px; width: 22px; height: 22px; border: 1px solid; border-radius: 22px;
}

.cad-accordion button .icon::before {
  display: block; position: absolute; content: ""; top: 9px; left: 5px; width: 10px; height: 2px; background: currentColor;
}

.cad-accordion button .icon::after {
  display: block; position: absolute; content: ""; top: 5px; left: 9px; width: 2px; height: 10px; background: currentColor;
}

.cad-accordion button[aria-expanded="true"] {
  color: #2c3b5b;
}

.cad-accordion button[aria-expanded="true"] .icon::after {
  width: 0;
}

.cad-accordion button[aria-expanded="true"] + .cad-accordion-content {
  opacity: 1; max-height: 9em; transition: all 200ms linear; will-change: opacity, max-height; padding: 10px; margin-bottom: 10px; border: 1px solid #f6f6f6;
}

.cad-accordion .cad-accordion-content {
  opacity: 0; max-height: 0; overflow: hidden; transition: opacity 200ms linear, max-height 200ms linear; will-change: opacity, max-height;
}

.cad-accordion .cad-accordion-content p {
  font-weight: 300; margin: 1em 0; font-size: 16px;
}

.product-description.custom-band-title, .product-description-variation-details.d-flex.justify-space-between, .band-design .stud-subtitle, .band-design .stud-action-filter {
  padding-left: 0;padding-right: 0
}

.product-description.custom-band-title h1 {
  height: auto; margin-bottom: 0;
}

.product-description__price.d-flex {
  justify-content: space-between !important;
}

.select-stud-style .prod-list-block.product_card {
  height: 100% !important;
}

.pord-listing-wrap.studz-design .select-stud-filter .product-description-variation-details.d-flex.justify-space-between {
  padding-left: 17px;padding-right: 17px;
}

.listing-detail .width3 {
  width: 33.33%;
}

.listing-detail .prod-cont ul li a {
  font-size: 16px !important
}

.listing-detail .prod-cont ul li a i {
  color: #ccc; font-size: 20px; margin: 8px 5px 0 0;
}

.listing-detail .width3.w-100 {
  width: 100%;margin-bottom:15px
}

.listing-detail .width3.w-100 .detail {
  display: flex; flex-wrap: wrap;
}

.listing-detail .width3.w-100 .detail .col-pro-detail {
  width: 50%; display: flex; font-size: 14px
}

.listing-detail .col-pro-detail .width6.label-item {
  font-size: 14px;font-weight: bold;
}

.listing-detail .width3.w-100 .detail .col-pro-detail .width6, .listing-detail .width3.w-100 .detail .col-pro-detail .width12 {
  padding:2px 0
}

.listing-detail .prod-detail-block {
  border: 0; padding: 0;
}

.listing-detail .col-pro-detail.w-100 {
  width: 100% !important;
}

.band-design .diamond-shape, .band-design .metal-type {
  margin: 0 !important;
}

.metal-type.m-20 {
  margin-bottom: 20px !important;
}

.diamond-shape.setting-style-band.m-20 {
  margin-bottom: 20px ;
}

.band-design ul.action.product-d-action {
  border:1px solid #f1f1f1; border-radius: 10px; padding-right: 0; margin:0px !important;
}

.band-design ul.action.product-d-action li {
  border: 0
}

.band-design ul.action.product-d-action i {
  color: #2c3b5b
}

.band-design .product-description__price {
  border-radius: 10px;margin: 10px 0;padding:0 10px 15px;
}

.band-design .stud-subtitle {
  margin: 0; padding: 0;
}

.band-design h1.product-description__title a {
  font-size: 18px;font-weight: bold;
}

.band-design .prod-detail-wrap.prod-filter-wrap h4.filter-title {
  position: relative; font-weight: 500; font-size: 16px !important; padding-bottom: 3px; margin-bottom: 19px;
}

.band-design .stud-subtitle {
  height: auto;font-size: 16px;color: #444;border: 0;
}

.prod-filter-wrap.studz-design.band-design .listing-result {
  display: none;
}

.band-design .select-stud-filter {
  margin-top: 0;
}

.prod-detail-wrap.prod-filter-wrap .d-flex a:hover {
  text-decoration: none
}

.pord-listing-wrap.remove-h-img .prod-img.product_thumb video + img {
  height: 100%; width: 100%;
}

.band-design .prod-list-block:hover .prod-img img {
  transform: none !important;
}

.listing-detail .prod-cont {
  padding: 15px; border: 1px solid #ededed; text-align: center; background: #fdfdfd; border-radius: 10px;
}

.d-flex.column-divide .diamond-shape.new-shape-design .diamond-stud-filter .shape-list label.btn.btn-primary:hover {
  border: 1px solid #2c3b5b;
}

.d-flex.column-divide .diamond-shape.new-shape-design .diamond-stud-filter .shape-list label.btn.btn-primary {
  margin-right: 15px !important;padding: 8px 21px;width: auto !important;border:1px solid #ededed;overflow: visible;
}

.d-flex.column-divide .diamond-shape.new-shape-design .diamond-stud-filter p {
  display: block; position: absolute; background: #dbdbdb; left: 0; bottom: -20px; font-size: 15px; padding: 4px 7px !important; color: #2c3b5b; border-radius: 5px; right: 0; width: 93%; z-index: 99; margin: auto !important;text-transform: capitalize;
}

.d-flex.column-divide .diamond-shape.new-shape-design .diamond-stud-filter .active p.tool-hover, .d-flex.column-divide .diamond-shape.new-shape-design .diamond-stud-filter label:hover p.tool-hover, .diamond-shape.setting-style-band label.btn.btn-primary:hover p.tool-hover, .product-description ul.list-inline.slider_shape li:hover p.tool-hover {
  background: #2c3b5b; color: #fed700 !important;font-size: 15px !important
}

.band-design #ProductListTable .prod-list-block {
  box-shadow: none  !important;margin: 0 !important
}

.band-design input::placeholder {
  font-weight: 500; color: #555; text-align: left;
}

.ring-type-band {
  width: 50%;
}

.metal-stud-filter .metal-style.mb-20 .metal-type-detail.slider_shape .slick-list.draggable {
  height: 50px;
}

.metal-stud-filter .metal-style.mb-20 .metal-type-detail.slider_shape label {
  margin: 0 !important
}

.metal-stud-filter .metal-style.mb-20 .metal-type-detail.slider_shape li {
  box-shadow: none !important;border:0 !important;line-height: 33px;margin: 0 !important
}

.mb-20 {
  margin-bottom: 20px !important;
}

.nice-select {
  -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 5px; border: solid 1px #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; font-family: inherit; font-size: 14px; font-weight: normal; height: 42px; line-height: 40px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto;
}

.nice-select:hover {
  border-color: #dbdbdb;
}

.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #999;
}

.nice-select:after {
  border-bottom: 2px solid #999; border-right: 2px solid #999; content: ""; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px;
}

.nice-select.open:after {
  -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg);
}

.nice-select.open .list {
  opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0);
}

.nice-select.disabled {
  border-color: #ededed; color: #999; pointer-events: none;
}

.nice-select.disabled:after {
  border-color: #cccccc;
}

.nice-select.wide {
  width: 100%;
}

.nice-select.wide .list {
  left: 0 !important; right: 0 !important;
}

.nice-select.right {
  float: right;
}

.nice-select.right .list {
  left: auto; right: 0;
}

.nice-select.small {
  font-size: 12px; height: 36px; line-height: 34px;
}

.nice-select.small:after {
  height: 4px; width: 4px;
}

.nice-select.small .option {
  line-height: 34px; min-height: 34px;
}

.nice-select .list {
  background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; height: 250px; overflow-y: scroll;width: 100%
}

.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}

.nice-select .option {
  cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; display: block !important;
}

.nice-select li.option:before {
  position: absolute; top: 21px; left: 8px; width: 16px; height: 1px; content: ""; background: #ccc;
}

.nice-select li.option:after {
  position: absolute; top: 21px; left: 15px; width: 1px; height: 100%; content: ""; background: #ccc;
}

.nice-select li.option {
  position: relative; padding-left: 29px !important;
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: #f6f6f6;
}

.nice-select .option.selected {
  font-weight: bold;
}

.nice-select .option.disabled {
  background-color: transparent; color: #999; cursor: default;
}

.nice-select .option.selected.focus {
  background-color: #2D3B5B;color: #fed700;font-size: 17px
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

#mc_embed_signup .form-hidden h4 {
  margin-top: 0 !important
}

.radio-button.list-grid.band-toggle-button.above-diamond-type-div-class p {
  margin-bottom: 0;
}

.cad-wrap {
  background: url(/images/hero-banner.png); min-height: 450px; display: flex; justify-content: center; align-items: center; text-align: center; position: relative; z-index: 9; background-size: cover;
}

.cad-wrap:before {
  background: rgba(0,0,0,.6); content: ""; width: 100%; height: 100%; position: absolute;
}

.cad-wrap h1 {
  color: #FFF; font-size: 10rem; position: relative; font-family: disruptors_scriptregular; margin-bottom: 60px; line-height: 63px;
}

.cad-wrap a {
  background: #fed700; padding: 10px 31px; font-size: 20px; color: #2c3b5c; text-transform: uppercase; text-decoration: none !important;
}

.cad-wrap h1:after {
  width: 150px; height: 4px; content: ""; position: absolute; bottom: -14px; left: 0; background: #FFF; right: 0; margin: auto;
}

.quote-cad {
  margin-top: 35px; text-align: center;
}

.quote-cad h2 span {
  font-size: 2.5rem; font-family: lato;
}

.quote-cad h2 {
  display: block;  font-size: 10rem; line-height: 50px; margin: 0; font-family: disruptors_scriptregular; display: flex; gap: 20px; justify-content: center; align-items: center; flex-wrap: wrap;
}

.cad-para-section {
  background: #2D3B5B; padding:40px 0 50px;
}

.cad-para-section p {
  font-size: 25px; color: #fed700;
}

.cad-para-section {
  padding: 50px 0; text-align: center;
}

.cad-section {
  padding:50px 0;
}

.cad-section p {
  font-size: 18px; line-height: 31px;
}

.cad-section h3 {
  margin-bottom: 15px; font-size: 27px; text-transform: capitalize; font-weight: 600;
}

.cad-section h3 span {
  margin-top: 0; background: #2c3b5b; color: #FFF; padding: 7px 15px;
}

.bg-light {
  background: #f9f9f9
}

.cad-section img.img-responsive {
  box-shadow: 0px 0px 12px rgba(35,31,32,12%); border: 1px solid #f9f9f9; padding: 4px; border-radius: 18px;
}

.cad-info.section-common-space {
  padding: 100px 0 70px;
}

.cad-info .section-title {
  color: #2D3B5B; margin-bottom: 60px; text-transform: uppercase;
}

.cad-info .section-header {
  margin-bottom: 60px;
}

.cad-info .section-title {
  color: #2D3B5B; margin-bottom: 60px; text-transform: uppercase; display: inline-block; width: 100%; margin-top: 0;
}

.cad-info .section-title span {
  position: relative;
}

.cad-info .section-title span:before {
  content: ""; position: absolute; bottom: -30px; right: 0; width: 100%; height: 1px; background-color: #2D3B5B;
}

.ft-wt-bold {
  font-weight: 700;
}

.cad-info .section-subtitle {
  font-size: 17px; color: #666666;
}

.cad-info .section-title span {
  position: relative;
}

.cad-info .section-title span:before {
  content: ""; position: absolute; bottom: -30px; right: 0; width: 100%; height: 1px; background-color: #2D3B5B;
}

.cad-info .ft-wt-bold {
  font-weight: 700;
}

.cad-info .section-subtitle {
  font-size: 17px; color: #666666;
}

.cad-info .features-item {
  background-color: #fff; padding: 90px 20px 40px; position: relative; transition: 0.3s; border-radius: 10px; height: 350px;
}

.features-info p {
  font-size: 16px; line-height: 25px;
}

.cad-info .features-item:hover {
  box-shadow:0 21px 25px 0 rgba(0, 0, 0, 0.10); cursor: pointer;
}

.cad-info .features-item:hover .features-icon {
  color: #2D3B5B; border-color: #2D3B5B;
}

.cad-info .features-item:hover .features-info .title {
  color: #2D3B5B; border-color: #2D3B5B;
}

.cad-info .features-item:hover .features-info p {
  color: #2D3B5B; border-color: #2D3B5B;
}

.features-icon svg path {
  fill: #444
}

.cad-info .features-item:hover svg path {
  fill: #2D3B5B
}

.cad-info .features-icon {
  font-size: 36px; width: 96px; height: 96px; line-height: 96px; text-align: center; background: #fff; border-radius: 60px; border: 2px dashed #444; box-shadow: 0 0 0 10px #fff; position: absolute; top: -50px; left: 50%; transform: translate(-50%); color: #bdbdbd; transition: 0.3s;
}

.cad-info .features-info .title {
  color: #2D3B5B; font-weight: 700; margin-bottom: 20px; text-transform: capitalize;
}

.features-icon svg {
  width: 60px; height: 60px; margin-top: 12px;
}

.faq-section {
  padding: 10vh 0 0;
}

.faq-title h2, h2.title-border {
  position: relative; margin-bottom: 45px; display: inline-block; font-weight: 600; line-height: 1;
}

.faq-title h2::before, h2.title-border::before {
  content: ""; position: absolute; left: 50%; width: 60px; height: 2px; background: #2D3B5B; bottom: -25px; margin-left: -30px;
}

.faq-title p {
  padding: 0 190px; margin-bottom: 10px;
}

.faq {
  background: #FFFFFF; box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06); border-radius: 4px; margin: 0 !important;
}

.faq .card {
  border: none; background: none; border-bottom: 1px dashed #CEE1F8;
}

.faq .card .card-header {
  padding: 0px; border: none; background: none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;
}

.faq .card .card-header:hover {
  background: rgba(45, 59, 91, 0.1); padding-left: 10px;
}

.faq .card .card-header .faq-title {
  width: 100%; text-align: left; padding: 0px; padding-left: 30px; padding-right: 30px; font-weight: 400; font-size: 15px; letter-spacing: 1px; color: #2c3b5b; text-decoration: none !important; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; cursor: pointer; padding-top: 20px; padding-bottom: 20px; text-transform: uppercase;
}

.faq .card .card-header .faq-title .badge {
  display: inline-block; width: 20px; height: 20px; line-height: 14px; float: left; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; text-align: center; background: #2D3B5B; color: #fff; font-size: 12px; margin-right: 20px;
}

.faq .card .card-body {
  padding: 30px; padding-left: 35px; padding-bottom: 16px; font-weight: 400; font-size: 16px; color: #6F8BA4; line-height: 28px; letter-spacing: 1px; border-top: 1px solid #F3F8FF;
}

.faq .card .card-body p {
  margin-bottom: 14px; color: #444;
}

#accordion {
  padding-top:20px; display: none; margin:0px 25%;
}

a#flip {
  background: #2c3b5b; margin: auto; text-align: center; width: 150px; display: block; margin-bottom: 35px; color: #FFF; font-size: 18px; text-transform: uppercase;
}

h3.text-center.cad-frame-text {
  margin-bottom: 30px;
}

.band-input {
  opacity: 0;
}

.slider_diamond_quality p.tool-hover, .slider_diamond_weight p.tool-hover {
  font-size: 10px !important; font-weight: normal !important;
}

.band-cart {
  cursor: pointer; padding: 10px; font-size: 17px; width: 100%; text-align: center;
}

.slider_metal_type .slick-slide {
  height: 50px;
}

.band-design .metal-type-detail label {
  width: 100%
}

.listing-detail.band-description .prod-detail-block {
  padding: 15px; box-shadow: 2px 5px 10px rgba(35,31,32,12%); border-radius: 10px; padding-bottom: 0
}

.hightlight-box {
  margin-bottom: 0 !important;border-radius: 10px; display: inline-block;width: 100%
}

span.wt-note {
  font-size: 11px; display: block; font-weight: bold;
}

.hightlight-box h4.filter-title {
  color: #fed700; font-weight: bold;
}

.hightlight-box .col-pro-detail .width6 {
  color: #FFF;
}

.mobile-only {
  display:none !important;
}

.diamond-shape label.filter-title.margin-zero.rounded-btn-style.filter-btn-svg.save-search-active1 label {
  width: auto !important;
}

.trade-img {
  background: #FFF; box-shadow: 0 4px 80px rgba(0,0,0,15%); width: 400px; height: 400px; display: flex; align-items: center; justify-content: center; padding: 40px; border-radius: 20px;
}

.text-jck h2 {
  font-weight: 300; color: #2C3B5B;
}

.tradeshow h3.upcoming {
  font-family: Lato; font-size: 60px; font-weight: 500; line-height: 72px; letter-spacing: 0em; text-alin: center; margin: 50px 0; color: #2C3B5B;
}

section.jck-content {
  text-align: center; margin: 35px 0;
}

h3.upcoming {
  margin-top: 0
}

.tradeshow h3 {
  text-align: left;
}

.trade-text h3 {
  font-size: 40px; line-height: 39px; font-weight: 700; color: #2C3B5B; margin-top: 0;
}

.trade-text p {
  font-size: 36px; line-height: 42px; color: #2C3B5B;
}

.trade-col {
  margin-bottom: 50px;
}

.p-0 {
  padding:0
}

.trade-col {
  gap: 60px; background: rgba(255,255,255,.9); border-radius: 25px; padding: 30px;height: 500px;
}

.trade-home .trade-col {
  height: 100% !important;
}

.trade-col a {
  background: #2c3b5b; outline: 0; border: 0; text-align: center; color: #FFF; padding: 10px 21px; font-size: 19px; border-radius: 10px; margin-top: 10px; display: inline-block; text-decoration: none;
}

p.trade-date {
  background: rgb(254, 215, 0,.5); max-width: max-content; text-align: center; padding: 3px 10px; border-radius: 10px; font-weight: 500;
}

p.trade-booth span {
  font-weight: 700;
}

p.trade-booth {
  font-weight: 300;
}

p.floor {
  font-weight: 300;
}

.trade-home .trade-img {
  width: 100%;height: 200px;
}

.trade-home .trade-text h3 {
  max-width: 282px;font-size: 1.7em;text-align: center;margin: 20px auto;
}

.trade-home .trade-text p {
  font-size: 1.5em;text-align: center;
}

.trade-home p.trade-date, .trade-home .trade-col a {
  display: block; margin: auto; max-width: 250px;
}

.trade-col a:hover {
  background: #fed700;color:#2c3b5b
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.product-detail-red-dot.tool-dot-r, .product-detail-green-do.tool-dot-gt {
  position: relative;padding-left: 15px
}

.product-detail-green-do.tool-dot-gt:before {
  background: green; width: 10px; height: 10px; position: absolute; left: 0px; content: ""; border-radius: 100%; top: 6px;
}

.product-detail-red-dot.tool-dot-r:before {
  background: red; width: 10px; height: 10px; position: absolute; left: 0px; content: ""; border-radius: 100%; top: 6px;
}

.product-detail-gray-do.tool-dot-gt:before {
  background: #9e9e9e; width: 10px; height: 10px; position: absolute; left: 0px; content: ""; border-radius: 100%; top: 6px;
}

li.common-btn.svg-design svg {
  width: 20px; height: 20px;
}

li.common-btn.svg-design svg path {
  fill:#2c3b5b
}

li.common-btn.svg-design.light-fill svg path {
  fill: #aba9a9
}

li.common-btn.svg-design:hover path, li.common-btn.svg-design.light-fill:hover {
  fill: #FED700 !important;
}

.metal-type.m-20 .metal-type-detail li:hover {
  border:0 !important;box-shadow: none !important
}

.hightlight-box table td {
  font-size: 16px; text-align: left; font-weight: normal;
}

.hightlight-box table th {
  font-size: 16px; font-weight: bold;
}

table.c_table_grey_box {
  margin-top: 0;
}

.d-flex.hig-head table {
  margin-top: 0 !important; margin-bottom: 7px !important;
}

.hightlight-box table {
  margin-bottom: 0px; margin-top: 10px;
}

.hightlight-box table th {
  width: 60px;
}

.product-description__price.custom-hight a {
  text-decoration: none;
}

.d-flex.hig-head {
  justify-content: space-between !important;
}

.d-flex.hig-head h2 {
  font-size: 18px; font-weight: bold; margin:0px;
}

.prod-detail-wrap.prod-filter-wrap .c_flex_grey_box {
  background-color: #2c3b5b;border-radius: 5px;box-shadow: 5px 5px 7px 0px #e5e5e5;line-height:normal;padding: 5px 0
}

.prod-detail-wrap.prod-filter-wrap .c_flex_grey_box, #ProductListTableData .c_flex_box {
  justify-content:space-between;align-items:center;margin-bottom:5px;
}

.c_flex_grey_box .c_flex_child_grey_box .c_flex_child_grey_box_price {
  font-size:30px;font-weight:600;
}

.d-flex.c_flex_grey_box p {
  color: #FFF;
}

.larger-f {
  font-size: 20px !important
}

.larger-f span {
  font-size: 16px; font-weight: normal !important;
}

.product-description__price .hig-head .col-size .c_font_weight_normal {
  font-weight:500;font-size:16px;
}

.c_flex_box .c_justify-space-end {
  justify-content: end;display: flex;padding-right: 0px;
}

.detail .c_table_grey_box .c_table_grey_box_td {
  position:relative;padding-left:10px;padding-right:10px;
}

.detail .c_table_grey_box .c_table_grey_box_td:after {
  position: absolute;content: "";border-right: 1px solid #d9d9d9;height:100%;right:0px;top: 10px;
}

.c_table_grey_box tr td:last-child:after {
  content: none !important;
}

.c_flex_box .band-cart-btn .common-btn.band-cart i {
  color: #fed700;
}

.c_flex_box .band-cart-btn .common-btn.band-cart {
  background: #2d3b5a !important; border-radius: 10px; color: #Fed700 !important; padding: 7px 10px !important; border: 0 !important; font-size: 16px !important;
}

.c_flex_box .band-cart-btn .common-btn.band-cart:hover {
  background: #fed700 !important; border-radius: 10px !important; border: 0 !important; color: #2d3b5a !important ;
}

.c_flex_box .band-cart-btn .common-btn.band-cart i {
  color: #fed700;
}

.c_flex_box .band-cart-btn .common-btn.band-cart:hover i {
  color: #2d3b5a !important
}

.hover-none:hover {
  background: transparent !important;
}

.hig-head .col-size .c_size_value {
  font-size:18px;font-weight:600;
}

.c_flex_grey_box .img-text-earth .c_flex_child_one svg {
  width: 30px !important;fill: #FFF;
}

.c_customize_left {
  text-align: left;font-size: 13px !important;margin:15px 0px 0px 0px !important;font-weight:400
}

.c_flex_grey_box .text-left, .c_table_grey_box .text-left th, .c_table_grey_box .text-left td {
  text-align:left !important;padding:0px 10px;white-space: nowrap;
}

.c_flex_grey_box .text-center, .c_table_grey_box .text-center th, .c_table_grey_box .text-center td {
  text-align:center !important;padding:0px 10px;white-space: nowrap;
}

.c_flex_grey_box .text-right, .c_table_grey_box .text-right th, .c_table_grey_box .text-right td {
  text-align:right!important;padding:0px 10px;white-space: nowrap;
}

.c_flex_child_one .c_font_weight_normal {
  font-weight:normal !important;
}

.c_table_grey_box td.c_td_color_define {
  color:#606060;
}

.c_table_grey_box td.c_td_color_define, .c_table_grey_box th.c_td_color_define {
  padding:0px !important;
}

.band-heading-type {
  display: inline-block; width: 100%; margin: 10px 0;
}

.d-flex.c_flex_box {
  margin-bottom: 15px !important;
}

.customImageHeight #BigImageDiv .MainZoomImageClass {
  height: 780px; object-fit: contain;
}

h3.wire-info-text {
  text-transform: inherit; font-size: 17px; color: #666666; padding: 20px 0; margin-bottom: 0;
}

.amipi-menu-demo-header, .log-top {
  position: relative;
}

.login-block.n-login {
  z-index: 9999;
}

.filter-bar-diamond {
  max-width: 1920px; margin: auto;
}

.band-design .slick-prev, .slick-next {
  top: 35% !important
}

.band-design .slick-prev, .slick-prev {
  top: 35% !important
}

li.copy-app-icon {
  display: flex; gap: 10px;
}

.studs-filter {
  position: relative;
}

.button-loader.band-loader {
  background: rgba(255,255,255,0.90);position: fixed;
}

.studz-design .main_class_stud_design_change .c_stud_page_ship_sort_row {
  flex-wrap: nowrap !important;
}

.studz-design .main_class_stud_design_change {
  padding: 0px 15px !important;
}

.column-divide .c_stud_diamond .c_stud_diamond_filter_btn {
  padding-left: 0;
}

.column-divide .c_stud_diamond .heading-studs-inner h3 {
  padding: 10px 0 10px 15px;
}

.main_stud_metal_filter .stud_metal_filter_heading h2:after {
  left: 16px !important;bottom: 7px !important;
}

.main_stud_metal_filter .stud_metal_filter_heading h2 {
  padding: 10px 0px 10px 15px !important;
}

.c_stud_product-description-variation-details {
  border-bottom: 1px solid #efefef; padding-bottom: 5px;
}

.c_responsive_band_page {
  margin-bottom: 0px !important;
}

.c_responsive_band_page .c_small_slick_slider_terrory .slick-list.draggable {
  height: 48px !important;
}

.c_responsive_band_page .band-img-style img {
  object-fit: cover !important;
}

@media (max-width:1199px) and (min-width:992px) {
  .c_responsive_band_page .slick-list.draggable {
    height: 150px !important;
  }
  .c_responsive_band_page .c_small_slick_slider .slick-list.draggable {
    height: 60px !important;
  }
  .c_responsive_band_page .c_small_slick_slider_secondary .slick-list.draggable {
    height: 93px !important;
  }
  .c_responsive_band_page .c_small_slick_slider_terrory .slick-list.draggable {
    height: 48px !important;
  }
  #backdrop_image .row {
    width: auto !important;
  }
}

@media (max-width:767px) and (min-width:501px) {
  .c_responsive_band_page .slick-list.draggable {
    height: 150px !important;
  }
  .c_responsive_band_page .c_small_slick_slider .slick-list.draggable {
    height: 60px !important;
  }
  .c_responsive_band_page .c_small_slick_slider_secondary .slick-list.draggable {
    height: 93px !important;
  }
  .c_responsive_band_page .c_small_slick_slider_terrory .slick-list.draggable {
    height: 50px !important;
  }
}

@media (max-width:500px) {
  .c_responsive_band_page .slick-list.draggable {
    height: 120px !important;
  }
  .c_responsive_band_page .c_small_slick_slider .slick-list.draggable {
    height: 60px !important;
  }
  .c_responsive_band_page .c_small_slick_slider_secondary .slick-list.draggable {
    height: 93px !important;
  }
  .c_responsive_band_page .c_small_slick_slider_terrory .slick-list.draggable {
    height: 49px !important;
  }
}

#data_loader img, #last_msg_loader img {
  width: 100px;
}

.stud-cat-filter label img {
  height: 140px; object-fit: contain; background: #FFF;
}

.stud-cat-filter label {
  min-height: 117px; padding: 0 !important; border-radius: 10px !important; width: 140px !important;margin-bottom:0
}

.stud-cat-filter label p {
  font-size: 14px; padding: 5px;
}

.stud-cat-filter .btn-group.type-list {
  padding-left: 15px; gap: 10px; display: flex; flex-wrap: wrap;
}

.stone-type .btn-group.type-list {
  padding-left: 15px; gap: 10px; display: grid;grid-template-columns: repeat(4, 1fr);
}

.stud-cat-filter .heading-studs-inner h2 {
  padding-left: 15px
}

.stud-cat-filter label.btn.btn-primary.active p {
  color: #fed700 !important;
}

.stud-cat-filter label.btn.btn-primary:hover {
  background: #2c3b5c;color: #Fed700 !important
}

.stud-cat-filter.diamond-shape {
  margin-top: 0; margin-bottom: 25px;
}

.mb-0 {
  margin-bottom: 0 !important
}

.d-flex.c_flex_grey_box table {
  margin: 0;
}

.stud-cat-filter label {
  overflow: visible !important;
}

.stud-cat-filter label.btn.btn-primary {
  border:1px solid #ededed !important;margin-bottom: 20px;
}

.stud-cat-filter label.btn.btn-primary.active {
  border:1px solid #2c3b5c
}

.stud-cat-filter label p {
  display: block;position: absolute;background: #f1f1f1;left: 0;bottom: -8px;font-size: 11px;padding: 4px 7px !important;color: #2c3b5b;border-radius: 5px;right: 0;
}

.stone-type label p {
  display: block;position: absolute;background: #f1f1f1;left: 0;bottom: -8px;font-size: 13px;padding: 4px 7px !important;color: #2c3b5b;border-radius: 5px;right: 0;
}

.stud-cat-filter label.btn.btn-primary.active p {
  background: #2c3b5c;color: #FED700 !important
}

.stud-cat-filter img {
  border-radius: 10px;
}

.stud-cat-filter label.btn.btn-primary.active, .stud-cat-filter label.btn.btn-primary:hover {
  background: transparent !important;border:1px solid #2c3b5c !important;
}

.stud-cat-filter label.btn.btn-primary:hover p {
  background: #2c3b5c;color: #FED700 !important;border:1px solid #2c3b5c;
}

#QuickViewPopUpBox .expand {
  border: 0 !important
}

#QuickViewPopUpBox .expand table.table.table-responsive.custom-inner-table th, #QuickViewPopUpBox .expand table.table.table-responsive.custom-inner-table td {
  line-height: 20px;vertical-align: baseline;
}

.otherImages .band-img-grid {
  flex: 1 48%;
}

.otherImages {
  display: flex;flex-wrap: wrap;gap: 15px;position: relative;box-sizing: border-box;align-items: center;justify-content: center;width: 100%;
}

.fancy-center-text {
  gap: 8px;
}

ul.diamond-row-data.large-font.fancy-title-center.fancy-center-text li {
  flex: 1 auto;text-align: center;
}

ul.diamond-row-data.large-font.fancy-title-center.fancy-center-text li.third {
  text-align: left;
}

ul.diamond-row-data.large-font.fancy-title-center.fancy-center-text li.single {
  text-align: right;
}

#login-hide-inner, .amipi-menu-demo-header {
  position: relative;z-index: 9999;
}

.heading-studs-inner h1 {
  color: #2c3b5c
}

.blue-title.row.row1 h1, .blue-title h1 {
  margin: 15px 0;
}

.w-100 {
  width: 100%
}

#login-hide-inner.remove-popup-header, .remove-popup-header.amipi-menu-demo-header {
  z-index: 9;
}

#QuickViewBigImageDiv video, #QuickViewBigImageDiv img {
  height: 100%;    object-fit: cover;
}

.search-grid-design.nu-search {
  display: flex; justify-content: center;
}

.search-grid-design.nu-search .product-description__price {
  display: flex;justify-content: center;align-items: center;gap: 20px;
}

.pord-listing-wrap .nu-search .prod-list-block {
  min-height: 600px;height: 100% !important;
}

body ul.action.product-d-action li:hover, .stud-action-filter ul li:hover i {
  background: transparent !important;
}

.c_flex_box .band-cart-btn .common-btn.band-cart i {
  background: transparent !important;
}

p.tool-hover.lab-grown-green {
  background: #84c784 !important;color: #000 !important;
}

.quality.shape-caros.m-20 li.active p.tool-hover.lab-grown-green, .metal-type-detail li.slick-current p.tool-hover.lab-grown-green, .metal-type-detail li:hover p.tool-hover.lab-grown-green {
  background: green !important;color: #FFF !important;
}

body #list_product_div .list_product_section .td-green-color {
  background: green !important;color: #FFF !important;
}

.prod-extra .dia-filter.dia-input .common-btn.redeem-button {
  margin-top: 0 !important;
}

span.product-detail-gray-do.tool-dot-gt {
  position: relative;
}

span.product-detail-gray-do.tool-dot-gt:before {
  left:-13px
}

.d-flex.justify.c_stud_page_ship_sort_row.col-sm-12 .compare {
  order: 5;
}

@media (max-width:991px) {
  .trade-col {
    height: 400px;
  }
  .trade-home.trade-col {
    height:100%
  }
  .trade-page .trade-col {
    height: 100%;
  }
  body .trade-home p.trade-date, body .trade-home .trade-col a {
    width: auto !important;
  }
  .trade-page .trade-col {
    gap: 8px;
  }
  .trade-page .trade-text h3 {
    font-size: 25px;line-height: 27px;
  }
  .trade-page .trade-text p {
    font-size: 23px;line-height: 42px;color: #2C3B5B;
  }
  .trade-col a {
    font-size: 16px;padding: 6px;
  }
}

.container.custom-menu-width li.menu-item.col-sm-3 + li.menu-item.col-sm-3 + li.menu-item.col-sm-3 + li.menu-item.col-sm-3 img {
  height: 200px;object-fit: contain;
}

.circle-one {
  z-index: 1 !important;
}

@media (max-width:767px) {
  .circle-one {
    position: relative !important;margin: auto;
  }
  .trade-hero {
    width: 100%;height: 100% !important;
  }
  .stud-cat-filter .btn-group.type-list {
    justify-content: space-around;
  }
  .prod-filter-wrap .d-flex .onoffswitch label {
    width: 100% !important;
  }
  .pord-listing-wrap .listing-result select, .studz-design .main_class_stud_design_change .c_stud_page_ship_sort_row .ship-style {
    width: 100% !important;
  }
  .circle-one span {
    font-size: 31px !important;
  }
  .circle-one {
    width: 275px !important;height: 275px !important;
  }
  .circle-one p {
    font-size: 26px !important;line-height: 37px !important;
  }
  .prod-filter-wrap .d-flex.detail-toggle .radio-button.list-grid label {
    width: auto !important;
  }
  .d-flex.detail-toggle {
    flex-direction: row;justify-content: space-between;
  }
}

@media (min-width:768px) and (max-width:991px) {
  .circle-one {
    left: 9px !important;top: 20px !important;width: 250px !important;height: 250px !important;z-index: 1 !important;
  }
  .circle-one p {
    font-size: 20px !important;max-width: max-content !important;line-height: 33px !important;
  }
  .circle-one span {
    font-size: 31px !important;
  }
  .circle-one img {
    max-width: 115px !important;
  }
}

@media (min-width:992px) and (max-width:12220px) {
  .d-flex.justify.c_stud_page_ship_sort_row.col-sm-12 {
    gap: 5px;
  }
}

#filter .custom-margin.row .background-dark-gray .btn-group.btn-group-justified {
  display: table;
}

.w-color {
  color: #FFF;
}

.y-color {
  color: #fed700;
}

.fw-bold {
  font-weight: bold;
}

.b-background {
  background: #2c3b5c;
}

.price-bg {
  background: #f1f1f1;
}

.price-bg p, .b-background p {
  text-align: center;
}

table.r-price p {
  margin-bottom: 0;
}

table.r-price {
  margin-top: 10px;
}

.r-price td {
  padding: 5px;border-radius: 7px;
}

.r-price td.price-bg {
  border-top-right-radius: 0;border-bottom-right-radius: 0;
}

td.text-center.b-background {
  border-top-left-radius: 0;border-bottom-left-radius: 0;
}

.r-price a:hover {
  text-decoration: none;
}

.cpsf-cda #filter .btn-group-justified, .buy-cda #filter .btn-group-justified {
  display: inline-block;
}

.cpsf-cda.dia-filter #filter .filter-title .tab-btn {
  justify-content: flex-start;padding-left: 0;
}

.cpsf-cda.dia-filter #filter h4.filter-title .tab-btn label {
  width: auto;
}

.diamond-cda .btn-group.shape-list {
  display: flex;
}

ul.icon-text.icon-cda a {
  width: 50px;height: 50px;margin: auto;display: flex;align-items: center;justify-content: center;
}

ul.icon-text.icon-cda img, ul.icon-text.icon-cda i {
  height: 25px;text-align: center;display: block;line-height: 25px;padding: 0;margin: 0;
}

.quality.shape-caros.m-20 .d-flex {
  border-bottom: 1px solid #d7d7d7;padding-bottom: 6px;margin-bottom: 12px;
}

.quality.shape-caros.m-20 .d-flex h4:after {
  content: none !important;
}

.quality.shape-caros.m-20 .d-flex h4 {
  margin-bottom: 0;
}

.virtual a {
  background: #fed700;border-radius: 98px;padding: 5px 11px !important;display: block;color: #2C3B5C !important;
}

.quality.shape-caros.m-20 .detail-toggle label {
  width: auto !important;
}

.d-flex.detail-toggle {
  justify-content: space-between !important;
}

.detail-toggle label.filter-title.margin-zero.rounded-btn-style.filter-btn-svg label {
  line-height: 25px !important;
}

.ProductDetailsImageBox .video-wrapper {
  height: 820px;
}

.ProductDetailsImageBox .video-wrapper iframe {
  height: 780px;
}

@media (max-width: 540px) {
  .brand-name {
    width: 108px !important;
  }
}

.action-wrap ul.action.text-left.padding-zero a {
  opacity: 1 !important;cursor: pointer;margin: auto;text-align: left;width: 46px;
}

.action-wrap ul.action.text-left.padding-zero a i {
  color: #2C3B5C;font-size: 23px !important;text-align: center !important;margin: auto;
}

.info-container {
  display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;
}

.info-card {
  background: white;border-radius: 12px;box-shadow: 0 4px 12px rgba(0,0,0,0.06);flex: 1 1 300px;max-width: 400px;padding: 20px 25px;transition: transform 0.3s ease;
}

.info-card:hover {
  transform: translateY(-5px);
}

.info-card h3 {
  margin-top: 0;color: #2c3e50;font-size: 16px;margin-bottom: 12px;display: flex;align-items: center;gap: 10px;border-bottom: solid 1px #ddd;padding-bottom: 5px;
}

.info-table {
  width: 100%;border-collapse: collapse;
}

.info-table td {
  padding: 8px 0 !important;font-size: 14px !important;color: #555 !important;
}

.info-table td:first-child {
  font-weight: 600;width: 50%;color: #333;
}

.note {
  margin-top: 10px;font-size: 13px;color: #888;font-style: italic;text-align: center;
}

@media screen and (max-width: 768px) {
  .info-card {
    max-width: 100%;
  }
}

span.tariff-bb {
  background: #2c3b5b;padding: 5px 8px;color: #FFFFFF;border-radius: 12px;
}

span.tariff-b {
  background: #FED700;padding: 5px 8px;color: #2c3b5b;border-radius: 12px;
}

span.tariff-y {
  background: #FED700;padding: 5px 8px;color: #2c3b5b;border-radius: 12px;
}

.col-pro-detail .detail {
  overflow: auto;overflow-y: hidden;
}

.amipi-grid.amipi-grid-lined.dropdown-menu ul li:last-child img.img-responsive.left-five-height {
  margin-bottom: 10px;
}

.amipi-grid.amipi-grid-lined.dropdown-menu ul li:last-child p {
  text-align: left !important;
      margin-top: 0;
}

.g-spacer {
  justify-content: space-between;
      align-items: center;
}

.add-btn a {
  background: #fed700;
      color: #2c3b5c !important;
      padding: 8px;
      border-radius: 10px;
      font-size: 16px;
      text-decoration: none !important;
}

.add-btn a:hover {
  text-decoration: none !important;
}

.common-btn.d-flex .filter-text {
  display: flex;
      gap: 4px;
}

.common-btn.d-flex .filter-text span.filter-small {
  font-size: 12px !important;
      text-transform: capitalize !important;
      font-family: "Lato";
      font-weight: normal;
}

article.tile:hover .actions {
  display: block;
}

.actions {
  position: absolute;
      top: 8px;
      z-index: 1;
      left: 9px;
      display: none;
}

.actions button {
  border: 0;
      background: #CCC;
      width: 25px;
      height: 25px;
      border-radius: 6px;
      padding: 4px;
}

.actions button:hover {
  background: #2c3b5c;
}

.actions button:hover i {
  color: #fed700;
}

.actions i {
  font-size: 16px;
      color: #2c3b5c;
}

.new-stone-type-filter .btn-group.type-list {
  justify-content: space-between;
      gap: 2px;
      margin-bottom: 0 !important;
}

.new-stone-type-filter label.btn.btn-primary {
  border: 1px solid #ffffff !important;
      box-shadow: none !important;
      border-radius: 30px !important;
}

.new-stone-type-filter label p {
  background: transparent;
    padding: 0!important;
        white-space: normal;
        position: initial !important;
        line-height: 15px;
}

.new-stone-type-filter label.btn.btn-primary:hover, .new-stone-type-filter label.btn.btn-primary.active {
  border: 1px solid #2c3b5c !important;
    box-shadow: 2px 2px 11px rgba(35,31,32,29%) !important;
}

.new-stone-type-filter label.btn.btn-primary:hover p, .new-stone-type-filter label.btn.btn-primary.active p {
  background: transparent;
      color: #fed700 !important;
      font-weight: bold;
      color: #000 !important;
      border: 0;
      position: relative;
}

.new-stone-type-filter label.btn.btn-primary {
  width: auto !important;
      height: 35px !important;
      min-width: auto !important;
      min-height: auto !important;
      margin: auto;
      text-align: center;
      flex: 1;
      background: transparent !important;
      display: flex;
      gap: 5px;
      align-items: center;
      padding: 0 6px 0 6px !important;
      justify-content: center;
}

.new-stone-type-filter img {
  width: 20px !important;
      background: transparent !important;
      box-shadow: none !important;
      background-image: none !important;
      text-align: center;
      height: 20px !important;
      margin-bottom: 2px !important;
      max-width: max-content !important;
}

.new-stone-type-filter .btn-group.type-list {
  padding-left: 0;
}

.br-right:after {
  border-right: 1px solid #CCC;
      content: "";
      position: absolute;
      right: 0;
      z-index: 1;
      width: 1px;
      height: 75px;
      top: 10px;
}

.br-right {
  position: relative;
}

.filter-row-style {
  border-radius: 50px;
      box-shadow: 0 10px 25px rgba(15, 33, 80, 0.08);
      margin: 25px;
      padding: 10px 0 20px 0;
}

@media (max-width:767px) {
  .filter-row-style {
    margin: 0;
        padding: 0;
  }
  .br-right:after {
    content: none !important;
  }
}

@media (max-width:991px) {
  .br-right:after {
    content: none !important;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .heading-studs-inner {
    margin-bottom: 10px;
  }
}

.stud-cat-filter.diamond-shape.new-stone-type-filter.br-right {
  margin-bottom: 0;
}

.quality ul.list-inline.slider_diamond_quality.padding-lr li {
  margin-bottom: 25px !important;
}

#specials .row {
  display: flex;flex-wrap: wrap;
}

#gallery-popup .upload-modal {
  max-width: 980px; width: 100%; padding: 0 12px;
}

#gallery-popup .upload-modal__content {
  border: 0; border-radius: 22px;
    padding: 26px 26px 22px;
    position: relative;
    box-shadow: 0 20px 60px rgba(0,0,0,.12);
}

#gallery-popup .upload-modal__close {
  position: absolute; top: 14px; right: 14px;
    width: 34px; height: 34px; border-radius: 999px;
    border: 1px solid #111; background: #fff;
    font-size: 22px; line-height: 32px; text-align: center; cursor: pointer;
}

#gallery-popup .upload-modal__title {
  text-align: center; font-weight: 800; letter-spacing: .5px;
    margin: 10px 0 6px; font-size: 44px; color: #0b0b0b;
}

#gallery-popup .upload-modal__subtitle {
  text-align: center; margin: 0 0 18px; color: #6b7280; font-size: 16px;
}

#gallery-popup .upload-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 6px;
}

#gallery-popup .upload-col {
  display: flex; flex-direction: column; gap: 14px;
}

#gallery-popup .ui-label {
  display:inline-block; font-size: 14px; font-weight: 700; color:#111827; margin-bottom: 6px;
}

#gallery-popup .req {
  color:#d11; margin-left: 2px;
}

#gallery-popup .ui-input, #gallery-popup .ui-textarea {
  width: 100%; border: 1.5px solid #8a93a6; border-radius: 8px;
    padding: 12px 12px; font-size: 14px; outline: none; background:#fff;
}

#gallery-popup .ui-textarea {
  min-height: 140px; resize: none;
}

#gallery-popup .ui-help {
  margin-top: 8px; font-size: 13px; color:#4b5563;
}

#gallery-popup .ui-file {
  display:none;
}

#gallery-popup .dropzone {
  width:100%; border:1.5px solid #8a93a6; border-radius: 10px;
    height: 86px; display:flex; align-items:center; justify-content:center;
    gap:10px; cursor:pointer; background:#fff;
}

#gallery-popup .dropzone__icon {
  color:#7b8191; display:flex; align-items:center;
}

#gallery-popup .dropzone__text {
  color:#7b8191; font-size:14px;
}

#gallery-popup .dropzone__filename {
  font-size: 12px; color:#111827; margin-left: 8px;
    max-width: 220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

#gallery-popup .pill-row {
  display:flex; gap:14px; align-items:center; flex-wrap:wrap;
}

.pill {
  min-width:110px; height:40px; border-radius:8px;
    border:1.5px solid #8a93a6; background:#fff; color:#6b7280;
    font-weight:600; cursor:pointer;
}

#gallery-popup .pill--active {
  background:#f5c400; border-color:#f5c400; color:#111827;
}

#gallery-popup .pill__box {
  display:inline-block; width:16px; height:16px; border-radius:4px;
    border:1.5px solid #8a93a6; margin-right:8px; vertical-align:-3px; background:#fff;
}

#gallery-popup .pill--active .pill__box {
  border-color:#111827;
}

#gallery-popup .ui-hidden-select {
  position:absolute; left:-9999px; width:1px; height:1px; opacity:0;
}

#gallery-popup .btn-row {
  margin-top: 10px; display:flex; gap:16px; align-items:center;
}

#gallery-popup .btn-primary {
  min-width:120px; height:42px; border-radius:999px; border:0;
    background:#263552; color:#fff; font-weight:700; cursor:pointer;
}

#gallery-popup .btn-outline {
  min-width:120px; height:42px; border-radius:999px;
    border:1.5px solid #8a93a6; background:#fff; color:#263552;
    font-weight:700; cursor:pointer;
}

@media (max-width: 767px) {
  #gallery-popup .upload-modal {
    max-width: 560px;
  }
  #gallery-popup .upload-modal__content {
    padding: 18px 16px 16px;
  }
  #gallery-popup .upload-modal__title {
    font-size: 40px;
  }
  #gallery-popup .upload-grid {
    grid-template-columns: 1fr; gap: 16px;
  }
  #gallery-popup .btn-row {
    justify-content:center; padding-top: 6px;
  }
}

#gallery-popup .modal-dialog {
  width: auto;
}

.select-shape:before {
  content: none !important;
}

#OtherShapesModal .select-shape {
  align-items: center;
      display: flex;
      flex-wrap: wrap;
      padding: 7px;
      margin: 0;
      gap: 10px;
}

.select-shape-cell label {
  margin-bottom: 0;
}

.select-shape-cell {
  padding: 9px 9px;
      border: 1px solid #ededed;
      border-radius: 10px;
      position: relative;
}

.select-shape-cell.active-cell, .select-shape-cell:hover {
  border: 1px solid #2c3b5c;
      background: #2c3b5c;
      color: #fed700;
}

.select-shape-cell.active-cell label, .select-shape-cell:hover label {
  color: #fed700;
}

.select-shape-cell input {
  width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: -4px;
      opacity: 0;
      z-index: 2;
}

#OtherShapesModal button.btn.btn-primary {
  background: #2c3b5c;
      border: 1px solid;
}

#OtherShapesModal button:hover {
  background: #fed700 !important; color: #2c3b5c !important;
}

.select-shape-cell span {
  margin: 0 !important;
}

#OtherShapesModal .modal-dialog {
  position: relative;
}

#OtherShapesModal button.close {
  position: absolute;
      right: 14px;
      top: 11px;
}