@charset "utf-8";
/* CSS Document */
#aboutbanner{width:100%; float:left; text-align:center; background-color:#FFFFFF;  margin:6% 0 -1% 0;}
.thumbmain1{width:100%; float:left; margin:8% 0 -1.5% 0; padding:0% 0 0% 0;}

.producttrinke{width:100%; float:left; padding:1% 0 1% 0; margin:0 0% 0 0%;}
.trinke01{width:31%; float:left; margin:0% 0 0 1%; text-align:center; color:#666666; font-family:Lato; font-weight:400; font-size:14px; line-height:21px; padding:0 0% 0 0%; background-color:#bc282f }
.trinke02{width:31%; float:left; margin:0% 0 0 0%; text-align:center; color:#666666; font-family:Lato; font-weight:400; font-size:14px; line-height:21px; padding:0 0% 0 0%; background-color:#fcb823  }
.trinke03{width:34%; height:452px; float:left; margin:0% 0 0 0%; text-align:left; color:#666666; font-family:Lato; font-weight:400; font-size:14px; line-height:21px; padding:1% 1% 0 1%; background-color:#f4f5f6; border-bottom:5px solid #4ea291; }
.trinke03 text{ width:90%; float:left; margin:5% 0% 5% 0%; text-align:left; color:#333; font-family:Lato; font-weight:400; font-size:16px; line-height:21px; padding:0 5% 5% 5%; border-bottom:1px solid #CCC; }
.trinke03 span{ width:90%; float:left; margin:0% 4% 4% 6%; text-align:left; color:#333; font-family:Lato; font-weight:700; font-size:16px; line-height:21px; padding:0 0% 0 0%; }

.trinke03-video{ width:98%; font-family:Lato; font-weight:400; font-size:14px; color:#666; line-height:21px; text-align:left; padding:0 0 0% 0; float:left; margin:2% 0% 0% 0%; }
.trinke03-video h6{ float:left;  padding:1% 1% 1% 1%; font-family:Lato; font-weight:400; font-size:26px; font-style:italic; color:#cd0c40; margin:0px 3% 0% 6%;}
.trinke03-video_text{width:60%; float:left; font-family:Lato; font-weight:400; font-size:16px; color:#333; line-height:24px; text-align:left; padding:0% 0% 0% 0%;}

.trinke03-nbr{ width:98%; font-family:Lato; font-weight:400; font-size:14px; color:#666; line-height:21px; text-align:left; padding:3% 0 3% 0; float:left; margin:0 0% 0% 0%; border-bottom:1px solid #CCC; }
.trinke03-nbr h6{ float:left;  padding:4% 1% 1% 1%; font-family:Lato; font-weight:400; font-size:42px; font-style:italic; color:#abb4bd; margin:0px 3% 0% 4%;}
.trinke03-nbr_text{width:80%; float:left; font-family:Lato; font-weight:400; font-size:16px; color:#333; line-height:21px; text-align:left; padding:2% 0% 0% 0%;}

@media only screen 
and (max-width : 1024px)
and (min-width : 768px)
{
#aboutbanner{width:100%; float:left; text-align:center; background-color:#f8f7e4; margin:6% 0 -1% 0;} 
.thumbmain1{width:100%; float:left; margin:9% 0 -1% 0; padding:0% 0 0% 0;}

.producttrinke{width:100%; float:left; padding:1% 0 1% 0; margin:0 0% 0 0%;}
.trinke01{width:31%; float:left; margin:0% 0 0 1%; text-align:center; color:#666666; font-family:Lato; font-weight:400; font-size:14px; line-height:21px; padding:0 0% 0 0%; }
.trinke02{width:31%; float:left; margin:0% 0 0 0%; text-align:center; color:#666666; font-family:Lato; font-weight:400; font-size:14px; line-height:21px; padding:0 0% 0 0%; }
.trinke03{width:34%; height:452px; float:left; margin:0% 0 0 0%; text-align:left; color:#666666; font-family:Lato; font-weight:400; font-size:14px; line-height:21px; padding:1% 1% 0 1%; background-color:#f4f5f6; }
.trinke03 text{ width:90%; float:left; margin:5% 0% 5% 0%; text-align:left; color:#333; font-family:Lato; font-weight:400; font-size:16px; line-height:21px; padding:0 4% 5% 4%; border-bottom:1px solid #CCC; }
.trinke03 span{ width:90%; float:left; margin:0% 4% 3% 6%; text-align:left; color:#333; font-family:Lato; font-weight:700; font-size:16px; line-height:21px; padding:0 0% 0 0%; }

.trinke03-video{ width:98%; font-family:Lato; font-weight:400; font-size:14px; color:#666; line-height:21px; text-align:left; padding:0 0 0% 0; float:left; margin:2% 0% 0% 0%; }
.trinke03-video h6{ float:left;  padding:1% 1% 1% 1%; font-family:Lato; font-weight:400; font-size:26px; font-style:italic; color:#cd0c40; margin:0px 3% 0% 6%;}
.trinke03-video_text{width:60%; float:left; font-family:Lato; font-weight:400; font-size:16px; color:#333; line-height:24px; text-align:left; padding:0% 0% 0% 0%;}

.trinke03-nbr{ width:98%; font-family:Lato; font-weight:400; font-size:14px; color:#666; line-height:21px; text-align:left; padding:3% 0 3% 0; float:left; margin:0 0% 0% 0%; border-bottom:1px solid #CCC; }
.trinke03-nbr h6{ float:left;  padding:5% 1% 1% 1%; font-family:Lato; font-weight:400; font-size:42px; font-style:italic; color:#abb4bd; margin:0px 3% 0% 4%;}
.trinke03-nbr_text{width:80%; float:left; font-family:Lato; font-weight:400; font-size:16px; color:#333; line-height:21px; text-align:left; padding:2% 0% 0% 0%;}
}

@media only screen 
and (max-width : 768px)
and (min-width : 640px)
{
#aboutbanner{width:100%; float:left; text-align:center; background-color:#f8f7e4; margin:10% 0 -1% 0;}  
.thumbmain{width:88%; float:left; padding:0% 0 0 0; background-color:#7b5737; margin:3% 0% 0 6%; padding:2% 0 2% 0; 
text-align:left;}
.thumbmain1{width:100%; float:left; margin:8% 0 -1% 0; padding:1% 0 0% 0;}

.thumbox{width:90%; float:left; padding:0.5% 0 0.5% 0; margin:0% 5% 0 5%;}

.thumbox_ic{width:30%; float:left; margin:3% 0 0 1%; text-align:center; color:#666666; font-family:Lato; font-weight:400; font-size:14px; line-height:21px; padding:0 1% 0 1%;}
.thumbox_ic span{width:100%; float:left; text-align:center; color:#666666; font-family:Lato; font-weight:700; font-size:14px; line-height:21px; margin:3% 0 2% 0%; text-transform:uppercase;}
.thumbox_ic1{width:30%; float:left; margin:3% 0 0 33.7%; text-align:center; color:#666666; font-family:Lato; font-weight:400; font-size:14px; line-height:21px; padding:0 1% 0 1%;}
.thumbox_ic img{max-width:94%;}
.thumbox_ic1 img{max-width:94%;}

.producttrinke{width:100%; float:left; padding:1% 0 1% 0; margin:0 0% 0 0%;}
.trinke01{width:31%; float:left; margin:0% 0 0 1%; text-align:center; color:#666666; font-family:Lato; font-weight:400; font-size:14px; line-height:21px; padding:0 0% 0 0%; }
.trinke02{width:31%; float:left; margin:0% 0 0 0%; text-align:center; color:#666666; font-family:Lato; font-weight:400; font-size:14px; line-height:21px; padding:0 0% 0 0%; }
.trinke03{width:34%; height:328px; float:left; margin:0% 0 0 0%; text-align:left; color:#666666; font-family:Lato; font-weight:400; font-size:14px; line-height:21px; padding:1% 1% 0 1%; background-color:#f4f5f6; }
.trinke03 text{ width:90%; float:left; margin:5% 0% 5% 0%; text-align:left; color:#333; font-family:Lato; font-weight:400; font-size:16px; line-height:21px; padding:0 4% 5% 4%; border-bottom:1px solid #CCC; }
.trinke03 span{ width:90%; float:left; margin:0% 4% 3% 6%; text-align:left; color:#333; font-family:Lato; font-weight:700; font-size:14px; line-height:21px; padding:0 0% 0 0%; }
.trinke03-video{ width:98%; font-family:Lato; font-weight:400; font-size:14px; color:#666; line-height:21px; text-align:left; padding:0 0 0% 0; float:left; margin:2% 0% 0% 0%; }
.trinke03-video h6{ float:left;  padding:1% 1% 1% 1%; font-family:Lato; font-weight:400; font-size:26px; font-style:italic; color:#cd0c40; margin:0px 3% 0% 6%;}
.trinke03-video_text{width:60%; float:left; font-family:Lato; font-weight:400; font-size:16px; color:#333; line-height:24px; text-align:left; padding:0% 0% 0% 0%;}

.trinke03 text{ width:90%; float:left; margin:5% 0% 5% 0%; text-align:left; color:#333; font-family:Lato; font-weight:400; font-size:16px; line-height:21px; padding:0 5% 5% 5%; border-bottom:1px solid #CCC; }

.trinke03-nbr{ width:98%; font-family:Lato; font-weight:400; font-size:14px; color:#666; line-height:21px; text-align:left; padding:3% 0 3% 0; float:left; margin:0 0% 0% 0%; border-bottom:1px solid #CCC; }
.trinke03-nbr h6{ float:left;  padding:10% 1% 1% 1%; font-family:Lato; font-weight:400; font-size:46px; font-style:italic; color:#abb4bd; margin:0 3% 0% 0%;}
.trinke03-nbr_text{width:80%; float:left; font-family:Lato; font-weight:400; font-size:16px; color:#333; line-height:21px; text-align:left; padding:2% 0% 0% 2%;}
}

@media only screen 
and (max-width:640px)
and (min-width:480px)
{
#aboutbanner{width:100%; float:left; text-align:center; background-color:#f8f7e4; margin:10% 0 -1% 0;}
.thumbmain{width:88%; float:left; padding:0 0 0 0; background-color:#7b5737; margin:3% 0% 0 6%; padding:2% 0 2% 0; 
text-align:left;}
.thumbmain1{width:100%; float:left; margin:14% 0 0 0; padding:1% 0 0% 0;}

.producttrinke{width:100%; float:left; padding:1% 0 1% 0; margin:0 0% 0 0%;}
.trinke01{width:45%; float:left; margin:0% 0 0 5%; text-align:center; color:#666666; font-family:Lato; font-weight:400; font-size:14px; line-height:21px; padding:0 0% 0 0%; }
.trinke02{width:45%; float:left; margin:0% 0 0 0%; text-align:center; color:#666666; font-family:Lato; font-weight:400; font-size:14px; line-height:21px; padding:0 0% 0 0%; }
.trinke03{width:90%; height:330px; float:left; margin:0% 5% 0 5%; text-align:left; color:#666666; font-family:Lato; font-weight:400; font-size:14px; line-height:21px; padding:0% 0% 0 0%; background-color:#f4f5f6; }
.trinke03 text{ width:90%; float:left; margin:3% 0% 3% 0%; text-align:left; color:#333; font-family:Lato; font-weight:400; font-size:16px; line-height:21px; padding:0 4% 2% 4%; border-bottom:1px solid #CCC; }
.trinke03 span{ width:90%; float:left; margin:0% 4% 3% 6%; text-align:left; color:#333; font-family:Lato; font-weight:700; font-size:14px; line-height:21px; padding:0 0% 0 0%; }
.trinke03-video{ width:98%; font-family:Lato; font-weight:400; font-size:14px; color:#666; line-height:21px; text-align:left; padding:0 0 0% 0; float:left; margin:1% 0% 0% 0%; }
.trinke03-video h6{ float:left;  padding:1% 1% 1% 1%; font-family:Lato; font-weight:400; font-size:26px; font-style:italic; color:#cd0c40; margin:0px 3% 0% 4%;}
.trinke03-video_text{width:60%; float:left; font-family:Lato; font-weight:400; font-size:16px; color:#333; line-height:24px; text-align:left; padding:0% 0% 0% 0%;}

.trinke03-nbr{ width:98%; font-family:Lato; font-weight:400; font-size:14px; color:#666; line-height:21px; text-align:left; padding:2% 0 3% 0; float:left; margin:0 0% 0% 0%; border-bottom:1px solid #CCC; }
.trinke03-nbr h6{ float:left;  padding:3% 1% 1% 1%; font-family:Lato; font-weight:400; font-size:46px; font-style:italic; color:#abb4bd; margin:0 3% 0% 3%;}
.trinke03-nbr_text{width:80%; float:left; font-family:Lato; font-weight:400; font-size:16px; color:#333; line-height:21px; text-align:left; padding:2% 0% 0% 0%;}
}

@media only screen 
and (max-width : 480px)
and (min-width : 320px)
{
#aboutbanner{width:100%; float:left; text-align:center; background-color:#f8f7e4;  margin:16% 0 -1% 0;}
.thumbmain{width:88%; float:left; padding:0% 0 0 0; background-color:#7b5737; margin:3% 0% 0 6%; padding:2% 0 2% 0; 
text-align:left;}
.thumbmain1{width:100%; float:left; margin:14% 0 0 0; padding:5% 0 0% 0;}

.producttrinke{width:100%; float:left; padding:1% 0 1% 0; margin:0 0% 0 0%;}
.trinke01{width:50%; float:left; margin:0% 0 0 0%; text-align:center; color:#666666; font-family:Lato; font-weight:400; font-size:14px; line-height:21px; padding:0 0% 0 0%; }
.trinke02{width:50%; float:left; margin:0% 0 0 0%; text-align:center; color:#666666; font-family:Lato; font-weight:400; font-size:14px; line-height:21px; padding:0 0% 0 0%; }
.trinke03{width:100%; height:330px; float:left; margin:0% 0% 0 0%; text-align:left; color:#666666; font-family:Lato; font-weight:400; font-size:14px; line-height:21px; padding:0% 0% 0 0%; background-color:#f4f5f6; }
.trinke03 text{ width:90%; float:left; margin:3% 0% 3% 0%; text-align:left; color:#333; font-family:Lato; font-weight:400; font-size:16px; line-height:21px; padding:0 4% 2% 4%; border-bottom:1px solid #CCC; }
.trinke03 span{ width:90%; float:left; margin:0% 4% 3% 6%; text-align:left; color:#333; font-family:Lato; font-weight:700; font-size:14px; line-height:21px; padding:0 0% 0 0%; }
.trinke03-video{ width:98%; font-family:Lato; font-weight:400; font-size:14px; color:#666; line-height:21px; text-align:left; padding:0 0 0% 0; float:left; margin:1% 0% 0% 0%; }
.trinke03-video h6{ float:left;  padding:1% 1% 1% 1%; font-family:Lato; font-weight:400; font-size:26px; font-style:italic; color:#cd0c40; margin:0px 3% 0% 4%;}
.trinke03-video_text{width:60%; float:left; font-family:Lato; font-weight:400; font-size:16px; color:#333; line-height:24px; text-align:left; padding:0% 0% 0% 0%;}

.trinke03-nbr{ width:98%; font-family:Lato; font-weight:400; font-size:14px; color:#666; line-height:21px; text-align:left; padding:2% 0 3% 0; float:left; margin:0 0% 0% 0%; border-bottom:1px solid #CCC; }
.trinke03-nbr h6{ float:left;  padding:5% 1% 1% 1%; font-family:Lato; font-weight:400; font-size:46px; font-style:italic; color:#abb4bd; margin:0 3% 0% 3%;}
.trinke03-nbr_text{width:80%; float:left; font-family:Lato; font-weight:400; font-size:16px; color:#333; line-height:21px; text-align:left; padding:2% 0% 0% 0%;}
}

@media only screen 
and (max-width : 375px)
{
#aboutbanner{width:100%; float:left; text-align:center; background-color:#f8f7e4;  margin:18% 0 -1% 0;} 
.thumbmain{width:88%; float:left; padding:0% 0 0 0; background-color:#7b5737; margin:3% 0% 0 6%; padding:2% 0 2% 0; 
text-align:left;}
.thumbmain1{width:100%; float:left; margin:18% 0 0 0; padding:4% 0 1% 0;}

.producttrinke{width:100%; float:left; padding:1% 0 1% 0; margin:0 0% 0 0%;}
.trinke01{width:50%; float:left; margin:0% 0 0 0%; text-align:center; color:#666666; font-family:Lato; font-weight:400; font-size:14px; line-height:21px; padding:0 0% 0 0%; }
.trinke02{width:50%; float:left; margin:0% 0 0 0%; text-align:center; color:#666666; font-family:Lato; font-weight:400; font-size:14px; line-height:21px; padding:0 0% 0 0%; }
.trinke03{width:100%; height:330px; float:left; margin:0% 0% 0 0%; text-align:left; color:#666666; font-family:Lato; font-weight:400; font-size:14px; line-height:21px; padding:0% 0% 0 0%; background-color:#f4f5f6; }
.trinke03 text{ width:90%; float:left; margin:3% 0% 3% 0%; text-align:left; color:#333; font-family:Lato; font-weight:400; font-size:16px; line-height:21px; padding:0 4% 4% 4%; border-bottom:1px solid #CCC; }
.trinke03 span{ width:90%; float:left; margin:0% 4% 3% 6%; text-align:left; color:#333; font-family:Lato; font-weight:700; font-size:14px; line-height:21px; padding:0 0% 0 0%; }
.trinke03-video{ width:98%; font-family:Lato; font-weight:400; font-size:14px; color:#666; line-height:21px; text-align:left; padding:0 0 0% 0; float:left; margin:2% 0% 0% 0%; }
.trinke03-video h6{ float:left;  padding:1% 1% 1% 1%; font-family:Lato; font-weight:400; font-size:26px; font-style:italic; color:#cd0c40; margin:0px 3% 0% 4%;}
.trinke03-video_text{width:60%; float:left; font-family:Lato; font-weight:400; font-size:16px; color:#333; line-height:24px; text-align:left; padding:0% 0% 0% 0%;}

.trinke03-nbr{ width:98%; font-family:Lato; font-weight:400; font-size:14px; color:#666; line-height:21px; text-align:left; padding:4% 0 3% 0; float:left; margin:0 0% 0% 0%; border-bottom:1px solid #CCC; }
.trinke03-nbr h6{ float:left;  padding:5% 1% 1% 1%; font-family:Lato; font-weight:400; font-size:46px; font-style:italic; color:#abb4bd; margin:0 5% 0% 3%;}
.trinke03-nbr_text{width:80%; float:left; font-family:Lato; font-weight:400; font-size:16px; color:#333; line-height:21px; text-align:left; padding:2% 0% 0% 0%;}
}

@media only screen 
and (max-width : 320px)
{
#aboutbanner{width:100%; float:left; text-align:center; background-color:#f8f7e4;  margin:22.5% 0 -1% 0;}
.thumbmain{width:88%; float:left; padding:0% 0 0 0; background-color:#7b5737; margin:3% 0% 0 6%; padding:2% 0 2% 0; 
text-align:left;}
.thumbmain1{width:100%; float:left; margin:20% 0 0 0; padding:5% 0 1% 0;}

.producttrinke{width:100%; float:left; padding:1% 0 1% 0; margin:0 0% 0 0%;}
.trinke01{width:50%; float:left; margin:0% 0 0 0%; text-align:center; color:#666666; font-family:Lato; font-weight:400; font-size:14px; line-height:21px; padding:0 0% 0 0%; }
.trinke02{width:50%; float:left; margin:0% 0 0 0%; text-align:center; color:#666666; font-family:Lato; font-weight:400; font-size:14px; line-height:21px; padding:0 0% 0 0%; }
.trinke03{width:100%; height:330px; float:left; margin:0% 0% 0 0%; text-align:left; color:#666666; font-family:Lato; font-weight:400; font-size:14px; line-height:21px; padding:0% 0% 0 0%; background-color:#f4f5f6; }
.trinke03 text{ width:90%; float:left; margin:3% 0% 3% 0%; text-align:left; color:#333; font-family:Lato; font-weight:400; font-size:14px; line-height:21px; padding:0 4% 4% 4%; border-bottom:1px solid #CCC; }
.trinke03 span{ width:90%; float:left; margin:0% 4% 3% 6%; text-align:left; color:#333; font-family:Lato; font-weight:700; font-size:14px; line-height:21px; padding:0 0% 0 0%; }
.trinke03-video{ width:98%; font-family:Lato; font-weight:400; font-size:14px; color:#666; line-height:21px; text-align:left; padding:0 0 0% 0; float:left; margin:2% 0% 0% 0%; }
.trinke03-video h6{ float:left;  padding:1% 1% 1% 1%; font-family:Lato; font-weight:400; font-size:26px; font-style:italic; color:#cd0c40; margin:0px 3% 0% 6%;}
.trinke03-video_text{width:60%; float:left; font-family:Lato; font-weight:400; font-size:16px; color:#333; line-height:24px; text-align:left; padding:0% 0% 0% 0%;}

.trinke03-nbr{ width:98%; font-family:Lato; font-weight:400; font-size:14px; color:#666; line-height:21px; text-align:left; padding:4% 0 3% 0; float:left; margin:0 0% 0% 0%; border-bottom:1px solid #CCC; }
.trinke03-nbr h6{ float:left;  padding:5% 1% 1% 1%; font-family:Lato; font-weight:400; font-size:46px; font-style:italic; color:#abb4bd; margin:0 5% 0% 3%;}
.trinke03-nbr_text{width:80%; float:left; font-family:Lato; font-weight:400; font-size:14px; color:#333; line-height:21px; text-align:left; padding:2% 0% 0% 0%;}
}