/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
body{
	font-family: 'Open Sans', sans-serif;
	background:#F2F2F2;
}
/*---start-wrap-----*/
.wrap{
	padding:0 10px;
}
.wrap input[type="text"],input[type="button"],input[type="submit"]{
	-webkit-appearance:none;
}
/*----start-title------*/
.title{
	text-align: center;
	margin-top: -2.2em;
	margin-left: 1em;
}
.title h1{
	font-size:1em;
	color: #2B2937;
	margin:0.5em;
	font-weight: 400;
}
/*---start-header-----*/
/*---start-frist-nav----*/
.frist-top-nav ul li{
	display: inline-block;
	float: left;
}
#mobile-header {
     display: block;
     margin-top: 0.5em;
   }
.frist-top-nav ul li a{
	color: #9095AA;
	padding:0.9em 1.5em;
	display: block;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.qurter-icon1{
	background: url(../images/imgs-sprit.png) no-repeat -36px -11px;
	width: 32px;
	height: 32px;
	display: inline-block;
	vertical-align: middle;
}
.mess-icon1{
	background: url(../images/imgs-sprit.png) no-repeat 4px -11px;
	width: 32px;
	height: 32px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
}
.bref-icon1{
	background: url(../images/imgs-sprit.png) no-repeat -67px -11px;
	width: 32px;
	height: 32px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
}
.c1{
	background: url(../images/imgs-sprit.png) no-repeat -100px 3px #FFF;
	width: 43px;
	height: 43px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
	border: 2px solid #fff;
}
.menu .profile_img {
	margin-top: 3px;
}
.sub-menu ul li a{
	margin-right:3px;
}
.frist-top-nav{
	float: left;
}
.frist-top-nav ul li:first-child a{
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-o-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-o-border-bottom-left-radius: 5px;
}
.top-nav-right{
	float:right;
}
#navigation {
	background:none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	position: relative;
	border-bottom:none;
}
#navigation h1{
	font-family: 'Open Sans', sans-serif;
	color: #2B2937;
}
.frist-top-nav li.active a,.frist-top-nav li a:hover {
	background: #394264;
	color: #fff;
}
.mess{
	position: relative;
}
.frist-top-nav li a label{
	position: absolute;
	top:5px;
	right:9px;
	color: #FFF;
	background: #F02148;
	padding: 1px 0px 5px 7px;
	width: 13px;
	height:13px;
	border-radius: 0.8em;
	font-size: 0.8em;
	-webkit-border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-o-border-radius: 0.8em;
}
/********* profile details **********/
.profile_details{
	float:right;
	margin:0px 25px;
}
/*-------LOGIN STARTS HERE -------*/
#loginContainer {
    position:relative;
    float:left;
    padding-right:10px;
    padding-top: 19px;
}
/* Login Button */
#loginButton { 
    display:inline-block;  
    position:relative;
    z-index:30;
    cursor:pointer;
}
/* Login Button Text */
#loginButton span {
    color:#FFF; 
    font-size:1em; 
    background:url(../images/loginArrow.png) no-repeat 26px 8px;
    display:block;
    padding: 0 30px 0 0;
    font-family: 'Open Sans', sans-serif;

}
#loginButton.active span {
    background-position:26px -20px;
}
/* Login Box */
#loginBox {
    position:absolute;
    top:53px;
    right:10px;
    display:none;
    z-index:1;
}
/* Login Form */
#loginForm {
    width:200px; 
    background:#394264;
    border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border-radius:5px;
    position:relative;
}
#loginForm:after {
	content: '';
	position: absolute;
	right: 40px;
	top: -6px;
	border-left: 6px solid rgba(0, 0, 0, 0);
	border-right: 6px solid rgba(0, 0, 0, 0);
	border-bottom: 6px solid #394264;
}
fieldset#body {
    padding:15px;
}
.profile_img{
	float:right;
}
.profile_img img{
	display:block;
	border-radius:3em;
	-webkit-border-radius:3em;
	-moz-border-radius:3em;
	-o-border-radius:3em;
	border:3px solid #50597b;
}

/*---//End-frist-nav----*/
/*---start-top-nav----*/
	.menu, .menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
		font-family: 'Open Sans', sans-serif;
		font-weight:400;
	}
	.top-menu {
		background: #2DA5DA;
		border: 1px solid rgba(95, 95, 95, 0.08);
		border-radius: 0.1em;
		margin-bottom: 1.8%;
	}
	.top-left-grid{
		float: left;
		width: 63%;
	}
	.menu:before,
	.menu:after {
		content: "";
		display: table;
	}
	
	.menu:after {
		clear: both;
	}
	
	.menu {
		zoom:1;
	}
	
	.menu li {
		float: left;
		position: relative;
		border-right: 1px ridge #46B9EC;
	}
	.menu li:last-child{
		border-right:none;
	}
	.menu a {
		float: left;
		color: #010613;
		text-transform: uppercase;
		font-size:0.875em;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-ms-transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
	}
	
	.menu li:hover > a {
		color: #fafafa;
	}
	
	*html .menu li a:hover { /* IE6 only */
		color: #fafafa;
	}
	
	.menu ul {
		margin: 20px 0 0 0;
		_margin: 0;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 82px;
		z-index: 1;
		right: -23px;
		background: #323757;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-bottom: 3px solid #1A1822;
	}

	.menu li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}
	
	.menu ul ul {
		top: 6px;
		left: 158px;
		margin: 0 0 0 20px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
	}
	
	.menu ul li {
		float: none;
		display: block;
		border: 0;
	}
	.menu ul li:first-child{
		border-top:none;
	}
	.menu ul li:first-child a{
		border-top-left-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		-moz-border-top-left-radius: 5px;
		-o-border-top-left-radius: 5px;
	}
	.menu ul li:last-child {   
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;    
	}
	.sub-menu ul li a{
		background: #323757;
		font-size: 0.8em;
		font-weight:bold;
	}
	.sub-menu ul li a span{
		margin-right:3px;
	}
	.menu ul a {    
		padding: 8px 15px;
		width: 108px;
		_height: 10px; /*IE6 only*/
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
	}
	
	.menu ul a:hover {
		background: #394165;
		color:#FFF;
	}
	
	.menu ul li:first-child > a {
	}
	.active-icon{
		display: block;
	}
	.menu ul li:first-child > a:after {
		content: '';
		position: absolute;
		left: 80px;
		top: -6px;
		border-left: 10px solid transparent;
		border-right:10px solid transparent;
		border-bottom:10px solid #323757;
	}
	
	.menu ul ul li:first-child a:after {
		left: -100px;
		top: 50%;
		margin-top: -6px;
		border-left: 0;	
		border-bottom:20px solid transparent;
		border-top: 20px solid transparent;
		border-right:20px solid #323757;
	}
	
	.menu ul li:first-child a:hover:after {
		border-bottom-color:#323757; 
	}
	
	.menu ul ul li:first-child a:hover:after {
		border-right-color: #323757; 
		border-bottom-color: transparent; 	
	}
	
	.menu ul li:last-child > a {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}
	
	/* Mobile */
	.menu-trigger {
		display: none;
	}
	.sub-menu img{
		border:none;
		display:inline-block;
		vertical-align:middle;
	}
	.sub-menu li a{
		color:#9095AA;
	}
	.active-icon{
		padding:3px;
		border-radius: 3em;
		-webkit-border-radius: 3em;
		-moz-border-radius: 3em;
		-o-border-radius: 3em;
		margin-top: 0.3em;
	}
	
/*---start-top-menus-----*/
.top-menus h1,.buttons h2,.check-radio-progress h2,.input-boxs h3,.text-image-carousel h3,.message-status h3,.various-grids h3,.payment-prices h3,.blog-comments-news h3,.modal-window h3,.heading-paragraphs-heading h3,.icons-list h3{
	font-size: 1.2em;
	margin: 0.5em 0;
}
/*---start-top-nav2-----*/
.top-nav2 ul li{
	display:block;
}
.top-nav2{
	width: 100%;
	background: #2B2937;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	position: relative;
	margin-top: 1.8%;
}
.top-nav2 ul li a{
	color: #9095AA;
	padding: 0.8em 1em;
	font-size:0.875em;
	display: block;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.top-nav2 ul li:first-child a{
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-o-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-o-border-bottom-left-radius: 5px;
}
.top-nav2 ul li:last-child a{
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-o-border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-o-border-bottom-right-radius: 5px;
}
.top-nav2 li.active a, .top-nav2 li a:hover {
	background: #394264;
	color: #fff;
}
/*! Freebie Structure */
.top-nav3 {
	margin-top: 1.5em;
}
	ul.menu3
	{
		background: #2B2937;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		position: relative;
	}

	ul.menu3 li:first-child
	{
		-webkit-border-top-left-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}
	ul.menu3 li:last-child a
	{
		-webkit-border-top-right-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomright: 3px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}

	ul.menu3 li
	{
		float: left;
		margin: 0;
		position: relative;
		/* Gradient */
		background:#2B2937; /* Old browsers */
	}
	ul.menu3 li:last-child{
		-webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 5px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 3px;
	}
	ul.menu3 li span:not(.arrow)
	{
		display: table;
		padding: 10px 1em 8px 2em;
	}
	ul.menu3 li:first-child span:not(.arrow)
	{
		padding-left: 17px;
	}
	ul.menu3 li.active{
		background:#394264;
		border-bottom: 4px solid #252C45;
	}
	ul.menu3 li.active:hover{
		background:#2B2937;
	}
	ul.menu3 li:last-child span:not(.arrow)
	{
		display: table;
		padding: 17px;
		padding-left: 37px;
	}

	ul.menu3 li .arrow
	{
		position: absolute;
		top: 0;
		right: -23px;
		display: block;
		background: url(../images/imgs-sprit.png) no-repeat -0px -58px;
		width: 23px;
		height: 37px;
		z-index: 5;
	}
	ul.menu3 li a
	{
		color: #9095AA;
		font-size: 0.875em;
	}
		/* Mouse Events */
		ul.menu3 li:hover
		{
			color: #fff;
			background: #394264;
		}
		ul.menu3 li:active
		{
			background: #394264;
			color: #fff;
		}
		ul.menu3 li:hover .arrow
		{
			background: url(../images/imgs-sprit.png) no-repeat -0px -96px;
		}
		ul.menu3 li:active .arrow
		{
			background: url(../images/imgs-sprit.png) no-repeat -0px -96px;
		}
/*---start-top-nav4-----*/
.top-nav4 ul li{
	display:inline-block;
}
.top-nav4 ul li a{
	font-size: 0.875em;
	color: #9095AA;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	font-weight: 400;
}
.top-nav4 ul li a span{
	background: url(../images/imgs-sprit.png) no-repeat -66px -134px;
	height: 20px;
	width: 20px;
	display: inline-block;
}
.top-nav4 li.active a{ 
	background:none;
	color: #F02148;
}
.top-nav4 li a:hover{
	color: #F02148;
} 
.top-nav4 {
	margin: 0.5em 0;
}
/*---End-top-nav4-----*/
/*---start-pagenate-row-----*/
/*---start--left-pagenate-----*/
.left-pagenate {
	width:100%;
	margin-right: 2%;
	background: #2B2937;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
}
.left-frist{
	float: left;
	background: #313855;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 10px;
}
.left-frist span{
	background: url(../images/imgs-sprit.png) no-repeat 4px -136px #313855;
	height: 20px;
	width: 20px;
	display: block;
}
.left-pagenate ul li{
	display: inline-block;
	float: left;
	margin: 0 0.34em;
}
.left-pagenate ul{
	margin-top: 0.5em;
	float:left;
	margin: 0px 0.677em;
}
.left-pagenate ul li a{
	display: block;
	color: #9095AA;
	height:25px;
	line-height: 1.9em;
	width: 25px;
	text-align: center;
	font-size:0.875em;
	border-radius:30em;
	-webkit-border-radius:30em;
	-moz-border-radius:30em;
	-o-border-radius:30em;
	margin-top: 0.5em;
	
}
.left-pagenate li.active a ,.left-pagenate li a:hover{
	background: #394264;
	color: #fff;
	border-radius:30em;
	
}
.right-frist{
	float: left;
	background: #313855;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 10px;
}
.right-frist span{
	background: url(../images/imgs-sprit.png) no-repeat -22px -136px #313855;
	height: 20px;
	width: 20px;
	display: block;
}
/*---start--right-pagenate-----*/
.right-pagenate {
	width: 100%;
	margin-right: 0%;
	margin-top:1em;
}
.right-left-frist{
	background:#2B2937;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	float: left;
	padding:7px  10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-bottom: 3px solid #1A1822;
	color: #9095AA;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.right-left-frist span{
	background: url(../images/imgs-sprit.png) no-repeat -41px -138px;
	height: 20px;
	width:15px;
	display: inline-block;
	vertical-align: middle;
}
.right-pagenate ul li{
	display: inline-block;
	float: left;
	margin: 0 0.33em;
}
.right-pagenate ul{
	float:left;
	margin: 0 1.5em;
}
.right-pagenate ul li a{
	display: block;
	color: #9095AA;
	padding: 7px 10px;
	background: #2B2937;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.right-pagenate li.active a ,.right-pagenate li a:hover{
	background: #394264;
	color: #fff;
}
.right-frist-right{
	background: #2B2937;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	float: left;
	padding:7px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-bottom: 3px solid #1A1822;
	color: #9095AA;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.right-frist-right span{
	background: url(../images/imgs-sprit.png) no-repeat -65px -137px;
	height: 20px;
	width: 18px;
	display: inline-block;
	vertical-align: middle;
}
.right-frist-right:hover,.right-left-frist:hover{
	color:#fff;
	background: #394264;
	border-bottom: 3px solid #252C45;
}
/*---End-pagenate-row-----*/

/*---End-header-----*/
/*---start-tabs-calender-row-----*/

/*---start-calender-----*/
/* start calender and stories */
.cal_of_storie{
	margin-top: 2.777777%;
}
.column_right_grid {
	padding: 0em 0 1em 0;
	background: #2B2937;
	background: #2B2937;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-bottom: 3px solid #1A1822;
	margin: 1.2em 0;
	padding-top: 0.3em;
}
.calender{
	float: none;
	width: 100%;
}
.stories{
	float:right;
	width:42.33333%;
}
.stories_text{
	padding: 21.33333% 10%;
	background: #EA6060;
}
.stories_text h3{
	width: 80%;
	margin: 0 auto;
	font-size:3em;
	color: #ffffff;
	text-transform:uppercase;
}
.btn1{
	margin-top:8%;
	text-align:center;
}
/*---//END-calender-----*/
/*----End-navigatiios-part----->
 /*---start-buttons-----*/
.big-buttons-col1{
	width: 100%;
	margin-right: 0%;
	float:none;
}
.big-buttons-col1:last-child{
	margin:0;
}
.big-buttons-col1 li{
	margin-bottom:0.5em;
}
.big-buttons input[type="button"]{
	width:100%;
}
/*---start-green-btns-----*/
.buttons input[type="button"]{
	font-family: 'Open Sans', sans-serif;
}
.g-btngreen{
	font-size: 1em;
	background: #1ABC9C;
	color: #fff;
	padding: 1em 0;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	cursor: pointer;
	box-shadow: 0 4px #18937B;
	border:none;
	outline:none;
	cursor:pointer;
}
.g-btngreen:hover{
	background: #18937B;
	box-shadow: 0 4px #0C5D4D;
}
.g-btngreen:active{
	background: #0C5D4D;
	box-shadow: 0 4px #053E33;
}
.g-btngreen:disabled{
	background: #AACFCD;
	box-shadow: 0 4px #A6C2C0;
}
.g-btnn{
	font-size: 1em;
	background: #1ABC9C;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	cursor: pointer;
	box-shadow: 0 4px #18937B;
	border:none;
	outline:none;
	cursor:pointer;
}
.g-btnh{
	font-size: 1em;
	background: #18937B;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #0C5D4D;
	border:none;
	outline:none;
	cursor:pointer;
}
.g-btna{
	font-size: 1em;
	background: #0C5D4D;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #053E33;
	border:none;
	outline:none;
	cursor:pointer;
}
.g-btnd{
	font-size: 1em;
	background: #AACFCD;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #A6C2C0;
	border:none;
	outline:none;
	cursor:pointer;
}
/*---start-Yellow-btns-----*/
.l-btnyellow{
	font-size: 1em;
	background: #EAC80D;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #BFA30C;
	border:none;
	outline:none;
	cursor:pointer;
}
.l-btnyellow:hover{
	background: #BFA30C;
	box-shadow: 0 4px #8C7708;
}
.l-btnyellow:active{
	background: #8C7708;
	box-shadow: 0 4px #655604;
}
.l-btnyellow:disabled{
	background: #E4D78F;
	box-shadow: 0 4px #D0C483;
}
.l-btnn{
	font-size: 1em;
	background: #EAC80D;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #BFA30C;
	border:none;
	outline:none;
	cursor:pointer;
}
.l-btnh{
	font-size: 1em;
	background: #BFA30C;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #8C7708;
	border:none;
	outline:none;
	cursor:pointer;
}
.l-btna{
	font-size: 1em;
	background: #8C7708;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #655604;
	border:none;
	outline:none;
	cursor:pointer;
}
.l-btnd{
	font-size: 1em;
	background: #E4D78F;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #D0C483;
	border:none;
	outline:none;
	cursor:pointer;
}
/*---start-blue-btns-----*/
.b-btnblue{
	font-size: 1em;
	background: #5D6A99;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #3D4A79;
	border:none;
	outline:none;
	cursor:pointer;
}
.b-btnblue:hover{
	background:#3D4A79;
	box-shadow: 0 4px #293357;
}
.b-btnblue:active{
	background: #293357;
	box-shadow: 0 4px #12182F;
}
.b-btnblue:disabled{
	background:#A8AFC5;
	box-shadow: 0 4px #969DB3;
}
.b-btnn{
	font-size: 1em;
	background: #5D6A99;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #3D4A79;
	border:none;
	outline:none;
	cursor:pointer;
}
.b-btnh{
	font-size: 1em;
	background: #3D4A79;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #293357;
	border:none;
	outline:none;
	cursor:pointer;
}
.b-btna{
	font-size: 1em;
	background: #293357;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #12182F;
	border:none;
	outline:none;
	cursor:pointer;
}
.b-btnd{
	font-size: 1em;
	background: #A8AFC5;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #969DB3;
	border:none;
	outline:none;
	cursor:pointer;
}
/*---start-red-btns-----*/
.r-btnred{
	font-size: 1em;
	background: #E52C39;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #AA1A24;
	border:none;
	outline:none;
	cursor:pointer;
}
.r-btnred:hover{
	background:#AA1A24;
	box-shadow: 0 4px #760D15;
}
.r-btnred:active{
	background: #760D15;
	box-shadow: 0 4px #4B050B;
}
.r-btnred:disabled{
	background:#E59197;
	box-shadow: 0 4px #D47D83;
}
.r-btnn{
	font-size: 1em;
	background: #E52C39;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #AA1A24;
	border:none;
	outline:none;
	cursor:pointer;
}
.r-btnh{
	font-size: 1em;
	background: #AA1A24;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #760D15;
	border:none;
	outline:none;
	cursor:pointer;
}
.r-btna{
	font-size: 1em;
	background: #760D15;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #4B050B;
	border:none;
	outline:none;
	cursor:pointer;
}
.r-btnd{
	font-size: 1em;
	background: #E59197;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #D47D83;
	border:none;
	outline:none;
	cursor:pointer;
}
 /*---End-buttons-----*/
/*---start-connect-social------*/
.connect-social{
	margin: 1em 0 2em 0;
}
.connect-social ul li{
	display: block;
	margin-right: 0%;
}
.connect-social ul li:last-child{
	margin:0;
}
.connect-social ul li a{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	color: #FFF;
	font-size: 0.89em;
	display: block;
	line-height: 2em;
	width:70%;
	margin: 1em auto;
	padding: 4.5px 0 4.5px 20px;
}
/*----*/
.cface img{
	vertical-align: middle;
	border-right: 1px solid #054383;
	padding: 0.45em 0.6em;
	margin-right: 9px;
}
.cface{
	background-color: #014B96;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	position: relative;
	padding:0px 20px;
	border-left: solid 1px #034497;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #014B96, 0px 5px 0px 0px #113153, 0px 10px 5px #777;
	-moz-box-shadow: inset 0px 1px 0px #014B96, 0px 5px 0px 0px #113153, 0px 10px 5px #777;
	-o-box-shadow: inset 0px 1px 0px #014B96, 0px 5px 0px 0px #113153, 0px 10px 5px #777;
	box-shadow: inset 0px 1px 0px #014B96, 0px 5px 0px 0px #113153, 0px 10px 5px #777;
	/*----*/
	/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top left, #014B96 0%, #014B96 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top left, #014B96 0%, #014B96 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top left, #014B96 0%, #014B96 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #014B96), color-stop(1, #014B96));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top left, #014B96 0%, #014B96 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom right, #014B96 0%, #014B96 100%);
	margin-left: 37px;
}
.cface:active{
	top: 3px;
	background: #014b96; /* Old browsers */
	background: -moz-linear-gradient(top,  #014b96 0%, #024b93 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#014b96), color-stop(100%,#024b93)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #014b96 0%,#024b93 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #014b96 0%,#024b93 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #014b96 0%,#024b93 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #014b96 0%,#024b93 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014b96', endColorstr='#024b93',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: inset 0px 1px 0px #014b96, 0px 2px 0px 0px #014b96, 0px 5px 3px #999;
}
.cface::before {
	background-color: #2561b4;
	content:url(../images/cfacebook.png) no-repeat;
	width: 35px;
	max-height: 29px;
	height: 100%;
	position: absolute;
	display: block;
	padding: 4px 1px;
	top: 0px;
	left: -33px;
	font-size: 16px;
	font-weight: bold;
	color: #8fd1ea;
	text-shadow: 1px 1px 0px #07526e;
	border-right: solid 1px #034497;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top left, #014B96 0%, #014B96 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top left, #014B96 0%, #014B96 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top left, #014B96 0%, #014B96 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #014B96), color-stop(1, #014B96));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top left, #014B96 0%, #014B96 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom right, #014B96 0%, #014B96 100%);;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #014B96, 0px 5px 0px 0px #113153, 0px 10px 5px #777;
	-moz-box-shadow: inset 0px 1px 0px #014B96, 0px 5px 0px 0px #113153, 0px 10px 5px #777;
	-o-box-shadow: inset 0px 1px 0px #014B96, 0px 5px 0px 0px #113153, 0px 10px 5px #777;
	box-shadow: inset 0px 1px 0px #014B96, 0px 5px 0px 0px #113153, 0px 10px 5px #777;
}
.cface:active::before {
	top: -3px;
	-webkit-box-shadow: inset 0px 1px 0px #014B96, 0px 5px 0px 0px #113153, 0px 10px 5px #777;
	-moz-box-shadow: inset 0px 1px 0px #014B96, 0px 5px 0px 0px #113153, 0px 10px 5px #777;
	-o-box-shadow: inset 0px 1px 0px #014B96, 0px 5px 0px 0px #113153, 0px 10px 5px #777;
	box-shadow: inset 0px 1px 0px #014B96, 0px 5px 0px 0px #113153, 0px 10px 5px #777;
}
/*----*/
.ctwitt{
	background-color: #31AAE1;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	position: relative;
	padding:0px 20px;
	border-left: solid 1px #31AAE1;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #32A8DE, 0px 5px 0px 0px #006594, 0px 10px 5px #777;
	-moz-box-shadow: inset 0px 1px 0px #32A8DE, 0px 5px 0px 0px #006594, 0px 10px 5px #777;
	-o-box-shadow: inset 0px 1px 0px #32A8DE, 0px 5px 0px 0px #006594, 0px 10px 5px #777;
	box-shadow: inset 0px 1px 0px #32A8DE, 0px 5px 0px 0px #006594, 0px 10px 5px #777;
	/*----*/
	/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top left, #31AAE1 0%, #31AAE1 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top left, #31AAE1 0%, #31AAE1 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top left, #31AAE1 0%, #31AAE1 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #31AAE1), color-stop(1, #31AAE1));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top left, #31AAE1 0%, #31AAE1 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom right, #31AAE1 0%, #31AAE1 100%);
	margin-left: 37px;
	
}
.ctwitt:active{
	top: 3px;
	background: #31AAE1; /* Old browsers */
	/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(bottom right, #31AAE1 0%, #31AAE1 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom right, #31AAE1 0%, #31AAE1 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(bottom right, #31AAE1 0%, #31AAE1 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0, #31AAE1), color-stop(1, #31AAE1));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom right, #31AAE1 0%, #31AAE1 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to top left, #31AAE1 0%, #31AAE1 100%);
	-webkit-box-shadow: inset 0px 1px 0px #31AAE1 , 0px 2px 0px 0px #31AAE1, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #31AAE1 , 0px 2px 0px 0px #31AAE1, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #31AAE1 , 0px 2px 0px 0px #31AAE1, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #31AAE1 , 0px 2px 0px 0px #31AAE1, 0px 5px 3px #999;
}
.ctwitt:before{
	background-color: #2561b4;
	content:url(../images/ctwitter.png) no-repeat;
	width: 35px;
	max-height: 29px;
	height: 100%;
	position: absolute;
	display: block;
	padding: 4px 1px;
	top: 0px;
	left: -33px;
	font-size: 16px;
	font-weight: bold;
	color: #8fd1ea;
	text-shadow: 1px 1px 0px #31AAE1;
	border-right: solid 1px #138AC0;
	-webkit-box-shadow: inset 0px 1px 0px #32A8DE, 0px 5px 0px 0px #006594, 0px 10px 5px #777;
	-moz-box-shadow: inset 0px 1px 0px #32A8DE, 0px 5px 0px 0px #006594, 0px 10px 5px #777;
	-o-box-shadow: inset 0px 1px 0px #32A8DE, 0px 5px 0px 0px #006594, 0px 10px 5px #777;
	box-shadow: inset 0px 1px 0px #32A8DE, 0px 5px 0px 0px #006594, 0px 10px 5px #777;
	/*----*/
	/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top left, #31AAE1 0%, #31AAE1 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top left, #31AAE1 0%, #31AAE1 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top left, #31AAE1 0%, #31AAE1 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #31AAE1), color-stop(1, #31AAE1));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top left, #31AAE1 0%, #31AAE1 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom right, #31AAE1 0%, #31AAE1 100%);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.ctwitt:active::before {
	top: -3px;
	-webkit-box-shadow: inset 0px 1px 0px #32A8DE, 0px 5px 0px 0px #006594, 0px 10px 5px #777;
	-moz-box-shadow: inset 0px 1px 0px #32A8DE, 0px 5px 0px 0px #006594, 0px 10px 5px #777;
	-o-box-shadow: inset 0px 1px 0px #32A8DE, 0px 5px 0px 0px #006594, 0px 10px 5px #777;
	box-shadow: inset 0px 1px 0px #32A8DE, 0px 5px 0px 0px #006594, 0px 10px 5px #777;
}
.ctwitt img{
	vertical-align: middle;
	border-right: 1px solid #006594;
	padding: 0.45em 0.6em;
	margin-right: 9px;
}
/*----*/
.cgoogle{
	background-color: #DF4A33;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	position: relative;
	padding: 0px 20px;
	border-left: solid 1px #cf4a36;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #CF4A36, 0px 5px 0px 0px #8B4237, 0px 10px 5px #777;
	-moz-box-shadow: inset 0px 1px 0px #CF4A36, 0px 5px 0px 0px #8B4237, 0px 10px 5px #777;
	-o-box-shadow: inset 0px 1px 0px #CF4A36, 0px 5px 0px 0px #8B4237, 0px 10px 5px #777;
	box-shadow: inset 0px 1px 0px #CF4A36, 0px 5px 0px 0px #8B4237, 0px 10px 5px #777;
	background-image: -ms-linear-gradient(top left, #DF4A33 0%, #DF4A33 100%);
	background-image: -moz-linear-gradient(top left, #DF4A33 0%, #DF4A33 100%);
	background-image: -o-linear-gradient(top left, #DF4A33 0%, #DF4A33 100%);
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #DF4A33), color-stop(1, #DF4A33));
	background-image: -webkit-linear-gradient(top left, #DF4A33 0%, #DF4A33 100%);
	background-image: linear-gradient(to bottom right, #DF4A33 0%, #DF4A33 100%);
	margin-left: 37px;
}
.cgoogle:active{
	top: 3px;
	background: #DF4A33; /* Old browsers */
	/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top left, #DF4A33 0%, #DF4A33 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top left, #DF4A33 0%, #DF4A33 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top left, #DF4A33 0%, #DF4A33 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #DF4A33), color-stop(1, #DF4A33));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top left, #DF4A33 0%, #DF4A33 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom right, #DF4A33 0%, #DF4A33 100%);
	-webkit-box-shadow: inset 0px 1px 0px #DF4A33 , 0px 2px 0px 0px #DF4A33, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #DF4A33 , 0px 2px 0px 0px #DF4A33, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #DF4A33 , 0px 2px 0px 0px #DF4A33, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #DF4A33 , 0px 2px 0px 0px #DF4A33, 0px 5px 3px #999;
}
.cgoogle:before{
	background-color:#CF4A36;
	content:url(../images/cgoogle.png) no-repeat;
	width: 35px;
	max-height: 29px;
	height: 100%;
	position: absolute;
	display: block;
	padding: 4px 1px;
	top: 0px;
	left: -33px;
	font-size: 16px;
	font-weight: bold;
	color: #8fd1ea;
	text-shadow: 1px 1px 0px #CF4A36;
	border-right: solid 1px #CF4A36;
	-webkit-box-shadow: inset 0px 1px 0px #CF4A36, 0px 5px 0px 0px #8B4237, 0px 10px 5px #777;
	-moz-box-shadow: inset 0px 1px 0px #CF4A36, 0px 5px 0px 0px #8B4237, 0px 10px 5px #777;
	-o-box-shadow: inset 0px 1px 0px #CF4A36, 0px 5px 0px 0px #8B4237, 0px 10px 5px #777;
	box-shadow: inset 0px 1px 0px #CF4A36, 0px 5px 0px 0px #8B4237, 0px 10px 5px #777;
	background-image: -ms-linear-gradient(top left, #DF4A33 0%, #DF4A33 100%);
	background-image: -moz-linear-gradient(top left, #DF4A33 0%, #DF4A33 100%);
	background-image: -o-linear-gradient(top left, #DF4A33 0%, #DF4A33 100%);
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #DF4A33), color-stop(1, #DF4A33));
	background-image: -webkit-linear-gradient(top left, #DF4A33 0%, #DF4A33 100%);
	background-image: linear-gradient(to bottom right, #DF4A33 0%, #DF4A33 100%);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.cgoogle:active::before {
	top: -3px;
	-webkit-box-shadow: inset 0px 1px 0px #CF4A36, 0px 5px 0px 0px #8B4237, 0px 10px 5px #777;
	-moz-box-shadow: inset 0px 1px 0px #CF4A36, 0px 5px 0px 0px #8B4237, 0px 10px 5px #777;
	-o-box-shadow: inset 0px 1px 0px #CF4A36, 0px 5px 0px 0px #8B4237, 0px 10px 5px #777;
	box-shadow: inset 0px 1px 0px #CF4A36, 0px 5px 0px 0px #8B4237, 0px 10px 5px #777;
}

.cgoogle img{
	vertical-align: middle;
	border-right: 1px solid #961500;
	padding: 0.45em 0.6em;
	margin-right: 9px;
}
/*----*/
/*----*/
.cin{
	background-color: #0076B3;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	position: relative;
	padding: 0px 20px;
	border-left: solid 1px #0076B3;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #0076B3, 0px 5px 0px 0px #1B455A, 0px 10px 5px #777;
	-moz-box-shadow: inset 0px 1px 0px #0076B3, 0px 5px 0px 0px #1B455A, 0px 10px 5px #777;
	-o-box-shadow: inset 0px 1px 0px #0076B3, 0px 5px 0px 0px #1B455A, 0px 10px 5px #777;
	box-shadow: inset 0px 1px 0px #0076B3, 0px 5px 0px 0px #1B455A, 0px 10px 5px #777;
	/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top left, #0076B3 0%, #0076B3 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top left, #0076B3 0%, #0076B3 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top left, #0076B3 0%, #0076B3 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #0076B3), color-stop(1, #0076B3));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top left, #0076B3 0%, #0076B3 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom right, #0076B3 0%, #0076B3 100%);
	margin-left: 37px;
}
.cin:active{
	top: 3px;
	background: #0076B3; /* Old browsers */
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top left, #0076B3 0%, #0076B3 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top left, #0076B3 0%, #0076B3 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top left, #0076B3 0%, #0076B3 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #0076B3), color-stop(1, #0076B3));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top left, #0076B3 0%, #0076B3 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom right, #0076B3 0%, #0076B3 100%);
	-webkit-box-shadow: inset 0px 1px 0px #0076B3 , 0px 2px 0px 0px #0076B3, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #0076B3 , 0px 2px 0px 0px #0076B3, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #0076B3 , 0px 2px 0px 0px #0076B3, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #0076B3 , 0px 2px 0px 0px #0076B3, 0px 5px 3px #999;
}
.cin:before{
	background-color:#0076B3;
	content:url(../images/cin.png) no-repeat;
	width: 35px;
	max-height: 29px;
	height: 100%;
	position: absolute;
	display: block;
	padding: 4px 1px;
	top: 0px;
	left: -33px;
	font-size: 16px;
	font-weight: bold;
	color: #8fd1ea;
	text-shadow: 1px 1px 0px #0076B3;
	border-right:solid 1px #3B8EB9;
	--webkit-box-shadow: inset 0px 1px 0px #0076B3, 0px 5px 0px 0px #1B455A, 0px 10px 5px #777;
	-moz-box-shadow: inset 0px 1px 0px #0076B3, 0px 5px 0px 0px #1B455A, 0px 10px 5px #777;
	-o-box-shadow: inset 0px 1px 0px #0076B3, 0px 5px 0px 0px #1B455A, 0px 10px 5px #777;
	box-shadow: inset 0px 1px 0px #0076B3, 0px 5px 0px 0px #1B455A, 0px 10px 5px #777;
	/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top left, #0076B3 0%, #0076B3 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top left, #0076B3 0%, #0076B3 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top left, #0076B3 0%, #0076B3 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #0076B3), color-stop(1, #0076B3));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top left, #0076B3 0%, #0076B3 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom right, #0076B3 0%, #0076B3 100%);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.cin:active::before {
	top: -3px;
	-webkit-box-shadow: inset 0px 1px 0px #0076B3, 0px 5px 0px 0px #1B455A, 0px 10px 5px #777;
	-moz-box-shadow: inset 0px 1px 0px #0076B3, 0px 5px 0px 0px #1B455A, 0px 10px 5px #777;
	-o-box-shadow: inset 0px 1px 0px #0076B3, 0px 5px 0px 0px #1B455A, 0px 10px 5px #777;
	box-shadow: inset 0px 1px 0px #0076B3, 0px 5px 0px 0px #1B455A, 0px 10px 5px #777;
}
/*----*/
.cin img{
	vertical-align: middle;
	border-right: 1px solid #035985;
	padding: 0.45em 0.6em;
	margin-right: 9px;
}
/*---startr-like-social------*/
.like-social{
	margin:1em 0;
}
.like-social ul li{
	display:block;
	margin-right:0%;
	margin-bottom:0.5em;
}
.like-social li a img{
	vertical-align: middle;
	padding: 0.5em;
	display: inline-block;
	padding-left: 1em;
}
.like-social li a{
	width: 100%;
}
.lface{
	font-size: 0.89em;
	background: #014B96;
	border-bottom: 3px solid #002C59;
	height: 33px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	padding-top: 1px;
	color: #FFF;
	display: block;
}
.lface img{
	padding:0.5em;
}
.lface span{
	font-weight:bold;
	margin-left: 1em;
}
.lface label{
	border-left: 1px solid #054383;
	text-align: right;
	padding: .4em 1em;
	margin-left: 1em;
}
/*----*/
.ltweet{
	font-size: 0.89em;
	background: #31AAE1;
	border-bottom: 3px solid #006594;
	height: 33px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	padding-top: 1px;
	color: #FFF;
	display: block;
}
.ltweet img{
	padding:0.5em;
}
.ltweet span{
	font-weight:bold;
	margin-left: 1em;
}
.ltweet label{
	text-align: right;
	padding: .4em 1em;
	margin-left: 1em;
	border-left: 1px solid #188BC0;
}
/*----*/
.lgoogle{
	font-size: 0.89em;
	background: #DF4A32;
	border-bottom: 3px solid #961500;
	height: 33px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	padding-top: 1px;
	color: #FFF;
	display: block;
}
.lgoogle img{
	padding:0.5em;
}
.lgoogle span{
	font-weight:bold;
	margin-left: 1em;
}
.lgoogle label{
	border-left: 1px solid #961500;
	text-align: right;
	padding: .4em 1em;
	margin-left: 1em;
}
/*----*/
.lin{
	font-size: 0.89em;
	background: #0076B3;
	border-bottom: 3px solid #003D5C;
	height: 33px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	padding-top: 1px;
	color: #FFF;
	display: block;
}
.lin img{
	padding:0.5em;
}
.lin span{
	font-weight:bold;
	margin-left: 1em;
}
.lin label{
	border-left: 1px solid #003D5C;
	text-align: right;
	padding: .4em 1em;
	margin-left: 1em;
}
/*----*/
.lpin{
	font-size: 0.89em;
	background: #C91517;
	border-bottom: 3px solid #67090A;
	height: 33px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	padding-top: 1px;
	color: #FFF;
	display: block;
}
.lpin img{
	padding:0.5em;
}
.lpin span{
	font-weight:bold;
	margin-left: 1em;
}
.lpin label{
	border-left: 1px solid #67090A;
	text-align: right;
	padding: .4em 1em;
	margin-left: 1em;
}
/*-----start-checkboxs-----*/
.uncheked{
	height:20px;
	width:20px;
	display:block;
	background:url(../images/check-sprit.png) no-repeat;
}
.cheked{
	height:20px;
	width:20px;
	display:block;
	background:url(../images/check-sprit.png) no-repeat 50% 50%;
}
.disabled{
	height:20px;
	width:20px;
	display:block;
	background:url(../images/check-sprit.png) no-repeat 0% 100%;
}
.checkbox-grid-left input[type="checkbox"]{
	display:none;
}
.checkbox-grid-left input[type="checkbox"]+label{
	display:inline-block;
}
.checkbox-grid-left p{
	display:block;
}
.checkbox-grid-left a{
	vertical-align: super;
	margin-left: 10px;
	color: #222;
	font-size: 1em;
}
input[type=checkbox].css-checkbox10 + label.css-label10 {
	height: 22px;
	width: 21px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	cursor: pointer;
	background-image: url(../images/check-sprit.png);
}
input[type=checkbox].css-checkbox10:checked + label.css-label10 {
	background-position: 0px -30px;
}
input[type=checkbox].css-checkbox11 + label.css-label11 {
	height: 22px;
	width: 21px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 -30px;
	cursor: pointer;
	background-image: url(../images/check-sprit.png);
}
input[type=checkbox].css-checkbox11:checked + label.css-label11 {
	background-position: 0px 0px;
}
input[type=checkbox].css-checkbox12 + label.css-label12 {
	height: 22px;
	width: 21px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 -59px;
	cursor: pointer;
	background-image: url(../images/check-sprit.png);
}
input[type=checkbox].css-checkbox12:checked + label.css-label12 {
	background-position: 0px -30px;
}
input[type=checkbox].css-checkbox13 + label.css-label13 {
	height: 22px;
	width: 21px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	cursor: pointer;
	background-image: url(../images/check-sprit1.png);
}
input[type=checkbox].css-checkbox13:checked + label.css-label13 {
	background-position: 0px -30px;
}
input[type=checkbox].css-checkbox14 + label.css-label14 {
	height: 22px;
	width: 21px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 -30px;
	cursor: pointer;
	background-image: url(../images/check-sprit1.png);
}
input[type=checkbox].css-checkbox14:checked + label.css-label14 {
	background-position: 0px 0px;
}
input[type=checkbox].css-checkbox15 + label.css-label15 {
	height: 22px;
	width: 21px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 -59px;
	cursor: pointer;
	background-image: url(../images/check-sprit1.png);
}
input[type=checkbox].css-checkbox15:checked + label.css-label15{
	background-position: 0px -30px;
}
/*-----*/
.checkbox-grid-right{
	float:left;
}
.uncheked-circle{
	height:20px;
	width:20px;
	display:block;
	background:url(../images/check-sprit1.png) no-repeat;
}
.cheked-circle{
	height:20px;
	width:20px;
	display:block;
	background:url(../images/check-sprit1.png) no-repeat 50% 50%;
}
.disabled-circle{
	height:20px;
	width:20px;
	display:block;
	background:url(../images/check-sprit1.png) no-repeat 0% 100%;
}
.checkbox-grid-right input[type="checkbox"]{
	display:none;
}
.checkbox-grid-right input[type="checkbox"]+label{
	display:inline-block;
}
.checkbox-grid-right p{
	display:block;
}
.checkbox-grid-right a{
	vertical-align: super;
	margin-left: 10px;
	color: #222;
	font-size: 1em;
}
.checkbox-grid {
	width:100%;
	float: none;
	margin-right:0%;
	margin-bottom: 1em;
}
.checkbox-grid-left {
	float: left;
	width: 50%;
}
/*-----radio-switch-buttons-----*/
.switech-grid {
	float:left;
	width:50%;
}
.radio-switch-grids {
	width:100%;
	float: none;
}
.switch {
 	margin: 5px auto 30px auto;
	position: relative;
}
.switch label {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}

.switch input {
  top: 0; 
  right: 0; 
  bottom: 0; 
  left: 0;
  opacity: 0;
  z-index: 100;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
/* DEMO 3 */

.switch.demo3 {
  width: 100px;
  height: 29px;
  font-size:0.875em;
}

.switch.demo3 label {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
}

.switch.demo3 label:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -8px; right: -8px; bottom: -8px; left: -8px;
  border-radius: inherit;
  background: #394264;
  text-align: center;
}
.switch.demo3 label i {
 	display: block;
	height: 100%;
	width: 50%;
	border-radius: inherit;
	position: absolute;
	z-index: 2;
	right: 50%;
	top: 0;
	text-align: center;
	background: #1ABC9C;
}
.switch.demo3 label i:before {
 	content: "off";
	text-transform: uppercase;
	font-style: normal;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	right: -60%;
	color: #fff;
}
.switch.demo3 input:checked ~ label {
  background: #394264;
}
.switch.demo3 input:checked ~ label i {
  right: -1%;
}
.switch.demo3 input:checked ~ label i:before {
  content: "on";
  right: 115%;
  color: #FFF;
  text-align: center;
}
/*-----start-progress-bar-----*/
.progress-grid{
	float:none;
	width:100%;
	margin-right:0;
	position: relative;
}
/*----progress-meter----*/
.meter { 
			height: 17px;
			position: relative;
			margin: 0px 0 10px 0;
			background:#2B2937;
			-moz-border-radius: 25px;
			-webkit-border-radius: 25px;
			border-radius: 25px;
			-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
			-moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
			box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
		}
		.meter > span {
			display: block;
			height: 100%;
			   -webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-right-radius: 8px;
			        border-bottom-right-radius: 8px;
			    -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-left-radius: 20px;
			         border-bottom-left-radius: 20px;
			background-color: #1ABC9C;
			-webkit-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			-moz-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			position: relative;
			overflow: hidden;
		}
		.meter > span:after, .animate > span > span {
			content: "";
			position: absolute;
			top: 0; left: 0; bottom: 0; right: 0;
			background-image: 
			   -webkit-gradient(linear, 0 0, 100% 100%, 
			      color-stop(.25, rgba(255, 255, 255, .2)), 
			      color-stop(.25, transparent), color-stop(.5, transparent), 
			      color-stop(.5, rgba(255, 255, 255, .2)), 
			      color-stop(.75, rgba(255, 255, 255, .2)), 
			      color-stop(.75, transparent), to(transparent)
			   );
			background-image: 
				-moz-linear-gradient(
				  -45deg, 
			      rgba(255, 255, 255, .2) 25%, 
			      transparent 25%, 
			      transparent 50%, 
			      rgba(255, 255, 255, .2) 50%, 
			      rgba(255, 255, 255, .2) 75%, 
			      transparent 75%, 
			      transparent
			   );
			z-index: 1;
			-webkit-background-size: 50px 50px;
			-moz-background-size: 50px 50px;
			background-size: 50px 50px;
			-webkit-animation: move 2s linear infinite;
			-moz-animation: move 2s linear infinite;
			   -webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-right-radius: 8px;
			        border-bottom-right-radius: 8px;
			    -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-left-radius: 20px;
			         border-bottom-left-radius: 20px;
			overflow: hidden;
		}
		
		.animate > span:after {
			display: none;
		}
		
		@-webkit-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 50px 50px;
		    }
		}
		
		@-moz-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 50px 50px;
		    }
		}
		
		
		.orange > span {
			background-color:#F02148;
		}
		
		.red > span {
			background-color: #F02148;
		}
		
		.nostripes > span > span, .nostripes > span:after {
			-webkit-animation: none;
			-moz-animation: none;
			background-image: none;
		}
/*----//progress-meter----*/
/*---//End-wrap-----*/
/*---start-input-boxs----*/
.input-boxs{
	font-family: 'Open Sans', sans-serif;
}
.input-box-grid{
	width:100%;
	float: none;
	margin-right:0%;
}
.last-input-box-grid{
	margin:0;
}
.input-box-grid input[type="text"]{
	width: 87%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2em;
	outline: none;
}
.normal-input-white{
	color: #777;
	border: 1px solid #B3B3B3;
}
.focused-input-white{
	color: #222;
	border: 1px solid #1ABC9C;
}
.alert-input-white{
	color: #E52C39;
	border: 1px solid #E52C39;
}
.deactive-input-white{
	color: #E6E6E6;
	border: 1px solid #CCCCCC;
	background:#F2F2F2;
}
.input-box-grid-white input[type="text"],.input-box-grid-dark input[type="text"]{
	padding: 0.5em 0.8em;
	margin: 0.4em 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
/*-----*/
.normal-input-dark{
	color:#9095AA;
	border: 1px solid #394264;
	background:#394264;
}
.focused-input-dark{
	color: #FFF;
	border: 1px solid #1ABC9C;
	background:#394264;
}
.alert-input-dark{
	color: #E52C39;
	border: 1px solid #E52C39;
	background:#394264;
}
.deactive-input-dark{
	color: #E6E6E6;
	background:#9095AA;
	border: 1px solid #CCCCCC;
}
/*-----*/
.input-box-grid-dark-search1{
	background: #394264;
	border: 1px solid #333B58;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	width: 97%;
	border:1px solid #272E48;
	margin-bottom: 1.2em;
}
.input-box-grid-dark-search1 input[type="text"]{
	background: none;
	border: none;
	color: #9095AA;
	padding: 0.8em;
	font-size:0.875em;
	position:relative;
}
.input-box-grid-dark-search1 input[type="submit"]{
	background: url(../images/search-icon1.png) no-repeat 50% #394264;
	border: none;
	height: 19px;
	width: 32px;
	outline: none;
	position: absolute;
	top: 14px;
	right: 9px;
	cursor:pointer;
}
.textbox-search{
	margin-top:0.5em;
}
/*-----*/
.input-box-grid-dark-search2{
	background: #394264;
	border: 1px solid #333B58;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	width: 97%;
	border:1px solid #1ABC9C;
	margin-top:0.5em;
	margin-bottom: 1.2em;
}
.input-box-grid-dark-search2 input[type="text"]{
	background: none;
	border: none;
	color: #fff;
	padding: 0.8em;
	font-size:0.875em;
	position:relative;
	width:97%;
}
.input-box-grid-dark-search2 input[type="submit"]{
	background: url(../images/search-icon1h.png) no-repeat 50% #394264;
	border: none;
	height: 19px;
	width: 32px;
	outline: none;
	position: absolute;
	top: 14px;
	right: 9px;
	cursor:pointer;
}
.textbox-search{
	margin-top:0.5em;
}
/*----*/
.input-box-grid-white-search1{
	background: #CCCCCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	width: 97%;
	border:1px solid #CCCCCC;
	margin-top:0.5em;
	margin-bottom: 1.2em;
	padding-bottom: 1px;
}
.input-box-grid-white-search1 input[type="text"]{
	background: none;
	border: none;
	color: #9095AA;
	padding: 0.8em;
	font-size:0.875em;
	position:relative;
	background:#fff;
	margin-left: 2px;
	width:78%;
}
.input-box-grid-white-search1 input[type="submit"]{
	background: url(../images/search-icon1h.png) no-repeat 50%;
	border: none;
	height: 19px;
	width: 32px;
	outline: none;
	cursor:pointer;
	position: absolute;
	top: 14px;
	right: 3px;
}
.textbox-search{
	margin-top:0.5em;
}
/*----*/
.input-box-grid-white-search2{
	background: #1ABC9C;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	width: 97%;
	border:1px solid #CCCCCC;
	margin-top:0.5em;
	padding-bottom: 1px;
}
.input-box-grid-white-search2 input[type="text"]{
	background: none;
	border: none;
	color: #222;
	padding: 0.8em;
	font-size:0.875em;
	position:relative;
	background:#fff;
	margin-left: 2px;
	width:78%;
}
.input-box-grid-white-search2 input[type="submit"]{
	background: url(../images/search-icon1h.png) no-repeat 50%;
	border: none;
	height: 19px;
	width: 32px;
	outline: none;
	position: absolute;
	top: 14px;
	right: 3px;
	cursor:pointer;
}
.textbox-search{
	margin-top:0.5em;
}
/*---increment------*/
.incerment label {
  font: bold 20px Helvetica, sans-serif;
  display: block;
  float: left;
  text-align: right;
  padding: 5px 10px 0 0;
  width: 140px;
}
.incerment input[type=text] {
  float: left;
  width: 40px;
  font: bold 20px Helvetica, sans-serif;
  padding: 3px 0 0 0;
  text-align: center;
}
.incerment form div {
  overflow: hidden;
}
.incerment button{
  margin: 0 0 0 5px;
  text-indent: -9999px;
  cursor: pointer;
  width: 29px;
  height: 29px;
  float: left;
  text-align: center;
  background:url(../images/buttons.png) no-repeat;
}
.inc,.dec{
	background:#9095AA;
	padding: 1px 11px;
}
.incerment.dec {
  background-position: 0 -29px;
}

.incerment.buttons {
  padding: 20px 0 0 140px;
}
/*---start-textareaboxs-----*/
.textarea-box1{
	float:left;
	width:100%;
	margin-right:0%;
	margin: 1em 0;
}
.textarea-box1 textarea{
	width: 87%;
	height: 100px;
	border: 1px solid #CCCCCC;
	color: #222;
	font-family: 'Open Sans', sans-serif;
	padding: 1em;
	font-size:0.875em;
	line-height: 1.8em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
} 
.textarea-box2{
	float:none;
	width:100%;
	margin-right:0%;
	margin-top:1em;
}
.textarea-box2 textarea{
	width: 87%;
	height: 100px;
	border: 1px solid #222;
	color: #FFF;
	font-family: 'Open Sans', sans-serif;
	background:#394264;
	padding: 1em;
	font-size:0.875em;
	line-height: 1.8em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
} 
/*---slider-----*/
/*---start-message-box-staus-----*/
.message-box{
	background:#2B2937;
	border-bottom: 3px solid #1A1822;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 2em;
}
.message-box-header-left{
	float: left;
	width: 50%;
	padding: .2em  0  0 .5em;
}
.message-box-header-left img{
	vertical-align:middle;
	margin-right:5px;
}
.message-box-header-left a{
	font-size:1em;
	color:#9095AA;
}
.message-box-header-left a span{
	color: #FFF;
	background: #F02148;
	padding: 1px 7px 2px 7px;
	width: 22px;
	height: 16px;
	border-radius: 0.7em;
	font-size: 0.8em;
	-webkit-border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-o-border-radius: 0.8em;
}
.message-box-header-right{
	float: right;
	width: 37%;
}
.message-box-header-right p{
	font-size:0.8em;
	color:#9095AA;
	display: inline-table;
}
.message-box-header-right label{
	color: #9095AA;
	font-weight: bold;
	border-left: 1px solid rgba(144, 149, 170, 0.22);
	padding: 0 2em;
	margin: 0 0.5em;
}
.message-box-header-right-left{
	float: left;
	margin-top: 16px;
}
.message-box-header-right-right{
	float:right;
	width:90%;
}
.message-box-header-right-right ul li{
	display:inline-block;
	float: left;
}
.message-box-header-right-right ul li a{
	padding:0.5em  0.8em;
	display: block;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.message-box-header-right-right ul li:nth-child(2) a{
	border-top-right-radius:0.3em;
}
.message-box-header-right-right ul li a:hover{
	background:#394264;
}
.message-box-header-right-right ul li a img{
	vertical-align:middle;
}
.left-msg{
	border:1px solid rgba(144, 149, 170, 0.22);
	border-top:none;
	border-bottom:none;
}
.message-box-header {
	border-bottom: 1px solid rgba(144, 149, 170, 0.22);
}
/*---start-msg-row-----*/
.messge-row-col1{
	width:27%;
	float:left;
}
.messge-row{
	border-bottom: 1px solid rgba(144, 149, 170, 0.22);
}
.messge-row-col1 ul li{
	display:inline-block;
	padding: 17px 8px;
	border-right: 1px solid rgba(144, 149, 170, 0.22);
	float: left;
}
.messge-row {
	height: 56px;
	overflow: hidden;
}
.messge-row:hover{
	background:#2E3146;
}
.messge-row-col3{
	float: left;
	width:33%;
	border-right: 1px solid rgba(144, 149, 170, 0.22);
	padding: 6px 5px;
}
.messge-row-col4{
	float: right;
	width:28%;
	padding: 5px 0;
	text-align: center;
}
.messge-row-col2 span{
	font-size:0.8em;
	color:#9095AA;
}
.messge-row-col3 p{
	font-size: 0.875em;
	color: #9095AA;
	line-height: 1.5em;
	padding: 0 0px;
}
.messge-row-col4 p{
	font-size: 0.875em;
	color:#9095AA;
	line-height:1.5em;
}
.yewllow-notification{
	background:#EAC80D;
}
.green-right{
	background:#1ABC9C;
}
.red-alert{
	background:#F02148;
}
/*----skills-row----*/
/*---strat-personal-skills-left------*/
.personal-skills-left{
}
.left-chart{
	float:none;
	width:100%;
	background: #2B2937;
	border-bottom: 3px solid #1A1822;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding-top: 2em;
}
.left-chart p{
	text-align: center;
	margin: 1em 0 2em 0;
}
.left-chart p img{
	vertical-align:middle;
	cursor:pointer;
}
.left-chart p span{
	margin: 1em 1em 0 1em;
	color: #9095AA;
	display: inline-block;
}
.left-chart-skils-row li{
	width: 33%;
	text-align: center;
	display: inline-block;
	padding: 0.8em 0;
	border-right: 1px solid #9095AA;
	float:left;
}
.left-chart-skils-row li:last-child{
	border-right:none;
}
.left-chart-skils-row li label{
	color: #9095AA;
	font-size:0.8em;
}
.left-chart-skils-row li h5{
	color:#FFF;
	font-size:1.2em;
}
.left-chart-skils-row li:first-child{
	border-top:5px solid #EAC80D;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.left-chart-skils-row li:nth-child(2){
	border-top:5px solid #1ABC9C;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.left-chart-skils-row li:nth-child(2):hover,.left-chart-skils-row li:first-child:hover,.left-chart-skils-row li:nth-child(3):hover,.accout-profile-info ul li:hover{
	background: #2B2937;
	cursor:pointer;
}
.left-chart-skils-row li:nth-child(3){
	border-top:5px solid #E52C39;
	border-right:none;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.left-chart-skils-row{
	background:#394264;
}
.right-chart{
	float:none;
	width:100%;
	background: #2B2937;
	border-bottom: 3px solid #1A1822;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding-top: 1em;
}
/*-----*/
/* various containers */
.container {
    width: 100%;
    margin: 0 auto;
}
.canvas-container {
    min-height: 300px;
    max-height: 600px;
    position: relative;
}
.widget {
    position: relative;
    margin-bottom: 80px;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.widget p {
    margin-top: 0;
    text-align: center;
}
.widget h3 {
    margin: -12px 0 12px -12px;
    padding: 12px;
    width: 100%;
    text-align: center;
    color: #627b86;
    line-height: 2em;
    background: #d0dde3;
}


/* Doughnut-specific */
.widget.doughnut .canvas-container {
    min-height: 250px;
    max-height: 550px;
}
.canvas-container {
	position: relative;
}
.widget.doughnut .status {
    display: none;
}
.right-chart-header{
	padding: 0em 1em 1em 1em;
}
.right-chart-header-left{
	float:left;
}
.right-chart-header-left h5{
	color:#9095AA;
	font-size:1.5em;
}
.right-chart-header-right{
	float:right;
	margin-top: 14px;
}
.right-chart-header-right ul li{
	display:inline-block;
}
.right-chart-header-right ul li img{
	vertical-align:middle;
	cursor:pointer;
}
.date-notifi li a{
	background:#394264;
	color:#9095AA;
	font-size:0.875em;
	padding:0.4em 0.5em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.date-notifi{
	float:left;
}
.main{
	float:right;
}
.right-chart-header-right ul li a:hover{
	color: #FFF;
	background: #1ABC9C;
}
/* Line-specific */
.widget.line p span {
    color: #dbba34;
}
.widget.line p strong {
    color: #637b85;
    font-weight: 400;
}
.chart-legend ul {
    list-style: none;
    width: 100%;
    margin: 30px auto 0;
}
.chart-legend li {
    text-indent: 16px;
    line-height: 24px;
    position: relative;
    font-weight: 200;
    display: block;
    float: left;
    width: 50%;
    font-size: 0.8em;
}
.chart-legend  li:before {
    display: block;
    width: 10px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 3px;
    content: "";
}
.ship:before { background-color: #637b85; }
.rework:before { background-color: #2c9c69; }
.admin:before { background-color: #dbba34; }
.prod:before { background-color: #c62f29; }
.stauts-chart2-staus ul li{
	display:inline-block;
}
.stauts-chart2-staus ul li span{
	font-size: 0.875em;
	color: #9095AA;
	margin:0 0.5em;
}
.stauts-chart2-staus ul li a{
	display:inline-block;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.fire{
	padding:0.3em 1em;
	background:#EAC80D;
}
.chor{
	padding:0.3em 1em;
	background:#1ABC9C;
}
.ie{
	padding:0.3em 1em;
	background:#E52C39;
}
.stauts-chart2-staus {
	margin-left: 4%;
	margin-top: 1%;
}
/*-----social-triger----*/

/* DEMO 1 */

.wrapper-dropdown-1 {
    /* Size and position */
    position: relative; /* Enable absolute positionning for children and pseudo elements */
    width:55px;
    padding: 10px;
    margin: 0 auto;
	top: 10px;
    /* Styles */
    color: #fff;
    outline: none;
    cursor: pointer;
    /* Font settings */
    font-weight: bold;
}

.wrapper-dropdown-1:after {
    content:" ";
	position: absolute;
	right: 16px;
	top: 5%;
	margin-top: -14px;
	background: url(../images/icon3.png) no-repeat;
	width: 32px;
	height: 32px;
}

.wrapper-dropdown-1 .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
	text-align: center;
    /* Styles */
    list-style: none;
    font-weight: normal; /* Cancels previous font-weight: bold; */

    /* Hiding */
    opacity: 0;
}

.wrapper-dropdown-1 .dropdown li a {
    display: block;
    text-decoration: none;
    color:#9095AA;
    padding:10px;
    font-size:0.8em;
}
/* Active state */
.wrapper-dropdown-1.active .dropdown {
    opacity: 1;
    pointer-events: auto;
    z-index: 999;
}
/* No CSS3 support */

.no-opacity       .wrapper-dropdown-1 .dropdown,
.no-pointerevents .wrapper-dropdown-1 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-1.active .dropdown,
.no-pointerevents .wrapper-dropdown-1.active .dropdown {
    display: block;
}
/*---start-various-----*/
.accout-login{
	float: none;
	width: 100%;
	background: #2B2937;
	border-bottom: 5px solid #1A1822;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding: 2em 0em 0 0;
	margin-right: 0%;
}
.accout-login h4{
	font-size: 1.2em;
	color: #fff;
	padding: 0px 1em;
	text-align: center;
	margin-bottom: 0em;
}
.accout-login input[type="text"]{
	padding: 0.8em 1em;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	font-family: 'Open Sans', sans-serif;
	color: #9095AA;
	width: 89.8%;
	margin:1em 0;
	border: 1px solid;
	outline: none;
	border: 1px solid #222;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
}
.accout-login input[type="text"]:active,.accout-login input[type="text"]:hover{
	border-color:;
	color:#FFF;
	border:1px solid #1ABC9C;
}
.ac-mail{
	background: url(../images/ac-msg.png) no-repeat 1% 50% #394264;
	text-indent: 25px;
	display:block;
}
.ac-pass{
	background: url(../images/ac-lock.png) no-repeat 1% 50% #394264;
	text-indent: 23px;
	display:block;
}
.accout-login input[type="submit"]{
	background: #1ABC9C;
	padding: 0.6em 1.5em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	font-family: 'Open Sans', sans-serif;
	color: #FFF;
	border: none;
	cursor: pointer;
	font-size: 1.1em;
	outline: none;
	margin: 1em auto;
	display: block;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.accout-login input[type="submit"]:hover{
	color:#eee;
	background: #394264;
}
.accout-login form{
	padding:0.5em 1em;
}
.accout-login p a{
	color: #9095AA;
	font-size: 0.8em;
	text-align: center;
	margin: 0 auto;
	display: block;
}
.accout-login p a:hover{
	text-decoration:underline;
}
.ac-facebook{
	padding: 1.2em 1em;
	background: #014B96;
	display: block;
	margin-top: 0.8em;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.ac-facebook:hover{
	background:#024589;
	color:#3C85D0;
}
.ac-twitter{
	padding: 0.9em 1em;
	background: #31AAE1;
	display: block;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.ac-twitter:hover{
	background:#31A5DA;
	color:#8CD0EF;
}
.ac-social-login li a{
	color:#FFF;
	font-size:0.875em;
	text-align:center;
}
.ac-social-login li a img{
	vertical-align:middle;
}
/*---start-accout-profile-----*/
.accout-profile{
	background: #2B2937;
	float: none;
	width: 100%;
	margin-left:0%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-bottom: 5px solid #1A1822;
	margin-top: 1em;
}
.accout-profile-header-left{
	float: left;
	width: 45%;
}
.accout-profile-header-right{
	float: right;
	width:45%;
}
.accout-profile-header-right h5{
	color:#FFF;
	font-size: 1.5em;
	line-height:1.3;
	margin-bottom:1em;
}
.accout-profile-header-right span{
	font-size: 0.875em;
	color: #9095AA;
	margin: 0.1em 0.3em 0.5em 0.3em;
	display:block;
}
.accout-profile-header-right a{
	display: inline-block;
	background: #1ABC9C;
	padding: 4px 10px;
	color: #fff;
	font-size: 0.8em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-bottom: 2px solid #146F5D;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.accout-profile-header-right a:hover{
	background: #3C7E71;
	color: #eee;
}
.accout-profile-header {
	background:None;
	background-size: 100% 64%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:25px;
}
.accout-profile-header-left{
	
}
.accout-profile-info p{
	font-size:0.875em;
	color: #9095AA;
	width:80%;
	margin:1em auto;
}
.accout-profile-info ul li{
	display: inline-block;
	width: 39%;
	text-align: center;
	float: left;
	border-right: 1px solid #505F8A;
	padding: 1em;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	cursor:pointer;
}
.accout-profile-info ul li:nth-child(3){
	border:none;
}
.accout-profile-info ul li:last-child{
	border-right:0px;
}
.accout-profile-info ul li a{
	color:#FFF;
}
.accout-profile-info ul li a span{
	font-size:1.2em;
	line-height:1.1;
	color: #9095AA;
	margin:0.1em 0;
	font-weight:bold;
	display:block;
}
.accout-profile-info ul{
	background:#394264;
}
.accout-profile-info ul li a label{
	font-size: 1em;
	cursor:pointer;
}
.accout-left{
	float:left;
	width:50%;
}
.accout-right{
	float:right;
	width:45%;
}
.binner{
	padding:20px 10px;
	text-align:center;
}

a.iconlink{
	 border: 2px solid #909090;
border-radius: 100%;
	width:6em;
	height:4em;
	    text-align: center;

}
a.iconlink i{
	font-size:2em;
	line-height:2em;
	color:#FFF;
}
.hb i{
	font-size:1.5em;
	
	
}
/* copy and paste the animation inside all 3 elements */
/* #loader, #loader:before, #loader:after */
-webkit-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite;
 
/* include this only once */
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
.hb-sm, .hb-sm:after, .hb-sm:before {
  height: 47px !important;
  width: 84px !important;
}
.hb-sm-margin {
  height: 104px;
  width: 84px;
}
.hb-sm {
  margin: 28.5px 0;
}
.hb i:hover{
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	transition: 0.8s;
}
.binner h5{
	font-size:1.3em;
	line-height:1.1;
	font-weight:700;
	margin:10px 0;
	color:#FFF;
	text-transform: uppercase;
}
.binner p{
margin:10px 0;
	color:#FFF;	
		font-size:0.75em;
		line-height:1.3;
		font-weight:200;

}
/*---End-accout-profile-----*/
/*---start-video-players------*/
.video-players{
	width: 100%;
	float: none	;
	margin: 1.8em 0;
	background: #2B2937;
	border-bottom: 3px solid #1A1822;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.various-grids-left{
	float: none;
	width: 100%%;
	margin-right:0%;
}
/*---start-various-grids-right------*/
.various-grids-right{
	float:none;
	width:100%;
}
.various-grids-right-grid{
	background: url(../images/pin-pic.png) no-repeat;
	background-size:100%;
	height:300px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.various-grids-right-grid a{
	color:#FFF;
	background:#1ABC9C;
	text-transform:uppercase;
	display:block;
	padding:1em;
	width:50%;
	font-size:0.875em;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-o-border-top-left-radius: 5px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.various-grids-right-grid a:hover{
	color:#E5E5E5;
	background:#21A58B;
}
.various-grids-right-grid p{
	color:#FFF;
	background:#2B2937;
	padding:1em;
}
/*---start-calender------*/
.calender-head{
	background: url(../images/cal-pic.png) no-repeat 6% 11%;
	background-size:100%;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-o-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-o-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}
.calender-header{
	padding:0.5em 1em;
}
.calender-header-left{
	float:left;
}
.calender-header-left a{
	color:#FFF;
	font-size: 0.875em;
}
.calender-header-left a span{
	font-weight:bold;
}
.calender-header-right{
	float:right;
}
.calender-header-right ul li{
	display:inline-block;
}
.calender-header-right li a{
	color:#FFF;
	font-size:0.875em;
	text-transform:uppercase;
}
.calender-header-right li a span{
	vertical-align:top;
	font-size:0.7em;
	margin-right:2px;
}
.calender-sub-header-left{
	float:left;
}
.calender-sub-header-left a{
	color: #FFF;
	
}
.calender-sub-header-left a label{
	font-size: 3.2em;
	font-weight: 700;
	background: url(../images/cloud-icon1.png) no-repeat 0% 50%;
	padding: 0px 0px 0px 60px;
}
.calender-sub-header-left a span{
	font-size: 0.4em;
	vertical-align: top;
	margin-left: 2px;
}
.calender-sub-header-right{
	float:right;
	margin-top: 0.5em;
}
.calender-sub-header-right a{
	display:block;
	color:#fff;
	font-size:1.2em;
}
.calender-sub-header-right  span{
	font-size: 0.875em;
	color: #9095AA;
}
.calender-sub-header {
	padding: 2em 14px 0;
}
.calender-header-current{
	background:#2B2937;
	padding: 0.8em 0;
}
.calender-header-current-left{
	float: left;
	border-right: 1px solid rgba(144, 149, 170, 0.38);
	width: 48%;
	text-align: center;
}
.calender-header-current-left a{
	background: url(../images/cal-icon1.png) no-repeat 7% 50%;
	color: #FFF;
	padding: 0px 0px 0px 65px;
	font-size: 1.5em;
}
.calender-header-current-left a span{
	font-size: 0.4em;
	vertical-align: top;
}
.calender-header-current-right a{
	background: url(../images/cal-icon2.png) no-repeat 7% 50%;
	color: #FFF;
	padding: 0px 0px 0px 38px;
	font-size: 1.2em;
	margin-top: 10px;
	display: block;
}
.calender-header-current-right a span{
	margin-left: 6px;
	font-size: 0.875em;
}
.calender-header-current-right{
	float: right;
	width: 47%;
	text-align: center;
}
.day-to-day-update{
	background:#394264;
}
.day-to-day-update ul{
	width: 8.8%;
	float: left;
	padding: 0 11px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.day-to-day-update ul li{
	display:block;
	text-align:center;
	padding: 7px 3px;
}
.day-to-day-update ul li h4{
	color:#FFF;
	font-size:0.875em;
}
.day-to-day-update ul li label{
	color:#9095AA;
}
.day-to-day-update ul li:nth-child(3){
	border-top: 1px solid rgba(144, 149, 170, 0.32);
}
.day-to-day-update ul li:nth-child(3),.day-to-day-update ul li:nth-child(4){
	border-bottom: 1px solid rgba(144, 149, 170, 0.32);
}
.day-to-day-update ul li span{
	color:#9095AA;
	font-size:0.3em;
	vertical-align:top;
}
.day-to-day-update ul li p{
	color:#9095AA;
	font-size:0.8em;
}
.day-to-day-update ul:hover{
	opacity:0.9;
	background:#3F4665;
	cursor:pointer;
}
.drk{
	background:#313855;
}
.various-grids-right-grid-calender {
	margin-top: 2em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-bottom: 5px solid #1A1822;
}
/*---start-pricing-tabels-----*/
.payment-online-form-left{
	width: 100%;
	margin-right: 0%;
	background: #2B2937;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 4px solid #1A1822;
	float: none;
}
.payment-online-form-left h4{
	font-size: 1.3em;
	color: #FFF;
	padding: 0.5em 0;	
}
.payment-online-form-left span{
	vertical-align: middle;
	margin-right: 5px;
}
.payment-online-form-left form{
	padding:0 3%;
}
.payment-online-form-left input[type="text"]{
	padding: 0.7em 0.8em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	font-family: 'Open Sans', sans-serif;
	color: #9095AA;
	width: 90%;
	margin: 1em 0;
	border: 1px solid;
	outline: none;
	border: 1px solid #222;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	float:left;
}
.text-box-dark{
	background:#394264;
}
.text-box-light{
	background: url(../images/calender.png) #394264 no-repeat 95% 50%;
	cursor:pointer;
}
.payment-online-form-left  input[type="text"]:active, .payment-online-form-left input[type="text"]:hover {
	border-color: ;
	color: #FFF;
	border: 1px solid #1ABC9C;
}
.shipping{
	width: 32px;
	height: 32px;
	display: inline-block;
	background: url(../images/shipping-icon.png) no-repeat 50%;
}
.payment{
	width: 32px;
	height: 32px;
	display: inline-block;
	background: url(../images/doller-small.png) no-repeat 50%;
}
.payment-date-section{
	background: url(../images/calender.png) no-repeat #fff 50%;
}
.payment-sendbtns{
	float:right;
	margin: 0.5em 0 1em;
}
.payment-sendbtns input[type="reset"]{
	background: #394264;
	padding: 0.5em 0.8em;
	font-family: 'Open Sans', sans-serif;
	border: none;
	color: #9095AA;
	cursor: pointer;
	font-size:0.875em;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	outline:none;
}
.payment-sendbtns input[type="reset"]:hover{
	color:#FFF;
	background: #1ABC9C;
}
.payment-sendbtns input[type="submit"]{
	background: #1ABC9C;
	padding: 0.5em 0.8em;
	font-family: 'Open Sans', sans-serif;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size:0.875em;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	outline:none;
}
.payment-sendbtns input[type="submit"]:hover{
	color:#eee;
	background: #394264;
}
.payment-sendbtns li{
	display:inline-block;
}
.payment-type li{
	display:inline-block;
}
/*---start-checkbox----*/
input[type=checkbox].css-checkbox1,input[type=checkbox].css-checkbox2{
	display: none;
}
input[type=checkbox].css-checkbox1 + label.css-label1 {
	height: 20px;
	width:21px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align: super;
	cursor: pointer;
	background-image: url(../images/pay-check.png);
}
input[type=checkbox].css-checkbox1:checked + label.css-label1 {
	background-position: -20px 0px;
}
input[type=checkbox].css-checkbox2 + label.css-label2 {
	height: 20px;
	width: 23px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: -20px 0px;
	vertical-align: super;
	cursor: pointer;
	background-image: url(../images/pay-check.png);
}
input[type=checkbox].css-checkbox2:checked + label.css-label2 {
	background-position: 0px 0px;
}
.payment-type a{
	display: inline-block;
}
.payment-online-form-right{
	margin-top:1em;
	float: none;
	width: 100%;
	background: #2B2937;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 4px solid #1A1822;
	padding-bottom: 2em;
}
.payment-online-form-right a{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.payment-online-form-right a:hover{
	color:#1ABC9C;
}
.payment-online-form-right ul li{
	display:block;
	padding: 0.5em;
}
.payment-online-form-right ul li a{
	color:#9095AA;
}
.payment-online-form-right h4{
	color: #FFF;
	font-size: 1em;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(144, 149, 170, 0.22);
	padding: 0.8em;
}
.payment-online-form-right ul {
	padding: 0px 1em;
}
.payment-online-form-right h5{
	color: #FFF;
	padding: 0.5em 0.8em 0.4em;
	font-size: 1em;
}
.payment-type {
	border-top: 1px solid rgba(144, 149, 170, 0.22);
	margin-top: 1.5em;
}
input[type=checkbox].css-checkbox3,input[type=checkbox].css-checkbox4,input[type=checkbox].css-checkbox5,input[type=checkbox].css-checkbox6{
	display: none;
}
input[type=checkbox].css-checkbox3 + label.css-label3 {
	height: 22px;
	width: 21px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 -38px;
	vertical-align: middle;
	cursor: pointer;
	background-image: url(../images/filter-bg.png);
}
input[type=checkbox].css-checkbox3:checked + label.css-label3 {
	background-position: 0px 0px;
}
input[type=checkbox].css-checkbox4 + label.css-label4 {
	height: 22px;
	width: 21px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	vertical-align: middle;
	cursor: pointer;
	background-image: url(../images/filter-bg.png);
}
input[type=checkbox].css-checkbox4:checked + label.css-label4 {
	background-position: 0px -38px;
}
input[type=checkbox].css-checkbox5 + label.css-label5 {
	height: 22px;
	width: 21px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 -38px;
	vertical-align: middle;
	cursor: pointer;
	background-image: url(../images/filter-bg.png);
}
input[type=checkbox].css-checkbox5:checked + label.css-label5 {
	background-position: 0px 0px;
}
input[type=checkbox].css-checkbox6 + label.css-label6 {
	height: 22px;
	width: 21px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	vertical-align: middle;
	cursor: pointer;
	background-image: url(../images/filter-bg.png);
}
input[type=checkbox].css-checkbox6:checked + label.css-label6 {
	background-position: 0px -38px;
}
/*----start-rating-----*/
/*-----*/
.priceing-tabels {
	margin-top: 1em;
}
.priceing-tabel1{
 	width:100%;
	float: none;
	background: #2B2937;
	text-align: center;
	margin-right: 0%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 4px solid #1A1822;
}
.priceing-tabel1:last-child{
	margin-right:0;
}
.priceing-tabel1 ul li{
  	list-style-type:none;
}
.priceing-header a{
	color: #C1C0C3;
	font-size:2em;
	padding: 0.3em 0;
	display: block;
	padding: 0.3em 0;
}
.priceing-header a span{
	font-size: 0.6em;
	vertical-align:top;
}
.priceing-header a label{
	font-size: 0.3em;
	color: #9095AA;
}
.priceing-header h4{
	background: #EAC80D;
	color: #FFF;
	text-transform: uppercase;
	border-bottom: 5px solid #BFA30C;
	padding: 0.5em 0;
	font-size: 1em;
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	-o-border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
	font-weight:bold;
}
.priceing-tabel1 ul li a{
	color: #9095AA;
	font-size: 0.875em;
	padding: 0.5em 0;
	display: block;
	border-top: 1px solid rgba(144, 149, 170, 0.22);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.priceing-tabel1 ul li a:hover{
	color:#FFF;
	background:#394264;
}
.price-btn{
	color: #FFF;
	border-top: 1px solid rgba(144, 149, 170, 0.22);
	display: block;
	padding: 0.3em 0;
	font-size: 1.2em;
	background: url(../images/cart.png) no-repeat 24% 50%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.price-btn:hover{
	color:#EAC80D;
	background: url(../images/carth.png) no-repeat 24% 50%;
}
.priceing-tabel1-green h4{
	background:#1ABC9C;
	border-bottom: 5px solid #18937B;
}
.price-btn-green:hover{
	color:#1ABC9C;
}
.priceing-tabel1-dark h4{
	background:#5D6A99;
	border-bottom: 5px solid #474F6F;
}
.price-btn-dark:hover{
	color:#5D6A99;
}
.priceing-tabel1-yellow,.priceing-tabel1-dark{
	margin:1em 0;
}
/*---start-Blog comments and news-----*/
.blog-section{
	float:none;
	width:100%;
	margin-right:0%;
}
.blog-artical{
	background:#2B2937;
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	-o-border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 4px solid #1A1822;
}
.blog-artical-head,.blog-artical-head img{
	position:relative;
}
.artical-date{
	background: url(../images/news-date-icon.png) no-repeat;
	width: 75px;
	height: 75px;
	display: block;
	position: absolute;
	top: -11px;
	left: 3%;
}
.artical-date{
	color:#FFF;
	text-align:center;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	cursor:pointer;
}
.artical-date:hover{
	color:#2B2937;
}
.artical-date span{
	display: block;
	margin-top: 9px;
	font-size: 1.3em;
}
.artical-info{
	padding: 2% 4% 5%;
}
.artical-info a h4{
	color:#FFF;
	font-size:1.2em;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.artical-info a h4:hover{
	color:#1ABC9C;
}
.artical-info p{
	font-size: 0.875em;
	color: #9095AA;
	line-height: 1.5em;
	margin-top:0.5em;
}
.artical-related-info-row-left{
	float:left;	
	padding: 0.9em 0.5em 0.5em 1.5em;
}
.artical-related-info-row-left li,.artical-related-info-row-right li{
	display:inline-block;
}
.artical-related-info-row-left li a{
	font-size: 0.875em;
	color: #9095AA;
	line-height: 1.5em;
	margin-top:0.5em;
}
.artical-related-info-row-right{
	float:right;
}
.spech{
	background: url(../images/spech.png) no-repeat 10% 50%;
	padding: 0px 0px 0px 30px;
}
.author{
	background: url(../images/pencile.png) no-repeat 10% 50%;
	padding: 0px 0px 0px 40px;
	color: #FFF;
	font-size: 1em;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.author:hover{
	color: #9095AA;
}
.articl-readmore{
	background: url(../images/readmore.png) no-repeat 4% 50%;
	padding: 4px 7px 0px 40px;
	font-size: 1em;
	display: block;
	height: 27px;
	color:#1ABC9C;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.articl-readmore:hover{
	color:#FFF;
	background:url(../images/readmoreh.png) no-repeat 4% 50%;
}
.artical-related-info {
	border-top: 1px solid rgba(144, 149, 170, 0.22);
}
.artical-related-info-row-right li {
	border-left: 1px solid rgba(144, 149, 170, 0.22);
	padding: 0.5em;
}
.artical-img{
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	-o-border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
}
/*---start-comment-section----*/
.comment-box{
	background: #2B2937;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 4px solid #1A1822;
	margin: 1em 0;
	padding: 0px 0px 0.6em 0;
}
.comment-people-pic{
	float: left;
	width:22%;
	text-align: center;
	margin-top: 18px;
	margin-left:3%;
}
.comment-people-pic img{
	border-radius:30em;
	
	-webkit-border-radius:30em;
	
	-moz-border-radius:30em;
	
	-o-border-radius:30em;
	
	background:#FFF;
	padding:3px;
}
.comment-info{
	float:right;
	width:70%;
}
.comment-info-head-left{
	float:none;
	padding:1em 0 0.5em 0;
}
.comment-info-head-left a{
	color:#FFF;
	font-size:1.2em;
}
.comment-info-head-right{
	float:none;
	padding: 0em 1em 0.5em 0;
}
.comment-info-head-right ul li{
	display:inline-block;
}
.date-of-post{
	font-size: 0.875em;
	color: #62646D;
	line-height: 1.5em;
}
.replay{
	font-size: 0.875em;
	color: #9095AA;
	line-height: 1.5em;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.replay:hover{
	color:#FFF;
}
.comment-place p{
	font-size: 0.8em;
	color: #9095AA;
	line-height: 1.5em;
	overflow:hidden;
}
.comment-box-replay-icon{
	float: left;
	width: 10%;
	text-align: right;
	margin-top: 5%;
}
.comment-box-replay-box{
	float: right;
	width: 88%;
	background: #32364E;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 4px solid #1A1822;
	margin: 1em 0;
	padding: 0px 0px 0.6em 0;
}
.replay-pic{
	margin: 21px 0 0 9px;
}
.replay-comment-info{
	width:70%;
	margin-right:0%;
}
.comment-box-replay-box-replay-to{
	background:#2E3146;
}
.comment-box-replay-icon-right{
	float:right;
	text-align:left;
}
.comment-box-replay-box-left{
	float:left;
	background:#2B2937;
}
/*---start-latest-news-grids----*/
.news-latter-box{
	background: #2B2937;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 4px solid #1A1822;
}
.news-latter-box h4{
	color: #FFF;
	font-size: 1.2em;
	border-bottom: 1px solid rgba(144, 149, 170, 0.22);
	padding: 0.8em;
	text-transform: uppercase;
}
.news-latter-box form{
	padding:0 0.8em 1em;
}
.news-latter-box input[type="text"]{
	padding:0.8em 0.8em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	font-family: 'Open Sans', sans-serif;
	color: #9095AA;
	width:60	%;
	margin-right: 13px;
	border: 1px solid;
	outline: none;
	border: 1px solid #222;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	background:#394264;
}
.news-latter-box input[type="text"]:active, .news-latter-box input[type="text"]:hover {
	color: #FFF;
	border: 1px solid #1ABC9C;
}
.news-latter-box input[type="submit"]{
	background: #1ABC9C;
	padding: 0.6em 1em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	font-family: 'Open Sans', sans-serif;
	color: #FFF;
	border: none;
	cursor: pointer;
	text-transform: uppercase;
	font-size:0.875em;
	outline: none;
	margin: 1em auto;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.news-latter-box input[type="submit"]:hover{
	color: #394264;
}
.news-latter-artical{
	padding: 0 0 0.6em 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 3px;
	background: #2B2937;
	border-bottom: 4px solid #1A1822;
	margin-top:2em;
}
.latest-news-grids {
	float: none;
	width: 100%;
}
.news-latter-artical-pic{
	width:100%;
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	-o-border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
}
.news-latter-artical h4 a{
	font-size:1.2em;
	color:#FFF;
	padding:0.5em;
	display:block;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.news-latter-artical h4 a:hover{
	color:#1ABC9C;
}
.news-latter-artical p{
	font-size: 0.875em;
	color: #9095AA;
	line-height: 1.5em;
	padding: 0px 1em 1em 1em;
}
.news-latter-artical-related-left{
	float:left;
}
.news-latter-artical-related-left a{
	font-size: 0.875em;
	color: #62646D;
	line-height: 1.5em;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.news-latter-artical-related-left a:hover{
	color:#FFF;
}
.news-latter-artical-related-right{
	float:right;
}
.news-latter-artical-related{
	padding:0.4em 1em;
}
/*---start-people-comment------*/
.people-comment{
	background: #2B2937;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 4px solid #1A1822;
	margin: 1em 0;
	padding: 11px 0px 0.6em 0;
}
.people-comment-pic{
	float: none;
	text-align: center;
	padding-top: 14px;
}
.people-comment-pic img{
	border-radius:30em;
	-webkit-border-radius:30em;
	-moz-border-radius:30em;
	-o-border-radius:30em;
	background: #fff;
	padding: 3px;
}
.people-comment-place{
	float:none;
	width: 100%;
	position: relative;
}
.people-comment-place p{
	color:#EEE;
	font-size: 0.875em;
	line-height: 1.5em;
	text-align: center;
}
.people-comment-place p a{
	font-size: 1.2em;
	color: #9095AA;
	line-height: 1.5em;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	display: block;
	text-align:center;
}
.people-comment-place p a:hover{
	color:#FFF;
}
.start-quit{
	vertical-align:text-bottom;
}
.end-quit{
	vertical-align: top;
}
/*----start-tooltips-and-tabs-left------*/
.tooltips-and-tabs-left{
	float:none;
	width:100%;
	margin-right:0%;
}
.tooltips-and-tabs-right{
	float: none;
	background: #2B2937;
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 4px solid #1A1822;
}
.tooltips-top-row ul li{
	display: inline-block;
	width: 31.3%;
	float: left;
	margin-right: 2%;
}
.tooltips-top-row ul li:nth-child(3){
	margin-right: 0%;
}
.tooltips-top-row ul li:last-child{
	margin-right:0%;
}
.gray-tootip{
	background: #394264;
	position: relative;
	border-bottom: 3px solid #2B2935;
}
.gray-tootip span{
	position: absolute;
	height: 30px;
	width: 30px;
	display: block;
	left: 42%;
	bottom: -30px;
	background: url(../images/dark-tool.png) no-repeat;
}
.green-tootip span{
	position: absolute;
	height: 30px;
	width: 30px;
	display: block;
	left: 42%;
	bottom: -30px;
	background: url(../images/green-tool.png) no-repeat;
}
.gray-tootip,.red-tootip{
	font-size: 0.875em;
	color: #9095AA;
	line-height: 1.5em;
}
.green-tootip{
	font-size: 0.875em;
	color: #eee;
	line-height: 1.5em;
	position: relative;
	border-bottom: 3px solid #18937B;
}
.green-tootip{
	background:#1ABC9C;
}
.red-tootip{
	background:#E52C39;
	font-size: 0.875em;
	color: #eee;
	line-height: 1.5em;
	position: relative;
	border-bottom: 3px solid #760D15;
}
.red-tootip span{
	position: absolute;
	height: 30px;
	width: 30px;
	display: block;
	left: 42%;
	bottom: -30px;
	background: url(../images/red-tool.png) no-repeat;
}
.tooltips-top-row li a{
	display: block;
	padding: 15% 16%;
	text-align: center;
}
.tooltips-top-row ul li a{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.tooltips-bottom-row ul li{
	display:inline-block;
	float:left;
}
.left-tootip{
	background:#32364E;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 3px solid #1A1822;
	width:40%;
	float:left;
	margin-right:2%;
	position:relative;
}
.left-tootip span{
	position: absolute;
	height: 30px;
	width: 30px;
	display: block;
	right: -28px;
	top: 50%;
	bottom: -30px;
	background: url(../images/right-dark-tool.png) no-repeat;
}
.left-tootip h5{
	font-size:0.875em;
	text-transform:uppercase;
	color:#9095AA;
	background:#2B2937;
	padding:0.8em;
	font-weight: bold;
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	-o-border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
}
.left-tootip p{
	font-size: 0.875em;
	color: #9095AA;
	line-height: 1.5em;
	padding:0.5em 1em;
}
.tooltips-bottom-row{
	margin-top:1em;
}
.top-tootip{
	float:right;
	width: 56.5%;
	background:#1ABC9C;
	border-bottom:3px solid #18937B;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	position:relative;
}
.top-tootip span{
	position: absolute;
	height: 30px;
	width: 30px;
	display: block;
	right: -28px;
	top: -3%;
	left: 47%;
	bottom: -30px;
	background: url(../images/top-green-tool.png) no-repeat;
}
.top-tootip h5{
	font-size: 0.875em;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	text-align:center;
	padding:0.8em 0;
}
.top-tootip p{
	color: #FFF;
	font-size: 0.875em;
	line-height: 1.5em;
	text-align: center;
	width: 60%;
	margin: 0 auto;
	padding-bottom: 1.2em;
}
.tooltips-bottom-row{
	margin-bottom:1em;
}
/*---start-tags-list---*/
.white-tag-list li{
	display:inline-block;
}
.white-tag-list li a{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	display: block;
	margin-right: 5px;
}
.green-tag{
	background: url(../images/tag-close.png) no-repeat #1ABC9C 90% 50%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	padding: 0.6em 3.5em 0.6em 1em;
	color: #FFF;
	box-shadow: 0 4px #23695B;
	border: none;
	outline: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	display: block;
	cursor:pointer;
}
.green-tag:hover{
	background: url(../images/tag-close.png) no-repeat #17B092 90% 50%;
	cursor:pointer;
}
.tag-grid input[type="button"]{
	margin-bottom:0.5em;
}
.red-tag{
	background: url(../images/tag-close.png) no-repeat #E52C39 90% 50%;
	border-bottom: 4px solid;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	color: #FFF;
	padding: 0.6em 3.5em 0.6em 1em;
	box-shadow: 0 4px #760D15;
	border: none;
	outline: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	display: block;
	cursor:pointer;
}
.red-tag:hover{
	background: url(../images/tag-close.png) no-repeat #D92B37 90% 50%;
}
.purple-tag{
	background: url(../images/tag-close.png) no-repeat #5D6A99 90% 50%;
	border-bottom: 4px solid ;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	color: #FFF;
	padding: 0.6em 3.5em 0.6em 1em;
	box-shadow: 0 4px #3D4A79;
	border: none;
	outline: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	display: block;
	cursor:pointer;
}
.purple-tag:hover{
	background: url(../images/tag-close.png) no-repeat #5B668F 90% 50%;
}
.yellow-tag{
	background: url(../images/tag-close.png) no-repeat #EAC80D 90% 50%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	color: #FFF;
	padding: 0.6em 3.5em 0.6em 1em;
	box-shadow: 0 4px #BFA30C;
	border: none;
	outline: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	display: block;
	cursor:pointer;
}
.yellow-tag:hover{
	background: url(../images/tag-close.png) no-repeat #D8B90E 90% 50%;
}
.white-write{
	color:#2B2937;
	font-size:1.2em;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	padding: 0.7em 4.5em 0.7em 1em;
}
.white-write:hover{
	color:#1ABC9C;
}
.white-tag-list{
	background: #FFF;
	padding: 0.5em 1em 0.9em;
	border: 2px solid #1ABC9C;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 1.5em;
}
.tag-grid ul{
	width: 85.5%;
}
.dark-tag-list{
	background:#394264;
	border:1px solid #222;
}
.dark-write{
	color:#FFF;
}
.litepurple-tag{
	background: url(../images/tag-close.png) no-repeat #C2C2C2 90% 50%;
	border-bottom:4px solid #888888;
}
.litepurple-tag:hover{
	background: url(../images/tag-close.png) no-repeat #B7B6B6 90% 50%;
}
.dark-tag-list-small li a{
	padding: 0.4em 4.5em 0.4em 1em;
}
.dark-tag-list-small{
	padding:0.5em 1em;
}
.dark-write-small{
	font-size:0.875em;
}
/*---news-tags----*/
.latest-news-tab-grid{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.frist-news-grid{
	background: #32364E;
	margin-bottom: 1px;
}
.news-tabs li {
	list-style:none;
	display:inline;
	float:left;
	width:49%;
	padding: 1em 0;
	text-align: center;
}
.news-tabs li:first-child{
	border-right: 1px solid rgba(144, 149, 170, 0.22);
}
.news-tabs a {
	padding:5px 10px;
	display:inline-block;
	color:#9095AA;
	text-decoration:none;
}
.news-tabs a.active {
	color:#FFF;
}
.news-tabs{
	background: #2B2937;
	border-bottom: 1px solid rgba(144, 149, 170, 0.22);
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	-o-border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
}
.latest-news-tab-grid-pic{
	float:left;
	width: 30%;
}
.latest-news-tab-grid-pic img{
	display:block;
	width:100%;
}
.latest-news-tab-grid-info{
	float: right;
	width:65%;
	padding: .3em 0;
}
.latest-news-tab-grid-info p{
	font-size: 0.875em;
	color: #9095AA;
	width: 97%;
	line-height: 1.5em;
}
.second-news-grid{
	background:#2E3146;
}
.latest-news-tab-grid:hover{
	background:#393D56;
}
/*---start-modal-window-----*/
.modal-window-grid {
	background: url(../images/modal-bg.png) no-repeat 100% 50%;
	width: 100%;
	background-size: 100% auto;
	padding: 5em 0;
}
.modalalert-form{
	width:100%;
	margin:0 auto;;
	background:#394264;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 5px solid #293357;
}
.modalalert-form h4{
	background: #2B2937;
	padding: 0.5em 1em;
	text-align: center;
	color: #A8AFC5;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-o-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-o-border-top-right-radius: 5px;
	font-size: 1.2em;
}
.modalalert-form ul li{
	display:inline-block;
}
.modalalert-form p{
	font-size: 0.875em;
	color: #9095AA;
	width: 80%;
	line-height: 1.5em;
	text-align: center;
	margin: 1em auto 1em auto;
}
.modal-window-grid ul{
	text-align:center;
	margin: 0.5em 0 1em;
}
.modal-window-grid ul li{
	display:inline-block;
}
.modal-window-grid ul li a{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.modal-accepet{
	background: #E52C39;
	color: #FFF;
	padding: 0.5em 1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	display: block;
	margin-right: 5px;
	font-size:0.875em;
}
.modal-accepet:hover{
	background: #C22631;
}
.modal-cancel{
	background: #1ABC9C;
	color: #FFF;
	padding: 0.5em 1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	display: block;
	font-size:0.875em;
}
.modal-cancel:hover{
	background:#17B193;
}
/*---End-modal-window-----*/
/*---start-headingb and paragraphs-----*/
.headings-list h1{
	font-size:40px
}
.headings-list h1,.headings-list h2,.headings-list h3,.headings-list h4,.headings-list h5,.headings-list h6{
	color:#2B2937;
	font-weight: 400;
}
.headings-list h2{
	font-size:35px
}
.headings-list h3{
	font-size:30px
}
.headings-list h4{
	font-size:25px
}
.headings-list h5{
	font-size:20px
}
.headings-list h6{
	font-size:15px
}
/*---start-paragraphs-list-----*/
.paragraphs-list{
	width:80%;
	margin:0 auto;
}
.para1{
	color:#2B2937;
	font-size:1.1em;
	line-height:1.5em;
	margin:1em 0 0.5em;
}
.para2{
	color:#2B2937;
	font-size:0.9em;
	line-height:1.5em;
	margin:2em 0 1em;
}
.para3{
	color:#2B2937;
	font-size:0.8em;
	line-height:1.5em;
	margin:2em 0 1em;
}
/*---End-headingb and paragraphs-----*/
.icons-list ul li{
	display: inline-block;
	width:30%;
	margin: 0 0 3% 0;
}
.icons-list ul li a{
	width: 50px;
	height: 50px;
	display: block;
	margin: 0 auto;
}
.approval-icon{
	background: url(../images/icons-sprite.png) no-repeat 0px -6px;
}
.approval-icon:hover{
	background: url(../images/icons-sprite.png) no-repeat 0px -209px;
}
.bar-icon{
	background: url(../images/icons-sprite.png) no-repeat -76px -5px;
}
.bar-icon:hover{
	background: url(../images/icons-sprite.png) no-repeat -76px -209px;
}
.msg-icon{
	background: url(../images/icons-sprite.png) no-repeat -150px -5px;
}
.msg-icon:hover{
	background: url(../images/icons-sprite.png) no-repeat -150px -209px;
}
.cenima-icon{
	background: url(../images/icons-sprite.png) no-repeat -226px -5px;
}
.cenima-icon:hover{
	background: url(../images/icons-sprite.png) no-repeat -226px -209px;
}
.calender-icon{
	background: url(../images/icons-sprite.png) no-repeat -302px -5px;
}
.calender-icon:hover{
	background: url(../images/icons-sprite.png) no-repeat -302px -208px;
}
.bref-icon{
	background: url(../images/icons-sprite.png) no-repeat -375px -5px;
}
.bref-icon:hover{
	background: url(../images/icons-sprite.png) no-repeat -375px -209px;
}
.box-icon{
	background: url(../images/icons-sprite.png) no-repeat -449px -5px;
}
.box-icon:hover{
	background: url(../images/icons-sprite.png) no-repeat -449px -209px;
}
.box1-icon{
	background: url(../images/icons-sprite.png) no-repeat 0px -76px;
}
.box1-icon:hover{
	background: url(../images/icons-sprite.png) no-repeat 0px -280px;
}
.cloud-icon{
	background: url(../images/icons-sprite.png) no-repeat -76px -78px;
}
.cloud-icon:hover{
	background: url(../images/icons-sprite.png) no-repeat -76px -280px;
}
.devel-icon{
	background: url(../images/icons-sprite.png) no-repeat -149px -78px;
}
.devel-icon:hover{
	background: url(../images/icons-sprite.png) no-repeat -149px -282px;
}
.doller-icon{
	background: url(../images/icons-sprite.png) no-repeat -225px -78px;
}
.doller-icon:hover{
	background: url(../images/icons-sprite.png) no-repeat -225px -282px;
}
.game-icon{
	background: url(../images/icons-sprite.png) no-repeat -301px -78px;
}
.game-icon:hover{
	background: url(../images/icons-sprite.png) no-repeat -301px -282px;
}
.gear-icon{
	background: url(../images/icons-sprite.png) no-repeat -374px -78px;
}
.gear-icon:hover{
	background: url(../images/icons-sprite.png) no-repeat -374px -282px;
}
.lock-icon{
	background: url(../images/icons-sprite.png) no-repeat -453px -78px;
}
.lock-icon:hover{
	background: url(../images/icons-sprite.png) no-repeat -453px -282px;
}
.photo-icon{
	background: url(../images/icons-sprite.png) no-repeat 0px -154px;
}
.photo-icon:hover{
	background: url(../images/icons-sprite.png) no-repeat 0px -358px;
}
.photos-icon{
	background: url(../images/icons-sprite.png) no-repeat -77px -151px;
}
.photos-icon:hover{
	background: url(../images/icons-sprite.png) no-repeat -76px -355px;
}
.qurter-icon{
	background: url(../images/icons-sprite.png) no-repeat -150px -150px;
}
.qurter-icon:hover{
	background: url(../images/icons-sprite.png) no-repeat -149px -354px;
}
.share-icon{
	background: url(../images/icons-sprite.png) no-repeat -228px -151px;
}
.share-icon:hover{
	background: url(../images/icons-sprite.png) no-repeat -228px -355px;
}
.start-icon{
	background: url(../images/icons-sprite.png) no-repeat -299px -148px;
}
.start-icon:hover{
	background: url(../images/icons-sprite.png) no-repeat -299px -351px;
}
.super-icon{
	background: url(../images/icons-sprite.png) no-repeat -376px -146px;
}
.super-icon:hover{
	background: url(../images/icons-sprite.png) no-repeat -376px -349px;
}
.upload-icon{
	background: url(../images/icons-sprite.png) no-repeat -450px -150px;
}
.upload-icon:hover{
	background: url(../images/icons-sprite.png) no-repeat -450px -356px;
}
/*---start-big-icons-list-----*/
/*---start-copy-tight----*/
.copy-tight{
	text-align:center;
	margin:1em 0;
}
.copy-tight p{
	font-size:0.7em;
	color:#2B2937;
}
.copy-tight p a{
	color:#1ABC9C;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.copy-tight p a:hover{
	color:#2B2937;
}
.content{
	width:85%;
	padding:1em 1.5em;
	margin-bottom:5em;
}
.content p{
	width:100%;
}
.secti{
	width:90%;
	  float: right;
  width: 90%;
}
.secti h5, .content h3{
	color:#FFF;
	font-size:1.4em;
	margin-top:1.4em;
}.content h2{	color:#FFF;
}
.labelform textarea, textarea{
	  padding:8px;
    color:#FFF;
    font-size:1em;
    background:none;   
    outline:none;
    border:none;
    margin:0px auto;
    width:85%;  
    -webkit-apperance:none;
    font-family: 'ambleregular';
	background:#333;
			-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
			padding:1.2em;
	
}
.labelform select, select{
	  padding:8px;
    color:#FFF;
    font-size:1em;
    background:none;   
    outline:none;
    border:none;
    margin:0px auto;
    width:50%;  
    -webkit-apperance:none;
    font-family: 'ambleregular';
	background:#333;
			-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
			padding:1.2em;
			height:50px;
	
}
.labelform{
	display:block;
	width:100%;
	margin-bottom:0.5em;
	
}

div.labelform i{
	width:100%;
	display:inline-block;
	vertical-align:top;
	margin-right:0.5em;
	
	
}
fieldset {
  border: 0px;
  margin: 0;
  padding: 0;
}
form {
  margin: 0;
  text-align:left;
}
form label {
  display: block;
  color:#fff;
  margin: .2em;
}
form#contact{
	  color:#fff;

}
input[type="text"], input[type="password"] {
  padding: 8px;
  color: #000;
  font-size: 1em;
  background: none;
  outline: none;
  border: none;
  margin: 0px auto;
  width: 85%;
  -webkit-apperance: none;
  font-family: 'ambleregular';
  background: #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0.9em;
}
select, textarea{
	background:#CCC;
	font-family: 'ambleregular';
	  color: #333;
	  font-size: 1em;

}
.buttonm {
  display: inline-block;
  background: #900;
  padding: 15px 2.5em;
  color: #FFF;
  font-size: 1em;
  text-transform: uppercase;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-apperance: none;
  margin-top: 1.5em;
}
.pbtn{
  background: #1ABC9C;
  padding: 4px 10px;
  color: #fff;
  font-size: 0.8em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-bottom: 2px solid #146F5D;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
a.pbtn:hover{
	background: #3C7E71;
	color: #eee;
}
li.norght{
	border-right:none !important;
}
.container2{
	width:90%;
	padding:0 1em;
	text-align:center;
}
.container2 a.pbtn{
	font-size:1.1em;
	padding:10px 20px;
}
#success, #error {
    display:none
}
#success span, #error span {
    display:block;
    top:0;
    width:100%
}
#success span p, #error span p {
}
#success span.green{
				-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
			padding:1.2em;
			background:#B5DB5A;
			width:85%;
	
}
#success span p {
    color:#79A01A
}
#error span p {
    color:#c0392b
}	
form label.error {
    margin-bottom:1em;
    color:#c0392b;
	font-weight:bold;
	width:100%; 
	margin-bottom:30px;
	display:block;
	
}

form input[type="text"]:focus, form input[type="password"]:focus, form input[type="date"]:focus, form input[type="datetime"]:focus, form input[type="datetime-local"]:focus, form input[type="month"]:focus, form input[type="week"]:focus, form input[type="email"]:focus, form input[type="number"]:focus, form input[type="search"]:focus, form input[type="tel"]:focus, form input[type="time"]:focus, form input[type="url"]:focus, form textarea:focus {
    border-color:#191919;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none
}
form input[type="text"][disabled], form input[type="password"][disabled], form input[type="date"][disabled], form input[type="datetime"][disabled], form input[type="datetime-local"][disabled], form input[type="month"][disabled], form input[type="week"][disabled], form input[type="email"][disabled], form input[type="number"][disabled], form input[type="search"][disabled], form input[type="tel"][disabled], form input[type="time"][disabled], form input[type="url"][disabled], form textarea[disabled] {
    background:#fff
}
form input[type="text"].error, form input[type="password"].error, form input[type="date"].error, form input[type="datetime"].error, form input[type="datetime-local"].error, form input[type="month"].error, form input[type="week"].error, form input[type="email"].error, form input[type="number"].error, form input[type="search"].error, form input[type="tel"].error, form input[type="time"].error, form input[type="url"].error, form textarea.error {
    background:#FCFAED;
    border:#c0392b solid 0.2em;
	color:#333;
}
.a_demo_three {
	background-color:#3bb3e0;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	border-left:solid 1px #2ab7ec;
	margin-left:35px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}

.a_demo_three:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}

.a_demo_three::before {
	background-color:#2561b4;
	content:"1";
	width:35px;
	max-height:29px;
	height:100%;
	position:absolute;
	display:block;
	padding-top:8px;
	top:0px;
	left:-36px;
	font-size:16px;
	font-weight:bold;
	color:#8fd1ea;
	text-shadow:1px 1px 0px #07526e;
	border-right:solid 1px #07526e;
	background-image: linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -o-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(10,94,125)),
	color-stop(1, rgb(14,139,184))
	);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
	-moz-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
}

.a_demo_three:active::before {
	top:-3px;
	-webkit-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	-moz-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
}

/*
Second button
*/

.second_button::before {
	content:"";
}

/*
Third button
*/

.third_button::before {
	content:"3";
}

#loadingplace{
	display:inline-block; 
	width:100px;
	
	
}
#loadingplace img{
	width:100%;

}
.docrq{
	padding:1.5em ;
	background:#999;
	  border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius: 8px;
text-align:left;
line-height:1em;
font-size:0.9em;
margin:1em 0;
display:block;
height:14em;
}
.docrq h3{
	padding-bottom:10px;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.3;
	color:#333;
	margin-top:0;
}
ul.sidebar2{
	display:block;
	
}
ul.sidebar2 li:after {
  content: "\00a0";
  display: block;
  width: 5px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  position: absolute;
  left: 14px;
  top: 40%;
  margin-top: -4px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
ul.sidebar2 li {
  list-style-type: none;
  padding: 0 0 0 35px;
  position: relative;
  width:100%;
  text-align:left;
  color:#FFF;
  border:none;
}

ul.sidebar2 li {
  margin: 0 0  0;
  line-height: 1.5;
  font-size: 0.9em;
}
#tbrate td{
	padding:5px;
	font-size:0.75em;
}
#footer{
	background:#333;
	position:fixed;
	bottom:0;
	width:100%;
	
}
.btnfl{
	float:left;
	
}
.btnfr{
	float: right;
	
}

.magenta.awesome, .magenta.awesome:visited {
  background-color: #a9014b;
}
.large.awesome, .large.awesome:visited {
  font-size: 14px;
  padding: 8px 14px 9px;
}
.awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.3;
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.awesome, .awesome:visited {
  background: #222 url(alert-overlay.png) repeat-x;
  display: inline-block;
  padding: 5px 10px 6px;
  color: #fff;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  border-bottom: 1px solid rgba(0,0,0,0.25);
  position: relative;
  cursor: pointer;
}
.footer-bottom p{
	font-size:0.7em;
	color:#FFF;
	text-align:center;
	
}
.footer-content{
	padding:0.5em;
}