@charset "utf-8";

/* 

Powered by : Vanda Software Group 
Website : www.vanda.co.ir
Copyright and all right reserved  : Drweb-co.Com


 */
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);

h1, h2, h3, h4, h5, h6 {
    margin:0;

}

body {
	font-family: Yekan, Tahoma, Helvetica, sans-serif; margin:0px;
}

html {
	background: #fff;
	direction: rtl;
	text-align: right;
}
@font-face {
  font-family: 'Yekan';
  src: url('fonts/WebYekan.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/WebYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('fonts/WebYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face{font-family:'byekan';
src:url(fonts/Yekan.woff) format("woff");
font-weight:400;
font-style:normal;
}
body{ -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }

.header { position: relative; }
#toggle, .toggle { display: none; }
.menu > li { list-style: none; float: right;	}
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }
@media only screen and (max-width: 768px){
	.menu { display: none; opacity: 0; width: 100%; position: absolute; right: 0; }
	.menu > li { display: block; width: 100%; margin: 0; }
	.menu > li > a { display: block; width: 100%; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.toggle { display: inline-block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none;width: 115px; }
	#toggle:checked ~ .menu { display: block; opacity: 1;}
	
}
.header{
	min-height: 45px;
	padding: 0 20px;
	background: #444;
}

.header > h1 {
	float: left;
	padding: 0px 0 0;		
	font-style: italic;
	font-family: Georgia;
	font-size: 23px;
	color: #DFDFDF;
}

.nav{ 
	display: block; 
	float: right; 
	margin-right: -30px;
}

.nav, .menu, .menu > li, .menu > li > a{ 
}

section::before, section::after {
position: absolute;
content: '';
pointer-events: none;
}
.menu > li > a{
	display: block;
	padding: 7px 25px 9px 25px;
	margin-right:30px;
	text-decoration: none;
	font-weight: normal;
	font-size: 16px;
	line-height: 1;
		border-radius:3px;
margin-top: -10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
	color: #FFF;
}
.menu > li > a:first-child{
	display: block;
margin-right:0px;	
}
.menu > li > a:hover, .menu > li > a:focus{
	color: #fff;
	background : #616161 ;
	border-radius:4px;
	padding: 7px 25px 9px 25px;
}
.selected{
	background: #616161;
		border-radius:4px;margin-left:5px;

	}
.toggle{ 
	z-index: 2; 
}

@media only screen and (max-width: 768px){
	.menu{
		background: #FFFFFF;
	}
		.menu, .menu > li, .menu > li > a:first-child{
margin-top:5px;	
}
	.menu, .menu > li, .menu > li > a{
		height: auto;padding: 0px;background: #444;padding: 0px 0px 0px 0px;font-size:14px;
margin: 0px;z-index: 999;
	}
	
	.menu > li > a{
	padding: 15px 20px 18px 25px;
	}
	
	.menu > li > a:hover, .menu > li > a:focus{
		background: #616161;
		-webkit-border-radius: 0px;padding: 15px 20px 18px 25px;
border-radius: 0px;
	}
	
.toggle:after {
content: 'منو اصلی';
display: block;
width: 150px; 
margin-top: 6px;
padding: 5px 10px 7px 10px;
background: #616161;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align: center;
font-size: 14px;
color: #FFF;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
	
	.toggle:hover:after{
opacity:0.8	}
	
	#toggle:checked + .toggle:after{
		content: 'بستن منو';
	}
}

@media only screen and (max-width: 479px){
	.header > h1 { 
		text-align: center;
	}
	.header > h1, .nav, .toggle:after{ 
		float: none; 
	}
	.toggle:after { 
		text-align: center; width: 100%; 
	}
	.menu, .menu > li, .menu > li > a:first-child{
margin-top:2px;	
}
}
.main {
width: auto;
margin: 0 auto;
padding: 0px 15px;
}
@media only screen and (min-width: 980px) {
	.main {
		width: 960px;
	}
}
.social {
float:left;
}
.social span {
font-size: 17px;
color: rgba(255, 255, 255, 0.94);
line-height: 44px;
margin-right: 7px;
padding: 2px 8px;
border-radius: 3px;
}
/*.social span:last-child{
margin-right:0px;	
}*/
.fb {
background: #2B69C8;
}
.tw {
background: #17B8FF;
}
.gp {
background: #D51F1F;
}
.header_layer {
overflow: hidden;
width: 100%;
#background: #27CCCF;
position: relative;
}
.header_layer  .text {
font-size: 36px;
text-align: center;
color: #FFF;
z-index: 999;
padding: -1px 5px 60px 5px;
text-shadow: 1px -1px 0px rgba(0, 0, 0, 0.5);
}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin: 0px;
}

[class*='col-'] {
	float: right;
	padding-left: 20px; /* column-space */
}

.grid {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	overflow: hidden;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding-top: 0px;
	padding-right: 0px; /* grid-space to right */
	padding-left: 0px; 
}

.push-right {
	float: right;
}

/* Content Columns */

.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
}

.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%
}



/* Pushing blocks */

.push-2-3, .push-8-12 {
	margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
	margin-left: 50%;
}

.push-1-3, .push-4-12 {
	margin-left: 33.33%;
}

.push-1-4, .push-3-12 {
	margin-left: 25%;
}

.push-1-5 {
	margin-left: 20%;
}

.push-1-6, .push-2-12 {
	margin-left: 16.667%;
}

.push-1-7 {
	margin-left: 14.28%;
}

.push-1-8 {
	margin-left: 12.5%;
}

.push-1-9 {
	margin-left: 11.1%;
}

.push-1-10 {
	margin-left: 10%;
}

.push-1-11 {
	margin-left: 9.09%;
}

.push-1-12 {
	margin-left: 8.33%
}


@media handheld, only screen and (max-width: 767px) {
	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px; /* grid-space to left */
		padding-right: 0px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
	}
	
	[class*='col-'] {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 0px;
		padding-right: 0px; /* column-space */
	}
	
	
	/* Mobile Layout */
	
	[class*='mobile-col-'] {
		float: right;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 10px;
		padding-left: 0px;
		padding-right: 10px; /* column-space */
		padding-bottom: 0px;
	}
	
	.mobile-col-1-1 {
		width: 100%;
	}
	.mobile-col-2-3, .mobile-col-8-12 {
		width: 66.66%;
	}

	.mobile-col-1-2, .mobile-col-6-12 {
		width: 50%;
	}

	.mobile-col-1-3, .mobile-col-4-12 {
		width: 33.33%;
	}

	.mobile-col-1-4, .mobile-col-3-12 {
		width: 25%;
	}

	.mobile-col-1-5 {
		width: 20%;
	}

	.mobile-col-1-6, .mobile-col-2-12 {
		width: 16.667%;
	}

	.mobile-col-1-7 {
		width: 14.28%;
	}

	.mobile-col-1-8 {
		width: 12.5%;
	}

	.mobile-col-1-9 {
		width: 11.1%;
	}

	.mobile-col-1-10 {
		width: 10%;
	}

	.mobile-col-1-11 {
		width: 9.09%;
	}

	.mobile-col-1-12 {
		width: 8.33%
	}

	/* Layout Columns */

	.mobile-col-11-12 {
		width: 91.66%
	}

	.mobile-col-10-12 {
		width: 83.333%;
	}

	.mobile-col-9-12 {
		width: 75%;
	}

	.mobile-col-5-12 {
		width: 41.66%;
	}

	.mobile-col-7-12 {
		width: 58.33%
	}
	
	.hide-on-mobile {
		display: none !important;
		width: 0;
		height: 0;
	}
}
#tamas {
overflow: hidden;
color: #818181;
width: 100%;
padding: 10px 0px 9px 0px;
background-color: #F4F4F4;
font: 18px yekan;
}
.tamasbut {
color: #68b905;
text-align: center;
border-radius: 5px;
width: inherit;
float: left;
border: 2px solid #68b905;
padding: 1px 10px 2px 10px;
cursor: pointer;-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
img.thumb-product {
    display:none;
}

.g {
  		padding: 0.25em;
			overflow: hidden;
		}
		.g li {
			float: right;
			width: fit-content;
			padding: 0.25em;
			list-style:none;position: relative;
		}
		.g img {
			display: block;
		}
		.g li:nth-child(odd) {
			clear: right;
		}

		@media screen and (min-width: 40em) {
			.g li {
		    	width: 33.3333333333333333%; 
		  	}
		  	.g li:nth-child(3n+1) {
		  		clear: right;
		  	}
		  	.g li:nth-child(odd) {
				clear: none;
			}
		}
		@media screen and (min-width: 55em) {
			.g li {
		    	width: 25%; 
		  	}
		  	.g li:nth-child(4n+1) {
		  		clear: right;
		  	}
		  	.g li:nth-child(3n+1) {
				clear: none;
			}
		}
		@media screen and (min-width: 72em) {
			.g li {
		    	width: 25%; 
		  	}
		  	.g li:nth-child(5n+1) {
		  		clear: right;
		  	}
		  	.g li:nth-child(4n+1) {
				clear: none;
			}
		}
		@media screen and (min-width: 90em) {
			.g li {
		    	width: 32.5%; 
		  	}
		  	.g li:nth-child(6n+1) {
		  		clear: right;
		  	}
		  	.g li:nth-child(5n+1) {
				clear: none;
			}
		}
a img {
border: 0;
outline: 0;
}
img, object, video {
max-width: 100%;
border: 0;
}
.g .over-max {
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	display: block;
	z-index: 3;
	opacity: 0;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	#background: rgba(165, 117, 217, 0.5);
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(104, 185, 5, 0.5) 0%, #68b905 100%) repeat scroll 0 0;
background-image: linear-gradient(rgba(104, 185, 5, 0.5), #68b905);
background: -moz-linear-gradient(top, rgba(104, 185, 5, 0.5) 0%, #68b905 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(104, 185, 5, 0.5)), color-stop(100%,#68b905));
background: -webkit-linear-gradient(top, rgba(104, 185, 5, 0.5) 0%,#68b905 100%);
background: -o-linear-gradient(top, rgba(104, 185, 5, 0.5) 0%,#68b905 100%);
background: -ms-linear-gradient(top, rgba(104, 185, 5, 0.5) 0%,#68b905 100%);
background: linear-gradient(to bottom, rgba(104, 185, 5, 0.5) 0%,#68b905 100%);
}
.g span:hover {
	opacity: 1;
}
.g span:after {
	position: absolute;
	top: 25%;
	right: 0;
	left: 0;
	color: #FFF;
	font: 10px/55px 'ElegantIcons';
	content: "\50";
	text-align: center;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.g span:hover:after {
	font: 35px/55px 'ElegantIcons';
}
.g span h2 {
	color: #FFF;
position: absolute;
right: 15px;
left: 15px;
bottom: 10%;
font: 16px/1.5 'bYekan', B Yekan, tahoma, Arial;
text-align: center;
}
.brbottom {
margin-top:10px;
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 5px double #DBDBDB;
color: #5F5F5F;
height: 50px;
font-weight: 100 !important;
position: relative;
display: block;
}
.brbottom h6 {
z-index: 2;
height: 50px;
border-bottom: 5px double #B6B6B6;
white-space: nowrap;
position: absolute;
top: 0;
font: 19px/35px 'Yekan', B Yekan, tahoma;
letter-spacing: -1px;
}
.numbers {
color: #68b905;
font: 25px yekan;
border: 2px solid #68b905;
width: 30px;
display: inline-block;
height: 30px;
line-height: 24px;
text-align: center;
border-radius: 50px;
}
	li { list-style:none;}
	.title h2 { font-weight:normal ; font-size:15px ; font-family : yekan;margin-bottom: 10px; }
	.title {
display: inline;
}
.content ul li {
margin-bottom: 10px;
color: #8A8A8A;
min-height: 78px;
background: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
border: 2px solid #DBDBDB;
border-radius: 5px;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.content ul {padding:0}
.content li .available {background: #8a8a8a;
border-radius: 5px;
color: #FFF;
padding: 3px 5px 5px 5px;
font-weight: normal;margin-left: 10px;
font-family: yekan;
font-size: 14px;-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;display: inline-block;
}
.content li .unavailable {background: #777;
border-radius: 5px;
color: #FFF;
padding: 3px 5px 5px 5px;
font-weight: normal;margin-left: 10px;
font-family: yekan;
font-size: 14px;-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;display: inline-block;
}
.content li .gheymat {background: #8a8a8a;
border-radius: 5px;
color: #FFF;
padding: 3px 10px 5px 10px;
text-align: center;
font-weight: normal;
font-family: yekan;
line-height: 16px;
font-size: 14px;-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;cursor: pointer;
}
.content li .namojood {background: #777;
border-radius: 5px;
color: #FFF;
padding: 3px 10px 5px 10px;
text-align: center;
font-weight: normal;
font-family: yekan;
line-height: 16px;
font-size: 14px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.content li:hover .gheymat ,.content li:hover .available{background: #68b905 ;-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;cursor: pointer;

}
.content li:hover .namojood ,.content li:hover .unavailable{
cursor: not-allowed
}
.products_active {
background: #68b905   !important;
}
.product_active {
border: 2px solid #68b905   !important; color: #8A8A8A !important;

}

.product_active .available {
background: #68b905   !important;
}
.product_active .gheymat {
background: #68b905   !important;
}

.content ul li:hover {border: 2px solid #68b905;
}
.products {
}
.thumbnail img{
#margin-right: 6px;
#height: 69px;
#border-radius: 5px;
#margin-top: -3px;
float: left;
padding-left: 20px;
padding-top: 13px;
}
.disable {
	-webkit-filter:grayscale(100%) ;
}
.empty { opacity:0.5;cursor: not-allowed;}
.empty:hover { cursor: not-allowed;border: 2px solid #DBDBDB !important;
}
select {
padding: 0px 5px 2px 5px;
font: 19px yekan;
border-radius: 5px;
background: none;
cursor: pointer;
outline: none;
color: #555;
line-height: 0px;
float: left;
border: 2px solid #DBDBDB;-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.content h3 {
font: 16px byekan;
color: #555;
}
.content i {
font-style: normal;

}
.content .qty {
font-size: 24px;
position: relative;
top: 6px;
color: #C5C5C5;
font-style: normal;
}
.content .mail {
font-size: 20px;
position: relative;
top: 2px;
color: #C5C5C5;
font-style: normal;
}
.content .mob {
font-size: 20px;
position: relative;
top: 2px;
color: #C5C5C5;
font-style: normal;
}
.content .i {
font-size: 20px;
position: relative;
top: 3px;
color: #ED1212;
font-style: normal;
}
.danger {
font: 16px byekan;
color: #ED1212;
}
.amount {
border: 2px solid #68b905;
padding: 0px 2px 1px 2px;
line-height: 35px;
border-radius: 5px;
text-align: center;
color: #68b905;
font-size: 18px;
}
.dargah {
width: 150px;
color: #ADADAD;
font: 18px yekan;
padding-top: 2px;
}
input[type=email], input[type=password], input[type=text], textarea {
font-family: sans-serif;
border: 2px solid #DBDBDB;
display: block;
height: 35px;
width: 100%;
margin: 0;
text-align: left;
float: left;
font: 11px tahoma;
padding: 0 12px;
outline: 0;
direction: ltr;
background: none;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
color: #A2A2A2;
font-size: 13px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 5px;
}
.content input[type=text]:hover, .content input[type=email]:hover {
	border: 2px solid #68b905;
}

.content input[type=text]:focus, .icontent input[type=email]:focus, select:hover, select:focus {
	border: 2px solid #68b905;
}
.buy {
background: #68b905;
border: none;
color: #FFF;
font: 19px Yekan;
border-radius: 5px;
outline: none;
padding: 4px 0px;
width: 100%;
margin-top: 0px;
line-height: 35px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
#rss {
margin-top: 15px;
overflow: hidden;
color: #818181;
width: 100%;
/* padding: 10px 0px 10px 0px; */
background-color: #F4F4F4;
font: 16px yekan;
height: 50px;
}
.rs {
font-size: 30px;
position: relative;
top: 7px;
color: #BCBCBC;
margin-left:10px;
}

div .blogbut a{
color: #68b905;
text-decoration: none;
}

div .blogbut a:hover {
color: #ffffff;
text-align: center;
text-decoration: none;
}

.blogbut {
color: #68b905;
text-align: center;
border-radius: 5px;
border: 2px solid #68b905;
width: inherit;
top: 10px;
width: auto;
position: relative;
float: left;
padding: 1px 10px 2px 10px;
cursor: pointer;-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.tamasbut:hover , .blogbut:hover {
background: #68b905;
color:#fff;-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
footer {
min-height: 100px;
background: #444;
color: #FFF;padding-top: 10px;
}
.why {
position: relative;
top: 4px;
color: #8E8E8E;
}
#showMessage {
border-color: #C43D3D;
color: #FFF;
opacity: 1 !important;
}
#showMessage ul li {
font-weight: normal;
margin-left: 0px;
padding-left: 0px;
background: rgba(240, 23, 23, 0.9);
color: #FFF;
float: right;
clear: right;
margin-bottom: 5px;
padding: 4px 10px;
line-height: 35px;
border-radius: 2px;
}
#showMessage ul li:before {
font-family: 'ElegantIcons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
content: "\73";
margin-left: 5px;
font-size: 22px;
top: 2px;
position: relative;
color: rgba(0, 0, 0, 0.25);
}
.buy:hover {
	opacity: 0.8;
}
@keyframes gifts {
	from { background-position: 0 0; }
	to { background-position: 0 -10000px; }
}
@-webkit-keyframes gifts {
	from { background-position: 0 0; }
	to { background-position:  0 -10000px; }
}
@-ms-keyframes gifts {
	from { background-position: 0 0; }
	to { background-position:  0 -10000px; }
}
@-moz-keyframes gifts {
	from { background-position: 0 0; }
	to { background-position:  0 -10000px; }
}
#stage	{
	background-image: url(../img/backdf.png);
	background-position: 0 0;
	background-repeat: repeat;
	animation: gifts 100s linear infinite;
	-ms-animation: gifts 100s linear infinite;
	-moz-animation: gifts 100s linear infinite;
	-webkit-animation: gifts 100s linear infinite;
}
@media only screen and (max-width: 768px){
.header_layer .text {
font-size: 25px;

text-shadow: 1px -1px 0px rgba(0, 0, 0, 0.3);
}
}
.social a{
text-decoration: none !important;
}
.news {
padding: 1px 10px;
background: #68b905;
color: #FFF;
border-radius: 5px;
}

.col-8-12 a {
color: #646464;
text-decoration: none;
}
.col-8-12 a:hover {
opacity:0.5
}