/*

Theme Name:JZ Diamonds

Author: Reuben

Author URI: http://www.plus972.com/

Version: 1.0

Tags: responsive, white, bootstrap



*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {	border-collapse: collapse;border-spacing: 0;}
img {max-width: 100%; height:auto;}
* {box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0; padding:0;}
.clr {clear: both; max-height:1px;}
body {margin: 0;padding: 0;}
a, a:focus, a:hover { text-decoration:none; outline:none !important;}
select, textarea, input, option {outline:none !important}
/* remember to define focus styles! */
:focus {outline: 0;}

input, select {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

@font-face {
    font-family: 'helveticabold';
    src: url('fonts/helvetica_bold-webfont.eot');
    src: url('fonts/helvetica_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica_bold-webfont.woff2') format('woff2'),
         url('fonts/helvetica_bold-webfont.woff') format('woff'),
         url('fonts/helvetica_bold-webfont.ttf') format('truetype'),
         url('fonts/helvetica_bold-webfont.svg#helveticabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'adobe_caslon_proregular';
    src: url('adobe_caslon_pro-webfont.woff2') format('woff2'),
         url('adobe_caslon_pro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'helvetica_condensedmedium';
    src: url('fonts/helvetica-condensed-webfont.eot');
    src: url('fonts/helvetica-condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-condensed-webfont.woff2') format('woff2'),
         url('fonts/helvetica-condensed-webfont.woff') format('woff'),
         url('fonts/helvetica-condensed-webfont.ttf') format('truetype'),
         url('fonts/helvetica-condensed-webfont.svg#helvetica_condensedmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*------wrapper and other -----------*/
.innerwrapper { width:100%; height:100%; position:relative; margin:0; padding:0; left:0; top:0;}

/*--------------video settings-----------------------*/

.fullscreen-bg__video {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:0;
}

.mob-home-img { display:none;}

/*--------------header and navbar-----------------------*/

header { width:100%; float:left; background:rgba(0,40,87,0.9); position:relative; z-index:10;}
.logo { text-align:center; position:relative;}
.logo a { display:inline-block; padding:15px 0;}
.mob-logo { display:none !important;}
.navbar-default { background:none; border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.navbar { margin-bottom:0; min-height:40px;}

.jz-nav { margin-top:5px;}
.cus-nav { display:block; text-align:center; width:100%;}
.navbar-nav > li { float:none !important; display:inline-block;}

.cus-nav li a { font-family: 'adobe_caslon_proregular,sans-serif'; display:block; font-size:15px; color:#fff !important; text-transform:uppercase; padding:5px 27px;/*font-weight:bold;*/}
.cus-nav li a:hover, .cus-nav li a:active, .cus-nav li a:focus { color:#00a3ff !important;}
.cus-nav .active a { color:#00a3ff !important;}
.cus-nav li:before { position:absolute; content:""; width:1px; height:17px; right:0; top:6px; background:url(images/nav-before.png) no-repeat;}
.cus-nav li:last-child::before { display:none !important;}
.navbar-default .navbar-toggle .icon-bar { background-color:#fff;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background:none !important;}

.login { position:absolute; right:10px; top:40px;}
.login a { font-family: 'helvetica_condensedmedium'; display:block; font-size:14px; color:#fff; text-transform:uppercase; padding:5px 25px;}
.login a span { display:inline-block; vertical-align:middle; margin-left:15px;}
.mob-login { display:none !important;}

/*-------------------about-------------------------*/

.about { width:100%; float:left;}
.innerwrapper .bgimage {
height: auto;
left: 0;
min-height: 100%;
min-width: 1024px;
position: fixed;
top: 0;
width: 100%;
z-index: -1;
}

.ab-content { width:80%; margin:50px auto; background:rgba(255,255,255,0.6); border:1px solid #fff; text-align:center;  border-radius: 9px;}
.ab-content h1 {font-family: 'helvetica_condensedmedium'; font-size:38px; color:#002551; text-transform:uppercase; padding:30px 0; position:relative;}
.ab-content h1:before { position:absolute; content:""; width:161px; height:16px; bottom:5px; left:50%; margin-left:-80px; background:url(images/heading-bef.png) no-repeat;}

.ab-content p {font-family: 'helvetica_condensedmedium'; font-size:15px; color:#002551; line-height:1.4; text-align:justify; padding:0 40px 20px;}

/*-------------------access-------------------------*/

.login-form { width:40%; margin:40px auto;}

#email, #pwd { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border:1px solid #99a8b9; font-family: 'helvetica_condensedmedium'; font-size:14px; color:#99a8b9;}

.cus-btn { background:#002857; width:100%; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border:none; font-family: 'helvetica_condensedmedium'; font-size:15px; color:#fff;}
.cus-btn:hover, .cus-btn:active, .cus-btn:focus { background:#063e7f; color:#fff;}


.login-form .btn-default.active.focus, .login-form .btn-default.active:focus, .login-form .btn-default.active:hover, .login-form .btn-default.focus:active, .login-form .btn-default:active:focus, .login-form .btn-default:active:hover { background:#063e7f; color:#fff;}

.btn.btn-default.cus-btn {
outline: medium none !important;
}

/*------------------search diamonds-------------------------*/

.diamond-filter { width:100%; display:inline-block; padding:10px; margin-top:20px;}

/*------------------contact form-------------------------*/

.ct-content { width:100%; margin:50px auto; background:rgba(255,255,255,0.6); border:1px solid #fff; text-align:center; border-radius:9px;}
.ct-content h1 {font-family: 'helvetica_condensedmedium'; font-size:38px; color:#002551; text-transform:uppercase; padding:30px 0; position:relative;}
.ct-content h1:before { position:absolute; content:""; width:161px; height:16px; bottom:5px; left:50%; margin-left:-80px; background:url(images/heading-bef.png) no-repeat;}

.ct-form { width:100%; display:inline-block; margin-top:40px; margin-bottom:40px;}
.c-form-inner { width:70%; float:left; padding:0 10px;}
.c-address { width:30%; float:left; padding:0 10px; text-align:left;}

.name-title { width:15%; float:left;}
.top-tier { width:40%; float:left; margin-left:2.5%;}

.ct-form select, #usr, .ct-form textarea { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border:1px solid #99a8b9 !important; font-family: 'helvetica_condensedmedium'; font-size:14px; color:#99a8b9;}

.three-tier { width:32%; margin-left:2%; float:left;}
.no-marg { margin-left:0 !important;}
.two-tier { width:49%; margin-left:2%; float:left;}

.ct-form .cus-btn { width:50%;}

.ct-form textarea { margin-bottom:20px;}

.c-address h3 {font-family: 'helveticabold'; color:#002551; font-size:20px; text-transform:uppercase;}
.c-address h4 {font-family: 'helvetica_condensedmedium'; font-size:18px; color:#002551; text-transform:uppercase; padding:5px 0;}

.c-address p {font-family:'adobe_caslon_proregular,sans-serif'; font-size:18px; color:#002551; padding:5px 0;}

.pin { margin-bottom:2px; margin-top:0px; background:url(images/pin.png) no-repeat; background-position:1px 6px; padding-left:25px !important;}
.phone {background:url(images/phone.png) no-repeat; background-position:1px 5px; padding-left:25px !important;}
.fax {background:url(images/fax.png) no-repeat; background-position:1px 5px; padding-left:25px !important;}
.mail {margin-bottom:20px; margin-top:0px; background:url(images/mail.png) no-repeat; background-position:1px 10px; padding-left:25px !important;}

.ct-form select { appearance:none; -webkit-appearance:none; -moz-appearance:none;}
.select-op select { background-image:url(images/select-bg.png) !important; background-repeat:no-repeat; background-position:95% 14px;}

/*----------------------error----------------------------*/

.ab-content h2 {font-family: 'helvetica_condensedmedium'; font-size:50px; color:#002551; text-transform:uppercase; padding:10px 0 0; position:relative; margin:10px 0;}
.ab-content h4 {font-family: 'helvetica_condensedmedium'; font-size:15px; color:#002551; line-height:1.4; text-align:center; margin:30px 0;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
background:none !important;
color:#99a8b9;}

/*---------custom form----------------*/

.form-control-custom {
height: auto !important;
line-height: 1.42857;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
-webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
-moz-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 100%;
}

.wpcf7-form-control-wrap { display:block;}

span.wpcf7-not-valid-tip {
bottom: -15px;
/*display: block;*/
left: -15px;
position: absolute;
width: 150px;
font-family: 'helvetica_condensedmedium';
font-size:12px !important;
}

form.invalid input.wpcf7-not-valid{
border:1px solid #f00 !important;
background:#f0e3e3;
}
.wpcf7-not-valid-tip{
display: none !important;
}

div.wpcf7-validation-errors {font-family: 'helvetica_condensedmedium'; font-size:12px !important; border:2px solid #f00 !important;}

.wpcf7-form-control-wrap textarea + .wpcf7-not-valid-tip {bottom: 0px;}

.form-group { margin-bottom:20px !important; position:relative;} 

.full-tier { width:100%; display:inline-block;}


.ab-content #log_forms, #register #reg_forms {margin: 40px auto; width:50%;}

#log_forms .form-group, #register #reg_forms .form-group { display:inline-block; width:100%;}

#log_forms .form-group label, #register #reg_forms label {font-family: 'helvetica_condensedmedium'; font-size:14px; float:left; display:block; margin-right:5px;}

.ab-content #log_forms input, #register #reg_forms input {border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border:1px solid #99a8b9; font-family: 'helvetica_condensedmedium'; font-size:14px; color:#99a8b9; width:100%; height:34px; padding:6px 12px; margin-top:5px;}

.ab-content #log_forms .form-group + .form-group + .form-group > input {
float: left;
height: 16px;
margin: 0;
padding: 0;
width: 15px;
}

.ab-content #log_forms .form-group + .form-group + .form-group + .form-group > input { width:100%;}

.ab-content #log_forms .form-group + .form-group + .form-group + .form-group > label { display:none;}
.ab-content #log_forms .form-group + .form-group + .form-group + .form-group > input { background:#002857; width:100%; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border:none; font-family: 'helvetica_condensedmedium'; font-size:15px; padding:12px; height:34px !important; color:#fff !important;}
.ab-content #log_forms .form-group + .form-group + .form-group + .form-group > input:hover, .ab-content #log_forms .form-group + .form-group + .form-group + .form-group > input:active, .ab-content #log_forms .form-group + .form-group + .form-group + .form-group > input:focus { background:#063e7f; color:#fff !important;}

.forgot_pass .form-group + .form-group input { background:#002857; width:100%; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border:none; font-family: 'helvetica_condensedmedium'; font-size:15px; color:#fff; padding:12px; height:34px !important;}

.forgot_pass .form-group + .form-group input:hover, .forgot_pass .form-group + .form-group input:active, .forgot_pass .form-group + .form-group input:focus, #register #reg_forms .form-group + .form-group + .form-group + .form-group .form-group + .form-group + .form-group input:hover { background:#063e7f; color:#fff;}

#reg_forms .form-group + .form-group + .form-group + .form-group + .form-group + .form-group + .form-group input {background:#002857; width:100%; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border:none; font-family: 'helvetica_condensedmedium'; font-size:15px; color:#fff !important; padding:12px; height:34px !important;}

#reg_forms .form-group + .form-group + .form-group + .form-group + .form-group + .form-group + .form-group input:hover, #reg_forms .form-group + .form-group + .form-group + .form-group + .form-group + .form-group + .form-group input:active, #reg_forms .form-group + .form-group + .form-group + .form-group + .form-group + .form-group + .form-group input:hover { background:#063e7f; color:#fff !important;}

.form-group a {font-family: 'helvetica_condensedmedium'; font-size:14px;}

.forgot_pass .forgot-text {font-family: 'helvetica_condensedmedium'; font-size:14px; color:#000;} 

.error_wid_login, .reg_error { width:80% !important; margin-left:10%; background:rgba(240,15,0,0.5) !important; border:1px dashed #f00 !important; color:#fff !important; margin-bottom:25px;}

@media (min-width:992px) and (max-width:1199px) {
.ab-content { width:100%;}
}

@media (min-width:768px) and (max-width:991px) {
.ab-content { width:100%;}
.login-form { width:50%;}
.c-form-inner, .c-address { width:100%;}
.c-form-inner { margin-bottom:40px;}
.c-address h3, .c-address h4 { text-align:center;}
.pin { width:240px; margin-left:auto; margin-right:auto;}
.phone, .fax { width:160px; margin-left:auto; margin-right:auto;}
.mail { width:210px; margin-left:auto; margin-right:auto;}
}


@media (max-width:767px) {
.mob-home-img {
height: auto;
left: 0;
min-height: 100%;
min-width:768px;
position: fixed;
top: 0;
width: 100%;
z-index: -1;
display:block;
}
.fullscreen-bg__video {display: none;}
.logo { display:none;}
.mob-logo { display:inline-block !important; height:auto !important;}
.navbar-nav > li {
display: inline-block;
float: none !important;
text-align: left;
width: 100%;
}
.cus-nav li:before { display:none;}
.navbar-toggle { margin-top:50px;}
.mob-login { display:block !important;}
.ab-content { width:100%;}
.ab-content {margin:50px auto;}
.login-form { width:90%;}
.c-form-inner, .c-address { width:100%;}
.c-form-inner { margin-bottom:40px;}
.three-tier, .two-tier { width:100%; margin-left:0;}
.c-address h3, .c-address h4 { text-align:center;}
.pin { width:240px; margin-left:auto; margin-right:auto;}
.phone, .fax { width:160px; margin-left:auto; margin-right:auto;}
.mail { width:210px; margin-left:auto; margin-right:auto;}
.ab-content #log_forms, #register #reg_forms {margin: 40px auto;width: 80%;}
}

.lightgallery {
display: inline-block;
width: 100%;
}

.lightgallery li {
margin-bottom: 30px;
}

.ab-content .jew-loadBtn { background:#002857; width:140px; margin-bottom:30px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border:none; font-family: 'helvetica_condensedmedium'; font-size:15px; color:#fff;}
.ab-content .jew-loadBtn:hover, .ab-content .jew-loadBtn:active, .ab-content .jew-loadBtn:focus { background:#063e7f; color:#fff;}

.page-template-jewlry .lightgallery li a {transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; display:inline-block; position:relative;}
.page-template-jewlry .lightgallery li a:hover::before { position:absolute; content:""; width:100%; height:100%; background:rgba(0,0,0,0.8);}

.page-template-jewlry .lightgallery li a:hover::after{position:absolute; content:""; width:24px; height:24px; left:50%; margin-left:-12px; top:50%; margin-top:-12px; background:url(/wp-content/uploads/2016/06/zoomNew.png) no-repeat;}

@media (max-width:479px) {
.name-title, .top-tier { width:100%; margin-left:0;}
}

@media (min-aspect-ratio: 16/9) {
.fullscreen-bg__video {
height: 300%;
top: -100%;
}
}

@media (max-aspect-ratio: 16/9) {
.fullscreen-bg__video {
width: 300%;
left: -100%;
}
}

.wpcf7-form-control-wrap.confirm_email-698 {
    margin-top: 6px;
}
.page-id-6 .ab-content h1:before {
    position: absolute;
    content: "";
    width: 161px;
    height: 16px;
    bottom: 5px;
    left: 50%;
    margin-left: -80px;
    background: none ;
}
ul#lightgallery 
{
	width: 100%;
    margin-top: 50px;
}
ul#lightgallery li 
{
	margin-bottom: 10px;
}

.cus-nav li.login_menu:before
{
	background:none !important;
}
#lightgallery img, .lg-img-wrap img
{
    border: 5px solid #fff;
}
#diamondsearch .ds-search {
    height: 893px !important;
    overflow: hidden;
    position: relative;
}

.c-address.fltRt {
  float: right !important;
}

.page-template-jewlry #lightgallery li.col-sm-3 { padding-left:5px; padding-right:5px;}
.page-template-jewlry ul#lightgallery {padding-left:5px; padding-right:5px;}