@import url(font-awesome.min.css);
@import url('https://fonts.googleapis.com/css?family=Ubuntu|Satisfy|Questrial|Dosis');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    font-family: 'Ubuntu', sans-serif;
    height: 100%;
    position: relative;
}
img {
  max-width: 100%
}
.container {
    padding-top: 0px;
    min-height: 100%;
    height: auto !important;
    background: #f9f9f9;
}
.LeftMenu {
   width: 200px;
   display: table-cell;
   vertical-align: top;
   padding-right: 15px; // disable if fixed
   top: 70px;
   //position: fixed;
}
.PostMenu {
 display: table;
 width: 100%;
 background: #fff;
 //border-radius: 10px;
  border-top-left-radius: 10px 5px;
 border-top-right-radius: 10px 5px;
   box-shadow: 0 8px 11px 0 rgba(0,0,0,0.2), 0 6px 10px 0 rgba(0,0,0,0.19);
}
.PostMenuTitle {
 color: #fff;
 display: table-cell;
 padding-top: 10px;
 padding-bottom: 10px;
 background: #1655aa;
 text-align: center;
 font-size: 13px;
border-bottom: 2px solid #680303;
 border-top-left-radius: 3px;
 border-top-right-radius: 3px;
 font-weight: bold;
   font-family: 'Questrial', sans-serif;
}
.PostMenus {
 display: table-cell;
}
p {
   padding: 10px;
}
.Table
{
	display: table;
	width: 100%;
}
.Row
{
		display: table-row;
}
.Cell
{
		display: table-cell;
}
.TextField {
  border-radius: 5px;
  height: 30px;
  width: 90%;
  padding: 3px;
  border: 1px solid #cecece;
  font-family: "Lucida Sans Unicode", "Arial", "Trebuchet MS";
  text-align: left;
	font-size: 16px;
  color: #555555;
}
.SignupBtn {
  border: none;
  color: #fff;
  padding: 7px 14px;
  cursor: pointer;
  font-size: 30px;
  border-radius: 5px;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 5px solid #680303;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.Green {background-color: #4CAF50;}
.Green:hover {background-color: #46a049;}
.ErrorField {
	background: #FB9E87;
}
.btndisabled {
	opacity: 0.5;
	cursor: not-allowed;
        pointer-events: none;
}
.btnenable {
	opacity: 1;
	cursor: pointer;
        pointer-events: auto;
}
.NavContainer {
	height: auto;
	display: table;
  width: 100%;
  position: fixed;
  z-index: 10;
  //background: rgba(0,0,0,0.8);
  background: #333;
  border-bottom: 1px solid #757474;
  	-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
	     -o-transition: all 0.4s ease-in-out;
	    -ms-transition: all 0.4s ease-in-out;
	        transition: all 0.4s ease-in-out;
}
.NavContainerActive {
  background: rgba(32,32,32,1);
}
.SearchField {
  border-radius: 5px;
  height: 30px;
  width: 95%;
  padding: 2px;
  border: 0;
  font-family: "Lucida Sans Unicode", "Arial", "Trebuchet MS";
  text-align: left;
  font-size: 13px;
  color: #555555;
}
.SearchField:focus { 
      outline: none;
}
.SearchTable {
	display: table;
	width: 99%;
	//display: block; 
	background: #fff; 
	border-radius: 3px; 
	border: 1px solid #5B5959; 
	padding: 1px;
}
.SearchIcon {
	display: table-cell;
   border-radius: 3px; 
   background: #1655aa; 
   padding: 8px;
}
.FooterContainer {
  width: 100%;
  background: rgba(104,3,3,0.9);
  //border-top: 1px solid #757474;
  //border-bottom: 1px solid #757474;
}
.FooterRow {
    display: table-row;
}
.Copyright {
    display: table;
    width: 100%;
   color: #fff;
   font-size: 12px;
   text-align: center;
   padding-top: 20px;
}
.FooterMenu {
  display: table-cell;
}
.Footerul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    //text-align: right;
   font-size: 11px;
   width: 50%;
}

.Footerli {
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid rgba(255,255,255,0);
    border-left: 1px solid rgba(255,255,255,0);
}
.Footerli:first-child {
    border-top: 1px solid #fff;
}
.Footerli:hover {
    text-decoration: none;
    //padding-bottom: 2px;
    //border-bottom: 2px solid #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
        background: rgba(104,3,3,0.9);
          	-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
	     -o-transition: all 0.4s ease-in-out;
	    -ms-transition: all 0.4s ease-in-out;
	        transition: all 0.4s ease-in-out;
}
.FooterLink {
    text-decoration: none;
    color: #fff;
}
.NavMenu {
    display: table-cell;
}

.boxshadow {
  display: table-cell;
  border-bottom: 1px solid #cecece;
  padding: 5px;
  padding-bottom: 10px;
  //border-radius: 3px;
  //box-shadow: 9px 9px 10px -8px rgba(125,124,125,1);
}
.PostTitle {
  font-size: 17px;
  text-decoration: none;
  padding-left: 0px;
  font-weight: bold;
}
.PostTitle:visited {
  color: #680303;
}
.PostTitle:active {
  color: #680303;
}
.PostTitle:link {
  color: #680303;
}
.PostTitle:link:hover {
  //text-decoration: underline;
  border-bottom: 2px solid;
}
.PostSummary {
  font-size: 14px;
}
.PostDate {
  font-size: 12px;
}
.ArchiveUl {
    list-style-type: circle;
  padding-left: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.ArchiveLi {
    //display: inline;
  font-size: 13px;
}
.TopSection {
  background-image: url("../../images/cogs.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  //height: 400px;
}
.TopSectionContainer {
    height: 100%;
    background: rgba(22,85,170,0.9);   
}
.TopSectionBox {
	position: relative;
   display: table;
   max-width: 1200px;
   margin: auto;
   padding: 5px;
   vertical-align: top;
}
#TopSectionBox {
   width: 33%;
   padding: 10px;
   vertical-align: top;
}
#CellTopBox {
   vertical-align: top;
   padding-left: 8px;
   padding-right: 10px;
   padding-bottom: 10px;
   text-align: left;
   color: #fff;
   font-size: 18px;
}
#IconCell {
   vertical-align: top;
   width: 64px;
}
.ModuleHeadline {
	color: #f1f1f1;
   font-size: 18px;
   padding-bottom: 15px;
   font-weight: bold;
}
.ModuleDesc {
   color: #fff;
   font-size: 12px;
}
.GetStarted {
  color: rgba(22,85,170,0.9);
  font-size: 2em;
  font-weight: bold;
  font-family: 'Questrial', sans-serif;
  text-align: center;
}
#GetStartedBtn {
   color: #fff;
   background: rgba(104,3,3,0.7);
   border-radius: 20px;
   border: 2px solid #fff;
   padding: 15px;
   font-size: 20px;
   font-weight: bold;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
      	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}
#GetStartedBtn:hover {
  background: rgba(22,85,170,0.8);   
   	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}
.GetStartedLink {
   text-decoration: none;
}

.Menu {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 15;
}
.Menu a {
    color: #000000;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 13px;
    border: 1px solid #cecece;
}
.Menu a:hover {
   background-color: #f1f1f1
}
.menuIcon {
   position: absolute;
   width: 18px;
   height: 18px;
}
.Blank1 {
   height: 100px;
}
.Blank2 {
   height: 10vh;
}
.TableBox1 {
  border-radius: 10px;
  width: 62%;
  margin: auto;
  //border: 1px solid rgba(22,85,170,0.9);
 // background: rgba(22,85,170,0.7);
  background-image: url("../../images/background-2462433_1920.jpg");
  background-repeat: no-repeat;
 //background-size: cover;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
}
.TableBox1Container {
  border-radius: 10px;
  display: table;
  padding: 20px;
  padding-left: 30px;
  color: #fff;
  height: 100%;
  background: rgba(22,85,170,0.85);   
}
.liBox1 {
  padding-bottom: 10px;
}
.docs {
  font-size: 14px;
}
.CellPic {
  //display: table-cell;
   box-shadow: 0 8px 10px 0 rgba(0,0,0,0.2), 0 6px 10px 0 rgba(0,0,0,0.19);
  padding: 0px;
  margin: 0px;
  background:  rgba(104,3,3,0.8);
  border-radius: 8px;
}
.CellContent {
  display: table-cell;
  font-family: 'Dosis', sans-serif;
}
.liFeat1 {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  list-style-type: square;
  background: #DFEDFC;
  margin-left: 15px;
}
.liFeat2 {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  background: #FCEFDF;
  list-style-type: circle;
  margin-left: 15px;
}
.PlansTable {
  width: 90%;
  display: table;
  margin: 10px auto 10px;
}
.PlansRowTitle {
  display: table-row;
  text-align: center;
}
.PlansRow {
  display: table-row;
  text-align: center;
}
.PlansCellTitle {
  display: table-cell;
  //border-radius: 10px 10px 0px 0px;
  background: rgba(22,85,170,1);
  border: solid;
  //border-width: 0px 0px 2px 0px;
  border-width: 1px;
  border-color: #ffffff;
  vertical-align:middle;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #ffffff;
  font-family: 'Questrial', sans-serif;
  font-size: 25px;
  font-weight: bold;
  box-shadow: 0px 0px 4px 0px #888888;javascript:void(0);
}
.PlansCellTitleBlank {
  display: table-cell;
  border-width: thin;
  border-color: #fff;
}
.PlansCell {
  display: table-cell;
  background: #DFEDFC;
  border: solid;
  border-width: 1px;
  border-color: #fff;
  vertical-align:middle;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: 'Dosis', sans-serif;
  font-size: 20px;
  box-shadow: 0px 0px 4px 0px #888888;
  //width: 33%;
}
.MoreInfoIcon {
  padding-left: 20px;
}
.MoreInfo {
  position: absolute;
  //border: solid 1px #cecece;
  box-shadow: 0px 0px 2px 0px #999999;
  background: #FCEFDF;
  width: 50%;
  font-size: 13px;
  text-align: left;
  padding: 10px;
  display: none;
  border-radius: 5px;
}
.CloseIcon {
  position: absolute;
  top: -10px;
  right: -10px;
}
.PlansCellSignUp {
  display: table-cell;
  background: #50722c;
  border: solid;
  border-width: 4px;
  border-color: #fff;
  vertical-align:middle;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #ffffff;
  font-family: 'Questrial', sans-serif;
  font-size: 22px;
  font-weight: bold;
  //border-bottom: 4px solid #F1C40F;
/*For Chrome-Safari*/
//-webkit-border-radius: 10px 10px 10px 10px;
/*For Firefox*/
//-moz-border-radius: 10px 10px 10px 10px;
}
.PlansCellSignUp:hover {
  //background: #6f9d3e;
  background: #DD6005;
  //border-bottom: 4px solid #FA6C04;
}
.PlansCellFeature {
  display: table-cell;
  border-bottom: solid 1px #cecece;
  //box-shadow: 0px 0px 2px 0px #999999;
  vertical-align:middle;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: 'Dosis', sans-serif;
}
.PlansCellPricing {
  display: table-cell;
  vertical-align:middle;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: 'Questrial', sans-serif;
  font-size: 22px;
  font-weight: bold;
  color:  rgba(104,3,3,1);
}
.billing_info {
  width: 99%;
  padding: 5px;
  margin: 10px auto 10px;
  border: solid;
  border-width: 1px;     
  border-color: #ddd; 
  font-family: "Lucida Sans Unicode", "Arial", "Trebuchet MS";        
  font-size: 12px;  
}
.OrderLink {
  text-decoration: none;
  color: #ffffff;
}
.imageWrap {
	float: left; 
	margin: 4px 10px 0px 0px;
}
/*  */
/*  SECTIONS  */
.TopBox-section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.TopBox-col {
	display: block;
	float:left;
	margin: 2% 0 2% 1.6%;
}
.TobBox-col:first-child { margin-left: 0; }

/*  GROUPING  */
.TobBox-group:before,
.TobBox-group:after { content:""; display:table; }
.TobBox-group { zoom:1; /* For IE 6/7 */ }
.TobBox-group:after { clear:both;}

/*  GRID OF THREE  */
.TobBox-span_3_of_3 { width: 100%; }
.TobBox-span_2_of_3 { width: 66.13%; }
.TobBox-span_1_of_3 { width: 32.26%; }

/*  SECTIONS  */
.content-section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.content-col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.content-col:first-child { margin-left: 0; }

/*  GROUPING  */
.content-group:before,
.content-group:after { content:""; display:table; }
.content-group:after { clear:both;}
.content-group { zoom:1; /* For IE 6/7 */ }

.Title {
  color: rgba(22,85,170,0.9);
  font-size: 3em;
  font-family: 'Questrial', sans-serif;
}
/* pricing */
.pricing-columns {
    float: left;
    width: 33.3%;
    padding: 8px;
}

.price {
    list-style-type: none;
    border: 1px solid #cecece;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.price:hover {
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

.price .header {
	 border: 1px solid #cecece;
    background-color: #111;
    color: white;
    font-size: 25px;
}

.price li {
    border-bottom: 1px solid #eee;
    padding: 20px;
    text-align: center;
}

.price .grey {
    background-color: #eee;
    font-size: 20px;
}

.pricing-button {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    -webkit-transition: 0.3s;
    transition: 0.3s
}
.pricing-button:hover {
  background: #DD6005;
}
/* /pricing */

/* topnav */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  margin-right: 20px;
}

.active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}

.dropdown {
    float: left;
    overflow: hidden;
}

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

.dropdown-content {
    display: none;
    position: absolute;
    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: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
              border-bottom: 1px solid #cecece;
              width: 100%;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  //background-color: #555;
  //color: white;
      background: rgba(22,85,170,0.8);
    //padding-bottom: 15px;
    border-bottom: 3px solid #680303;
      	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}

.dropdown-content a:hover {
    background-color: #ddd;
    color: black;
          width: 100%;
          border-bottom: 1px solid #680303;
}

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

/* /topnav */

/* bottom nav */
.navbar {
  overflow: hidden;
  //background-color: #333;
  bottom: 0;
  width: 100%;
}

.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 13px;
}

.navbar a:hover {
  background: #f1f1f1;
  color: black;
}

.navbar a.active {
  background-color: #4CAF50;
  color: white;
}
/* bottom nav */

@media only screen and (max-width: 600px) {
	/* small screen */
.Title1 {
   font-size: 2em;
   font-weight: bold;
   text-align: center;
   color: #fff;
}
.Title2 {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
}	
.TobBox-col {  margin: 2% 0 2% 0%; }
.TobBox-span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
.TopSectionBlank {
  width: 100%;
  padding-top: 70px;
}
	.content-col { 
		margin: 1% 0 1% 0%;
	}
	.content-span_2_of_2, .content-span_1_of_2 { width: 100%; }
.contentBox {
   top: 10px;
   padding-top: 0px;
   width: 95%;
   height: 300px;
   min-height: 300px;
   margin: auto;
   padding: auto;
   //z-index: 4;
   position: relative;
   display: table;
   font-size: 0.8em;
}	
.Content {
  width: 80%;
  display: table-cell;
  padding: 5px;
  font-size: 16px;
}
.SubTitle {
  color:  rgba(104,3,3,0.8);
  font-size: 2em;
  font-family: 'Questrial', sans-serif;
  text-align: center;
  padding-top: 2px;
}
.pricing-columns {
        width: 100%;
    }
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }    
.topnav.responsive {position: fixed;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
   .topnav {
  overflow: hidden;
  background-color: #333;
  width: 100%;
  margin: auto;
  z-index: 10;
  vertical-align: middle;
}   
.Footer {
  padding-top: 10px;
  //height: 200px;
  width: 100%;
  margin: auto;
  font-family: 'Questrial', sans-serif;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  display: table;
}
}

@media only screen and (min-width: 600px) {
	/* big screen */
.Title1 {
   font-size: 3.5em;
   font-weight: bold;
   text-align: center;
   color: #fff;
}
.Title2 {
  font-size: 2.2em;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
}
.TopSectionBlank {
  width: 100%;
  padding-top: 70px;
}
.contentBox {
   top: 10px;
   padding-top: 0px;
   width: 60%;
   height: 300px;
   min-height: 300px;
   margin: auto;
   padding: auto;
  // z-index: 4;
   position: relative;
   display: table;
   font-size: 1em;
}
.SubTitle {
  color:  rgba(104,3,3,0.8);
  font-size: 2.5em;
  font-family: 'Questrial', sans-serif;
  text-align: center;
  padding-top: 2px;
}
/*  GRID OF TWO  */
.content-span_2_of_2 {
	width: 69%;
}
.content-span_1_of_2 {
	width: 29.2%;
}
.topnav {
  overflow: hidden;
  background-color: #333;
  width: 60%;
  display: table;
  margin: auto;
  z-index: 10;
}
.Footer {
  padding-top: 10px;
  //height: 200px;
  width: 60%;
  margin: auto;
  font-family: 'Questrial', sans-serif;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  display: table;
}
}
.LogoLink:hover {
	//all: initial;
	background-color: transparent !important;
	border-bottom: 0px !important;
}
.PoweredBy {
	text-align: center;
}