/*=======FONT REGULER===========*/

/*@font-face {
font-family: 'Oswald', serif;
src: url("font/Oswald-Regular.otf") format("opentype");
}*/


	html {
		font-size: 14px;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}
	body {
		margin: 0;
		background: #ffffff;
		font-family: 'Roboto Condensed', sans-serif;
		background-color: #343434;
		background-size: cover;
		height: 1000px;
		

	}

	
.fsize10{
	font-size: 10px;
}
.fsize11{
	font-size: 11px;
}
.fsize12{
	font-size: 12px;
}
.fsize14{
	font-size: 14px;
}
.fsize16{
	font-size: 16px;
}
.fsize18{
	font-size: 18px;
} 
.fsize20{
	font-size: 20px;
}
.fsize22{
	font-size: 22px;
}
.fsize24{
	font-size: 24px;
}
.fsize26{
	
	font-size: 26px;
}
.fsize28{
	font-size: 28px;
}
.fsize30{
	font-size: 30px;
}
.fsize40{
	font-size: 40px;
}
.fsize50{
	font-size: 50px;
}
.fsize60{
	font-size: 60px;
}	
.fsize70{
	font-size: 70px;
}
.fsize80{
	font-size: 80px;
}
	
	.capital{
		text-transform: uppercase;
	}
/* 2. === END HEADINGS---------------------------------


/* 8. ===  PADDING
=======================================================*/
	.margin-left-0 {margin-left: 0 !important;}
	.margin-right-0 {margin-right: 0 !important;}
/* 8. ===  END PADDING --------------------------------*/


/* 9. === SPACER- MARGIN
=======================================================*/
	.space5   {	margin-top: 5px  !important;}
	.space15   {	margin-top: 15px  !important;}
	.space10  {	margin-top: 10px !important;	}
	.space20  {	margin-top: 20px  !important;	}
	.space30  {	margin-top: 30px  !important;	}
	.space40  {	margin-top: 40px  !important;	}
	.space50  {	margin-top: 50px  !important;	}
	.space60  {	margin-top: 60px  !important;	}
	.space70  {	margin-top: 70px  !important;	}
	.space80  {	margin-top: 80px  !important;	}
	.space90  {	margin-top: 90px  !important;	}
	.space100  {	margin: 100px  !important;	}
	.space110  {	margin: 110px  !important;	}
	.space120  {	margin: 120px  !important;	}
	.space1200  {	margin: 120px 0px 0px !important;	}

	.padbtm50 { padding-bottom: 50px;}

	.mright25{
		margin-right: 25px;
	}
	.mright20{
		margin-right: 20px;
	}
	.mright40{
		margin-right: 40px;
	}
	.padtop4{
		padding-top: 4px;
	}
	.padbottom2{
		padding-bottom: 2px;
	}
/* 9. === END SPACER- MARGIN --------------------------*/


/* 10. === FONT WEIGHT 
=======================================================*/
	.font300  {	font-weight: 300;	}
	.font400  {	font-weight: 400;	}
	.font600  {	font-weight: 600;	}
	.font800  {	font-weight: 800;	}
	.txt-justify  {	text-align: justify !important;	}
/* 10. === END FONT WEIGHT -----------------------------*/ 

.container {
  	padding-right: 15px;
  	padding-left: 15px;
  	margin: 0 auto;
 	width: 90% !important;
}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.pull-left{float: left;}
.pull-right{float: right;}
.text-justify{text-align: justify}

.text-darkblue{color:#014C60; }
.textlightblue{color:#17C1EE	; }
.text-green{color:#3ec204; }
.text-orange{color:#ee8d0a; }
.text-purpal{color:#9d55b8; }
.text-white{color:#ffffff; }
.text-blue{color: #324FA2;}


.clearfix{clear: both;}
.sm-1, .sm-2, .sm-3, .sm-4, .sm-5, .sm-6, .sm-7,.sm-71, .sm-8, .sm-9, .sm-10, .sm-11, .sm-12 {
    float: left;
    position: relative;
  }
.sm-12 { width: 100%;  }
.sm-11 { width: 91.66666667%; }
.sm-10 { width: 83.33333333%; }
.sm-9 {   width: 75%;  }
.sm-8 {    width: 66.66666667%;  }
.sm-7 {    width: 58.33333333%;  }
.sm-71{   width: 61.33333333%; }
.sm-6 {    width: 50%;  }
.sm-5 {    width: 41.66666667%;  }
.sm-4 {    width: 33.33333333%;  }
.sm-3 {    width: 25%;  }
.sm-2 {    width: 16.66666667%;  }
.sm-1 {    width: 8.33333333%;  }
.row{	clear: both;}

.padd20{padding: 0px 20px;}

.clearfix{
	clear: both;
}
p{
	font-size:24px;
}
.mauto{
	margin: 0 auto;
}
.image-responsive{
	display: block;
	max-width: 100%;
}

ul {
	list-style: none;
	padding: 0px;
}
li {
	display: inline-block;
/*	padding: 0px;*/
}
.txt-upp{
	text-transform: uppercase;
}
.pad0{
	padding: 0px !important;
}
/*============color classes===========*/
.purpleclr{
	color: #212558;
}
.whiteclr{
	color: #ffffff;
}
.drakergreyclr{
	color: #231f20;
}
.blackclr{
	color: #0d0d0c;
}

/*****************************bg*******************************************/
.box {
    background-color: #272727;
    border: 5px solid #000;
   	margin-top:40px;
   	margin-left: 20px;
    margin-right: 20px;
}
.box h2{
	color: #fff;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
    font-size: 42px;
    text-transform: uppercase;
    font-weight: bold;

}
.red {
    background: linear-gradient(#b92137, #8d1124); 
    border: 2px solid #fff;
    color: #fff;
    padding: 0px 0px;
    margin-top: 41px;
    text-align: center;
    width: 132px;
    line-height: 1;
    font-size: 15px;
    margin-left: -74px;
}
.direct{
    background: linear-gradient(#338d95, #4abdc6);
    border: 2px solid #fff;
    color: #fff;
    padding: 0px 0px;
    margin-left: -74px;
    margin-top: 20px;
    text-align: center;
    width: 132px;
    line-height: 1;
    font-size: 15px;
}
.blue {
      background: linear-gradient(#0d3674, #0d3675); 
    border: 2px solid #fff;
    color: #fff;
    padding: 0px 0px;
    margin-top: 20px;
    text-align: center;
   width: 132px;
    line-height: 1;
    font-size: 15px;
    margin-left: -74px;
}
.yellow {
     background: linear-gradient(#f6c609, #ad8c03); 
    border: 2px solid #fff;
    color: #fff;
    padding: 0px 0px;
    margin-top: 20px;
    text-align: center;
    width: 132px;
    line-height: 1;
    font-size: 15px;
    margin-left: -74px;
}
.neel {
    background: linear-gradient(#7c9ea0, #a8d4d6);
    border: 2px solid #fff;
    color: #fff;
    padding: 7px 0px;
    margin-top: 41px;
    text-align: center;
    width: 132px;
    line-height: 1;
    font-size: 15px;
    margin-left: 100px;
   
}
.and {
    background: linear-gradient(#3e2773, #30185c);
    border: 2px solid #fff;
    color: #fff;
    padding: 0px 0px;
    margin-top: 20px;
    text-align: center;
   width: 132px;
    line-height: 1;
    font-size: 15px;
    margin-left: 100px;
   
}
.network {
    background: linear-gradient(#d43d22, #9c2911);
    border: 2px solid #fff;
    color: #fff;
    padding: 7px 0px;
    margin-top: 20px;
    text-align: center;
    width: 132px;
    line-height: 1;
    font-size: 15px;
    margin-left: 100px;
    
}
.member{
    display: inline-block;
    padding: 0px;
    background: linear-gradient(#478931, #69b848);
   	padding: 0px 0px;
    color: #fff;
    border: 2px solid #fff;
    text-align: center;
    margin-top:20px; 
    width: 132px;
    line-height: 1;
    font-size: 15px;

}
.post{
    display: inline-block;
    padding: 0px;
    background: linear-gradient(#744291, #4d125e);
    padding: 7px 0px;
    color: #fff;
    border: 2px solid #fff;
    text-align: center;
    margin-top:20px; 
    width: 132px;
    /*width: 115px;*/
    line-height: 1;
    font-size: 15px;
    margin-left: 100px;

}
.grp{
    display: inline-block;
    padding: 0px;
    background: linear-gradient(#04602f, #0c733a);
    padding: 0px 0px;

    color: #fff;
    border: 2px solid #fff;
    text-align: center;
    margin-top:20px; 
    /*width: 115px;*/
    line-height: 1;
    font-size: 15px;


}
.Social{
    display: inline-block;
 /*   padding: 0px;*/
    background: linear-gradient(#2f759e, #419acf);
   
    border: 2px solid #fff;
    text-align: center;
    color: #fff;
  /*   width: 132px;*/
    line-height: 1;
    font-size: 15px;
    padding: 7px 0px;
    width: 132px;
        vertical-align: top;
    margin-top: 20px;
    margin-left:2px;
    margin-right:3px;

}
.prace{
    display: inline-block;
    padding: 0px;
    background: linear-gradient(#f6891f, #f99f1b);
        padding: 7px 0px;
    color: #fff;
    border: 2px solid #fff;
    text-align: center;
    margin-top:20px; 
   width: 132px;
    line-height: 1;
    font-size: 15px;
        vertical-align: top;
    margin-top: 20px;
    margin-left:2px;
    margin-right:3px;
}
.Media{
    display: inline-block;
    padding: 0px;
    background: linear-gradient(#8b3978, #b7509c);
    vertical-align: top;
    margin-top: 20px;
    padding: 7px 0px;
    color: #fff;
    border: 2px solid #fff;
    text-align: center;
    margin-top:20px; 
    width: 132px;
    line-height: 1;
    font-size: 15px;
    margin-left:2px;
    margin-right:3px;
}
.team{
    display: inline-block;
    padding: 7px 0px;
    background: linear-gradient(#a20057, #dc0677);
    vertical-align: top;
    margin-top: 20px;
    color: #fff;
    border: 2px solid #fff;
    text-align: center;
    margin-top:20px; 
   width: 132px;
    line-height: 1;
    font-size: 15px;
    margin-left:2px;
    margin-right:3px;
}
li {
	   margin: 0px 9px !important;
	   font-size:11px;
}
ul.list {
	    margin-top: -17px !important;
}
ul.social {
    margin-bottom: 27px !important;
    padding-left: 30px !important;
    line-height: 0;
    margin-top: -53px;
}
.container-fluid{
    width: 1750px;
}
.list li {
	display: inline-block;
    padding: 0px;
    width: 70px !important;
    height: 90px !important;
    vertical-align: top;
    margin: 0px 7px;
}


li.pro img {
    width: 90px !important;
    height: 90px;
}

.pro {
height:90px;
}

li.pro p {
    font-size: 11px !important;
    position: absolute;
    width: 77px;
   /* margin-top: -86px !important;
    margin-left: 0px;*/
}