body {
    background-color:#000;
}

A:hover {
    text-decoration: none;
}

#word span {
    margin: 0% 1.1%;
}

.jspDrag {
   
}

.jspTrack {
    background:#000;
}

#word span:first-child {
    margin-left: 0px;
}

#word span:last-child {
    margin-right:0px;
}

h1,h2,h3,h4,h5,h6 {
    margin:0px 0px;
    padding:10px 0px;
    font-weight:700;
    font-family: 'Khand', sans-serif;
    font-size:32px;
}

h1 {
    color:#000;
}

h5 {
    margin:0px 0px;
    padding:0px 0px;
    font-weight:700;
    font-family: 'Khand', sans-serif;
    font-size:18px;
}

p {
    margin:2px;
    font-size:16px;
}

.gap-1 {
    padding:10px 0px 10px 0px;
}

.gap-2 {
    padding:10px 15px 10px 15px;
}

.gap-3 {
    padding:10px 0px 10px 0px;
}

.pad-1 {
    padding:0px 15px;
}

.end-gap {
    padding:0px 0px 0px 0px;
}

.p-red {
    color: rgb(208,4,5);
}

.p-grey {
    color:rgb(172,172,172);
}

.p-white {
    color:rgb(250,250,250);
}

.p-blue {
    color: rgb(170,186,196);
}

.center {
    text-align: center;
} 

.hide {
    display:none;
}

.row {
    clear:both;
}

.excerpt-title {
    font-size:16px;
    font-family: Helvetica;
    color:rgb(85,85,85);
}

.blue-add-button-a {
    color:#fff;
    background-color:#00b6ff;
    padding: 2px 30px;
    font-family: 'Khand', sans-serif;
    text-align: right;
}

.blue-button {
    color:#fff;
    background-color:#00b6ff;
    padding: 2px 30px;
    font-family: 'Khand', sans-serif;
    margin-top:10px;
    display:inline-block;
}

.blue-button-excerpts {
    color:#fff;
    background-color:#00b6ff;
    padding: 2px 30px;
    font-family: 'Khand', sans-serif;
    margin-top:10px;
    display:inline-block;
    text-align: right;
}

.testimonial-box {
    padding:5px 0px;
}

/** Header **/

.outer {
    clear:both;
}

header {
    max-width:980px;
    width:100%;
    margin:0 auto;
    height:240px;
}

header a {
    color:#fff;
}
#mobile-menu-icon {
	display: none;
}
#mobile-navigation {
	display: none;
}
#mobile-navigation ul {
	padding: 0;
	list-style: 0;
	margin: 0;
}
#mobile-navigation ul li {
	border-top: 1px solid #fff;
	position: relative;
}
#mobile-navigation ul li i {
	position: absolute;
	top: 14px;
	left: 5px;
	color: #fff;
}
#mobile-navigation ul li a {
	padding: 10px;
	text-indent: 15px;
	color: #fff;
	display: block;
}
#logo {
    text-align:center;
    padding:0px;
    max-width:188px;
    clear:both;
		float: left;
}

.tagline p {
    color:#fff;
    font-family: 'Shadows Into Light', "courier new";
    font-size:25px;
    padding:35px;
}

#top {
    text-align:right;
    font-size:12px;
}

#cart {
    text-align:center;
}

#cart p {
    font-size:14px;
}

/** nav **/

#top-nav {
    padding:10px 5px;
}

#top-nav a {
    padding:0px 5px;
}

#nav-wrap {
    display:none;
}

#main-nav {
    padding:5px;
    text-align:center;
    font-size:18px;
    /* display:inline-block; */
    font-weight:bold;
    background-color:#fff;
    float:left;
    clear:both;
    margin-left:8%;
    position:relative;
    bottom:-20px;
    z-index:1;
}

#main-nav a {
    display:inline-block;
    color:#fff;
    background-color: rgb(85,85,85);
    text-decoration:none;
    padding: 5px 25px;
    font-family: 'Khand', sans-serif;
    
}

#nav-wrap-2 {
}

#m-nav {
    position:relative;
    z-index:1;
    top:20px;
		text-align:center;
}

#ul-nav {
    padding:0px;
    margin:0 auto;
    background-color:#fff;
    height:40px;
		display: inline-block;
}
#ul-nav > ul > li:first-child {
    margin-left:5px;
}
#ul-nav > ul > li:last-child {
    margin-right:5px;
}

#ul-nav li {
    
    float:left;
    list-style-type:none;
    background-color: rgb(85,85,85);
    margin:3px 2px;
}

#ul-nav li a {
		padding:4px 24px;
		display: block;
    font-family: 'Khand', sans-serif;
    font-size:18px;
}
#ul-nav > li > ul {
    display: none;
    padding: 0;
		position: absolute;

}
#ul-nav > li > ul li {
    display: block;
    float: none;
    border-top: 1px solid #fff;
		margin: 0px 0px 0px 2px;
}

/** mob nav **/

#mob-menu {
    display:none;
    width:70%;
    float:left;
}

#mob-nav {
    padding:25px 25px 25px 0px;
    text-align:center;
    font-size:18px;
    position:absolute;
    background-color:#fff;

    z-index:5;
}

#mob-nav a {
    float:left;
    width:100%;
    padding-bottom:4px;
    padding:11px 0px;
}

#mob-nav a:hover {
    background: url('/images/nav-back.jpg') repeat-x center center;
    background-size:100%;
    float:left;
    width:100%;
    color:pink;
    text-decoration:none;
}

/** content **/

#maincol {
        background-color:#fff;
        overflow:hidden; 
        padding:15px 20px;
        margin-top:40px;
    }

#home-top {
    text-align: center;
    position:relative;
    
}

.home-image {
    /*top: -15px;
    position: relative;
    z-index:-1;*/
    width:100%;
}

.inner {
    float:left;
    width:100%;
    padding:30px;
}

.responsive-img {
    width:100%;
}

#home-content {
    background-color:#fff;
    padding:15px 30px;
    overflow:hidden;
	clear: both;
}

#home-content p {

}


/** 3-boxes **/

#three-boxes {
    float:left;
    width:100%;
    padding:20px 0px 50px 0px;
}

.grey-box {
    background-color:rgb(85,85,85);
    padding:25px;
    border-radius:25px;
    color:#fff;
}

.grey-box h2 {
    text-align:center;
    display:inline-block;
    vertical-align:middle;
    margin-left:5px;
}

.grey-box img {
    /* margin-top:10px; */
}

.grey-box p {
    font-size:14px;
}

#big-grey-box {
    background-color:rgb(85,85,85);
    padding:25px;
    border-radius:25px;
    color:#fff;
    text-align:center;
}

#big-grey-box p  {
    text-align:left;
    font-size:14px;
}

#big-grey-box h2 {
    font-size:22px;
    padding-top:0px;
}

#big-grey-box h4 {
    font-family: Helvetica;
    font-size:18px;
    font-weight:300;
}

.big-grey-box-gap-1 {
    padding:5px 25px 5px 5px;
    color:#fff;
}

.big-grey-box-gap-2 {
    padding:5px 5px 5px 25px;
    color:#fff;
}

.white-box {
    float:left;
    clear:both;
    padding:10px 0px;
}

.white-box a {
    float:right;
}

.home-box {
    /* display:inline-block; 
    float:left;
    max-width:276px;
    width:100%;
    background-color: rgb(198,198,198);
    margin:0px 15px;*/
    height:300px;
    padding:10px;
}

.home-box-1 {
    height:300px;
    margin:10px 10px 10px 0px;
}

.home-box-2 {
    height:300px;
    margin:10px 5px 10px 5px;
}

.home-box-3 {
    height:300px;
    margin:10px 0px 10px 10px;
}

.home-box-1 img, .home-box-2 img, .home-box-3 img {
    width:100%;
}

#home-type-word {
    background:url('/images/home-search-box.jpg') no-repeat center center;
    position:absolute;
    top:100px;
    right:50px;
    width:580px;
    height:170px;
    text-align:left;
}

#home-type-word span {
    font-size:30px;
    color:#fff;
    font-family:fantasy;
}

#home-type-word p {
    font-size:22px;
    color:#fff;
    font-family:fantasy;
    display:inline;
}

#home-type-word input:focus {
    border:0;
    outline:0;
}

#home-message {
    margin-top:59px;
    font-size:24px;
    padding-left:5px;
    margin-left:60px;
    border:0;
    background:transparent;
}

#submit-word-home {
    float:right;
    margin-top:52px;
    margin-right:60px;
    background:transparent;
    border:0;
    outline:0;
}

#examples {
    text-align:center;
    padding:20px 0px;
}

#examples img {
    width:45%;
    margin:10px 0px;
}

#examples img:nth-child(even) {
    margin-left:10px;
}


/** footer **/



footer {
    clear:both;
    width:100%;
}

footer img {
    padding:10px 0px;
}

#foot-left-menu {
    padding:20px 0px;
    color:#fff;
    font-family: 'Khand', sans-serif;
}

#foot-left-menu a:first-child {
    margin-left:0px;
}

#foot-left-menu a {
    color:#fff;
    margin-right:15px;
    margin-left:15px;
    font-size:18px;
}

#foot-right {
    float:right;
    font-weight:700;
    text-align:right;
}

#foot-right img {
    padding:10px 0px 10px 5px;
}

/** about page **/




/* columns of same height styles */
.container-xs-height {
    display:table;
    padding-left:0px;
    padding-right:0px;
}
.row-xs-height {
    display:table-row;
}
.col-xs-height {
    display:table-cell;
    float:none;
}

/* vertical alignment styles */
.col-top {
    vertical-align:top;
}
.col-middle {
    vertical-align:middle;
}
.col-bottom {
    vertical-align:bottom;
}

.flex {
    display:-webkit-flex;
    display:-ms-flex;
    display:flex;
}

.container {
    max-width:980px;
}

.row-1 {
    margin:10px 0px;
    float:left;
}

.row-2 {
    margin:10px 0px;
    float:left;
}

.name-ball {
    
}

.flex-container {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
    }

.flex-item:nth-child(1) {
    order: 0;
    flex: 2 1 auto;
    align-self: stretch;
    padding:10px;
    }

.flex-item:nth-child(2) {
    order: 1;
    flex: 2 1 auto;
    align-self: stretch;
    padding:10px;
    }

.flex-item:nth-child(3) {
    order: 2;
    flex: 2 1 auto;
    align-self: stretch;
    padding:10px;
    }
		
		.cms-page h3 {
			font-size: 19px;
			margin: 0;
			padding: 0;
		}