@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,300');

@import url('font-awesome.min.css');

@font-face {
    font-family: 'niameyregular';
    src: url('https://follamigos.vip/fonts/niamey_regular-webfont.eot');
    src: url('https://follamigos.vip/fonts/niamey_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://follamigos.vip/fonts/niamey_regular-webfont.woff2') format('woff2'),
         url('https://follamigos.vip/fonts/niamey_regular-webfont.woff') format('woff'),
         url('https://follamigos.vip/fonts/niamey_regular-webfont.ttf') format('truetype'),
         url('https://follamigos.vip/fonts/niamey_regular-webfont.svg#niameyregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

body
{
background: #8E0D0D ;
font-family: 'Open Sans', sans-serif;
font-size: 10pt;
color: #8c8c8c;
}

form
{
}

form input,
form select,
form textarea
{
-webkit-appearance: none;
}

br.clear
{
clear: both;
}

h1, h2, h3
{
font-weight: 300;
color: #262626;
}

h3 {
font-size: 1.5em;
font-weight: bold;
text-transform:capitalize;
margin-bottom: 15px;
}

h4 {
font-size: 1.25em;
font-weight: bold;
}



p, ul, ol, dl, table
{
margin-bottom: 1.75em;
}

p
{
line-height: 1.75em;
}

a
{
color: #ec1f1f;
}

section,
article
{
}

section > :last-child,
article > :last-child
{
margin-bottom: 0;
}

section:last-child,
article:last-child
{
margin-bottom: 0;
}

.image
{
display: inline-block;
}

.image img
{
display: block;

}

.image-full
{
display: block;
width: 100%;
margin: 0 0 2em 0;
}

.image-fullsize
{
display: block;
margin: 0 0 2em 0;
}


.image-left
{
float: left;
margin: 0 2em 1em 0;
}

.image.left
{
float: left;
margin: 0.5em 2em 0.5em 0;
}


.image-right
{
float: right;
margin: 0 0em 1em 2em;
}


.image-centered
{
display: inline-block;
margin: 0 0 2em 0;
}

.image-centered img
{
margin: 0 auto;
width: auto;
display: inline-block;
}

.image-center
{
display: block;
margin-right: auto;
margin-left: auto;
width: auto;
}



.button
{
background: #8E0D0D;
text-decoration: none;
font-style: italic;
color: #FFFFFF;
-moz-transition: background-color .25s ease-in-out;
-webkit-transition: background-color .25s ease-in-out;
-o-transition: background-color .25s ease-in-out;
-ms-transition: background-color .25s ease-in-out;
transition: background-color .25s ease-in-out;
}

.button:hover
{
background: #fc2f2f;
}

.button:active
{
background: #dc0f0f;
}

.login-button
{
background: #8E0D0D;
text-decoration: none;
font-style: italic;
color: #FFFFFF;
-moz-transition: background-color .25s ease-in-out;
-webkit-transition: background-color .25s ease-in-out;
-o-transition: background-color .25s ease-in-out;
-ms-transition: background-color .25s ease-in-out;
transition: background-color .25s ease-in-out;
float:right;
font-size: 1.5em;
border: 0;

}

.login-button:hover
{
background: #fc2f2f;
}

.login-button:active
{
background: #dc0f0f;
}

.login-button2
{
background: #8E0D0D;
text-decoration: none;
font-style: italic;
color: #FFFFFF;
-moz-transition: background-color .25s ease-in-out;
-webkit-transition: background-color .25s ease-in-out;
-o-transition: background-color .25s ease-in-out;
-ms-transition: background-color .25s ease-in-out;
transition: background-color .25s ease-in-out;
float:right;
font-size: 1.5em;
border: 0;
margin-bottom: 10px;
margin-right: 20px;
}

.login-button2:hover
{
background: #fc2f2f;
}

.login-button2:active
{
background: #dc0f0f;
}


ul.style1
{
}

ul.style1 li
{
position: relative;
line-height: 1.5em;
padding: 0.75em 0 0.75em 0;
border-top: solid 1px #E8E8E8;
}

ul.style1 a
{
text-decoration: underline;
color: #8d8d8d;
}

ul.style1 a:hover
{
text-decoration: none;
}

ul.style1 li.first
{
padding-top: 0;
border-top: 0;
}

ul.style2
{
cursor: default;
}

ul.style2 li
{
position: relative;
display: inline-block;
margin-right: 0.75em;
}

ul.style2 a
{
display: block;
background: #c0c0c0;
white-space: nowrap;
width: 42px;
height: 42px;
overflow: hidden;
color: #fff;

-moz-transition: background-color .25s ease-in-out;
-webkit-transition: background-color .25s ease-in-out;
-o-transition: background-color .25s ease-in-out;
-ms-transition: background-color .25s ease-in-out;
transition: background-color .25s ease-in-out;
}

ul.style2 a:before
{
display: block;
font-size: 24px;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
}

ul.style2 a:hover
{
background: #a0a0a0;
}

ul.style3
{
}

ul.style3 li
{
padding: 1.50em 0em 1.90em 0em;
border-top: 1px solid #e8e8e8;
}

ul.style3 a
{
text-decoration: none;
color: #6e6d6d;
}

ul.style3 a:hover
{
text-decoration: underline;
}

ul.style3 .posted
{
font-size: 0.90em;
color: #b6b6b6;
}

ul.style3 .first
{
padding-top: 0em;
border-top: none;
}


ul.style4
{
margin-bottom: 2em;
text-align: center;
overflow: hidden;
}

ul.style4 li
{
display: inline-block;
margin: 0 1em 0 1em;
padding: 0.70em 1em;
text-decoration: none;
font-size: 1.25em;
font-style: italic;
color: #787878;
cursor: pointer;
-moz-transition: background-color .25s ease-in-out;
-webkit-transition: background-color .25s ease-in-out;
-o-transition: background-color .25s ease-in-out;
-ms-transition: background-color .25s ease-in-out;
transition: background-color .25s ease-in-out;
}

ul.style4 li:hover,
ul.style4 li.active
{
background: #ededed;
color: #454545;
}

ul.style5
{
}

ul.style5 li
{
position: relative;
overflow: hidden;
line-height: 1.5em;
margin: 0 0 1.25em 0;
}

ul.style5 a
{
display: block;
text-decoration: underline;
color: #8d8d8d;
margin-left: 5.5em;
}

ul.style5 a:hover
{
text-decoration: none;
}

ul.style5 .date
{
position: absolute;
left: 0;
top: 0;
margin-right: 1em;
text-decoration: none;
color: #b3b3b3;
width: 5em;
}


ul.style12
{
cursor: default;
text-align: center;

}

ul.style12 li
{
position: relative;
display: inline-block;
margin-right: 0.75em;
}

ul.style12 a
{
display: block;
background: #c0c0c0;
white-space: nowrap;
width: 42px;
height: 42px;
overflow: hidden;
color: #fff;

-moz-transition: background-color .25s ease-in-out;
-webkit-transition: background-color .25s ease-in-out;
-o-transition: background-color .25s ease-in-out;
-ms-transition: background-color .25s ease-in-out;
transition: background-color .25s ease-in-out;
}

ul.style12 a:before
{
display: block;
font-size: 24px;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
}

ul.style12 a:hover
{
background: #a0a0a0;
}




.category
{
display: none;
}



/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

.icon
{
text-decoration: none;
}

.icon:before
{
display: inline-block;
font-family: FontAwesome;
font-size: 1.25em;
text-decoration: none;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}





.login-button.icon
{
position: relative;
}

.login-button.icon:before
{
margin-right: 0.5em;
position: relative;
top: 0.1em;
}


/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

#header-wrapper
{
overflow: hidden;
}

#banner-wrapper
{
}

#main-wrapper
{

}

#footer-wrapper
{
overflow: hidden;
}

/*********************************************************************************/
/* Bar                                                                           */
/*********************************************************************************/

#bar
{
position: relative;
overflow: hidden;
background: #101010 url(images/bg02.jpg) no-repeat center top;
background-size: 100% 100%;
}

#bar h2
{
color: #FFFFFF;
}

#bar p
{
color: #ec1f1f;
font-weight: bold;
}

/*********************************************************************************/
/* Slider                                                                        */
/*********************************************************************************/

#slider
{
background: #f4f4f4;
}

/*********************************************************************************/
/* Poptrox                                                                       */
/*********************************************************************************/

.poptrox-popup
{
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-o-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
box-shadow: 0px 25px 25px 0px rgba(0,0,0,0.25);
}

.poptrox-popup .caption
{
font-style: italic;
}

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

#main
{
overflow: hidden;
background: #FFFFFF;
}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

#footer
{
overflow: hidden;
background: url(images/bg03.png) no-repeat center top;
}

#footer h2
{
color: #000000;
}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

#copyright 
{
overflow: hidden;
border-top: 1px solid #d7d7d7;
text-align: center;
color: #b8b8b8;
}

/*********************************************************************************/
/* Login                                                                         */
/*********************************************************************************/

#login {
background-color: #fff;
padding: 1em;
border-radius: 10px;
-moz-border-radius: 10px;
}

#login2 {
background-color: #eeeeee;
padding: 0.5em;
border-radius: 10px;
-moz-border-radius: 10px;
}

.inputbox2 {
font-size: 1em;
width: 200px;
float:right;
}

.inputbox3 {
font-size: 1em;
width: 300px;
float:right;
}


.login {
font-size: 1.5em;
float: right;

}

/*********************************************************************************/
/* Hub Widget Integration Codes                                                  */
/*********************************************************************************/

.hub_search_member_form input, .hub_new_member_form input 
{
    padding: 10px;
    font-size: 13px;
}

.hub_search_member_form select, .hub_new_member_form select 
{
    font-size: 13px;
}

.hub_search_member_form label, .hub_new_member_form label 
{
    color: #111;
    padding: 4px 0;
}

.hub_search_member_form .hublocationlink a, .hub_new_member_form .hublocationlink a {
    color: #000;
}

.hub_new_member_form .formgroup, .hub_new_member_form .forminput {
width: 90%;
}

#btnSearch { margin-right: 20px; }


#clr, #clear, .clr, .clear {
clear:both;
}

ul .lists, li .lists {
list-style: square;
margin-left: 15px;
font-style: italic;
line-height: 2;
}

li ul {
	margin-left: 25px;
}


.orange {
color: #ec1f1f;

}

#bodytext {
background-color: #fff;
padding: 1em;
border-radius: 10px;
-moz-border-radius: 10px;

}

#sidebar {
	padding-left: 10px;
}