@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700&subset=latin,latin-ext'); 
 @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700&subset=latin,latin-ext&display=swap'); 
 @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap'); 
.cool-grid .button1 {display: inline-block;
  border:0;
  border-radius:  3px;
  padding: 5px;
  font-size: 11px;
  font-weight: 400;
  line-height: 11px;
  color: #ffffff;
  text-align:center;
  background: #d90e16;;  }
.cool-grid .button2 {display: inline-block;
  border:0;
  border-radius:  3px;
  padding: 15px;
  font-size: 22px;
  font-weight: 500;
  line-height: 17px;
  color: #ffffff;
  background: #d90e16;;  }
.cool-grid  {  color: #333;
  font-weight: 300 ;
  font-family:   Roboto, 'Playfair Display', Arial;
  font-size:17px;
  -webkit-text-size-adjust: none;
line-height: 1.5!important;
      letter-spacing:normal!important;
      word-spacing: .16em !important;;  }
.cool-grid h1 {color: #010101;font-size:min(4vw, 24px);font-weight:400; 
font-family: 'Playfair Display', Arial, 'Trebuchet MS';line-height: 1.5;margin: 0 0 0 0;
;  }
.cool-grid h2 {color: #010101;  font-size: 22px;  font-weight:400; font-family: 'Playfair Display', Arial, 'Trebuchet MS' ; text-decoration: none; line-height: 1.5; margin:0;  }
.cool-grid h3 { color:#000; font-size:18px; font-weight: 600; margin: 0; padding:0; margin-bottom:5px; line-height:1.2
;  }
.cool-grid .lead {justify; color:#777785; line-height:1.2;  font-size:16px; font-weight:300;
;  }
.cool-grid .menu-category {;  }
.cool-grid .menu-active a {color:#daae8c !important; font-size:20px !important;
font-weight:400;;  }
.cool-grid .menu-category a {font-size:18px; color:#000;  }
.cool-grid .menu-footer {;  }
.cool-grid .menu-footer a {font-size:18px; color:#000;  }
.cool-grid .grid-sm-1 {;  }
.cool-grid .head-underline { 
    text-align: left;
  white-space: nowrap;
 font-weight:600;
font-size:22px;
line-height:1;
color:#cc9965;;  }
.cool-grid .head-underline-black { 
    text-align: left;
  white-space: nowrap;
 font-weight:400;
font-size:22px;
line-height:1;
color:#000;;  }
.cool-grid .head-underline-black:after  { background-color: #c3a298;
    content: "";
    display: block;
    height: 3px;
    position: relative;
    vertical-align: middle;
    width: 100%;
   left: 0.0em;
line-height:1.8;
font-size:6px;
margin-top:5px;
margin-bottom:7px;;  }
.cool-grid .head-underline:after { background-color: #c3a298;
    content: "";
    display: block;
    height: 3px;
    position: relative;
    vertical-align: middle;
    width: 100%;
   left: 0.0em;
line-height:1.8;
font-size:6px;
margin-top:5px;
margin-bottom:7px;;  }
.cool-grid .head-underline a:hover {text-decoration:none;  }
.cool-grid .head-underline a {color:#000;  }
.cool-grid .home-head {color:#000; line-height:1.1; 
font-size:20px; font-weight:400;;  }
.cool-grid .home-head2 {color:#807895; line-height:1.2;  font-size:23px; font-weight:400;  
;  }
.cool-grid p {margin:0 !important; padding: 0 !important; margin-bottom: 2em  !important;  
 
 ;  }
.cool-grid .underline-default {text-decoration: underline; text-decoration-color: #aa1515;;  }
.cool-grid .product-list { width:100%; display: grid; grid-gap: 10px; grid-template-columns: repeat(2,1fr) ; align-items: start;;  }
.cool-grid .product-list .price {font-weight:600; text-align:right;  }
.cool-grid .product-list h2 {font-size:14px; color:#000;  }
.cool-grid .product-list .img-box img:hover {border:solid 1px #cc9965;  }
.cool-grid img {max-width: 100%;;  }
.cool-grid .BoxContent {max-width:1200px;  position:relative; margin-left: auto; margin-right:  auto; text-align:left; ;  }
.cool-grid .tac {text-align:center;  }
.cool-grid .al-it-ce {align-items:center; ;  }
.cool-grid .ju-it-ce {justify-items: center;;  }
@media (min-width: 100px)  and  (max-width: 575px) { .BoxContent {padding-left:15px; padding-right:15px;}
 .BoxContent900 {padding-left:15px; padding-right:15px;}
 
 [class*="Render"] { grid-template-columns: auto !important; grid-column: auto / auto !important }

.grid-sm-1 { grid-template-columns: auto !important; }

;  }
@media (min-width: 576px)  and  (max-width: 1264px) { .BoxContent {padding-left:15px; padding-right:15px;}
 .BoxContent900 {padding-left:15px; padding-right:15px;}



  ;  }