@charset "utf-8";
/* CSS Document */

body{color:#000;}

hr.style14 { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
  width:70%;
}
h2.cat1{margin:0 0 5% 0;color:#1995ad;text-decoration:none;font-size:24px;}
h2.cat {margin:0 0 5% 5%;color:#1995ad;text-decoration:none;font-size:21px;}
h3.cat{text-align:center;color:#32384d;font-size:25px;}
h4{text-align:center;font-family:'Playfair Display', serif;font-size:18px;color:#1a448e;}
h5{text-align:center;font-size:18px;color:#000;}

.logo{height:99px;width:165px;float:left; background-image:url(../imgs/SSC_logo_new2018.gif);margin:6px 0 0 0;}

section{/*background-color:#FFFF00*/;margin:auto;display:block;position:relative;padding:20px 0 20px 0;}
section.top{margin:auto;padding:119px 0 0 0;}
.hcontainer{margin:auto;padding:0 15px;/*background-color:#EFEFEF;*/}
.container{margin:auto;padding:10px 15px;/*background-color:#EFEFEF;*/}

@media (min-width: 992px) {.container,.hcontainer{width:970px;}}
@media (min-width: 1200px){.container,.hcontainer{width:1170px;}}
@media (min-width: 768px) {/*.container{width:750px;}*/}
 
.content{background-color:transparent;color:#333;padding:10px 10px;}
.separator {height: 5px;width: 85px;margin: auto;background:#e29930;margin-bottom:30px;}

#cheader{/*background-color:#333*/;;margin:auto;text-align:center;}
#cheader h1{font-family:'Playfair Display', serif;font-size:40px;font-weight:regular;color:#32384d;margin:15px 0;display:block;}
@media (max-width: 375px){#cheader h1{font-size:30px;}}

.row{display:table;width:100%;}
.aboutus-col-1,.aboutus-col-2{	/*background-color:pink*/;width:48%;position:relative;min-height:30px;float:left;padding: 0 1% 0 1%;}
.aboutus-col-2{text-align:center;}
.aboutus-col-1 h2{margin-top:0px;font-family:'Playfair Display', serif;font-size:20px;font-weight:regular;color:#1995ad;}
@media (max-width: 768px) {.aboutus-col-1,.aboutus-col-2{float:none;width:100%;}.aboutus-col-2{text-align:center;}}

.topseller-col-1,.topseller-col-2,.topseller-col-3{	/*background-color:pink*/;width:31%;position:relative;min-height:30px;float:left;padding: 0 1% 0 1%;text-align:center;}
@media (max-width: 768px) {.topseller-col-1,.topseller-col-2,.topseller-col-3{float:none;width:100%;}.aboutus-col-2{text-align:center;}}
.topseller-col-1 img,.topseller-col-2 img,.topseller-col-3 img{max-width:100%;}
.topseller-col-1 h3,.topseller-col-2 h3,.topseller-col-3 h3{font-size:20px;color:#1995ad;}

.products-col-1A{width:20%;position:relative;min-height:30px;float:left;padding: 0 1% 0 1%;}
.products-col-1A strong{margin:0 0 0 10%;}
.products-col-1A a{text-decoration:none;color:#1995ad;}
.products-col-1A a:visited{color:#1995ad;}
.products-col-2A{background-color:#FFF;width:76%;position:relative;min-height:30px;float:left;padding: 0 1% 0 1%;}

.products-col-1B{width:48%;position:relative;min-height:30px;float:left;padding: 0 1% 0 1%;}
.products-col-2B{width:48%;position:relative;min-height:30px;float:left;padding: 0 1% 0 1%;}

.product-grid{width:100%;border-collapse:collapse;}
.product-grid tr{border-bottom:1px solid #CCC;}
.product-grid tr:last-child{border-bottom:none;}
.product-grid td{width: 30%;padding:10px;border-right:1px solid #ccc;text-align:center;font-size:20px;font-weight:bold;color:#1995ad;}
.product-grid td img {max-width:100%;}
.product-grid td:last-child{border-right:none;}
.product-grid a{text-decoration:none;color:#1995ad;}
.product-grid img{margin:auto;display:block;}

ul.product-list{list-style-type:none;margin:2% 0 5% 0;}
ul.product-list li{padding:5px 0;}
ul.product-list li a{color:#000;text-decoration:none;font-weight:bold;}
ul.product-list li a:visited{color:#000;text-decoration:none;font-weight:bold;}
ul.product-list li a:hover{color:#1995ad;}


.product-details{width:100%;border-collapse:collapse;}
.product-details th{padding:5px 0;text-align:left;vertical-align:top;}
.product-details td{padding:5px 0;vertical-align:top;}

.products-row-1,.products-row-2{display:table;clear:both;}
.products-row-1{background-color:#fff;}
.column{float:left;font-size:14px;}
.column img{padding:0 5px 10px 5px;margin:auto;}
.column img#mobile{display:none;}
.column h3{text-align:center;margin-top:2px;font-family:'Playfair Display', serif;font-size:16px;font-weight:regular;color:#000;}
.col-1,.col-3{width:22%;padding:5px;}
.col-2,.col-4{width:27%;}
.col-A,.col-B,.col-C,.col-D{width:23%;padding:0 1% 0 1%;}	
@media (max-width: 768px) {.col-A,.col-B,.col-C,.col-D{width:48%;padding:0 1% 0 1%;}.col-C{clear:both;}}
@media (max-width: 599px) {.col-A,.col-B,.col-C,.col-D{width:98%;padding:0 1% 0 1%;}.col-C{clear:both;} .column img{display:none;} .column img#mobile{display:block;padding:0;}}

.products-row:after {
    content:"";
    display: table;
    clear: both;}

.col1 {
    float:left;
    padding:1% 1% 1% 1%;
	width:13%;margin:4% 0;
}	

.col2 {
    float:left;
    padding:1% 1% 1% 1%;
	width:20%;
}	

.col3 {
    float:left;
    padding:1% 1% 1% 1%;
	width:61%;
	font-size:15px
}	

.col3 h3{margin-top:0;font-family:'Playfair Display', serif;}

@media (max-width:768px){.col1{display:none;}.col2{width:24%;}.col3{width:72%;}}
@media (max-width:599px){.col2{display:none;} .col3{width:100%;}}

img#mobile{display:none;}

@media (max-width: 922px) {.col{height:570px;}}
@media (max-width: 768px) {.col{width:48%;height:550px;}}
@media (max-width: 599px) {.col{display:block;width:100%;height:auto;margin:0 -1% 0 -1%;} .col img{display:none;} img#mobile{display:block;max-width:100%;margin:auto;padding:0 0 1% 0;}}


.products-col-1,.products-col-2,.products-col-3{width:33%;position:relative;min-height:150px;float:left;text-align:center;vertical-align:middle;}
@media (max-width: 768px) {.products-col-1,.products-col-2,.products-col-3{float:left;width:50%;}}
@media (max-width: 599px) {.products-col-1,.products-col-2,.products-col-3{float:none;width:100%;}}

.products-col-1-text{position:absolute;margin:auto;z-index:1;width:100%;height:100%;top:40px;}
.products-col-1-text h2{font-family:'Playfair Display', serif;font-size:20px;font-weight:regular;color:#FFF;}
.products-col-1-bgimg{background-image:url(../../../images/products/Products_cat1.jpg);position:absolute;width:100%;height:100%;opacity:0.7;}

.products-col-2-text{position:absolute;margin:auto;z-index:1;width:100%;height:100%;top:40px;}
.products-col-2-text h2{font-family:'Playfair Display', serif;font-size:20px;font-weight:regular;color:#FFF;}
.products-col-2-bgimg{background-image:url(../../../images/products/Products_cat2.jpg);position:absolute;width:100%;height:100%;opacity:0.7;}

.products-col-3-text{position:absolute;margin:auto;z-index:1;width:100%;height:100%;top:40px;}
.products-col-3-text h2{font-family:'Playfair Display', serif;font-size:20px;font-weight:regular;color:#FFF;}
.products-col-3-bgimg{background-image:url(../../../images/products/Products_cat3.jpg);position:absolute;width:100%;height:100%;opacity:0.7;}

.products-col-1-text{position:absolute;margin:auto;z-index:1;width:100%;height:100%;top:40px;}
.products-col-1-text h2{font-family:'Playfair Display', serif;font-size:20px;font-weight:regular;color:#FFF;}
.products-col-1-bgimg{background-image:url(../../../images/products/Products_cat4.jpg);position:absolute;width:100%;height:100%;opacity:0.7;}

.contact-row:after {
    content:"";
    display: table;
    clear: both;}

.contact-col {
    float:left;
    padding:2% 1% 2% 1%;
	width:48%;
}

.footer{background:#32384D;min-height:35px;bottom:0;color:#fff;}
.copyright{margin;auto;float:right;font-size:12px;text-align:center;}
@media (max-width: 599px){.copyright{float:none;}}
@media (max-width: 768px){.copyright{font-size:11px;}}
@media (max-width: 347px){.footer{min-height:45px;}}

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h3{text-align:center;color:#c00;font-size:25px;}
.form-col-1,.form-col-2{width:23%;position:relative;float:left;padding:0 2% 0 0;}
.form-col-3{width:50%;position:relative;float:left;}
.form-col-3{padding:0 0 1% 0%;}

.u-full-width {width: 100%;box-sizing: border-box; }

input[type="name"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="name"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="name"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }
  
/**Image Gallery**/
.wrapper {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  padding:5px;
  background-color:#F3F3F3;
}

.image-gallery {
  margin: 0 auto;
  display: table;
}

.primary, .primary2,
.thumbnails {
  display: table-cell;
}

.thumbnails {
  width: 0px;

}

.primary {
  width: 600px;
  height: 400px;
  background-color: #fff;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.primary2 {
  width: 600px;
  height: 400px;
  background-color: #fff;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.thumbnail:hover .thumbnail-image, .selected .thumbnail-image {
  border: 2px solid #999;
}

.thumbnail-image {
  width: 75px;
  height: 75px;
  margin: 0 5px 5px 0;
  background-size: cover;
  background-position: center center;	
  background-repeat: no-repeat;
  border: 2px solid transparent;
}