@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900');

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Montserrat', sans-serif;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;	
}

body {
	margin:0;
	padding:0;
    font-family: 'Montserrat', sans-serif;
}
.clear{
	clear:both;
}
.img{
	width:100%;
	display:block;
}
.v_a_img{
	vertical-align:middle;
}

p{
	margin:0 !important;
}

.ex_pdg{
	padding-top:3%;
}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
.top_main{
	width:100%;
}
.top{
	width:100%;
	margin:0 auto;
}
.top2{
	width:98%;
	margin:0 auto;
}
.top3{
	width:96%;
	margin:0 auto;
}
.logo{
	width:415px;
	float:left;
	margin:1%;
}
.logo img{
	width:100%;
	display:block;
}
.top_col_sm3{
	width:500px;
	float:right;
	margin-top:2.5%;
	margin-right: 1%;
	margin-bottom: 0%;
	margin-left: 1%;
}

.header_menu ul li a{
	font-size:14px;	
	color:#000;
	line-height:200%;
	text-decoration:none;
	float:left;
	font-weight:500;
	font-family:'Montserrat', sans-serif;
	padding:0px 18px;
	text-transform:capitalize;
}
.header_menu ul li a:hover{
  color: #3d3ba9;
}

.header_menu ul li.active > a {
  color: #3d3ba9;
}

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

/*--------------------------------------------------------------
home  Page
--------------------------------------------------------------*/
.banner{
	width:100%;
}

.heding {
    font-size: 25px;
    padding: 2% 1% 1%;
    line-height: 140%;
	color:#f800f8;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	text-align:justify;
}

.para{
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    line-height: 160%;
	color:#40429a;
    padding: 1%;
	text-align:justify;
}

.para span{
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-size: 17px;
    font-weight: 700;
    line-height: 160%;
	color:#f800f8;
	text-transform:uppercase;
	text-align:justify;
}

/*--------------------------------------------------------------
about us
--------------------------------------------------------------*/
.italic{
    font-style: italic;
	font-weight:600;
	color:#40429a;
}

.heding1 {
    font-size: 22px;
    padding: 1%;
    line-height: 140%;
	color:#f800f8;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	text-align:justify;
}
.abo_para{
    font-family: 'Montserrat', sans-serif;
    color:#40429a;
    font-size: 15px;
    font-weight: 500;
    line-height: 160%;
    padding: 1%;
	text-align:justify;
}
.abt{
    font-family: 'Montserrat', sans-serif;
    color:#711146;
    font-size: 20px;
    font-weight: 700;
    line-height: 160%;
	text-align:justify;
}


.red{
   color:#ff0000;
   font-size:18px;
   text-transform:uppercase;
}
.yellow{
    color:#ff0000;
}

.magenta{
    color:#f800f8;
}

.red_diff{
   color:#40429a;
   font-size:20px;
   font-weight: 700;
   text-transform:uppercase;
}

.abt_end h1 {
	font-size: 20px;
    padding:0% 1%;
    line-height: 140%;
	color:#fc0404;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	text-align:right;
}

.abt_end p{
    font-family: 'Montserrat', sans-serif;
    color:#40429a;
    font-size: 15px;
    font-weight: 500;
    line-height: 160%;
    padding: 0% 1% 1%;
	text-align:right;
}
.abt_end p .record{
    color:#f800f8;
    font-size: 18px;
}
.abt_end p .dr{
    font-size: 18px;
	font-weight:600;
}


/*--------------------------------------------------------------
use of gems
--------------------------------------------------------------*/
.us_gem_head{
    font-size: 18px;
    line-height: 140%;
	color:#f800f8;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	text-align:justify;
	padding: 1% 1% 0%;
}
.us_gem_head span{
    font-size:21px;
	color:#40429a;
	font-weight: 700;
	text-transform:uppercase;
}

.center{
    text-align:center;
}
.multi_gem_head{
    font-size: 16px;
    line-height: 140%;
	color:#9e5b86;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	text-align:justify;
	padding: 1% 1% 0%;
}
.us_gem_para{
    font-family: 'Montserrat', sans-serif;
    color:#40429a;
    font-size: 15px;
    font-weight: 500;
	padding: 1%;
    line-height: 160%;
	text-align:justify;
}

.paragrph{
    font-family: 'Montserrat', sans-serif;
    color:#40429a;
    font-size: 18px;
    font-weight: 600;
    line-height: 160%;
	text-align:justify;
}

.paragrph2{
    font-family: 'Montserrat', sans-serif;
    color:#40429a;
    font-size: 20px;
    font-weight: 600;
    line-height: 160%;
	text-align:justify;
	text-transform:uppercase;
}

.big{
    font-family: 'Montserrat', sans-serif;
    color:#f800f8 !important;
    font-size:20px !important;
    font-weight: 700 !important;
    line-height: 160%;
	text-align:justify;
}
 



.media_span{
    font-family: 'Montserrat', sans-serif;
    color:#ff0000;
    font-size: 19px;
    font-weight: 600;
    line-height: 160%;
	text-align:justify;
}


.us_gem_para_red{
    font-family: 'Montserrat', sans-serif;
    color: #fc0404;
    font-size: 16px;
    font-weight: 600;
	padding: 1%;
    line-height: 160%;
	text-align:justify;
}

.us_gem_para_red2{
    font-family: 'Montserrat', sans-serif;
    color: #fc0404;
    font-size: 16px;
    font-weight: 600;
	padding: 1%;
    line-height: 160%;
	text-align:justify;
	text-transform:uppercase;
}

.us_gem_para_red3{
    font-family: 'Montserrat', sans-serif;
    color: #fc0404;
    font-size: 16px;
    font-weight: 600;
    line-height: 160%;
	text-align:justify;
	text-transform:uppercase;
}


.us_gem_clr p{
    color:ff0000;
}
.ruby_para{
    font-family: 'Montserrat', sans-serif;
    color:#9e5b86;
    font-size: 15px;
    font-weight: 500;
    line-height: 160%;
	text-align:justify;
}
.bold{
    font-weight:600;
}
/*--------------------------------------------------------------
use navratna
--------------------------------------------------------------*/


/*--------------------------------------------------------------
Why & Which Birthstones
--------------------------------------------------------------*/
.birthstones h1{
	font-size: 22px;
    line-height: 140%;
	color:#fc0404;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	text-align:justify;
}

.birthstones p{
	font-family: 'Montserrat', sans-serif;
    color:#40429a;
    font-size: 15px;
    font-weight: 500;
	padding: 1% 0% 1%;
    line-height: 160%;
	text-align:justify;
}

.birthstones p span{
    color: #fc0404;
    font-size: 15px;
    font-weight: 600;
}

.color_red{
	color:#f88800 !important;
}
.why_col_sm9{
	width:11%;
	margin:0% 1%;
	float:left;
}

/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/
.m_col_sm4{
	width:23%;
	margin:0% 1%;
	float:left;
}
.m_head {
    font-family: 'Montserrat', sans-serif;
    color:#ff0000;
    font-size: 15px;
    font-weight: 500;
    padding: 1%;
    line-height: 160%;
    text-align: center;
	margin:2% 1% 1%;
	min-height:120px;
}


/*--------------------------------------------------------------
Testimonials
--------------------------------------------------------------*/
.t_col_sm9{
	width:87%;
	float:right;
}
.t_col_sm99{
	width:11%;
	float:left;
}
.rad{
	border-radius: 100px;
}
.t_bold {
    font-weight: 700;
}
.t_head {
    font-family: 'Montserrat', sans-serif;
    color: #fc0404;
    font-size: 20px;
    font-weight: 600;
    line-height: 160%;
    text-align: left;
	margin:1% 1% 0%;
	
}
.t_abo_para {
    font-family: 'Montserrat', sans-serif;
    color:#40429a;
    font-size: 15px;
    font-weight: 500;
    line-height: 160%;
    padding: 0.5% 1% 0.2%;
    text-align: justify;
}
hr{
	border:1px dotted #d3d3d3;
}

.hr2{
	border:1px dashed #ff0000;
}
/*--------------------------------------------------------------
Table
--------------------------------------------------------------*/

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #afafaf;
}
th, td {
    border: solid 1px #cfcfcf !important ;
    text-align: left;
    padding: 8px;
}
tr:nth-child(even){background-color: #f3f3f3;}
.bodytext_bold{
	font-family:'Montserrat', sans-serif;
	font-size:15px;	
	font-weight:700;	
	color:#fc0404;
	padding:2% 0%;
	text-align:center;
}
.bodytext_bold2{
	font-family:'Montserrat', sans-serif;
	font-size:14px;	
	font-weight:700;	
	color:#000;
	text-align:center;
	padding:2%;
}
.td_txt{
	padding:2% 0%;
	font-size:14px;
	font-family:'Montserrat', sans-serif;
	font-weight:500;
	color:#40429a;
	text-align:center;
}

.td_txt2 {
    padding: 5% 0%;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color:#40429a;
    text-align: center;
}
.col_sm16{
	width:99%;
}

.overflow_table{
	overflow-x:auto;
}

/*--------------------------------------------------------------
price list
--------------------------------------------------------------*/

.products_clr2{
	color:#d33303;
	font-weight:700;
	font-size:20px;
	font-family: 'Montserrat', sans-serif;
}
.acor_txt {
    font-family: 'Montserrat', sans-serif;
    color:#40429a;
    font-size: 14px;
    font-weight: 500;
    padding: 0%;
    text-align: justify;
    line-height: 150%;
}
/*--------------------------------------------------------------
how to wear
--------------------------------------------------------------*/
.wear_head{
	font-family:'Montserrat', sans-serif;
	font-size:15px;	
	font-weight:500;	
	color:#fc0404;
	padding:0.5% 1%;
}
.wear_tbl{
	font-family:'Montserrat', sans-serif;
	font-size:15px;	
	font-weight:500;	
	color:#fc0404;
	padding:0% 1%;
	text-align:center;
}
.wear_head_bold{
	font-family:'Montserrat', sans-serif;
	font-size:15px;	
	font-weight:700;	
	color:#fc0404;
	padding:0% 1%;
}
.wear_tbl_bold{
	font-family:'Montserrat', sans-serif;
	font-size:15px;	
	font-weight:700;	
	color:#fc0404;
	padding:0% 1%;
	text-align:center;
}
.heding1 {
    font-size: 25px;
    padding: 0.5% 1% 0%;
    line-height: 140%;
	color:#f800f8;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	text-align:justify;
}
img2{
    width:150px;
	height:150px;
}

.us_gem_head2 {
    font-size: 18px;
    line-height: 140%;
    color: #9e5b86;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    text-align: justify;
    padding: 1% 1% 1%;
}

/*--------------------------------------------------------------
contact page start
--------------------------------------------------------------*/

.contact_banner{
	background-image:url("../images/contact.jpg");
	height:auto;
	padding:80px 0px 100px 0px;
}

.contact_page{
	width:100%;
	margin:0 auto;
	margin: 60px auto;
}

.cont_icon{
	width:15%;
	float:left;
}
.cont_txt{
	width:80%;
	float:left;
}

.cont_icon .fa{
	font-size:60px;
	color:#fff;
	margin-top: 3%;
}

.cont_txt h1{
	font-family:'Montserrat', sans-serif;
	font-size:20px;
	font-weight:500;
	color:#fff;
	margin:3% 0%;
}

.cont_txt p{
	font-family:'Montserrat', sans-serif;
	font-size:16px;
	font-weight:500;
	color:#fff;
	margin:0% 0%;
	line-height:160%;
}

.form_main{
	width:80%;
	margin:0% auto;
	max-width:1100px;
}

.contact_head{
	font-family:'Montserrat', sans-serif;
    font-size:35px;
    font-weight: 600;
    color: #fff;
	margin: 3% 0% 5% 0%;
}

.contact_txt{
	font-family: 'Montserrat', sans-serif;
	font-size:16px;
	font-weight:400;
	color:#fff;
	line-height:160%;
	margin:3% 0%;
}


/*--------------------------------------------------------------
Regular Content
--------------------------------------------------------------*/
.contener{
	width:100%;
	margin:0 auto;
}
.col_sm1{
	width:100%;
	margin:0 auto;
}
.col_sm2{
	width:48%;
	margin:1%;
	float:left;
}
.col_sm3{
	width:31%;
	margin:0% 1%;
	float:left;
}
.col_sm4{
	width:21%;
	float:left;
	margin:1%
}

.col_sm5{
	width:18%;
	margin:1%;
	float:left;
}
.col_sm8{
	width:70%;
	float:left;
}
.col_sm88{
	width:30%;
	float:right;
	
}

.col_sm9{
	width:60%;
	float:right;
}
.col_sm99{
	width:40%;
	float:left;
}

.col_sm10{
	width:63%;
	float:left;
	margin:1%;
}
.col_sm100{
	width:33%;
	float:right;
	margin:1%;
}

.col_sm11{
	width:85%;
	float:right;
	margin:1%;
}
.col_sm111{
	width:11%;
	float:left;
	margin:1%;
}


/*--------------------------------------------------------------
link
--------------------------------------------------------------*/
a.link:link {
	color:#000;
	text-decoration:none;
}
a.link:visited {
	color:#000;
	text-decoration:none;
}
a.link:hover {
	color:#000;
	text-decoration:none;
}
a.link:active {
	color:#000;
	text-decoration:none;
}


a.link2:link {
	color:#fff;
	text-decoration:none;
}
a.link2:visited {
	color:#fff;
	text-decoration:none;
}
a.link2:hover {
	color:#fff;
	text-decoration:none;
}
a.link2:active {
	color:#f15757;
	text-decoration:none;
}


/*--------------------------------------------------------------
Bullet
--------------------------------------------------------------*/

.bullet ul {
	margin-left:5%;
	list-style-image:url(../images/bullet.jpg);
}
.bullet ul li a{
	font-family:'Montserrat', sans-serif;
	font-size:14px;
	line-height:220%;
	color:#fff;
	margin:0% 2% 0.1% 0%;
	padding:1% 0.8% 0.1% 0.8%;
	text-decoration: none;
	font-weight:400;
	text-transform:capitalize
}


.bullet2 ul {
	margin-left:3%;
	margin-top:2%;
	list-style-image:url(../images/bullet2.png);
}
.bullet2 ul li{
	font-family:'Montserrat', sans-serif;
	font-size:14px;
	line-height:160%;
	color:#000;
	margin:0% 2% 0.1% 0%;
	padding:1% 0.8% 0.1% 0.8%;
	text-decoration: none;
	font-weight:500;
	text-transform:capitalize
}




/*--------------------------------------------------------------
Button
--------------------------------------------------------------*/
.btn{
	width:100%;
	padding:9% 1%;
	font-size:14px;
	border:0px solid;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	background-color:#d33303;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	font-weight:600;
	border-radius:4px;
	text-transform:uppercase;
}
.btn:hover{
	background-color:#fff;
	color:#000;
}

.get_in_touch2{
	width:120px;
	margin:0.9% 0%;
	float:right;
}

/*--------------------------------------------------------------
Extra
--------------------------------------------------------------*/
.bg_clr2{
	background-color:#feca0a;
}

.bg_clr3{
	background-color:#40429a;
}

.bg_img{
	background-image:url('../images/top-bg.jpg');
	background-size: 100% 100%;
	height:96px;
}
.cont_pdg{
	padding:2% 0%;
}

.mbl_dck{
	display:none;
}


/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
.ftr_col_sm3{
	width:31%;
	margin:0% 1%;
	float:left;
}
.ftr_txt h2{
	font-family:'Montserrat', sans-serif;
	color: #fff;
	font-size: 20px;
	text-align:left;
	font-weight:600;
	padding:4% 1% 5%;
}
.ftr_txt p{
	font-family:'Montserrat', sans-serif;
	color: #fff;
	font-size: 14px;
	text-align:left;
	font-weight:400;
	line-height:180%;
}
.ftr_icon{
	width:16px;
	float:left;
	margin:1% 0%;
}

.ftr_txt_main{
	width:80%;
	float:left;
	margin:0% 1% 2% 5%;
}

.ftr_col_sm2{
	width:48%;
	margin:0% 1%;
	float:left;
}

.ftr_txt1{
	font-family:'Montserrat', sans-serif;
	color: #000;
	font-size: 14px;
	text-align:left;
	font-weight:500;
	padding:1.5% 1%;
}
.ftr_txt2{
	text-align:right;
}


/*--------------------------------------------------------------
top arrow
--------------------------------------------------------------*/
.top_arrow{
	width:35px;
	height:35px;
	position:fixed;
	right:1%;
	bottom:3%;
	display:none;
	transition-duration: 1s;
	background-image:url('../images/top.png');
	cursor:pointer;
	background-repeat:no-repeat;
	z-index: 999;
}
.top_arrow:hover{
	width:35px;
	height:35px;
	position:fixed;
	right:1%;
	transition-duration: 1s;
	bottom:3%;
	cursor:pointer;
	background-image:url('../images/top-b.png');
	display:none;
}




@media only screen and (max-width:1100px){
.top{
	width:100%;
}
.contener{
	width:100%;
}
.top_col_sm3 {
    margin-top: 3.5%;
	width: 498px;
}
}

@media only screen and (max-width:1050px){
.m_head {
    min-height: 160px;
}
}

@media only screen and (max-width:1000px){
.col_sm111 {
    width: 30%;
}
.col_sm11 {
    width: 99%;
}
.col_sm10 {
    width: 98%;
    float: left;
    margin: 1%;
}
.col_sm100 {
    width: 98%;
    float: right;
    margin: 1%;
}
.col_sm5 {
    width: 31%;
    margin: 1%;
    float: left;
}
.b_no{
	display:none;
}
.mbl_dck{
	display:block;
}
.logo{
	float:none;
	margin:0% auto;
	padding:1% 0%;
}
.top_col_sm3 {
	display:none;
}
.navbar {
    background-color: #40429a;
}

li.mbl_dck {
    display: block !important;
}
}

@media only screen and (max-width:950px){
.col_sm8 {
    width: 100%;
    float: left;
}
.col_sm88 {
    width: 100%;
    float: right;
}
.ftr_col_sm3{
	width:98%;
	margin:0% 1%;
	float:left;
}
.ftr_txt h2 {
    padding: 4% 1% 3%;
}


}

@media only screen and (max-width:900px){
.m_col_sm4 {
    width: 31%;
}
}

@media only screen and (max-width:800px){
.col_sm2{
	width:100%;
}

.col_em {
	margin-top: 1%;
	margin-bottom: 3%;
}

.col_em {
	display:none;
}
.t_col_sm9 {
    width: 98%;
    float: left;
}
.t_col_sm99 {
    width: 25%;
    float: none;
	margin:1% auto;
}
}


@media only screen and (max-width:700px){
.ftr_col_sm2 {
    width: 98%;
}

.ftr_txt2 {
    text-align: left;
}
.t_col_sm99 {
    width: 40%;
}
.rad {
    border-radius: 300px;
}
.m_col_sm4 {
    width: 48%;
}
}

@media only screen and (max-width:600px){
.col_sm111 {
    width:50%;
}
.t_col_sm99 {
    width: 50%;
}
.col_sm5 {
    width: 48%;
}
.col_sm99 {
    width: 100%;
    float: left;
}
.col_sm9 {
    width: 100%;
    float: right;
}
}


@media only screen and (max-width:500px){
.col_sm111 {
    width:99%;
}

.col_sm5 {
    width: 98%;
}
.t_col_sm99 {
    width: 70%;
}
.m_col_sm4 {
    width: 98%;
}
.cont_icon {
    width: 20%;
    float: left;
}
.m_head {
    min-height: auto;
}
}

@media only screen and (max-width:430px){
.logo {
    width:98%;
}
.t_col_sm99 {
    width: 98%;
}
.form_main {
    width: 95%;
}
}
