@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700|Pinyon+Script|Great+Vibes');
/*-------Reset----------------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio,b, blockquote, big, body,center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, span, source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{background: transparent;border: 0 none;font-size: 100%; margin: 0;padding: 0;border: 0;outline: 0;vertical-align: middle; font-weight: 400;  }ol, ul {list-style: none;}blockquote,q {quotes: none;}img {vertical-align:middle; }embed { vertical-align:text-bottom;}
/*-----------------------------------------------------------------------------------------------*/
html,body {height: 100%; margin: 0; padding: 0;}
body {margin:0px; letter-spacing:1px;   background:#2c2b31; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 300 !important; font-size:15px; line-height:1.7em;  overflow-x:hidden; font-family: "Plus Jakarta Sans", sans-serif;}
.main{ width:100%; max-width:100%; margin-top:0px !important;}
section{max-width:100%; }
h1, h2, h3, h4, h5{ font-family: 'Cormorant Garamond', serif !important; text-align: center; } margin-bottom:15px;/* text-transform:uppercase;*/letter-spacing:1px;  margin:auto; color:#000; font-weight:normal} 
h1{font-size:2.8em; line-height: normal;font-weight: normal;   margin:25px auto 25px; text-align: center;}
.promotions h1 span{font-family: 'Roboto', sans-serif;  font-weight:300; font-size:0.4em}
h2.blog-header{font-family: 'Roboto', sans-serif;  font-weight: normal; font-size:1.4em; margin-bottom:30px;}
.blog h1 span{font-family: 'Roboto', sans-serif;  font-weight:300; font-size:16px; color:#fff }
h2{font-size:2.6em; line-height: normal;   text-align:left;   margin-bottom:5px;}
.about h2{color:#000;}
.pt-100{margin-top:50px;}
.jewelry-info h2, .jewelry-info h3{font-family: 'Roboto', sans-serif;  font-weight:300; font-size:1.4em; color:#fff; text-align:center}
.jewelry-info h3 {margin-top:15px;}
h3{font-size:2.4em; line-height:normal;    text-align:left; text-transform:none; padding-bottom:10px; font-weight:400; position:relative; top:-15px;}
.message h2, testimonials h2{font-size:3.8em; text-align:center; color:#111}
.message h3{font-family: 'Roboto', sans-serif; font-weight:300; font-size:1.8em; text-align:center; color:#111}
.about h3, .featured h3{font-family: 'Roboto', sans-serif; font-weight:900; font-size:1.3em; text-align:left; margin-top:15px;}
h4{font-size:2em; line-height:normal;  color: #fada76; margin-bottom:5px;  padding-left:20px !important;}
h5{font-size:1.8em; line-height:normal; text-align:left;  padding-left:0 !important; margin-left:0; color: #fada76;}
.message{position:absolute; z-index:9; bottom:0; width:100%; text-align:center; padding:30px 0 30px 0; background:url(../images/message.png) repeat-x top;}
.mobile-disp{display:block; overflow:hidden; clear:both;}
.service-areas{border: 2px solid #FFF !important;padding: 30px !important;margin-bottom: 50px;position:relative}
.service-areas h3{background: #FFF;position: absolute;display: inline-block;left: 20px;top: -24px;font-family: inherit;color: #000;font-size: 22px;padding: 10px;}
.service-areas h2{font-family: 'Roboto', sans-serif; font-weight:300; font-size:18px}
.service-areas ul li{ margin-bottom:3px; background:url(../images/arrow.png) left center no-repeat; padding-left:7px; }
.service-areas ul li a{ display:block; width:94%; border-bottom:1px dashed #555}
.service-areas ul li a:hover{ background:#666}
.service-areas .map{ height:380px; overflow:hidden; max-width:96%; margin:2%; margin:10px auto 10px; filter: sepia(60%) }
.sidebar {border:1px dashed #555}
.sidebar li{ background:none !important; padding:0 !important; margin-bottom:0 !important }
.sidebar li a{ line-height:85px;  width:97% !important;}
.subscribe-me { position: absolute; z-index: 10000; /* top: -2000px; */ left: 0;  width: 100%;  height: 100%;  text-align: center;}
a#close{ color:#111 !important}
.popup {  position: relative;  padding: 0px;  max-width: 450px;  height: auto;  width: 98%;  top: 15%;box-sizing: border-box; margin: auto; background: #f5e6ce no-repeat;  color: #000;  box-shadow: 1px 1px 40px #000; border-width: 10px; border-color: #e5dcc5;
  border-style: solid;
  border-radius: 25px;}
.subscribe-me h2 { text-align: center; color:#111 !important; background-position: bottom center; line-height: 40px;}
.popup p { padding: 15px;  margin: 0 !important;}
.popup-img{max-width:650px; height:auto; width:100%; display:block}
img.map, map area{
    outline: none;
}
.youtube-video-container {
  position: relative;
  overflow: hidden;
  width: 100%; margin: 30px 0;
}
.youtube-video-container::after {
  display: block;
  content: "";
  padding-top: 56.25%;
}
.youtube-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.grayscale {-webkit-filter: grayscale(0.5); filter: grayscale(0.5);}
.hours{ margin-bottom:50px;}
.hours span{ border-bottom:1px solid #222; padding:11px 0 11px 0; display:block; text-align:left}
.hours span em{ float:right}
.promotional{ padding-bottom:80px; font-size:12px; line-height:18px;}
.promotional strong{ display:block}
.promotions img{  max-width:379px; height:auto; }
.promos{ max-width: 650px !important;
    height: auto;
    width: 100%;
    display: block;
    margin: 0 auto;}
video { background:transparent url('kims.jpg') no-repeat 0 0; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;  background-size:cover;}
.promo .read-more{  color:#fff !important;   background:#31303c; border:0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.item a{ margin-bottom:30px; }
.item a{padding:0;  cursor: url(../images/cursor.png), auto;}
.item a:hover .read-more{ background:#222 }
.item a:hover{opacity:0.5}
.item a img{ width:100%; height:auto; border: 3px solid #eee; border-image: url(../images/border.png) 5 5 5 5 repeat;}
.video-button { position:absolute; z-index:1000; width:33%; text-align:center; bottom: 50px;}
.video-button a{ display:inline-block; margin-top: 15%; color:#111; padding:3px; text-transform:uppercase; font-weight:bold;  background:#ecd9de}
.video-button a:hover{ background:#111; color:#fff}
.videoWrapper {position: relative;padding-bottom: 48.12%; /* 16:9 */padding-top: 25px; height: 0; width:93%; background:#000000 url(../images/video-loader.gif) center center no-repeat;  margin:30px auto; border: 3px solid #eee; border-image: url(../images/border.png) 5 5 5 5 repeat; }
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mask{ position:absolute; z-index:1; width:100%; height:100%; opacity:0.6; background:url(../images/patterns/overlay5.png); }
.home-video{ position:relative; z-index:2; overflow:hidden; height:680px; clear:left;  margin-top: -30px; background:url(../images/video-loader.gif) center center no-repeat  }
.home-video video{margin-top:-250px; max-width:100%;}
.inner-video{ position:relative; z-index:2; clear: left;  margin-top: -50px; overflow:hidden; height:500px; background:url(../images/video-loader.gif) center center no-repeat; max-width:100%;  }
.inner-video video{margin-top:-350px; max-width:100%;}
.about-content { padding-bottom:60px !important;}
.about-content span{ font-size:16px; text-transform:uppercase}
.about .one_half:nth-child(2){ text-align:right; height:auto; height:500px;}
.about .one_half:nth-child(2) img{ position:relative; top:-160px; max-width:580px; height:auto; width:100%}
.jewelry { overflow-x:hidden}
.jewelry em{ display:block; font-style:normal; margin-bottom: 10px;}
.jewelry h4:after{    border-bottom: 3px solid #F99; content: '';display: block; width: 66px; margin: 15px auto;}
.jewelry .footer h4:after{border-bottom: 0px; margin:0}
.camera_caption h2 { color:#111; font-size:38px; font-weight:900;/*text-shadow:1px 1px 1px #333;*/ text-align:left; font-family: 'Pinyon Script', cursive;}
.camera_caption h3 { color:#111; /*text-shadow:1px 1px 1px #333;*/ text-align:left;  font-family: 'Pinyon Script', cursive;  font-size:33px; font-weight:400}
.jewelry h1{ margin-bottom:30px;}
.inner .main .container{ padding-top:0 !important;}
.inner .main .container .one_half p{ padding-right:12px;}
.testimonials .main{ text-align:center; font-family:"Times New Roman", Times, serif; font-style:italic}
.testimonials .main strong{ display:block; margin:30px 0 30px 0;}
.services-container{background:#776b6b; position:relative; z-index:11;}
.home .services-container {top: -80px;}
.services {margin-top:50px; margin-bottom:60px;}
.services li{padding-left: 70px;  line-height: 60px; text-transform:uppercase}
.services li:hover{-webkit-filter:  hue-rotate(150deg) brightness(2); filter:  hue-rotate(150deg) brightness(2);}
.services-2 li:hover{-webkit-filter:  hue-rotate(150deg) brightness(2); filter:  hue-rotate(150deg) brightness(2);}	
.services li a{ color:#fff;}
.jewelry-info .engagement-rings{  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;}
.jewelry-info .engagement-rings:hover{ -webkit-filter:  hue-rotate(120deg) brightness(1);
 filter:  hue-rotate(330deg) brightness(1);}
 .jewelry-info .engagement-rings:hover a{color: #fada76 !important;}
.services li a:hover{padding-left:10px; color:#666 !important}
.services-2 li a{ color:#fff }
.services-2 li a:hover{color: #666 !important; padding-left:10px; -webkit-filter:  hue-rotate(300deg) brightness(.9);
    filter:  hue-rotate(300deg) brightness(.9);}
/* classes for Article Images*/
.rhodium{max-width:240px !important; height:auto; display:block; margin:0 auto; width:100%}
.jewelery-meaning{max-width:179px !important; height:auto; display:block; margin:0 auto; width:100%}
.wedding-guest-jewelry{max-width:240px !important; margin:0 auto; display:block; width:100%; height:auto}
/* classes for Article Images ends here*/
.container.kims-services	{margin-bottom:70px !important; }opy
.kims-services .one_half{padding-top:0px;}	
.kims-services	div{ padding-top:50px; }
.testimonials .main .container{ max-width:580px; text-align:center}
.testimonials p:after { border-bottom: 1px solid  #FC0; content: ''; display: block;  width: 66px; margin: 15px auto;}
.jewelry .main .one_half{ min-height:200px; margin:0 0 0.5%  0.5%; text-align:center; overflow:hidden}
.jewelry .main .one_half p{max-width:320px; margin:60px auto;  font-size:18px; font-weight:300; font-family: 'Roboto', sans-serif; margin: 10px auto 60px;}
.jewelry .main h4{ margin-top:60px; padding:0 !important; font-size:24px}
.contact-container .contact{ background:#212121 !important; opacity:0.9 !important; margin-top: 30px;}
.services-page .main{padding-bottom:70px;}
.services-page .main .container{ max-width:980px; background-color: rgba(31, 31, 31, 0.7); padding:40px !important;}
.services-page .main .container p{ margin:0 0 10px 0 !important;}
.services-page .main .container strong{ font-family: 'Roboto', sans-serif; font-weight:900; font-size:14px; text-transform:uppercase; color:#fff; display: block; padding-top:0px}
.services-page .main .container p{ padding-left:40px; color:#fff}
.services-page .main .container strong img{ margin-top:-7px;}
.services li:nth-child(1){ background:url(../images/icon1.png) left center no-repeat; padding-left:70px; line-height: 60px;}
.services li:nth-child(2){ background:url(../images/icon2.png) left center no-repeat; padding-left:70px; line-height: 60px; }
.services li:nth-child(3){ background:url(../images/icon3.png) left center no-repeat; padding-left:70px;line-height: 60px;  }
.services li:nth-child(4){ background:url(../images/icon4.png) left center no-repeat; padding-left:70px;line-height: 60px;  }
.services li:nth-child(5){ background:url(../images/icon5.png) left center no-repeat; padding-left:70px; line-height: 60px; }
.services-2 {margin-top:50px; margin-bottom:60px;}
.services-2 li { text-transform:uppercase}
.services-2 li:nth-child(1){ background:url(../images/icon6.png) left center no-repeat; padding-left:70px;line-height: 60px; }
.services-2 li:nth-child(2){ background:url(../images/icon7.png) left center no-repeat; padding-left:70px;line-height: 60px; }
.services-2 li:nth-child(3){ background:url(../images/icon8.png) left center no-repeat; padding-left:70px;line-height: 60px; }
.services-2 li:nth-child(4){ background:url(../images/icon9.png) left center no-repeat; padding-left:70px;line-height: 60px; }
.services-2 li:nth-child(5){ background:url(../images/icon10.png) left center no-repeat; padding-left:70px;line-height: 60px; }
.about{ position:relative; padding:px 0 0px 0; background:#2c2b31 }
.about p{ padding-right:15px;}
.uppercase { text-transform:uppercase; font-size:19px; padding-top:20px;}
.testimonials-container { position:relative; background:#fff url(../images/testimonials-bg.jpg) left bottom ; background-size:100% auto; margin-top:0px; overflow:hidden}
.testimonials-container h3{ text-align:center; text-align: center; color: #111;  margin-top: 70px; }
.testimonials-container strong{display:block;  color:#111; font-size:13px}
.testimonials-container em{display:block; font-family:"Times New Roman", Times, serif; text-transform:none; color: #111; margin: auto; max-width:480px;}
.tooltip {display:none;position:absolute;border:1px solid #333;background-color:#161616; border-radius:5px; padding:5px; color:#fff; font-size:11px;}
.container-bg{ background:url(../images/container-bg.png) center center no-repeat; height:222px; position:absolute; z-index: 100 !important;width: 100%; bottom:-70px !important}
.image-center{ display:block; margin:auto}
.contact-container{ background: url(../images/contact-bg.jpg) center center no-repeat;  padding:50px 0 50px 0;}
.contact-info strong{ font-size:26px !important}
.contact-info h1{ margin-bottom:50px;}
.contact-info span{ display:block;  width: 90%;}
.contact-info em{ float:right; font-weight:bold; font-style:normal; margin-right: 30px;}
.contact-container h3{ text-align:center; margin-top:40px;}
.contact{ max-width:630px !important; background:#eae3e2;  }
.contact-info .one_third img{}
a{-webkit-tap-highlight-color: rgba(255, 255, 255, 0); color:#fada76} 
.contact-info .one_third:nth-child(2) span{margin-bottom: 5px;  padding: 10px 0 10px 0;}
.contact-info .one_third:nth-child(3) span{margin-bottom:5px;  padding: 10px 0 10px 0}
.contact-info .one_third:nth-child(4) em{}
/* Bounce To Right */
a {
  display: inline-block; text-decoration:none; padding:0 5px 0 5px;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
a:hover, a:focus, a:active {
  color: #fff !important ; 
}
.select_style {overflow:hidden; width:100%;}
.styled-select select {
background: transparent; border: none;}
.wide-container{ max-width:1380px; margin:auto}
.jewelry-info{ padding-bottom: 80px;}
.jewelry-info a{ display:block}
.jewelry-info .container {margin-top:50px;  background:url(../images/jewelry-info-bg.jpg) bottom repeat-x; text-align:center;}
.jewelry-info p{ margin:0;}
.jewelry-info .engagement-rings{ position:relative; background:#776b6b;}
.jewelry-info .engagement-rings div{ position:absolute; background:#776b6b; width:100%; height:185px; left:0;  }
.jewelry-info .engagement-rings h2{ margin-top:30px;}
.jewelry-info .gia-certified-diamonds{ padding-top:25px;}
.jewelry-info .jeweler-on-premises{padding-top:25px;}
.jewelry {z-index:12; padding-bottom: 150px;}
.home .inner-jewelry {background: #5b4c3c; z-index:12; padding-bottom: 100px;}
.inner-jewelry:before { content: ' ';  display: block; background:none;  -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
/*
.inner .jewelry-buttons{ background:#d89b6f}
.inner .jewelry-buttons h2{ margin-top:-30px; color:#111}
*/
.jewelry-buttons { padding-bottom:100px;}
.jewelry-buttons a{ width:24%; margin:0 0.5% 0 0.5%; position:relative; display:block; color:#fff; text-decoration:none; text-transform:uppercase; overflow:hidden; padding:10px 0 0 0; text-align: center;}
.jewelry-buttons a img{border: 1px solid #7a614c; width:96%; margin:auto; height:auto; max-width:800px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.jewelry-buttons a img.icon{ border:0}
.jewelry-buttons a:hover{-webkit-filter: contrast(1.4) saturate(1.8) sepia(.6); filter: contrast(1.4) saturate(1.8) sepia(.6); }
.jewelry-buttons a:hover img {background-color:#605951}
.jewelry-buttons a:hover img.icon{-moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH"; background:none}
.jewelry-buttons h2{ padding:0px 0 30px 0; text-align:center; margin-top:40px;}
.jewelry-buttons .container{padding:0px 0 30px 0;}
.jewelry-buttons a img.icon{ position:relative; top:-5px; width:50px; height:39px;}
.jewelry-buttons a span{ position:absolute; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; background:url(../images/arrow-bt.png) center no-repeat; z-index:2; width:100%; height:100%; top:100%; opacity:0.7; display:block;}
.jewelry-buttons a:hover { background:none; opacity:0.8}
.jewelry-buttons a:hover span{top:15%; }
.email-signup{ background:#f5e6cf; color:#111}
.email-signup h2{ color:#111}
.styled-select  {height: 55px; overflow: hidden; background: url(../images/select.png)  no-repeat right center;}
.devider{ height:80px; background:url(../images/devider.png) bottom center no-repeat; margin-top:0px;}
.featured .devider{ height:80px; background:url(../images/devider3.png) bottom center no-repeat; margin-top:-80px; z-index: 10; position: absolute; width: 100%; height: 80px;}
.featured h2{ text-align:center}
.featured p{ font-size:16px; max-width:96%; }
.description{padding-top:5%;}
.featured img{display:block; width:90%; }
.devider2{ position:relative; z-index:11; height:80px; background:url(../images/devider2.png) bottom center no-repeat; margin-top:-80px;}
.devider4{ position:relative; z-index:11; height:80px; background:url(../images/devider4.png) bottom center no-repeat; top:-80px;}
.devider5{ position:relative; z-index:11; height:80px; background:url(../images/devider5.png) bottom center no-repeat; top:-80px;}
.devider6{ position:relative; z-index:11; height:80px; background:url(../images/devider6.png) bottom center no-repeat; margin-top:-90px;}
.about-container{position:relative; z-index:10;}
.featured {background:#818181; position: relative;
z-index: 2; padding-bottom:80px;}
.rhodium{max-width:240px !important; height:auto; display:block; margin:0 auto; width:100%}
.home .devider2 { position: relative; z-index: 11; height: 80px; background: url(../images/devider2.png) bottom center no-repeat; margin-top: 0px; top: -80px;}
#map1{ background:url(../images/map1.jpg) center center no-repeat}
#map2{ background:url(../images/map2.jpg) center center no-repeat}
.mobile-menu{position:absolute; z-index:110; top:38px; right:0px; display:none;  padding:7px; width:40px; height:50px; cursor:pointer;  font-size:28px; color:#000;}
.main{ position:relative; z-index:-1;; left:0;   height:auto;background-color: white; }
.main-overlay{ height:50px;}
.inner-main-overlay{ position:absolute; z-index:1000; bottom:0%; width:100%; background:url(../images/innr-main-overlay.png) left bottom no-repeat; height:120px;}
.inner-spacer{  background:url(../images/inner-header.png) bottom center no-repeat; height:60px; margin:60px 0 30px 0;}
.container{ position:relative; max-width:1200px; margin:auto; padding:10px; clear:both;  }
.inner .main .container{ padding: 60px 0 0px ;}	
.clear{ clear:both;}
.image-border{ border:1px solid #77a729; padding:2%; max-width:460px; height:auto; width:99%; display:block; margin: 10px auto; }
.fixed{position: fixed !important; top:-135px; opacity:0.8}
.header{ position: relative; z-index:100; width:100%; min-height:200px; background:/*#2c2c2c*/ #4b4949; height:auto; }
.header .container{padding:10px 0 0px 0;}
.header-info span{ border:1px solid #5a8d06; margin-top:10px; padding:3px; color:#5a8d06;  font-weight:600; text-transform:uppercase; letter-spacing:0;}
.header-info a{color:#5a8d06}
.header-info .one_third{ float:right !important}
.handwriting{  text-transform:none; font-weight:normal; color:#5f930a; }
.slider{ position:relative; background: #1f1915 url(../images/loader.gif) center center no-repeat}
.banner-bg{ position: absolute; z-index:10; bottom:0%;   width:100%; height:100px; background: url(../images/banner-bg.png) bottom left no-repeat;}
.banner-bg-gray{ position: absolute; z-index:10; top:-100px;   width:100%; height:105px; background: url(../images/banner-bg-gray.png) bottom left no-repeat;}
.copy { text-align:center; padding:20px 0 20px 0; border-top:1px solid #333; font-size:11px; font-weight:600; background:#1a1a1a; font-weight:300; }
.phone{  font-size:2em; line-height:1.2em;  padding-top:50px; font-family: 'Great Vibes', cursive;}
.phone a{ display:block; color:#fad974; text-align:center}
.phone a img{ position:relative; top:10px;}
.food{ max-width:800px;  height:auto; display:block; margin:auto; margin-top:-50px; }
.copy a:before{background:none;}
.footer{ position:relative; font-weight:300;   min-height:200px; background:#1a1a1a;  font-size:12px; line-height:22px !important;  color:#fff; padding-top:30px; padding-bottom:50px;}
.footer a{ color:#fff !important;}
.footer .read-more{ color:#fff !important; margin-bottom:0px; background:#9a8772 }
.footer a:hover{ color: #fff; }
.footer h4{ display:block; font-size:24px !important; font-weight:400;  margin-top:0px;  }
.footer .links{ color:#fff; line-height:46px;  width:90%;}
.footer .links li{  }
.footer .links a{ display:block; width:96%; text-align:left;   font-size:12px; border-radius:0; line-height:44px; padding-left:15px; background:url(../images/arrows.png) left center no-repeat; }
.footer .links a:hover{ background: #9a8772}
.footer .one_third{background-color: rgba(0, 0, 0, 0.5); width:25% ; margin-right:5% !important; margin-top:4% !important; height:350px;}
.map-container{ background:#fcfbff url(../images/map.jpg) center center; height:400px;}
.read-more{ font-family:Arial, Helvetica, sans-serif !important; font-size:12px !important; color:#fff !important;  padding:7px 17px 7px 17px; text-transform:uppercase; background: #111;  font-weight: 600 !important;}
.read-more:before{ background:#333; color:#fff}
.read-more:hover{color:#fff !important; background:#333}
.footer h3{line-height: 28px; padding:0; text-align:left; margin-bottom:10px;  font-size:2em; text-transform:uppercase;    background:none; color:#fff;  font-weight:900; padding:0 }
.footer h4{  background:none; padding:0 !important; margin-top:10px; font-size:16px;}
.footer h3 span{ font-family:'Great Vibes', cursive; color:#5f930a; text-transform:none; font-weight:normal; font-size:36px}
.footer p { margin: 30px 0 20px 0; padding:0; width:90%; font-size:14px;  text-align:left; letter-spacing:normal;}
.footer img{ max-width:260px;}
.footer a{ color:#fff}
.footer .container{ padding-top:10px;}
.footer .one_fourth{ padding-top:20px;}
.map{ overflow:hidden; height:360px; padding:0 !important; border-radius:5px; width:99%;
-webkit-filter: hue-rotate(20deg); filter: hue-rotate(20deg);}
.full-width{ width:100%; height:auto;}
.bullets{ padding-left:0px; margin-bottom:15px; }
.bullets li{ position:relative; list-style:inside;   text-align:left; list-style: none; background:url(../images/bullets.png) center left no-repeat;  margin-bottom:5px; ;border-radius: 2px; padding: 5px 5px 5px 15px; }
.bullets li a{ text-decoration:underline;}
.bullets li a:hover{ color:#76b21d}
a:hover{color:#000; }
p{ margin:0px 0 25px 0; padding:0 0 0 0 ;  }
hr{ border:0; background:none; clear:both; height:0; margin:0; padding:0;}
.center-img{ display:block; margin:auto;}
.center{ text-align:center; }
.left{ float:left !important; margin-right:15px; margin-bottom:15px;}
.right{ float:right !important;}
.align-right{ text-align:right;}
strong{ font-weight:600; margin-bottom:5px; }
#signup_email{ background:#fff; border:1px solid #5f930a; height:20px; line-height:20px; padding:5px; width:80%;}
.submit{ cursor:pointer; border:0; background:none;  text-transform: none;font-weight: normal;
font-size: 26px; margin-top:10px;}
.menu { font-size:0.7em; text-align:center;}
.menu h1{ font-size:2.8em;}
.menu h3{ background: url(../images/menus-spacer.png) bottom center no-repeat; text-align:center; padding-bottom:40px; font-size:2.2em; width:90%;  }
.menu strong{ font-size:1.8em; text-transform:uppercase; margin:10px 0 10px 0; display:block; font-weight:600; color:#77a729 }
.social-links{float:right !important; display:block; padding: 22px 0;}
.social-links a{ margin:20px 0 0 0;}
.nav {width:auto; max-width:100%; margin-top: 20px; right:0;} 
.nav  li {float:left; }
.nav li:last-child{background:none;}
.nav  li a { display: block;  line-height: 18px;  font-size:14px; text-decoration: none; color:#fff; padding: 10px 22px 10px 22px; font-weight:300; text-transform:uppercase; letter-spacing:0; background: url(../images/arrow.png) center right no-repeat; }
.nav li a:hover{ color: #fad974 !important;}
.nav li div{ position:absolute; z-index:1000; top:35px; left:0; width:100%; height:0; overflow:hidden;  border-top:0; padding:0;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.nav li:hover div{ display:block}
.nav li div a{ display:inline-block; border:0; background:none; text-align:left;  font-size:12px !important; color:#111; letter-spacing:normal; padding: 0 !important}
.nav li div a:hover{color:#000;}
.nav li div ul li{ display:block; font-size:12px; line-height:normal; height: auto; width: 20%; float:left}
.nav li div ul li a{ display:block; padding:15px; height: auto; line-height:60px; background: #000; color:#fff; text-align:center }
.nav li div ul li a:hover{ line-height:60px; background:#222; opacity:1;}
.nav li div  ul li img{ margin: auto}
.nav li div  ul li a strong{ display:block;}
#new-items {padding-left:36px}
#new-items img{ position: absolute; top:3px; left:3px; }
#nav-icon1 { display:block;width: 45px;height: 45px;position: relative;margin: 6px 0 0 0 ;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;  }
.mobile-menu{-webkit-tap-highlight-color: rgba(255, 255, 255, 0); background-color: transparent }
#nav-icon1 span{display: block;position: absolute;height: 2px;width: 50%;background: #fadf8a;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out; }
#nav-icon1 span:nth-child(1) {
  top: 0px;
}
#nav-icon1 span:nth-child(2) {
  top: 10px;
}
#nav-icon1 span:nth-child(3) {
  top: 20px;
}
#nav-icon1.open span:nth-child(1) {
top: 8px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
#nav-icon1.open span:nth-child(3) {
top: 8px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.jewelry-single-page .videoWrapper{ margin:0;}
.jewelry-single-page p.medium{ }
.blog, .jewelry-single-page{  margin:auto; padding:30px; border:0px solid #393838; }
.blog p.large, .jewelry-single-page p.large{ font-size:20px; font-weight:100; font-family: 'Roboto', sans-serif; text-transform:uppercase; color:#fce8c7}
.blog ul, .jewelry-single-page ul{ clear:both}
.blog .date li, jewelry-single-page ul li{ float:left; width: auto; text-align:center; font-weight:300; font-size:18px; padding:10px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-style:italic;}
.blog .date li:nth-child(1){ background:#CE99FF}
.blog .date li:nth-child(2){ background:#ddd}
.blog .read-more1 { color:#fff !important; text-align:center}
.blog p{width: 100%;}
.blog h3{top:0 !important; padding-bottom:0 !important; clear: both;
  margin-top: 30px;}
.blog-img-350{max-width:350px !important; width:100%; margin:0 auto; display:block; height:auto; text-align:center}
.chidren-gift{max-width:900px; box-sizing:border-box; height:auto; margin:0; display:block; width:100%; border:none !important}
body.blog { padding:0;     border: 0;}
.jewelry-single-page img {border: 3px solid #eee !important; width: 100%; max-width: 94%; height: auto; border-image: url(../images/border.png) 5 5 5 5 repeat !important;}
nav[role="navigation"] {
  text-align: center;
}
.cd-pagination {
  width: 90%;
  max-width: 768px;
  margin: 2em auto 4em;
  text-align: center;
}
.cd-pagination li {
  /* hide numbers on small devices */
  display: none;
  margin: 0 .2em;
}
.cd-pagination li.button {
  /* make sure prev next buttons are visible */
  display: inline-block;
}
.cd-pagination a, .cd-pagination span {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* use padding and font-size to change buttons size */
  padding: .2em .8em;
  font-size: 15px;
}
.cd-pagination a { background:#eee; color:#111;
}
.no-touch .cd-pagination a:hover {
  background-color: #212121;
}
.cd-pagination a:active {
  /* click effect */
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.cd-pagination a.disabled {
  /* button disabled */
  color: rgba(46, 64, 87, 0.4);
  pointer-events: none;
}
.cd-pagination a.disabled::before, .cd-pagination a.disabled::after {
  opacity: .4;
}
.cd-pagination .button:first-of-type a::before {
  content: '\00ab  ';
}
.cd-pagination .button:last-of-type a::after {
  content: ' \00bb';
}
.cd-pagination .current {
  /* selected number */
  background-color: #333;
  color: #ffffff;
  pointer-events: none;
}
#portfolios .nav1 {
    max-width:300px;
    line-height: 33px;
    height: 50px;
    background: #222222;
	margin:0 auto;
}
#portfolios .nav1 ul {
    font-family: 'PT Sans', sans-serif;
    display: inline-block;
    text-align: center;
    line-height: 1.8em;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    font-style: normal;
}
#portfolios .nav1 li {
    float: left;
    display: inline-block;
    line-height: 33px;
    height: 49px;
}
#portfolios .nav1 li a {
    display: block;
   /* line-height: 18px;*/
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 8px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 33px;
    height: 33px; color:#fff;
}
#portfolios .nav1 li a:hover {
background:#666
   
}
.read-more1{ 
font-family:Arial, Helvetica, sans-serif !important; 
font-size:12px !important; 
color:#fff !important;  
padding:0px 10px 0px 10px; 
text-transform:uppercase; background:#31303c; margin:0 auto; display:block; text-align:center}
.read-more1:before{ background:#fff; color:#fff}
.read-more1:hover{color:#fff !important; background:#111}
#testimonials{ min-height:350px;}
.overflow{ overflow:hidden}
.mobile-menu em{ position:absolute; right:5px; top:11px; color:#fadf8a; font-size:0.7em; font-style:normal}
.mobile-menu{ -webkit-tap-highlight-color: rgba(255, 255, 255, 0); background-color: transparent; width:90px; } 
.close{ position:absolute; z-index:1000;  left:-40px; background:#2c2c2c;  display:block !important; margin-top: 5px !important; font-size:28px !important; text-decoration:none; padding:6px 0px 8px 0px !important; text-align:center !important;  width:30px; color:#fadf8a;  font-weight: 300;}
.column {
    float: left;
}
.size-1of3 { width: 31%; margin:1% !important} 
@media only screen and (min-width: 768px) {
  .cd-pagination li {
    display: inline-block;
  }
  
}
@media only screen and (min-width: 1170px) {
  .cd-pagination {
    margin: 4em auto 8em;
  }
}
@media all and (max-width: 1770px) {
.video{ height:390px}
}
@media all and (max-width: 1520px) {
.home-video video{margin-top:-170px}
.inner-video video{margin-top:-290px}
}
@media all and (max-width: 1480px) {
.footer .one_third {
background-color: rgba(0, 0, 0, 0.5); width: 30% !important;}
.contact-info span{ font-size:12px ;}
.video iframe{margin-top: -270px;}
video{margin-top: -270px;}
.about .two_third, .featured .two_third { width: 84%;}
}
@media all and (max-width: 1440px) {
.home-video video{margin-top:-320px}
.inner-video video{margin-top:-320px}
.home-video{height:500px;}
.inner-video{height:500px;}
}
@media all and (max-width: 1390px) {
.video{ height:350px;}
.inner-video video{margin-top:-250px}
}
@media all and (max-width: 1280px) {
.about .one_half:nth-child(2) img {  top:0px; max-width: 480px;}
.description {
  padding-top: 7%;
}
}
@media all and (max-width: 1230px) {
.dropdown{ display:none; position:absolute; z-index:1000; top:100px; width:100%; left:0;}
.home-video {  }
}
@media all and (max-width: 1200px) {
.mask{ display:none;}
.nav li a{padding: 5px 22px 5px 22px; font-size:13px}	
.contact-info span em{ display:block; clear:both; float:none; line-height:normal}}
@media all and (max-width: 1185px) {	
.camera_caption { bottom: 30% !important;}
.store-info .one_third { min-height:280px;}
.nav {margin-top: 30px; }
}
@media all and (max-width: 1140px) {	
.videoWrapper {position: relative;padding-bottom: 46.5%; /* 16:9 */padding-top: 25px; height: 0; width:93%; margin-bottom:30px; border:#ccc solid 1px}
.mask{display:none}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video{ height:auto; overflow:visible}
.video iframe {margin-top: 0;}
.nav li a{padding: 5px  18px 5px  18px; font-size:12px}	
}
@media all and (max-width: 1070px) {
.jewelry .main .one_half{ width:100% !important; min-height:200px; margin:0; text-align:center; overflow:hidden}
.services-page .main{ background:#fff none}
.inner-video{height:400px;}
}
@media all and (max-width: 1015px) {
.fixed{ position:relative !important}
.header-info .one_third:nth-child(3) { width:100%; max-width:100%; text-align:center;}
.header-info .one_third:nth-child(1), .header-info .one_third:nth-child(2) {width:auto !important;}
.header-info .one_third:nth-child(1){ margin-top:-47px; padding-bottom:0 !important}
.header-info .one_third:nth-child(2){ margin-top:-55px;}
.jewelry-info .container { background: #424055; margin-top:0; text-align: center; padding:0;}	
.jewelry-info .engagement-rings div{ position:relative}
.services-2 li a, .services li a{ font-size:12px; line-height: 25px;}
.about .two_third, .featured .two_third { float:none; margin:auto}	
.right {margin-left: 0px; float: none !important; width:100%;}
.header{ min-height:150px; z-index:100; background:#2c2c2c url(../images/header-bg-mobile.jpg) top repeat-x }
.header-info span {display: block; width:80%; margin:auto; padding:10px;}
.logo img{float: none;}
body {background-size:auto;}
.mobile-menu{display:block; left:0; top:0px;}
.nav { position: fixed; z-index:100000; background:#303030; display: block; overflow-y:scroll; margin-top:0px; top:48px !important; max-width:80%; height:130%; left:-90%; } 
.nav  li { position:relative;  display:block; width:100%; padding:0;   line-height:45px; height:auto; margin:0; } 
.nav li a{ line-height:45px; color:#fff; background:#303030  url(../images/bullet.png) left center no-repeat;  border-bottom:1px solid #222; font-weight:bold; text-align:left; height:45px;  padding-left:10px; margin:0; } 
.nav li a:hover{ color:#000; background: #424055 !important} 
.nav  li div{position:relative; width:100%; top:0; padding:0;  padding-left:0 !important;  border:0 !important; display:block;  background:none  } 
.nav li div ul li{ width:100%; background:none !important}
.nav li div ul li a{ background:#242424 !important;  text-align:left}
.nav li div ul li a img{ position:relative; display: inline-block; float:left; width:20px; height:auto; background:none; margin:15px 7px 7px 7px;}
.nav  li div a{ background: #303030 url(../images/bullet.png)15px center no-repeat; }
#camera_wrap_1 .camera_prev, #camera_wrap_1 .camera_next{  display:none; }
.camera_caption h4 {font-size: 3em !important;}
a {-webkit-transition-duration: 0.2s; transition-duration: 0.2s;}
.footer .container{ max-width:90%}
.footer .one_third {
width: 45% !important;
 float: left !important; margin-right: 2.5% !important; margin-left: 2.5% !important;}
.dropdown{ top:0px} 
.dropdown li{width:100% !important;}
.about { position: relative; padding: 10px 0 0px 0;}
p {  margin: 0px 0 25px 0;}	
.home-video{height:auto; overflow:visible; margin-top: 0px !important;}
.inner-video{height:auto; overflow:visible; margin-top: 0px !important;}
.home-video video{height:auto; margin-top: -200px}
.inner-video video{height:auto; margin-top: -200px}
}
@media all and (max-width: 980px) {
.nav li a {font-size: 12px;}
.hide{display:block !important}
.container { position: relative; margin: auto;}
.jewelry-info .one_third{ width:100%; padding-bottom:15px;}
.jewelry-info { padding-bottom:0;}
.jewelry-info .engagement-rings, .jewelry-info .engagement-rings div { background: #363547;}
.inner .devider{display:none}
}
@media all and (max-width: 890px) {
.services li, .services-2 li{ font-size:12px}	
table, thead, tbody, th, td, tr { 
display: block; 
}
thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
}
  
td { 
border: none;
border-bottom: 1px solid #111; 
position: relative;
}
  
td:before { 
position: absolute;
width: 100%;  
white-space: nowrap;
}
tr{ padding-bottom:0px; padding-top:0px; border-bottom:3px solid #eee}
.footer .one_fourth, .jewelry-buttons .one_fourth{ width:49%; float:left; clear:none; margin-bottom:20px;}
.home-video video{height:auto; margin-top: -100px}
.inner-video video{height:auto; margin-top: -100px}
}
@media screen and (min-width: 851px) 
{
#portfolio[data-columns]::before {
 content: '3 .column.size-1of3'; } 
#photos[data-columns]::before {
content: '3 .column.size-1of3'; } 
#videos[data-columns]::before {
content: '3 .column.size-1of3'; } 
}
@media all and (max-width: 800px) {
		.service-areas {
		margin: 40px 20px;
	}
h2.blog-header {
  font-size: 1.2em;
  margin-bottom: 30px;
}
h3{text-align:center; font-size:1.6em}	
.contact-info span { margin: auto; width: 90%;}
.home-video video{margin-top:0px}	
.promo-display .one_fourth{position:relative; height:330px; width:48%; margin-right:1%; margin-left:1%; clear:none; margin-bottom:15px;}	
.about .two_third{ float:none; margin:auto; max-width:96%}		
.services {max-width: 380px;margin: 60px auto;float: none; margin-bottom:0; line-height: 25px !important;}	
.services-2 {max-width: 380px;margin: 0px auto;float: none; line-height: 25px !important; margin-bottom:60px}	
.services-2 li:nth-child(4){line-height: 25px !important;}
.gallery-disp{ max-width:640px; margin:auto}
.gallery-disp div{ width:100% !important; height: 310px !important;}
.gallery-disp div:nth-child(2) { background: url(../images/earrings.jpg) top center no-repeat;}	
.gallery-disp div:nth-child(1) span {top: 30px;}
.gallery-disp .two_fourth{position:relative; height:310px !important; width:100%}
.gallery-disp li:nth-child(3) a {height: 310px;}
.gallery-disp li:nth-child(4) a {height: 310px;}
.gallery-disp .one_fourth { position: relative; height: 310px;}
.gallery-disp .two_fourth a {height:310px !important; height: 310px !important;}
.gallery-disp .one_half { width:100% !important; height: 310px;}
.gallery-disp li:nth-child(1) a {
 background: url(../images/rings.jpg) top center no-repeat;}
.gallery-disp li:nth-child(1) span {top: 60px;}
.inner h1{margin: 15px 0 15px 0 !important;}
.social-links {float: none !important;  display: inline-block;  padding:0; }
.footer .one_third {
width: 100% !important; margin:0 !important; text-align:center; 
 float: none !important;}
 .footer .one_third{ padding:30px 0 30px 0; min-height: auto;
height: auto;}
.camera_caption { bottom: 40px !important;}
.camera_caption h2{font-size: 28px; line-height:normal}
.camera_caption h3{font-size: 24px; line-height:normal}
.contact-info .one_third{ text-align:center !important; margin-bottom:30px;}
.contact-info .one_third:nth-child(2) img {margin-top: 15px; margin-bottom:15px;}
.contact-info .one_third:nth-child(3) img {margin-top: 15px; margin-bottom:15px;}
.contact-info .one_third:nth-child(4) img {margin-top: 15px; margin-bottom:15px;}
.jewelry .main .one_half p{ margin:auto !important}
.jewelry .main h4 {margin-top: 20px;}
.jewelry .main .one_half img{ margin:10px 0 10px 0}
.jewelry .main .one_half:nth-child(6){margin-bottom: 0px;}
.footer .one_half{ width:100% !important}
.videoWrapper {position: relative;padding-bottom: 49.25%; /* 16:9 */padding-top: 25px; height: 0; width:93%; margin-bottom:30px; border:#ccc solid 1px}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
p{ padding:10px;}
.services-page .main .container { padding: 10px !important;}
.promo .two_fourth{ width:100%}
.video-button{ display:none}
.jewelry-single-page .videoWrapper{ margin: auto;}
.promotions .one_third{ width:50% !important; clear:none}
.header-info .one_third:nth-child(1) {  margin-top: -27px;  padding-bottom: 0 !important;}
.header-info .one_third:nth-child(2) {  margin-top: -30px; margin-right: 100px;  padding-bottom: 0 !important;}
.email-signup{padding-bottom: 70px;}
.jewelry-single-page img {border: 3px solid #eee !important; width: 100%; max-width: 100%; height: auto; border-image: url(../images/border.png) 5 5 5 5 repeat !important;}
}
@media all and (max-width: 770px) {
.links{ position:relative; z-index:1000;}	
.header-info .one_half{ margin:0; padding:0; text-align:center;}
.footer img{max-width:220px;}
.content-bg{ background:none; padding-bottom:1000px;}
.message h2{ font-size: 1.8em;}
.message h3{ font-size: 1em;}
.inner-video video{margin-top:0;}
}
@media all and (max-width: 670px) {
.camera_caption{font-size:1.1em !important; }
.bullets li{ line-height:1.3em;}
.mobile-menu {right: 0px;}
.header .two_third{ width:70% !important; margin:auto;}
.logo img{ float:none;}
.logo span{ display:block;}
.one_half{width: 96% !important; margin: auto;
float: none; padding:2%;}
.align-right{ text-align:center;}
.login { margin-top: 30px;padding: 0;}
.logo span{left:0px;}
.uppercase {text-transform: uppercase; font-size: 16px;}
.testimonials-container em{line-height: 27px;}
.services-page .main .container p {padding-left: 0px;}
.contact-container{ padding:0}
.camera_caption h2 {  font-size: 18px !important;}
.devider6{margin-top: -50px;}
/*
.camera_caption h2{ color:#fff; text-shadow:1px 1px 1px #555;}
.camera_caption h3 { color:#fff ; text-shadow:1px 1px 1px #555;}
*/
}
@media (max-width:660px){
.message {position: relative;}    
.size-1of2 { width: 48%; margin:1% !important}
#portfolio[data-columns]::before { content: '2 .column.size-1of2'; }
#photos[data-columns]::before { content: '2 .column.size-1of2'; }
#videos[data-columns]::before { content: '2 .column.size-1of2'; }
 .message {  padding: 10px 0 30px 0; background: #fff; top: -10px;}
}
@media all and (max-width: 540px) {
.video-button { display:none}
.camera_caption h2{ font-size:20px}
.camera_caption h3 { font-size: 30px;}
}
@media all and (max-width: 480px) {	
.header-info span {display: block; width:90%; margin:auto; padding:10px; font-size: 12px;}	
.camera_caption h4 {font-size: 2em !important;}
.mobile-menu {left: -5px;}
.header-info .phone{ font-size:1.2em; padding-top:7px; margin-right:90px !important}
.header-info .phone img{top: 3px;}
.jewelry-buttons .one_fourth { width: 100%; max-width:300px; margin:auto; float:none}
.about .one_half:nth-child(2) img { top: 70px;}
.footer .one_fourth{ width:100%;}
}
@media all and (max-width: 380px) {	
.promotions .one_third{ width:100% !important; clear:none}
.about .one_half:nth-child(2) img { top: 120px;}
}
@media(max-width:320px){
.size-1of1 { width: 98%; margin:1% !important}
#portfolio[data-columns]::before { content: '1 .column.size-1of1'; }
#photos[data-columns]::before { content: '1 .column.size-1of1'; }
#videos[data-columns]::before { content: '1 .column.size-1of1'; }
.about .one_half:nth-child(2) img { top: 140px;}
}