@import url("../../webfonts/fontawesome/stylesheet.css");
/***************** HOME PAGE CSS *****************************/

#feature-bg{
    background-image: url(../../img/features.jpg);
    background-size: cover;
    min-height: 300px;
    padding-bottom: 50px;
}

.alert{
  border-radius: 3px 8px 8px 8px;
-moz-border-radius: 3px 8px 8px 8px;
-webkit-border-radius: 3px 8px 8px 8px;
border: 2px solid #8d19fa;
}

h1,h2{color:#fff;
font-family:inherit;
text-align:center;
background-color:#0074CD;
padding:5px;
padding-left: 30px;
border: 2px solid blue;
    border-radius: 25px;
}

h3{color:#fff;
font-family:inherit;
text-align:center;
background-color:#00AEE9;
padding:5px;
padding-left: 30px;
border: 2px solid blue;
    border-radius: 25px;
}
h4{color:#fff;
font-family:inherit;
text-align:center;
background-color:#7BB400;
padding:5px;
padding-left: 30px;
border: 2px solid blue;
    border-radius: 25px;
}

p,ol,ul{
	font-size: 16px;
        font-family:'Anton', sans-serif;
}

#process{
    background-color: #F1F1F1;
    padding-bottom: 50px;
}
#grayground{
	background: #F2F2F2;
	padding-bottom: 50px;
}

#download{
    position: relative;
    top: 400px;
}

footer{
    background-color: #D4D4D4;
    min-height: 100px;
}

@media(max-width: 767px){
    #download{
        top:160px;
    }
}

/************* HOW TO USE PAGE ******************/

#how-use-bg{
    background-image: url(../../img/features.jpg);
    background-size: cover;
    min-height: 100px;
}

.video-responsive {
    overflow: hidden;
    padding-bottom: 30.25%;
    position: relative;
    height: 0;
}
.video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
    position: absolute;
}

/************** DOWNLOAD CSS *********************/

td{
    border-top: 0px !important;
}

td.left-txt {
    font-weight: 600;
}

.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 1px solid #2bd2f0;
    border-radius: 8px;
    background: #4a4aff;
    background: -webkit-gradient(linear, left top, left bottom, from(#4a4aff), to(#262c99));
    background: -moz-linear-gradient(top, #4a4aff, #262c99);
    background: linear-gradient(to bottom, #4a4aff, #262c99);
    text-shadow: #591717 1px 1px 1px;
    font: normal normal bold 20px comic sans ms;
    color: #ffffff;
    text-decoration: none;
}
.button:hover,
.button:focus {
    border: 1px solid #31f2ff;
    background: #5959ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#5959ff), to(#2e35b8));
    background: -moz-linear-gradient(top, #5959ff, #2e35b8);
    background: linear-gradient(to bottom, #5959ff, #2e35b8);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #2c2c99;
    background: -webkit-gradient(linear, left top, left bottom, from(#2c2c99), to(#262c99));
    background: -moz-linear-gradient(top, #2c2c99, #262c99);
    background: linear-gradient(to bottom, #2c2c99, #262c99);
}
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}