@media only screen and (min-width:20px) and (max-width:960px) {
    BODY,
    textarea,
    input {
        font: normal 1em/1.2em "RalewaykkR", sans-serif;
        letter-spacing: 0;
        text-align: left;
        vertical-align: top;
        margin: 0;
        padding: 0;
        height: 100%;
        background-color: #fff;
    }
    ::-moz-selection {
        color: #fff;
        background: #bb3b80ff;
    }
    ::selection {
        color: #fff;
        background: #bb3b80ff;
    	}
    h1 {
        font-family: RalewayB, sans-serif;
        margin: 20px 0 20px 0;
        padding: 15px 0 15px 10px;
        font-size: 1.1em;
        color: #3560FF;
        line-height: 1.2em;
        border-left: 10px solid #3560FF
    }
    .top h1 {
        margin: 0
    }
    p~h1 {
        margin: 16px 0 16px 0;
        color: #3560FF;
        font-size: 1.4em
    }
    h2 {
        font-family: PoppinsR, sans-serif;
        margin: 10px 0 10px 0;
        padding: 10px 10px 10px 0px;
        font-size: 1.1em;
        color: purple;
        line-height: 1.4em;
        clear: both;
        display: table;
        border-radius: 20px 20px 0 0;
        /*background-color: purple*/
    }
    h3 {
        font-family: FigtreeB, sans-serif;
        margin: 0;
        padding: 7px 0 0 10px;
        font-size: 1.2em;
        color: purple;
        line-height: 1.2em;
        clear: both;
        border-left: 2px solid #3560FF
    }
    p {
        padding-top: 10px;
        padding-bottom: 10px;
        /*font-weight: 1500;*/
        margin: 0 0 0 0;
        font-size: 1.1em;
        color: #000;
        line-height: 140%
    }
    strong {
        font-family: RalewayB, sans-serif;
        color: #C000C0
    }
    .strikeout {
        text-decoration: line-through;
        text-decoration-thickness: 1px
    }
    .italic {
        font-style: italic;
        color: #ff0c82
    }
    img {
        border: 0;
        padding: 0;
        vertical-align: bottom;
        float: left
    }
    .top {  

    }
    .mid {
        width: 100%;
        float: left
    }
    .btm {
        width: 100%
    }
    .col1 {
        width: 1%;
        float: left
    } 
    .col1t {
        width: 1%;
        float: left
    } 
    .col1b {
        width: 1%;
        min-height: 10px;
        clear: both
    }       
    .col2 {
        width: 96%;
        float: left;
        padding: 0
    }
 
    .col2t {
         width: 96%;
       /* background-color: #6699ff*/
    }
    .col2b {
        width: 96%;
       /* background-color: #6699ff*/
    }
    .col3 {
        width: 1%;
        min-height: 10px;
        clear: both
    }
    .col3t {
        width: 1%;
        min-height: 10px;
        clear: both
    } 
    .col3b {
        width: 1%;
        min-height: 10px;
        clear: both
    }       
    #cn2,
    #cnzn {
        padding-top: 0;
        padding-bottom: 0;
        margin: 0 0 0 0;
        color: #474747;
        line-height: 115%
    }
    #cn2 p,
    #cn2 a:link,
    #cn2 a:visited {
        color: #270FD6;
        text-decoration-line: none;
        line-height: 1.2em
    }
    #cn2 a:hover {
        color: #fff
    }
    .title,
    .title h1 {
        color: #fff;
        padding: 5px 20px 5px 20px;
        text-align: right;
        font-size: 1.1em;
        border-width: .1px 0 0 0;
        margin: 0
    }
    .brdryel {
        background: #fff;
        border-radius: 20px;
        border-width: 0;
        border-style: dotted;
        padding: 15px 22px 15px 22px;
        box-shadow: -5px -5px 8px #f3f2ef, 5px 5px 8px #efecef;
        /*z-index: 1*/
    }
    .phonelink {
        display: block;
        font-size: 1.2em !important;
        padding: 0 0 15px 0
    }
    .phonelink:hover {
        color: #3068FF;
        background-color: #2f3400;
        text-decoration: none
    }
    .button {
        border: none
    }
    .cnnu {
        background: #FBF9F9;
        text-align: center;
        float: left;
        min-height: 30px;
        padding: 10px;
        margin: 0 20px 20px 7px;
        width: 35%;
        box-shadow: 0 8px 8px 0 #0851A4;
       /* z-index: 1;*/
        font-size: 1em;
        border-radius: 5px
    }
    .cnnu1 {
        background: #FBF9F9;
        text-align: center;
        min-height: 30px;
        padding: 10px;
        margin: 0 20px 20px 20px;
        width: 80%;
        box-shadow: 0 8px 16px 0 #0851A4;
       /* z-index: 1;*/
        clear: both;
        border-radius: 5px
    }
    .cnnpic {
        display: block;
        text-align: center;
        width: 80%;
        min-height: 30px;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        display: flex
    }
    .cnnpic img {
        display: block;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important
    }
    p22 {
        clear: both
    }
    .cnnpic1 {
        /*display: block;*/
       display: none;
        text-align: center;
        width: 80%;
        min-height: 30px;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        display: flex
    }
    .cnnpic1 img {
        /*display: block;*/
       display: none;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 80% !important
    }
    .cnnpic22 {
        display: block;
        text-align: center;
        width: 80%;
        min-height: 30px;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden
    }
    .cnnpic22 img {
        display: block;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 80% !important
    }
    .cnnpic1btn {
        display: flex;
        justify-content: right;
        /*align-items: right;*/
        width: 100%;
        min-height: 30px
    }
    .cnnpic1btn img {
        width: 60% !important
    }
    .where {
        line-height: 135%;
        font-size: 1em;
        font-weight:500
    }
    .where li{
     list-style-image: url('/pics/tick_m.png')
    }
    a:link,
    a:visited {
        color: #270FD6;
        font-weight: 400;
        text-decoration: none
    }
    a:hover {
        color: #fff;
        background-color: #bb3b80ff;
        text-decoration: none
    }
    a.embed_link:link,
    a.embed_link:visited {
        font-weight: 400;
        border-bottom: solid 1px #bb3b80ff
    }
    a.embed_link:hover {
        color: #fff;
        background-color: #bb3b80ff
    }
    a.embed_link_bright {
        color: #fff;
        background-color: blue;
        padding: 5px;
        border-radius: 6px
    }
    a.embed_link_bright:hover {
        color: #fff;
        background-color: #C000C0;
        text-decoration: none
    }
    a:hover strong {
        color: #fff
    }
    .sale {
        color: #0000C0;
        font-weight: 700
    }
    .datefrmt p {
        clear: both;
        font-style: italic
    }
    #lister1 {
        width: 95%;
        margin: 0 auto;
        text-align: center
    }

.tonav

.topnav.responsive {
  /*overflow: hidden*/;
  /*background-color: #333;*/
}
/*
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}
*/
.active {
  background-color: #04AA6D;
  color: white;
}
/*
.topnav-centered {
  display: none;
}
*/
/*
.topnav .icon {
  display: none;
  text-align:center
}
*/
.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 10px 16px;
  background-color: #cc00cc;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  /*position: absolute;*/
  background-color: #000000;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  /*z-index: 10;*/
    min-height:90vh;
}

.dropdown-content a {
  float: none;
  /*color: black;*/
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}


.dropdown-content a:hover {
  /*background-color: #ddd;*/
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;

}

/*
  .topnav a:not(:first-child), .dropdown .dropbtn, .topnav a:not(:first-child), .dropdown .play{
    display: none;
  }
*/
  .topnav.responsive a:not(:first-child), .dropdown .dropbtn,.dropdown .play{
    display: none;
  }



  .topnav.responsive {
  position: relative;
  /*min-height:900px;*/
  z-index:1
	}
  .topnav.responsive .icon {
    /*position: absolute;*/
    right: 0;
    top: 0;

  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  /*
    .topnav.responsive .dropdown, .play {
    float: none;
    display: block;
    text-align: left;
    min-height:30px;
  }
  */
 
    .play {
    float: none;
    display: block;
    text-align: left;
    min-height:80px;
  }

.topnav.responsive .dropdowninnerpic{
  float: right;
  margin-right: 15px;
}


    .topnav.responsive .dropdown,.topnav.responsive .dropdown .dropdown {
    float: none;
    background-color:pink;
    display: block;
    text-align: left;
    min-height:30px;
  }
  
  
  .topnav.responsive .dropdown
   {
   /*float: none;*/
   }
  .topnav.responsive .dropdown-content
   {
   /*position: relative;*/
   }
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
    }
.show {
  display: block;
     /*background-color:red;*/
 
  text-align:center
}
.hide {
  display: none;
  text-align:center
}

.nubtn{
  float:right;
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 10px 16px;
  font-family: inherit;
  margin: 0;
 background-color: #A020F0;
   border: 1px solid red;
  border-radius: 5px;
}
.nubtn:hover {
 background-color: #2E41F2;
  color: white;
}



/* Basic Styles */
.mobile-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size:1.2em;

}
.spacer {
  background-color: yellow;
 margin-top:50px;
 font-size:1em;
}
.mobile-nav
{
/*margin-top:10px;	*/
}
.mobile-nav a {
  text-decoration: none;
  color: #333;
  display: block;
  padding: 15px;
  background-color: #f4f4f4;
  border-bottom: 1px solid #ddd;
}

/* Hide Submenu by Default */
.mobile-nav .submenu {
  display: none;
  background-color: #e9e9e9;
  font-size:1em;

}
.submenu a {
  background-color: #BB3B80;
  color:white;
}
/* Show Submenu when 'open' class is applied */
.mobile-nav .has-submenu.open .submenu {
  display: block;
}

/* Optional: Rotate arrow icon if added */
.submenu-toggle::after {
  content: '+';
 /* content:url(/pics/arrow-down.svg);*/
  float: right;
}
.has-submenu.open >.submenu-toggle{
  background-color: #9d1ebfff;
	font-weight:bold;
	color:white;
}
.has-submenu.open > .submenu-toggle::after {
  content: '-';
   /* content:url(/pics/arrow-up.svg);*/
  float: right;
}

    .tester {
        content: "";
        padding: 10px 10px 0 10px
    }
    .tester img {
        float: right;
        margin: 20px 20px 20px 20px
    }
    .b1 {
        padding: 20px 10px 10px 10px;
        background-color:#eeeeee;
    }
    .b1 h1,
    .b1 h2 {
        color: #3560FF
    }
    .seccert {
        padding: 0 0 0 0
    }
    .btmlist {
        text-align: left
    }
    .drlist {
        line-height: 135%;
        font-size: 1.15em
    }
    .colortxt {
        background-color: #4a4fdd
    }
    #comp {
        border-width: 7px 0 0 0;
        border-style: solid;
       border-color: #ff328f;
        text-align: center
    }
    ul {
        list-style: none;
        font-weight: 700;
        margin: 0;
        padding: 0
    }
    ul li:after {
        padding: 0 0 0 10px
    }
    .where {
        line-height: 115%;
        font-size: 1em
    }
    ul.where {
        line-height: 115%;
        font-size: 1em;
        padding-left: 30px;

    }
    ul~h2
    {
    padding-bottom:0px;	
    }
    .where li {
        padding: 5px 0
    }
    ol {
        padding-top: 0;
        font-size: inherit;
        list-style-position: outside
    }
    ol li {
        padding-left: 1px;
        padding-bottom: 12px;
        margin: 10px 0 0 5px;
        color: #000;
        line-height: 140%;
        font-size: 1.1em
    }
    ol.shadower {
        list-style: none
    }
    ol .shadower li {
        font-size: inherit
    }
    dt {
        padding: 10px 0 10px 0;
        counter-increment: number;
        font-size: 1.1em;
        line-height: 125%;
        font-weight: 700;
        color: #2E41F2
    }
    dt:before {
        content: counter(number) '.   ';
        font-weight: 700;
        color: #C000C0
    }
    dd {
        padding: 0 0 0 0;
        font-weight: 400;
        font-size: 1em;
        line-height: 135%;
        color: #333
    }
    .big {
        font-size: 1em;
        font-weight: 400;
        padding-left: 10px
    }
    .listh2 {
        margin-left: 10px;
        background-color: #fff;
        color: #3560FF;
        border-left: 5px dotted #2E41F2
    }
    .list2 {
        color: #3560FF
    }
    .bannertxt {
        color: #fff;
        background-color: #3560FF;
        font-weight: 700;
        text-align: center;
        margin: 25px 0 25px 0;
        border-radius: 20px;
       /* z-index: 1*/
    }
    input[type=text],
    select,
    textarea {
        width: 100%;
        padding: 12px 20px;
        margin: 8px 0;
        box-sizing: border-box;
        font-size: 1em
    }
    textarea {
        font-size: 1em;
        height: 150px;
        resize: none
    }
    input[type=text]:focus,
    textarea:focus {
        background-color: #F5F5F5
    }
    input[type=submit] {
        font-size: 1.4em;
        background-color: #00FF7F;
        border: 2px solid #ccc;
        border-radius: 4px
    }
    input[type=submit]:hover {
        background-color: #00CF68
    }
    .logo {
   	float:left;
        min-height: 40px;
        max-width:75%;
        /*background-color: #009999;*/
    }
    .logo img {    
        margin: 20px 0 0 20px;
        width: 20em;
        float: left;
        max-width: 70%;
        max-height: 70%;
    }
    .codehi2 {
        background-color: #00FF7F
    }
    .bright {
        background-color: #C000C0
    }
    .butnspacer {
        margin: 10px 10px 40px 10px;
        display: block;
        text-align: center;
        width: 96%;
        min-height: 30px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px
    }
    .buttn {
        text-align: center;
        display: inline-block;
        overflow-wrap: break-word;
        line-height: 2.5;
        text-align: center !important;
        display: block !important
    }
    a.buttn {
        all: initial;
        font: normal 0.9em/0.9em "Open Sans","Calibri","Arial","Verdana", sans-serif;
        font-size: 1.2em;
        background-color: #C000C0;
        color: #fff;
        border: 2px solid #ccc;
        border-radius: 4px;
        padding: 10px 20px;
        overflow-wrap: break-word;
        margin: auto;
        line-height: 1.2
    }
    a.buttn:hover {
        background-color: #810682;
        color: #fff;
        cursor: alias;
        border: 2px dotted #eee
    }
    .shadower {
        display: block;
        min-height: 30px;
        padding: 10px 20px 10px 0;
        margin: 0 0 0 10px;
        border-style: solid;
        border-width: 0 0 0 1px;
        border-color: #E44F7D;
       /* z-index: 1;*/
        list-style: none
    }
    .news_div {
        margin-top: 10px
    }
    .news_div li {
        list-style: none;
        font-weight: 700;
        margin: 0;
        padding: 0;
        font-size: 1em;
        line-height: 150%
    }
    table {
        border-collapse: collapse;
        width: 100%;
        font-size: 1.2em
    }
    th,
    td {
        padding: 14px;
        line-height: 1.3em;
        text-align: left;
        border-bottom: 1px solid #ddd
    }
    tr:nth-child(even) {
        background-color: #E8E8E8
    }
    tr:hover,
    tr a:hover {
       /* background-color: #eee;*/
        /*color: #270FD6*/
        color: #000000
  
    }
    .dl1 {
        clear: both;
        display: block;
        width: 95%
    }
    .dl2 {
        width: 35%;
        padding: 10px 20px
    }
    .dl2_wide {
        width: 70%;
        padding: 10px 20px
    }
    @keyframes myanimation {
        0% {}
        50% {
            opacity: 40%
        }
        100% {
            color: whitesmoke
        }
    }
    .myanimation {
        animation-name: myanimation;
        animation-duration: 5s;
        animation-iteration-count: infinite
    }
    .hi_text {
        border-radius: 14px;
        font-weight: 700;
        color: #fff;
        background-color: #A020F0
    }
    .menu_hi_text {
        padding: 0 5px 0 5px;
        width: 95%;
        font-weight: 700;
        color: #fff;
        background-color: #A020F0
    }
    .svg2 {
        height: 25px;
        width: 25px
    }
    .searchme {
        float: left;
        margin: 30px 0 0 0;
        border-radius: 4px
    }
    .search {
        font-size: 20px;
        color: slategrey
    }
    input[type="search"] {
        width: 200px;
        /*z-index: 3;*/
        font-size: 1em;
        color: grey;
        background-color: #fff;
        text-align: left;
        border-radius: 20px;
        padding: 3px 3px 3px 15px
    }
    input[type="search"]:focus {
        color: #000;
        font-size: 1.1em;
        float: left
    }
    .top0 {
        width: 100%;
        /*background-color: #2E41F2;*/
        float: left
    }
    .bgmag {
        width: 30px;
        height: 30px;
        border-radius: 4px;
        background-image: url(/pics/mag.svg)
    }
     .bordery {
        background: #ffffff;
        /*text-align: center;*/
        /*min-height: 30px;*/
        padding: 10px;
        margin: 25px 20px 25px 20px;
        width: 90%;
        box-shadow: 0 8px 16px 0 #a434a1;
       /* z-index: 1;*/
        clear: both;
        border-radius: 25px;
    }    
    .bordery div:first-child {
  		background-color: #ffffff;
  		box-shadow: none;
  		min-height:100px;
  	}
      .bordery div{
        /*background: #fb6e32;*/
        /*text-align: center;*/
        /*min-height: 30px;*/
        padding: 0px 0px 0px 0px;
        margin: 0px 20px 0px 20px;
        width: 90%;
        z-index: 1;
        clear: both;
        border-radius: 25px
    }     
    .bordery img
    {
        display: block;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important
    }
      .time_read{
    font-style: italic;
    background-color: #800080;
    color: white;
    border-radius: 20px 20px 20px 20px;
     padding:0 10px 0 10px
    }  
 
  .flex-itemdddddddddddddd {
    flex: 100%;
   /*h1,h2,ul,li,ol,p: inherit;*/
  margin:3%;
  } 
  .hideshowme{
  display:block;
  } 
  .showhideme{
  display:none;
  }
  .mob_btm li a:link,.mob_btm li a:visited,.mob_btm li a:hover,.mob_btm li a:active
   {
   text-decoration: none;
   line-height: 200%;
   font-size: 1em;
   color:blue;
   padding:0px;
   margin:0px;
   /*background-color:white;*/
   }                   
}

@font-face {
    font-family: 'RalewayB';
    src: url(/fonts/Raleway-Bold.woff2)
}

@font-face {
    font-family: 'RalewayR';
    src: url(/fonts/Raleway-Regular.woff2)
}

@font-face {
    font-family: 'FigtreeB';
    src: url(/fonts/Figtree-Bold.woff2)
}

@font-face {
    font-family: 'PoppinsR';
    src: url(/fonts/Poppins-Regular.woff2)
}

@media only screen and (min-width:961px) {
    BODY,
    textarea,
    input {
        font: normal 0.78em/0.94em PoppinsR, sans-serif;
        color: #3b4649;
        letter-spacing: 0;
        text-align: left;
        vertical-align: top;
        margin: 0;
        padding: 0;
        line-height: 125%;
        background: #fff
    }
    ::-moz-selection {
        color: #fff;
        background: #bb3b80ff;
    }
    ::selection {
        color: #fff;
        background: #bb3b80ff;
    }
    h1 {
        font-family: RalewayB, sans-serif;
        margin: 0;
        font-weight: lighter;
        padding: 1px 0 10px 0px;
        font-size: 1.5em;
        text-align: left;
        color: #000000;
        line-height: 1.5em;
        display: inline-block
    }
    p~h1 {
        margin: 16px 0 1px 0;
        color: #000000;
        font-size: 1.4em;
        display: inline-block
    }
    h2{
        font-family: PoppinsR, sans-serif;
        /*display: table;*/
        padding: 0px 0px 0px 0px;
        font-size: 1.4em;
        text-align: left;
        color: #000000;
        line-height: 1.0em;
        /*border-radius: 20px 20px 20px 0;*/
        /*background-color: purple*/
    }


    h2:first-of-type{
        font-family: PoppinsR, sans-serif;
        /*display: table;*/
        padding: 10px 0px 3px 0px;
        font-size: 1.4em;
        /*border-radius: 20px 20px 20px 0;*/
        /*background-color: purple*/
    }
    h3 {
        font-family: PoppinsR, sans-serif;
        padding: 10px 0 0px 35px;
        font-size: 1.29em;
        text-align: left;
        /*color: #C000C0;*/
        line-height: 1em;
        margin: 0
    }
    
   /* h3::before {
        content: "•";
        color: #C000C0;
        margin: 0px 10px 0px 10px;
    }
    */
    p {
        padding-top: 3px;
        padding-bottom: 0px;
        margin: 0 0 0 0;
        /*font-size: 1.2em;*/
        font-size: 1.2em;
        /*color: #5A5A5A;*/
        color: #000000;      
        line-height: 165%
    }
     p~h1 {
        margin: 16px 0 1px 0;
        color: #000000;
        font-size: 1.4em;
        display: inline-block
    }
     p+h2 {
        margin: 12px 0 0px 0px;
        padding: 10px 0px 0px 0px ;
        /*color: #C000C0;*/
        font-size: 1.4em;
        display: inline-block
    }    
     p~h3 {
        margin: 10px 0 1px 0px;
        padding: 0px 0px 0px 20px ;

        /*color: #C000C0;*/
        font-size: 1.4em;
        display: inline-block
    }  
     h2~p {
        margin: 0px 0px 1px 25px;
        /*color: #C000C0;*/
        /*font-size: 1.4em;*/
        display: block
    }       
      h3~p {
        margin: 1px 0px 1px 25px;
        /*color: #C000C0;*/
        /*font-size: 1.4em;*/
        display: block
    }
     h2~h3 {
        margin: 14px 0 1px 0px;
        padding: 0px 0px 0px 25px;
        /*color: #C000C0;*/
        font-size: 1.2em;
        display: block
    }  
     h3~h2 {
        margin: 10px 0 1px 0px;
        /*color: #C000C0;*/
        font-size: 1.4em;
     }         
    li p {
        font-size: 1em
    }
    p+p {
        margin-top: 7px
    }
    strong {
        color: #5a5a5a
    }
    .strikeout {
        text-decoration: line-through;
        text-decoration-thickness: 1px
    }
    .italic {
        font-style: italic;
        color: #ff0c82
    }
    img {
        border: 0;
        padding: 0;
        vertical-align: bottom;
        float: left;
        max-width: 100%;
        max-height: 100%
    }
    .top0 {
        height: 72px;
        width: 100%;
        /*background-color: #2E41F2;*/
        float: left
    }
    .top {
        height: 38px;
        width: 100%;
        float: left
    }
    .mid {
        width: 100%;
        float: left;
        background-color: #fff;
       /* z-index: -1*/
    }
    .btm {
        width: 100%
    }
    .col1 {
        width: 15%;
        float: left
    }
    .col1t {
        width: 0%;
        background-color: #BB3B80;      
        float: left
    }
    .col1b {
        width: 0%;
        background-color: #999999;      
        float: left
    }        
    .col2 {
        width: 70%;
        margin: 0 auto;
        float: left
    }    
    .col2t {
        width: 100%;
        background-color: #BB3B80;
        min-height: 90px;
        float: left;
    }
    .col2b {
        width: 100%;
        background-color: #999999;
        min-height: 5px;
        float: left;
    }   
    .col3 {
        min-width: 10%;
        min-height: 10px;
        float: left
    }
    .col3t {
        background-color: #BB3B80;
        min-width: 0%;
        min-height: 10px;
        float: left
    }     
    .col3b {
        background-color: #999999;
        min-width: 0%;
        min-height: 10px;
        float: left
    }      
    
    .logo {
        min-height: 71.8px;
       /* background-color: #2E41F2*/
    }
    .logo img {
        margin: 24px 0 0 0
    }
    svg {
        height: 100%;
        width: 100%
    }
    #phn {
        padding: 0 0 0 30px;
        height: 24px;
        width: 16px
    }
    #cn2,
    #cnzn {
        padding-top: 0;
        padding-bottom: 0;
        margin: 0 0 0 0;
        font-size: 1.15em;
        color: #474747;
        line-height: 135%
    }
    #cn2 a:link,
    #cn2 a:visited {
        color: #2E41F2;
        text-decoration-line: none;
        font-size: 1em;
        line-height: 1.2em
    }
    .title,
    .title h1,
    .title a:link,
    .title a:visited {
        color: #fff;
        padding: 20px 50px 0px 50px;
        font-size:1.1em;
        text-align: center;
        min-height: 100%;
        border-left: 0 solid;
    }
    .brdryel {
        background: #fff;
        border-radius: 12px;
        border-width: 0;
        border-style: solid;
        padding: 15px 22px 15px 22px;
        box-shadow: -5px -5px 8px #efecef, 5px 5px 8px #efecef;
       /* z-index: 1*/
    }
    h2~.brdryel {
        background: #fff;
        border-radius: 12px;
        border-width: 0;
        border-style: solid;
        padding: 0 22px 15px 22px;
       /* box-shadow: -5px -5px 8px #efecef, 5px 5px 8px #efecef;*/
        z-index: 1
    }
    .brdryel p:first-of-type {
        padding-top: 16px
    }
    .phonelink {
        font-size: 1.2em !important;
        padding: 15px
    }
    .phonelink:hover {
        background-color: #E0F900;
        text-decoration: none
    }
    .button {
        border: none
    }
    .cnnu {
        font-size: .9em;
        background: #fff;
        text-align: center;
        float: left;
        min-height: 30px;
        padding: 20px 10px 10px 10px;
        margin: 40px 33px 0 40px;
        width: 220px;
        border-style: solid;
        border-width: 0 1px 0 1px;
        border-color: #ccc
    }
    .cnnu1 {
        background: #FBF9F9;
        text-align: center;
        font-size:1.2em;
        float: left;
        min-height: 30px;
        padding: 10px;
        margin: 0 20px 20px 0;
        width: 50%;
        box-shadow: 0 8px 16px 0 #0851A4;
        z-index: 1;
        border-radius: 5px
    }
    .cnnpic {
        clear: left;
        text-align: center;
        float: left;
        min-height: 30px;
        padding: 10px 10px 10px 10px;
        margin: 20px 20px 20px 0;
        box-shadow: 0 4px 6px 0 #988eff
    }
    .cnnpic1 {
        text-align: center;
        float: left;
        min-height: 30px;
        padding: 10px 10px 10px 10px;
        margin: 10px 10px 10px 10px;
        /*width: 284px;*/
        /*box-shadow: 0 4px 6px 0 #988eff;*/
        z-index: 1
    }
    .cnnpic2 {
        text-align: center;
        float: right;
        min-height: 30px;
        padding: 10px 10px 10px 10px;
        margin: 10px 10px 10px 20px;
        width: 284px;
        z-index: 1
    }
    .cnnpic1btn {
        text-align: center;
        float: right;
        min-height: 30px;
        margin: 10px 10px 10px 20px;
        width: 200px;
        z-index: 1
    }
    .cnnpic1btn a:hover {
        opacity: 50%;
        background-color: red
    }
    .dl1 {
        clear: both;
        display: block;
        width: 95%
    }
    .dl2 {
        width: 20%;
        padding: 10px 20px
    }
    .dl2_wide {
        width: 40%;
        padding: 10px 20px
    }
    a:link,
    a:visited {
        color: #2E41F2;
        font-weight: 400;
        text-decoration: none
    }
    a:hover {
        text-decoration: none
    }
    a:hover h2 {
        text-decoration: none
    }
    a.embed_link:link,
    a.embed_link:visited {
    		color:#9D1EBF;
       /*border-bottom: solid 1px #bb3b80ff;*/
       font-size: 1em;
       font-weight:700;
    }
    a.embed_link:hover {
        color: #9D1EBF;
        /*background-color: #bb3b80ff;*/
        text-decoration: none
    }
    a.embed_link_bright {
        color: #fff;
        background-color: blue;
        padding: 5px;
        border-radius: 6px
    }
    a.embed_link_bright:hover {
        color: #fff;
        background-color: #C000C0;
        text-decoration: none
    }
    .sale {
        color: #0000C0;
        font-weight: 700
    }
    .datefrmt p {
        font-style: italic
    }
    #lister1 {
        width: 95%;
        margin: 0 auto;
        text-align: center
    }
    
    .div50{
      float: left;
  overflow: hidden;
  margin-right:20px;
  border: 2px solid red;
  border-radius: 5px;
  width:45%;
    }
.topnav-centered {
  display: flex;
width:100%;
align-items: center;
   background-color: #A020F0;

}

.topnav {
  overflow: hidden;
  /*background-color: #333;*/
margin: 0 auto;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}
/*
 .topnav .dropdown .play {
    float: none;
    display: none;
    text-align: left;
  }
  */
.active {
  background-color: #2E41F2;
  color: white;
  /*border-radius: 0 0 25px 0;*/
}
.topnav .icon {
  display: none;
  text-align:center
}

.dropdown {
  float: left;
  overflow: hidden;
  margin-right:20px;
  /*border: 2px solid red;*/
  border-radius: 5px;
}

.dropdown .dropbtn {
  font-size: 1.2em;    
  border: none;
  outline: none;
  color: white;
  padding: 10px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  font-size: 1.1em;
  position: absolute;
  margin-top:34px;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 8px 8px;
  line-height:100%;
  text-decoration: none;
  display: block;
  font-size: 1.1em;
  text-align: left;
  margin-top:1px;
}

.dropbtn {
opacity:1;
/* background-color: #C000C0;*/
  color: white;
}

.topnav a:hover, .dropdown:hover .dropbtn {
 background-color: #2E41F2;
  color: white;
}

.dropdown-content a:hover {
  /*background-color: #ddd;*/
  color: white;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.nubtn{
  float:right;
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 10px 16px;
  font-family: inherit;
  margin: 0;
 background-color: #A020F0;
   border: 1px solid red;
  border-radius: 5px;
}
.nubtn:hover {
 background-color: #2E41F2;
  color: white;
}


* {
  box-sizing: border-box;
}


    .tester {
        content: "";
        padding: 10px 50px 30px 50px;
        background-color: #fff;
        border-width: 0 0px 0 0px;
        border-style: solid;
        /*border-color: #C000C0*/
    }
    .b1 {
        border-style: solid;
        border-width: 0 1px 0 1px;
        border-color: #C000C0;
        padding: 15px 50px 1px 50px;
        background-color:#eeeeee;
    }
    .seccert {
        padding: 0px 0 0 0
    }
    .seccert>h3 {
        padding: 0px 0 0 0;
        border: 0
    }
    .seccert h3 {
        padding-left: 100px;
        margin: 0
    }
    .btmlist {
        text-align: left
    }
    .drlist {
        line-height: 135%;
        font-size: 1.15em
    }
    .colortxt {
        background-color: #4a4fdd
    }
    #comp {
        border-width: 1px 0 0 0;
        border-style: solid;
        border-color: #C000C0;
        text-align: center;
        padding: 10px 0 10px 0;
        background-color: #EEE8F6
    }
    ul {
        list-style: none;
        color: #611F69;
        font-weight: 400;
        padding: 0 0 10px 10px
    }
    ul li:after {
        padding: 0 0 0 10px
    }
    .where~h2
    {
    padding-top:0px;	
    }    
    .where {
        line-height: 135%;
        font-size: 1.2em;
        margin: 5px 15px 10px 15px
    }
    ul.where {
        list-style: disc outside;
        line-height: 135%;
        font-size: 1.25em;
        margin: 10px 15px 0px 50px
    }
    .where li {
        padding: 5px 0;
        list-style-image: url('/pics/tick.png')
    }
   
    ol {
        padding: 0 20px 20px 20px;
        font-size: inherit;
        font-weight: 700;
        list-style-position: outside
    }
    ol li {
        padding-left: 8px;
        padding-bottom: 122px;
        margin: 0 0 10px 0;
        color: #474747;
        line-height: 130%
    }
    ol.shadower {
        list-style: none;
        font-weight: 400
    }
    ol .shadower li {
        font-size: 1em;
        color: #575757;
        line-height: 175%
    }
    dt {
        padding: 7px 0 7px 0;
        counter-increment: number;
        font-size: 1.2em;
        line-height: 125%;
        font-weight: 700;
        color: #F44440
    }
    dt:before {
        content: counter(number) '.   ';
        font-weight: 700;
        color: #C000C0
    }
    dd {
        padding: 10px 0 10px 0;
        font-weight: 400;
        font-size: 1.2em;
        line-height: 175%
    }
    .big {
        font-size: 1.2em;
        font-weight: 400
    }
    .big li h2 {
        font-size: 1em
    }
    .listh2 {
        margin-left: 100px;
        background-color: #fff;
        color: #2E41F2;
        border-left: 10px dotted #2E41F2
    }
    .list2 {
        color: #F44440;
        font-weight: 700
    }
    .bannertxt {
        color: #fff;
        background-color: #2E41F2;
        font-weight: 700;
        text-align: center;
        margin: 25px 0 25px 0;
        border-radius: 20px;
        z-index: 1
    }
    input[type=text],
    select,
    textarea {
        width: 100%;
        padding: 12px 20px;
        margin: 8px 0;
        box-sizing: border-box;
        font-size: 1em;
        border: 2px solid #2E41F2;
        border-radius: 4px
    }
    textarea {
        height: 150px;
        resize: none
    }
    input[type=text]:focus,
    textarea:focus {
        background-color: #F5F5F5
    }
    input[type=submit] {
        font-size: 1.4em;
        background-color: #00FF7F;
        border: 2px solid #ccc;
        border-radius: 4px;
        padding: 10px
    }
    input[type=submit]:hover {
        background-color: #00CF68
    }
    .codehi {
        font-weight: 700
    }
    .bright {
        background-color: #C000C0
    }
    .container {
        line-height: 1.4;
        text-align: center;
        padding: 44px;
        color: #333
    }
    .highlight-container,
    .highlight {
        position: relative
    }
    .highlight-container {
        display: inline-block
    }
    .highlight-container:before {
        content: " ";
        display: block;
        height: 90%;
        width: 100%;
        margin-left: -3px;
        margin-right: -3px;
        position: absolute;
        background: #ffd500;
        transform: rotate(2deg);
        top: -1px;
        left: -1px;
        border-radius: 20% 25% 20% 24%;
        padding: 10px 3px 3px 10px
    }
    .codehi2 {
        color: #000;
        font-weight: 700;
        background-color: #00FF7F
    }
    .butnspacer {
        margin: 10px 10px 40px 10px
    }
    .buttn {
        text-align: center !important;
        display: block !important;
        line-height: 1.2em
    }
    a.buttn {
        all: initial;
        font: normal 0.9em/0.9em "Open Sans","Calibri","Arial","Verdana",sans-serif;
        max-width: 40%;
        margin: 0;
        font-size: 1.4em;
        line-height: 200%;
        background-color: #C000C0;
        color: #fff;
        border: 2px solid #ccc;
        border-radius: 14px;
        padding: 10px 10px;
        overflow-wrap: break-word
    }
    a.buttn:hover {
        background-color: #810682;
        color: #fff;
        cursor: alias;
        border: 2px dotted #eee
    }
    .shadower {
        display: block;
        width: fit-content;
        min-height: 30px;
        padding: 10px 22px 10px 30px;
        margin: 20px 20px 20px 20px;
        border-style: solid;
        border-width: 0 0 0 2px;
        border-color: #C000C0;
        z-index: 1
    }
    .news_div {
        margin-top: 10px
    }
    .news_div li {
        list-style: none;
        font-weight: 700;
        margin: 0;
        padding: 0;
        font-size: 1.4em;
        line-height: 150%
    }
    .updated {
        color: #575757
    }
    table {
        border-collapse: collapse;
        width: 100%;
        font-size: 1.2em
    }
    th,
    td {
        padding: 14px;
        text-align: left;
        border-bottom: 1px solid #ddd
    }
    tr:nth-child(even) {
        background-color: #E8E8E8
    }
    tr:hover,
    tr a:hover {
        background-color: #eee
    }
    .zoom-img {
        width: 300px;
        overflow: hidden
    }
    .zoom-img img {
        width: 100%;
        object-fit: cover;
        transition: all .3s ease
    }
    .zoom-img img:hover {
        transform: scale(2.4)
    }
    @keyframes myanimation {
        0% {}
        50% {opacity: 40%; }
        100% {color: whitesmoke}
    }
    .myanimation {
        animation-name: myanimation;
        animation-duration: 5s;
        animation-iteration-count: infinite
    }
    .hi_text {
        border-radius: 14px;
        font-weight: 700;
        color: #fff;
        background-color: #A020F0
    }
    .menu_hi_text {
        padding: 0 5px 0 5px;
        width: 95%;
        font-weight: 700;
        color: #fff;
        background-color: #A020F0
    }
    .svg2 {
        height: 25px;
        width: 25px
    }
    .searchme {
        float: left;
        margin: 20px 100px 0 0;
        border-radius: 4px
    }
    .search {
        font-size: 20px;
        color: slategrey
    }
    input[type="search"] {
        width: 150px;
        z-index: 3;
        font-size: 1em;
        color: grey;
        background-color: #fff;
        text-align: left;
        border-radius: 20px;
        padding: 3px 3px 3px 15px
    }
    .top0ggggggggggggg {
        height: 72px;
        width: 100%;
        background-color: #2E41F2;
        float: left
    }
    .bgmag {
        width: 30px;
        height: 30px;
        border-radius: 4px;
        background-image: url(/pics/mag.svg)
    }
    .bordery {
        background: #ffffff;
        /*text-align: center;*/
        /*min-height: 30px;*/
        padding: 40px;
        margin: 25px 20px 25px 20px;
        width: 90%;
        box-shadow: 0 8px 16px 0 #a434a1;
        z-index: 1;
        clear: both;
        border-radius: 25px;
    }    
    .bordery div:first-child {
  		background-color: #ffffff;
  		box-shadow: none;
  		min-height:100px;
  	}
      .bordery div{
        /*background: #fb6e32;*/
        /*text-align: center;*/
        /*min-height: 30px;*/
        padding: 0px 0px 0px 0px;
        margin: 0px 20px 0px 20px;
        width: 93%;
        z-index: 1;
        clear: both;
        border-radius: 25px
    }
     .time_read{
    font-style: italic;
    background-color: #800080;
    color: white;
    border-radius: 20px 20px 20px 20px;
     padding:0 10px 0 10px
    } 
    .breadcrumb p{
	 /*color: pink;*/
    }
     .breadcrumb p  {
	 color: #2E41F2;
	 padding:1%;
    }      
    .breadcrumb p .news{
	 color: #C000C0;
    }   
.flex-container {
  display: flex;
  flex-wrap: wrap;
}

.flex-item-top {
 /*h1,h2,ul,li,ol,p: inherit;*/
  /*background-color: #f8f8f8;*/
  flex: 33.3%;
  margin:3%;
  border:2px #C000C0 solid;
  border-radius:14px;
  padding:20px;
}

.flex-item-mid {
 /*h1,h2,ul,li,ol,p: inherit;*/
  /*background-color: #f1f1f1;*/
  flex: 70%;
  margin:3%;
  border:2px #C000C0 solid;
  border-radius:14px;
  padding:20px;
}
.color1:hover {
    display: block;
  border:1px #7c0dc0 solid;
  background-color: #f8f8f8;
}


.flex-container-hor {
  display: flex;
  flex-wrap: wrap;
}

.flex-item-hor-top {
  flex: 100%;
  margin:1% 3% 0 3%;
  /*border:1px #C000C0 solid;*/
  /*border-radius:14px;*/
  border:.0625rem #C000C0 solid;
  border-radius:.7rem;  
  padding:20px;
}

.flex-item-hor-mid {
  flex: 100%;
  margin:3% 3% 0 3%;
  /*border:1px #0000ff solid;*/
  /*border-radius:14px;*/
  border:.0625rem #0000ff solid;
  border-radius:.7rem;  
  padding:20px;
}
.flex-item-hor-btm {
  flex: 100%;
  margin:3% 3% 0 3%;
  /*border:1px #9D1EBF solid;*/
  /*border-radius:14px;*/
  border:.0625rem #0000ff solid;
  border-radius:.7rem;   
  padding:20px;
}

.color-hor1:hover {
  /*  display: block;
  border:1px #7c0dc0 solid;*/
  background-color: #f8f8f8;
}
  .hideshowme{
  display:none;
    background-color: #f88bd8;

  }       
  .showhideme{
  display:block;
  } 
 .btmnav-centered {
  display: flex;
	width:100%;
	align-items: center;
   background-color: #A020F0;
	} 
  .mob_btm a:link,.mob_btm a:visited,.mob_btm a:hover,.mob_btm a:active
   {
   text-decoration: none;
   line-height: 200%;
   font-size: 1em;
   color:blue;
   /*background-color:white;*/
   } 	                   
}