/*
	styles.css
	Initial code generated by thesitewizard.com's Layout Wizard 3.0.0
*/
body {
	font-family: Arial, Helvetica, sans-serif, Open Sans ;
}
img {
	max-width: 100% ;
	width: auto ;
	height: auto ;
}
html{font-size:120%;}
@media(min-width:60em){html{font-size: 100%}}
h1 {
  display: block;
  font-size: 1.5em;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
}
h2 {
  display: block;
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
input, select, button, textarea {
	max-width: 100% ;
}
meter, progress, output {
	max-width: 100% ;
}
div#tswcontent {
	width: 100% ;
	max-width: 100% ;
	color: #000 ;
	background-color: #fff ;
   
}
}
div#tswcontproper {
	padding-left: 5px ;
	padding-right: 5px ;
	min-height: 100%;
    position:relative;
    /* Firefox */
    min-height: -moz-calc(100% - 20px);
    /* WebKit */
    min-height: -webkit-calc(100% - 20px);
    /* Opera */
    min-height: -o-calc(100% - 20px);
    /* Standard */
    min-height: calc(100% - 20px);
}
div#tswcontainer {
	color: inherit ;
	background-color: inherit ;
}
.blogframe-area {
  display: block;
  width: 100%;  /* RESPONSIVE WIDTH */
  max-width: 1000px;
  height: 640px;
  overflow: auto;  /* EDIT TO hidden FOR NO SCROLLBAR */
  border: #999999 1px solid;
  margin-left: auto;
  margin-right: 10px;
  padding: 0px;
  float: left;
  }
    .sidebg 
{
    background-image: url(images/bg.gif);
    background-repeat: repeat-y;    
    height: 800px;
}
.content-box
{
  width: 100%;
  max-width: 600px;
  border: .1em;
  border-style: none;
  margin: 1em 0;
  padding: 0px;
  background: linear-gradient(60deg, #3db2e1, white, #3db2e1, white, #3db2e1);
  font: 900 1.2em sans-serif;
  text-decoration: none;
  background-clip: content-box;
}

.border-box { background-clip: border-box; }
.padding-box { background-clip: padding-box; }


.text {
  background-clip: text;
  -webkit-background-clip: text;
  color: rgba(0,0,0,.2);
}
.mySlides {display:none; float:left;margin-right:15px;}
.footer{
    height:20px;
    margin: 0;
    clear: both;
    width:100%;
    position: relative;
    background: linear-gradient(60deg, #3db2e1, #dff2fa, #3db2e1, #dff2fa, #3db2e1);
    color: white;
    text-align: center;
}
.contact-form {
  margin: auto;
  width: 60%;
  padding: 10px;
  border: 3px solid #3db2e1;
  
}
.error {
  margin: auto;
  width: 60%;
  padding: 10px;
  border: 3px solid #3db2e1;

}
.video-container {
  position: relative;
  padding-bottom: 56.25%; /*16:9*/
  padding-top: 10px; 
  height: 0; 
  overflow: hidden;
  
}

.video-container iframe {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 560px;
  height: auto%; 
}

hr {
  background: linear-gradient(60deg, #3db2e1, white, #3db2e1, white, #3db2e1);
  border: 0px solid #3db2e1;
  border-radius: 5px;
  height: 5px;
  width: 60%;
}
.dot {
  height: 5px;
  width: 5px;
  background-color: #3db2e1;
  border-radius: 50%;
  display: inline-block;
  vertical-align:middle;
}
mark { 
  background-color: #3db2e1;
  color: white;
}
.w100 {
  font-weight: 100;
  font-family: 'Lato', serif;
  font-size: 18px ;
}