.pro_slide{
	width:100%;
}
.pro_info{
	width:35%;
	float:left;
	margin-top: 90px;
}


.pro_info h2{
	margin-left:0;
	margin-bottom:15px;
	font-family: 'SnellRoundhandLTStd-Scr';
	font-size:50px;
}

.jewel-text {
	font-size:15px;
	line-height:26px;
	margin-bottom:20px;
}
.pro_img{
	width:45%;
	float:right;
}
.pro_img img{
	width:100%;
	box-shadow:none;
}
.main_bg{


}
.slick-prev {
  left: 0;
  margin-left:-5%;
}
.slick-next {
  right: 0;
  margin-right:-5%;
}
.slider-nav {
  background: #fff none repeat scroll 0 0;
  padding: 10px 25px;
}
.slider-nav .slick-current img{
	-moz-box-shadow: 0 0 2px 2px #ccc;
	-webkit-box-shadow: 0 0 2px 2px#ccc;
	box-shadow: 0 0 2px 2px #ccc;
	}
/*div.slick-center:last-child img{
  -moz-box-shadow: 0 0 0 0 #ccc;
  -webkit-box-shadow: 0 0 0 0 #ccc;
  box-shadow: 0 0 0 0 #ccc;
  }*/
.slick-prev, .slick-next {
  width: 20px;
}
.pro_thum {
  margin: 5px;
}


#fancybox-content{
background: #fff none repeat scroll 0 0;
border-width: 0px !important;
padding: 25px !important;
width: 400px !important;
}

#fancybox-overlay{
background-color: rgb(0, 0, 0) !important;
opacity: 0.7 !important;
}

#contact_form_pop button, input, select, textarea {
width:100%;
margin-bottom:20px;
margin-top:10px;
}
#contact_form_pop p {


}
#fancybox-bg-n,#fancybox-bg-ne,#fancybox-bg-e,#fancybox-bg-se,#fancybox-bg-s,#fancybox-bg-sw,#fancybox-bg-w,#fancybox-bg-nw{
	background:none !important; 
}
div#fancybox-outer {
  width: 450px !important; 
}
.wpcf7-form {
	padding:5px;
}

/*==========================================================*/
@import url(http://fonts.googleapis.com/css?family=Fauna+One|Muli);
#mainform{
width:960px;
margin:20px auto;
padding-top:20px;
font-family: 'Fauna One', serif;
display:block;
}
#mainform h2{
margin-left: 65px;
text-shadow:1px 0px 3px gray;
margin-top:0;
}
#mainform h3{
font-size:18px;
text-align:center;
text-shadow:1px 0px 3px gray;
}
.onclick {
  border-radius: 0px;
  color: #5a5a5a;
  cursor: pointer;
  padding: 5px 15px;
  margin-top: 10px;
  width: 90px;
  background: #eeeeee;
  font-family: 'SnellRoundhandLTStd-Scr';
  font-size:25px;
}
.onclick:hover{
color:#fff;
text-decoration:none;
outline:none;
background: #000;
}

#mainform b{
font-size:18px;
text-shadow:1px 0px 3px gray;
}
#popup{
padding-top:80px;
}
#mainform .form{
border-radius:2px;
padding:20px 30px;
box-shadow:0 0 15px;
font-size:14px;
font-weight:bold;
width:400px;
margin:20px 250px 0 35px;
float:left;
background:#e1e1e1;
}

#mainform input{
width:100%;
height:35px;
margin-top:5px;
border:1px solid #999;
border-radius:3px;
padding:5px;
}

#contact input[type=submit]{
background:#123456;
border:1px solid white;
font-family: 'Fauna One', serif;
font-Weight:bold;
font-size:18px;
color:white;
width:49%;
}
#mainform textarea{
width:100%;
height:80px;
margin-top:5px;
border-radius:3px;
padding:5px;
resize:none;
}
#contactdiv{
opacity:0.92;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
z-index:9999;
}

#contact{
width:400px;
margin:0px;
background-color:white;
font-family: 'Fauna One', serif;
position: relative;
border: 5px solid rgb(90, 158, 181);
}

#contact .row{
	margin-bottom:20px;
}
.img{
float: right;
margin-top: -30px;
margin-right: -37px;
}
#contact{
left: 35%;
top: 20%;
margin-left:-12%;
margin-top:-25%
}

.shop_address h3{
	margin-top:0;
	text-align:left;
}

/* new code by ab*/
.slider-nav .make_center {
  margin-left: -400px;
}
.slider-nav .slick-track{

}
.slick-slide img {
  width: 100%;
}

/*================== Responsive code ====================*/

/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
.pro_img {
  width: 50%;
}
#contact {
  left: 25%;
  margin-left: 0;
  margin-top: 0;
  top: 10%;
}

}

/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
.pro_info {
  float: none;
  width: 100%;
  padding:15px;
  position: relative;
	bottom: 0px;
}
.pro_info h2{
margin-left:0;
}
.pro_img {
  float: none;
  width: 100%;
}
.pro_img img{
	width:100%;
}
#contact {
  left: 0;
  top: 0;
  margin-left:0;
  margin-top:0;
}
#contact {
  width: 320px;
}
div#fancybox-outer {
  width: 240px;
}
#fancybox-content{
padding: 15px !important;
width: 240px !important;
}

.pro_info{
	margin-top: 0px;
}

}

/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
#contact {
  left: 0;
  top: 0;
  margin-left:0;
  margin-top:0;
}
#contact {
  width: 480px;
}

div#fancybox-outer {
  width: 380px;
}
#fancybox-content{
padding: 20px !important;
width: 380px !important;
}





}