@charset "UTF-8";
/* CSS Document */
.h1x {
	font-size: 36px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
	margin: .67em 0;
}
.h1xx {
	font-size: 56px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
	margin: .67em 0;
}
.hexbg {
	background-image: url(../images/whitediamond_@2X.png);
	background-size: 10% auto;
	background-attachment: fixed;
}
.rubybg {
	background-color: transparent;
}
.specialk {
		   font-family: 'Kaushan Script', cursive;
	   }
.litetouch {
	color: #cccccc;
}
.promoimage {
width: 250px;
margin-left: 25px;
}
#flinks a:link, #flinks a:visited, #flinks a:hover, #flinks a:active {
	color: #000000;
	text-decoration: underline;
}
.blink_text {

    animation:1s blinker linear infinite;
    -webkit-animation:1s blinker linear infinite;
    -moz-animation:1s blinker linear infinite;

     color: black;
    }

    @-moz-keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

    @-webkit-keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

    @keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }
.navient {
background: linear-gradient(270deg, #5cb95f, #2c7ab9);
background-size: 400% 400%;


-webkit-animation: navient 2s ease infinite;
-moz-animation: navient 2s ease infinite;
-o-animation: navient 2s ease infinite;
animation: navient 2s ease infinite;
}

@-webkit-keyframes navient {
    0%{background-position:15% 0%}
    50%{background-position:86% 100%}
    100%{background-position:15% 0%}
}
@-moz-keyframes navient {
    0%{background-position:15% 0%}
    50%{background-position:86% 100%}
    100%{background-position:15% 0%}
}
@-o-keyframes navient {
    0%{background-position:15% 0%}
    50%{background-position:86% 100%}
    100%{background-position:15% 0%}
}
@keyframes navient { 
    0%{background-position:15% 0%}
    50%{background-position:86% 100%}
    100%{background-position:15% 0%}
}

.tpadder {
	
	padding-top: 20px;
	padding-bottom: 20px;
}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
	#bread {
		
		display: block;
	}
	
	#rlink {
		
		display: block;
		
	}
	
	#imagepromo {
			display: block;
		
	} 
	
	#glinks {
			display: block;
		
	}
	.bthumb {
		width: 110px;
		height: auto;
		margin-right: 15px;
	}
	#bsub2 {
			display: none;
		
	}
	#bsub1 {
			display: block;
		
	}
	#nlogo {
			display: block;
		
	}
	#feetlinks {
			display: block;
		
	}

	#rstars {
			display: block;
		
	}
	
	#mfeetlinks {
			display: none;
		
	}

	 #stron, .dklogo {
		display: block;
	}
		#msearch {
		display: none;
	}
	#editnav {
		display:block;
		
	}
	#editnavm {
		display:none;
		
	}
	#blogbody {
		
		font-size: 16px; 
		font-weight: 400; 
		line-height: 28px; 
		margin-top: -50px; 
		padding-left: 60px; 
		padding-right: 60px;
	}
}

/* Tablet view */
@media screen and (max-width:1024px) {

	#bread {
		
		display: block;
	}
	
	#rlink {
		
		display: block;
		
	}
	
	#imagepromo {
			display: block;
		
	}
	
	#glinks {
			display: block;
		
	}
	
	.bthumb {
		width: 110px;
		height: auto;
		margin-right: 5px;
	}
	
	#bsub2 {
			display: none;
		
	}
	#bsub1 {
			display: block;
		
	}
	
	#popbrands {
			margin: 15px;
		
	}
	#nlogo {
			display: none;
		
	}
	#feetlinks {
			display: none;
		
	}
	
	#rstars {
			display: block;
		
	}
	
	#mfeetlinks {
			display: block;
		
	}
	.container {
    width: auto;
  }
   #stron, .dklogo {
		display: block;
	}
		#msearch {
		display: none;
	}
	#hometabs, #msearch {
		padding-left: 15px;
		padding-right: 15px;
	
	}
	
	#editnav {
		display:block;
		
	}
	#editnavm {
		display:none;
		
	}
	#blogbody {
		
		font-size: 16px; 
		font-weight: 400; 
		line-height: 28px; 
		margin-top: -50px; 
		padding-left: 60px; 
		padding-right: 60px;
	}
}

/* Mobile view */
@media screen and (max-width:480px) {

	#bread {
		
		display: none;
		
	}
	
	#rlink {
		
		display: none;
		
	}
	#imagepromo {
			display: none;
		
	}
	
	#glinks {
			display: none;
		
	}
		#nlogo {
			display: none;
		
	}
	
	#bsub2 {
			display: block;
		
	}
	#bsub1 {
			display: none;
		
	}
		#brelated {
			display: none;
		
	}
		#newstab2 {
			display: none;
		
	}
	
		#feetlinks {
			display: none;
		
	}
	
	#rstars {
			display: none;
		
	}
	
	#mfeetlinks {
			display: block;
		
	}
	
	#popbrands {
			margin: 15px;
		
	}
	
	.bthumb {
		width: 60px;
		height: auto;
		margin-right: 5px;
	}
	.navbar-header {
		
		background-image: url(../images/promocodes-mlogo.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 200px, auto;
	}
	#stron, .dklogo {
		display: none;
	}
	#stron2 {
		margin-top: -30px;
	}
	#veats {
		display: none;
	}
	#msearch {
		display: block;
		margin-top: -20px;
		margin-bottom: -20px;
		margin-left: 0px;
	}
	#hometabs, #msearch {
		padding-left: 15px;
		padding-right: 15px;
	
	}
	#editnav {
		display:none;
		
	}
	#editnavm {
		display:block;
		
	}
	#blogbody {
		
		font-size: 14px; 
		font-weight: 400; 
		line-height: 28px; 
		margin-top: -50px; 
		padding-left: 20px; 
		padding-right: 20px;
	}
}

