/* CSS Document */
/* Built by Jack at Tristar */
/* Modified for improved browser compatibility by <a href="http://www.os-templates.com/">OS Templates</a> */

/* Reset */
*{margin:0; padding:0;}
img, img a{outline:none; border:none;}
body{
	background-color: #9297a6;
	color: #575757;
	font: 81.3% arial;
	text-align: center;
	margin: 0;
	padding-top: 0px;
	padding-right: 4%;
	padding-bottom: 0;
	padding-left: 4%;
}
a, a:visited{outline:none; color:#00C; text-decoration:none;}
a:hover{
	text-decoration: underline;
	color: #000000;
}


/* Modern Clear Floating Fix */

.clear:before, .clear:after{content:""; display:table;}
.clear:after{clear:both;}
.clear{zoom:1; /* For IE 6/7 (trigger hasLayout) */}

/* HTML5 Fix */

header, section, footer, aside, nav, article{
	display: block;
}

/* Base Structure */

.bodywidth{
	width: 100%;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}




/* General Type */

h1, h2, h3, h4, h5, h6{color:#2f2f2f; font-family:"Ubuntu",arial;}
.bold{font-weight:bold;}
.blue{color:#4086c6;}
.blackh3{line-height: normal;margin: 0 0 15px 0;font-family: Verdana, Geneva, sans-serif, "Abadi MT Condensed Extra Bold";font-size: 14px;font-weight:bold;text-align: justify; color:#000;}

.redh4{line-height: normal;margin: 0 0 15px 0;font-family: Verdana, Geneva, sans-serif, "Abadi MT Condensed Extra Bold";font-size: 14px;font-weight:bold;text-align: justify; color:#F00;}

.redh5{line-height: normal;margin: 42px 0 0 0;font-family: Verdana, Geneva, sans-serif, "Abadi MT Condensed Extra Bold";font-size: 20px;font-weight:bold;text-align: center; color:#000000; text-decoration:underline; }




.pageheading {font:normal 16px "Arial"; color:#ffffff; background-color:#06193b; padding-left:5px; text-decoration:none; }
.pageheading a{font:normal 16px "Arial"; color:#ffffff; background-color:#06193b; padding-left:5px; text-decoration:none; }
.pageheading a:hover{font:normal 16px "Arial"; color:#ffffff; background-color:#06193b; padding-left:5px; text-decoration:underline; }
.pageheading a:focus { outline: none; }


.matter{font:normal 14px Arial; color:#666666; text-align:justify; padding-left:10px; padding-right:10px;}
.matterhead{font:normal 17px Arial; color:#000000;}
.matterhead2{font:normal 22px Arial; color:#000000;}

.style1{font:normal 14px Arial; color:#F00;}
.style3{font:normal 14px Arial; color:#00F;}

.nav-01{font:bold 14px Arial, Helvetica, sans-serif;color:#0000FF;}
.toptext{font:bold 16px Arial, Helvetica, sans-serif; color:#000000;}
.text1{ font:normal 11px Verdana;color:#000000;}
.text2{ font:bold 16px Verdana; color:#000000; }
.text5{ font:normal 11px Verdana;color:#000000;}


.downl {font:normal 16px Arial; color:#00F; }
.downl a{font:normal 16px Arial; color:#00F;; }
.downl a:hover{font:normal 16px Arial; color:#00F; text-decoration:underline; }
.downl a:focus { outline: none; }



/* Header */
#headerwrapnavig{width:100%; background:#2196f3;}
#headerwrap{width:100%; background:#123754;}



#mainheader{color: #2196f3;  padding-top: 0px;padding-right: 0;padding-bottom: 0;padding-left: 0;}


.logo{float:left; margin:0 0 0 0; -webkit-transition:-webkit-transform 0.4s ease-out; -moz-transition:-moz-transform 0.4s ease-out; transition:transform 0.4s ease-out;}
.logo:hover{cursor:pointer; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg);}



#websitetitle{float:left; margin:-8px 0 0 0;}
#websitetitle h1{font-size: 2.538px;font-weight: normal;}
#websitetitle h2{font:1.462em "Georgia"; font-style:italic; font-weight:normal; margin:-3px 0 0 0;}




#mainheader nav{
	font-family: Verdana, Geneva, sans-serif, "Abadi MT Condensed Extra Bold";
	font-size: 14px;
	font-weight: normal;
	background-color: #2196f3;
}
#mainheader nav li{list-style-type:none; display:inline; margin:0 0 0 10px;}
#mainheader a, #mainheader:visited{
	color: #ffffff;
	background-color: #2196f3;
}
#mainheader a:hover{text-decoration: none;color: #ffffff;font-size: 14px;}

/* Intro */

#introduction0{margin-top:0px;}


#introduction{
	margin-top: 0px;
}
#introduction h2{font-size:3.231em; font-weight:bold; margin:0 0 5px 0;}
#introduction p{font-size:1.154em; line-height:140%;}
#introleft{
	float: right;
	width: 728px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
#introquote{
	float: left;
	font-style: italic;
	width: 272px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
#introduction .quotename{float:left; height:27px; margin:10px 0 0 0; padding:0 50px 0 0; font:0.9em "Ubuntu"; color:#4086c6;}
a.findoutmore, a.findoutmore:visited{padding:10px; font:0.9em "Ubuntu",arial; font-weight:bold; color:#fff; text-shadow:0 0 1px #1e5298; background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.12,rgb(109,171,229)),color-stop(0.56,rgb(59,126,189))); background-image:-moz-linear-gradient(center bottom,rgb(109,171,229) 12%,rgb(59,126,189) 56%); background-color:#468ac9; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin:13px 0 0 0; float:left;}
a.findoutmore:hover{background-color:#2f2f2f; background-image:none; text-shadow:0 0 1px #000; text-decoration:none;}

/* Main Content */

#maincontent{
	border-top: px #dbdbdb solid;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#aboutleft{
	float: left;
	width: 69%;
}
#aboutleft h3{line-height: normal;margin: 0 0 15px 0;font-family: Verdana, Geneva, sans-serif, "Abadi MT Condensed Extra Bold";font-size: 14px;font-style: normal;text-align: justify; font-style:BOLD; color:#000;}

#aboutleft h4{line-height: normal;margin: 0 0 15px 0;font-family: Verdana, Geneva, sans-serif, "Abadi MT Condensed Extra Bold";font-size: 14px;font-style: normal;text-align: justify; font-style:BOLD; color:#F00;}

#aboutleft p{line-height: normal;margin: 0 0 15px 0;font-family: Verdana, Geneva, sans-serif, "Abadi MT Condensed Extra Bold";font-size: 14px;font-style: normal;text-align: justify;}

#articlesright{
	float: right;
	width: 30%;
	background-color: #ffffff;
}

#articlesright article{clear:both; margin:0 0 20px 0; overflow:hidden;}
#articlesright figure{padding:5px; border:1px #dbdbdb solid; float:left; width:119px; height:119px; margin:0 15px 0 0;}
#articlesright p{line-height:135%;}
#articlesright h5{
	font-size: 1.3em;
	margin: 0 0 6px 0;
	color: #000000;
}
#articlesright h5:hover{color:#2f2f2f;}
a.readmore, a.readmore:visited{padding:4px; font:0.9em "Ubuntu",arial; font-weight:bold; color:#fff; text-shadow:0 0 1px #1e5298; background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.12,rgb(109,171,229)),color-stop(0.56,rgb(59,126,189))); background-image:-moz-linear-gradient(center bottom,rgb(109,171,229) 12%,rgb(59,126,189) 56%); background-color:#468ac9; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin:10px 0 0 0; float:left;}
a.readmore:hover{background-color:#2f2f2f; background-image:none; text-shadow:0 0 1px #000; text-decoration:none;}

/* Footer */

#footerwrap{width:100%; margin:20px 0 0 0; padding:30px 0; background-color:#123754;}

#mainfooter{text-shadow:0 0 1px #000;}
#mainfooter nav{font-style: italic;font-size: 14px;width: 1000px;}
#mainfooter nav ul{margin:0; padding:0; list-style:none;}
#mainfooter li{list-style-type:none; margin:0 0 0 0px;}
#mainfooter li:last-child{margin-right:0;}
#mainfooter a, #mainfooter a:visited{color:#fff;}
.copyright{float:center; color:#b8b8b8;}

.footercss{font:normal 12px Arial; color:#ffffff; text-align:center;}





/* MEDIA QUERIES */

/* Under 960px */
@media only screen and (max-width: 980px) and (min-width: 821px) {
.bodywidth{width:800px;}
#mainheader nav{font-size:1.4em;}
#mainheader nav li{margin:0 0 0 50px;}
#introleft{width:470px;}
#introquote{width:270px;}
#introduction h2{font-size:2.85em;}
#aboutleft{width:450px;}
#articlesright{width:324px;}
#articlesright article{font-size:0.95em;}
#mainfooter{font-size:0.9em;}
#mainfooter li{margin:0 25px 0 0;}
#mainfooter li:last-child{margin-right:0;}
}

/* Under 800px */
@media only screen and (max-width: 820px) and (min-width: 621px) {
.bodywidth{width:600px;}
#mainheader{padding:40px 0 0 0;}
#mainheader nav{font-size:1.1em; margin:12px 0 0 0;}
#mainheader nav li{margin:0 0 0 25px;}
.logo{width:40px; height:40px;}
#websitetitle h1{font-size:2.3em;}
#websitetitle h2{font-size:1.2em;}
#introleft{width:600px;}
#introquote{display:none;}
#aboutleft{width:400px;}
#articlesright{width:170px;}
#articlesright figure{display:none;}
#mainfooter{font-size:0.9em;}
#mainfooter nav, .copyright{display:block; float:none; width:100%; margin-bottom:15px;}
#mainfooter li{margin:0 15px 0 0;}
#mainfooter li:last-child{margin-right:0;}
.copyright{color:#b8b8b8; margin-bottom:0;}
}

/* Under 600px */
@media only screen and (max-width: 620px) and (min-width: 501px) {
.bodywidth{width:480px;}
#mainheader{padding:25px 0 0 0;}
#mainheader nav{float:left; font-size:1.1em; margin:18px 0 0 0;}
#mainheader nav li{margin:0 30px 0 0;}
.logo{width:40px; height:40px;}
#websitetitle h1{font-size:2.3em;}
#websitetitle h2{font-size:1.2em;}
#introleft{width:480px;}
#introduction h2{font-size:2.7em;}
#introquote{display:none;}
#aboutleft{width:310px; font-size:0.9em;}
#articlesright{width:150px;}
#articlesright article{font-size:0.9em;}
#articlesright figure{display:none;}
#mainfooter{font-size:0.9em;}
#mainfooter nav, .copyright{display:block; float:none; width:100%; margin-bottom:15px;}
#mainfooter li{margin:0 15px 0 0;}
#mainfooter li:last-child{margin-right:0;}
.copyright{color:#b8b8b8; margin-bottom:0;}
}

/* Under 480px */
@media only screen and (max-width: 500px) and (min-width: 341px) {
.bodywidth{width:320px;}
#mainheader{
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#mainheader nav{float:left; font-size:1.1em; margin:18px 0 0 0;}
#mainheader nav li{margin:0 30px 0 0;}
.logo{width:40px; height:40px;}
#websitetitle h1{font-size:2.3em;}
#websitetitle h2{font-size:1.2em;}
#introleft{width:320px; font-size:0.8em;}
#introduction h2{font-size:2.3em;}
#introquote{display:none;}
#aboutleft{width:320px; font-size:0.9em;}
#articlesright{width:320px; float:left; border-top:1px #dbdbdb solid; padding:20px 0 0 0; margin:10px 0 0 0;}
#articlesright article{font-size:0.9em;}
#articlesright figure{display:none;}
#mainfooter{font-size:0.8em;}
#mainfooter nav, .copyright{display:block; float:none; width:100%; margin-bottom:15px;}
#mainfooter li{margin:0 6px 0 0;}
#mainfooter li:last-child{margin-right:0;}
.copyright{color:#b8b8b8; margin-bottom:0;}
}

/* Under 320px */
@media only screen and (max-width: 340px) and (min-width: 5px)  {
.bodywidth{width:300px;}
#mainheader{padding:27px 0 0 0;}
#mainheader nav{float:left; font-size:0.9em; margin:15px 0 0 0;}
#mainheader nav li{margin:0 30px 0 0;}
.logo{width:40px; height:40px;}
#websitetitle h1{font-size:2.3em;}
#websitetitle h2{font-size:1.2em;}
#introleft{width:300px; font-size:0.8em;}
#introduction h2{font-size:2.3em;}
#introquote{display:none;}
#aboutleft{width:300px; font-size:0.9em;}
#articlesright{width:300px; float:left; border-top:1px #dbdbdb solid; padding:20px 0 0 0; margin:10px 0 0 0;}
#articlesright article{font-size:0.9em;}
#articlesright figure{display:none;}
#mainfooter{font-size:0.7em;}
#mainfooter nav, .copyright{display:block; float:none; width:100%; margin-bottom:15px;}
#mainfooter li{margin:0 6px 0 0;}
#mainfooter li:last-child{margin-right:0;}
.copyright{color:#b8b8b8; margin-bottom:0;}
}





















/* Add a black background color to the top navigation */
.topnav {
    background-color: #2996F3;
    overflow: hidden;
	min-height: 50px;

}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #ffffff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 13px;
	font-family: arial;
}

/* Add an active class to highlight the current page */
.active {
    background-color: #123754;
    color: #FFFFFF;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}



/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
    background-color: #123754;
    color: #FFF;
}


/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  margin-left:-4%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}



/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}






/* Button Style
/* ------------------------------ */

a.btneight { padding: 12px 1px 12px 1px; font-family: Arial;color: #ffffff;font-size: 14px;text-align:center;background: #0882FB;display: inline-block;width:100%;height:auto;text-decoration: none;}
a.btneight:hover {padding: 12px 1px 12px 1px;background: #0663bf;color: #ffffff;text-decoration: none;text-align:center;}
a.btneight:active {padding: 12px 1px 12px 1px;background: #0663bf;color: #ffffff;text-decoration: none;text-align:center;}

a.btneightactive { padding: 12px 1px 12px 1px; font-family: Arial;color: #ffffff;font-size: 14px;text-align:center;background: #0663bf;display: inline-block;width:100%;height:auto;text-decoration: none;}



a.btnftr { padding: 8px 1px 8px 1px; font-family: Arial;color: #ffffff;font-size: 12px;text-align:left;background: #123754;display: inline-block;width:100%;height:auto;text-decoration: none; padding-left:15px; padding-top:10px;}
a.btnftr:hover {padding: 8px 1px 8px 1px;background: #1a4d75;color: #ffffff;text-decoration: none;font-family: Arial;color: #ffffff;font-size: 12px;text-align:left;padding-left:15px; padding-top:10px}
a.btnftr:active {padding: 8px 1px 8px 1px;background: #1a4d75;color: #ffffff;text-decoration: none;font-family: Arial;color: #ffffff;font-size: 12px;text-align:left;padding-left:15px; padding-top:10px}






.btn{
    font-size: 12px;
    line-height: 30px;
    padding: 14px 34px;
    border: 0;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
	font-family: arial;
	text-decoration:none;
	width: 100%;
}
.btn:hover,
.btn:focus {
    color: #fff;
	text-decoration:none;
}
.btn-round {
    border-radius: 50px;
}
.btn-primary{
    background-color: #03e582;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active.focus, 
.btn-primary:active:focus, 
.btn-primary:active:hover{
    background-color: #00fe8f;
	text-decoration:none;
}

.btn-secondary {
    background-color: #f6861c;
	text-decoration:none;
	
}
.btn-secondary:hover{
    background-color: #da6d05;
	text-decoration:none;
}

.btn-green {
    background-color: #01a23c;
	text-decoration:none;
}
.btn-green:hover{
    background-color: #03dc52;
	text-decoration:none;
}
.btn-blue {
    background-color: #0083ff;
	text-decoration:none;
}
.btn-blue:hover {
    background-color: #0475e0;
	text-decoration:none;
}
.btn-red {
    background-color: #ff3133;
	text-decoration:none;
}
.btn-red:hover {
    background-color: #ff4345;
	text-decoration:none;
}
.btn-orange {
    background-color: #c54f00;
	text-decoration:none;
}
.btn-orange:hover{
    background-color: #e65c00;
	text-decoration:none;
}

.alert {
    padding: 10px 15px;
}







/* AFTER HEADER 3JOBCOLUMN */
.columnTOP {
	flex: 1;
	margin: 0px;
	padding: 5px;
	background-color: #4D767A;
	border-radius: 0px;
	margin: 5px 0;  
}




.wrapper {
  padding: 0px;
  width: 95%;
  margin: 10px auto;
}

.columns {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 20px 0;
}

.column {
	flex: 1;
	margin: 10px;
	padding: 30px;
	background-color: #FFFFFF;
	border-radius: 0px;
}
.column:first-child {
	margin-left: 0px;
}
.column:last-child {
  margin-right: 0;
}


@media screen and (max-width: 980px) {
  .columns .column {
    margin-bottom: 5px;
    flex-basis: 40%;
  }
  .columns .column:nth-last-child(2) {
    margin-right: 0;
  }
  .columns .column:last-child {
    flex-basis: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 680px) {
  .columns .column {
    flex-basis: 100%;
    margin: 0 0 5px 0;
  }
}








/* HEADER IMG */


.columnsHEADER {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 0px 0;
	background-color: #4D767A;
}

.columnHEADER {
  flex: 1;
  margin: px;
  padding: 0px;
  
  
  
}
.columnHEADER:first-child {
  margin-left: 0;
}
.columnHEADER:last-child {
  margin-right: 0;
  margin-top:15px;
  margin-left:50px;

}


@media screen and (max-width: 980px) {
  .columnsHEADER .columnHEADER {
    margin-bottom: 0px;
    flex-basis: 40%;
  }
  .columnsHEADER .columnHEADER:nth-last-child(2) {
    margin-right: 0;
  }
  .columnsHEADER .columnHEADER:last-child {
    flex-basis: 100%;
    margin-left:25px;
  }
}
@media screen and (max-width: 680px) {
  .columnsHEADER .columnHEADER {
    flex-basis: 100%;
	 margin-left:15px;
  }
}




/* GREY COLUMN */

.columnsGREY {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 20px 0;
  background-color: #ecf1f5;
}

.columnGREY {
  flex: 1;
  margin: 10px;
  padding: 30px;
  background-color: #ecf1f5;
  border-radius: 0px;
  
  
}
.columnGREY:first-child {
  margin-left: 0;
}
.columnGREY:last-child {
  margin-right: 0;
}


@media screen and (max-width: 980px) {
  .columnsGREY .columnGREY {
    margin-bottom: 5px;
    flex-basis: 40%;
  }
  .columnsGREY .columnGREY:nth-last-child(2) {
    margin-right: 0;
  }
  .columnsGREY .columnGREY:last-child {
    flex-basis: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 680px) {
  .columnsGREY .columnGREY {
    flex-basis: 100%;
    margin: 0 0 5px 0;
  }
}










/* ORANGE-columns */


.columnsORG {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 20px 0;
}

.columnORG {
	flex: 1;
	margin: 10px;
	padding: 30px;
	background-color: #ffd500;
	border-radius: 0px;  
}
.columnORG:first-child {
  margin-left: 0;
}
.columnORG:last-child {
  margin-right: 0;
}


@media screen and (max-width: 980px) {
  .columnsORG .columnORG {
    margin-bottom: 5px;
    flex-basis: 40%;
  }
  .columnsORG .columnORG:nth-last-child(2) {
    margin-right: 0;
  }
  .columnsORG .columnORG:last-child {
    flex-basis: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 680px) {
  .columnsORG .columnORG {
    flex-basis: 100%;
    margin: 0 0 5px 0;
  }
}




/* footer COLUMNs */

.columnsfooter {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 20px 0;
  background-color: #123754;
  
}

.columnfooter {
  flex: 1;
  margin: 10px;
  padding: 30px;
  border-radius: 0px;
  font:normal 16px "arial"; color:#ffffff !important; text-decoration:none;
}

.columnfooter a:{

  font:normal 16px "arial"; color:#ffffff !important; text-decoration:none;
}

.columnfooter a:hover{

  font:normal 16px "arial"; color:#ffffff; text-decoration:none;
}

.columnfooter:first-child {
  margin-left: 0;
}
.columnfooter:last-child {
  margin-right: 0;
}


@media screen and (max-width: 980px) {
  .columnsfooter .columnfooter {
    margin-bottom: 5px;
    flex-basis: 40%;
  }
  .columnsfooter .columnfooter:nth-last-child(2) {
    margin-right: 0;
  }
  .columnsfooter .columnfooter:last-child {
    flex-basis: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 680px) {
  .columnsfooter .columnfooter {
    flex-basis: 100%;
    margin: 0 0 5px 0;
  }
}




/*MAIN CONTACT FORM*/
@import url(https://fonts.googleapis.com/css?family=Montserrat);

/*basic reset*/
* {margin: 0; padding: 0;}

html {
	height: 100%;
	/*Image only BG fallback*/
	
	/*background = gradient + image pattern combo*/
	
}

body {
	font-family: montserrat, arial, verdana;
}
/*form styles*/
#msform {
	margin: 50px auto;
	text-align: center;
	position: relative;
}
#msform fieldset {
	background: white;
	border: 0 none;
	border-radius: 3px;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
	box-sizing: border-box;
	/*stacking fieldsets above each other*/
	position: relative;
	margin-top: 0;
	margin-right: 0%;
	margin-bottom: 0;
	margin-left: 0%;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
	display: none;
}
/*inputs*/
#msform input, #msform textarea {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	font-family: montserrat;
	color: #2C3E50;
	font-size: 13px;
}
/*buttons*/
#msform .action-button {
	width: 100px;
	background: #27AE60;
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px;
}
#msform .action-button:hover, #msform .action-button:focus {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
}
/*headings*/
.fs-title {
	font-size: 15px;
	text-transform: uppercase;
	color: #2C3E50;
	margin-bottom: 10px;
}
.fs-subtitle {
	font-weight: normal;
	font-size: 13px;
	color: #666;
	margin-bottom: 20px;
}
/*progressbar*/
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
	margin-top: 10px;
}
#progressbar li {
	list-style-type: none;
	color: white;
	text-transform: uppercase;
	font-size: 9px;
	width: 33.33%;
	float: left;
	position: relative;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: #333;
	background: white;
	border-radius: 3px;
	margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: white;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #27AE60;
	color: white;
}










.columnsBTNDAYS {
  column-width: 30px;
}

.columnsBTNDAYSactive {
  column-width: 40px;

background-color: #ffffff;
}




.BTNbackcolumns {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	background-color: #edebdf;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}



.containerYOUTUBE {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.YOUTUBEresponsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}