/*
CTC Separate Stylesheet
Updated: 2016-11-24 18:04:24
Theme Name: Zanfeld Jewellery
Theme URI: https://zanfeld.com/
Template: dt-the7
Author: Aleksey Galtsov
Author URI: http://apparat.ws/
Description: Theme developed specifically for Zanfeld ltd. for zanfeld.com site. All rights reserved. Copy themes and use outside project is strictly prohibited!
Tags: jewelry,jewellery,silver,sterling,zanfeld,responsive,retina ready,SEO ready,mobile friendly,iOS,clean,minimal,online store
Version: 1.0.19
*/
.item_note {
    font-size: 90%;
    line-height: normal;
}

.zj_quote {
    margin-left: -22px !important;
}

#map {
    height: 300px;
    width: 100%;
    background: #ccc;
}

.btns-container {
    margin: 0 0 20px;
    text-align: left;
    display: inline-block;
}

.zj_map_link {
    cursor: pointer;
}

.btn {
    padding: 10px 20px;
    margin: 0 10px;
    display: inline-block;
    background: red;
    cursor: pointer;
    color: #fff;
}

.zj_dept {
    font-size: 90%;
    color: #9ba1a8;
    line-height: 60%;
}

.zj_footer_link {
    color: #408eea;
}

.zj_offers {
    height: 100px;
}

.zj_row {
    margin: 0;
    z-index: auto;
    width: 100%;
    font-size: 0;
    margin-bottom: 6%;
}

.zj_div {
    display: inline-flex;
}

.zj_offers .el {
    padding: 12px 10px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 200;
    display: inline-block;
    text-decoration: none;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
}

.zj_offers .offer2 {
    width: 24%;
}

.zj_offers .offer1 {
    width: 14%;
}

.zj_offers .el.white {
    color: #fff;
}

.zj_offers .el.black {
    color: #000;
}

#zj_blackwhite {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(grayscale.svg);
    /* Firefox 4+ */
    filter: gray;
    /* IE 6-9 */
}

.zj_blackwhite:hover {
}

.main-nav>li {
    height: 55px !important;
}

.cf7-inline {
    display: inline-block !important;
    width: 135px !important;
    margin-left: 15px !important;
}

.cf7-message {
    display: inline-block !important;
    width: 100px !important;
}

#mCSB_1_container .mini-nav:not(.dt-hovered) #top-menu {
    visibility: hidden !important;
}

.wholesale-price {
    font-size: 14px;
    color: #3b8cee;
}

.wholesale-asterisk {
	font-size: 24px !important;
    color: #203f7e !important;
	text-decoration: none;
	cursor: hand;
}

h4.entry-title a {
    font-size: 12px !important;
}

ul#top-menu.sub-nav.hover-style-click-bg.level-arrows-on {
    width: 120px !important;
}

ul.sub-nav.hover-style-click-bg.level-arrows-on {
    width: 170px !important;
}

.classic-header .mobile-mini-widgets .mini-login .submit {
    color: #fff;
    font-weight: bold;
    position: relative;
    top: 9px;
}

.classic-header .mobile-mini-widgets .skype #myaccount {
    color: #fff;
    font-weight: bold;
    position: relative;
    top: 9px;
}

.classic-header .mini-login .submit:before {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M8,9v2.346L11.5,8L8,4.665V7H1v2H8z M16,1v14H4v-2h10V3H4V1H16z'/%3E%3C/svg%3E") !important;
}

.mobile-header-bar {
    padding-bottom: 25px;
/*     padding-top: 70px; */
}

.mobile-header-bar .mobile-navigation > a {
	margin-right: 10px;
	margin-left: 0 !important;
}

.mobile-header-bar .email {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 5px !important;
    margin-right: 0 !important;
}

.mobile-header-bar .phone {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: 5px !important;
    margin-left: 0 !important;
}

.wf-container-main {
    padding-top: 60px;
    padding-bottom: 60px;
}

/*
@media screen and (max-width: 320px) {
    
    .ult-carousel-wrapper {
		margin-left: 0px !important;
	}
}
*/

@media screen and (max-width: 950px) {
	.mobile-header-bar .email, .mobile-header-bar .phone {
    	background-image: none !important;
		padding-left: 0 !important;
    }
	h1 {
		font-size: 25px !important;
		line-height: 1 !important;
		text-align: center !important;
	}
	h3 {
		font: normal 18px / 22px "Open Sans", Helvetica, Arial, Verdana, sans-serif !important;
	}
	.ult-carousel-wrapper {
		margin-bottom: 0px !important;
	}
	.mobile-mini-widgets {
		align-items: flex-end !important; 
		flex-direction: column !important;
	}
	.mini-wpml {
		bottom: 8px !important;
	}
	.zj_top_block__overlay {
		justify-content: space-between !important;
		height: 90px !important;
	}
	.zj_top_block_es__overlay {
		justify-content: space-between !important;
		height: 150px !important;
	}
	.wpb_content_element {
		margin-bottom: 20px !important;
		margin-top:0px !important;
	}
	.wpml-ls-legacy-list-vertical>ul {
		top: 0 !important; 
		right: 0 !important;
	}
	.wpml-ls-legacy-list-vertical a {
		padding: 0 !important;
	}
	.intro-header {
		font: normal 16px / 20px "Open Sans", Helvetica, Arial, Verdana, sans-serif !important;
/*     text-transform: none; */
		text-align: center;
	}
	svg {
		width: 40px;
		height: 40px;
	}
	#text-about-hide {
		display: none !important;
	}
	.wpb_column.vc_column_container.vc_col-sm-6.vc_hidden-lg.vc_hidden-md.vc_hidden-sm.vc_col-xs-offset-6.vc_col-xs-6 {
    	margin-left: 0px;
	}
	.zj-horizontal-menu {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		background: #ffffff;
	}
	.zj-horizontal-menu::-webkit-scrollbar {
    	display: none;
	}
	.zj-horizontal-menu__item {
		flex: 0 0 auto;
		width: 120px;
		padding: 10px;
		/* border: 1px solid #000; */
		text-align: center;
		text-transform: capitalize;
	}
	.vc_btn3-container.vc_btn3-left {
		padding-right: 10px !important;
	}
    .mini-wpml a{
        margin-top: -35px !important;
    }
    #store-owner{
        position: relative;
        top: -17px !important;
        left: 6px;
    }
    .mini-contacts.phone{
        left: 71px;
        top: 45px;
    }
}

@media screen and (max-width: 320px) {
	.vc_btn3.vc_btn3-size-md {
		font-size: 12px !important;
	}
	.vc_btn3.vc_btn3-size-md.vc_btn3-style-outline-custom {
		padding-left: 15px !important;
	}
}
@media screen and (max-width: 480px) {        
    .mini-contacts.phone,.mini-contacts.email,#store-owner,.mini-wpml a{
        font-size: 0.75em !important;
    }
    .mini-wpml a{
        margin-left: -35px !important;
    }
}
.intro-header {
	font: normal 26px / 32px "Open Sans", Helvetica, Arial, Verdana, sans-serif !important;
/*     text-transform: none; */
	text-align: center;
	color: #3b8ced !important;
}

svg {
		width: 60px;
		height: 60px;
	}

.testimonial-avatar {
		padding-right: 0px !important;	
}

.mobile-header-bar .mobile-mini-widgets .mini-login {
    position: absolute;
    left: -20px;
    top: 0;
    width: calc(100% + 20px + 20px);
    background: #3b8cee;
    margin: 0 !important;
    height: 35px;
    text-align: center;
}

.mobile-header-bar .mobile-mini-widgets .skype {
	position: absolute;
	left: -20px;
	top: 35px;
	width: calc(100% + 20px + 20px);
	margin: 0 !important;
	height: 35px;
	text-align: center;
}

.mobile-header-bar .mobile-mini-widgets .skype:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #72777d;
	z-index: -1;
}

.classic-header .branding .mini-widgets .mini-contacts.phone a, .classic-header .branding .mini-widgets .mini-contacts.email a, .classic-header .branding .mini-widgets .text-area a {
	color: #5d5d5d !important;
	text-decoration: none !important;
}
.mobile-header-bar .phone a, .mobile-header-bar .email a {
  color: #5d5d5d;
  text-decoration: none !important;
}

.classic-header .mini-widgets .mini-login {
    background: #3b8cee;
    z-index: 1;
    padding: 0 10px;
    position: relative;
    height: calc(100% + 4px + 5px);
    margin-left: 0;
}

.classic-header .mini-widgets .mini-login .submit {
    color: #fff;
    top: calc(50% - 9px);
}

.classic-header .mini-widgets .skype {
    z-index: 1;
    padding: 0 10px !important;
    position: relative;
    height: calc(100% + 4px + 5px);
    margin-right: 0;
}

.classic-header .mini-widgets .skype:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #72777d;
	z-index: -1;
}

.classic-header .mini-widgets .skype #myaccount {
    color: #fff;
    top: calc(50% - 9px);
    position: relative;
}

#store-owner {
    color: #3b8cee;
}

.store-owner-footer {
	text-decoration: none;
}

/*---- My Account Tabs ----------*/
.tabs {
    width: 100%;
    float: none;
    list-style: none;
    position: relative;
    padding: 0;
    margin-bottom: 5em;
}

.tabs li {
    float: left;
}

.tabs label {
    display: block;
    padding: 10px 20px;
    border-radius: 2px 2px 0 0;
    color: #c60000;
    font-size: 18px;
    font-weight: normal;
    background: rgba(255,255,255,0.2);
    cursor: pointer;
    position: relative;
    top: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.tabs label:hover {
    background: #e6b2b2;
    top: 0;
}

[id^=tab]:checked + label {
    background: #c60000;
    color: white;
    top: 0;
}

[id^=tab]:checked ~ [id^=tab-content] {
    display: block;
}

.tab-content {
    z-index: 2;
    display: none;
    text-align: left;
    width: 100%;
    line-height: 140%;
    padding-top: 10px;
    padding: 15px;
    position: absolute;
    left: 0;
    box-sizing: border-box;
    -webkit-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

.backorder_notification {
	font-size: 10px !important;
	line-height: 18px !important;
}

.product-name {
	line-height: 20px !important;
}

td.product-sku {
	white-space: nowrap;
}

th.product-name {
    left: 0px !important;
}

#main {
/*     padding-bottom: 20px; */
/*     padding-top: 10px; */
}

.aws-search-form {
	padding-bottom: 20px;
}

#customer_login {
	align-items: flex-start;
}

.zj_accountlink {
	text-decoration: none !important;
}

.masthead .mobile-header-bar .mobile-mini-widgets > *, .masthead .mobile-mini-widgets .in-menu-second-switch {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#myaccount {
	text-decoration: none;
	color: #3b8cee;
}

.mini-widgets .text-area a:not(.dt-btn), .mobile-mini-widgets .text-area a:not(.dt-btn) {
	text-decoration: none;
}

.wcml-horizontal-list li a {
	margin-left: -8px;
}

.wpml-ls-legacy-list-vertical>ul {
	right: 18px;
	top: 3px;
}

div.text-area.show-on-desktop.in-top-bar-right.near-logo-second-switch.show-on-second-switch {
	bottom: 8px;
}

div.vc_btn3-container.vc_btn3-left {
	display: inline-block;
	padding-right: 25px;
}

.inline-subcribe-form {
	display: inline-block;
	margin-right: 25px !important;
}

.zj-hover-box {
	color: red;
}

div.vc-hoverbox-block-inner.vc-hoverbox-front-inner h2 {
	color: #ffffff;
	text-shadow: 
		-0   -1px 1px #4590E7,
		 0   -1px 1px #4590E7,
		-0    1px 1px #4590E7,
		 0    1px 1px #4590E7,
		-1px -0   1px #4590E7,
		 1px -0   1px #4590E7,
		-1px  0   1px #4590E7,
		 1px  0   1px #4590E7,
		-1px -1px 1px #4590E7,
		 1px -1px 1px #4590E7,
		-1px  1px 1px #4590E7,
		 1px  1px 1px #4590E7,
		-1px -1px 1px #4590E7,
		 1px -1px 1px #4590E7,
		-1px  1px 1px #4590E7,
		 1px  1px 1px #4590E7;
}

div.vc_column-inner.vc_custom_1534535330895 {
	padding-top: 0px;
}

.zj_top_block {
/*
  width: 300px;
  height: 200px;
*/
  position: relative;
  background: #ccc;
  line-height: 0;
}

.zj_top_block:hover .zj_top_block__title {
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.zj_top_block:hover .zj_top_block__description {
  height: auto;
  overflow: visible;
  opacity: 1;
}

.zj_top_block__img {
  width: 100%;
  object-fit: contain;
}

.zj_top_block__overlay {
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px 20px 20px 20px;
  height: 112px;
  background: rgba(0,0,0,0.25);
  display: flex;
  transition: all 0.3s;
}

.zj_top_block__overlay-content {
  flex: 1;
  align-items: center;
  transition: all 0.3s;
}

.zj_top_block__title {
  font-size: 45px;
  text-align: left;
  font-family:Raleway;
  font-weight:300;
  color: #fff;
  margin: 0;
  transition: all 0.3s;
  line-height: normal;
}

.zj_top_block__description {
  color: #fff;
  margin-right: 10px;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s;
  line-height: 1.5;
}

.zj_top_block__action-btn {
  align-self: flex-end;
}

.vc_btn3-container.vc_btn3-inline {
	margin-top: 6px;
}

.img-cat {
}

.img-cat1 {

}

.img-cat2 {
	opacity: 0; 
	position: absolute; 
	left: 0; 
	top:0;
}

.img-cat3 {
	opacity: 0; 
	position: absolute; 
	left: 0; 
	top:0;
}
.vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0px !important;
}

.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner {
	padding-top: 0px !important;
}

.vc_custom_1537687232918 {
	padding-top: 0px !important;
}

div.vc_column-inner.vc_custom_1534503375489 {
	padding-top: 10px;
}

div.vc_column-inner.vc_custom_1534503384729 {
	padding-top: 10px;
}

div.vc_column-inner.vc_custom_1537690918162 {
	padding-top: 0px;
}

div.vc_column-inner.vc_custom_1539293132328 {
	padding-top: 10px;
}

.vc_col-has-fill>.vc_column-inner {
	padding-top: 0px;
}

#main {
    padding: 0px 0px 0px 0px !important;
    }

.wpb_single_image.wpb_content_element.vc_align_center.wpb_animate_when_almost_visible.wpb_fadeInDown.fadeInDown.vc_custom_1537687232918.wpb_start_animation.animated {
	margin-bottom: 15px;
	padding-top: 40px !important;
}

.ult-carousel-wrapper {
	margin-left: -15px;
}

h3.intro-header {
	font: normal 16px / 20px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
}

.wf-wrap {
	background-color: none;
}

/*
.page-title.solid-bg {
	background-color: none !important;
}
*/

/*

div.vc_btn3-container.vc_btn3-inline {
	padding-right: 25px;
}
*/

body #load {
display: none !important;
}

#load{
    display: none !important;
}
}