/*-----------------------------------------------------------------------------------

    Template Name: 
    Template URI: 
    Description: Ral Color Classic
    Author: http://colorex.vn
    Suorce: http://www.ralcolor.com/; https://www.w3schools.com/colors/colors_ral.asp
    Version: 1.1

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================
    1.ral card
    2.ral color
    3.yellow hues
    4.orange hues
    5.red hues
    6.violet hues
    7.blue hues
    8.green hues
    9.grey hues
    10.brown hues
    11.white and black hues 

-----------------------------------------------------------------------------------*/
/*===========================
    1.ral card
    2.ral color
===========================*/

.ral-card .ral-color {
  position: relative;
  overflow: hidden; }
  .ral-card .ral-color a {
    display: block; }
  .ral-card .ral-color img {
    width: 100%;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s; }
  .ral-card .ral-color .product-discount-tag {
    width: 70px;
    height: 70px;
    background-color: #fe7865;
    position: absolute;
    top: 20px;
    right: 20px;
    text-align: center;
    border-radius: 50%; }
    .ral-card .ral-color .product-discount-tag p {
      color: #fff;
      font-weight: 600;
      font-size: 22px;
      line-height: 70px; }
.ral-card .product-item-content .product-title a {
  font-size: 20px;
  color: #333;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s; }
  .ral-card .product-item-content .product-title a:hover {
    color: #fe7865; }
.ral-card .product-item-content .rating li {
  color: #fc924b;
  font-size: 12px;
  display: inline-block; }
.ral-card .product-item-content span {
  margin: 0 3px;
  font-size: 16px;
  font-weight: 600;
  position: relative; }
.ral-card .product-item-content .regular-price {
  color: #fe7865; }
.ral-card .product-item-content .discount-price {
  color: #c4c4c4; }
  .ral-card .product-item-content .discount-price::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #222;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
.ral-card:hover .ral-color img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1); }
  .ral-color{
	border: 2px black;
	border-radius:12px;
	height: 250px;
	width: 100%;
  }
/*===========================
    3.yellow hues 1000 - 1037
===========================*/
  .ral-1000{
  background-color: #CCC58F;}
  .ral-1001{
  background-color: #D1BC8A;}
  .ral-1002{
  background-color: #D2B773;}
  .ral-1003{
  background-color: #F7BA0B;}
  .ral-1004{
  background-color: #E2B007;}
  .ral-1005{
  background-color: #C89F04;}
  .ral-1006{
  background-color: #E1A100;}
  .ral-1007{
  background-color: #E79C00;}
  .ral-1011{
  background-color: #AF8A54;}
  .ral-1012{
  background-color: #D9C022;}
  .ral-1013{
  background-color: #E9E5CE;}
  .ral-1014{
  background-color: #DFCEA1;}
  .ral-1015{
  background-color: #EADEBD;}
  .ral-1016{
  background-color: #EAF044;}
  .ral-1017{
  background-color: #F4B752;}
  .ral-1018{
  background-color: #F3E03B;}
  .ral-1019{
  background-color: #A4957D;}
  .ral-1020{
  background-color: #9A9464;}
  .ral-1021{
  background-color: #EEC900;}
  .ral-1023{
  background-color: #F0CA00;}
  .ral-1024{
  background-color: #B89C50;}
  .ral-1026{
  background-color: #F5FF00;}
  .ral-1027{
  background-color: #A38C15;}
  .ral-1028{
  background-color: #FFAB00;}
  .ral-1032{
  background-color: #DDB20F;}
  .ral-1033{
  background-color: #FAAB21;}
  .ral-1034{
  background-color: #EDAB56;}
  .ral-1035{
  background-color: #A29985;}
  .ral-1036{
  background-color: #927549;}
  .ral-1037{
  background-color: #EEA205;}
  
/*===========================
    4.orange hues 2000 - 2013
===========================*/
  .ral-2000{
  background-color: #DD7907;}
  .ral-2001{
  background-color: #BE4E20;}
  .ral-2002{
  background-color: #C63927;}
  .ral-2003{
  background-color: #FA842B;}
  .ral-2004{
  background-color: #E75B12;}
  .ral-2005{
  background-color: #FF2300;}
  .ral-2007{
  background-color: #FFA421;}
  .ral-2008{
  background-color: #F3752C;}
  .ral-2009{
  background-color: #E15501;}
  .ral-2010{
  background-color: #D4652F;}
  .ral-2011{
  background-color: #EC7C25;}
  .ral-2012{
  background-color: #DB6A50;}
  .ral-2013{
  background-color: #954527;}
  
/*===========================
    5.red hues 3000 - 3033
===========================*/
  .ral-3000{
  background-color: #AB2524;}
  .ral-3001{
  background-color: #A02128;}
  .ral-3002{
  background-color: #A1232B;}
  .ral-3003{
  background-color: #8D1D2C;}
  .ral-3004{
  background-color: #701F29;}
  .ral-3005{
  background-color: #5E2028;}
  .ral-3007{
  background-color: #402225;}
  .ral-3009{
  background-color: #703731;}
  .ral-3011{
  background-color: #7E292C;}
  .ral-3012{
  background-color: #CB8D73;}
  .ral-3013{
  background-color: #9C322E;}
  .ral-3014{
  background-color: #D47479;}
  .ral-3015{
  background-color: #E1A6AD;}
  .ral-3016{
  background-color: #AC4034;}
  .ral-3017{
  background-color: #D3545F;}
  .ral-3018{
  background-color: #D14152;}
  .ral-3020{
  background-color: #C1121C;}
  .ral-3022{
  background-color: #D56D56;}
  .ral-3024{
  background-color: #F70000;}
  .ral-3026{
  background-color: #FF0000;}
  .ral-3027{
  background-color: #B42041;}
  .ral-3028{
  background-color: #E72512;}
  .ral-3031{
  background-color: #AC323B;}
  .ral-3032{
  background-color: #711521;}
  .ral-3033{
  background-color: #B24C43;}
  
/*===========================
    6.violet hues 4001 - 4012
===========================*/
  .ral-4001{
  background-color: #8A5A83;}
  .ral-4002{
  background-color: #933D50;}
  .ral-4003{
  background-color: #D15B8F;}
  .ral-4004{
  background-color: #691639;}
  .ral-4005{
  background-color: #83639D;}
  .ral-4006{
  background-color: #992572;}
  .ral-4007{
  background-color: #4A203B;}
  .ral-4008{
  background-color: #904684;}
  .ral-4009{
  background-color: #A38995;}
  .ral-4010{
  background-color: #C63678;}
  .ral-4011{
  background-color: #8773A1;}
  .ral-4012{
  background-color: #6B6880;}
 
/*===========================
    7.blue hues 5000 - 5026
===========================*/ 
  .ral-5000{
  background-color: #384C70;}
  .ral-5001{
  background-color: #1F4764;}
  .ral-5002{
  background-color: #2B2C7C;}
  .ral-5003{
  background-color: #2A3756;}
  .ral-5004{
  background-color: #1D1F2A;}
  .ral-5005{
  background-color: #154889;}
  .ral-5007{
  background-color: #41678D;}
  .ral-5008{
  background-color: #313C48;}
  .ral-5009{
  background-color: #2E5978;}
  .ral-5010{
  background-color: #13447C;}
  .ral-5011{
  background-color: #232C3F;}
  .ral-5012{
  background-color: #3481B8;}
  .ral-5013{
  background-color: #232D53;}
  .ral-5014{
  background-color: #6C7C98;}
  .ral-5015{
  background-color: #2874B2;}
  .ral-5017{
  background-color: #0E518D;}
  .ral-5018{
  background-color: #21888F;}
  .ral-5019{
  background-color: #1A5784;}
  .ral-5020{
  background-color: #0B4151;}
  .ral-5021{
  background-color: #07737A;}
  .ral-5022{
  background-color: #2F2A5A;}
  .ral-5023{
  background-color: #4D668E;}
  .ral-5024{
  background-color: #6A93B0;}
  .ral-5025{
  background-color: #296478;}
  .ral-5026{
  background-color: #102C54;}

/*===========================
    8.green hues 6000 - 6038
===========================*/   
  .ral-6000{
  background-color: #327662;}
  .ral-6001{
  background-color: #28713E;}
  .ral-6002{
  background-color: #276235;}
  .ral-6003{
  background-color: #4B573E;}
  .ral-6004{
  background-color: #0E4243;}
  .ral-6005{
  background-color: #0F4336;}
  .ral-6006{
  background-color: #40433B;}
  .ral-6007{
  background-color: #283424;}
  .ral-6008{
  background-color: #35382E;}
  .ral-6009{
  background-color: #26392F;}
  .ral-6010{
  background-color: #3E753B;}
  .ral-6011{
  background-color: #68825B;}
  .ral-6012{
  background-color: #31403D;}
  .ral-6013{
  background-color: #797C5A;}
  .ral-6014{
  background-color: #444337;}
  .ral-6015{
  background-color: #3D403A;}
  .ral-6016{
  background-color: #026A52;}
  .ral-6017{
  background-color: #468641;}
  .ral-6018{
  background-color: #48A43F;}
  .ral-6019{
  background-color: #B7D9B1;}
  .ral-6020{
  background-color: #354733;}
  .ral-6021{
  background-color: #86A47C;}
  .ral-6022{
  background-color: #3E3C32;}
  .ral-6024{
  background-color: #008754;}
  .ral-6025{
  background-color: #53753C;}
  .ral-6026{
  background-color: #005D52;}
  .ral-6027{
  background-color: #81C0BB;}
  .ral-6028{
  background-color: #2D5546;}
  .ral-6029{
  background-color: #007243;}
  .ral-6032{
  background-color: #0F8558;}
  .ral-6033{
  background-color: #478A84;}
  .ral-6034{
  background-color: #7FB0B2;}
  .ral-6035{
  background-color: #1B542C;}
  .ral-6036{
  background-color: #005D4C;}
  .ral-6037{
  background-color: #008b29;}
  .ral-6038{
  background-color: #00F700;}
  
/*===========================
    9.grey hues 7000 - 7048
===========================*/   
  .ral-7000{
  background-color: #7E8B92;}
  .ral-7001{
  background-color: #8F999F;}
  .ral-7002{
  background-color: #817F68;}
  .ral-7003{
  background-color: #7A7B6D;}
  .ral-7004{
  background-color: #9EA0A1;}
  .ral-7005{
  background-color: #6B716F;}
  .ral-7006{
  background-color: #756F61;}
  .ral-7008{
  background-color: #746643;}
  .ral-7009{
  background-color: #5B6259;}
  .ral-7010{
  background-color: #575D57;}
  .ral-7011{
  background-color: #555D61;}
  .ral-7012{
  background-color: #596163;}
  .ral-7013{
  background-color: #555548;}
  .ral-7015{
  background-color: #51565C;}
  .ral-7016{
  background-color: #373F43;}
  .ral-7021{
  background-color: #2E3234;}
  .ral-7022{
  background-color: #4B4D46;}
  .ral-7023{
  background-color: #818479;}
  .ral-7024{
  background-color: #474A50;}
  .ral-7026{
  background-color: #374447;}
  .ral-7030{
  background-color: #939388;}
  .ral-7031{
  background-color: #5D6970;}
  .ral-7032{
  background-color: #B9B9A8;}
  .ral-7033{
  background-color: #818979;}
  .ral-7034{
  background-color: #939176;}
  .ral-7035{
  background-color: #CBD0CC;}
  .ral-7036{
  background-color: #9A9697;}
  .ral-7037{
  background-color: #7C7F7E;}
  .ral-7038{
  background-color: #B4B8B0;}
  .ral-7039{
  background-color: #6B695F;}
  .ral-7040{
  background-color: #9DA3A6;}
  .ral-7042{
  background-color: #8F9695;}
  .ral-7043{
  background-color: #4E5451;}
  .ral-7044{
  background-color: #BDBDB2;}
  .ral-7045{
  background-color: #91969A;}
  .ral-7046{
  background-color: #82898E;}
  .ral-7047{
  background-color: #CFD0CF;}
  .ral-7048{
  background-color: #888175;}
  
/*===========================
    10.brown hues 8000 - 8029
===========================*/
  .ral-8000{
  background-color: #887142;}
  .ral-8001{
  background-color: #9C6B30;}
  .ral-8002{
  background-color: #7B5141;}
  .ral-8003{
  background-color: #80542F;}
  .ral-8004{
  background-color: #8F4E35;}
  .ral-8007{
  background-color: #6F4A2F;}
  .ral-8008{
  background-color: #6F4F28;}
  .ral-8011{
  background-color: #5A3A29;}
  .ral-8012{
  background-color: #673831;}
  .ral-8014{
  background-color: #49392D;}
  .ral-8015{
  background-color: #633A34;}
  .ral-8016{
  background-color: #4C2F26;}
  .ral-8017{
  background-color: #44322D;}
  .ral-8019{
  background-color: #3F3A3A;}
  .ral-8022{
  background-color: #211F20;}
  .ral-8023{
  background-color: #A65E2F;}
  .ral-8024{
  background-color: #79553C;}
  .ral-8025{
  background-color: #755C49;}
  .ral-8028{
  background-color: #4E3B2B;}
  .ral-8029{
  background-color: #773C27;}
  
/*===========================
    11.white & black hues 9001 - 9023
===========================*/  
  .ral-9001{
  background-color: #EFEBDC;}
  .ral-9002{
  background-color: #DDDED4;}
  .ral-9003{
  background-color: #F4F8F4;}
  .ral-9004{
  background-color: #2E3032;}
  .ral-9005{
  background-color: #0A0A0D;}
  .ral-9006{
  background-color: #A5A8A6;}
  .ral-9007{
  background-color: #8F8F8C;}
  .ral-9010{
  background-color: #F7F9EF;}
  .ral-9011{
  background-color: #292C2F;}
  .ral-9016{
  background-color: #F7FBF5;}
  .ral-9017{
  background-color: #2A2D2F;}
  .ral-9018{
  background-color: #CFD3CD;}
  .ral-9022{
  background-color: #9C9C9C;}
  .ral-9023{
  background-color: #7E8182;}