/********** BODY ***********/
body {
  background-color : #FFFFFF;
  text-align : center;
  margin : 0 0 0 0;
  padding : 0 0 0 0;
}

div#container {
  margin : 5px auto 0 auto;
  width : 800px;
  background-color : white;
  background-image : url('../i/gita.jpg');
  background-repeat: no-repeat;
  background-position: bottom left; 
}

div#content {
  text-align : left;
  margin : 5px 5px 5px 150px;
  padding: 5px 0px 5px 10px;
  background-image : url('../i/figa.jpg');
  background-repeat: no-repeat;
  background-position: top right; 
  border-left: 1px solid #BB141B;
}

h1 {
  color : #BB141B;
  border-bottom : 1px solid #BB141B;
  text-align : left;
  margin : 0px 210px 5px 0px;
  padding : 0px 0px 0px 0px;
  font-style : italic;  
}

h2 {
  color : #BB141B;
  border-bottom : 1px solid #BB141B;
  text-align : left;
  margin : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  font-style : italic;  
}

/********** HEADER ***********/
div#header {
  width : 800px;
  height : 120px;
  margin : 0 0 0 0;
  padding : 0 0 0 0;
}

/******** LINKS ************/
div#sections {
  float: left;
  width: 140px;
  font-weight : bold;
}

div#sections ul {
  margin : 5px 0px 0px 0px;
  padding : 5px 0px 0px 0px;
  text-align : left;
}

div#sections li {
  list-style-type : none;
  padding: 5px 0px 5px 0px;
  border-bottom : 1px dashed #BB141B;
}

div#sections li a {
  padding: 0px 0px 0px 25px;
}

div#sections li a:hover {
  border : none;
  background-repeat: no-repeat;
  background-position: center left; 
}

div#sections li a.s1:hover {
  background-image : url('../i/house.jpg');
  color : blue;
}

div#sections li a.s2:hover {
  background-image : url('../i/house2.jpg');
  color : purple;
}

div#sections li a.s3:hover {
  background-image : url('../i/house3.jpg');
  color : green;
}

div#sections li a.s4:hover {
  background-image : url('../i/house4.jpg');
  color : #FFA500;
}

/****** FOOTER *********/
div#footer {
  text-align : center;
  padding : 5px 5px 5px 5px;
  margin : 0px 5px 0px 5px;
  font-weight : bold;
}

div#footer a {
  text-decoration : none;
}

div#footer a img {
  border : none;
}

/************ FAQs **************/
dl#faq dt {
  margin : 5px 5px 5px 5px;
  padding : 10px 0px 0px 0px;
  font-weight : bold;
  border-bottom : 1px solid #BB141B;
  cursor : pointer;
}


/************ ADVANTAGES **************/
dl dt {
  margin : 5px 5px 5px 5px;
  padding : 10px 0px 0px 0px;
  font-weight : bold;
  border-bottom : 1px solid #BB141B;
}

/************** CONTACT ***********/
div#contact {
  background-image : url('../i/phone.jpg');
  background-repeat: no-repeat;
  background-position : left;
  margin : 0px 50px 0px 50px;
  padding : 50px 0px 50px 0px;
  width : 500px;
}

div#contact div {
  text-align : left;
	background-color: #FFFFFF;
	padding : 5px 5px 5px 200px;
	background : transparent;
}

div#contact div span {
  display : block;
  font-weight: bold;
  font-size : 20px;
  font-family : Bradley Hand ITC;
}

/********* TABLES ************/
table  {
  width : 500px;
  margin : 10px 50px 0px 50px;
  border-collapse: collapse;
}

table tr th {
  text-align : left;
  background-color : #FFFFFF;
  color : #BB141B;
  font-style : italic;
}

table tr.odd td {
  background-color : #EBE8D6;
  font-weight : bold;
  padding : 0 0 0 5px;
}

table tr.even td {
  font-weight : bold;
  padding : 0 0 0 5px;
}

/********* PRICES ************/
div#promo {
  text-align : left;
  color : green;
  font-size : 24px;
}

td.aud, th.aud {
  display : none;
}

td.cad, th.cad {
  display : none;
}

td.eur, th.eur {
  display : none;
}

td.gbp, th.gbp {
  display : none;
}

/******* SOFTWARE *************/
a.image1 {
  float : left;
  margin : 10px 5px 5px 5px;
  padding : 0px 0px 0px 0px !important;
  padding : 0px 6px 0px 0px; 
  position: relative;
  background: url('../i/shadow.gif') no-repeat bottom right;
}

a.image2 {
  float : right;
  margin : 10px 0px 5px 10px;
  padding : 0px 0px 0px 0px !important;
  padding : 0px 6px 0px 0px; 
  position: relative;
  background: url('../i/shadow.gif') no-repeat bottom right;
}

img.software {
  border : 1px solid #BB141B;
  margin: -6px 6px 6px -6px !important;
  margin: -6px 6px 2px -6px;
  position: relative;
  padding : 4px 4px 4px 4px;
}

ul {
  list-style-type : decimal;
  color : #BB141B;
  font-weight : bold;
}

/********* INDEX ************/
div.info {
  width : 200px;
  float : left;
  margin : 0px 5px 5px 5px;
  padding : 0px 0px 0px 0px !important;
  padding : 0px 0px 5px 0px; 
  position: relative;
  background: url('../i/shadow.gif') no-repeat bottom right;
}

div.info div.box {
  border : 1px solid #BB141B;
  margin: -6px 6px 6px -6px !important;
  margin: 0px 6px 0px 0px;
  position: relative;
}

div.info span.title {
  display : block;
  background-color : #BB141B;
  color : #FFFFFF;
  padding : 2px 2px 2px 2px;
  font-weight : bold;
}

div.info span.text {
  display : block;
  padding : 2px 2px 2px 2px;
  background : #FFFFFF;
}

/********* IMAGE ************/
img#ishelter {
	border : none;
	padding : 5px 5px 5px 5px;
	margin : 25px 5px 5px 5px;
}

img#admin {
	border : none;
	padding : 5px 5px 5px 5px;
	margin : 25px 5px 25px 200px;
}

img.screen {
  width : 600px;
  display : block;
  margin : 10px 5px 5px 5px;
}

/********* FEATURES **********/
div#f ul.p {
  float : left;
  width : 260px;
  list-style-type : none;
  padding : 0px 0px 0px 0px;
  margin : 0px 0px 15px 20px;
}

div#f li.t {
  font-size : 24px;
  margin-bottom : 5px;
  border-bottom : 1px solid #BB141B;
  color : #BB141B;
}

div#f li {
  color : #000000;
}

div#f li.pl {
  color : gray;
}

/********* GENERAL **********/
p:first-letter {
  color : #BB141B;
  font-size: 200%;
}

br {
	clear : both;
}

a {
  text-decoration: none;
  color : #7F7F7F;
}

a:hover {
  color : #BB141B;
}

span.important {
  color : #BB141B;
  font-weight : bold;
}

/******* FORMS **********/
div#content form#form {
  margin : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
}

div#content form#form label.field {
  font-weight : bold;
  float : left;
  text-align: right;
  width : 30%;
  margin : 5px 0px 0px 0px;
  padding : 0px 5px 0px 0px;
}

div#content form#form label.field:after {
  content : ' :';
}

div#content form#form label.error {
  color: #bb141b;
  text-align: right;
  margin: 0px 0px 0px 5px;
}

div#content form#form span.verification {
  font-weight : bold;
  float : left;
  text-align: right;
  width : 30%;
  margin : 5px 0px 0px 0px;
  padding : 0px 5px 0px 0px;
}

div#content form#form input,  div#content form#form textarea {
  margin: 5px 0px 5px 10px;
  padding : 0px 0px 0px 0px;
  border : 1px solid #BB141B;
  width : 250px;
}

div#content form#form textarea {
  width : 250px;
  height : 100px;
}

div#content form#form div#g-recaptcha-outer{
   margin : 5px 0px 0px 30%;
   border : 1px solid #BB141B;
padding : 0px 0px 0px 0px;
width : 302px;
}

div#content form#form input#submit {
  margin : 5px 0px 0px 30%;
  background-color : #BB141B;
  color : #FFFFFF;
  width : 70px;
}

div#content span.e {
  margin : 0px 200px 0px 200px;
  color : red;
  font-style : italic;
}

.divcontainerDC{
    width:95% !important;
}

.divsectionsDC{

  display:none;
   /* display:none; */

}

.divcontentDC {

  margin: 5px 5px 5px 5px !important;

}

.buttonDC{
    display:inline !important;
}

.pDC{

    font-size:16px !important;
}


.overlay {

    display:none;
    position:fixed;
    top:0;
    height:100%;
    width:100%;
    background:#333;
    overflow:auto;
    z-index:99;


}

.hiddenDC{

    display:none;
}

/*styling open close button*/
.button {
    display:none;
    position:absolute;
    left: 40px;
    top: 36px;
    z-index:999;
    font-size:60px;
    width:75px;
    height:75px;
}
.button a {
    text-decoration:none;
}
.btn-open:after {
    color:#333;
    content:"\f0c9";
    font-family:"FontAwesome";
    transition-property:all .2s linear 0s;
    -moz-transition:all .2s linear 0s;
    -webkit-transition:all .2s linear 0s;
    -o-transition:all .2s linear 0s;
}
.btn-open:hover:after {
    color:#34B484;
}
.btn-close:after {
    color:#fff;
    content:"\f00d";
    font-family:"FontAwesome";
    transition-property:all .2s linear 0s;
    -moz-transition:all .2s linear 0s;
    -webkit-transition:all .2s linear 0s;
    -o-transition:all .2s linear 0s;
}
.btn-close:hover:after {
    color: #34B484;
}

.wrap {
    width: 100% !important;
    font-size: 1.8em !important;
    line-height: 1.6em !important;
    color:#333;
    text-align:center;
    max-width:90%;
    margin:0 auto;
}
.wrap ul.wrap-nav {

    text-transform:capitalize;
    padding:150px 0px 100px;
}
.wrap ul.wrap-nav li {
    font-size:70px;
display:block;
    width:100%;
    position:relative;
    text-align:left;
}
.wrap ul.wrap-nav li a {
    color: #ffffff;
    display:block;
    padding:30px 0;
    text-decoration:none;
    transition-property:all .2s linear 0s;
    -moz-transition:all .2s linear 0s;
    -webkit-transition:all .2s linear 0s;
    -o-transition:all .2s linear 0s;
}
.wrap ul.wrap-nav li a:hover {
    color:#f0f0f0;
}
.wrap ul.wrap-nav ul {
    padding:20px 0;
}
.wrap ul.wrap-nav ul li {
    display:block;
    font-size:44px;
    width:100%;
    color:#e9e9e9;
}
.wrap ul.wrap-nav ul li a {
    color:#f0f0f0;
}
.wrap ul.wrap-nav ul li a:hover {
    color:#34B484;
}

.h1DC{
    font-size:3em !important;
}

.h2DC{
    font-size:2.5em !important;
}

.divFUlDC{
    width:95% !important;

}

.divFUlLiDC{
    padding-bottom: 15px;
    font-weight: normal;
}

.pPDCDC{
    font-size:24pt !important;
}

.tableDC{

    width: 100% !important;
    margin:0 !important;
    /* margin: 10px 50px 0px 50px; */
    font-size: 24pt !important;


}

.demoSignupformLabelInputDC {
    width: 40% !important;
    font-size: 1.5em !important;
}


.divContactDivSpanDC {

    font-size: 2em !important;
    padding-left:30px !important;
}

.footerDC{
    margin-top:150px !important;
}
.footerDC img{
    width: 18% !important;
}

.demosignuph1DC{
    font-size:2.2em !important;
}