<style>
* {
    box-sizing: border-box;
    
}

.row::after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {

    float: left;

   
    

}
html {
    font-family: "Lucida Sans", sans-serif;
}

h1
{
	font-size: 2.5em;
	font-family: TitilliumText22LLight, Verdana, Geneva, sans-serif;
	font-weight: normal;
    text-shadow: 10px 11px 20px #6E6E6E;
}
h1smart
{
	font-size: 1.5em;
	font-family: TitilliumText22LLight, Verdana, Geneva, sans-serif;
	font-weight: normal;
    text-shadow: 10px 11px 20px #6E6E6E;
}
h2
{
	font-size: 0.8em;
	font-family: TitilliumText22LLight, Verdana, Geneva, sans-serif;
	font-weight: normal;
}
h2smart
{
	font-size: 0.8em;
	font-family: TitilliumText22LLight, Verdana, Geneva, sans-serif;
	font-weight: normal;
}

a:link,
a:visited,
a:hover,
a:active,
a:focus {
    color: #bd3146;

}

.headersmart {

      display: none;
 max-width: 100%;
}


.header {
   
 margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    
    
}

.header .image {
   
    padding-top: 15px;
    max-width: 800px;
    max-height: 180px;
   
    
}

.header .text {
    color: #6E6E6E;
    font: x-large sans-serif;
    margin-left: 00px;
  
}

.header .image{

    
}, 
.header .text {
    display: inline-block;
    vertical-align: top;
    
}




.nav {
 background-color: #29476D;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 15px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.nav li {
font: bold 12px/18px sans-serif;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 10px 20px;
color: #ffffff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.nav a
{
	display: inline-block;

	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
    
  

}
.nav li.current
{
    
	border-bottom: 5px solid #a22346;
	margin-bottom: -5px;
}
.nav li ul li:hover { background: #bd3146; }


input[type=checkbox].input-checkbox{
   display: none;
}


label.responsive-nav-label{
display: none;
}
        label.responsive-nav-label{
position: relative;
 display: block;
padding: 20px;
  background: #29476D;
  cursor: pointer;
color: #ffffff;
            text-align: center;
}
    
     .nav {
     
     position: relative;
 }
  .nav li {
font: bold 20px sans-serif;
    
  display: none;

}
      input[type=checkbox].input-checkbox:checked ~ .nav{
            position: relative;
            top: 0;
            display: block;
}
    
        input[type=checkbox].input-checkbox:checked ~ .nav li{
             position: relative;
  top: 0;
            display: block;
}
    
    
@media (min-width : 1000px){

    
    label.responsive-nav-label{
display: none;
}
    .nav {
          display: block;
 background-color: #29476D;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 15px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.nav li {
font: bold 12px/18px sans-serif;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 10px 20px;
color: #ffffff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.nav a
{
	display: inline-block;

	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
    
  

}
.nav li:hover {
  background: #bd3146;
  color: #fff;
    
    	
}
.nav li.current
{
    
	border-bottom: 5px solid #a22346;
	margin-bottom: -5px;
}

.nav li ul {
  padding: 0;
  position: absolute;
  top: 38px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
 
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
.nav li ul li { 
  background: #29476D; 
  display: block; 
  color: #fff;
  text-shadow: 0 -1px 0 #000;
}
.nav li ul li:hover { background: #bd3146; }
.nav li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
    
    
    
    
    
    
    
    
}















.csc-frame-frame2{
    display: none;

}
table {
    margin: 0 auto;
}
/*Responsive Styles*/
@media (max-width : 1550px){
.csc-frame-frame1{
    display: none;
}
.csc-frame-frame2{
    display: table;

}   


   
}

@media (max-width : 1000px){
  



 [class*="col-"] {
 
        padding-left: 2px;
    padding-right:  2px;
 }
}



.aside {
    background-color: #33b5e5;
    padding: 15px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.footer {
    background-color: #29476D;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 15px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
img {
    max-width: 100%;
    height: auto;
}
.ce-media img {
    margin-top: 40px;
    width: auto;
    height: auto;
}
.align-center img{
    margin: auto;
    width: 100%;
    height: 100%;
    max-width: 100%;
    height: auto;

}
.align-left h4{
    text-align: left;
}

ul li {
    text-align: left;
    
    
}
.contenttable tr td {
    
 
    padding-left: 20px;
}
.contenttable tr td:first-child {
    padding-left: 0px;
}


@media only screen and (min-width: 1000px) {
 [class*="col-"] {
 
        padding-left: 20%;
    padding-right:  20%;
 }
   

    .col-12 {width: 60%
        ;}
}

</style>