/*------------------------------------------
--------------------------------------------
Custom Coding
--------------------------------------------
Includes:
1. Body Stylesheet
2. Header Site Name and Navigation
3. Container and Wrapper
4. Link Classes
5. Other
FINAL: DO NOT REMOVE OR EDIT
--------------------------------------------
------------------------------------------*/



/*------------------------------------------
1     Body Stylesheet
------------------------------------------*/

html, body {
  height: 100%;
}

body {
  background-color:#e7e3f0;
  font-family: arial;
  text-align:center;
  font-size: 13px;
  color: #5e5e5e;
  padding:0px!important;
  margin:0!important;
}



/*------------------------------------------
2     Header Site Name and Navigation
------------------------------------------*/

.themewrap {
    width:900px;
    margin-top:50px;
}
.sitetitle {
    font-family: 'Wire One', sans-serif;
    font-size:65px;
    color:#222222;
    text-align:left;
}

.sitetitle span {
    color:#295055;
}

.slogan {
    font-family: 'Poppins', sans-serif;
    font-weight:300;
    font-size:12px;
    text-transform:uppercase;
    color:#5c5668;
    text-align:right;
    position:relative;
    top:-15px;
    left:-15px;
}

.slogan span {
    background-color:#e7e3f0;
    padding:3px;
    position:relative;
    top:5px;
    left:0;
}

.line {
    width:80%;
    height:1px;
    background-color:#ffffff;
}

.top {
    width:100%;
}

.topleft {
    width:50%;
}

.topleft img {
    margin-left:-2px;
}

.topmiddle {
    width:30%;
}

.topright {
    width:20%;
}

.topright img {
    position:relative;
    left:2px;
    top:0px;
}

.menu main {
    border: 0!important;
}

#menu {
    border: 0!important;
    display:block;
}

.navibar {
    text-align:center;
    background-color:#a07590;
    font-family: 'Open Sans', sans-serif;
    width:100%;
}

.navibar a:link,
.navibar a:visited,
.navibar a:active {
    padding-top:10px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:10px;
    color:#ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size:70%;
    font-weight:700;
    -webkit-transition: opacity 0.4s linear;
    -webkit-transition: all 0.4s ease-out; 
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    text-decoration:none;
    letter-spacing:1px;
    text-transform:uppercase;
}

.navibar a:hover {
    background-color:rgba(255, 255, 255, 0.1);
    color:#ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size:70%;
    font-weight:700;
    -webkit-transition: opacity 0.4s linear;
    -webkit-transition: all 0.4s ease-out; 
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    text-decoration:none;
    letter-spacing:1px;
    text-transform:uppercase;
}

/*------------------------------------------
3     Container and Wrapper
------------------------------------------*/

#wrapper{
  margin:0 auto;
  width: 870px;
  padding:10px;
  line-height:25px!important;
  text-align:justify;
}

#container{
  overflow:hidden;
  font-family: 'Poppins', sans-serif;
  font-weight:300;
  z-index:1; 
  width:900px;
  color: #8b8b8b;
  margin:0 auto;
  text-align:justify;
  background-color:#ffffff;
}

#container b {
  font-weight:600;
}

/*------------------------------------------
4     link classes
------------------------------------------*/

a:link {
  text-decoration:none; 
  color: #222222;
  font-size: 11px;
  font-family:arial;
  letter-spacing:0px;
  padding:0px;
  line-height:11px;
  font-weight:none;
  font-style:none;
  -webkit-transition: opacity 0.3s linear;
  -webkit-transition: all 0.3s ease-out; 
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

a:visited {
  text-decoration:none; 
  color: #222222;
  font-size: 11px;
  font-family:arial;
  letter-spacing:0px;
  padding:0px;
  line-height:11px;
  font-weight:none;
  font-style:none;
  -webkit-transition: opacity 0.3s linear;
  -webkit-transition: all 0.3s ease-out; 
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

a:active {
  text-decoration:none; 
  color: #222222;
  font-size: 11px;
  font-family:arial;
  letter-spacing:0px;
  padding:0px;
  line-height:11px;
  font-weight:none;
  font-style:none;
  -webkit-transition: opacity 0.3s linear;
  -webkit-transition: all 0.3s ease-out; 
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

a:hover {
  text-decoration:none;
  border-bottom:1px dotted #75414e;
  color: #295055;
  font-size: 11px;
  font-family:arial;
  letter-spacing:0px;
  padding:0px;
  line-height:11px;
  font-weight:none;
  font-style:none;
  -webkit-transition: opacity 0.3s linear;
  -webkit-transition: all 0.3s ease-out; 
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }




/*------------------------------------------
5     Other
------------------------------------------*/

hr {
 border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
  opacity: 0.5;
}


#container img {
border:1px solid rgba(163, 163, 163, 0.2);
padding:10px;

}

a.backbutton:link {
padding:15px;
background-color:rgba(255, 255, 255, 0.3);
  -webkit-transition: opacity 0.3s linear;
  -webkit-transition: all 0.3s ease-out; 
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
font-size:14px;
}

a.backbutton:visited {
padding:15px;
background-color:rgba(255, 255, 255, 0.3);
  -webkit-transition: opacity 0.3s linear;
  -webkit-transition: all 0.3s ease-out; 
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
font-size:14px;
}

a.backbutton:active {
padding:15px;
background-color:rgba(255, 255, 255, 0.3);
  -webkit-transition: opacity 0.3s linear;
  -webkit-transition: all 0.3s ease-out; 
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
font-size:14px;
}

a.backbutton:hover {
padding:15px;
background-color:rgba(255, 255, 255, 0.3);
  -webkit-transition: opacity 0.3s linear;
  -webkit-transition: all 0.3s ease-out; 
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
font-size:14px;
}

blockquote {
  font: 14px/20px italic Times, serif;
  padding: 8px;
  background-color:rgba(255, 255, 255, 0.2);
  margin: 5px;
  }
  blockquote span {
     display: block;
   }


#wrapper li:before{
    font-family: FontAwesome;
    font-size:100%;
    line-height:100%;
    margin: 0;
    padding-top:6px;
    padding-bottom:6px;
    padding-left:8px;
    padding-right:8px;
}

#wrapper li:before{
    content:"\f0da";
}

#wrapper ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
 
#wrapper li {
  border-bottom:1px solid rgba(163, 163, 163, 0.2);
  font-family: 'Poppins', sans-serif;
  font-weight:300;
  padding:8px;
  margin-bottom:3px;
}


#wrapper li a:link {
  font-family: 'Poppins', sans-serif;
  font-weight:300;
  font-size:23px;
}

#wrapper li a:hover {
  font-family: 'Poppins', sans-serif;
  font-weight:300;
  font-size:23px;
}


#wrapper li a:visited {
  font-size:23px;
  font-family: 'Poppins', sans-serif;
  font-weight:300;
}


#wrapper li a:active {
  font-size:23px;
  font-family: 'Poppins', sans-serif;
  font-weight:300;
}

/*------------------------------------------
     1024px Media
------------------------------------------*/
@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {
#wrapper{
  width: 95%;
}

#container{
  width:90%;
}

.themewrap {
    width:90%;
}

.topleft {
    display:none;
}


.topmiddle {
    width:100%;
    display:block;
}

.topright {
    display:none;
}

#header {
  width:100%;
}

#menu ul{
list-style:none;
line-height:60px;
}

#menu li{
display:block;
}
}



/*------------------------------------------
      DO NOT REMOVE OR EDIT
------------------------------------------*/

.clearfooter {
  height:100px;
  clear:both;
}

.clear{
  clear:both;
}