* {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: none;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
}
body{
	background:#edf2f9;
}
::-webkit-input-placeholder {
	color:inherit;
	opacity:1;
}
::-moz-placeholder {
	color:inherit;
	opacity:1;
}
:-ms-input-placeholder {
	color:inherit;
	opacity:1;
}
:-moz-placeholder {
	color:inherit;
	opacity:1;
}
.container{
	width:100%;
	max-width:1024px;
}
/*** ### Header ### ***/
header{
	position:relative;
	padding:20px 0px;
}
header .logo{
	position:relative;
}
header .logo img{
	display:inline-block;
	vertical-align:middle;
	width:100%;
	max-width:200px;
}
header .top-search{
	position:relative;
	text-align:right;
}
header .top-search{
	position:relative;
	padding:0px 50px 0px 0px;
}
header .top-search .menu-icon{
	position:absolute;
	right:0px;
	top:50%;
	transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	cursor:pointer;
	font-size:30px;
	color:#344050;
}
header .top-search .input-box{
	position:relative;
	width:100%;
	background:#FFFFFF;
	border:2px solid #d8e3f0;
	border-radius:50px;
	padding:0px 0px 0px 60px;
}
header .top-search input{
	position:relative;
	background:none;
	color:#b7c1d2;
	font-size:25px;
	width:100%;
	height:50px;
	font-weight:500;
	margin:0px;
	padding:0px;
	background:none;
	outline:none;
	border-radius:0px 50px 50px 0px;
}
header .top-search .input-box button{
	position:absolute;
	background:none;
	border:none;
	outline:none;
	left:30px;
	top:50%;
	transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	color:#b7c2d3;
	font-size:25px;
}
header .notification-icon{
	position:relative;
	text-align:right;
}
header .notification-icon a{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:50px;
	height:50px;
	line-height:50px;
	background:#FFFFFF;
	border-radius:50%;
	text-decoration:none;
	outline:none;
	margin:0px 5px;
	text-align:center;
}
header .notification-icon a img{
	display:inline-block;
	vertical-align:middle;
	max-width:28px;
}
header .notification-icon a .counter{
	position:absolute;
	top:-10px;
	right:-10px;
	width:25px;
	height:25px;
	line-height:25px;
	border-radius:50%;
	background:#f70555;
	color:#FFFFFF;
	text-align:center;
	font-size:20px;
	font-weight:700;
}
@media (max-width:991px){
header .logo img{
	max-width:150px;
}
header .top-search .menu-icon{
	font-size:25px;
}
header .top-search .input-box{
	padding:0px 0px 0px 50px;
}
header .top-search input{
	font-size:18px;
	height:45px;
	border-radius:0px 50px 50px 0px;
}
header .top-search .input-box button{
	left:20px;
	font-size:22px;
}
header .notification-icon a{
	width:45px;
	height:45px;
	line-height:45px;
	margin:0px 3px;
}
header .notification-icon a img{
	max-width:25px;
}
header .notification-icon a .counter{
	font-size:16px;
}

}
/*** ### Main Content ### ***/
.main-content{
	position:relative;
}
.main-content .main-boxes{
	position:relative;
	background:#FFFFFF;
	-webkit-box-shadow: 0px 0px 7px 2px rgba(2,3,3,0.11);
	-moz-box-shadow: 0px 0px 7px 2px rgba(2,3,3,0.11);
	box-shadow: 0px 0px 7px 2px rgba(2,3,3,0.11);
	border-radius:5px;
	margin-bottom:20px;
	margin-top:5px;
	cursor:pointer;
}
.main-content .main-boxes .box-one{
	position:relative;
}
/*** ### Top Box ### ***/
.main-content .main-boxes .box-one .top-box{
	position:relative;
	background:#f9fafd;
	padding:15px 20px;
	border-bottom:1px solid #bec8cf;
	border-radius:5px 5px 0px 0px;
}
.main-content .main-boxes .box-one .top-box p{
	color:#b7c1d2;
	font-size:20px;
	font-weight:500;
	margin:0px;
	padding:0px 0px 0px 35px;
}
.main-content .main-boxes .box-one .top-box p.calender{
	background:url(../images/calender-icon.png) left center no-repeat;
	background-size:23px;
}
.main-content .main-boxes .box-one .top-box p.notification{
	background:url(../images/notification-icon.png) left center no-repeat;
	background-size:23px;
}
.main-content .main-boxes .box-one .top-box p.checkmark{
	background:url(../images/tick-icon.png) left center no-repeat;
	background-size:23px;
}
.main-content .main-boxes .box-one .top-box p.wining{
	background:url(../images/wining-icon.png) left center no-repeat;
	background-size:23px;
}
.main-content .main-boxes .box-one .top-box  p.tags{
	background:url(../images/tag-icon.png) left center no-repeat;
	background-size:23px;
}
.main-content .main-boxes .box-one .top-box p span{
	font-weight:700;
	color:#344050;
}
.main-content .main-boxes .box-one .top-box .live-action{
	position:relative;
	text-align:right;
}
.main-content .main-boxes .box-one .top-box .live-action{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	color:#b7c1d2;
	font-size:18px;
	font-weight:500;
	margin:0px;
	padding:0px;
	text-align:right;
}
.main-content .main-boxes .box-one .top-box .live-action a{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	padding:2px 10px 1px 25px;
	background:#f70555;
	border-radius:8px;
	text-decoration:none;
	outline:none;
	color:#FFFFFF;
	font-size:18px;
	font-weight:700;
}
.main-content .main-boxes .box-one .top-box .live-action a:before{
	position:absolute;
	content:"";
	left:15px;
	top:50%;
	transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	width:8px;
	height:8px;
	background:#FFFFFF;
	border-radius:50%;
}
.main-content .main-boxes .box-one .top-box .live-action.unactive a{
	background:#b7c1d2;
	padding:2px 10px 1px 10px;
}
.main-content .main-boxes .box-one .top-box .live-action.unactive a:before{
	display:none;
}
.main-content .main-boxes .box-one .top-box .top-right{
	position:relative;
	padding:0px 30px 0px 0px;
	text-align:right;
}
.main-content .main-boxes .box-one .top-box .top-right:before{
	position:absolute;
	content:"\f105";
	top:50%;
	transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	right:-10px;
	color:#344050;
	font-size:30px;
	font-weight:700;
	font-family:'FontAwesome';
}
@media (max-width:991px){
.main-content .main-boxes .box-one .top-box{
	padding:15px 15px;
}
.main-content .main-boxes .box-one .top-box p{
	font-size:18px;
	padding:0px 0px 0px 30px;
}
.main-content .main-boxes .box-one .top-box p.calender{
	background-size:20px;
}
.main-content .main-boxes .box-one .top-box p.notification{
	background-size:20px;
}
.main-content .main-boxes .box-one .top-box p.checkmark{
	background-size:20px;
}
.main-content .main-boxes .box-one .top-box p.wining{
	background-size:20px;
}
.main-content .main-boxes .box-one .top-box p.tags{
	background-size:20px;
}
.main-content .main-boxes .box-one .top-box .live-action{
	font-size:16px;
}
.main-content .main-boxes .box-one .top-box .live-action a{
	font-size:15px;
}
}
/*** ### Profile Area ### ***/
.main-content .main-boxes .box-one .profile-area{
	position:relative;
	padding:25px 20px;
	border-radius:0px 0px 5px 5px;
}
.main-content .main-boxes .box-one .profile-area p{
	color:#344050;
	font-size:18px;
	font-weight:400;
	margin:0px 0px 15px 0px;
	padding:0px;
}
.main-content .main-boxes .box-one .profile-area p strong{
	font-weight:700;
}
.main-content .main-boxes .box-one .profile-area .tag-boxes{
	position:relative;
	display:inline-block;
	vertical-align:top;
	padding:0px 30px 0px 50px;
	line-height:45px;
	height:45px;
	background:#f9fafd;
	border-radius:50px;
	color:#b7c1d2;
	font-size:18px;
	font-weight:500;
	margin:0px 10px 15px 0px;
	cursor:pointer;
}
.main-content .main-boxes .box-one .profile-area .tag-boxes:last-child{
	margin-right:0px;
}
.main-content .main-boxes .box-one .profile-area .tag-boxes:hover{
	background:#2c7be5;
}
.main-content .main-boxes .box-one .profile-area .tag-boxes .profile-pic{
	position:absolute;
	left:0px;
	top:-1px;
	border-radius:50%;
	width:44px;
}
.main-content .main-boxes .box-one .profile-area .text-boxes{
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin:0px 5px 10px 0px;
	height:45px;
	line-height:45px;
	padding-left:45px;
	padding-right:50px;
	background:url(../images/text-icon.png) left 15px center no-repeat, #f9fafd;
	background-size:18px;
	border-radius:50px;
	color:#344050;
	font-size:18px;
	font-weight:500;
	margin:0px 5px 10px 0px;
}
.main-content .main-boxes .box-one .profile-area .hidden-text{
	position:relative;
	padding:15px 0px;
	display:none;
}
.main-content .main-boxes .box-one .profile-area .hidden-text:before{
	position:absolute;
	content:"";
	top:0px;
	left:-20px;
	right:-20px;
	height:1px;
	background:#bec8cf;
}

@media (max-width:991px){
.main-content .main-boxes .box-one .profile-area{
	padding:20px 15px;
}
.main-content .main-boxes .box-one .profile-area p{
	font-size:16px;
}
.main-content .main-boxes .box-one .profile-area .tag-boxes{
	padding:0px 15px 0px 45px;
	line-height:40px;
	height:40px;
	font-size:15px;
	margin-right:2px;
}
.main-content .main-boxes .box-one .profile-area .tag-boxes .profile-pic{
	width:39px;
}
.main-content .main-boxes .box-one .profile-area .text-boxes{
	margin:0px 3px 10px 0px;
	height:40px;
	line-height:40px;
	padding-left:40px;
	padding-right:45px;
	font-size:15px;
}
}
/*** All Effect ***/
.main-content .sticky-header{
	position:sticky;
	position:-webkit-sticky;
	position:-moz-sticky;
	position:-ms-sticky;
	position:-o-sticky;
	top:0px;
	left:0px;
	width:100%;
	z-index:999;
	transition:all ease-in-out 0.2s;
	cursor:pointer;
}
.main-content .sticky-header.active{
	background:#FFFFFF;
}
.main-content .sticky-header.active .main-boxes{
	background:#FFFFFF;
	box-shadow:none;
}
.main-content .sticky-header .box-one .top-box{
	background:#FFFFFF;
	border:none;
	border-radius:10px;
}
.main-content .sticky-header .main-boxes{
	margin:0px 0px 15px 0px;
}
.main-content .sticky-header .box-one .top-box .top-right:before{
	content:"\f107";
}
.main-content .main-boxes.activebox .top-right:before{
	content:"\f107" !important;
}
.main-content .main-boxes.activebox .hidden-text{
	display:block !important;
}
.overlay{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:900;
	background:rgba(0,0,0,0.6);
	display:none;
}
.mega-dropdown{
	position:relative;
	margin-top:20px;
	display:none;
	z-index:999;
}
.mega-dropdown .boxes{
	position:relative;
	background:#FFFFFF;
	border-radius:10px;
	overflow:auto;
}
.mega-dropdown .boxes ul{
	margin:0px;
	padding:0px;
}
.mega-dropdown .boxes ul ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.mega-dropdown .boxes ul li{
	position:relative;
	padding:12px 20px;
	width:100%;
	border-bottom:1px solid #bec8cf;
}
.mega-dropdown .boxes ul li:last-child{
	border-bottom:none;
}
.mega-dropdown .boxes p{
	color:#b7c1d2;
	font-size:20px;
	font-weight:500;
	margin:0px;
	padding:0px 0px 0px 35px;
}
.mega-dropdown .boxes p.calender{
	background:url(../images/calender-icon.png) left center no-repeat;
	background-size:23px;
}
.mega-dropdown .boxes .top-box p.notification{
	background:url(../images/notification-icon.png) left center no-repeat;
	background-size:23px;
}
.mega-dropdown .boxes p.checkmark{
	background:url(../images/tick-icon.png) left center no-repeat;
	background-size:23px;
}
.mega-dropdown .boxes p.wining{
	background:url(../images/wining-icon.png) left center no-repeat;
	background-size:23px;
}
.mega-dropdown .boxes p.tags{
	background:url(../images/tag-icon.png) left center no-repeat;
	background-size:23px;
}
.mega-dropdown .boxes p span{
	font-weight:700;
	color:#344050;
}
.mega-dropdown .boxes .top-action{
	position:relative;
	text-align:right;
}
.mega-dropdown .boxes .profile-pic{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:40px;
	margin:0px 5px 0px 0px;
}
.mega-dropdown .boxes .top-action .live-action{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	color:#b7c1d2;
	font-size:18px;
	font-weight:500;
	margin:0px;
	padding:0px;
}
.mega-dropdown .boxes .top-action .live-action a{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	padding:2px 10px 1px 25px;
	background:#f70555;
	border-radius:8px;
	text-decoration:none;
	outline:none;
	color:#FFFFFF;
	font-size:18px;
	font-weight:700;
}
.mega-dropdown .boxes .top-action .live-action a:before{
	position:absolute;
	content:"";
	left:15px;
	top:50%;
	transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	width:8px;
	height:8px;
	background:#FFFFFF;
	border-radius:50%;
}
.mega-dropdown .boxes .top-action .live-action.unactive a{
	background:#b7c1d2;
	padding:2px 10px 1px 10px;
}
.mega-dropdown .boxes .top-action .live-action.unactive a:before{
	display:none;
}
@media (max-width:991px){
.mega-dropdown .boxes p{
	font-size:18px;
	padding:0px 0px 0px 30px;
}
.mega-dropdown .boxes p.calender{
	background-size:20px;
}
.mega-dropdown .boxes p.notification{
	background-size:20px;
}
.mega-dropdown .boxes p.checkmark{
	background-size:20px;
}
.mega-dropdown .boxes p.wining{
	background-size:20px;
}
.mega-dropdown .boxes p.tags{
	background-size:20px;
}
.mega-dropdown .boxes .live-action{
	font-size:16px;
}
.mega-dropdown .boxes .top-action .live-action a{
	font-size:16px;
}
}
/*** Notification Icons ****/
.main-content .sticky-header .box-one .notification-icon{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	margin:0px 10px 0px 0px;
	opacity:0;
	transition:all ease-in-out 0.2s;
}
.main-content .sticky-header .box-one .notification-icon.active{
	opacity:1;
}
.main-content .sticky-header .box-one .notification-icon a{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:50px;
	height:50px;
	line-height:50px;
	background:#f9fafd;
	border-radius:50%;
	text-decoration:none;
	outline:none;
	margin:0px 10px;
	text-align:center;
}
.main-content .sticky-header .box-one .notification-icon a img{
	display:inline-block;
	vertical-align:middle;
	max-width:25px;
}
.main-content .sticky-header .box-one .notification-icon a .counter{
	position:absolute;
	top:-5px;
	right:-5px;
	width:20px;
	height:20px;
	line-height:20px;
	border-radius:50%;
	background:#f70555;
	color:#FFFFFF;
	text-align:center;
	font-size:16px;
	font-weight:700;
}
@media (max-width:991px){
.main-content .sticky-header .box-one .notification-icon{
	margin:0px 5px 0px 0px;
}
.main-content .sticky-header .box-one .notification-icon.active{
	opacity:1;
}
.main-content .sticky-header .box-one .notification-icon a{
	width:45px;
	height:45px;
	line-height:45px;
	margin:0px 3px;
}
.main-content .sticky-header .box-one .notification-icon a img{
	display:inline-block;
	vertical-align:middle;
	max-width:20px;
}
}
/*** ### Middle Button ### ***/
.main-content .middle-btn{
	position:relative;
}
.main-content .middle-btn ul{
	position:relative;
	display:flex;
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;
	border:none;
}
.main-content .middle-btn ul li{
	position:relative;
	width:48%;
	margin-bottom:15px;
}
.main-content .middle-btn ul li a{
	position:relative;
	display:block;
	border-radius:5px;
	text-align:center;
	text-decoration:none;
	height:55px;
	line-height:55px;
	color:#5e6774;
	background:#f9fafd;
	border-radius:5px;
	font-size:20px;
	font-weight:500;
}
.main-content .middle-btn ul li a.active{
	color:#2c7be5;
}
@media (max-width:991px){
main-content .middle-btn ul li a{
	height:50px;
	line-height:50px;
	font-size:18px;
}
}
/*** ### Main Drop Down ### ***/
.main-content .main-dropdown{
	position:relative;
	margin:0px 0px 15px 0px;
}
.main-content .main-dropdown .select-box{
	position:relative;
	background:#f9fafd;
	border-radius:5px;
	z-index:2;
}
.main-content .main-dropdown .select-box:before{
	position:absolute;
	content:"\f107";
	top:50%;
	right:10px;
	transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	color:#344050;
	font-family:'FontAwesome';
	font-size:30px;
	font-weight:700;
}
.main-content .main-dropdown .select-box select{
	position:relative;
	width:100%;
	padding:10px 20px;
	height:55px;
	background:none;
	border-radius:5px;
	outline:none;
	border:none;
	appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	-webkit-appearance:none;
	color:#344050;
	font-size:20px;
	font-weight:500;
}
@media (max-width:991px){
.main-content .main-dropdown .select-box:before{
	font-size:25px;
}
.main-content .main-dropdown .select-box select{
	height:50px;
	font-size:18px;
}
}

/*** ### Login ### ***/
.login-box{
	position:relative;
	display:block;
	margin:5% auto auto auto;
	width:100%;
	max-width:500px;
}
.login-box .login-logo{
	position:relative;
	text-align:center;
}
.login-box .login-logo img{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:150px;
}
.login-box .boxes{
	position:relative;
	background:#FFFFFF;
	-webkit-box-shadow: 0px 0px 7px 2px rgba(2,3,3,0.11);
	-moz-box-shadow: 0px 0px 7px 2px rgba(2,3,3,0.11);
	box-shadow: 0px 0px 7px 2px rgba(2,3,3,0.11);
	border-radius:10px;
	margin-top:50px;
}
.login-box .boxes .top-box{
	position:relative;
	background:#f9fafd;
	border-bottom:1px solid #bec8cf;
	padding:5px 15px;
	border-radius:10px 10px 0px 0px;
}
.login-box .boxes .top-box p{
	color:#b7c1d2;
	margin:0px;
	padding:10px 0px 10px 35px;
	font-size:18px;
	font-weight:500;
	background:url(../images/lock.png) left center no-repeat;
	background-size:20px;
}
.login-box .boxes .contact-box{
	position:relative;
	padding:50px;
}
.login-box .boxes .contact-box label{
	color:#344050;
	font-size:18px;
	font-weight:500;
	margin:0px 0px 10px 0px;
	padding:0px;
}
.login-box .boxes .contact-box input{
	position:relative;
	background:none;
	color:#b7c1d2;
	font-size:25px;
	width:100%;
	height:45px;
	font-weight:500;
	margin:0px 0px 15px 0px;
	padding:0px 30px;
	background:none;
	outline:none;
	border:1px solid #d8e3f0;
	border-radius:50px;
}
.login-box .boxes .contact-box button{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:200px;
	height:50px;
	background:#2c7be5;
	border:1px solid #2c7be5;
	outline:none;
	text-align:center;
	color:#FFFFFF;
	font-size:18px;
	font-weight:700;
	border-radius:50px;
	margin:10px 0px 0px 0px;
}
@media (max-width:767px){
.login-box .boxes{
	margin-top:30px;
}
.login-box .boxes .top-box p{
	padding:10px 0px 10px 30px;
	font-size:16px;
	background-size:18px;
}
.login-box .boxes .contact-box{
	position:relative;
	padding:30px;
}
.login-box .boxes .contact-box label{
	font-size:16px;
}
.login-box .boxes .contact-box input{
	font-size:16px;
}
.login-box .boxes .contact-box button{
	font-size:16px;
}
}
@media (max-width:576px){
.login-box .boxes .contact-box{
	position:relative;
	padding:30px 15px;
}
}