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, font, img, ins, kbd, q, s, samp, small,input, 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, hr, button {

	border: 0 none;

	font-size: 100%;

	margin: 0;

	outline: 0 none;

	padding: 0;

	vertical-align: baseline;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

}

img {

	max-width: 100%;

}

ol, ul {

	list-style: none outside none;

}

h1,h2,h3,h4,h5,h6{

	font-weight:normal;

	line-height:36px;

	font-family: 'PT Sans', sans-serif; font-size:20px; color:#333; margin-top:8px;

}

	

p{font-family: 'PT Sans', sans-serif; font-size:14px; color:#444; line-height:24px;}

body {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 16px;

	font-weight: 400;

	font-size: 14px;

	background:url(../images/bg.jpg) repeat;

	margin: 0;

	padding: 0;



}

a {

	color: #09f;

}

a:hover {

	text-decoration: none;

}

#back_to_camera {

	clear: both;

	display: block;

	height: 80px;

	line-height: 40px;

	padding: 20px;

}

.fluid_container {

	margin: 0 auto;

	max-width: 1000px;

	width: 90%;

}

.wrapper {

	width: 100%;

	margin: 0 auto;

	max-width: 1349px;

	}

.main {

	width: 100%;

	margin: 0 auto;

	max-width:980px;

}

.main_inner {

	float: left;

	width: 100%;

	padding:3%;

	margin:3% 0%;

	background:#fff;



}

.header{ float:left; width:100%;margin:0px 0px 0px;}

.logo{ float:left; width:auto; }

.tagline p{ float:left; width:34%; margin:0px 3%; text-align:center;font-family: 'PT Sans', sans-serif; font-size:18px; color:#5a5a5a; line-height:26px;}

.header_right{ float:right; width:19%; margin-top:25px;}

.header_right ul{ float:left; width:100%;}

.header_right ul li{ float:left; width:auto; margin-right:0px;}

.header_right ul li:hover a{ opacity:0.6;}

.header_right ul li:last-child{ margin-right:0px;}

.toggle{ display:none; float:left; width:100%;  background:#0432ff; color:#fff; line-height:39px; text-align:center; cursor:pointer;}

.navigation{ float:left; width:100%; border-bottom:1px solid #c5c5c5; margin-top:15px;}

.navigation ul{ float:left; width:100%; font-size:18px; text-transform:capitalize;font-family: 'PT Sans', sans-serif; color:#5a5a5a; padding-bottom:10px;}

.navigation ul li{ float:left; width:auto; margin-right:51px;}

.navigation ul li a{ text-decoration:none; color:#515151;}

.navigation ul li:hover a{ color:#d41212; padding-bottom:9px; border-bottom:2px solid #d41212;}

.navigation ul .active a{color:#d41212; padding-bottom:9px; border-bottom:2px solid #d41212;}

.slider{ float:left; width:100%; margin-top:18px;}

.midal{ float:left; width:100%; margin:15px 0px;}

.left_side{ float:left; width:64%;}

.right_side{ float:right; width:35%;}

.welcome{ float:left; width:100%;}

.welcome_title{ float:left; width:100%;}

.welcome_title h1{float:left;font-size:24px; font-weight:bold; color:#626262;}

.welcome_title h1 span{font-size:18px; padding-right:125px; font-weight:normal; color:#d51616; background:url(../images/tiline.jpg) right no-repeat;}

.thumb{ float:left; width:100%; margin:8px;}

.thumb ul{ float:left; width:100%;}

.thumb ul li{ float:left; width:31%; margin-right:5px; margin-bottom:6px; background:#fff;}

.thumb ul li:hover a{ opacity:0.6;}

.facebook{ float:right; width:100%; margin:15px 0;}

.facebook img{ float:right;}

.facebook iframe{width:100%;}

.contact_details{ float:left; width:100%; background:#d41d1d; border-radius:3px;}

.contact_box{ float:left; width:100%; padding:8px;}

.title{ float:left; width:100%;font-family: 'PT Sans', sans-serif; margin-top:12px; padding-bottom:8px; font-size:24px; color:#fff; background:url(../images/tag.jpg) bottom left no-repeat;}

.details{ float:left; width:100%; background:#FFF; padding:8px 0px;}

.details_inner{ float:left; width:70%;}

.icon{ float:none; text-align:center; margin:8px;}

.contact_address p{width:100%; text-align:center; font-size:16px;font-family: 'PT Sans', sans-serif; line-height:24px;}

.taddy{ float:right; width:auto; margin-top:35px;}

.mail{ float:left; width:100%; margin-top:10px;}

.icon_mail{width:100%; text-align:center;}

.id{ text-align:center;width:100%; font-size:16px; color:#fff; font-size:14px;font-family: 'PT Sans', sans-serif; margin:15px 0px; padding:0 5px;}

.id a{ text-align:center;width:100%; font-size:16px; color:#fff; font-size:15px;font-family: 'PT Sans', sans-serif; margin:15px 0px; padding:0 5px;}

.footer{ float:left; width:100%; background:url(../images/footer-line.png) repeat-x;}

.footer_inner{ float:left; width:100%; margin:15px 0px 0px;}

.footer_link{ float:left; width:76%; margin-top:5px;}

.footer_link ul{ float:left; width:100%;}

.footer_link ul li{ float:left; width:auto; padding-right:8px; padding-left:8px; border-right:2px solid #5a5a5a;}

.footer_link ul li a{ text-decoration:none; color:#5a5a5a;}

.footer_link ul li:first-child{ padding-left:0px;}

.footer_link ul li:last-child{ border-right:0px;}

.footer_socail{ float:right; width:13%;}

.footer_socail ul{ float:left; width:100%;}

.footer_socail ul li{ float:left; width:auto; margin-right:5px;}

.footer_socail ul li:last-child{ margin-right:0px;}

.copyright{ width:100%; font-size:14px; color:#444; text-align:center;}

.fild{ float:left; width:100%; margin-top:0px;}

.form_filed{ width:100%;}

.form_filed .field{float:left; width:100%; border: solid 1px #d6d6d6; padding:10px; margin-top:8px; color:#333333; }

.products_box_button{float:left; padding:8px; border-radius:3px;clear:left; color:#fff; margin-top:20px; background:#444; font-size:20px; text-align:center; text-decoration:none;}

.products_box_button:hover{ background:#d41d1d; text-decoration:none;}

.gem_information{ float:left; width:100%; margin-top:15px;}

.gem_information ul{ float:left; width:100%;}

.gem_information ul li{ float:left; width:31%; margin-right:10px; background:#fff; border:1px solid#d1d1d1; min-height:300px; margin-bottom:10px;}

.images_gem{width:auto; text-align:center; padding:5px;}

.gem_title{ float:left; width:100%; margin:5px; font-size:18px; color:#d41d1d;}

.gem_para{ float:left; width:100%; font-size:14px; color:#444; padding:0px 5px 5px;}



.service_images2{ float:left; width:100%; text-align:center;}

.banner{ float:left; width:100%; background:#FFF; padding:4px; border:1px solid #989898; margin:15px 0px;}
.left_img{ float:left; width:25%; margin:0px 15px 00px 0px; border:1px solid #989898; padding:3px;}


/*******************************************************************Website Responsive************************************************************************/



@media(max-width:980px){.logo{ width:36%;}

.tagline p{ font-size:15px; width:31%;}

.header_right{ width:25%;}

.navigation ul li{ margin-right:29px;}

.details_inner{ width:64%;}

p{ font-size:13px;}

.footer_link{ width:100%; float:none; margin:10px auto;}

.footer_socail{ width:100%; float:none; margin:15px auto;}

.facebook{ float:none; text-align:center;}



.footer_link{margin:0 0 15px 0; text-align:center; display:block; float:left; width:100%;}

	.footer_link ul li{float:none; padding:0px 9px; margin:5px 0; display:inline-block;}

	

	.footer_socail ul li{float:none; display:inline-block;}

	

	.footer_socail{float:left; width:100%;

	text-align:center;}



}





@media(max-width:768px){

	.logo{ width:34%;}

	.header_right{ width:29px;}

	.tagline p{ font-size:13px; width:30%;}

	.header_right{ width:180px;}

.toggle{ display:block;}

.menu{ display:none;}

.profile{ background:none; width:100%; margin:0; padding:0;}

.navigation .toggled-on{ padding:0;}

.toggled-on li{width:100%;}

.navigation ul li:hover{ background:#e6e6e6;}

.navigation ul li{  width:100%; text-align:center; background:#eee; border-bottom:1px dashed #d6d6d6; padding:5px;}

.navigation .toggled-on li a{ border-radius:0px 0px 0px 0px; -webkit-border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px;}



.left_side{width:100%; margin:0 0 20px 0;}

.right_side{width:100%;}



.contact_address p{ text-align:left;}

.icon{text-align:left;}



.facebook{text-align:left;}



.facebook img{float:left;}



	

	.thumb ul li{text-align:center;}

	

}







@media(max-width:643px){

	.logo{width:100%; text-align:center;}

	.tagline{width:100%; text-align:center;}

	.header_right{width:100%; text-align:center;}

	.header_right ul li{display:inline-block; vertical-align:top; float:none;}

	.tagline p{width:100%; text-align:center; padding:10px 0;}

	.welcome_title h1 span{ background:none;  line-height: 19px;

    padding-right: 0;}

	

	.welcome_title h1{

	 line-height: 26px;

    padding-right: 0;

	margin:0 0 10px 0;

	}

	

	.thumb{margin:0 0 10px 0;}

}



@media(max-width:479px){

	

.gem_information ul li {

    margin: 2%;

    width: 46%;

}



.thumb ul li{width:48%; margin:1%;}



}



@media(max-width:360px){

	

	.gem_information ul li {

    margin: 2%;

    width: 96%;

}





.gem_information ul li {

    float: none;

    margin: 10px auto;

    width: 240px;

}

	

}