@charset "utf-8";
/* CSS Document */
html, body {
  height: 100%;
	width: 100%;

 font-family: 'Mandali';
 
    
   
  margin:0;
}

::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #d9e0e1;
}
::-webkit-scrollbar-thumb { 
    background: #3c91e6;
}
::-webkit-scrollbar-thumb:hover {
    background: #20526d;
}




form
{
    margin: 0;
    padding: 0;
    display:inline
}
H1 {
     font-family: 'Mandali';
    font-size: 26px;
    color: #20526d;
  letter-spacing: 1px;
    margin: 0;
    font-weight: lighter;
    text-decoration: none;
 
}
H2 {
     font-family: 'Mandali';
    font-size: 23px;
    color: #20526d;
  letter-spacing: 1px;
    margin: 0;
    font-weight: lighter;
    text-decoration: none;
    margin-bottom: 10px;
}
H3 {
     font-family: 'Mandali';
    font-size: 22px;
    color: #20526d;
  letter-spacing: 1px;
    margin: 0;
    font-weight: lighter;
    text-decoration: none;
    margin-bottom: 10px;
}


p
{
	margin-bottom: 9px;
    margin-top:0;
     font-size: 16px;
    font-family: 'Mandali';
    color: #2b303a;
   
}

@keyframes subscribe {

from {background-color: #0B75DF;}
  to {background-color:  #2B303A; }
	
}
a.button_blue_submit1
{
		background-color: #0B75DF;
	

	color: #FFF;
    font-family: 'Mandali';
    font-size: 16px;
	  padding:5px;
	border: none;
    display: block;
	margin:auto;
line-height: 25px;
   border-radius: 5px;
	cursor: pointer;
    text-decoration: none;
	animation-direction: alternate-reverse;
  animation-name: subscribe;
  animation-duration: 2s;
  animation-iteration-count: infinite;
	
}
a.button_blue_submit1:hover
{
		    background-color: #82D32B;
   
	
animation: none;
	color: #FFF;
    font-family: 'Mandali';
    font-size: 16px;
	  padding:5px;
	border: none;
line-height: 25px;
	margin:auto;
    display: block;
  text-decoration: none;
	cursor: pointer;

	
}

.green1
{
	
   
     font-size: 16px;
    font-family: 'Mandali';
    color: #82D32B;
   
}
.green2
{
	
   
     font-size: 16px;
    font-family: 'Mandali';
    color: #43B929;
   
}
a.right_link1
{
    float: right;
    background-color: #2C69A7;
    color: white;
    padding-left: 7px;
    padding-right: 7px;
       font-size: 16px;
    font-family: 'Mandali';
    text-decoration: none;
    border-radius: 7px;
        
}
a.right_link1:hover
{
    float: right;
    background-color: #82D32B;
    color: #2B303A;
    padding-left: 7px;
    padding-right: 7px;
       font-size: 16px;
    font-family: 'Mandali';
    text-decoration: none;
    border-radius: 7px;
        
}
a.right_link2
{
    float: right;
  display: block;
    padding-left: 7px;
    padding-right: 7px;
       font-size: 16px;
    font-family: 'Mandali';
    text-decoration: none;
    border-radius: 7px;
        
          background-color: #2C69A7;
    color: white;
}
a.right_link2:hover
{
    float: right;
display: block;
   background-color: #82D32B;
    color: #2B303A; 
    padding-left: 7px;
    padding-right: 7px;
       font-size: 16px;
    font-family: 'Mandali';
    text-decoration: none;
    border-radius: 7px;
        
}
.incart_cell
{
	background-color:#82D32B;
	padding: 5px;
	text-align: center;
 color: #2b303a;
    border-color:  #2b303a;
    border-width: 2px;
    border-style: solid;
    margin:2px;
    font-weight: bold;
    	font-size: 16px;
    font-family: 'Mandali';
}
.blue_title1 {
     font-family: 'Mandali';
    font-size:16px;
    color: #20526d;
    font-weight: bold;

}
.blue_title2 {
     font-family: 'Mandali';
    font-size:16px;
    color: #20526d;
    font-weight: bold;
    margin-top: 20px;

}

a:hover {
    font-family: 'Mandali';
    font-size: 16px;
    color:#2B303A;
    background-color:  #82D32B;
    text-decoration: underline;
    font-weight: 400;
    padding-left: 2px;
    padding-right: 2px;

	
}
a.black_link {
    font-family: 'Mandali';
    font-size: 16px;
    color: #2B303A;
    text-decoration: underline;
    font-weight: 400;
        padding-left: 2px;
    padding-right: 2px;
	
}
a.black_link:hover {
    font-family: 'Mandali';
    font-size: 16px;
    color:#2B303A;
    background-color:  #82D32B;
    text-decoration: underline;
    font-weight: 400;
    padding-left: 2px;
    padding-right: 2px;

	
}
a {
    font-family: 'Mandali';
    font-size: 16px;
    color: #2C69A7;
    text-decoration: underline;
    font-weight: 400;
        padding-left: 2px;
    padding-right: 2px;
	
}
a.white_link1:hover {
    font-family: 'Mandali';
    font-size: 16px;
    color:#2B303A;
    background-color:  #82D32B;
    text-decoration: underline;
    font-weight: 400;
    padding-left: 2px;
    padding-right: 2px;

	
}
a.white_link1 {
    font-family: 'Mandali';
    font-size: 16px;
    color: white;
    text-decoration: underline;
    font-weight: 400;
        padding-left: 2px;
    padding-right: 2px;
	
}
.white
{
     font-family: 'Mandali';
    font-size: 16px;
    color: white;
}
.blue1
{
     font-family: 'Mandali';
    font-size: 16px;
    color: #3C91E6;
}
a.blue_link1:hover {
    font-family: 'Mandali';
    font-size: 16px;
    color:#2B303A;
    background-color:  #82D32B;
    text-decoration: underline;
    font-weight: 400;
    padding-left: 2px;
    padding-right: 2px;

	
}
a.blue_link1 {
    font-family: 'Mandali';
    font-size: 16px;
    color: #3C91E6;
    text-decoration: underline;
    font-weight: 400;
        padding-left: 2px;
    padding-right: 2px;
	
}
.toprow {
    width: 100%;
 background-color: #20526d;
	/*background-image: linear-gradient(to right, #20526d,#2C69A7);*/
	
    padding-bottom: 10px;
    padding-top: 10px;
    min-height: 25px;
}
.greyrow {
    width: 100%;
 background-color: #F4F5F2;
	/*background-image: linear-gradient(to right, #20526d,#2C69A7);*/
	
    padding-bottom: 10px;
    padding-top: 10px;
    height: auto;

}
.block
{
    max-width: 1100px;
    margin: auto;
    display: grid;
    padding:5px;

}
.block_fill
{
    max-width: 1100px;
    margin: auto;
 
    padding:10px;
    height: calc(100% - 400px);

}
.block3
{
    max-width: 1100px;
    margin: auto;

    padding:10px;
    height: auto;
}
.topbody
{
    max-width: 1100px;
    padding-left:10px;
    padding-right:10px;
 
    margin: auto;
   
    display: flex;
justify-content:space-between;   
    

}
div.requirement {
    margin-left: 7px;
    width: 70%;
    background-color: #3c91e6;
    border-radius: 12px;
    margin-bottom: 10px;
	float: left;
    
    margin-top: 5px;
}
.requirement ht {
    float: left;
    margin-left: 12px;
    background-color: #3c91e6;
    color: #fff;
    width: 30px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    overflow: auto;
    font-family: 'Mandali';
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 2px;
}
.requirement dl {
    overflow: auto;
    margin: 0;
    padding: 0;
    background-color: #d9e0e1;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}
.requirement dt {
    float: left;
    color: #2b303a;
    font-size: 16px;
    padding-left: 20px;
    font-family: 'Mandali';
    line-height: 25px;
    padding-right: 20px;
}
.bodyblock
{
    max-width: 1100px;
    background-color: #FFF;
   /* border-left-style:solid;
    border-left-color:#20526D;
    border-left-width: 1px;
   border-right-style:solid;
    border-right-color:#20526D;
    border-right-width: 1px;*/
    margin: auto;
    height: auto;
    display: grid;

    margin-bottom: 10px;
    
}
.topleft {
   
      align-self: center;

}
.topright {
   align-self: center;
 

    
}
  input,
        select {
            min-width: 50px;
           
            margin: 2px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
		
			
        }

textarea
{
      margin: 5px;
    padding-top: 5px;
       padding-bottom: 5px;
       padding-left: 2px;
       padding-right: 2px;
    margin-top:15px;
    margin-bottom: 15px;
}
ul, li
{
    margin: 0px;
    padding: 0px;
}
.select
{
	border-radius: 5px;
	color: #3C91E6;

   font-size: 16px;
border-width: 1px;
    border-style: solid;
 background-color: transparent;
    outline: none;
    border-color: #3C91E6;
	width: auto;

	min-width: 50px;
     font-family: 'Mandali';
}
.input
{
    border-radius: 5px;
	color: #3C91E6;

   font-size: 16px;
border-width: 1px;
    border-style: solid;
 background-color: transparent;
    outline: none;
    border-color: #3C91E6;
	width: auto;
	
	min-width: 50px;
     font-family: 'Mandali';
}
select option
{
	background-color:#3C91E6;
	color: #FFF;
	padding: 2px;
   font-size: 16px;
	width: auto;
    text-decoration: underline;


	
	min-width: 50px;
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #3C91E6;
         font-family: 'Mandali';
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #3C91E6;
         font-family: 'Mandali';
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #3C91E6;
        font-family: 'Mandali';
}
     .button_blue_submit
{
		border-radius: 5px;
	color: #3C91E6;

   font-size: 16px;
border-width: 1px;
    border-style: solid;
 background-color: transparent;
    outline: none;
    border-color: #3C91E6;
	width: auto;
	margin-right: 7px;
	margin-left: 7px;
	min-width: 50px;
     font-family: 'Mandali';
    cursor: pointer;
	
}
     .button_blue_submit:hover
{
		border-radius: 5px;
	color: #FFF;

   font-size: 16px;

 background-color:  #82D32B;
    outline: none;
   border: none;
	width: auto;
	margin-right: 7px;
	margin-left: 7px;
	min-width: 50px;
     font-family: 'Mandali';
    cursor: pointer;
	border-width: 1px;
    border-style: solid;
      border-color: #82D32B;
}

.option_text1
{

	
   font-size: 16px;
 text-decoration: none;
	width: auto;
	padding-right: 7px;
	padding-left: 7px;

     font-family: 'Mandali';
    cursor: pointer;	
 
    margin-left:10px;

    align-self: center;
}
.option_button1
    
{
     background-color: white;
	color: #3C91E6;
   font-size: 16px;
 text-decoration: none;
	width: auto;
	padding-right: 7px;
	padding-left: 7px;
	min-width: 50px;
     font-family: 'Mandali';
    cursor: pointer;	
    border-color:  #3C91E6;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    margin-left:10px;
    max-width: 100px;
    align-self: center;
 
}
.option_button1:hover, .active_button1
    
{
     background-color:  #82D32B;
	color: #FFF;
   font-size: 16px;
 text-decoration: none;
	width: auto;
	padding-right: 7px;
	padding-left: 7px;
	min-width: 50px;
     font-family: 'Mandali';
    cursor: pointer;	
    border-color:   #82D32B;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
     margin-left:10px;
     max-width: 100px;
    
     align-self: center;
 
}
     .button_blue_submit2
{
	color: #3C91E6;
   font-size: 16px;
 text-decoration: none;
	width: auto;
	padding-right: 7px;
	padding-left: 7px;
	min-width: 50px;
     font-family: 'Mandali';
    cursor: pointer;	
}
     .button_blue_submit2:hover
{
		border-radius: 5px;
	color: #FFF;

   font-size: 16px;

 background-color:  #82D32B;
    outline: none;
   border: none;
	width: auto;
	padding-right: 7px;
	padding-left: 7px;
	min-width: 50px;
     font-family: 'Mandali';
    cursor: pointer;

     text-decoration: none;
}
.first
{
   
   
    position: relative;      
     background-color: #FFF;

}
.topmenudiv
{
    width: auto;   
    margin-top:10px;
}
.submenudiv
{
border-top-style: solid;
    border-top-width: 1px;
    border-top-color:#3C91E6;
    margin-top:2px;
/*background-image: linear-gradient(to left,#3C91E6,white )*/
    
}
a.image {
    display: block;
    float: left;
    max-width: 100%;
    height: auto;
	text-decoration: none !important;
	padding: 0;
	
}
a.image:hover {
    display: block;
    float: left;
    max-width: 100%;
    height: auto;
	text-decoration: none !important;
	background-color: transparent;
	padding: 0;
	
}
.message_contact
{
    position: absolute;
    top:15px;
    right: 15px;
}
.imageicon {
    float: left;
    max-width: 100%;
    height: auto;
    margin-right: 10px;
    
}

/* Top Menu */

ul {
    padding: 0;
    list-style: none;
    background:#3C91E6;
   
    margin: 0;
    padding-left: 7px;
}
ul li {
    display: inline-block;
    position: relative;

    text-align: left;
}
ul li2 {
    display: inline-block;
    position: relative;

    text-align: center;
}
ul li5 {
    display: inline-block;
    position: relative;

    text-align: center;
}
ul li6 {
    display: inline-block;
    position: relative;
float: right;
    text-align: left;
}
ul li7 {
    display: inline-block;
    position: relative;
float: right;
    text-align: left;
}
ul li3 {
    display: inline-block;
    position: relative;

    text-align: center;
}
ul li a {
    display: block;
    padding: 3px;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
 font-family: 'Mandali';
    background-color: #3c91e6;
    margin-right: 5px;
	transition-duration: 0.5s;  

}

ul li2 a {
    display: block;
    padding: 3px;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
 font-family: 'Mandali';
     background-color: #3c91e6;
    margin-right: 5px;
	transition-duration: 0.5s;  
    float:right;
    width:200px;
}
ul li3 a {
    display: block;
    padding: 3px;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
 font-family: 'Mandali';
     background-color: #3c91e6;
    margin-right: 5px;
	transition-duration: 0.5s;  
    float:left;
    width:200px;
}
ul li5 a {
    display: block;
    padding: 3px;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
 font-family: 'Mandali';
     background-color: #2c69a7;
    margin-right: 5px;
	transition-duration: 0.5s;  
    float:right;
    width:200px;
}
ul li6 a {
    display: block;
    padding: 3px;

    font-size: 15px;
    text-decoration: none;
 font-family: 'Mandali';
     background-color: #3c91e6;
    margin-right: 5px;
	transition-duration: 0.5s;  
    float:right;
     color:yellow;
    animation: txt_change1 4s infinite;

   
}
ul li6 a:hover {
    color: #2B303A;
    /*background-color:  #82D32B;*/
	    background-color: #82D32B;
    text-decoration: underline;
    padding:3px;
    font-size: 15px;

    margin-right: 5px;
}
ul li7 a {
    display: block;
    padding: 3px;

    font-size: 15px;
    text-decoration: none;
 font-family: 'Mandali';
     background-color: #3c91e6;
    margin-right: 5px;
	transition-duration: 0.5s;  
    float:right;
     color:white;
    animation: txt_change2 4s infinite;

   
}
ul li7 a:hover {
    color: #2B303A;
    /*background-color:  #82D32B;*/
	    background-color: #82D32B;
    text-decoration: underline;
    padding:3px;
    font-size: 15px;

    margin-right: 5px;
}
ul li a:hover {
    color: #2B303A;
    /*background-color:  #82D32B;*/
	    background-color: #82D32B;
    text-decoration: underline;
    padding:3px;
    font-size: 15px;

    margin-right: 5px;
}


ul li ul.dropdown {
    min-width: 190px;
    max-width: 250px;
    background: #3c91e6;
    display: none;
	padding-top:5px;
	border-top-color: white;
	border-top-width: 3px;
	border-top-style:solid;
    position: absolute;
    z-index: 999;
    left: 0;
	
}
ul li:hover ul.dropdown {
    display: block;
	
}
ul li ul.dropdown li {
    display: block;
}
ul li ul.dropdown a {
    color: #fff;
    padding: 10px;
 
    border-bottom-color: #2c69a7;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}
ul li ul.dropdown a:hover {
    color:#2B303A;

    border-bottom-color: #82D32B;

}
ul li ul.dropdown2 {
  
    width:auto;
    min-width: 430px;
     background-color:  #2c69a7;
    display: none;
	padding:auto;
	border-top-color: white;
	border-top-width: 3px;
	border-top-style:solid;
    padding-top:7px;
    position: absolute;
    margin: 0;
 
    z-index: 999;
    left: 0;
	
}

ul li:hover ul.dropdown2 {
    display: block;
	
}
ul li ul.dropdown2 li {
    display: block;
}
ul li ul.dropdown2 a.left {
    color: #fff;
    padding: 3px;
 
    /*border-right-color: #2c69a7;
    border-right-width: 2px;
    border-right-style: solid;*/
    
    
}
ul li ul.dropdown2 a.right {
    color: #fff;
    padding: 3px;
 
    /*border-left-color: #2c69a7;
    border-left-width: 2px;
    border-left-style: solid;*/
    
}
ul li ul.dropdown2 a:hover {
    color:#2B303A;

    border-bottom-color: #82D32B;

}
.chosenmenu {
  
    color: #2B303A;
    /*background-color:  #82D32B;*/
	    background-color: #82D32B;
    text-decoration: none;
    padding:5px;
    font-size: 15px;
  font-family: 'Mandali';
    margin-right: 5px;
    font-weight: bold;    
}
a.submenu {
    font-family: 'Mandali';
    font-size: 15px;
font-weight: bold;
    color: #2B303A;
	    text-decoration: none;
   /* text-transform: uppercase;*/
    float: left;
    width: auto;
    margin-left: 12px;
    padding: 3px;

/*border-top-style: solid;
    border-topt-width: 1px;
    border-top-color:#ffba08;*/
	transition-duration: 0.5s;
}
a.submenu:hover {
    font-family: 'Mandali';
    font-size: 15px;
       color:#FFF;
    background-color: #82D32B;
    text-decoration: none;
 text-decoration:underline;
    float: left;
    width: auto;
    margin-left: 12px;
       padding: 3px;

	
}

.chosensubmenu {
    font-family: 'Mandali';
    font-size: 15px;
       color:#2B303A;
    background-color: #82D32B;
    text-decoration: none;

    float: left;
    width: auto;
    margin-left: 12px;
       padding: 3px;
padding-right:5px;
    padding-left:5px;
	
}
.block1
{
    
   padding: 15px;
}

.footer_div
{
   

    max-width: 1100px;
    grid-template-areas:
        'footermenu'
        'footertext';
    display: grid;
    margin:auto;
    padding-top: 5px;
    padding-bottom: 20px;
   
}
.footer
{
         
    width: 100%;
 
    margin: auto;
    background-color: #2B303A;

 
}
.footer_text
{ 
    color:white; 
   
     font-family: 'Mandali';
    font-size: 10px;
}
.banner1 {
  

    max-width: 400px;
    float: left;
 
	margin-right: 5px;
	box-shadow: 5px 5px 10px #BDC3CE;
	border-radius: 7px;
    display: grid;
grid-row-gap: 2px;
    margin-bottom: 10px;
    width: auto;
    grid-area: banner1;
}
.rowbanner1
{
	color: #2C69A7;
	 font-family: 'Mandali';
	font-size: 16px;
   background-image: linear-gradient(to left,#3C91E6,white );
   padding-left:20px;
 padding-right:20px;
    	border-top-right-radius: 7px;
     	border-top-left-radius: 7px;
}
.rowbanner1:hover
{
	color: #2B303A;
	 font-family: 'Mandali';
	font-size: 16px;
   background-image: linear-gradient(to left,#82D32B,white );
   padding-left:20px;
 padding-right:20px;
    	border-top-right-radius: 7px;
     	border-top-left-radius: 7px;
   
}
.rowbanner2
{
	color: #2C69A7;
	 font-family: 'Mandali';
	font-size: 16px;
   background-image: linear-gradient(to left,#3C91E6,white );
   padding-left:20px;
 padding-right:20px;
    

}
.rowbanner2:hover
{
	color: #2B303A;
	 font-family: 'Mandali';
	font-size: 16px;
   background-image: linear-gradient(to left,#82D32B,white );
   padding-left:20px;
 padding-right:20px;

}
.rowbanner3
{
	color: #2C69A7;
	 font-family: 'Mandali';
	font-size: 16px;
   background-image: linear-gradient(to left,#3C91E6,white );
    padding-left:20px;
 padding-right:20px;
    	border-bottom-left-radius: 7px;
    	border-bottom-right-radius: 7px;
    
}
.rowbanner3:hover
{
	color: #2B303A;
	 font-family: 'Mandali';
	font-size: 16px;
   background-image: linear-gradient(to left,#82D32B,white );
    padding-left:20px;
 padding-right:20px;
    	border-bottom-left-radius: 7px;
    	border-bottom-right-radius: 7px;
 
}
a.empty
{
    text-decoration: none;
    background-color: transparent;
    margin: 0;
    padding: 0;
}

.first_block
{
    display: grid;
    grid-column-gap: 25px;
  	grid-template-columns:  28% 68%;
    		  grid-template-areas:   
    ' banner1 text1';
}
.second_block
{
    display: grid;
    grid-column-gap: 25px;
  	grid-template-columns:  68% 28%;
    		  grid-template-areas:   
    ' text2 text2'
     ' chart1 table1' ;
}
.third_block
{
    display: grid;
    grid-column-gap: 25px;
  	grid-template-columns: 32% 63%;
    		  grid-template-areas:   
   
  
     'table2 text3 ' ;
}
.third_block2
{
    display: grid;
    grid-column-gap: 25px;
  	grid-template-columns: 48% 48%;
    		  grid-template-areas:   
   
  
     'table2 text3 ' ;
}
.fourth_block
{
    display: grid;
    grid-column-gap: 20px;
  	grid-template-columns: 48% 48%;
    		  grid-template-areas:   
   
  
     'chart1 chart2 ' ;
}
.combo_block1
{
    display: grid;
    grid-column-gap: 5px;
  	grid-template-columns:  25% 70%;
    		  grid-template-areas:   
    ' text1 chart2';
}
.rightdivchart
{
	width: 100%;
	margin: auto;	
	grid-area: chart2;
	min-width: 400px;
	height: 300px;
    margin-bottom: 10px;
    margin-top:10px;
}
.text1_div
{
    grid-area: text1;
}
.text2_div
{
    grid-area: text2;
}
.text3_div
{
    grid-area: text3;
}
.text4_div
{
    grid-area: text4;
}
.table1_div
{
    grid-area: table1;
}
.table2_div
{
    grid-area: table2;
}

.imagesdisplayright {
	
	width: 350px;
	margin-bottom: 25px;
	float: right;	
	margin-right: 15px;
}
.maindivchart
{
	width: 100%;
	margin: auto;
	float: left;
	grid-area: chart1;
	min-width: 500px;
	height: 400px;
    margin-bottom: 10px;
    margin-top:10px;
}
.maindivchart2
{
	width: 100%;
	margin: auto;

	min-width: 500px;
	height: 400px;
    margin-bottom: 10px;
    margin-top:10px;
}
.maindivchart3
{
	width: 100%;
	margin: auto;

	min-width: 500px;
	height: 600px;
    margin-bottom: 10px;
    margin-top:10px;
}
.maindivchart4
{
	width: 100%;
	margin: auto;

	min-width: 300px;
	height: 400px;
    margin-bottom: 10px;
    margin-top:10px;
}
.chart_left
{
	width: 100%;
	margin: auto;
	float: left;
    grid-area: chart1;
	height: 400px;
    margin-bottom: 10px;
    margin-top:10px;
}
.chart_right
{
	width: 100%;
	margin: auto;
	float: right;
    grid-area: chart2;
	height: 400px;
    margin-bottom: 10px;
    margin-top:10px;
}
.testimonials {
    
   
    padding: 15px;
    margin: 5px;

 margin-top: 15px;
	
    text-align: justify;
    text-justify: auto;
  /*  border-color: #586277;
    border: thin;
    border-style: dotted;*/
    font-size: 14px;
	overflow: auto;
    font-family: 'Mandali';
    color: #586277;
    height: auto;
    width: auto;
	border-radius: 7px;
	font-style: italic;
	/*background-image: url('https://www.signalator.com/images/website/testimonials-icon3.png');
	background-repeat: no-repeat;
	background-position: left top;*/
    background-image: linear-gradient(to right,white,#BCDFFD);
    
	box-shadow: 5px 5px 10px #BDC3CE;

	
}
.testimonials ht {
    font-size: 16px;
    font-family: 'Mandali';
    border-top-color: #586277;
    border-top-style: dashed;
    border-top-width: 1px;
    padding-top: 5px;
    margin-top: 10px;
	padding-right: 10px;
    color: #586277;
    display: block;
    text-align: right;

}
.testimonials a
{
	color: #2B303A;
}
.testimonials a:hover
{
	color: #FFF;
}
a.subscroption1
{
	margin:  auto;
  font-family: 'Mandali';
  font-size: 16px;
	padding: 5px;
  font-weight: bold;
  color: #2C69A7;
  text-align: center;
	border-width: 1px;
	border-style: dotted;
	border-color: #2C69A7;
	display: block;
	border-radius: 7px;

	text-decoration: none;
}
a.subscroption1:hover
{
		margin: auto;
  font-family: 'Mandali';
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  text-align: center;

	display: block;
	border-radius: 7px;
padding: 5px;
	text-decoration: none;
	background-image: linear-gradient(to right,#3C91E6,#82D32B);
}
a.subscroption
{
	margin: 10px auto;
  font-family: 'Mandali';
  font-size: 16px;
	padding: 5px;
  font-weight: bold;
  color: #2C69A7;
  text-align: center;
	border-width: 1px;
	border-style: dotted;
	border-color: #2C69A7;
	display: block;
	border-radius: 7px;

	text-decoration: none;
}
a.subscroption:hover
{
		margin: 10px auto;
  font-family: 'Mandali';
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  text-align: center;

	display: block;
	border-radius: 7px;
padding: 5px;
	text-decoration: none;
	background-image: linear-gradient(to right,#3C91E6,#82D32B);
}

.subscribeheader1 {
    font-size: 20px;
    font-family: 'Mandali';
    color: #2b303a;
    border-bottom-color: #2b303a;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    background-color: #97db4f;
    padding: 3px;
}
.subscribeheader2 {
    font-size: 20px;
    font-family: 'Mandali';
    color: #fff;
    border-bottom-color: #2b303a;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    background-color: #3c91e6;
    padding: 3px;
}
.subscribeheader3 {
    font-size: 20px;
    font-family: 'Mandali';
    color: #fff;
    border-bottom-color: #2b303a;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    background-color: #2b303a;
    padding: 3px;
}
.subscribeheader4 {
    font-size: 20px;
    font-family: 'Mandali';
    color: #2b303a;
    border-bottom-color: #2b303a;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    background-color: #f70;
    padding: 3px;
}
.subscribeheader5 {
    font-size:18px;
    font-family: 'Mandali';
    color: #2b303a;
    border-bottom-color: #2b303a;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    background-color: #97db4f;
    padding: 2px;
}

/* Ticker Details*/

.ticker-container {
width: 100%;
overflow: hidden;
      background-color:  #82D32B;
    height: 30px;
}
.ticker-wrapper {
width: 100%;
padding-left: 100%;
background-color: transparent;
}
@keyframes ticker {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-100%, 0, 0);
}
}
.ticker-transition {
display: inline-block;
white-space: nowrap;
padding-right: 100%;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-name: ticker;
animation-duration: 60s;
}
.ticker-transition:hover {
animation-play-state: paused;
cursor: pointer;
}
.ticker-item {
display: inline-block;
padding: 0 2rem;
        color:#2B303A;
    background-color:  #82D32B;
     line-height:  30px;
}
.tablerow3 {
    font-size: 16px;
    font-family: 'Mandali';
    color: #2b303a;
    padding: 5px;
    border-bottom-color: #20526d;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}
.tablerow3last {
    font-size: 16px;
    font-family: 'Mandali';
    color: #2b303a;
    padding: 5px;
}
.row1 {
    font-size: 16px;
    font-family: 'Mandali';
    color: #2b303a;
    border-bottom-color: #20526d;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 0.5em;
}

.row_closed {
    font-size: 16px;
    font-family: 'Mandali';
    color: #20526d;
    background-color: #d9e0e1;
    border-bottom-color: #39383d;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 0.5em;
}
.row_short {
    font-size: 16px;
    font-family: 'Mandali';
    color: #f70;
    background-color: #ffd6b2;
    border-bottom-color: #7c2507;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 0.5em;
}
.row_long {
    font-size: 16px;
    font-family: 'Mandali';
    color: #3c91e6;
    background-color: #ecf5ff;
    border-bottom-color: #20526d;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 0.5em;
}
div.autotrading {
    width: 29%;
    min-width: 350px;
    max-width: 400px;
    float: left;
    margin: 20px;
}
a.click_button3b
{
	padding: 4px;
	background-color: #2C69A7;
	color: #FFF;
	text-decoration: none;
	display: block;
}
a.click_button3b:hover
{
	padding: 4px;
	background-color: #82D32B;
	color:#2B303A;
	text-decoration: none;
	
}
a.footermenu {
    font-family: 'Mandali';
    font-size: 12px;
    text-decoration: none;
    color: #d9e0e1;
    margin-left: 3px;
    float: left;
    width: auto;
    padding: 5px;
}
a.footermenu:hover {
    font-family: 'Mandali';
    font-size: 12px;
    color: #2B303A;
    background-color:  #82D32B;
    text-decoration: underline;
    margin-left: 3px;
    float: left;
    width: auto;
    padding: 5px;
}
.footerdiv
{
width: 100%;
    margin-top:2px;
    grid-area: footermenu;
/*background-image: linear-gradient(to left,#3C91E6,white )*/
    
}
.footertext
{
    grid-area: footertext;
}

.relative_block
{
    display: grid;
    grid-template-columns: 20% 80%;
    grid-template-areas: 
        'text1 text1'
        'image1 text2 ';

 
}
.images_right_bottom
{
   text-align: center;
    grid-area: image1;
    align-self: center;
  
}

.list1
{
	margin:  auto;
  font-family: 'Mandali';
  font-size: 16px;
	padding: 5px;
  font-weight: bold;
  color: #2C69A7;
  text-align: center;
	border-width: 1px;
	border-style: dotted;
	border-color: #2C69A7;
	display: block;
	border-radius: 7px;
    margin-bottom:10px;
width: 300px;
	text-decoration: none;
}
.list2
{
	

  font-size: 16px;
	padding: 2px;

  color:  #2B303A;
      margin-right:20px;
  text-align: center;
	border-width: 1px;
	border-style: dotted;
	border-color: #2B303A;
display: inline-block;
	border-radius: 7px;
    margin-bottom:10px;
min-width: 250px;
    max-width: 300px;
	text-decoration: none;
}


.grid-container {
  display: grid;
  grid-template-columns: 20% 80%;
	row-gap: 20px;
	margin-top:25px;
	padding: 15px;
	width: 100%;
	word-wrap: break-word;
  word-break: break-all;
}
.grid-container:hover {
  display: grid;
  grid-template-columns: 20% 80%;
	row-gap: 20px;
	margin-top:25px;
	
	
}
.step1
{
	font-size: 16px;
	 font-family: Calibri;
	color: #7D7D7D;
}
.grid-item1 {
  
  display: flex;
  justify-content: center;
  align-items: center;


	background-image: url("images/website/green-check.png");
	background-repeat:  no-repeat;
	background-size: 50px 50px;
	background-position: center;
	 font-size: 30px;
	color: white;
  text-align: center;

	
}

.grid-item2 {
  color: #20526D;
	font-size: 18px;
	 font-family: Calibri;
 padding-left:50px;
	padding-bottom: 10px;
  text-align:left;
	line-height: 30px;
	transition: font-size;
	transition-duration: 2s;
}
.grid-item2:hover
{
 box-shadow: 0px 0px 7px 2px #2C69A7;
	border-radius: 25px;
	background-image: linear-gradient(to right,#82D32B,#3C91E6,#2B303A);
	color: white;
	font-size:18px;
}
.buybutton1
{
	width:auto;
	margin:auto;
	max-width:250px;
	color:white;
	
	text-align: center;
	padding: 7px;
	border-radius: 25px;
	background-image: linear-gradient(to right,#2C69A7,#3C91E6);
}
.buybutton1 a
{
	text-decoration: none;
	color: white;
	font-size:18px;
	letter-spacing: 1px;
	 font-family: Calibri;
}
.buybutton1 a:hover
{
 background-color: transparent;
}
.buybutton1:hover
{

	background-image: linear-gradient(to right,#3C91E6,#82D32B);
}


.list3
{
	margin:  auto;
  font-family: 'Mandali';
  font-size: 16px;

  font-weight: bold;
  color: #2C69A7;
  text-align: left;
	border-width: 1px;
	border-style: dotted;
	border-color: #2C69A7;
	display: block;
	border-radius: 7px;
    margin-bottom:10px;
width: 95%;
	text-decoration: none;
    padding: 15px;

 
}
.list3:hover
{
	margin:  auto;
  font-family: 'Mandali';
  font-size: 16px;
background-color:  #2C69A7;
  font-weight: bold;
  color: white;
  text-align: left;
	border-width: 1px;
	border-style: dotted;
	border-color: #2C69A7;
	display: block;
	border-radius: 7px;
    margin-bottom:10px;
width: 95%;
	text-decoration: none;
    padding: 15px;
    transition-duration: 0.7s; 
}
.list4
{
	margin:  auto;
  font-family: 'Mandali';
  font-size: 16px;


  color:#2B303A;
  text-align: left;

	display: block;
	border-radius: 7px;
    margin-bottom:10px;
width: 95%;
	text-decoration: none;
    padding-left: 5px;

 
}

.prices_div1
{
    display: flex;
    flex-wrap: wrap;
}
.price_div1
{
	

  font-size: 16px;
	padding: 2px;

  color:  #2B303A;   


	border-radius: 7px;
    margin-bottom:10px;
min-width: 300px;
    max-width: 350px;
	text-decoration: none;
    grid-template-columns: 40% 60%;
    
    display:grid;
    grid-template-areas: 
        'period1 details1';
}
.price_period1
{
    grid-area: period1;
    background-color: #82D32B;
    color: white;
    font-family: 'Mandali';
  font-size: 16px;
    padding: 5px;
    font-weight: bold;
    border-bottom-left-radius: 7px;
 border-top-left-radius: 7px;
    text-align: center;
    align-self: center;
     border-top-color:#82D32B;
    border-top-width: 3px;
    border-top-style: solid;
        border-left-color:#82D32B;
    border-left-width: 3px;
    border-left-style: solid;
        border-bottom-color:#82D32B;
    border-bottom-width: 3px;
    border-bottom-style: solid;
}
.price_period1:hover
{
    grid-area: period1;
    background-color: #3C91E6;
    color: white;
    font-family: 'Mandali';
  font-size: 16px;
    padding: 5px;
    font-weight: bold;
    border-bottom-left-radius: 7px;
 border-top-left-radius: 7px;
    text-align: center;
    align-self: center;
     border-top-color:#82D32B;
    border-top-width: 3px;
    border-top-style: solid;
        border-left-color:#82D32B;
    border-left-width: 3px;
    border-left-style: solid;
        border-bottom-color:#82D32B;
    border-bottom-width: 3px;
    border-bottom-style: solid;
      transition-duration: 0.5s;
}
.price_details1
{
    grid-area: details1;
      background-color:transparent;
    color: #3C91E6;
    font-family: 'Mandali';
  font-size: 16px;
    padding: 5px;
    font-weight: bold;
    align-self: center;
    
     text-align: center;
    border-top-color:#82D32B;
    border-top-width: 3px;
    border-top-style: solid;
        border-right-color:#82D32B;
    border-right-width: 3px;
    border-right-style: solid;
        border-bottom-color:#82D32B;
    border-bottom-width: 3px;
    border-bottom-style: solid;
       border-bottom-right-radius: 7px;
 border-top-right-radius: 7px;
}
.price_details1:hover
{
    grid-area: details1;
      background-color: #3C91E6;
    color: white;
    font-family: 'Mandali';
  font-size: 16px;
    padding: 5px;
    font-weight: bold;
    align-self: center;
    
     text-align: center;
    border-top-color:#82D32B;
    border-top-width: 3px;
    border-top-style: solid;
        border-right-color:#82D32B;
    border-right-width: 3px;
    border-right-style: solid;
        border-bottom-color:#82D32B;
    border-bottom-width: 3px;
    border-bottom-style: solid;
       border-bottom-right-radius: 7px;
 border-top-right-radius: 7px;
    transition-duration: 0.5s;
}

.question_div
{
    	box-shadow: 5px 5px 10px #BDC3CE;
    display: grid;
    width: 95%;
background-color: white;
    grid-template-areas: 
        'question'
        'answer';
    
    padding: 10px;
    border-radius: 7px;
    margin-bottom: 15px;
    
}
.question1
{
    grid-area: question;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color :#20526D;
     font-family: 'Mandali';
  font-size: 15px;
    color: #20526D;
    font-weight: bold;
     padding:3px;
}
.answer1
{
    	grid-area: answer;
      font-family: 'Mandali';
  font-size: 15px;
    color: #2B303A;
     background-color: #F4F5F2;
    padding:3px;
    
}
.imageleft {
    float: right;
    max-width: 100%;
    height: auto;
    margin-left: 10px; 
    padding:5px;
    
}
.imageright {
    float: left;
    max-width: 100%;
    height: auto;
    margin-left: 10px; 
    padding:5px;
    
}
a.imagelef:hovert {
    float: right;
    max-width: 100%;
    height: auto;
    margin-left: 10px; 
    padding:5px;
    text-decoration: none;
    
}
.imageno {
    display: block;
    max-width: 100%;
	  float:none;   
}
.imagerow
{
	display: flex;
	justify-content: space-around;
	width: 95%;
	flex-direction: row;
	box-shadow: 2px 2px 10px 1px #2B303A;
	padding: 10px;
	border-radius: 7px;
	margin-top: 15px;
	margin-bottom: 15px;
    flex-wrap: wrap;
}

.compare-grid
{
	display: grid;
	 grid-template-columns: 50% 50%;
	 margin: auto;
	row-gap: 20px;
	margin-top:25px;
	width: 50%;
	word-wrap: break-word;
  word-break: break-all;
		margin-bottom:25px;
}
.compboth
{
	grid-column:1 / span 2;
	text-align: center;
	font-size:22px;
	 font-family: 'Mandali';

	color: #2B303A;
	justify-content: center;
	font-weight: bold;
	height: 25px;

  width: 100%;
}

.special1
{
  border-radius: 7px;
    	box-shadow: 5px 5px 10px #BDC3CE;
    padding: 15px;
    margin:15px;


}
@keyframes special {
  
 50% {border-color: #3C91E6;}
 
}
@keyframes txt_change1 {
  
50% {color: white;
    background-color: black;
    }
 
}
@keyframes txt_change2 {
  
50% {color: white;
    background-color: red;
    }
 
}
.offer_text
{
    color:yellow;
    animation: txt_change1 4s infinite;
    background-color: #3C91E6;
}
.special2
{
     border-radius: 7px;
  background-color: #2B303A;
    color: white;
    	font-size:18px;
	 font-family: 'Mandali';
    max-width: 30%;
    padding: 10px;
}
.sale1
{
    background-color: red;
    	font-size:18px;
	 font-family: 'Mandali';
    border-radius: 7px;
    color: white;
 padding-left: 7px;
    padding-right:7px;
    font-style: italic;
    
}
.sale2
{
   
    	font-size:18px;
	 font-family: 'Mandali';   
    color: red;    
}
.offer1
{
     padding-left: 7px;
    padding-right:7px;
   color: #2C69A7;
    	font-size:18px;
	 font-family: 'Mandali';
    
}
.offer2
{
   
    	font-size:18px;
	 font-family: 'Mandali';   
    color: #43B929;    
}
.comp1a
{
	text-align: center;
	font-size:18px;
	 font-family: 'Mandali';
	background-image:linear-gradient(to right,#EB2727,white);
	color: #2B303A;
	justify-content: center;
	font-weight: bold;
	height: 35px;
word-spacing: 30px;
  width: 100%;
}
.comp1b
{
	text-align: center;
	font-size:18px;
	 font-family: 'Mandali';
	background-image:linear-gradient(to right,white,#01A601);
	color: #2B303A;
	justify-content: center;
	font-weight: bold;
	height: 35px;
word-spacing: 30px;
  width: 100%;
}
.comp1
{
	background-image: url("images/website/red-arrow.png");
	background-repeat:  no-repeat;
	background-size: 25px 25px;
	background-position: right;
	text-align: right;
	margin-right:10px;
	padding-right: 50px;
	color: #EB2727;
	font-size:18px;
	 font-family: 'Mandali';
	height:  28px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
box-shadow: 3px 0px 2px 0px #EB2727;
}
.comp2
{
		background-image: url("images/website/green-check.png");
	background-repeat:  no-repeat;
	background-size: 25px 25px;
	background-position: left;
	text-align: left;
	margin-left:10px;
	color: #01A601;
	font-size:18px;
	 font-family: 'Mandali';
	padding-left: 50px;
	height:  28px;
	box-shadow: -3px 0px 2px 0px  #01A601;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
}
.imageshow
{

	
	margin-left: 15px;
	float: left;
	margin: auto;
	margin-right: 30px;
	width: 100%;
  height: auto;
	margin-bottom: 15px;
	
}
.image {
    display: block;
    float: left;
    max-width: 100%;
    height: auto;
}
.tablegrid1
{
	  display: grid;
  grid-template-columns: 16% 16% 16% 16% 16% 16%;
	row-gap: 2px;
	column-gap: 5px;
	
	padding: 15px;
	 font-family: 'Mandali';
	font-size: 15px;
	width: 95%;
     background-color: #F4F5F2;
    border-radius: 7px;
}
.tablegrid2
{
	  display: grid;
  grid-template-columns: 24% 24% 24% 24% ;
	row-gap: 2px;
	column-gap: 5px;
		padding: 15px;

	 font-family: 'Mandali';
	font-size: 15px;
	width: 95%;
     background-color: #F4F5F2;
    border-radius: 7px;
}
.tablegrid3
{
	  display: grid;
  grid-template-columns: 11% 11% 11% 11% 11% 11% 10% 11% 10% ;
	row-gap: 2px;
	column-gap: 2px;
	
	padding: 5px;
	 font-family: 'Mandali';
	font-size: 14px;
	width: 100%;
     background-color: #F4F5F2;
    border-radius: 7px;
}
.tablegrid3b
{
	  display: grid;
  grid-template-columns: 19% 19% 19% 19% 19% ;
	row-gap: 2px;
	column-gap: 2px;
	
	padding: 5px;
	 font-family: 'Mandali';
	font-size: 14px;
	width: 100%;
     background-color: #F4F5F2;
    border-radius: 7px;
}
.tablegrid4b
{
	  display: grid;
  grid-template-columns: 16% 16% 16% 16% 16% 16%;
	row-gap: 2px;
	column-gap: 2px;
	
	padding: 5px;
	 font-family: 'Mandali';
	font-size: 14px;
	width: 100%;
     background-color: #F4F5F2;
    border-radius: 7px;
}
.tablegrid_price
{
	  display: grid;
  grid-template-columns: 19% 19% 19% 41% ;
	
	
	padding: auto;
	 font-family: 'Mandali';
	font-size: 14px;
	width: 100%;


}

.price_cell1
{
	background-color:white;
	padding: 5px;
	text-align: center;
	color:#2C69A7;
    border-color: #F4F5F2;;
    border-width: 2px;
    border-style: solid;
    margin:2px;
    	font-size: 15px;
}
.price_cell2
{
	background-color: #2C69A7;
	padding: 5px;
	height: auto;
	color: white;
	text-align: center;

       border-color:#2B303A;
    border-width: 2px;
    border-style: solid;
    margin:2px;
    font-size: 15px;
	
}	
.price_cell3
{
	background-color:white;
	padding: 3px;
	text-align: center;
	color:#2B303A;
    border-color:#2B303A;
    border-width: 2px;
    border-style: solid;
    margin:2px;
    	font-size: 14px;
    grid-column: 1/5;
}
.tablegrid3c
{
    
	  display: grid;
  grid-template-columns: 12% 14% 14% 12% 12% 12% 12% 12% ;
	row-gap: 2px;
	column-gap: 2px;
	
	padding: 5px;
	 font-family: 'Mandali';
	font-size: 14px;
	width: 98%;
     background-color: #F4F5F2;
    border-radius: 7px;
    margin: auto;
   
}
.tablegrid3cmob
{
    
	  display: grid;
  grid-template-columns: 20% 20%  20% 20% 20% ;
	row-gap: 2px;
	column-gap: 2px;
	
	padding: 5px;
	 font-family: 'Mandali';
	font-size: 14px;
	width: 98%;
     background-color: #F4F5F2;
    border-radius: 7px;
    margin: auto;
   
}
.tablegrid3d
{
    
	  display: grid;
  grid-template-columns: 16% 6% 11% 11% 11% 11% 11% 11% 11%  ;
	row-gap: 2px;
	column-gap: 2px;	
	padding: 5px;
	 font-family: 'Mandali';
	font-size: 14px;
	width: 98%;
     background-color: #F4F5F2;
    border-radius: 7px;
    margin: auto;
   
}
.tablegrid3dmob
{
    
	  display: grid;
  grid-template-columns: 16% 16% 16% 16% 16% 16% ;
	row-gap: 2px;
	column-gap: 2px;	
	padding: 5px;
	 font-family: 'Mandali';
	font-size: 14px;
	width: 98%;
     background-color: #F4F5F2;
    border-radius: 7px;
    margin: auto;
   
}
.tablegrid3rows
{
	  display: grid;
  grid-template-columns: 33% 33% 33% ;
	row-gap: 3px;
	column-gap: 3px;
	border-color: #2C69A7;
    border-width: 1px;
    border-style: solid;
	padding: 5px;
	 font-family: 'Mandali';
	font-size: 15px;
	max-width:500px;
    min-width: 350px;
margin: auto;
    align-self: center;
    border-radius: 7px;
   
  
}
.tablegrid4
{
	  display: grid;
  grid-template-columns: 50% 50% ;
	row-gap: 3px;
	column-gap: 3px;
	border-color: #2C69A7;
    border-width: 1px;
    border-style: solid;
	padding: 5px;
	 font-family: 'Mandali';
	font-size: 15px;
	max-width:500px;
    min-width: 350px;
  grid-area: banner1;
    border-radius: 7px;
    background-color:white ;
  
    float: left;
}
.tablegrid4a
{
	  display: grid;
  grid-template-columns: 50% 50% ;
	row-gap: 3px;
	column-gap: 3px;
	border-color: #2C69A7;
    border-width: 1px;
    border-style: solid;
	padding: 5px;
	 font-family: 'Mandali';
	font-size: 15px;
	max-width:500px;
    min-width: 350px;
  grid-area: banner2;
    border-radius: 7px;
    background-color:white ;
    margin-top: 10px;
  
    float: left;
}
.tablegrid3a
{
	  display: grid;
  grid-template-columns: 11% 11% 11% 11% 11% 11% 10% 11% 11% ;
	row-gap: 2px;
	column-gap: 2px;
	
	padding: 5px;
	 font-family: 'Mandali';
	font-size: 14px;
	width: 100%;
     background-color: #F4F5F2;
    border-radius: 7px;
    box-shadow: 2px 2px 10px 1px #2B303A;
}
.tablegrid5
{
	  display: grid;
  grid-template-columns: 50% 50% ;
	row-gap: 3px;
	column-gap: 3px;
	border-color: #2C69A7;
    border-width: 1px;
    border-style: solid;
	padding: 5px;
	 font-family: 'Mandali';
	font-size: 15px;
	max-width:500px;
    min-width: 350px;

    border-radius: 7px;
    background-color:white ;
  

}
.tablegrid6
{
	  display: grid;
  grid-template-columns: 50% 50% ;
	row-gap: 3px;
	column-gap: 3px;
	border-color: #2C69A7;
    border-width: 1px;
    border-style: solid;
	padding: 5px;
	 font-family: 'Mandali';
	font-size: 15px;
	width:100%;

    border-radius: 7px;
    background-color:white ;
  

}

    .last_block1
{
    display: grid;
     grid-column-gap: 20px;
 	grid-template-columns:  31% 31% 31%;
      	
            
}
.table_stat_div_gr
{
    background-color: #F4F5F2;

    color:#82D32B;
    padding-left: 10px;
    line-height: 35px;
    
}
.table_stat_div_r
{
    background-color: #F4F5F2;
   
    color: #2C69A7;
    text-align: right;
    padding-right: 10px;
    line-height: 35px;    
}


.table_stat_div_c
{
    background-color: #F4F5F2;
    padding:5px;
    color: #2C69A7;
    text-align: center;
    padding-right: 10px;
    grid-column: 1 / span 2 ;
    
}
.table_stat_div_gcs
{
    background-color: #F4F5F2;
    padding:5px;
    color: #82D32B;
    text-align: center;
    font-weight: bold;
    padding-right: 10px;
    font-size: 16px;
    grid-column: 1 / span 2 ;
    
}
.table_stat_div_org
{
    background-color: #F4F5F2;
    padding:5px;
    color: #FF7700;
    text-align: center;
  
    padding-right: 10px;
  
    grid-column: 1 / span 2 ;
    
}


.table_stat_div
{
    background-color: #F4F5F2;
 
    color: #2C69A7;
    padding-left: 10px;
    
}
.table_stat_div_both
{
    background-color: #F4F5F2;
 
    color: #2C69A7;
    padding-left: 7px;
     margin-right: 3px;
    
}
.table_link1
{
    display: block;
    text-decoration: none;
     font-family: 'Mandali';
	font-size: 15px;
    text-align: center;
    background-color: white;
    padding: 3px;
 
}
.table_link1:hover
{
    display: block;
    text-decoration: none;
    background-color:#2C69A7;
	
 font-family: 'Mandali';
	font-size: 15px;
	color:white;
     padding: 3px;

    
}

.table_link2
{
    display: block;
    text-decoration: none;
     font-family: 'Mandali';
	font-size: 14px;
    text-align: center;
    background-color: white;
    
 
}
.table_link2:hover
{
    display: block;
    text-decoration: none;
    background-color:#2C69A7;
	
 font-family: 'Mandali';
	font-size: 14px;
	color:white;    
}

.tableblue_link2
{
    display: block;
    text-decoration: none;
     font-family: 'Mandali';
	font-size: 14px;
    text-align: center;
     background-color:#2C69A7;
    color:white;    
    
 
}
.tableblue_link2:hover
{
    display: block;
    text-decoration: none;
    background-color: #82D32B;
	
 font-family: 'Mandali';
	font-size: 14px;
	 color:#2B303A;
}
.tableblue_link3
{
    display: block;
    text-decoration: none;
     font-family: 'Mandali';
	font-size: 15px;
    text-align: center;
     background-color:#2C69A7;
    color:white;    
    
 
}
.tableblue_link3:hover
{
    display: block;
    text-decoration: none;
    background-color: #82D32B;
	
 font-family: 'Mandali';
	font-size: 15px;
	 color:#2B303A;
}

.tabletop1
{
	background-color: #82D32B;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #2B303A;
	padding-top: 10px;
	color: #2B303A;
	font-weight: bold;
	height: 35px;
	text-align: center;
}
.tabletop1a
{
	background-color: #82D32B;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #2B303A;
	
	color: #2B303A;
	font-weight: bold;
	
	text-align: center;
    line-height: 25px;
}
.tabletop1b
{
	background-color: #82D32B;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #2B303A;
	
	color: #2B303A;
	font-weight: bold;
	
	text-align: center;
    line-height: 35px;
}
.tabletop1_twoclmn
{
	background-color: #82D32B;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #2B303A;
	padding-top: 10px;
	color: #2B303A;
	font-weight: bold;
	height: 35px;
	text-align: center;
    grid-column:2 /  4;
    font-size: 15px;
}
.tabletop1_twoclmn2
{
	background-color: #82D32B;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #2B303A;
	padding-top: 10px;
	color: #2B303A;
	font-weight: bold;
	height: 35px;
	text-align: center;
    grid-column:4 /  6;
     font-size: 15px;
}
.tabletop1_twoclmn3
{
	background-color: #82D32B;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #2B303A;
	padding-top: 10px;
	color: #2B303A;
	font-weight: bold;
	height: 35px;
	text-align: center;
    grid-column:6 /  8;
     font-size: 15px;
}
.tabletop1_twoclmn4
{
	background-color: #82D32B;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #2B303A;
	padding-top: 10px;
	color: #2B303A;
	font-weight: bold;
	height: 35px;
	text-align: center;
    grid-column:8 /  10;
     font-size: 15px;
}
.tabletop1_tworws1
{
	background-color: #82D32B;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #2B303A;
	padding-top: 10px;
	color: #2B303A;
	font-weight: bold;
	height: auto;
	text-align: center;
    align-self: stretch;
    grid-row: 1 /  3;
}
.tabletitle1
{
	background-color: #2C69A7;
	padding: 5px;
	height: 28px;
	color: white;
	text-align: right;
	padding-right: 10px;
	
	
}
.tablecell1
{
	background-color:white;
	padding: 5px;
	text-align: center;
	color:#2C69A7;
}
.tablecell1:hover
{
	background-color:white;
	padding: 5px;
	text-align: center;
	color:#2C69A7;
	 box-shadow: 2px 2px 7px 2px #2C69A7;
}
.tabletitle2
{
	background-color: #2C69A7;
	padding: 5px;
	height: 28px;
	color: white;
	text-align: center;
	padding-right: 10px;
	
	
}
.tabletitle3
{
	background-color: #2C69A7;
	padding: 5px;
	height: 28px;
	color: white;
	text-align: center;
	padding-right: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #2B303A;
	
}
.tabletitle3a3
{
	background-color: #2C69A7;
	padding: 5px;
	height: 28px;
	color: white;
	text-align: center;
	padding-right: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #2B303A;
     grid-column:1 /  5;
	
}
.tabletitle3a4
{
	background-color: #2C69A7;
	padding: 5px;
	height: 28px;
	color: white;
	text-align: center;
	padding-right: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #2B303A;
     grid-column:1 /  6;
	
}
.tabletitle3b3
{
	background-color: #2C69A7;
	padding: 5px;
	height: 28px;
	color: white;
	text-align: center;
	padding-right: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #2B303A;
     grid-column:5 /  9;
	
}
.tabletitle3b4
{
	background-color: #2C69A7;
	padding: 5px;
	height: 28px;
	color: white;
	text-align: center;
	padding-right: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #2B303A;
     grid-column:6 /  10;
	
}
.tabletitle3a3mob
{
	background-color: #2C69A7;
	padding: 5px;
	height: 28px;
	color: white;
	text-align: center;
	padding-right: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #2B303A;
     grid-column:1 /  4;
	
}
.tabletitle3b3mob
{
	background-color: #2C69A7;
	padding: 5px;
	height: 28px;
	color: white;
	text-align: center;
	padding-right: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #2B303A;
     grid-column:4 /  7;
	
}
.tabletitle3a4mob
{
	background-color: #2C69A7;
	padding: 5px;
	height: 28px;
	color: white;
	text-align: center;
	padding-right: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #2B303A;
     grid-column:1 /  4;
	
}
.tabletitle3b4mob
{
	background-color: #2C69A7;
	padding: 5px;
	height: 28px;
	color: white;
	text-align: center;
	padding-right: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #2B303A;
     grid-column:4 /  7;
	
}
.tabletitle4
{
	background-color: #2C69A7;
	padding: 5px;
	height: auto;
	color: white;
	text-align: center;
	padding-right: 10px;
	
}	

.tabletitle_price1
{
	background-color: #2C69A7;
	padding: 5px;
	height: auto;
	color: white;
	text-align: center;
	padding-right: 10px;
    grid-row: 2/3;
	
}	


a.free_signals
{
	margin:  auto;
  font-family: 'Mandali';
  font-size: 16px;
	padding: 5px;
  font-weight: bold;
  color:#2B303A;
  text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: #3C91E6;
	display: block;
	border-radius: 7px;
    padding-left:11px;
    padding-right:11px;
    margin-bottom: 10px;
letter-spacing: 1px;
	text-decoration: none;
}
a.free_signals:hover
{
		margin: auto;
  font-family: 'Mandali';
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
border-color: #FFF;
	display: block;
	border-radius: 7px;
padding: 5px;
	text-decoration: none;
	background-image: linear-gradient(to right,#3C91E6,#82D32B);
    margin-bottom: 10px;
      padding-left:11px;
    padding-right:11px;
    letter-spacing: 1px;
}
.signals_list
{
    display: grid;
    grid-template-columns: 20% 80%;
    border-radius: 7px;
    margin: 5px;
    margin-bottom: 20px;
}
.signals_list:hover
{
    	box-shadow: 0px 0px 7px 2px #2C69A7;
}


.signals_title
{
    
    font-size: 22px;

      font-family: 'Mandali';
    background-color: #2C69A7;
    color: white;
    border-left-color: #2C69A7;
    border-top-color: #2C69A7;
    border-bottom-color: #2C69A7;
    border-bottom-style:solid;
    border-bottom-width: 1px;
     border-top-style:solid;
    border-top-width: 1px;
     border-left-style:solid;
    border-left-width: 1px;
    border-bottom-left-radius: 7px;
        border-top-left-radius: 7px;
    flex:1;
align-content: center;
    display: flex;
    


}
.signals_list3
{
  
    border-radius: 7px;
   width: 100%;
    margin-bottom: 5px;
     border-color: #82D32B;
       border-style:solid;
      border-width: 2px;
    padding: 10px;
}
.signals_title2
{
    
    font-size: 16px;

      font-family: 'Mandali';
    background-color: #2C69A7;
    color: white;
    border-left-color: #2C69A7;
    border-top-color: #2C69A7;
    border-bottom-color: #2C69A7;
    border-bottom-style:solid;
    border-bottom-width: 1px;
     border-top-style:solid;
    border-top-width: 1px;
     border-left-style:solid;
    border-left-width: 1px;
    border-bottom-left-radius: 7px;
        border-top-left-radius: 7px;
    flex:1;
align-content: center;
    display: flex;
    


}
.signals_desc2
{
    color:  #2C69A7;
    font-size: 16px;

      font-family: 'Mandali';
    background-color: white;
        border-right-color: #2C69A7;
    border-top-color: #2C69A7;
    border-bottom-color: #2C69A7;
    border-bottom-style:solid;
    border-bottom-width: 1px;
     border-top-style:solid;
    border-top-width: 1px;
     border-right-style:solid;
    border-right-width: 1px;
     border-bottom-right-radius: 7px;
         border-top-right-radius: 7px;
    padding: 2px;
    padding-left: 10px;
    padding-right:10px;
       flex:1;
 
}
.title_center
{
    align-self: center;
     text-align: center;
    align-content: center;
width: 100%;
}
.signals_desc
{
    color:  #2C69A7;
    font-size: 16px;

      font-family: 'Mandali';
    background-color: white;
        border-right-color: #2C69A7;
    border-top-color: #2C69A7;
    border-bottom-color: #2C69A7;
    border-bottom-style:solid;
    border-bottom-width: 1px;
     border-top-style:solid;
    border-top-width: 1px;
     border-right-style:solid;
    border-right-width: 1px;
     border-bottom-right-radius: 7px;
         border-top-right-radius: 7px;
    padding: 7px;
    padding-left: 20px;
    padding-right:20px;
       flex:1;
 
}
.sig_title
{
       font-size: 18px;

      font-family: 'Mandali';
    color: #82D32B;
    font-weight: bold;
    
}

.about_div
{
    border-radius: 7px;
    padding: 7px;
     color: #2b303a;
      
}
.about_div:hover
{
    border-radius: 7px;
    	box-shadow: 0px 0px 7px 2px #43B929;
 
}
.white_block1
{
    background-color: white;
}
.table_list
{
}
.div_shadow
{
      border-radius: 7px;
    	box-shadow: 0px 0px 7px 2px #98AAAD;
    margin-bottom: 20px;
}
    .first_block_second
{
    display: grid;
     grid-column-gap: 20px;
  /*	grid-template-columns:  47% 47%;*/
      	grid-template-columns:  auto;
    		  grid-template-areas:   
    ' banner1 text1'
              ' banner2 text1'      ;
}


.red_text16 {
     font-family: 'Mandali';
    font-size:16px;
    color: red;
    font-weight: bold;
    margin-top: 20px;

}

.register_form
{
    width: 50%;
    margin: auto;
    min-width: 350px;
    max-width: 500px;
}

.input2
{
    border-radius: 5px;
	color: #2C69A7;

   font-size: 16px;
border-width: 1px;
    border-style: solid;
 background-color: transparent;
    outline: none;
    border-color: #2C69A7;
	
	display: block;
    width: 95%;
    margin: auto;
	min-width: 300px;
    margin-top: 15px;
    margin-left:5px;
    margin-right:2px;
     font-family: 'Mandali';
}
.input2::placeholder
{
    	color: #2C69A7;
}
.input_red
{
    border-radius: 5px;
	color: #2C69A7;

   font-size: 16px;
border-width: 1px;
    border-style: solid;
 background-color: transparent;
    outline: none;
    border-color: #2C69A7;
	
	display: block;
    width: 95%;
    margin: auto;
	min-width: 300px;
    margin-top: 15px;
    margin-left:5px;
    margin-right:2px;
     font-family: 'Mandali';
}
.input_red::placeholder
{
    	color: red;
}
.contact_area
{
     border-radius: 5px;
	color: #2C69A7;

   font-size: 16px;
border-width: 1px;
    border-style: solid;
 background-color: transparent;
    outline: none;
    border-color: #2C69A7;
	
	display: block;
    width: 95%;
}

     .submit_register
{
		border-radius: 5px;
	color: #2C69A7;

   font-size: 16px;
border-width: 1px;
    border-style: solid;
 background-color: transparent;
    outline: none;
    border-color: #2C69A7;
	width: 50%;
	margin: auto;
	min-width: 50px;
    max-width: 200px;
     font-family: 'Mandali';
    cursor: pointer;
    align-self: center;
    display: block;
    margin-top: 15px;
	
}
     .submit_register:hover
{
		border-radius: 5px;
	color: #FFF;

   font-size: 16px;

 background-color:  #82D32B;
    outline: none;
   border: none;
	
     font-family: 'Mandali';
    cursor: pointer;
	border-width: 1px;
    border-style: solid;
      border-color: #82D32B;
}

.security_image
{
    display: block;
    margin: auto;
    width:75%;
    min-width: 250px;
}
/*
.backdiv
{
    z-index: 1;
    height: 100%;
    background-color: red;
}*/

.options_div
{
    display: flex;
}

.benefits {
    
   
    padding: 15px;
    margin: 5px;

 margin-top: 15px;
	
    text-align: justify;
    text-justify: auto;
  /*  border-color: #586277;
    border: thin;
    border-style: dotted;*/
    font-size: 14px;
	overflow: auto;
    font-family: 'Mandali';
    color: #586277;
    height: auto;
    width: auto;
	border-radius: 7px;

	/*background-image: url('https://www.signalator.com/images/website/testimonials-icon3.png');
	background-repeat: no-repeat;
	background-position: left top;*/
    
	box-shadow: 5px 5px 10px #BDC3CE;

	
}
.benefits p {
    	padding-left: 10px;
}
.benefits ht {
    font-size: 18px;
    font-family: 'Mandali';
 font-weight: bold;
    padding-bottom: 5px;
    margin-top: 10px;
	padding-left: 10px;
    color:#2B303A;
    display: block;
    text-align: left;
    background-color: #82D32B;

}
.benefits2 {
    
   
    padding: 15px;
    margin: 5px;

 margin-top: 15px;
	
    text-align: justify;
    text-justify: auto;
  /*  border-color: #586277;
    border: thin;
    border-style: dotted;*/
    font-size: 14px;
	overflow: auto;
    font-family: 'Mandali';
    color: #586277;
    height: auto;
    width: auto;
	border-radius: 7px;

	/*background-image: url('https://www.signalator.com/images/website/testimonials-icon3.png');
	background-repeat: no-repeat;
	background-position: left top;*/
    
	box-shadow: 5px 5px 10px #BDC3CE;

	
}
.benefits2 p {
    	padding-left: 10px;
}
.benefits2 ht {
    font-size: 18px;
    font-family: 'Mandali';
 font-weight: bold;
    padding-bottom: 5px;
    margin-top: 10px;
	padding-left: 10px;
    color:white;
    display: block;
    text-align: left;
    background-color: #2C69A7;

}

/*Calculator CSS*/
.calcul_div1
{
    width: 98%;
    border-width: 1px;
    border-style: solid;
    border-color: #2C69A7;
    border-radius: 7px;
    display:grid;
  
grid-row-gap: 15px;
    padding: 10px;
    	grid-template-columns:  49% 49%;
     margin-bottom: 20px;
    	
}
.calcul_div2
{
    width: 98%;
    border-width: 1px;
    border-style: solid;
    border-color: #2C69A7;
    border-radius: 7px;
    display:grid;
  
grid-row-gap:5px;
    padding: 10px;
    	grid-template-columns:  100%;
     margin-bottom: 20px;
    	
}
.calcul_div3
{
    width: 98%;
    border-width: 1px;
    border-style: solid;
    border-color: #2C69A7;
    border-radius: 7px;
    display:grid;
    background-color: grey;
  
/*grid-row-gap: 15px;*/
    padding: 10px;
    	grid-template-columns:  33% 33% 33%;
     margin-bottom: 20px;
    	
}
.calcul_div5
{
    width: 98%;
    border-width: 1px;
    border-style: solid;
    border-color: #2C69A7;
    border-radius: 7px;
    display:grid;
 
  
/*grid-row-gap: 15px;*/
    	row-gap: 2px;
	column-gap: 2px;
	
	padding: 5px;
	 font-family: 'Mandali';
	font-size: 14px;
	
     background-color: #F4F5F2;

    
    	grid-template-columns: 19% 20% 20% 20% 20%;
     margin-bottom: 20px;
    	
}
#table_result {
    width: 100%;
    height: 555px;
    overflow-y: scroll;
    overflow-x: hidden;
    font-size: 13px;
    margin-top:15px;
    margin-bottom: 15px;
        border-width: 1px;
    border-style: solid;
    border-color: #2C69A7;
    border-radius: 7px;

}
.tablerow5 {
    font-size: 13px;
   font-family: 'Mandali';
    color: #2b303a;
    background-color: #fff;
    padding: 2px;
    /*border-bottom-color: #3C91E6;
    border-bottom-style: solid;
    border-bottom-width: 3px;*/
    border-color: #3C91E6;;
    border-width: 1px;
    border-style: solid;
}
.tablerow5l {
    font-size: 13px;
   font-family: 'Mandali';
    color: #2b303a;
    background-color: #fff;
    padding: 2px;
    /*border-bottom-color: #3C91E6;
    border-bottom-style: solid;
    border-bottom-width: 3px;*/
    border-color: #3C91E6;
    border-width: 1px;
    border-style: solid;
    border-left-color: #3C91E6;
    border-left-style: solid;
    border-left-width: 2px;
}
.tablerow5r {
    font-size: 13px;
   font-family: 'Mandali';
    color: #2b303a;
    background-color: #fff;
    padding: 2px;
    /*border-bottom-color: #3C91E6;
    border-bottom-style: solid;
    border-bottom-width: 3px;*/
    border-color: #3C91E6;;
    border-width: 1px;
    border-style: solid;
        border-right-color: #3C91E6;
    border-right-style: solid;
    border-right-width: 2px;
}
.tablecell3
{
	background-color:white;
	padding: 5px;
	text-align: center;
	color:#2C69A7;
        border-color: #3C91E6;
    border-width: 1px;
    border-style: solid;
}
.white13
{
     font-family: 'Mandali';
    font-size: 13px;
    color: white;
}
.red1
{
	
   
     font-size: 16px;
    font-family: 'Mandali';
    color: #A30000;
   
}
.blue2
{
     font-family: 'Mandali';
    font-size: 16px;
    color: #2C69A7;
}

    .submit_button1
{
		border-radius: 5px;
	color: white;

   font-size: 16px;
border-width: 1px;
    border-style: solid;
 background-color:#2C69A7;
    outline: none;
    border-color: #2C69A7;
	width: 50%;
	margin: auto;
	min-width: 50px;
    max-width: 200px;
     font-family: 'Mandali';
    cursor: pointer;
    font-weight: bold;
    align-self: center;
    display: block;
    margin-top: 15px;
	
}
     .submit_button1:hover
{
		border-radius: 5px;
	color: #FFF;

   font-size: 16px;

 background-color:  #82D32B;
    outline: none;
   border: none;
	
     font-family: 'Mandali';
    cursor: pointer;
	border-width: 1px;
    border-style: solid;
      border-color: #82D32B;
}
 .submit_button1a
{
		border-radius: 5px;
	color: white;

   font-size: 16px;
border-width: 1px;
    border-style: solid;
 background-color:#2C69A7;
    outline: none;
    border-color: #2C69A7;
	width: 50%;
	margin: auto;
	min-width: 50px;
    max-width: 200px;
     font-family: 'Mandali';
    cursor: pointer;
    font-weight: bold;
    align-self: center;
    display:inline-block;
    margin-left: 10px;
  
	
}
     .submit_button1a:hover
{
		border-radius: 5px;
	color: #FFF;

   font-size: 16px;

 background-color:  #82D32B;
    outline: none;
   border: none;
	
     font-family: 'Mandali';
    cursor: pointer;
	border-width: 1px;
    border-style: solid;
      border-color: #82D32B;
}
.tablegrid4c
{
	  display: grid;
  grid-template-columns: 19% 20% 20% 20% 20%;
	row-gap: 2px;
	column-gap: 2px;
	
	padding: 5px;
	 font-family: 'Mandali';
	font-size: 14px;
	width: 98%;
 
}
/*Calculator CSS*/
@media only screen  and (max-width: 1000px)
{
    
    .calcul_div1
{
    width: 98%;
    border-width: 1px;
    border-style: solid;
    border-color: #2C69A7;
    border-radius: 7px;
    display:grid;
  
grid-row-gap: 15px;
    padding: 10px;
    	grid-template-columns:  99%;
     margin-bottom: 20px;
    	
}
    
    .tablegrid4
{
	  display: grid;
  grid-template-columns: 50% 50% ;
	row-gap: 3px;
	column-gap: 3px;
	border-color: #2C69A7;
    border-width: 1px;
    border-style: solid;
	padding: 5px;
	 font-family: 'Mandali';
	font-size: 15px;
	max-width:500px;
    min-width: 350px;
  grid-area: banner1;
    border-radius: 7px;
    background-color:white ;
    align-self: center;
    margin: auto;

  
}
    
    
        .first_block_second
{
    display: grid;
     grid-column-gap: 20px;
  /*	grid-template-columns:  47% 47%;*/
      	grid-template-columns:  auto;
    		  grid-template-areas:   
    ' banner1 '
              '  text1'      ;
}
    
    .second_block
{
    display: grid;
    grid-column-gap: 25px;
  	grid-template-columns:  100%;
    		  grid-template-areas:   
    ' text2 '
     ' chart1 '
                  'table1';
}
    
    .first_block
{
    display: grid;
    grid-column-gap: 25px;
  	grid-template-columns:  28% 68%;
    		  grid-template-areas:   
    ' banner1 text1';
}

.third_block
{
    display: grid;
    grid-column-gap: 25px;
  	grid-template-columns: 32% 63%;
    		  grid-template-areas:   
   
  
     'table2 text3 ' ;
}
    
    ul li a {
    display: block;
    padding: 3px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
 font-family: 'Mandali';
    background-color: #3c91e6;

	transition-duration: 0.5s;
  

}

ul li a:hover {
    color: #2B303A;
    /*background-color:  #82D32B;*/
     font-family: 'Mandali';
	    background-color: #82D32B;
    text-decoration: underline;
    padding:3px;
    font-size: 14px;

  
}
        ul li6 a {
    display: block;
    padding: 3px;
   
    font-size: 14px;
    text-decoration: none;
 font-family: 'Mandali';
    background-color: #3c91e6;
 color:yellow;
    animation: txt_change1 4s infinite;
	transition-duration: 0.5s;
  

}

ul li6 a:hover {
    color: #2B303A;
    /*background-color:  #82D32B;*/
     font-family: 'Mandali';
	    background-color: #82D32B;
    text-decoration: underline;
    padding:3px;
    font-size: 14px;

  
}
           ul li7 a {
    display: block;
    padding: 3px;
   
    font-size: 14px;
    text-decoration: none;
 font-family: 'Mandali';
    background-color: #3c91e6;
 color:white;
    animation: txt_change2 4s infinite;
	transition-duration: 0.5s;
  

}

ul li7 a:hover {
    color: #2B303A;
    /*background-color:  #82D32B;*/
     font-family: 'Mandali';
	    background-color: #82D32B;
    text-decoration: underline;
    padding:3px;
    font-size: 14px;

  
}
    
}