/*
TIXA STYLESHEET -----
v1.0

Used only on the Tixa informative pages
#Unique additive stylesheet to be used on Tixa pages in addition to others:
--main.css
--uniriv.css
--pages.css
*/


/*GENERAL*/
/*---GENERAL: QUICK INFO---*/
.tixa-general-quick-info{
padding:10px;
background-color:#151515;
text-align:center;
color:#CCC;
font-size:14px;
}



/*BANNER (HOME)*/
/*---BANNER (HOME): LAYOUT---*/
.tixa-home-show-banner{
padding: 5% 5%;
color:#000000;
text-align:center;
background-color:#ecede8;
background-position:50% 30%;
background-size:cover;
min-height: 670px;
}

@media (max-width:900px) {
.tixa-home-show-banner{
padding: 10% 5%;
}
}

.tixa-home-show-banner .subtitle{
font-size:16px;
font-weight:300;
}

.tixa-home-show-banner .caption{
font-size:38px;
font-weight:500;
}

.tixa-home-show-banner .desc{
font-size:17px;
font-weight:400;
margin:0 auto;
max-width:800px;
opacity:0.7;
}

.tixa-home-show-banner button{
margin: 20px 5px;
}

.tixa-home-show-banner button.full{
background-color:#222;
color:#FFF;
border:1px solid #222;
padding:8px 24px;
border-radius:8px;
}

.tixa-home-show-banner button.full:hover {
background-color:#000;
}

.tixa-home-show-banner button.outline{
background-color:inherit;
color:#222;
border:1px solid #222;
padding:8px 24px;
border-radius:8px;
}

.tixa-home-show-banner button.outline:hover {
background-color:#000;
color:#fff;
}





/*BANNER (PRODUCTS)*/
/*---BANNER (PRODUCTS): LAYOUT---*/
.tixa-products-banner{
padding:20px;
background-color:#333;
text-align:center;
height:590px;
background-size:cover; 
background-position:center; 
color:#000;
}











/*LIST CARD (MANGO)*/
/*---LIST CARD (MANGO): LAYOUT---*/
.tixa-listcard-mango-group{
padding:0px 5% 40px 5%;
}

.tixa-listcard-mango-slider {
overflow-x:hidden;
width:100%;
}

.tixa-listcard-mango-row {
display: grid;
margin:20px 0px;
min-height:300px;
grid-template-columns: auto auto auto;
grid-gap:20px;
}

.tixa-listcard-mango-col {
width: 400px;
text-align:left;
margin-bottom:20px;
}

.tixa-listcard-mango-col .content {
padding:20px 5%;
background-color:#272727;
border-radius:16px;
box-shadow: 0 1px 1px rgba(0,0,0,0.08),
0 2px 2px rgba(0,0,0,0.12),
0 4px 4px rgba(0,0,0,0.16),
0 8px 8px rgba(0,0,0,0.20);
margin-bottom:20px;
min-height:360px;
position: relative;
}

.tixa-listcard-mango-col .content:hover {
background-color:#000;
border-radius:20px;
box-shadow: 0 1px 2px rgba(0,0,0,0.07),
0 2px 4px rgba(0,0,0,0.07),
0 4px 8px rgba(0,0,0,0.07),
0 8px 16px rgba(0,0,0,0.07),
0 16px 32px rgba(0,0,0,0.07),
0 32px 64px rgba(0,0,0,0.07);
}

/*---LIST CARD (MANGO): CONTENT---*/
.tixa-listcard-mango-col .content img{
width:64px;
height:64px;
padding:10px;
margin-bottom:20px;
border:1px solid #666;
border-radius:4px;
}

.tixa-listcard-mango-col .content .text-box{
position: absolute;
top: 50%;
transform: translateY(-50%);
padding-right:5%;
}

.tixa-listcard-mango-col .content h1{
margin-top:20px;
font-size:24px;
font-weight:500;
color:#f8f8f8	
}

.tixa-listcard-mango-col .content h2{
font-size:16px;
font-weight:300;	
color:#fff;
margin-bottom:20px;
}

.tixa-listcard-mango-col .content .button-box{
position:absolute;
bottom:20px;
}

.tixa-listcard-mango-col .content button{
background-color:#c86c13;
color:#FFF;
padding: 8px 24px;
border:none;
border-radius:8px;
font-size:16px;
margin-right:16px;
}

.tixa-listcard-mango-col .content button:hover{
background-color:#090;
}

.tixa-listcard-mango-col .content .for-two{
color:#fff;
}

/*---LIST CARD (MANGO): CONTROLS---*/
.tixa-listcard-mango-butt{
width:50px;
height:50px;
background-color:#000;
color:#FFF;
padding: 8px;
border:none;
border-radius:50%;
font-size:25px;
margin-right:16px;
}

.tixa-listcard-mango-butt:disabled{
background-color:#333;
color:#ccc;
}

.tixa-listcard-mango-butt:focus{
outline:none;
}






/*LIST CARD (GRAPE)*/
/*---LIST CARD (GRAPE): LAYOUT---*/
.tixa-listcard-grape-group{
padding:0px 5% 40px 5%;
}

.tixa-listcard-grape-slider {
overflow-x:hidden;
width:100%;
}

.tixa-listcard-grape-row {
display: grid;
margin:20px 0px;
min-height:300px;
grid-template-columns: auto auto auto;
grid-gap:20px;
}

.tixa-listcard-grape-col {
width: 400px;
text-align:left;
margin-bottom:20px;
}

.tixa-listcard-grape-col .content {
padding:20px 5%;
background-color:#272727;
border-radius:16px;
box-shadow: 0 1px 1px rgba(0,0,0,0.08),
0 2px 2px rgba(0,0,0,0.12),
0 4px 4px rgba(0,0,0,0.16),
0 8px 8px rgba(0,0,0,0.20);
margin-bottom:20px;
min-height:640px;
position: relative;
color:#f8f8f8;
}

/*---LIST CARD (GRAPE): CONTENT---*/
.tixa-listcard-grape-col .content img{
width:64px;
height:64px;
padding:10px;
margin-bottom:8px;
border:1px solid #666;
border-radius:4px;
}

.tixa-listcard-grape-col .content h1{
margin-top:10px;
font-size:16px;
font-weight:400;	
}

.tixa-listcard-grape-col .content h2{
font-size:46px;
font-weight:500;	
line-height:1;
}

.tixa-listcard-grape-col .content h2 .curr{
vertical-align: super;
font-size:28px;
font-weight:400;
}

.tixa-listcard-grape-col .content h2 .metric{
vertical-align: sub;
font-size:16px;
font-weight:400;
}

.tixa-listcard-grape-col .content h3{
margin:20px 0px;
font-size:16px;
font-weight:300;	
line-height:1;
}

.tixa-listcard-grape-col .content button{
background-color:#c86c13;
color:#FFF;
padding: 8px 24px;
border:none;
border-radius:8px;
font-size:16px;
margin-right:16px;
}

.tixa-listcard-grape-col .content button:hover{
background-color:#090;
}

.tixa-listcard-grape-col .content ul{
text-align:left;
list-style:none;
padding-bottom:8px;
padding-left:0px;
margin-top:40px;
}

.tixa-listcard-grape-col .content li {
font-weight:300;
}

.tixa-listcard-grape-col .content li::before{
list-style:none;
padding-right:5px;
font-family: "Ionicons";
content:"\f383";
color:#888;
}

.tixa-listcard-grape-col .content li.no::before{
content:"\f2d7";
color:red;
}

.tixa-listcard-grape-col .content .button-box{
position:absolute;
bottom:20px;
}

.tixa-listcard-grape-col .content .for-two{
color:#fff;
opacity:0.8;
text-decoration: underline;
}

/*---LIST CARD (GRAPE): CONTROLS---*/
.tixa-listcard-grape-butt{
width:50px;
height:50px;
background-color:#333;
color:#FFF;
padding: 8px;
border:none;
border-radius:50%;
font-size:25px;
margin-right:16px;
margin-bottom:20px;
}

.tixa-listcard-grape-butt:disabled{
background-color:#666;
color:#ccc;
}









/*CARD BOX (MANGO)*/
/*---CARD BOX (MANGO): LAYOUT---*/
.tixa-cardbox-mango-row{
display: flex;
flex-direction: row;
margin:0px 0% 20px 0%;
margin-left:calc(5% - 20px);
margin-right:calc(5% - 20px);
text-align:center;
}

.tixa-cardbox-mango-col{
padding: 20px;
}

.tixa-cardbox-mango-col.col-one{ width: 100%; }
.tixa-cardbox-mango-col.col-two{ width: 50%; }

.tixa-cardbox-mango-row .content{
padding: 10px 20px 0px 20px;
background-color:#222;
background-size:cover;
min-height:550px;
border-radius:16px;
}

/*---CARD BOX (MANGO): CONTENT---*/
.tixa-cardbox-mango-col .title{
font-weight:600;
color:#ccc;
font-size:42px;
margin:20px auto;
max-width:500px;
}

.tixa-cardbox-mango-col.col-one .info{
font-weight:300;
color:#fff;
font-size:18px;
margin:0 auto;
max-width:500px;
}

.tixa-cardbox-mango-col.col-two .info{
font-weight:300;
color:#fff;
font-size:16px;
margin:0 auto;
max-width:400px;
}

.tixa-cardbox-mango-ender{
padding:20px;
}

/*---CARD BOX (MANGO): CONTENT---*/
@media (max-width:950px) {
.tixa-cardbox-mango-row{
flex-direction: column;
margin:0px 5%;
gap:20px
}

.tixa-cardbox-mango-col.col-two, .tixa-cardbox-mango-col.col-one{
width: 100%;  
padding:0px;
}

.tixa-cardbox-mango-col.col-one{
margin-bottom:20px;
}
}











/*GET STARTED*/
/*---GET STARTED: LAYOUT---*/
.tixa-get-started-layout{
display: flex;
flex-direction: row;
margin:20px 5% 80px 5%;
justify-content:flex-start;
align-items: flex-start;
gap:50px;
}

.tixa-get-started-col{
width:33.33%;
}

/*---GET STARTED: INFO---*/
.tixa-get-started-col .part-info img{
wdith:64px;
height:64px;
margin-bottom: 20px;
}

.tixa-get-started-col .part-info h1{
font-size:28px;
font-weight:500;
color:#333;
}

.tixa-get-started-col .part-info h2{
font-size:20px;
font-weight:300;
color:#333;
}

.tixa-get-started-col .part-info h3{
margin-top:40px;
font-size:25px;
font-weight:400;
color:#c86c13;
}

.tixa-get-started-col .part-info h4{
font-size:55px;
font-weight:500;
color:#333;
}

.tixa-get-started-col .part-info h4 .sub{
font-size:20px;
font-weight:300;
}

.tixa-get-started-col .part-info h5{
margin-top:40px;
font-size:18px;
font-weight:400;
color:#333;
}



/*---GET STARTED: GO---*/
.tixa-get-started-col .part-go h1{
font-size:28px;
font-weight:500;
color:#c86c13;
}

.tixa-get-started-col .part-go h2{
font-size:18px;
font-weight:400;
}

.tixa-get-started-col .part-go ul{
list-style:none;
padding-bottom:8px;
padding-left:0px;
margin-top:20px;
}

.tixa-get-started-col .part-go li {
color:#333;
font-size:17px;
font-weight:300;
}

.tixa-get-started-col .part-go li::before{
list-style:none;
padding-right:5px;
font-family: "Ionicons";
content:"\f383";
color:green;
}

.tixa-get-started-col .part-go button{
border:none;
padding: 10px 20px;
color:#fff;
background-color:#c86c13;	
border-radius:4px
}

.tixa-get-started-col .part-go button:hover{
color:#c86c13;
background-color:#222;	
}


/*---GET STARTED: TERMS---*/
.tixa-get-started-terms{
max-width: 800px;
padding:0px 5%;
padding-bottom: 60px;
color:#2D292A;
}


/*---GET STARTED: RESIZED---*/
@media (max-width:960px) {
.tixa-get-started-layout{
flex-direction: column;
gap:50px;
}

.tixa-get-started-col{
width:100%;
}
}






/*PRICING BOX*/
/*---PRICING BOX: LAYOUT---*/
.tixa-pricing-box-slider {
overflow-x:hidden;
width:100%;
}

.tixa-pricing-box-row{
display: flex;
flex-direction: row;
justify-content: center;
margin-left:calc(5% - 20px);
margin-right:calc(5% - 20px);
flex-wrap: no-wrap;
}

.tixa-pricing-box-col{
width:400px;
margin-bottom:50px;
padding: 20px;  
flex-shrink: 0;
}

.tixa-pricing-box-col .wrapper{
padding: 0px 1.2px 1.2px 1.2px;
background-color:none; 
border-radius:10px;
}

.tixa-pricing-box-col .wrapper .recommended, .tixa-pricing-box-col .wrapper .basic{
padding:12px; 
color:#fff;
font-size:17px;
font-weight: 500;
line-height: 1;
letter-spacing: 2px;
}

.tixa-pricing-box-col .wrapper .basic{
opacity:0;
}

.tixa-pricing-box-col .wrapper.best{
background-color:#c86c13; 
text-align: center;
}

.tixa-pricing-box-col .content{
padding: 30px 40px 20px 40px;
background-color:#F9F9F9; 
color:#ccc;
text-align:left;
border-radius:10px;
border:1px solid #f8d8b9;
}

/*---PRICING BOX: CONTENT (HEADER)---*/
.tixa-pricing-box-col .content .header{
margin-bottom:30px;
min-height: 70px;
}

.tixa-pricing-box-col .content .header h1{
font-size:20px;
font-weight:600;
color:#222;
}

.tixa-pricing-box-col .content .header h2{
font-size:16px;
font-weight:300;
color:#666;
}

/*---PRICING BOX: CONTENT (INFO)---*/
.tixa-pricing-box-col .content .info{
margin-bottom:20px;
}

.tixa-pricing-box-col .content .info h1{
font-size:46px;
font-weight:500;
color:#222;
}

.tixa-pricing-box-col .content .info h1 .sub{
font-size:22px;
font-weight:300;
}

.tixa-pricing-box-col .content .info h2{
font-size:16px;
color:#c86c13;
font-weight:300;
margin-bottom:20px;
}

.tixa-pricing-box-col .content .info button{
border:none;
padding: 10px 20px 10px 20px;
color:#fdf2e8;
background-color:#333;	
border-radius:5px;
}

.tixa-pricing-box-col .content .info button:hover{
border:none;
padding: 10px 20px 10px 20px;
color:#fff;
background-color:#333;	
border-radius:5px;
}

/*---PRICING BOX: CONTENT (FEATURES)---*/
.tixa-pricing-box-col .content .features{	

}

.tixa-pricing-box-col .content .features ul{
text-align:left;
list-style:none;
padding-bottom:8px;
padding-left:0px;
}

.tixa-pricing-box-col .content .features li {
color:#333;
font-weight:300;
}

.tixa-pricing-box-col .content .features li::before{
list-style:none;
padding-right:5px;
font-family: "Ionicons";
content:"\f375";
color:green;
}

.tixa-pricing-box-col .content .features li.no::before{
content:"\f2d7";
color:red;
}

/*---PRICING BOX: BUTTONS---*/
.tixa-pricing-ctrl-buttons{
margin:10px 0px 30px 0px;
text-align: center;
display: none;
}

.tixa-pricing-ctrl-buttons button{
width:24px;
height:24px;
background-color:#333;
border:none;
border-radius:50%;
margin:0px 12px;
}

.tixa-pricing-ctrl-buttons button:disabled{
background-color:#ccc;
}

/*---PRICING BOX: TERMS---*/
.tixa-pricing-terms{
margin:20px auto;
max-width: 800px;
padding:0px 5%;
text-align: center;
padding-bottom: 60px;
color:#2D292A;
}

/*---PRICING BOX: RESIZED---*/
@media (max-width:850px) {
.tixa-pricing-box-row{
justify-content: flex-start;
}

.tixa-pricing-ctrl-buttons{
display: block;
}
}






/*ENTERPRISE PAGE*/
/*---ENTERPRISE PAGE: INFO---*/
.tixa-enterprise-info{
margin:0px auto;
padding:50px 5% 40px 5%;
text-align:center;
}

.tixa-enterprise-info .first-text{
font-size: 6vw;
background-color: #fff;
background-image: linear-gradient(45deg, #c86c13, #8f0303);
background-size: 100%;
background-repeat: repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; 
-moz-background-clip: text;
-moz-text-fill-color: transparent;
font-weight:500;
line-height:1.2;
}

.tixa-enterprise-info .second-text{
font-size: 3vw;
font-weight:600;
line-height:1.2;
color:#ccc;
}

@media (max-width:850px) {
.tixa-enterprise-info .first-text{
font-size: 9vw;
}

.tixa-enterprise-info .second-text{
font-size: 6vw;
}
}


/*---ENTERPRISE PAGE: HEADER---*/
.tixa-enterprise-header-wrap{
background-color:#000;	
margin:100px 0px 0px 0px;
padding-bottom:20px;
}

.tixa-enterprise-header{
padding:60px 20px 60px 20px;
text-align:center;
}

.tixa-enterprise-header h1{
font-size:35px;
font-weight:bold;
color:#fff;
}

.tixa-enterprise-header h2{
font-size:20px; 
font-weight:300; 
margin:0 auto; 
max-width:500px; 
color:#F0F0F0;
margin-bottom:20px;
}

.tixa-enterprise-header a{
font-size:16px; 
font-weight:300; 
}

/*---ENTERPRISE PAGE: FEATURES---*/
.tixa-enterprise-features-row{
margin-left:5%;
margin-right:5%;
margin-bottom:100px;
}

.tixa-enterprise-features-row:after {
content: "";
display: table;
clear: both;
}

.tixa-enterprise-features-col{
float: left;
width: 33.33%;
text-align:center;
padding: 0px 40px 0px 40px;  
}

.tixa-enterprise-features-col i{
font-size:80px; 
color:#CCC;
}

.tixa-enterprise-features-col img{
width:128px;
height:128px;  
margin-bottom:30px;
}

.tixa-enterprise-features-col h1{
font-size:30px; 
color:#fff;
font-weight:500;
}

.tixa-enterprise-features-col p{
font-size:16px; 
color:#F5F5F5;
font-weight:300;
}

@media (max-width:880px) {
.tixa-enterprise-features-col{
width:100%;
margin-bottom:50px;
}

.tixa-enterprise-features-row{
margin-bottom:30px;
}
}

/*---ENTERPRISE PAGE: REQUEST BUTTON---*/
.tixa-enterprise-request-section{
margin: 100px auto;
max-width:500px;
text-align:center;
padding:0px 5% 0px 5%;
}

.tixa-enterprise-request-section button{
border:none;
padding: 10px 20px 10px 20px;
color:#fff;
background-color:#c86c13;	
border-radius:8px
}

.tixa-enterprise-request-section p{
font-size:18px; 
color:#999;
margin-top:8px;
}