/* Css reset */
html,body,h1,h2,h3,h4,h5,h6,p,hr{
margin:0;
padding:0;
}
.trixum-full-content {
width:100%;
height:auto;
padding-top:20px;
padding-bottom:20px;
font-family: 'Lato', sans-serif;
color:#747474;
background: rgba(147,206,222,1);
background-image:url(http://tpl.trixum.de/ro/06/img/bg.jpg);
}
p {
font-size:14px;
}
.trixum-main-content {
width:75%;
height:auto;
margin:0 auto;
background-color:#fff;
box-shadow: 0 0 5px #666;
border-radius:20px;
}
.trixum-shadow {
height:40px;
background-image:url(http://tpl.trixum.de/ro/06/img/shadow-top.png);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.trixum-shadow-gal {
width:100%;
height:40px;
background-image:url(http://tpl.trixum.de/ro/06/img/shadow-top.png);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
float:left;
}
.trixum-shadow-gal img {
width:100%;
}
/* Title section */
.trixum-title-part {
height:auto;
width:100%;
text-align:center;
padding:20px 50px;
}
.trixum-title-part h1 {
font-size:33px;
}
/* Description Section */
.trixum-dis-part {
height:auto;
width:100%;
}
.trixum-dis-header {
height:50px;
background: #959595; /* Old browsers */
background: -moz-linear-gradient(top,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
padding-top: 11px;
}
.trixum-dis-header h3 {
text-align:center;
color:#EEF1E8;
}
.trixum-dis-content {
padding:20px 100px;
background-color:#f3f3f3;
}
.trixum-dis-content p {
text-align:justify;
margin-bottom:10px;
}
.trixum-dis-content h1 {
margin: 10px 0;
}
.trixum-dis-content h2 {
margin: 10px 0;
}
.trixum-dis-content h3 {
margin: 10px 0;
}
/* Image Gallery start */
.trixum-image-gallery{
width:100%;
height:auto;
text-align:center;
padding-bottom:40px;
clear:both;
float:left;
}
.trixum-image-gallery .trixum-gallery-header{
height:50px;
background: #959595; /* Old browsers */
background: -moz-linear-gradient(top,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
padding-top: 11px;
}
.trixum-image-gallery .trixum-gallery-header h3 {
text-align:center;
color:#EEF1E8;
}
.trixum-image-gallery #trixum-z-tg-main{
padding:5% 10%;
width:100%;
float:left;
text-align:right;
background-color:#f3f3f3;
}
.trixum-image-gallery #trixum-z-tg-main img{
max-width:96%;
margin:5px;
}
.trixum-image-gallery #trixum-z-tg-thumbs{
padding:40px 20px;
width:260px;
float:right;
text-align:left;
display:none;
}
.trixum-image-gallery #trixum-z-tg-thumbs img{
height:102.5px;
width:150px;
margin:5px 5px;
}
/* Image Gallery end */
.trixum-about-part {
clear:both;
background-color:#fff;
}
.trixum-sipping-part, .trixum-payment-part, .trixum-aboutus-part {
background-color:#f3f3f3;
padding-bottom:10px;
}
.trixum-sipping-part h3 {
padding-top:5px;
padding-bottom:14px;
text-align:center;
background: #959595; /* Old browsers */
background: -moz-linear-gradient(top,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
color:#EEF1E8;
margin-bottom:10px;
}
.trixum-payment-part h3 {
padding-top:5px;
padding-bottom:14px;
text-align:center;
background: #959595; /* Old browsers */
background: -moz-linear-gradient(top,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
color:#EEF1E8;
margin-bottom:10px;
}
.trixum-aboutus-part h3 {
padding-top:5px;
padding-bottom:14px;
text-align:center;
color:#EEF1E8;
margin-bottom:10px;
background: #959595; /* Old browsers */
background: -moz-linear-gradient(top,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
}
.trixum-about-part p {
text-align:justify;
padding:10px 100px;
}
.trixum-about-part p:last-child {
margin-bottom:20px;
}
.trixum-about-part ul, .trixum-about-part ol  {
padding:5px 140px;
}
/* Footer section */
.trixum-footer-part {
padding: 20px;
text-align: center;
background-color:#FFF;
border-radius:0 0 18px 18px;
}
.trixum-footer-part img {

}
.trixum-footer-part p {
margin-top:10px;
color:#fff;
}





@media screen and (min-width:768px) and (max-width: 1024px) {
.trixum-shadow-gal {
width:100%;
margin-top:30px;
}
.trixum-shadow {
height:30px;
}
.trixum-main-content {
width:90%;
}
.trixum-title-part {
width:100%;
padding:20px;
}
.trixum-title-part h1 {
font-size:28px;
}
.trixum-dis-part {
width:100%;
}
.trixum-dis-header {
padding-top:15px;
}
.trixum-dis-content {
padding: 20px 40px;
}
.trixum-image-gallery {
width:100%;
}
.trixum-image-gallery .trixum-gallery-header {
background-size:contain;
padding-top:12px;
}
.trixum-image-gallery #trixum-z-tg-main{
float:none;
text-align:center;
width:100%;
}
.trixum-image-gallery #trixum-z-tg-main img {
width:100%;
}
.trixum-image-gallery #trixum-z-tg-thumbs {
float:none;
width:690px;
text-align:center;
padding:0 20px;
}
.trixum-image-gallery #trixum-z-tg-thumbs img {
height: 90px;
margin: 0 2.5px;
width: 120px;
}
.trixum-about-part h3 {
padding-top:15px;
}
.trixum-about-part p {
padding: 10px 40px;
}
.trixum-about-part ul, .trixum-about-part ol {
padding: 5px 70px;
}
}




@media screen and (min-width:321px) and (max-width: 767px) {
.trixum-shadow-gal {
width:100%;
margin-top:10px;
}
.trixum-shadow {
height:16px;
}
.trixum-main-content {
width:90%;
}
.trixum-title-part {
padding:20px;
width:100%;
}
.trixum-title-part h1 {
font-size:18px;
}
.trixum-dis-part {
width:100%;
}
.trixum-dis-header {
background-size: contain;
}
.trixum-dis-content {
padding: 10px 30px;
}
.trixum-dis-content h1 {
font-size: 24px;
margin: 10px 0;
}
.trixum-dis-content h2 {
font-size: 22px;
margin: 10px 0;
}
.trixum-dis-content h3 {
font-size: 20px;
margin: 10px 0;
}
.trixum-image-gallery {
width:100%;
}
.trixum-image-gallery .trixum-gallery-header {
background-size:contain;
}
.trixum-image-gallery #trixum-z-tg-main{
width:100%;
float:none;
}
.trixum-image-gallery #trixum-z-tg-main img {
width:100%;
}
.trixum-image-gallery #trixum-z-tg-thumbs {
float:none;
width:390px;
text-align:center;
padding:0px 5px;
}
.trixum-image-gallery #trixum-z-tg-thumbs img {
height: 300px;
margin: 5px 2.5px;
width: 340px;
}
.trixum-about-part h3 {
background-size: contain;
}
.trixum-about-part p {
padding: 5px 50px;
}
.trixum-about-part ul, .trixum-about-part ol {
  padding: 5px 70px;
}
}






@media screen and (max-width: 320px) {
.trixum-shadow-gal {
width:100%;
margin-top:10px;
}
.trixum-shadow {
height:12px;
}
.trixum-main-content {
width:90%;
}
.trixum-title-part {
padding:15px;
width:100%;
}
.trixum-title-part h1 {
font-size:14px;
}
.trixum-dis-part {
width:100%;
}
.trixum-dis-header {
background-size: contain;
}
.trixum-dis-content {
padding: 20px 10px;
}
.trixum-dis-content h1 {
font-size: 22px;
margin: 10px 0;
}
.trixum-dis-content h2 {
font-size: 20px;
margin: 10px 0;
}
.trixum-dis-content h3 {
font-size: 18px;
margin: 10px 0;
}
.trixum-image-gallery {
width:100%;
}
.trixum-image-gallery .trixum-gallery-header {
background-size:contain;
}
.trixum-image-gallery #trixum-z-tg-main{
width:100%;
float:none;
}
.trixum-image-gallery #trixum-z-tg-main img {
width:100%;
}
.trixum-image-gallery #trixum-z-tg-thumbs {
float:none;
width:285px;
text-align:center;
padding:0px 5px;
}
.trixum-image-gallery #trixum-z-tg-thumbs img {
height: 220px;
margin: 5px 2.5px;
width: 260px;
}
.trixum-about-part h3 {
  background-size: contain;
}
.trixum-about-part p {
padding: 5px 10px;
}
.trixum-footer-part p {
font-size: 12px;
}
.trixum-about-part ul, .trixum-about-part ol {
padding: 5px 50px;
}
}