.btn-info{
    color:#afafaf;
    padding: 5px 0 0;
  }
.btn-container{
    display: flex;
  }
  
  .lc-btn-stroke{    
     color:#ffffff;
     font-size:20px;
     font-weight:bold;
     display: inline-block;
     padding: 10px 20px;
     border-radius: 8px;
     border:solid 2px #fff;
     opacity:0.9;
     transition: 0.2s;  
  }
  
  .lc-btn-yellow{
     background:#fecc00;
     color:#000 !important;
     font-size:20px;
     font-weight:bold;
     display: inline-block;
     padding: 10px 20px;
     border-radius: 8px;     
     margin-right:20px;
     transition: 0.2s;  
  }
  
  .btn-small{
    font-size:16px;
     padding: 6px 15px;
    border-radius: 6px; 
    margin-right:16px;
  }
  
  
    
  .lc-btn-yellow:hover{
    transition: 0.2s;   
    cursor:pointer;
    background:#fee000;
    transform: scale(1.03);
  }
  
  .lc-btn-stroke:hover{
    transition: 0.2s;   
    cursor:pointer; 
    opacity:1;
    transform: scale(1.03);
  }
  
  
  .dark h1{
    color:#fff!important;
    font-size:30px!important; 
    letter-spacing: 0;
    line-height:1.5em;
  }
  .dark h2{
    color:#fff!important;
    font-size:26px!important; 
    letter-spacing: 0;
    line-height: 1.5em;
  }
  .dark h3{
    color:#fff!important;
    font-size:22px!important;
    letter-spacing: 0;
    line-height: 1.3em;
  }
  .dark h4{
    color:#fff!important;
    font-size:20px!important; 
    letter-spacing: 0;
    line-height: 1.3em;
  }
  
  .dark h5{
    color:#fff!important;
    font-size:18px!important; 
     letter-spacing: 0;
    line-height: 1.2em;
  }  
 
   h1{
    color:#000000!important;
    font-size:30px!important; 
    letter-spacing: 0;
    line-height: 1.5em!important;
  }
   h2{
    color:#000000!important;
    font-size:26px!important; 
    letter-spacing: 0;
    line-height: 1.5em!important;
  }
   h3{
    color:#000000!important;
    font-size:22px!important;
    letter-spacing: 0;
    line-height: 1.3em;
  }
  h4{
    color:#000000!important;
    font-size:20px!important; 
    letter-spacing: 0;
    line-height: 1.3em;
  }
  
  h5{
    color:#000000!important;
    font-size:18px!important; 
     letter-spacing: 0;
    line-height: 1.2em;
  }  
  
  .text-yellow{
    color:#fecc00;
  }
  .text-gray{
    color:#afafaf;
  }
  a.preview img{
    transition: 0.2s ease-in-out;
  }
  
  .h1-title h1{
    font-size:26px!important;
  }
  
  a.preview img:hover {
    transform: scale(1.05);
    transition: 0.2s ease-in-out;
    -webkit-box-shadow: 0px 40px 51px 1px rgba(0,0,0,0.40);
    -moz-box-shadow: 0px 40px 51px 1px rgba(0,0,0,0.40);
    box-shadow: 0px 40px 51px 1px rgba(0,0,0,0.40);
    border-radius:8px;      
    }
  
  .cmp-flex-tabs {
	display: flex;
	flex-wrap: wrap;
}

	input[data-flex-tab] {
		display: none;
		visibility: hidden;
	}

   
	.cmp-flex-tabs__tab {
		width: 100%;		
		cursor: pointer;
	}

		.cmp-flex-tabs__tab {
			/* shift all tabs to appear before content */
			order: -1;
			/* let tabs scale to fit multiple on each row */
			width: 14.28%;
    	flex-wrap: nowrap;
      border-right: solid 1px #f4f4f4;
      text-align:center;
      padding:0 8px 20px; 
	}


	.cmp-flex-tabs__content {
		width: 100%;
		max-height:0;
		opacity: 0;
		overflow: hidden;
		transition: opacity 0.3s ease-out;
	}
	
  
  	input[data-flex-tab]:checked + .cmp-flex-tabs__tab img,
    .cmp-flex-tabs__tab:hover img{		
    transition: 0.2s;
    opacity: 1;
    -webkit-box-shadow: 0px 16px 20px 0 rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 16px 20px 0 rgba(0,0,0,0.4);
    box-shadow: 0px 16px 20px 0 rgba(0,0,0,0.4);  
	}
  
	input[data-flex-tab]:checked + .cmp-flex-tabs__tab + .cmp-flex-tabs__content {
		min-height: 600px;			
		opacity: 1;
		overflow-y: auto;
		transition: opacity 0.3s ease-in;
	}
  
  @media only screen and (max-width: 700px){
    .lc-btn-yellow, .lc-btn-stroke{
    	display: block;
      margin: 20px 0;
      text-align: center;
      width:100%;
		}
    .btn-container{
      display: block;
    }
  }
  
 
  
  @media only screen and (max-width: 980px){
    
  }
.logot-templates{
    position:absolute;    
    right: 30px;
		bottom: 20px;
  }

h2.custom-title { font-size: 2.2rem !important; font-weight: 700; } .horizontal-gradient { width: 100%; display: block; height: 3px; opacity: .15; /* background: #fff; */ background: -moz-linear-gradient(left,white 0,#ebebeb 51%,white 100%); background: -webkit-linear-gradient(left,white 0,#ebebeb 51%,white 100%); background: linear-gradient(to right,#202020 0,#ebebeb 51%,#202020 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=1); }
  
  .net-example-container{
    display:flex;
    width:100%;   
    border-top:solid 1px #f4f4f4;    
  }  
  
  .net-example-item{
    padding: 10px !important;
    display: block;
  /*  width:16.7%; */
    max-width: 100%;
    text-align:center;
    background-color:#ffffff;
    border-right:solid 1px #f4f4f4;
    position:relative;    
    transition: 0.2s;
    opacity: 1!important;
  }
  
  .net-example-item img{
    opacity:0.6;
    transition: 0.2s;
    margin: 20px 0 0;
  }
  
  .net-example-item:hover img, .net-example-item-selected img{
     transition: 0.2s;
     opacity:1;
    -webkit-box-shadow: 0px 16px 20px 0 rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 16px 20px 0 rgba(0,0,0,0.4);
    box-shadow: 0px 16px 20px 0 rgba(0,0,0,0.4);   
  }
  
  .no-shadow{
    box-shadow: none!important;
  }
  
  .net-container-runner{
    display:flex;
    width:100%;
  }
  
  .icon-interactive-examples{
    width:25%;
    margin: 16% auto;
  }
  
  .chart-title{
    margin:30px 0 20px;
    font-size:24px!important;
  }
  
  .chart-info{    
    display:block;
    padding:10px 10%;
    line-height:1.5em;
    color:#000;
  }
  
  .net-section{
    width:42%;
    min-height: 500px;
    padding: 40px;
  }
  .item-info{
    width:50%;
    padding: 40px;
    font-size: 16px;
    line-height: 1.4em;
  }      
  
    .item-info ul{
      padding: 10px 0 30px 30px !important;
    }
  
  #net-example-description{
    margin-bottom: 20px;
  }
  
  .net-container-runner{
    background-color: #f4f4f4;
  }
  
   @media only screen and (max-width: 1300px) and (min-width: 981px){
    .cmp-flex-tabs__tab {
      padding: 0 5px 20px;
    }    
      .net-example-item img {
        width: 100%;
    }  
     
     .chart-title{
       font-size: 16px!important;
     }
  }
  
   @media only screen and (max-width: 980px){
    .cmp-flex-tabs__tab{
      padding:10px;
    }
    .chart-info{
    	display:none;
  	}
     .chart-title{
      margin: 5px 0 5px;
    	font-size: 17px!important;
    	display: block;
    	min-height: 80px;
     }
     
     .scroll-x-table{
    overflow-x:scroll;
  }
     
      .net-example-item:hover img, .net-example-item-selected img{
     	transition: 0.2s;
     	opacity:1;   
    	box-shadow: none;        
  }     
     .net-example-item:hover, .net-example-item-selected{
     background:#fecc00;  
  }
     	input[data-flex-tab]:checked + .cmp-flex-tabs__tab img,
    .cmp-flex-tabs__tab:hover img{		
    transition: 0.2s;
    opacity: 1;    
    box-shadow: none;  
	}
     input[data-flex-tab]:checked + .cmp-flex-tabs__tab {
    background: #fecc00;
}
     
     .net-example-container, .net-example-item {
       border:none;
       background: none;
     }

     .net-headr-section{
       width: 100%;
     }
     
          .net-section, .item-info{
       width:100%
     }
     
     .net-section{
       padding:0;
       min-height: 300px;
     }
     
     .net-container-runner {
        display: flex;
       	flex-wrap: wrap;
        flex-direction: row-reverse;
        width: 100%;        
}
.net-example-item img {
  width: 100%;  
}
     
  } 
  
  @media only screen and (max-width: 500px){
    .chart-title{
      display:none;
    }
  }

  .net-example-item img {
    width: 100%;
}
.bg-tester-img img{
    position:absolute;
    top:-20px;
    max-width:400px;
  }
  
  table.greyGridTable {  
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  background:#FFF;
  overflow-x: scroll;  
}
table.greyGridTable td, table.greyGridTable th {
  border: 1px solid #ebe9e9;
  padding: 0px 10px;
}
table.greyGridTable tbody td {
  font-size: 15px;
}
table.greyGridTable thead {  
  border: none;
  text-align: center;  
}
table.greyGridTable thead th {
  font-size: 14px;
  font-weight: bold;
  color: #f8c300;
  text-align: left; 
  background:#202020;
  padding: 15px 10px;
}
table.greyGridTable thead th:first-child {
  border-left: none;
  text-align: left;
  border-left: 0px solid;
  }
  

  table.greyGridTable tr:nth-child(even) {
  background: #f7f7f7;
}
  table {
  border-collapse: collapse;
  overflow: hidden;

}
    
    .videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */	
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.logo_banner {
	background-image: url('/public/img/product_pics/trusted-by-leaders.jpg');
	height: 70px;
	width: 100%;	
	animation: backgroundScroll 200s linear infinite;
}

@keyframes backgroundScroll {
	from {background-position: 0 0;}
	to {background-position: -4502px 0;}
}
 .anniversary1{
          align-items:flex-start;  
          width:240px;
          position:relative;
          top:8px;
          left:20px;
        }
        .flex-anniversary{
          align-items:center; 
          flex-direction:row;
        }
        
        @media (max-width: 980px){
          .flex-anniversary{
          align-items:center; 
          flex-direction:row;
          flex-wrap:wrap;  
        }
          
          .anniversary1{
            left:none;
          }
          
.et_pb_module.et_pb_button, .et_pb_promo_button {
    display: inline-block;
    color: inherit;
    width: 100%;
    text-align: center;
}
        }
.new-feauters span{
                 top:10px;
              }  		

              @media only screen and (max-width: 980px){
                .new-feauters span{
               display:none;
                
              }
              }



/*fix styles*/

[type="radio"]:not(:checked)+label, [type="radio"]:checked+label{
    height:auto!important;
    position:inherit !important;
    padding: 0!important;
    
}

.net-example-container label::before,
.net-example-container label::after{
  visibility: hidden;
}

.t-white{
  color:white !important;
}

html {
  scroll-behavior: smooth;
}

.PR-tools{
  padding-top: 4%;
}

.new-feauters a{
  position: relative;
}

.cmp-flex-tabs li{
  list-style: disc !important;
}