body {font-size:1em; background:white;}
html, nav, label, input, textarea, select, h1, h2, h3, h4, ul {font-family: 'Open Sans', sans-serif;
 font-weight:normal;}
p {margin:0; padding:10px; font-size:1em; font-family: 'Open Sans', sans-serif;
 font-weight:normal;}
.row {padding:0 10px;}
.row-fill {background:#e5e5e5;}
.col { margin:7px 0; line-height: 1.7em; padding: 10px;}
.row h1, .row h2, .row h3, .row h4{padding-left:10px; color:black;}
body#tinymce {
  background:none;
  /* height:auto; */
  font-size:1em;
}

h3{font-size:1.15em;line-height:2.5em; font-weight:bold;}

img {max-width:100% !important; height:auto !important;}

.effect1{-webkit-box-shadow: 0 10px 6px -6px #777;  -moz-box-shadow: 0 10px 6px -6px #777; box-shadow: 0 10px 6px -6px #777;   background:#01A0C7;}
.effect1 p, .effect1 h3, .effect1 li {color:white !important;}
.effect2{ -webkit-box-shadow: 0 10px 6px -6px #777;  -moz-box-shadow: 0 10px 6px -6px #777; box-shadow: 0 10px 6px -6px #777; background: #01A0C7 !important; }


.home-boxes { position:relative;}
.home-boxes h3 {color:white; margin-bottom:20px;}
.home-boxes ul {margin-left:30px; list-style-type:disc;}


.maintxt {padding-right:20px;}
.maintxt h2 {font-weight:bold; color:#345B8F !important; padding:30px 10px 20px 10px;}

.maintxt ul {margin-bottom:10px; margin-top:10px;}
.maintxt li {padding-left:10px; margin-left:20px; font-weight:700;}
.maintxt ul li:before {content: "●"; color:#pink; position:absolute; margin-left:-20px; margin-bottom:10px;}

ul.more-info {margin:20px; }
ul.more-info li {background:white; padding:5px 5px 5px 10px; margin-bottom:5px; font-size:0.8em; font-weight:bold; color:#009688;}
ul.more-info li:hover {cursor:pointer; background:#009688; color:white !important; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;/* ...and now for the proper property */transition:.5s;}
ul.more-info li a {display:block;}
ul.more-info li a:hover {color:white !important; text-decoration:none;}

/**** RESPOND ****/
@media screen 
  and (min-width: 960px) 
  and (max-width: 1920px) 
 { 
}

/* XX/XL GRID */
@media (max-width: 1119px)  {

}
/* LG GRID */
@media (max-width: 1019px)  {
}
/* MD GRID */
@media (max-width: 759px)  {
}
/* SM GRID */
@media (max-width: 639px)  {
}
/* XS GRID */
@media (max-width: 479px)  {
}