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

html, body {
        height: 100%;
        margin:0;
}

body {
        font-family: 'Roboto', sans-serif;
        font-weight: 400!important;
        font-size: 13px;
}


/*------------------------------------------
     Navigation Bar and Site Name
------------------------------------------*/

.title {
  padding-top:15px;
  padding-bottom:15px;
  padding-left:35px;
  padding-right:35px;
}

.navigation {
        font-family: 'Roboto', sans-serif;
        font-weight: 400!important;
        font-size: 13px;
        text-transform:uppercase!important;
        letter-spacing:1px;
        text-align:center;
        padding:15px;
}

.navigation ul{
        margin:0 auto;
}

.navigation li{
        display: flex;
}

.navigation i {
        font-family: 'FontAwesome;
}


section {
	position: relative;
	z-index: 1; /* needed for setting pseudo-element z-index */
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

section a {
        font-size: 14px;
	position: relative;
	display: inline-block;
	outline: none;
	vertical-align: bottom;
	text-decoration: none;
	white-space: nowrap;
}

section a::before,
section a::after {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}


.link-braces a {
	padding: 0 0.25em;
	font-weight: 500;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
        text-transform:uppercase;
}

.link-braces a::before,
.link-braces a::after {
	position: absolute;
	font-size: 150%;
	font-weight: 100;
        line-height:15px;
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}

.link-braces a::before {
	left: -0.1em;
	content: '[';
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.link-braces a::after {
	right: -0.1em;
	content: ']';
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.link-braces a:hover::before,
.link-braces a:hover::after {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}


/*------------------------------------------
     Header and Site Name
------------------------------------------*/

.header {
        width:1100px;
        height:350px;
}

.footerbar {
        width:1000px;
        height:5px;
}

.stitle {
        padding-top:5px;
        padding-bottom:5px;
        padding-left:15px;
        padding-right:15px;
        font-family: 'Roboto', sans-serif;
        font-weight: 700!important;
        font-size: 25px;
        padding:15px;
        text-transform:none;
        letter-spacing:0px;
        margin-left:35px;
        margin-right:35px;
}

.stitle small {
        font-family: 'Roboto', sans-serif;
        font-weight: 400!important;
        font-size: 12px;
        padding:5px;
        text-transform:uppercase;
        letter-spacing:1px;
}

.welcomemessage {
        display:block;
        font-family: 'Roboto', sans-serif;
        font-weight: 400!important;
        padding:5px;
        font-size: 12px;
        letter-spacing:1px;
        text-align:justify;
}


.welcomemessage i {
        font-family: 'FontAwesome'
}

/*------------------------------------------
     Quick Mobile Option
------------------------------------------*/
.mobile {
	display:none;
}

.sicons {
	display:block;
}

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

#wrapper{
        margin:0 auto;
        width: 1000px;
        margin-top:0px;
}

#container{
        overflow:hidden;
        z-index:1; 
        width:1000px;
        margin:0 auto;
}


/*------------------------------------------
     h5 and h5 link class
------------------------------------------*/

h5 {
        text-transform:none;
        letter-spacing:1px;
	font-size: 12px;
        line-height:12px;
        text-align:center;
        display:block;
        padding:8px;
        width:100%;
        display:block;
        margin-bottom:-1px;
}



h5 a:link {
        padding:5px;
        margin-bottom:1px;
	font-size: 11px;
        letter-spacing:0px;
        text-decoration: none;
        text-transform:uppercase;
        -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;
}

h5 a:hover {
        padding:5px;
        margin-bottom:1px;
	font-size: 11px;
        letter-spacing:0px;
        text-decoration: underline;
        text-transform:uppercase;
        -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;
}


h5 a:active {
        padding:5px;
        margin-bottom:1px;
	font-size: 11px;
        letter-spacing:0px;
        text-decoration: none;
        text-transform:uppercase;
        -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;
}

h5 a:visited {
        padding:5px;
        margin-bottom:1px;
	font-size: 11px;
        letter-spacing:0px;
        text-decoration: none;
        text-transform:uppercase;
        -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;
}

/*------------------------------------------
     Footer Classes
------------------------------------------*/

#footer{
        position: relative;
        text-transform:none;
        text-align:center;
        font-size:12px;
        padding:10px;
        line-height:14px;
}

#footer a:link {
        text-transform:none;
        text-align:center;
        font-size:12px;
        padding:5px;
        line-height:14px;
        text-decoration:none;
}

#footer a:hover {
        text-transform:none;
        text-align:center;
        font-size:12px;
        padding:5px;
        line-height:14px;
        text-decoration:none;
}

#footer a:visited {
        text-transform:none;
        text-align:center;
        font-size:12px;
        padding:5px;
        line-height:14px;
        text-decoration:none;
}


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

.clear{
        clear:both;
}