body
{
	margin: 0;
	color: #ccc;
	font-size:15px;
	font-family:"Quicksand";
	font-weight: 300;
	text-align:center;
	overflow:hidden;
}
html, 
body {
    height: 100%;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}
.menukeeper ul
{
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  font-weight: 500;
}
.menukeeper ul li
{
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  line-height: 1.5em;
}
.menukeeper ul li a
{
  padding: 2em;
  text-decoration: none;
  display: inline-block;
  /*! letter-spacing: 1px; */
  text-transform: uppercase;
  transition: .3s all;
  color: inherit;
  cursor: pointer;
  color: #555;
  letter-spacing: 1px;
}
.menukeeper ul li a:hover
{
  background-color: #EEE;
}


.search_ele {
	display: inline-block;
	/*! box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); */
	width: 100%;
	padding: 1em;
	box-sizing: border-box;
	border-radius: 0.5em;
	/*! background-color: #fff; */
	
	/*! position: absolute; */
	/*! left: 0; */
	/*! bottom: 1em; */
	/*! right: 0; */
	/*! margin: auto; */
	border-bottom: 1px solid #E6E6E6;
}
.submit {
	width: 100%;

	display: inline-block;

}
.form {
	max-width: 24em;
	display: inline-block;
	width: 100%;
	margin: 0.5em;
}
.button {
	display: inline-block;
	margin: 0.5em;
	cursor: pointer;
	transition:0.3s;
	padding: 0.5em 1.5em;
	border: 2px solid #121149;
	font-weight: bold;
	background-color: #ffc61b;
	color: #000;
	font-size: 1em;
	box-sizing: border-box;
	border-radius: 5em;
}
.button:hover {
	background-color: #fff;

	color: #000;

}
.maindiv
{
width: 100%;
display: inline-block;
box-sizing: border-box;
max-width: 90em;
padding:1em;
margin-bottom:5em;
}
.commondiv
{
	display: inline-block;
	width:100%;
	/*! background-color: #FFF; */
}
.services_main
{
display: inline-block;
width: 20em;
padding: 2em;
box-sizing: border-box;
max-width: 100%;
vertical-align: top;
cursor: pointer;
	transition: 0.5s all;
}
.services_main:hover
{
	background-color:#FFF;
}
.services_icon
{

	display: inline-block;
	vertical-align: top;
	height: 8em;
	padding: 1em 0em;
	box-sizing: border-box;
	transition: 0.3s all;
}
.services_main:hover .services_icon
{
	padding: 0em;
}
.services_title
{

	padding: 0.5em;
	font-size: 1.5em;
}
.services_text
{

	color: #AAA;
}
.lft6_1 {
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	border-radius: 0.5em;	
	margin: 0%;
	position: relative;
	height: 15em;
      -webkit-perspective: 800px;
         -moz-perspective: 800px;
           -o-perspective: 800px;
              perspective: 800px;
}

.predata1
{
position: relative;
width: 100%;
height: 100%;
      -webkit-transition: -webkit-transform 1s;
         -moz-transition: -moz-transform 1s;
           -o-transition: -o-transform 1s;
              transition: transform 1s;
      -webkit-transform-style: preserve-3d;
         -moz-transform-style: preserve-3d;
           -o-transform-style: preserve-3d;
              transform-style: preserve-3d;
}
.back {
      background: blue;
      -webkit-transform: rotateY( 180deg );
         -moz-transform: rotateY( 180deg );
           -o-transform: rotateY( 180deg );
              transform: rotateY( 180deg );
    }
.data1 {	
	width: 100%;

	position: absolute;

	display: inline-block;

	/*! overflow: hidden; */

	background-image: url(imgs/data1.jpg);

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	box-sizing: border-box;

	border-radius: 0.5em;

	height: 15em;

	box-shadow: 3px 3px 16px rgba(0, 0, 0, 0.15) inset;

	border: 1px solid #D4D4D4;

	left: 0%;
      -webkit-backface-visibility: hidden;
         -moz-backface-visibility: hidden;
           -o-backface-visibility: hidden;
              backface-visibility: hidden;

background-color:#999;
}
.flipped {
      -webkit-transform: rotateY( 180deg );
         -moz-transform: rotateY( 180deg );
           -o-transform: rotateY( 180deg );
              transform: rotateY( 180deg );
    }
.data1_in {
	width: 100%;
	
position: relative;
	
/*! background-color: #fff; */

}
.cl_logo_main
{
display: inline-block;
width: 16em;
max-width: 100%;
padding: 2em;
box-sizing: border-box;
position: relative;
}
.cl_logo_sub
{
display: inline-block;
position: relative;
width: 100%;
}
.cl_top_line
{
position: absolute;
width: 100%;
height: 1px;
top: -2em;
}
.cl_left_line
{
position: absolute;
height: 100%;
width: 1px;
left: -2em;
}
.cl_right_line
{
position: absolute;
height: 100%;
width: 1px;
right: -2em;
background-color: #E1E1E1;
}
.cl_bottom_line
{
position: absolute;
width: 100%;
height: 1px;
bottom: -2em;
background-color: #E1E1E1;
}
.cl_icodiv
{
display: inline-block;
width: 100%;
height: 6em;
position: relative;
}
.cl_img
{
max-width: 100%;
max-height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}


.searchigo
{
  	float: left;
  	left: 0;
  	top: 0;
  	width: 100%;
	 /* #90DAA8; */
  	position: relative;
	padding: 0 0.5em;
	box-sizing: border-box;
}
.searchcont
{
position: relative;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 24em;
max-height: 4.7em;
padding: 1em;
box-sizing: border-box;
border: 1px solid #909090;
/*! box-shadow: 1em 1em 2em rgba(0, 0, 0, 0.22) ,0.2em 0.3em 1em rgba(0, 0, 0, 0.3) inset; */
border-radius: 4em;
background-color: #FFF;
display: inline-block;
width: 100%;
/*! margin: 6em 0em 2em; */
/*! padding-top: 0.7em; */
padding-right: 7.5em;
}
.mac_menu {
    	position: fixed;

	width: 3em;

	height: 3em;

	background-color: rgb(255, 198, 27);	
	border-radius: 0.5em;

	cursor: pointer;

	right: 1em;

	top: 1.2em;

	z-index: 10;

	border: 1px solid #000;

	/*! transition:0.2s all;*/
}
/*
.mac_menu:hover
{
background-color:#FFF;
}
*/
.nlin1 {
	position: absolute;
	width: 60%;
	height: 2px;
	background-color: #000;
	margin: auto;
	left: 0;
	right: 0;
	top: 0.74em;
	transform-origin: 0%;/*! transition:0.2s all;*/
}
.nlin2 {
	position: absolute;
	width: 60%;
	height: 2px;
	background-color: #000;
	margin: auto;
	left: 0;
	right: 0;
	top: 1.48em;/*! transition:0.2s all;*/
}
.nlin3 {
	position: absolute;
	width: 60%;
	height: 2px;
	background-color: #000;
	margin: auto;
	left: 0;
	right: 0;
	top: 2.22em;
	transform-origin: 0%;/*! transition:0.2s all;*/
}

#hwrapper {
	width: 20em;
	height: 100%;
	position: fixed;
	z-index: 300;
	box-shadow: 2px 2px 15px rgba(3, 3, 3, 0.56);
	box-sizing: border-box;
	background-color: rgb(28, 143, 216);
	right: -110%;
}
.hmenu {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background: #FFF;
	border-left: 1px solid #555;
}
.hlogo {
	float: left;
	width: 100%;
	padding: 1em;
	box-sizing: border-box;
	position: relative;
	max-height: 50%;
	text-align: center;
}
.side_menu {
	float: left;
	width: 100%;
	position: absolute;
	overflow: auto;
	color: #fff;
	margin: auto;
	top: 0;
	bottom: 0;
}
.side_menu li {
	list-style: none;
	width: 100%;
	color:#444;
	font-size:1.2em;
	line-height: 2.5;
	width: 100%;
	cursor:pointer;
	text-align:center;
}
.side_menu li a {
	transition:0.3s;
}
.side_menu li:hover a {
	padding-right:0em;
}
.menu_hov {
	position:absolute;
	text-align:center;
	width:100%;
	left:-100%;
	transition:0.3s;
}
#m_hov {
	position: absolute;
	width: 100%;
	height: 3em;
	background-color: rgb(255, 198, 27);
	left: 0;
	top: 0;
	opacity: 0;
}

.footer {
	position: relative;

	width: 100%;

	display:inline-block;

	box-sizing: border-box;

}
.foot_links {
	position: relative;
	width: 100%;
	display: inline-block;
	text-align: center;
	left: 0;
	top: 0;
	color: #FFF;
}
.foot_links li {
	list-style: none;
	display: inline-block;
	margin: 0 1.3em;
	line-height: 3;
	cursor: pointer;
	transition:0.3s all;
	font-size: 1.2em;
}
.foot_links li:hover {
	color: #ffa200;
}
.footer_mid {
	position: relative;

	width: 100%;

	display: inline-block;

	text-align: center;

	max-width: 80em;

}
.foot_data {
	width: 100%;

	max-width: 18em;

	display: inline-block;

	position: relative;

	text-align: left;
}
.foot_data li {
	width:100%;
	position: relative;
	color:#a4a4a4;
	margin:8px 0;
	font-size: 18px;
	list-style:none;
	cursor:pointer;
	overflow:hidden;
	transition:0.3s;
}
.foot_left {
	color:#ffa200;
	position:absolute;
	left: -100%;
	top: 0;
	transition:0.2s;
}
.foot_data li:hover .foot_left {
	left:0;
}
.foot_icons {
	position: relative;
	display: inline-block;
	width: 2.5em;
	height: 2.5em;
	margin: 0.5em;
	perspective: 2000px;
	transform-style: preserve-3d;
	cursor:pointer;
}
.icon_main {
	width: 2.5em;
	position: absolute;
	display: block;
	cursor: pointer;
	height: 2.5em;
	perspective: 6000px;
	transform-style: preserve-3d;
	transform-origin: 0%;
	transform: rotateX(0deg);
}
.icon_front {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	color: purple;
	transform: translateZ(1.2em);
	border-radius: .3em;
}
.icon_bottom {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 1.2em;
	background-color: #000;
	color: #FFF;
	transform-origin: 100%;
	transform: rotateX(-90deg);
	border-radius: .3em;
}
.ions {
	display: table-cell;
	vertical-align:middle;
	font-size: 2em;
}

.searchigo
{
  	float: left;
  	left: 0;
  	top: 0;
  	width: 100%;
	 /* #90DAA8; */
  	position: relative;
	padding: 0 0.5em;
	box-sizing: border-box;
}
.searchcont
{
position: relative;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 24em;
max-height: 4.7em;
padding: 1em;
box-sizing: border-box;
border: 1px solid #909090;
/*! box-shadow: 1em 1em 2em rgba(0, 0, 0, 0.22) ,0.2em 0.3em 1em rgba(0, 0, 0, 0.3) inset; */
border-radius: 4em;
background-color: #FFF;
display: inline-block;
width: 100%;
/*! margin: 6em 0em 2em; */
/*! padding-top: 0.7em; */
padding-right: 7.5em;
}
.dargg
{
opacity:0;
transition:0.3s all;
cursor:pointer;
}
.tuki:hover .dargg
{
opacity:1;
}
.duki
{
perspective: 400px;
}
.cuki{
	position: absolute;
left: 0;
bottom: 4em;
width: 100%;
padding: 0.25em;
box-sizing: border-box;
background-color: rgba(0,0,0,0.8);
	transition: 0.25s all;
}
.duki:hover .cuki{
	bottom: 0em;
	padding: 1em;
	background-color: rgba(255,165,0,0.83);
}
.suki{
transition: 0.25s all;
}
.duki:hover .suki{
	transform:rotateY(10deg);
}
.tui
{
padding:1em 0;
transition:0.2s all;
}
.koi:hover .tui
{
padding:0;
}


.cento
{
position: absolute;
margin: auto;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
font-size: 5em;
height: 1em;
width: 1em;
color: #E33044;
}

#rest
{
box-sizing:border-box;
width:100%;
height:100%;
overflow:auto;
}
.postcont {
    float: left;
    width: 100%;
    padding: 0.5em;
    box-sizing: border-box;
    border-radius: 2em;
    margin: 8px 0em;
    cursor:pointer;
}
#fullall2
{
top: 0px;
position:fixed;
width:0%;
height:0%;
box-sizing:border-box;
background-color:rgba(246, 246, 246, 0.95);
z-index:999;
display:none;
overflow:hidden;
margin:auto;
left:0;
right:0;
bottom:0;
border: 1px solid #3F3F3F;
}
#clobu2
{
position: absolute;
right: 2em;
bottom: 1em;

width: 40px;
height: 40px;
text-align: center;
color: rgb(0, 0, 0);
    background-color: #FFF;

transition:.2s all linear;
-webkit-transition:.2s all linear;
-moz-transition:.2s all linear;
-ms-transition:.2s all linear;
cursor:pointer;
z-index:1;
border: 1px solid #EC4B30;
border-radius: .3em;
}
#clobu2:hover
{
background-color: RGB(150, 150, 150);
color: rgb(255, 255, 255);
}



.lab1
{
top:0px;
color:#888;
font-size:14px;
}


#progress 
{ 
float:left;
position:relative;
background-color: #FFF;
width:100%;
border-radius: 3px;
margin:10px 0px;
box-shadow:1px 2px 5px rgba(0,0,0,.2);
}
#bar 
{
background-color: #EC4B30;
width:0%;
height:40px;
background-image: linear-gradient(to bottom,#EC4B30,#B30000,#EC4B30);
-webkit-transition: all 1.0s linear;
-moz-transition: all 1.0s linear;
-ms-transition: all 1.0s linear;
-o-transition: all 1.0s linear;
transition: all 1.0s linear;
}
#percent
{
position:absolute;
color:#CCC;
font-size:15px;
font-family:'Open Sans';
display:inline-block;
line-height:40px;
top:0px;
left:48%;
}
#excelrec
{
float:left;
width:100%;
}
.lmore
{
display: inline-block;
text-align: center;
padding: 15px;
box-sizing: border-box;
background-color: RGB(255, 255, 255);
font-size: 20px;
color: rgb(20,20,20);
cursor:pointer;
border: 1px solid #FFC61B;
font-weight: 300;
transition: .5s all;
}
.lmore:hover
{
    background-color: RGB(150, 150, 150);
    color: rgb(255,255,255);
}
.fewb{
	padding: 0.7em 1em;
	font-size: 1.2em;
	font-weight: 300;
	
	margin: 1.5em;
	cursor: pointer;
	border-radius: .5em;
	border: 1px solid #ED4D2F;
	transition: .3s all;
}
.fewb:hover{
	background-color: RGB(150, 150, 150);
	color:rgb(255,255,255);
}
.fewb1{
	padding: 0.7em 1em;
	font-size: 1.2em;
	font-weight: 300;
	
	margin: 1.5em;
	cursor: pointer;
	border-radius: .5em;
	border: 1px solid #ED4D2F;
	transition: .3s all;
}
.fewb1:hover{
	background-color: RGB(150, 150, 150);
	color:rgb(255,255,255);
}
.tootip
{
display:none;
z-index:1;
}
.form__input-group
{

}
.userprof1
{
;
transition:.3s all;
border: 1px solid #5D5D5D;
}
.pdesf:hover .userprof1
{
border: 1px solid #EC4B30;
}
.pdesf
{
color:#595959;
cursor:pointer;
border-radius: 1em;
padding: 1em;
transition:.3s all;
border-bottom:2px solid rgba(150, 150, 150,0);
width: 15em;
vertical-align: top;
}
.pdesf:hover
{
/*background-color:RGB(150, 150, 150);
color:#FFF;*/
border-bottom:2px solid #EC4B30;
border-radius: 2em;
}

#contac {
	transition:0.3s all;
}
#contac:hover {
	background-color:#666;
}
#oteam {
	transition:0.3s all;
}
#oteam:hover {
	background-color:#666;
}
#homeit {
	transition:0.3s all;
}
#homeit:hover {
	background-color:#666;
}
#clo {
	display:none;
}
#men {
}


#resmainj
{
transition:.5s all;
}

.pdf
{
padding: 1em;
border: 1px solid #555;
cursor: pointer;
transition:.2s all;
white-space: nowrap;
float: left;
}
.pdf:hover
{
background-color:#555;
color:#FFF;
}
.sblock
{
width:100%;
padding-top:3em;
}
.usty li{
display: inline-block;
width: 100%;
max-width: 19em;
text-align: left;
/*! background-color: rgba(255, 255, 255, 0.19); */
height: 3em;
vertical-align: middle;
border-bottom: 1px solid rgb(146, 146, 146);
color: #3B3B3B;
margin: 2em 1.5em 0 1.5em;
padding: 0.5em;
transition:.2s all;
cursor:pointer;
}
.usty li:hover{
color: #C12729;
}

.restsoc,.restsoc:active.restsoc:visited {
    display: inline-block;
    font-size: 31px;
    width: 30px;
    height: 30px;
    padding: 11px;
    margin: 5px;
    border-radius: 50%;
    color: rgb(20,20,20);
    text-align: center;
    border: 1px solid #E93737;
    transition:.5s all;
}
.restsoc:hover
{
color: rgb(255, 255, 255);
    background-color: rgb(150, 150, 150);
}
.postcont1 {
    float: left;
    width: 100%;
    padding: 0.5em;
    box-sizing: border-box;
    border-radius: 2em;
    margin: 8px 0em;
    margin: 0;
    max-width: 880px;
    float: none;
    display: inline-block;
}

.curs {
  font-weight: 100;
  font-size: 2em;
  color: rgb(20,20,20);
}
.on_maino
{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
/* background-image: url(bll2.jpg); */
background-color: rgb(246,246,246);
background-size: cover;
background-position:center;
}
.mainon
{
display:inline-block;
left:0px;
top:0px;
width:100%;
}
.indidiv
{
display:inline-block;
left:0px;
top:0px;
width:100%;
}
.on_main
{
position:relative;
float:left;
width:100%;
height:100%;
/* background-image: url(bll2.jpg); */
background-color: rgb(246,246,246);
background-size: cover;
background-position:center;
/* overflow:hidden; */
}
.on_table
{
float:left;
width:100%;
height:100%;
display:table;
}
.on_cell
{
width:100%;
height:100%;
display:table-cell;
vertical-align:middle;
text-align:center;
}
.ion-ios-arrow-down
{
/*
position:absolute;
font-size: 3em;
-moz-osx-font-smoothing: grayscale;
color: #FFF;
text-shadow: 0px 6px 3px rgba(0,0,0,0.2);
left:50%;
*/
}
#red{
  color:#FF1177;
  font-family: Monoton;
  text-shadow: 0 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff, 0 0 0 #FFF, 0 0 0 #FFF, 0 0 0 #FFF, 0 0 0 #FFF, 0 0 0 #FFF;
}

#red.redGlow {
  color: #ffffff;
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FFF, 0 0 35px #FFF, 0 0 40px #FFF, 0 0 50px #FFF, 0 0 75px #FFF;
}
.loji
{
background-color:#EB4333;
text-shadow: 0 0 5 #FF1177;
}
.share
{
font-weight: 400;
padding: .75em;
background-color: #333;
border-radius: .3em;
box-shadow: .1em .1em .2em rgba(0,0,0,0.8);
color:#777;
cursor:pointer;
transition:.5s all; 
font-size:1.2em;letter-spacing: 2px;
display: inline-block;
margin: .5em;
}
.share:hover
{
color:#EEE;
background-color: #222;
}
.share span{
transition:.5s all; 
}
.share:hover span{
color: #3DED8A;
}



.share1
{
font-weight: 400;
padding: .75em;
background-color: #333;
border-radius: .3em;
box-shadow: .1em .1em .2em rgba(0,0,0,0.8);
color:#777;
cursor:pointer;
transition:.5s all; 
font-size:1.2em;letter-spacing: 2px;
display: inline-block;
margin: .5em;
}
.share1:hover
{
color:#EEE;
background-color: #222;
}
.share1 span{
transition:.5s all; 
}
.share1:hover span{
color: #3DED8A;
}

#theblog
{
width:100%;
display: inline-block;
}



.share2
{
font-weight: 400;
padding: .75em;
background-color: #333;
border-radius: .3em;
box-shadow: .1em .1em .2em rgba(0,0,0,0.8);
color:#777;
cursor:pointer;
transition:.5s all; 
font-size:1.2em;letter-spacing: 2px;
display: inline-block;
margin: .5em;
}
.share2:hover
{
color:#FFF;
background-color: RGB(150, 150, 150);
}
.share2 span{
transition:.5s all; 
}
.share2:hover span{
color: #3DED8A;
}

.postodd,.posteven
{

  float: left;
  width: 50%;
  padding: 0.5em 2em;
  box-sizing: border-box;
}
.postline
{

  float: left;
  width: 100%;
}
.userpro
{
float: left;
width: 4em;
height: 4em;
border-radius: 50%;
background-color: #333;
background-image: url(imgs/banda.jpg);
background-size: cover;
cursor: pointer;
background-position: center top;
}


.share2
{
font-weight: 400;
padding: 0.75em;
background-color: #FFF;
border-radius: .3em;
box-shadow: .1em .1em .2em rgba(0,0,0,0.3);
color:rgb(20,20,20);
cursor:pointer;
transition:.5s all; 
font-size:1.2em;letter-spacing: 2px;
display: inline-block;
margin: .7em;
border: 1px solid #EC4B30;
}
.share2:hover
{
color:#FFF;
background-color: RGB(150, 150, 150);
}
.share2 span{
transition:.5s all; 
}
.share2:hover span{
color: #3DED8A;
}
#postmaincont
{

  float: left;
  width: 100%;
  position:relative;
  text-align:center;
  padding-bottom: 0.5em;
}
.postcont
{

  float: left;
  width: 100%;
  padding: 0.5em;
  box-sizing: border-box;
  border-radius: 2em;
  margin: 1em 0em;
  background-color: #FFF;
box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
border-left: 3px solid #FFC000;
border-right: 3px solid #FFC000;
}
.postimg
{

  float: left;
  width: 100%;
}
.postimg img
{
border-radius: 1.5em 1.5em 0em 0em;
}
.postcontent
{

  float: left;
  width: 100%;
  padding: .5em;
  box-sizing: border-box;
  font-weight: 300;
  font-size: 1.2em;
  line-height: 1.5em;
font-weight: 300;
color: rgb(20,20,20);
-moz-osx-font-smoothing: grayscale;
}
.postuser
{

  float: left;
  width: 100%;
}
.postodd,.posteven
{

  float: left;
  width: 50%;
  padding: 0.5em 2em;
  box-sizing: border-box;
}
.postline
{

  float: left;
  width: 100%;
}
.userpro
{
float: left;
width: 4em;
height: 4em;
border-radius: 50%;
background-color: #333;
background-image: url(banda.jpg);
background-size: cover;
cursor: pointer;
}
.post_columns {
  display:inline-block;
  max-width:440px;
  width:100%;
  padding:7px;
  text-align: left;
  vertical-align: top;
  box-sizing:border-box;
}r: #c8c8c8;
-moz-osx-font-smoothing: grayscale;
}
.postuser
{

  float: left;
  width: 100%;
}
.postodd,.posteven
{

  float: left;
  width: 50%;
  padding: 0.5em 2em;
  box-sizing: border-box;
}
.postline
{

  float: left;
  width: 100%;
}
.userpro
{
float: left;
width: 4em;
height: 4em;
border-radius: 50%;
background-color: #333;
background-image: url(banda.jpg);
background-size: cover;
cursor: pointer;
}
.post_columns {
  display:inline-block;
  max-width:440px;
  width:100%;
  padding:7px;
  text-align: left;
  vertical-align: top;
  box-sizing:border-box;
}

.postuser
{

  float: left;
  width: 100%;
}
.postodd,.posteven
{

  float: left;
  width: 50%;
  padding: 0.5em 2em;
  box-sizing: border-box;
}
.postline
{

  float: left;
  width: 100%;
}
.userpro
{
float: left;
width: 4em;
height: 4em;
border-radius: 50%;
background-color: #333;
background-image: url(banda.jpg);
background-size: cover;
cursor: pointer;
}
.post_columns {
  display:inline-block;
  max-width:440px;
  width:100%;
  padding:7px;
  text-align: left;
  vertical-align: top;
  box-sizing:border-box;
}


.postcont1 {
    float: left;
    width: 100%;
    padding: 0.5em;
    box-sizing: border-box;
    border-radius: 2em;
    margin: 8px 0em;
    margin: 0;
    max-width: 880px;
    float: none;
    display: inline-block;
}
.postimg1
{

  float: left;
  width: 100%;
  text-align: center;
  position:relative;
}
.postcontent1
{

  float: left;
  width: 100%;
  padding: .5em;
  box-sizing: border-box;
  font-weight: 300;
  font-size: 1.2em;
  line-height: 1.5em;
letter-spacing: 1px;
font-weight: 300;
color: rgb(20,20,20);
-moz-osx-font-smoothing: grayscale;
  text-align: left;
  font-size: 1.3em;
}
.postimg1 img
{

}
.postuser1 {
    float: left;
    width: 100%;
}
.userpro1 {
    float: left;
    width: 6em;
    height: 6em;
    border-radius: 50%;
    background-color: #000;
    background-size: cover;
    cursor: pointer;
}
.chlogo,.chposter
{
position: absolute;
right: 0px;
width: 120px;
margin: auto;
text-align: center;
top: 0px;
height: 20px;
line-height: 20px;
border: 1px solid #D2D2D2;
background-color: rgba(255, 255, 255, 0.8);
cursor:pointer;
padding: 5px;
font-size: 14px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.chlogo:hover, .chposter:hover
{
border: 1px solid #333;
background-color: rgba(51, 51, 51, 0.8);
color:#FFF;
}
#logofo,#posterfo
{
float:left;
width:0px;
height:0px;
overflow:hidden;
}
#excelrec1, #excelrec2
{
float:left;
width:100%;
}
#progress 
{ 
float:left;
position:relative;
background-color: #FFF;
width:100%;
border-radius: 3px;
margin:10px 0px;
box-shadow:1px 2px 5px rgba(0,0,0,.2);
}
#bar 
{
background-color: #00ACEE;
width:0%;
height:40px;
-webkit-transition: all 1.0s linear;
-moz-transition: all 1.0s linear;
-ms-transition: all 1.0s linear;
-o-transition: all 1.0s linear;
transition: all 1.0s linear;
}
#percent
{
position:absolute;
color:#CCC;
font-size:15px;
font-family:'Open Sans';
display:inline-block;
line-height:40px;
top:0px;
left:48%;
}
#excelrec
{
float:left;
width:100%;
}

.postcontent1
{

  float: left;
  width: 100%;
  padding: .5em;
  box-sizing: border-box;
  font-weight: 300;
  font-size: 1.2em;
  line-height: 1.5em;
letter-spacing: 1px;
font-weight: 300;
color: rgb(20,20,20);
-moz-osx-font-smoothing: grayscale;
  text-align: left;
  font-size: 1.3em;
}
.mobmen li
{
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.mobmen li:hover
{
background-color: rgb(255, 198, 27);
}

.login-box
{
	
	position: absolute;
	width: 25em;
	max-width: 100%;
	left: 0;
	right: 0;
	margin: auto;
	padding: 1em;
	box-sizing: border-box;
	top: 0;
	bottom: 0;
	max-height: 20em;
	text-align:center;
}
.login-box-in
{
	
	display: inline-block;
	width: 100%;
	padding: 1em 1.5em;
	background-color: #FFF;
	box-sizing: border-box;
	box-shadow: 4px 2px 17px rgba(0, 0, 0, 0.27);
	border-radius: 1em;
	padding-top: 5em;
	position: relative;
	border: 1px solid #D5D5D5;
}
.login-box-in-head
{
	
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #EEE;
	height: 4em;
	border-radius: 1em 1em 0em 0em;
	border-bottom: 1px solid #D5D5D5;
	background-image: linear-gradient(rgb(116, 116, 116), rgb(23, 23, 23), rgb(66, 66, 66));
}
.bodyin
{
overflow:auto;
}

#fullall2
{
top: 0px;
position:absolute;
width:0%;
height:0%;
box-sizing:border-box;
background-color:rgba(0, 0, 0, 0.9);
z-index:999;
display:none;
overflow:hidden;
margin:auto;
left:0;
right:0;
bottom:0;
border: 1px solid #3F3F3F;
}
#clobu2
{
position: absolute;
right: 2em;
bottom: 1em;
background-color: #000;
width: 40px;
height: 40px;
text-align: center;
color: rgb(255, 255, 255);
transition:.2s all linear;
-webkit-transition:.2s all linear;
-moz-transition:.2s all linear;
-ms-transition:.2s all linear;
cursor:pointer;
z-index:1;
border: 1px solid #EC4B30;
border-radius: .3em;
}
#clobu2:hover
{
color: rgb(0, 0, 0);
    background-color: #FFF;
}
.empt
{
display:none;
}
.empar:active .empt,.empar:hover .empt
{
display:initial;
}
#popupp
{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.81);
	z-index: 2;
	text-align: center;
	padding: 1em;
	box-sizing: border-box;
	overflow: auto;
	display:none;
}
#actpop
{
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 30em;
}
#actpopin
{
	position: relative;
	display: inline-block;
	width: 100%;
	min-height: 20em;
	background-color: #FFF;
	border-radius: 1em;
	box-sizing: border-box;
	padding-top: 2.66em;
	border: 1px solid #757575;
	box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.53);
}
#closeitaaa
{
	position: absolute;
	right: 0;
	top: 0;
	width: 2em;
	height: 2em;
	margin: 0.5em;
	background-color: #FFF;
	box-sizing: border-box;
	border: 1px solid #BBB;
	padding: 0.25em 0;
	border-radius: 0.25em;
	color: #f00;
  transition:0.2s all;
  cursor:pointer;
}
#closeitaaa:hover
{
	background-color: #f4c50b;
	color: #000;
}
#formjagah
{
	width: 100%;
	/*! padding: 2em; */
	overflow:auto;
	box-sizing: border-box;
	/*! padding-bottom: 1em; */
	color:#000;
}
.ininput
{
position: relative;
width: 100%;
padding: 1em;
text-align: left;
margin: 0 0 1em 0em;
padding-right: 1em;
display: inline-block;
vertical-align: top;
max-width: 100%;
box-sizing: border-box;
border: 1px solid #696969;
border-radius: 0.5em;
background-color: #545454;
resize: none;
font-size:1em;
font-family: "Quicksand";
color: #fff;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.68) inset;
text-shadow: 1px 1px 2px rgb(0, 0, 0);
}
.inbutton
{
padding: 0.5em 1.5em;
border: 2px solid #121149;
font-weight: bold;
background-color: #ffc61b;
color: #000;
font-size: 1em;
box-sizing: border-box;
border-radius: 5em;
margin: 0.5em 0;
display: inline-block;
font-family: inherit;
letter-spacing: 1px;
cursor: pointer;
font-family: "Quicksand";
background-image: radial-gradient(#FFFC00,#FF9000);
}
.genbut
{
	/*! position: absolute; */
	right: 0;
	top: 0;
	width: 2em;
	height: 2em;
	/*! margin: 0.5em; */
	background-color: #F3F3F3;
	box-sizing: border-box;
	border: 1px solid #FF8686;
	padding: 0.25em 0;
	/*! border-radius: 0.25em; */
	color: #777;
  transition:0.2s all;
  cursor:pointer;
}
.genbut:hover
{
	background-color: #999;
	color: #DDD;
}

.genbut1
{
	/*! position: absolute; */
	width: 2em;
	height: 2em;
	background-color: #F3F3F3;
	box-sizing: border-box;
	border: 1px solid #FF8686;
	padding: 0.25em 0;
	color: #777;
	transition:0.2s all;
	cursor:pointer;
	bottom: 0;
	left: 0;
	border: 1px solid #0BC000;
}
.genbut1:hover
{
	background-color: #999;
	color: #DDD;
}
.genbut2
{
	position: absolute;
	width: 10em;
	height: 2em;
	background-color: #F3F3F3;
	box-sizing: border-box;
	border: 1px solid #FF8686;
	padding: 0.25em 0;
	color: #777;
	transition:0.2s all;
	cursor:pointer;
	bottom: 0;
	right: 0;
	border: 1px solid #0BC000;
}
.genbut2:hover
{
	background-color: #999;
	color: #DDD;
}
.bracket
{
	position: relative;
	display: inline-block;
	width: 100%;
	max-width:20em;		
}
.tooltip
{
	position: absolute;
	bottom: 100%;
	max-width: 100%;
	padding: 0.5em;
	background-color: #009CFF;
	border: 1px solid #000;
	left: 0px;
	border-radius: 0.5em;
	margin-bottom: 0.5em;
	box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.54);
	display:none;
	color: #000;
	font-weight: 400;
	background-image: radial-gradient(#FFFC00,#FF9000);
}
.tooltipin
{
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	margin: auto;
	width: 0px;
	border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-top: 9px solid #212121;;
border-bottom: 0px solid #DDD;
}
.tooltip1
{
position: absolute;
top: 110%;
padding: 0.5em;
background-color: #FFF;
border: 1px solid #F39E09;
left: 0px;
border-radius: 0.5em;
margin-bottom: 0.5em;
box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.19);
display: none;
background-image: linear-gradient(rgb(116, 116, 116), rgb(23, 23, 23), rgb(66, 66, 66));
white-space: nowrap;
margin: auto;
color: #F4C50B;
}
.tooltipin1
{
position: absolute;

bottom: 100%;

right: 0;

left: 0;

margin: auto;

width: 0px;

border-right: 10px solid transparent;

border-left: 10px solid transparent;

border-top: 0px solid #F39E09;

border-bottom: 10px solid #F39E09;
}

.toolign:hover .tooltip1
{
display:inline-block;
}

.bracket .ininput:focus + .tooltip
{
display:inline-block;
}
.catinsub
{
	
	list-style: none;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	display: inline-block;
}
.catinsub li
{
	padding: 1em;
	display: inline-block;
	background-color: #F0F0F0;
	margin: 0.5em;
	border: 1px solid #DDD;
	box-sizing: border-box;
	border-radius: 0.5em;
	cursor: pointer;
	transition: 0.3s all;
}
.catinsub li:hover
{
	background-color: #FFF;
}
.gma_main
{
display:inline-block;
width:100%;
padding:1em;
box-sizing:border-box;
}
.gma_add
{
position: fixed;
right: 2em;
bottom: 4em;
width: 4em;
height: 4em;
border-radius: 50%;
background-color: #FFAE00;
box-sizing: border-box;
border: 1px solid #D48B07;
cursor: pointer;
}
.gma_tabscont
{
display:inline-block;
width:100%;
box-sizing: border-box;
padding:.3em;
background-image: linear-gradient(#CECECE,#CFCFCF,#9F9F9F);
border-radius: 0.5em 0.5em 0 0;
padding-bottom:0em;
text-align: left;
}
.gma_tab
{
display:inline-block;
padding: 0.5em;
border-radius:0.5em 0.5em 0 0;
box-sizing: border-box;
background-image: linear-gradient(to bottom,#EFEFEF,#FFF,#DEDEDE);
margin: 0 0.1em;
cursor: pointer;
}
.gma_tab_active
{
display:inline-block;
padding: 0.5em;
border-radius:0.5em 0.5em 0 0;
box-sizing: border-box;
background-image: linear-gradient(to bottom,#EFEFEF,#FFF,#FFF);
box-shadow:-1px -3px 3px rgba(0,0,0,0.5);
margin: 0 0.1em;
cursor: pointer;
}
.gma_tab_cont
{
display:inline-block;
padding: 0.5em;
border-radius:0 0 0.5em 0.5em;
background-color: #FFF;
border:1px solid #DADADA;
width: 100%;
box-sizing: border-box;
}
.tabclass
{
display:none;
padding: 1em;
box-sizing: border-box;
}
.gma_user_table
{
border:0;
width:100%;
border-collapse: collapse;
}
.gma_user_table tr:first-child
{
background-image:linear-gradient(to bottom,#FFF,#F6F6F6,#EAEAEA);
}
.gma_user_table tr:nth-child(even)
{

	font-weight: 100;
}
.gma_user_table tr:nth-child(odd)
{
background-color: #F8F8F8;
font-weight: 100;
}
.gma_user_table tr td
{
padding:1em;
border: 1px solid #E3E3E3;
}
.gma_topbar
{
display:inline-block;
width:100%;
position: relative;
color:#000;
}
.gma_input {
    position: relative;
    padding: 1em;
    padding-right: 1em;
    text-align: left;
    margin: 0 0 1em 0em;
    padding-right: 1em;
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid #D5D5D5;
    border-radius: 0.5em;
    background-color: #FFF;
    resize: none;
    font-size: 0.8em;
    font-family: "Quicksand";
}
.gma_searchbox
{
  
  display: inline-block;
  padding: 1em;
  vertical-align: middle;
}
.gma_button
{
	padding: 1em;
	display: inline-block;
	vertical-align: middle;
	line-height: 1em;
	box-sizing: border-box;
	border-radius: 0.5em;
	margin-left: 1em;
	background-color: #ffc808;
	font-family: "Quicksand";
	border: 1px solid #DDD;
	background-image: linear-gradient(to bottom, #EEE,#FEFEFE,#EEE);
}
.gma_listarea
{
	
	padding: 1em;
	background-color: #F5F5F5;
	border-top: 1px solid #DDD;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
}
.gma_listarea ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: inline-block;
}
.gma_listarea ul li
{
padding: 0.5em;
display: inline-block;
background-color: #DDD;
border-radius: 0.5em;
margin: 0.25em;
background-image: linear-gradient(rgb(116, 116, 116), rgb(23, 23, 23), rgb(66, 66, 66));
color: #FFF;
box-sizing: border-box;
/*! max-width: 12em; */
/*! width: 100%; */
text-align: left;
font-weight: 400;
cursor:pointer;
}
.mr_top
{
position:fixed;
width:100%;
left:0px;
top:0px;
right:0px;
margin:auto;
transition:0.25s all;
}
#mr_lef
{
transition:0.75s all;
}
#rightmenu ul
{
list-style:none;
margin:1em 0 0 0;
padding:0;
}
#rightmenu li
{
list-style:none;
padding:0;
display: inline-block;
width: 100%;
position: relative;
}
#rightmenu ul li a
{
list-style:none;
padding:0.5em 1em;
border-bottom:1px solid #927200;
color:inherit;
text-decoration:none;
display: inline-block;
width: 100%;
box-sizing: border-box;
}
#rightmenu ul li a:hover
{
background-color:#333;
}















#logofo,#posterfo,#logofo1,#logofoxx
{
float:left;
width:0px;
height:0px;
overflow:hidden;
}
#excelrec1, #excelrec2, #excelrec3
{
float:left;
width:100%;
}
#progress, #progress1, #progress2
{ 
float:left;
position:relative;
background-color: #FFF;
width:100%;
border-radius: 3px;
margin:10px 0px;
box-shadow:1px 2px 5px rgba(0,0,0,.2);
}
#bar ,#bar1,#bar2
{
background-color: #00ACEE;
width:0%;
height:40px;
-webkit-transition: all 1.0s linear;
-moz-transition: all 1.0s linear;
-ms-transition: all 1.0s linear;
-o-transition: all 1.0s linear;
transition: all 1.0s linear;
}
#percent, #percent1, #percent2
{
position:absolute;
color:#CCC;
font-size:15px;
font-family:'Open Sans';
display:inline-block;
line-height:40px;
top:0px;
left:48%;
}
#excelrec, #excelrec1
{
float:left;
width:100%;
}

















.basebar
{
position: fixed;
width: 100%;
bottom: 0;
left: 0;
right: 0;
margin: auto;
box-sizing: border-box;
background-image: linear-gradient(to top,#141414,#222,#111);
}
.custico
{
display: inline-block;
width: 25%;
padding: 1em 0em;
box-sizing: border-box;
transition:0.5s all;
font-size: 0.9em;
}
.custico:hover
{
background-color:#000;
}
.mart
{
/*display: inline-block;padding: 0.5em 1em;margin: 0.5em;background-image: linear-gradient(to bottom,#b6931d, #FFE100,#b78e00);border-radius: 1em;text-transform: uppercase;color: #FFF;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.84);cursor:pointer;*/
display: inline-block;padding: 0.5em 1em;margin: 0.5em;background-color: #444;border-radius: 1em;text-transform: uppercase;color: #999;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.84);cursor:pointer;
}
.me_sidemenu
{
	display: inline-block;
	width: 100%;
}
.me_sidemenu ul
{
	list-style: none;
	padding: 1em;
	margin: 0;
	box-sizing: border-box;
}
.me_sidemenu ul li
{
	list-style: none;
	margin: 0.5em 0;
	padding: 0;
}
.me_sidemenu ul li a
{
	display: inline-block;
	padding: 1em;
	box-sizing: border-box;
	width: 100%;
	background-image: linear-gradient(to bottom,rgba(255,255,255,0.2),rgba(255,255,255,0.3),rgba(255,255,255,0.2));
	border-radius: 2em;
	cursor: pointer;
	border:1px solid rgba(255,255,255,0.4);
}
.me_sidemenu ul li a:hover
{
	background-image: linear-gradient(to bottom,rgba(255,255,255,0.5),rgba(255,255,255,0.9),rgba(255,255,255,0.6));
		color: #000;
}



.thmain_cont
{
float:left;
width:100%;
position:absolute;
height:100%;
overflow:hidden;
left:0px;
top:0px;
box-sizing:border-box;
}
.thbanner
{
width:100%;
height:100%;
position:absolute;
left:0px;
top:0px;
}
.thbanner1
{
width:100%;
height:100%;
position:absolute;
left:0px;
top:0px;
overflow:hidden;
}
.thslide
{
width:100%;
height:100%;
position:absolute;
left:0px;
top:0px;

}
.thslidei
{
position:absolute;
width:100%;
height:100%;
left:0px;
top:-200%;
z-index:3;
}
.thslidein
{
position:absolute;
left:0px;
top:0%;
right:0px;
bottom:0px;
box-sizing:border-box;
margin:auto;
width:80%;
height:80%;

}
.thslideinside
{
float:left;
width:100%;
height:100%;
}
.tags
{
    float:left;
    line-height: 20px;
    padding: 2px 0px 2px 8px;
    color: #FFF;
    height: 20px;
    width:auto;
    background-color: rgb(0, 0, 0);
    display: block;
    text-transform: lowercase;
    float: left;
    margin-top: 8px;
    margin-left: 8px;
    font-size: 12px !important;
    font-weight: 400 !important;
    border-radius: 2px 2px 2px 2px;
    transition-duration: 0.1s;
    border: 1px solid rgb(140, 140, 140);
    text-decoration: none;
    display: inline-block;
}
.tags:hover
{
    text-decoration: none;
    color: rgb(136, 136, 136) !important;
    font-weight: 400 !important;
    background-color: rgb(253, 253, 253);
    color: rgb(220, 112, 117) !important;
    transition-duration: 0.1s;
}
.tclos
{
background-color:transparent;
color:#f8c512;
padding:0px 8px;
font-weight:bold;
cursor:pointer;
}
.tclos:hover
{
color:#AA0000;
}
table.excel {
	border-style:ridge;
	border-width:1;
	border-collapse:collapse;
	font-family:sans-serif;
	font-size:12px;
	margin-left:35px;
}
table.excel thead th, table.excel tbody th {
	background:#CCCCCC;
	border-style:ridge;
	border-width:1;
	text-align: center;
	vertical-align:bottom;
}
table.excel tbody th {
	text-align:center;
	
}
table.excel tbody td {
	vertical-align:bottom;
}
table.excel tbody td {
    padding: 0 3px;
	border: 1px solid #EEEEEE;
}
.sabketags
{
display:none;
width:100%;
}


.gma_main
{
display:inline-block;
width:100%;
padding:1em;
box-sizing:border-box;
}
.gma_add
{
position: fixed;
right: 2em;
bottom: 4em;
width: 4em;
height: 4em;
border-radius: 50%;
background-color: #FFAE00;
box-sizing: border-box;
border: 1px solid #D48B07;
cursor: pointer;
}
.gma_tabscont
{
display:inline-block;
width:100%;
box-sizing: border-box;
padding:.3em;
background-image: linear-gradient(#CECECE,#CFCFCF,#9F9F9F);
border-radius: 0.5em 0.5em 0 0;
padding-bottom:0em;
text-align: left;
}
.gma_tab
{
display:inline-block;
padding: 0.5em;
border-radius:0.5em 0.5em 0 0;
box-sizing: border-box;
background-image: linear-gradient(to bottom,#EFEFEF,#FFF,#DEDEDE);
margin: 0 0.1em;
cursor: pointer;
}
.gma_tab_active
{
display:inline-block;
padding: 0.5em;
border-radius:0.5em 0.5em 0 0;
box-sizing: border-box;
background-image: linear-gradient(to bottom,#EFEFEF,#FFF,#FFF);
box-shadow:-1px -3px 3px rgba(0,0,0,0.5);
margin: 0 0.1em;
cursor: pointer;
}
.gma_tab_cont
{
display:inline-block;
padding: 0.5em;
border-radius:0 0 0.5em 0.5em;
background-color: #FFF;
border:1px solid #DADADA;
width: 100%;
box-sizing: border-box;
}
.tabclass
{
display:none;
padding: 1em;
box-sizing: border-box;
}
.gma_user_table
{
border:0;
width:100%;
border-collapse: collapse;
}
.gma_user_table tr:first-child
{
background-image:linear-gradient(to bottom,#FFF,#F6F6F6,#EAEAEA);
}
.gma_user_table tr:nth-child(even)
{

	font-weight: 100;
}
.gma_user_table tr:nth-child(odd)
{
background-color: #F8F8F8;
font-weight: 100;
}
.gma_user_table tr td
{
padding:1em;
border: 1px solid #E3E3E3;
}
.gma_topbar
{
display:inline-block;
width:100%;
position: relative;
color:#000;
}
.gma_input {
    position: relative;
    padding: 1em;
    padding-right: 1em;
    text-align: left;
    margin: 0 0 1em 0em;
    padding-right: 1em;
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid #D5D5D5;
    border-radius: 0.5em;
    background-color: #FFF;
    resize: none;
    font-size: 0.8em;
    font-family: "Quicksand";
}
.gma_searchbox
{
  
  display: inline-block;
  padding: 1em;
  vertical-align: middle;
}
.gma_button
{
	padding: 1em;
	display: inline-block;
	vertical-align: middle;
	line-height: 1em;
	box-sizing: border-box;
	border-radius: 0.5em;
	margin-left: 1em;
	background-color: #ffc808;
	font-family: "Quicksand";
	border: 1px solid #DDD;
	background-image: linear-gradient(to bottom, #EEE,#FEFEFE,#EEE);
}
.gma_listarea
{
	
	padding: 1em;
	background-color: #F5F5F5;
	border-top: 1px solid #DDD;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
}
.gma_listareax ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: inline-block;
}
.gma_listareax ul li
{
padding: 0.5em;
display: inline-block;
background-color: #DDD;
border-radius: 0.5em;
margin: 0.25em;
background-image: linear-gradient(rgb(116, 116, 116), rgb(23, 23, 23), rgb(66, 66, 66));
color: #FFF;
box-sizing: border-box;
/*! max-width: 12em; */
/*! width: 100%; */
text-align: left;
font-weight: 400;
cursor:pointer;
}
.mr_top
{
position:fixed;
width:100%;
left:0px;
top:0px;
right:0px;
margin:auto;
transition:0.25s all;
}
#mr_lef
{
transition:0.75s all;
}
#rightmenu ul
{
list-style:none;
margin:1em 0 0 0;
padding:0;
}
#rightmenu li
{
list-style:none;
padding:0;
display: inline-block;
width: 100%;
position: relative;
}
#rightmenu ul li a
{
list-style:none;
padding:0.5em 1em;
border-bottom:1px solid #927200;
color:inherit;
text-decoration:none;
display: inline-block;
width: 100%;
box-sizing: border-box;
}
#rightmenu ul li a:hover
{
background-color:#333;
}















#logofo,#posterfo,#logofo1,#logofoxx
{
float:left;
width:0px;
height:0px;
overflow:hidden;
}
#excelrec1, #excelrec2, #excelrec3
{
float:left;
width:100%;
}
#progress, #progress1, #progress2
{ 
float:left;
position:relative;
background-color: #FFF;
width:100%;
border-radius: 3px;
margin:10px 0px;
box-shadow:1px 2px 5px rgba(0,0,0,.2);
}
#bar ,#bar1,#bar2
{
background-color: #00ACEE;
width:0%;
height:40px;
-webkit-transition: all 1.0s linear;
-moz-transition: all 1.0s linear;
-ms-transition: all 1.0s linear;
-o-transition: all 1.0s linear;
transition: all 1.0s linear;
}
#percent, #percent1, #percent2
{
position:absolute;
color:#CCC;
font-size:15px;
font-family:'Open Sans';
display:inline-block;
line-height:40px;
top:0px;
left:48%;
}
#excelrec, #excelrec1
{
float:left;
width:100%;
}

















.basebar
{
position: fixed;
width: 100%;
bottom: 0;
left: 0;
right: 0;
margin: auto;
box-sizing: border-box;
background-image: linear-gradient(to top,#141414,#222,#111);
}
.custico
{
display: inline-block;
width: 25%;
padding: 1em 0em;
box-sizing: border-box;
transition:0.5s all;
font-size: 0.9em;
}
.custico:hover
{
background-color:#000;
}
.mart
{
/*display: inline-block;padding: 0.5em 1em;margin: 0.5em;background-image: linear-gradient(to bottom,#b6931d, #FFE100,#b78e00);border-radius: 1em;text-transform: uppercase;color: #FFF;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.84);cursor:pointer;*/
display: inline-block;padding: 0.5em 1em;margin: 0.5em;background-color: #444;border-radius: 1em;text-transform: uppercase;color: #999;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.84);cursor:pointer;
}
.me_sidemenu
{
	display: inline-block;
	width: 100%;
}
.me_sidemenu ul
{
	list-style: none;
	padding: 1em;
	margin: 0;
	box-sizing: border-box;
}
.me_sidemenu ul li
{
	list-style: none;
	margin: 0.5em 0;
	padding: 0;
}
.me_sidemenu ul li a
{
	display: inline-block;
	padding: 1em;
	box-sizing: border-box;
	width: 100%;
	background-image: linear-gradient(to bottom,rgba(255,255,255,0.2),rgba(255,255,255,0.3),rgba(255,255,255,0.2));
	border-radius: 2em;
	cursor: pointer;
	border:1px solid rgba(255,255,255,0.4);
}
.me_sidemenu ul li a:hover
{
	background-image: linear-gradient(to bottom,rgba(255,255,255,0.5),rgba(255,255,255,0.9),rgba(255,255,255,0.6));
		color: #000;
}



.thmain_cont
{
float:left;
width:100%;
position:absolute;
height:100%;
overflow:hidden;
left:0px;
top:0px;
box-sizing:border-box;
}
.thbanner
{
width:100%;
height:100%;
position:absolute;
left:0px;
top:0px;
}
.thbanner1
{
width:100%;
height:100%;
position:absolute;
left:0px;
top:0px;
overflow:hidden;
}
.thslide
{
width:100%;
height:100%;
position:absolute;
left:0px;
top:0px;

}
.thslidei
{
position:absolute;
width:100%;
height:100%;
left:0px;
top:-200%;
z-index:3;
}
.thslidein
{
position:absolute;
left:0px;
top:0%;
right:0px;
bottom:0px;
box-sizing:border-box;
margin:auto;
width:80%;
height:80%;

}
.thslideinside
{
float:left;
width:100%;
height:100%;
}
.tags
{
    float:left;
    line-height: 20px;
    padding: 2px 0px 2px 8px;
    color: #FFF;
    height: 20px;
    width:auto;
    background-color: rgb(0, 0, 0);
    display: block;
    text-transform: lowercase;
    float: left;
    margin-top: 8px;
    margin-left: 8px;
    font-size: 12px !important;
    font-weight: 400 !important;
    border-radius: 2px 2px 2px 2px;
    transition-duration: 0.1s;
    border: 1px solid rgb(140, 140, 140);
    text-decoration: none;
    display: inline-block;
    position:relative;
}
.tags:hover
{
    text-decoration: none;
    color: rgb(136, 136, 136) !important;
    font-weight: 400 !important;
    background-color: rgb(253, 253, 253);
    color: rgb(220, 112, 117) !important;
    transition-duration: 0.1s;
}
.tclos
{
background-color:transparent;
color:#f8c512;
padding:0px 8px;
font-weight:bold;
cursor:pointer;
}
.tclos:hover
{
color:#AA0000;
}
table.excel {
	border-style:ridge;
	border-width:1;
	border-collapse:collapse;
	font-family:sans-serif;
	font-size:12px;
	margin-left:35px;
}
table.excel thead th, table.excel tbody th {
	background:#CCCCCC;
	border-style:ridge;
	border-width:1;
	text-align: center;
	vertical-align:bottom;
}
table.excel tbody th {
	text-align:center;
	
}
table.excel tbody td {
	vertical-align:bottom;
}
table.excel tbody td {
    padding: 0 3px;
	border: 1px solid #EEEEEE;
}
.sabketags
{
display:none;
}

.gma_add
{
position: fixed;
right: 2em;
bottom: 4em;
width: 4em;
height: 4em;
border-radius: 50%;
background-color: #FFAE00;
box-sizing: border-box;
border: 1px solid #D48B07;
cursor: pointer;
}
.gma_tabscont
{
display:inline-block;
width:100%;
box-sizing: border-box;
padding:1.3em;
background-image: linear-gradient(#CECECE,#CFCFCF,#9F9F9F);
border-radius: 0.5em 0.5em 0 0;
padding-bottom:0em;
text-align: left;
}
.gma_tab
{
display:inline-block;
padding: 0.5em;
border-radius:0.5em 0.5em 0 0;
box-sizing: border-box;
background-image: linear-gradient(to bottom,#EFEFEF,#FFF,#DEDEDE);
margin: 0 0.1em;
cursor: pointer;
width: 48%;
text-align: center;
font-weight: 400;
}
.gma_tab_active
{
display:inline-block;
padding: 0.5em;
border-radius:0.5em 0.5em 0 0;
box-sizing: border-box;
background-image: linear-gradient(to bottom,#EFEFEF,#FFF,#FFF);
box-shadow:-1px -3px 3px rgba(0,0,0,0.5);
margin: 0 0.1em;
cursor: pointer;
width: 48%;
}
.gma_tab_cont
{
display:inline-block;
padding: 0 0.5em;
border-radius:0 0 0.5em 0.5em;
background-color: #FFF;
/*! border:1px solid #DBDBDB; */
width: 100%;
box-sizing: border-box;
}
.tabclass
{
display:none;
padding: 0 1em;
box-sizing: border-box;
}
.gma_user_table
{
border:0;
width:100%;
border-collapse: collapse;
}
.gma_user_table tr:first-child
{
background-image:linear-gradient(to bottom,#FFF,#F6F6F6,#EAEAEA);
}
.gma_user_table tr:nth-child(even)
{

	font-weight: 100;
}
.gma_user_table tr:nth-child(odd)
{
background-color: #F8F8F8;
font-weight: 100;
}
.gma_user_table tr td
{
padding:1em;
border: 1px solid #E3E3E3;
}
.gma_topbar
{
display:inline-block;
width:100%;
/*! background-color: #FFF; */
position: relative;
}
.gma_input {
    position: relative;
    padding: 1em;
    padding-right: 1em;
    text-align: left;
    margin: 0 0 1em 0em;
    padding-right: 1em;
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid #D5D5D5;
    border-radius: 0.5em;
    background-color: #FFF;
    resize: none;
    font-size: 0.8em;
    font-family: "Quicksand";
}
.gma_searchbox
{
  
  display: inline-block;
  padding: 1em;
  vertical-align: middle;
}
.gma_button
{
	padding: 1em;
	display: inline-block;
	vertical-align: middle;
	line-height: 1em;
	box-sizing: border-box;
	border-radius: 0.5em;
	margin-left: 1em;
	background-color: #ffc808;
	font-family: "Quicksand";
	border: 1px solid #DDD;
	background-image: linear-gradient(to bottom, #EEE,#FEFEFE,#EEE);
}
.gma_listarea, .gma_listarea1, .gma_listarea2
{
	
	padding: 0.5em 1em;
	background-color: #DDD;
	border-top: 1px solid #DDD;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	max-height:20em;
	overflow:auto;
	max-width:20em;
}
.gma_listarea ul, .gma_listarea1 ul, .gma_listarea2 ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: inline-block;
}
.gma_listarea ul li, .gma_listarea1 ul li, .gma_listarea2 ul li
{

display: inline-block;
box-sizing: border-box;
width: 100%;
text-align: left;
}
.gma_listarea ul li a, .gma_listarea1 ul li a, .gma_listarea2 ul li a
{
padding: 0.5em;
display: inline-block;
background-color: #FFF;
border-radius: 0.5em;
margin: 0.25em;
background-image: linear-gradient(to bottom,#FFF,#FFF,#EEE);
border: 1px solid #E3E3E3;
box-sizing: border-box;
/*! max-width: 12em; */
width: 100%;
text-align: left;
	cursor: pointer;
}
.filter_i
{
	display: inline-block;
	font-size: 1.5em;
	vertical-align: middle;
}
.gma_load
{
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background-color: rgba(0,0,0,0.25);
}
.theloader
{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
max-width: 10em;
}
#drag1
{
position:fixed;
left:0;
top:0;
width:6em;
height:3em;
}
#imgx
{
height:100%;
display: inline-block;
vertical-align: middle;
}
.ugfield
{
padding: 0.75em;
border: 1px solid #333;
border-radius: 1em;
background-color: #000;
color: #FFF;
width:100%;
max-width:25em;
display: inline-block;
box-sizing: border-box;
}
.ugbutton
{
padding: 0.5em 1.5em;
font-weight: 400;
background-color: #ffc61b;
color: #fff;
font-size: 0.8em;
box-sizing: border-box;
border-radius: 5em;
margin: 0.5em 0;
display: inline-block;
font-family: inherit;
letter-spacing: 1px;
cursor: pointer;
box-shadow: 0px 0px 4px rgba(252, 207, 13, 0.31);
border: 2px solid #000;
margin: 0;
background-image: linear-gradient(to bottom,#af8a2e,#000,#000);
}
#formcat
{
max-width: 20em;
display: inline-block;
width: 100%;
}
.itmdata
{
display:inline-block;
box-sizing:border-box;
padding:0.25em;
padding-right:3em;
position:relative;
width:100%;
min-height:2em;
}
.rmitem
{
display: inline-block;
width: 2.5em;
height: 2.5em;
vertical-align: middle;
border-radius: 0.5em;
margin-left: 0.2em;
padding: 0em;
font-weight: 400;
background-color: #ffc61b;
color: #fff;
font-size: 0.8em;
box-sizing: border-box;
border-radius: 5em;
margin: 0.5em 0;
display: inline-block;
font-family: inherit;
letter-spacing: 1px;
cursor: pointer;
background-image: linear-gradient(to bottom,#af2e2e,#770101,#ec0000);
box-shadow: 0px 0px 4px rgba(252, 207, 13, 0.31);
border: 2px solid #000;
margin: 0;
line-height: 2em;
}
.infotags
{
	display: inline-block;
	border: 1px solid #FFF;
	box-shadow: 1px 1px 5px rgb(0, 0, 0);
	background-color: #FFF;
}
.infotag
{
	display: block;
	box-sizing: border-box;
	padding: 0.25em .5em;
	background-color: #FFF;
	background-image: linear-gradient(to bottom,#af8a2e,#000,#000);
	width: 100%;
}
.infodata
{
	display: inline-block;
	box-sizing: border-box;
	/*! background-color: #FFF; */
	padding: 0.25em;
	border-radius: 0em 1em 1em 0;
	color: #E7AE0E;
}
#closeit
{
	position: absolute;
	right: 0;
	top: 0;
	width: 2em;
	height: 2em;
	margin: 0.5em;
	background-color: #FFF;
	box-sizing: border-box;
	border: 1px solid #BBB;
	padding: 0.25em 0;
	border-radius: 0.25em;
	color: #f00;
  transition:0.2s all;
  cursor:pointer;
}
#closeit:hover
{
	background-color: #f4c50b;
	color: #000;
}
.bamhov
{
	display: none;
}
.tags:active .bamhov
{
	display: inline-block;
}
.tags:hover .bamhov
{
	display: inline-block;
}