.grid { 
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(800px, 1fr));
  grid-gap: 0px;
  align-items: stretch;
  padding:10px 20px 20px 20px;
  }
.grid > article {
  width:700px;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
}
.grid > article img {max-width: 100%;}

.grid-2 { 
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(800px, 1fr));
  grid-gap: 0px;
  align-items: stretch;
  padding:10px 5px 5px 14px;
  }
.grid-2 > article {
  width:405px;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
}
.grid-2 > article img {max-width: 100%;}

.grid-3 { 
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(800px, 1fr));
  grid-gap: 0px;
  align-items: stretch;
  padding:10px 5px 5px 14px;
  }
.grid-3 > article {
  background:#F7F7F7;
  width:405px;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
}
.grid-3 > article img {max-width: 100%;}

.text {padding: 0 20px 20px;}
  
.title-blog {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.5px;
    font-weight: bold;
	margin:20px 20px 10px 20px;
	color:#000000;
	padding: 10px 10px 0 10px;
}
.title-blog-2 {
    font-size: 16px;
    letter-spacing: -0.5px;
    font-weight: bold;
	margin:15px 5px 3px 5px;
	font-family: inherit;
    line-height: 1.1;
	text-decoration: none;
}
.title-blog-2:hover{
	color:Gray!important;
    letter-spacing: -0.5px;
    font-weight: bold;
	margin:15px 5px 3px 5px;
	font-family: inherit;
    line-height: 1.1;
	text-decoration: none;
}
.title-blog-3 a{
	color:#000000!important;
    font-size: 17px;
    letter-spacing: -0.5px;
    font-weight: bold;
	margin-left:10px;
	font-family: inherit;
    line-height: 1.1;
	text-decoration: none;
}
.title-blog-3 a:hover {
	color:Gray!important;
    font-size: 17px;
    letter-spacing: -0.5px;
    font-weight: bold;
	font-family: inherit;
    line-height: 1.1;
	text-decoration: none;
}
.item-meta-blog-all {
	margin-left:45px;
	display: inline-block;	
	color:#666666;	
} 
.data-blog {
    display: block;
	margin-left:50px;
}
.data-blog-2 {
    font-size: 13px;
    color: #666666;
	margin-left:10px;
}
 .data-blog span {
    font-size: 13px;
    color: #666666;
}
 .data-blog span a{
    font-size: 13px;
    color: #666666;
    margin-right: 10px;
}
.fa-facebook:hover {color: #3B5998;}
.fa-twitter:hover {color:#55ACEE;}

.description-blog {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.5px;
	margin:20px;
	color:#0d0d0d;
}

.video-blog {
	width: 100%;
	display: block;
    margin: 10px 250px 10px 250px;
}
.sursa-blog {
    font-size: 11.5px;
    line-height: 28px;
    letter-spacing: -0.5px;
	margin:20px;
	color:#9d9d9d;
}  
.description-blog-2 {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.5px;
	margin:15px 5px 5px 5px;
	padding:1px 10px 1px 1px;
	color:#0d0d0d;
	margin:2px;
}
.description-blog-3 {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.5px;
	padding:1px 1px 3px 35px;
	color:#666666;
	margin:2px;
	font-weight: bold;
}  
.description-blog-4 {
	padding-left:10px;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: -0.5px;
	padding:1px 10px 1px 10px;
	color:#666666;
	margin:2px;
}  
.image-blog {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	border: 1px solid #ccc;
    box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3);
}
.image-blog-2 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.paginator-blog {
	border: 1px solid #d91528;
    background-color: Tomato;
	padding: 1px 10px 1px 10px;
	margin:5px;
    color: #ffffff;
    cursor: pointer;
    font-size: 22px;
}
.paginator-blog-padding {padding-left:300px;padding-bottom:20px;}
.blog-padding {padding: 10px;}
.blog-padding-bottom {padding-bottom: 10px;}
.blog-padding-top {padding-top: 60px;}

.blog_left_col { width: 62%; }
.blog_left_content { padding: 0 2px 20px 2px; }
.blog_right_col { width: 38%; overflow: hidden;  }
.blog_right_content { padding: 0 20px 20px 0; }

.blog_right_l_col { width: 40%; }
.blog_right_r_col { width: 60%; }

.blog_cat_box_title {
	background-color: Tomato;
    color: #ffffff;
    border-top: solid 1px #E4E4E4;
    border-bottom: solid 1px #E4E4E4;
    text-align: center;
    padding: 10px 5px;
	margin:5px 5px 15px 5px;
	font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.03em;
	text-transform: uppercase;
}
.blog_cat_box_details_title {
    color: #000000;
    border-top: solid 1px #E4E4E4;
    border-bottom: solid 1px #E4E4E4;
    padding: 10px 5px;
	padding-left:40px;
	margin:0px 5px 5px 5px;
	font-weight: bold;
    font-size: 22px;
    letter-spacing: 0.03em;
	text-transform: uppercase;
}
.blog_image_carusel {
	margin-top:-10px;
	height:300px!important;
	max-width:400px!important;
	transform:scale(1.2);
    -ms-transform:scale(1.2); /* IE 9 */
    -moz-transform:scale(1.2); /* Firefox */
    -webkit-transform:scale(1.2); /* Safari and Chrome */
    -o-transform:scale(1.2); /* Opera */
}
.blog_image_carusel_title_caption h3 {font-size: 16px;right:10%;left:10%;position:absolute;bottom:33px;z-index:10;padding-top:20px;padding-bottom:20px;color:#ffffff;text-align:center;text-shadow:-2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;}

.read-more {
    border-radius: 2px;
    font-size: 15px;
    font-weight: bold;
    padding: 3px 6px;
    text-transform: uppercase;
	color: #f48b3d;
	line-height: 21px;
    padding-bottom: 20px;
}
.read-more:hover {
    font-size: 17px;
	font-weight: bold;
    border-radius: 2px;
    text-transform: uppercase;
    padding-right: 2px;
}


.ess-button-inner {
    background: #3b5998;
}
.ess-button-inner {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    border-radius: 0;
}


.blog-padding-share {padding: 10px;}
.ess-button-inner span {
	color:white;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.03em;
    text-transform: uppercase;}
.ess-button-inner:hover {
	background-color:#8B9DC3;
}
.fb-share-button {
	width: 680px;
	padding-left:30px;
}
.fb-share-button-game {
	width: 800px;
	margin-left:200px;
}




.grid-4-container {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;
}
.grid-4 { 
  display: grid;
  grid-gap: 0px;
  align-items: stretch;
  padding:10px 5px 10px 5px;
  }
.grid-4 > article {
  width:90px;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
}
.grid-4 > article img {max-width: 100%;}


.grid-4 article img  {
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}		  
.grid-4 article img:hover  {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.title-blog-4 {
    font-size: 16px;
    letter-spacing: -0.5px;
    font-weight: bold;
	margin:5px 0px 0px 0px;
	font-family: inherit;
    line-height: 1.1;
	text-decoration: none;
	position: relative;
	float: left;
	left: 50%;
	transform: translate(-50%, -50%);
}
.blog_left_grid_4 { width: 100%;height: 120px;}


.images-background-3 {
	box-shadow: 2px 2px #998f7a;}

.images-price-5-2 {
    position: relative;
    top: 5px;
    right: 17px;
}
.images-price-4-1 {
	text-transform: uppercase;
    height: 10px;
    line-height: 12px;
    position: relative;
    font-size: 0.9em;
    font-weight: bold;
    min-width: 100px;
    padding: 5px 30px 5px 30px;
}


.grid-5 { 
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(800px, 1fr));
  grid-gap: 0px;
  align-items: stretch;
  padding:20px 5px 50px 10px;
  }
.grid-5 > article {
  width:1170px;
  height:400px;
  max-height:400px;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
}

.triangle-right-grid-5 {
	width: 0;
	height: 0;
	border-top: 220px solid transparent;
	border-left: 110px solid #ffffff;
	border-bottom: 220px solid transparent;
	margin-top:-18px;
}
.triangle-right-grid-55 {
	width: 0;
	height: 0;
	border-top: 220px solid transparent;
	border-left: 100px solid #555555;
	border-bottom: 220px solid transparent;
	margin:-220px 0 0 -115px;
}
.blog_right_l_col-grid-5 { width: 43%; }
.blog_right_c_col-grid-5 { width: 10%; }
.blog_right_r_col-grid-5 { width: 47%; }

.grid-container-5 {
  display: grid;
  grid-template-columns: 175px 175px 175px;
}
.grid-item-5 { 
  display: grid;
  grid-gap: 0px;
  align-items: stretch;
  padding:10px 5px 10px 5px;
  }
.image-blog-5 {
	display: block;
	width: 165px;
}  
.title-blog-5 {
	text-align: center;
    font-size: 16px;
    letter-spacing: -0.5px;
    font-weight: bold;
	margin:10px 5px 6px 5px;
	font-family: inherit;
    line-height: 1.1;
	text-decoration: none;
}

.title-big-blog-5 {
	text-align: center;
    font-size: 22px;
    letter-spacing: -0.5px;
    font-weight: bold;
	margin:15px 5px 6px 5px;
	font-family: inherit;
    line-height: 1.1;
	text-decoration: none;
}
.title-big-blog-5:hover{
	color:Gray!important;
    letter-spacing: -0.5px;
    font-weight: bold;
	font-family: inherit;
    line-height: 1.1;
	text-decoration: none;
}
.description-blog-5 {
	padding-left:10px;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.5px;
	padding:1px 10px 1px 10px;
	margin:2px;
} 
.grid-item-5 img{ 
	width: 170px;
    height: 105px;
    max-height: 105px;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3);
}
  
.image-blog-5 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}  

.grid-games-1-container {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
}
.grid-games-1 { 
  display: grid;
  grid-gap: 0px;
  align-items: stretch;
  padding:10px 5px 10px 5px;
  }
.grid-games-1 > article {
	background: #e9e9e9 url(http://cuvion.ro/templates/momentum/images/dark_blue/news/box.png) center bottom no-repeat;
  width:286px;
  height:330px;
 border: 1px solid #ccc;
  box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
 
}
.grid-games-1 > article:hover {
	background-color:#E50914;
}
.grid-games-1 > article img {max-width: 60%;max-height: 60%;    display: block;
    margin-left: auto;margin-top: 5%;
    margin-right: auto;}






.blog_right_l_col_games { width: 33%; }

.grid-games-2-container {
  display: grid;
  grid-template-columns: auto auto auto  auto;
}
.grid-games-2 { 
  display: grid;
  grid-gap: 0px;
  align-items: stretch;
  padding:0px 0px 0px 0px;
  }
.grid-games-2 > article {
  width:75px;
  height:100px;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
 
}
.grid-games-2 > article {max-width: 100%;max-height: 100%;    display: block;
    margin-left: auto;margin-top: 100%;
    margin-right: auto;}

.grid-games-2 > article img {max-width: 100%;max-height: 100%;    display: block;
    margin-left: auto;margin-top: auto;
    margin-right: auto;}

.grid-games-2 article img {width:78px;height:101px;}
	
.blog-game-background {
	display: block;
	width: 100%;
	height: 240px;
	margin-top: 30px;
	border: 1px solid #ccc;
    box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3);
}
.blog-games-background {
	background-color: #aab4bb;
	display: block;
	width: 100%;
	height: 300px;
	margin-top: 30px;
}	
	
.image-blog-game-list {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	height: 240px;
	margin-top:  -30px;
	border: 1px solid #ccc;
    box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3);
}
.image-blog-producer-list {
	display: block;
	width: auto;
	height: 240px;
	margin: 10px auto 10px auto;
}
.image-blog-games-list {
	margin: 22px;
	margin-right: auto;
	width: 170px;
	height: 240px;
	margin-top:  -30px;
	border: 1px solid #ccc;
    box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3);
}
.title-blog-game-list {
    font-family: "Arial Black", Times, serif;
	display: block;
	text-align: center;
    color: #292F33;
	font-weight: bold;
	font-size: 12px;
	position:relative;
	padding-top:  9px;
	margin-top:  -20px;
	background-color:#FFFFFF;
	width:100%;
	height:30px;
	border: 1px solid #ccc;
    box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3);
}

.title-blog-game-list-2 {
	display: block;
	margin-top:  2px;
	text-align: center;
    color: #E1E8ED;
	font-size: 15px;
	margin-top:0px;
}
.title-blog-producer-list {
    font-family: "Arial Black", Times, serif;
	display: block;
	text-align: center;
    color: #292F33;
	font-weight: bold;
	font-size: 14px;
	position:relative;
	padding-top:  7px;
	margin-top:  0px;
	background-color:#FFFFFF;
	width:100%;
	height:30px;
	border: 1px solid #ccc;
    box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3);
}
.follow-button {
	margin:12px;
	color: #e8e5e0;
    border: 1px solid #494a4f;
    height: 55px;
	width: 200px;
    cursor: pointer;
    position: relative;
    text-align: center;
    text-transform: capitalize;
}	
	
.button-price {     font-weight: bold;line-height: 18px; font-size:14px;margin-top: 0px;margin-left: 120px;color: #E1E8ED;}

.discount-link {
    width: 110px;
	height: 38px;
    margin-left: 0;
    vertical-align: bottom;
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 10px;
}
.discount-link-1 {height: 34px;}	
.discount-link-2 {height: 40px;}	
.discount-link-3 {height: 42px;}	

.blog_banner_left_1_col { width: 20%; }
.blog_banner_left_2_col { width: 60%; }
.blog_banner_left_3_col { width: 20%; }

.blog_title_left_1_col { width: 35%; }
.blog_title_left_2_col { width: 30%; }
.blog_title_left_3_col { width: 35%; }

.blog_title_producer { width: 100%; }


.data-game-blog {
    display: block;
	margin-left:50px;
	margin-right:50px;
}







.follow-button-platform {
	color: #FFFFFF;
	margin:14px;
    border: 1px solid #494a4f;
    height: 21px;
    position: relative;
    text-align: center;
    text-transform: capitalize;
	padding:0 5px 0 5px;
	font-size: 15px;
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px black;
}	

.follow-button-pc {background-color: #00A1F1;}
.follow-button-ps {background-color: #CCD6DD;}
.follow-button-ps2 {background-color: #66757F;}
.follow-button-ps3 {background-color: #3F729B;}
.follow-button-ps4 {background-color: #146EB4;}
.follow-button-xbox360 {background-color: #A4C639;}
.follow-button-xboxone {background-color: #34A853;}
.follow-button-nintendoswich {background-color: #E50914;}


.brand-button-pc {color: #00A1F1;}
.brand-button-ps4 {color: #146EB4;}
.brand-button-xboxone {color: #34A853;}