/* IMAGE HOVER */
#profile-easyfit:hover {
    content: url('/images/moissanite/mgs-Profiles-EF-1-H.jpg');
}
/* IMAGE HOVER END */
#mgs {
	color:#000000;
	font-size: 12px;
}
#mgs h1 {
	font-size:3.7em;
	line-height: 1.2em;
	font-weight: bold;
	text-align: center;
}
#mgs h2 {
    font-size: 2em;
    line-height: 1.2em;
    font-weight: normal;
    padding: 0;
	text-align:center;
}
#mgs h3 {
	/*font-size:2.5em;*/
	line-height: 1.2em;
	font-weight: normal;
}
#mgs h4 {
	font-size:1.6em;
	line-height: 1.2em;
	margin: 3% 0;
	font-weight: normal;;
}  
#mgs h5 {
	font-size:1.667em;
	font-weight: normal;
}
#mgs h6 {
	font-size:1.250em;
	line-height: 1.2em;
	margin: 3% 0;
	font-weight: normal; 
}
#mgs p, .populcat a, .recentorders a, .ideacat a, .ourserv a {
	font-size:1.250em;
	line-height: inherit;
	font-weight: normal;
	padding: 2% 0;
	text-align:center;
}
#mgs ul {
	font-size: 1.250em;
    line-height: inherit;
    font-weight: normal;
    padding: 0 0 5% 0;
    list-style: disc;
}
#mgs li {
	padding-bottom: 2px;
}
#mgs .section {
    clear: both;
    padding: 0px;
    margin: 2% 0;
}
#mgs img {
	text-align: center;
	margin: 0 auto;
	max-width: 100%;
}
.bgblk { 
	padding:0;
}
.helplnk .txtwraprd {
    max-height: 250px !important;
    min-height: 200px;
}
.helplnk h6 {
    font-size: 1.9em;
    line-height: 1.2em;
    margin: 3% 0;
    font-weight: normal;
}

.helplnk img, .faqblk img {
    width: 100%;
}
.helplnk p {
	height: 60px;
	overflow: hidden;
}
.helplnk h6, .helplnk p { 
	color:#ffffff
}
.txtgold a, .txtgold, .txtgold p, .txtgold {
	color:#315fac
}
.scraphead {
	background-position: left;
	background-size: cover;
}
.scraphead em { 
	color:#315fac;
}
.scraphead p { font-size:1.6em}
.scraphead h1, .scraphead p {
    color: #ffffff;
}
.bglgrey {
	background-color: #f2f2f2;
	padding: 0;
	display: flex;
    align-items: center;
}
.bggrey { 
	background-color:#f2f2f2;
	padding: 0;
}
.bgblk {
	background-color:#000000;
	color: #fffffff;
	padding: 0;
}
.uspscrap, .scraphead { 
	margin:0 !important;
}
.uspscrap {
	text-align: center;
	color:#000000;
	padding: 0 3% !important;
	}
.uspscrap i {
    font-size:3em;
    text-align: center;
	color: #315fac
}
.twobuttons {
	display: flex;
    justify-content: space-evenly;
}
#mgs .txtwraprd {
    padding: 10% 5% 10% 10%;
}	
#mgs .c_tab_control .txtwraprd {
    padding: 0 10%;
}	
#mgs .faqblk .txtwraprd {
    padding: 0 10% !important;
}	
#mgs .scraphead .txtwraprd {
    /*padding:3% 10% 0 10%;*/
}
.blkbg {
	background-color:#000000;
	color:#ffffff;
}
.goldbg {
	background-color:#315fac
}
.nomarg { 
	margin:0 !important;
	padding: 2% !important;
}
#mgs #b_product_tab .c_tab_panel {
	margin:0
}
#mgs #b_product_tab {
    width: 100%;
    border: none;
    display: inline-block;
    margin-top: 0;
    padding: 0 0;
}
#mgs .c_tab_control .c_tab_panel {
    background-color: #000000 !important;
}
#mgs .c_tab_header a {
	font-weight:normal;
}
#mgs ul.c_tab_header.three li a.active {
   background-color: #000000 !important;
   color: #ffffff;
}
#mgs .c_tab_control ul.c_tab_header li a {
    background-color: #315fac !important;
}
.vidblk {
	padding: 1% 0 1% 0;
	text-align: center;
}
.vidblk img {
	width: 80%;
}
.ornbtn {
	padding: 10px 50px;
	background-color: #315fac;
	color: #ffffff;
	text-align: center;
}
.ornbtn:hover {
	color: #000000;
	text-decoration: none !important
}
.hmtitle p {
	text-align:center;
}
#b_product_tab .txtwraprd {
	paddding: 5%;
}
.fixedmetal {
	display:none;
}
.rndbtn {
    background-color: #ffffff;
    color: #315fac;
    padding: 10px 30px;
    border-radius: 0;
    font-size: 15px;
    max-width: 200px;
    margin: 15%;
    text-align: center;
    margin-left: 15%;
}
.rndbtn:hover {
	color: #000000;
}
.scrapblk {
	text-align:center;
}
#mgs .c_tab_header a {
    font-weight: normal;
    font-size: 18px;
}
.c_tab_control ul.c_tab_header li a {
    padding-top: 25px !important;
    padding-bottom: 25px  !important;
}
#mgs .c_tab_control ul.c_tab_header li a {
	text-decoration: underline;
}
#mgs ul.c_tab_header.three li a.active {
    text-decoration: none;
}
.quotefm {
	padding: 0 0 10% 10%;
    height: 50px;
}
.quotefm input, .quotefm textfield {
    padding: 5px 10px;
    height:45px;
    display: inline-block;
    float: left;
}
/* ------ PART ------ 2 */
.quotefm select {
    padding: 10px 10px 7px 10px;
    line-height: 140px;
    height: 45px;
	display: inline-block;
    float: left;
	margin: 0 5px;
}
.quotefm input[type="submit" ] {
	padding: 5px 20px;
    height: 45px;
    display: inline-block;
    float: left;
    background-color: #FDB813;
    border: none;
}
.faqblk p, .faqblk h5 {
	padding: 5% 0;
}
	/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.slider .col {
	margin-top: 0 !important;
}	
.col:first-child {
	margin-left: 0;
}
/*  GROUPING  */
.group:before, .group:after {
	content:""; 
	display:table;
}
.group:after {
	clear:both;
}
.group { 
	zoom:1; /* For IE 6/7 */
}
/*  GRIDS */
.span_2_of_2 { width: 100%;}
.span_1_of_2 { width: 49.2%;}	
.span_3_of_3 { width: 100%;}
.span_2_of_3 { width: 66.13%;}
.span_1_of_3 { width: 32.26%;}
.span_4_of_4 { width: 100%;}
.span_3_of_4 { width: 74.6%;}
.span_2_of_4 { width: 49.2%;}
.span_1_of_4 { width: 23.8%;}
.span_5_of_5 {width: 100%;}
.span_4_of_5 {width: 79.68%;}
.span_3_of_5 {width: 59.36%;}
.span_2_of_5 {width: 39.04%;}
.span_1_of_5 {width: 18.72%;}
.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 83.06%;}
.span_4_of_6 {width: 66.13%;}
.span_3_of_6 {width: 49.2%;}
.span_2_of_6 {width: 32.26%;}
.span_1_of_6 {width: 15.33%;}
.span_7_of_7 {width: 100%;}
.span_6_of_7 {width: 85.48%;}
.span_5_of_7 {width: 70.97%;}
.span_4_of_7 {width: 56.45%;}
.span_3_of_7 {width: 41.94%;}
.span_2_of_7 {width: 27.42%;}
.span_1_of_7 {width: 12.91%;}

.txtwraprd {
	padding:7%;
}
.txtwraprd p,.txtwrap p {
	margin: 0 0 3% 0;
}
.recentorders p, .helplnk p {
	height: 60px;
	overflow: hidden;
}
.anylabel_01 {
	background-image:url(/images/summer-sale/SS20-Webheader.jpg);
}
.welcomestrap {
	text-align:center;
}
#mgs .hmtitle h5, #mgs .hmtitle h2, #mgs .hmtitle p {
    width: 100%; 
    text-align: center; 
    border-bottom: 1px solid #C8C8C8 ; 
    line-height: 0.1em;
    margin: 10px 0 20px; 
    font-weight: bold;
    padding: 0;
    font-weight: normal;
}
.section {
	clear: both;
	padding: 0px;
	margin: 1% 0;
}
.hmtitle span { 
    background:#fff; 
    padding:0 25px; 
}
.tabtxt h2, .tabtxt p, .seoblk p, .seoblk h2 {
	text-align: left !important;
}
.mainheader {
	/*background-image: url("/images/moissanite/mgs-header3.jpg");*/
	background-position: center;
	background-color: #315fac;
}
.fresh p {
	font-size: 14px!important;
}
.wgblogo img{
	margin: 0!important;
}
.col, .colalt, .colnav {
	position: relative;
}
.bglgrey_title strong, .range_title, .content_title, .moreinfo_title strong {
	font-size: 1.8em;
	line-height: 1.2em;
	font-weight: normal;
}
.bglgrey_title strong, .content_title, .moreinfo_title strong, .range_title {
	padding: 3% 0 3% 0;
}
.range_title {
	padding: 3% 0 3% 0;
}

.hmtitle p {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #C8C8C8;
	line-height: 0.1em!important;
	margin: 10px 0 20px;
	font-weight: bold;
	padding: 0;
	font-weight: normal;
	font-size: 2em;
}
.range_title p, .content_title, .moreinfo_text strong {
	text-align: center;
}
.content_title {
	height: 55px;
}
.moreinfo_text p {
	height: 75px;
}
.range_3 {
	width: 32.26%;
}	
	.tlhm {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #C8C8C8;
    line-height: 0.01em;
    font-weight: normal;
}
.tlhm h1, .tlhm h2, .tlhm strong {
    background: #fff;
    padding: 0 25px;
    font-size: x-large;
    line-height: 0px;
    display: inline;
	font-weight: normal;
	color: #000
}
.tlhm a	{
    color: grey;
}
.seoblk {
	padding: 0 5%;	
}
.ccm_banner {
background: #315fac;
    color: #fff;
    padding: 10px;
    margin: 1% 0;
    text-align: center;
	font-size: large;
}
.ccm_banner img{
margin: auto;
height:25px;
}
@media only screen and (max-width: 1233px) { 
	.moreinfo_text p {
    height: 100px;
	}
}
@media only screen and (max-width: 1100px) { 
	#mgs h5 {
    	font-size: 1.2em;
	}
	#mgs h1 {
    	font-size: 3em;
	}
	.twobuttons a {
		font-size: smaller;
	}
	.ornbtn {
		padding: 10px 30px;
	}	
}
@media only screen and (max-width: 956px) { 
	.moreinfo_title {
	height: 85px;
	}
	.moreinfo_text p {
    height: 120px;
	}
}
@media only screen and (max-width: 930px) {
	.content_title {
		height: 80px; 
	}
}
@media only screen and (max-width: 850px) {
	.content_title {
		height: 80px; 
	}
	.tlhm, .carousel_title {
		border-bottom: 0px solid #C8C8C8 !important;
	}
	.tlhm h1, .tlhm h2, .tlhm strong {
		padding: 0;
		line-height:1.1em;
			}
}
@media only screen and (max-width: 840px) { 	
	#mgs .headblk .txtwraprd {
    padding: 0%;
	}
	.bglgrey {
		flex-wrap: wrap;
	}
	#mgs h1 {
    	text-align: center;
	}
	.scraphead {
		background-position: center;
	}
	#mgs h2, #mgs p {
		text-align: center;
	}
	.seoblk
	.scraphead {
    	background-position: 30% 50%;
	}
	.span_1_of_2,.span_3_of_3,.span_2_of_3,.span_1_of_3,.span_4_of_4,.span_3_of_4,.span_2_of_4,.span_1_of_4,.span_2_of_2, .span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5, .span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7 {
		width: 100%;
	}
	.col { 
		margin: 1% 0 1% 0%;
	}
	#cooksongoldhm h5 {
    	font-size: 1.2em;
	}
	.rndbtn {
    	max-width: 280px;
    	margin-top: 30px;
    	margin-left: auto;
    	margin-right: auto;
    	margin-bottom: 30px;
	}
	.quotefm {
    	padding: 5% 0 0 4%;
    	height: auto;
	}
	.quotefm input, .quotefm textfield {
    	width: 45%;
	}
	.quotefm select {
		width: 45%;
	}
	.quotefm input[type="submit" ] {
    	width: 91%;
    	margin: 2% 0 0 0;
	}
	#mgs .txtwraprd {
		padding: 8%;
	}
	#mgs .scrapblk .span_1_of_6, #mgs .scrapblk .span_2_of_6, #mgs .scrapblk .span_3_of_6, #mgs .scrapblk .span_4_of_6, #mgs .scrapblk .span_5_of_6, #mgs .scrapblk .span_6_of_6 {
		width: 100%;
	}
		.c_tab_control ul.c_tab_header.three li {
		width: 100%;
    	float: left;
	}
	.hmtitle h5 {
		margin: 0;
	}
	/*.tabtxt h2, .tabtxt p, .seoblk p {
		text-align: center !important;
	}*/
	.button {
		text-align: center !important;
	}
	.mainheader {
		/*background-image: url("/images/moissanite/mgs-header-mob4.jpg");*/
	}
	.moreinfo_text p {
		height: auto;
		font-size: 1.1em;
	}
	.content_title {
		height: auto;	
	}
	.bglgrey_title strong, .content_title, .moreinfo_title strong {
	padding: 3% 0 0 0;
	}
	.moreinfo_title, .moreinfo_text {
	height: auto;
	}
	#mgs .headblk a {
    display: none;
}
@media only screen and (max-width: 540px) {
	.range_3 {
		width: 100%;
	}
	.range_title {
	padding: 3% 0 0 0;
}
	.hmtitle p {
		font-size: large;
	}
	.ccm_banner {
	font-size: small;
	}
}
@media only screen and (max-width: 520px) {
	.twobuttons {
		flex-direction: column;	
	}
	.twobuttons a { 
		margin: 10px 0;
	}
	.ornbtn {
		font-size: 100%;
		padding: 10px 50px
	}
	#mgs .headblk img {
		width: 80%;
	}
}