@media only screen and (max-width: 767px) {
    .mobile-nodisp{
        display: none!important;
    }
    .mobile-col-12{
        width: 100%;
    }
    #navbarCollapse{
        background-color: #563d7c;
    }
    #fixed-share-button {
        position:unset!important;
        z-index:0!important;
        top: unset!important;
        width: unset!important;
    }
    #fixed-share-button a {
        display:inline-block!important;
    }
}

@media screen and (max-width: 570px) {
    form table tr td ul.errorlist li:before{
        content: '\f00d';
        text-indent: 0;
        left: 0;
        
    }
    form table tr td ul.errorlist li{
        overflow: hidden;
        text-indent: -9999999px;
        white-space: nowrap;
        margin: 0;
        padding: 0;
    }
    form table tr td ul.errorlist{
        width: 20px;
        margin: 0;
        padding: 0;
    }
    form table td.errors{
        width: 20px;
    }
}
form td input, form td textarea{
    width: 100%;
    border: none;
}
input[type=submit], button[type=submit]{
    background-color: #6875D7;
    border: 5px solid #6875D7;
    color: white;
    font-weight: bold;
    margin: 15px 0 0 0;
}
form table{
    width: 100%;
    height: 100%;
    border: none;
}
form table td{
    padding:0;
    margin: 0;
}
form table td.field textarea, form table td.field input{
    background: #f3f6f6;
    padding: 5px 2px 5px 2px;
}
form table td.label_tag{
    background-color: lightsalmon;
    min-width: 85px;
    padding-left: 3px;
    color: #444;
}
form table td.errors{
    max-width: 30%;
    background-color: white;
}
form table td.field{
    background: #f3f6f6;
    border: 5px solid white;
}
form table td, form table th,form table tr{
    border: none;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
button.navbar-toggle .icon-bar{
    background-color: lightgray!important;
}
button.navbar-toggle{
    border-color: darkslateblue!important;
    border: none!important;
}
button.navbar-toggle:hover, button.navbar-toggle:focus, button.navbar-toggle:active{
    background-color: darkslateblue!important;
}
*{
    overflow-wrap: break-word;
    word-break:break-word;
}

.success{
    color: #27BDC7;
}

.price-table-wrapper a{
  text-decoration: none;
}

.price-table-wrapper{
  font-family: 'Lato', sans-serif;
  text-align: center;
  margin-top: 30px;
  
  .featured-table{
    box-shadow: 0px 0px 19px -3px rgba(0,0,0,0.36);
  }
  
  .pricing-table{
    display: inline-block;
    border: 1px solid #C8C8C8;
    border-radius: 10px;
    background: white;
    margin: 20px;
    transition: all 0.3s ease-in-out;
    
    &__header{
      padding: 20px;
      font-size: 20px;
      color: #909090 ;
      background: #E0E0E0;
    }
    &__price{
      color: #66CCCC;
      padding: 20px;
      margin: auto;
      font-size: 40px;
      font-weight: 500;
    }
    &__button{
      display: block;
      background: #66CCCC;
      text-decoration: none;
      padding: 20px;
      color: white;
      position: relative;
      overflow: hidden;
      transition: all 0.3s ease-in-out;
      
      &:before{
        position: absolute;
        left: -20%;
        top: -10%;
        content: '';
        width: 60%;
        height: 220%;
        transform: rotate(-30deg);
        background: white;
        opacity: .3;
        transition: all 0.3s ease-in-out;
      }
      
       &:after{
          position: absolute;
          content: '>';
          top: 0;
          right: 0;
          font-size: 25px;
          padding: 15px;
          padding-right: 40px;
          color: white;
          opacity: 0;
         transition: all 0.3s ease-in-out;
        }
      
      &:hover{
        background: black;
      }
    }
    &__list{
      padding: 20px;
      color: #A0A0A0;
      li{
        padding: 15px;
        border-bottom: 1px solid #C8C8C8 ;
        
        &:last-child{
          border: none;
        }
      }
    }
    
    &:hover{
      box-shadow: 0px 0px 19px -3px rgba(0,0,0,0.36);
      
      .pricing-table__button{
        padding-left: 0;
        padding-right: 35px;
       &:before{
          top: -80%;
          transform: rotate(0deg);
          width: 100%;
        }
        &:after{
          opacity: 1;
          padding-right: 15px;
        }
      }
    }
  }
}

table.contact{
    margin-bottom: 2em!important;
}
form{
    margin: 2em 0 2em 0;
}
table.contact tr, table.contact td{
    border: none;
}
header#header h1:after{
    content: none;
}
header#header h1{
    font-weight: bold;
}
header#header {
    background-color: #085aac;
    border-top: 1px solid #003e7d;
    border-bottom: 1px solid #003e7d;
    color: #222;
}
nav li:before{
    content: "";
}
nav li ul li:before{
    content: "";
}
table.head-button{
    text-align: left
}
#body-heading{
    margin-bottom: 3em;
}
.external-link:after:not(a[name]) {
	display:inline-block;
	font-family:fontello;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:"\e84d";
	margin-left:.3em
}
ul .external-link:after {
	margin-left:1.45em
}
.adds .external-link:after {
	display:none
}
.download-link:after {
	display:inline-block;
	font-family:fontello;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:"\ea6c";
	color:#3D95E7;
	margin-left:.3em
}
.download-link.external-link:after {
	display:inline-block;
	font-family:fontello;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:"\e8c1";
	color:#4D9A26;
	margin-left:.3em
}
.icon-download{
    color: green;
}
.icon-github{
    color: grey;
}
.pname{
    font-weight: bold;
}
#body-heading a{
    margin-left: 1em;
    color: darkgoldenrod;
    padding: 0.3125em;
}
#body-heading a:hover{
    outline: none;
    text-decoration: none;
    color: white;
    border-radius: 1px;
    background-color: darkseagreen;
}
#body-heading{
    text-align: center;
}
#article-title{
    font-weight: bold;
    font-size:2.1875em;
}
#title-tagline{
    font-size: 1.15em;
}
#toc{
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: calc(100vh - 7.8em);
}
#toc-container ul{
    margin: 0;
}
#toc-container ul ul{
    margin: 0.2em 0 0 0;
    padding-left: 1.4em;
}
#toc-container ul li {
	list-style:none;
	text-indent:-1.25em;
    margin-bottom: 0.4em;
    margin-left: .1em;
}
#toc-container ul li:before {
	display:inline-block;
	font-family: FontAwesome;
	content:"\f061";
    font-weight: bold;
    color: darkseagreen;
}
#toc-container ul ul li:before {
	content:"└─"
}
#toc-title{
    font-size: 1.6em;
    text-align: left;
    margin: 0.05em 0px 0.1em 0px;
    background-color: darkcyan;
    width: 100%;
    padding: 0.312em;
    color: white;
}
#toc-container div li{
    line-height: 1.5em;
    font-size: 1em;
}

.sticky {
   position: -webkit-sticky;
   position: sticky;
   top: 3.1em;
    margin: 0;
    padding: 0;
}
.sticky:before,
.sticky:after {
    content: '';
    display: table;
}
div.sticky div{
    overflow-y: hidden;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}
.headerlink{
    margin: 0 0 0 .25em;
    opacity: .2;
    color: black;
    font-size: 1em;
}
.headerlink:hover{
    opacity: 1;
    outline: none;
    text-decoration: none;
}
body{
    font-size: 16px;

}
.carousel-indicators li:before{
    content: none;
}
.carousel-indicators li {
	background-color:rgba(51,181,235,.5);
	border:darkgrey
}
.carousel-indicators li.active {
	background-color:rgba(51,181,235,1);
	border:#73DF35
}
#myCarousel img {
	max-height:32em;
	max-width:40em;
    width: initial;
    height: initial;
}
#jump-to-top,#jump-to-bottom {
	position:fixed;
	background:rgba(156,214,123,.7);
	width:3.3001em;
	height:2.1875em;
	text-align:center;
	float:right;
	right:0;
	display:none;
	z-index:9999;
	outline: none;
	text-decoration: none
}
#jump-to-top {
	bottom:0
}
#jump-to-bottom {
	top: 3.125em;
}
#jump-to-top:hover,#jump-to-bottom:hover {
	background:rgba(156,214,97,.7)
}
#jump-to-top *:hover,#jump-to-bottom *:hover {
	color:darkblue
}
#jump-to-top *,#jump-to-bottom * {
	color:darkgreen;
	font-weight:bold;
	font-size:1.3em
}

#fixed-share-button {
	position:fixed;
	margin:0;
	padding:0;
	right:0;
	z-index:9999;
    top: 6.25em;
    width: 3.25em;
}
#fixed-share-button a {
	display:block
}
.social-button-fixed {
	font-size:1.5em;
	color:white!important;
	padding:.4em;
	text-decoration:none
}
.social-button-fixed:hover,.social-button-fixed:active,.social-button-fixed:visited,.social-button-fixed:focus {
	text-decoration:none;
	color:white
}
.social-button-fixed:after {
	display:none
}
a.fb-btn {
	background:#3d5a99
}
a.fb-btn:hover {
	background:#1e4b98
}
a.tw-btn {
	background:#00AAEB
}
a.tw-btn:hover {
	background:#0099EB
}
a.ln-btn {
	background:#1b6298
}
a.ln-btn:hover {
	background:#0a5098
}
a.gp-btn {
	background:#f44336
}
a.gp-btn:hover {
	background:#ff2536
}
a.rd-btn {
	background:#FC471E;
}
a.rd-btn:hover {
	background:#ff2536
}
.navbar-fixed-top{
    border-width: 0 0 0px;
}
.custom-list-main-div{
    margin-top: 3em;
    display: table;
}
.custom-list-row{
    display: table-row;
}
.custom-list-thumbnail{
    display: table-cell;
    width: 25%;
}
.custom-list-content{
    display: table-cell;
    width: 70%
}
.custom-list-thumbnail img {
 width:100%;
 height:auto
}
.custom-list-content * {
 margin:0;
 padding:0
}
.custom-list-timestamp {
 margin-top:-.1em!important;
 font-style:oblique;
 font-size:.85em!important
}
.custom-list-content p {
 font-size:1.25em
}

#footer-container{
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 3em 4em 0 4em;
    background-color: #563d7c;
    z-index: 9999;
}
#footer-container *{
    color: white;
}
#footer-container a{
    display: block;
    line-height: 2.5em;
}
#copyright{
    margin-top: 2em;
    font-size: .9em;
}
.footer-mini-div b{
    line-height: 4.5em;
}
#body-content{
    min-height: 70vh;
    margin-bottom: 2em;
}
.disabled-link {
 pointer-events:none!important;
 cursor:default!important;
 text-decoration:none!important;
 color:#c4c4c4!important;
 outline:0!important
}

ul.nav li.dropdown ul.dropdown-menu{
    background-color: #563d7c;
    margin: 0;
    padding: 0;
}
.line-after:after, .line-before:before, h1:after{
 width:100%;
 border-top:1px solid #D6D6D6;
 display:block;
 height:1px;
 content:" ";
 position:absolute;
 left:0
}
ul.nav li.dropdown:hover > ul.dropdown-menu{
    display: block;
}
*{
    font-family: "Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
}
.navbar-brand, .navbar-brand:hover, .navbar-brand:focus, .navbar-brand:visited{
    color: white!important;
    font-weight: bold;
    background-color: inherit;
}
nav.navbar{
    background-color: #563d7c;
    margin: 0;
    height: 3.125em;
}
nav a{
    color: white!important;
    outline: none;
    background-color: inherit;
}
.navbar-nav > .active > a, ul.dropdown-menu > li.active > a, .navbar-nav > .active > a:focus, .navbar-nav > .active > a:hover{
    background-color: #46a7f5!important;
}
nav a:hover, #footer-container a:hover{
    background-color: #006b75!important;
}
.dropdown-menu a:visited, .dropdown-menu a:active{
    background-color: #563d7c!important;
}
.dropdown-menu a:hover{
    background-color: #006b75!important;
}
body{
    padding-top: 3.125em;
}

#header-cse{
    z-index: 54;
    margin-top: 0.7em;
    width: 270px;
    padding: 0;
}
#header-cse div input[type=text]{
    width: 75%;
    margin: 0;
    border: 1px solid grey;
    box-sizing: content-box;
    border-spacing: 0 0;
    background-color: inherit!important;
    color: white
}
#header-cse div button[type=submit]{
    width: 10%;
    margin: 0;
    padding: 0;
    background-color: #737CA1;
    border: 1px solid #737CA1;
}
.nav .glyphicon-search:before{
    color: white;
}