@import url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
 * {
     box-sizing: border-box;
}
 body{
     max-width: auto;
     margin: 0 auto;
     padding: 0;
     background: #303030;
     font-family: 'Montserrat', sans-serif;
     background : url(/style/img/bg.png) #fff;

}
a {
	text-decoration: none;
	color:#95a5a6;
}

input[type~=email],
input[type~=number],
input[type~=password],
input[type~=select],
input[type~=text],
textarea{
	border:1px solid #d8d8d8;
	color:#d8d8d8;
	padding:10px;
	margin:2px;
	border-radius:5px;
	width:100%
}

input[type~=submit] {
	background: #fff;
	border:1px solid #303030;
	color:#303030;
	padding:10px;
	margin:1px;
  width:100%;
	border-radius:5px;
}

.h2border
{
	border-bottom: 3px solid #8e44ad;
  width: 25%;
}

 .header{
     background: #fff;
     background: linear-gradient(to top right, #3498db, #8e44ad);
     padding: 10px;
     color: white;
     display: flex;
     justify-content: space-between;
}
.block{
  background: #fff;
 	border-radius: 0px 0px 7px 7px;
   	color:#95a5a6;
   	padding:10px;
   	font-size: 14px;
}
 .logo{
     font-weight: bold;
}
 .top{
     background:#27ae60;
     background: linear-gradient(to top right, #3498db, #8e44ad);
     padding: 15px;
     color: white;
     border-radius: 5px 5px 0px 0px;
}
.footer {
    background:#27ae60;
    padding: 15px;
    color: white;
}
 .c{
     background: white;
     padding: 5px;
}
 .row{
     display: flex;
     flex-wrap: wrap;
}

.c-20{
     width: 20%;
}
.c-25{
     width: 25%;
}
.c-30{
		width: 30%;
}
.c-40{
    width: 40%;
}
 .c-50{
     width: 50%;
}
.c-60{
    width: 60%;
}
.c-70{
    width: 70%;
}

.c-100{
		width: 100%;
}
 .mrg5{
     margin: 5px;
     fixed;
}
 a.link{
     background: #fff;
     padding: 10px;
     color: rgb(100,9,164);
     display: block;
     margin-bottom: 1px;
     text-decoration: none;
}
 span.count{
     float: right;
     padding: 4px;
     border-radius: 2px;
     color: white;
     background: rgb(100,9,164);
     background: linear-gradient(0deg, rgba(100,9,164,1) 0%, rgba(98,15,193,1) 100%);
     margin-top: -4px;
}

.navigation
{
	padding: 5px;
	text-align: center;
}

.nav-block-out {
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
  margin-right: 4px;
  background: #252e35;

  border: 1px solid #303030;
  border-radius: 360px;
}

.nav-block {
  background: linear-gradient(to top right, #3498db, #8e44ad);
  color: #eee;
  padding: 5px 10px;
  display: inline-block;
  margin-right: 4px;
  border-radius: 360px;
}

.nav-block:hover, .nav-block:active {
  background: #252e35;
  border: 1px solid #252e35;
  color: #fff;
}

footer {
padding: 30px;
background: #303952;
color: white;
font-size: 13px;

}
.footer-col {
width: 33.3333333333%;
float: left;
}

.social-bar-wrap {
text-align: center;
}
.social-bar-wrap a {
padding: 0 7px;
font-size: 15px;
}

 @media (max-width: 800px){
     .c-20,.c-25,.c-30,.c-40,.c-50,.c-60,.c-50,.c-20,.c-30,.c-50,.c-70{
         width: 100%
    }
}