/* ------------------------------------------------
   Table of Content
   ------------------------------------------------

   1. Global Settings
   2. Typography
   3. Buttons
   4. Theme Colors
   5. Dropdowns
   6. Alerts
   7. Labels
   8. Progress Bars
   9. Panels
   10. Pagination & Pagers
   11. Page Header
   12. Tables
   13. Modals
   14. Forms
   15. Breadcrumb
   16. Testimonial
   17. Blockquote
   18. Layouts
   19. Header
   20. Navigation
   21. Headline
   22. Cards
   23. Sections
   24. Posts
   25. Widgets
   26. Title
   27. 404
   28. Comments
   29. Carousel
   30. Countdown
   31. Thumbnails
   32. Sidebar
   33. Tabs
   34. Gallery
   35. Footer
   36. Responsive
 
/* 1. General
 ================================================================ */
body {
	background: #FFF;
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 1.5;
	color: #0d5487; /*Changed by Samir Shamoun color: #7B7B7B;*/
}

a {
	color: #0a5c8c;
	-webkit-transition: 0.25s;
	transition: 0.25s;
	text-decoration: none;
}

	button,
	a:hover,
	a:active,
	a:focus {
		color: #2776dc;
		text-decoration: none;
		outline: 0 !important;
	}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #0d5487; /* Changed by Samir Shamoun color: #4f4f4f;*/
	font-family: "Roboto", sans-serif;
	font-weight: normal;
	margin: 0;
}

pre {
	padding: 25px;
	background-color: #FFF;
	border-color: #EAEAEA;
}

p {
	margin-bottom: 20px;
	line-height: 1.6;
	color: #0d5487;
}

img {
	max-width: 100%;
	height: auto;
}

i {
	display: inline-block;
}

/* 2. Typography
 ================================================================ */
/* --- tooltip --- */
.tooltip {
	font-family: "Roboto", sans-serif;
}

.tooltip-inner {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 8px 10px;
	background-color: #202225;
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
	border-top-color: #202225;
}

.tooltip.right .tooltip-arrow {
	border-right-color: #202225;
}

.tooltip.left .tooltip-arrow {
	border-left-color: #202225;
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
	border-bottom-color: #202225;
}

#all_text span {
	text-decoration: underline;
	background-color: yellow;
}

.img-thumbnail {
	border-radius: 0;
	-webkit-border-radius: 0;
	padding: 5px;
	border-color: rgba(0,0,0, 0.1);
}

code {
	background-color: #E6F1FF;
	color: #2776dc;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	padding: 3px 6px;
}

.well {
	background-color: #f5f5f5;
	padding: 40px;
	border: 0;
	border-radius: 0;
	margin-bottom: 20px;
	-webkit-border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
}

/* --- popovers --- */
.popover {
	border-color: #d4d4d4;
	-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	font-family: "Roboto", sans-serif;
}

.popover-content {
	padding: 12px 20px;
}

/* --- dropcap --- */
.dropcap {
	float: left;
	font-size: 30px;
	line-height: 32px;
	font-weight: bold;
	margin: 0 8px 0 0;
}

/* --- lead --- */
.lead {
	font-size: 18px;
	line-height: 25px;
}

/* --- iframe --- */
iframe {
	width: 100%;
	border: 0;
}

.dropdown-menu {
	border-color: rgba(0,0,0, 0.13);
	box-shadow: 0 3px 6px 0 rgba(0,0,0, 0.08);
	-webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0, 0.08);
}

	.dropdown-menu > .active > a,
	.dropdown-menu > .active > a:focus,
	.dropdown-menu > .active > a:hover {
		color: #444;
		background-color: rgba(245, 245, 245, 0.7);
	}

	.dropdown-menu > li > a {
		font-size: 13px;
		padding: 7px 17px;
	}

		.dropdown-menu > li > a i {
			margin-right: 5px;
			min-width: 1em;
		}

/* 3. Buttons
 ================================================================ */
.btn {
	border: none !important;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 10px 15px;
	-webkit-transition: 0.25s;
	transition: 0.25s;
}

.btn-lg,
.btn-group-lg > .btn {
	padding: 13px 20px;
	font-size: 15px;
}

.btn-sm,
.btn-group-sm > .btn {
	padding: 5px 10px;
}

.btn-xs,
.btn-group-xs > .btn {
	padding: 1px 5px;
}

.btn-shadow {
	box-shadow: 0 1px 3px 0px rgba(0,0,0, 0.2);
	-webkit-box-shadow: 0 1px 3px 0px rgba(0,0,0, 0.2);
}

.btn-rounded {
	border-radius: 30px !important;
	-webkit-border-radius: 30px !important;
}

.btn-default {
	color: #4A4A4A;
	border: 1px solid rgba(0,0,0, 0.1) !important;
}

.btn.btn-link {
	color: rgba(0,0,0, 0.6);
}

	.btn.btn-link:hover {
		color: #2776dc;
		text-decoration: none;
	}

.btn.btn-primary {
	background-color: #2776dc;
	color: #fff !important;
}

	.btn.btn-primary:hover,
	.btn.btn-primary:active,
	.open .btn.btn-primary,
	.btn.btn-primary.hover {
		background-color: #5299f5 !important;
	}

.btn.btn-info {
	background-color: #52BAFF;
	color: #fff;
}

	.btn.btn-info:hover,
	.btn.btn-info:active,
	.open .btn.btn-info,
	.btn.btn-info.hover {
		background-color: #93D4FF !important;
	}

.btn.btn-danger {
	background-color: #e74c3c;
}

	.btn.btn-danger:hover,
	.btn.btn-danger:active,
	.open .btn.btn-danger,
	.btn.btn-danger.hover {
		background-color: #f2796c !important;
	}

.btn.btn-warning {
	background-color: #FFA14F;
	color: #fff !important;
}

	.btn.btn-warning:hover,
	.btn.btn-warning:active,
	.open .btn.btn-warning,
	.btn.btn-warning.hover {
		background-color: #FDB576 !important;
	}

.btn.btn-success {
	background-color: #27ae60;
}

	.btn.btn-success:hover,
	.btn.btn-success:active,
	.open .btn.btn-success,
	.btn.btn-success.hover {
		background-color: #46bf79 !important;
	}

.btn.btn-inverse {
	color: #FFF;
	background-color: #141619;
}

.btn-inverse:hover {
	background: #383C42;
	color: #FFF;
}

/* --- circle buttons --- */
.btn-circle {
	width: 45px;
	height: 45px;
	text-align: center !important;
	padding: 0;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}

	.btn-circle.btn-social-icon *:first-child {
		width: auto !important;
	}

	.btn-circle.btn-sm {
		width: 27px;
		height: 27px;
	}

	.btn-circle.btn-lg {
		width: 50px;
		height: 50px;
		padding: 10px 16px;
		font-size: 18px;
		line-height: 1.33;
		border-radius: 25px;
	}

	.btn-circle.btn-xl {
		width: 70px;
		height: 70px;
		padding: 10px 16px;
		font-size: 24px;
		line-height: 1.33;
		border-radius: 35px;
	}

/* --- outline buttons --- */
.btn-outline {
	background-color: transparent !important;
	color: inherit;
	transition: all .5s;
	border-width: 1px !important;
	border-style: solid !important;
}

.btn-primary.btn-outline {
	color: #2776dc;
	border-color: #2776dc !important;
}

.btn.btn-primary.btn-outline.active,
.btn.btn-primary.btn-outline:hover,
.btn.btn-primary.btn-outline:active,
.btn.btn-primary.btn-outline.hover {
	color: #FFF;
	background-color: #2776dc !important;
}

.btn-success.btn-outline {
	color: #0E9A49;
	border-color: #0E9A49 !important;
}

.btn.btn-success.btn-outline:hover,
.btn.btn-success.btn-outline:active,
.btn.btn-success.btn-outline.hover {
	background-color: #0E9A49 !important;
}

.btn-info.btn-outline {
	color: #52BAFF;
	border-color: #52BAFF !important;
}

.btn.btn-info.btn-outline:hover,
.btn.btn-info.btn-outline:active,
.btn.btn-info.btn-outline.hover {
	background-color: #52BAFF !important;
}

.btn-white.btn-outline {
	color: #fff;
	border-color: rgba(255,255,255, .4) !important;
	border-width: 1px !important;
}

.btn.btn-white.btn-outline:hover,
.btn.btn-white.btn-outline:active,
.btn.btn-white.btn-outline.hover {
	color: #fff;
	background-color: rgba(255,255,255, .1) !important;
}

.btn-warning.btn-outline {
	color: #FF983E;
	border-color: #FF983E !important;
}

.btn.btn-warning.btn-outline:hover,
.btn.btn-warning.btn-outline:active,
.btn.btn-warning.btn-outline.hover {
	background-color: #FF983E !important;
}

.btn-danger.btn-outline {
	color: #e74c3c;
	border-color: #e74c3c !important;
}

.btn.btn-danger.btn-outline:hover,
.btn.btn-danger.btn-outline:active,
.btn.btn-danger.btn-outline.hover {
	background-color: #e74c3c !important;
}

.btn-inverse.btn-outline {
	color: #141619;
	border-color: #141619 !important;
}

.btn.btn-inverse.btn-outline:hover,
.btn.btn-inverse.btn-outline:active,
.btn.btn-inverse.btn-outline.hover {
	background-color: #141619 !important;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover,
.btn-inverse.btn-outline:hover {
	color: #fff !important;
}

/* --- social buttons --- */
.btn-social {
	position: relative;
	color: #FFF !important;
	padding: 13px 13px 13px 25px;
	text-align: left;
	font-weight: 500;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-color: transparent !important;
	box-shadow: none !important;
}

	.btn-social :first-child {
		margin-left: -20px;
		width: 45px !important;
		font-size: 16px !important;
		text-align: center;
	}

	.btn-social.btn-lg {
		padding-left: 61px
	}

		.btn-social.btn-lg :first-child {
			line-height: 45px;
			width: 45px;
			font-size: 1.8em
		}

	.btn-social.btn-sm {
		padding-left: 38px
	}

		.btn-social.btn-sm :first-child {
			line-height: 28px;
			width: 28px;
			font-size: 1.4em
		}

	.btn-social.btn-xs {
		padding-left: 30px
	}

		.btn-social.btn-xs :first-child {
			line-height: 20px;
			width: 20px;
			font-size: 1.2em
		}

.btn-social-icon {
	position: relative;
	color: #FFF;
	border-color: transparent !important;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 34px;
	width: 34px;
	padding: 0 !important;
}

	.btn-social-icon :first-child {
		left: 0;
		top: 0;
		bottom: 0;
		width: 34px !important;
		line-height: 34px;
		text-align: center;
	}

	.btn-social-icon.btn-lg {
		padding-left: 61px
	}

		.btn-social-icon.btn-lg:first-child {
			line-height: 45px;
			width: 45px;
			font-size: 1.8em
		}

	.btn-social-icon.btn-sm {
		padding-left: 38px;
		text-align: center;
	}

		.btn-social-icon.btn-sm :first-child {
			line-height: 28px;
			width: 28px !important;
			font-size: 1.2em
		}

	.btn-social-icon.btn-xs {
		padding-left: 30px
	}

		.btn-social-icon.btn-xs:first-child {
			line-height: 20px;
			width: 20px;
			font-size: 1.2em
		}

	.btn-social-icon:first-child {
		border: none;
		text-align: center;
	}

	.btn-social-icon.btn-lg {
		height: 45px;
		width: 45px;
		padding-left: 0;
		padding-right: 0
	}

	.btn-social-icon.btn-sm {
		height: 28px;
		width: 28px;
		padding-left: 0;
		padding-right: 0
	}

	.btn-social-icon.btn-xs {
		height: 22px;
		width: 22px;
		padding-left: 0;
		padding-right: 0
	}

.btn-bitbucket {
	color: #fff;
	background-color: #205081;
	border-color: rgba(0, 0, 0, 0.2)
}

	.btn-bitbucket:hover,
	.btn-bitbucket:focus,
	.btn-bitbucket:active,
	.btn-bitbucket.active,
	.open .dropdown-toggle.btn-bitbucket {
		color: #fff;
		background-color: #183c60;
		border-color: rgba(0, 0, 0, 0.2)
	}

	.btn-bitbucket:active,
	.btn-bitbucket.active,
	.open .dropdown-toggle.btn-bitbucket {
		background-image: none
	}

	.btn-bitbucket.disabled,
	.btn-bitbucket[disabled],
	.btn-bitbucket.disabled:hover,
	.btn-bitbucket[disabled]:hover,
	.btn-bitbucket.disabled:focus,
	.btn-bitbucket[disabled]:focus,
	.btn-bitbucket.disabled:active,
	.btn-bitbucket[disabled]:active,
	.btn-bitbucket.disabled.active,
	.btn-bitbucket[disabled].active {
		background-color: #205081;
		border-color: rgba(0, 0, 0, 0.2)
	}

.btn-dropbox {
	color: #fff;
	background-color: #1087dd;
	border-color: rgba(0, 0, 0, 0.2)
}

	.btn-dropbox:hover,
	.btn-dropbox:focus,
	.btn-dropbox:active,
	.btn-dropbox.active,
	.open .dropdown-toggle.btn-dropbox {
		color: #fff;
		background-color: #0d70b7;
		border-color: rgba(0, 0, 0, 0.2)
	}

	.btn-dropbox:active,
	.btn-dropbox.active,
	.open .dropdown-toggle.btn-dropbox {
		background-image: none
	}

	.btn-dropbox.disabled,
	.btn-dropbox[disabled],
	.btn-dropbox.disabled:hover,
	.btn-dropbox[disabled]:hover,
	.btn-dropbox.disabled:focus,
	.btn-dropbox[disabled]:focus,
	.btn-dropbox.disabled:active,
	.btn-dropbox[disabled]:active,
	.btn-dropbox.disabled.active,
	.btn-dropbox[disabled].active {
		background-color: #1087dd;
		border-color: rgba(0, 0, 0, 0.2)
	}

.btn-facebook {
	color: #fff;
	background-color: #3b5998;
	border-color: rgba(0, 0, 0, 0.2)
}

	.btn-facebook:hover,
	.btn-facebook:focus,
	.btn-facebook:active,
	.btn-facebook.active,
	.open .dropdown-toggle.btn-facebook {
		color: #fff;
		background-color: #30487b;
		border-color: rgba(0, 0, 0, 0.2)
	}

	.btn-facebook:active,
	.btn-facebook.active,
	.open .dropdown-toggle.btn-facebook {
		background-image: none
	}

	.btn-facebook.disabled,
	.btn-facebook[disabled],
	.btn-facebook.disabled:hover,
	.btn-facebook[disabled]:hover,
	.btn-facebook.disabled:focus,
	.btn-facebook[disabled]:focus,
	.btn-facebook.disabled:active,
	.btn-facebook[disabled]:active,
	.btn-facebook.disabled.active,
	.btn-facebook[disabled].active {
		background-color: #3b5998;
		border-color: rgba(0, 0, 0, 0.2)
	}

.btn-flickr {
	color: #fff;
	background-color: #ff0084;
	border-color: rgba(0, 0, 0, 0.2)
}

	.btn-flickr:hover,
	.btn-flickr:focus,
	.btn-flickr:active,
	.btn-flickr.active,
	.open .dropdown-toggle.btn-flickr {
		color: #fff;
		background-color: #d6006f;
		border-color: rgba(0, 0, 0, 0.2)
	}

	.btn-flickr:active,
	.btn-flickr.active,
	.open .dropdown-toggle.btn-flickr {
		background-image: none
	}

	.btn-flickr.disabled,
	.btn-flickr[disabled],
	.btn-flickr.disabled:hover,
	.btn-flickr[disabled]:hover,
	.btn-flickr.disabled:focus,
	.btn-flickr[disabled]:focus,
	.btn-flickr.disabled:active,
	.btn-flickr[disabled]:active,
	.btn-flickr.disabled.active,
	.btn-flickr[disabled].active {
		background-color: #ff0084;
		border-color: rgba(0, 0, 0, 0.2)
	}

.btn-github {
	color: #fff;
	background-color: #444;
	border-color: rgba(0, 0, 0, 0.2)
}

	.btn-github:hover,
	.btn-github:focus,
	.btn-github:active,
	.btn-github.active,
	.open .dropdown-toggle.btn-github {
		color: #fff;
		background-color: #303030;
		border-color: rgba(0, 0, 0, 0.2)
	}

	.btn-github:active,
	.btn-github.active,
	.open .dropdown-toggle.btn-github {
		background-image: none
	}

	.btn-github.disabled,
	.btn-github[disabled],
	.btn-github.disabled:hover,
	.btn-github[disabled]:hover,
	.btn-github.disabled:focus,
	.btn-github[disabled]:focus,
	.btn-github.disabled:active,
	.btn-github[disabled]:active,
	.btn-github.disabled.active,
	.btn-github[disabled].active {
		background-color: #444;
		border-color: rgba(0, 0, 0, 0.2)
	}

.btn-google-plus {
	color: #fff;
	background-color: #dd4b39;
	border-color: rgba(0, 0, 0, 0.2)
}

	.btn-google-plus:hover,
	.btn-google-plus:focus,
	.btn-google-plus:active,
	.btn-google-plus.active,
	.open .dropdown-toggle.btn-google-plus {
		color: #fff;
		background-color: #ca3523;
		border-color: rgba(0, 0, 0, 0.2)
	}

	.btn-google-plus:active,
	.btn-google-plus.active,
	.open .dropdown-toggle.btn-google-plus {
		background-image: none
	}

	.btn-google-plus.disabled,
	.btn-google-plus[disabled],
	.btn-google-plus.disabled:hover,
	.btn-google-plus[disabled]:hover,
	.btn-google-plus.disabled:focus,
	.btn-google-plus[disabled]:focus,
	.btn-google-plus.disabled:active,
	.btn-google-plus[disabled]:active,
	.btn-google-plus.disabled.active,
	.btn-google-plus[disabled].active {
		background-color: #dd4b39;
		border-color: rgba(0, 0, 0, 0.2)
	}

.btn-instagram {
	color: #fff;
	background-color: #517fa4;
	border-color: rgba(0, 0, 0, 0.2)
}

	.btn-instagram:hover,
	.btn-instagram:focus,
	.btn-instagram:active,
	.btn-instagram.active,
	.open .dropdown-toggle.btn-instagram {
		color: #fff;
		background-color: #446a89;
		border-color: rgba(0, 0, 0, 0.2)
	}

	.btn-instagram:active,
	.btn-instagram.active,
	.open .dropdown-toggle.btn-instagram {
		background-image: none
	}

	.btn-instagram.disabled,
	.btn-instagram[disabled],
	.btn-instagram.disabled:hover,
	.btn-instagram[disabled]:hover,
	.btn-instagram.disabled:focus,
	.btn-instagram[disabled]:focus,
	.btn-instagram.disabled:active,
	.btn-instagram[disabled]:active,
	.btn-instagram.disabled.active,
	.btn-instagram[disabled].active {
		background-color: #517fa4;
		border-color: rgba(0, 0, 0, 0.2)
	}

.btn-linkedin {
	color: #fff;
	background-color: #007bb6;
	border-color: rgba(0, 0, 0, 0.2)
}

	.btn-linkedin:hover,
	.btn-linkedin:focus,
	.btn-linkedin:active,
	.btn-linkedin.active,
	.open .dropdown-toggle.btn-linkedin {
		color: #fff;
		background-color: #005f8d;
		border-color: rgba(0, 0, 0, 0.2)
	}

	.btn-linkedin:active,
	.btn-linkedin.active,
	.open .dropdown-toggle.btn-linkedin {
		background-image: none
	}

	.btn-linkedin.disabled,
	.btn-linkedin[disabled],
	.btn-linkedin.disabled:hover,
	.btn-linkedin[disabled]:hover,
	.btn-linkedin.disabled:focus,
	.btn-linkedin[disabled]:focus,
	.btn-linkedin.disabled:active,
	.btn-linkedin[disabled]:active,
	.btn-linkedin.disabled.active,
	.btn-linkedin[disabled].active {
		background-color: #007bb6;
		border-color: rgba(0, 0, 0, 0.2)
	}

.btn-pinterest {
	color: #fff;
	background-color: #cb2027;
	border-color: rgba(0, 0, 0, 0.2)
}

	.btn-pinterest:hover,
	.btn-pinterest:focus,
	.btn-pinterest:active,
	.btn-pinterest.active,
	.open .dropdown-toggle.btn-pinterest {
		color: #fff;
		background-color: #a81a20;
		border-color: rgba(0, 0, 0, 0.2)
	}

	.btn-pinterest:active,
	.btn-pinterest.active,
	.open .dropdown-toggle.btn-pinterest {
		background-image: none
	}

	.btn-pinterest.disabled,
	.btn-pinterest[disabled],
	.btn-pinterest.disabled:hover,
	.btn-pinterest[disabled]:hover,
	.btn-pinterest.disabled:focus,
	.btn-pinterest[disabled]:focus,
	.btn-pinterest.disabled:active,
	.btn-pinterest[disabled]:active,
	.btn-pinterest.disabled.active,
	.btn-pinterest[disabled].active {
		background-color: #cb2027;
		border-color: rgba(0, 0, 0, 0.2)
	}

.btn-tumblr {
	color: #fff;
	background-color: #2c4762;
	border-color: rgba(0, 0, 0, 0.2)
}

	.btn-tumblr:hover,
	.btn-tumblr:focus,
	.btn-tumblr:active,
	.btn-tumblr.active,
	.open .dropdown-toggle.btn-tumblr {
		color: #fff;
		background-color: #1f3346;
		border-color: rgba(0, 0, 0, 0.2)
	}

	.btn-tumblr:active,
	.btn-tumblr.active,
	.open .dropdown-toggle.btn-tumblr {
		background-image: none
	}

	.btn-tumblr.disabled,
	.btn-tumblr[disabled],
	.btn-tumblr.disabled:hover,
	.btn-tumblr[disabled]:hover,
	.btn-tumblr.disabled:focus,
	.btn-tumblr[disabled]:focus,
	.btn-tumblr.disabled:active,
	.btn-tumblr[disabled]:active,
	.btn-tumblr.disabled.active,
	.btn-tumblr[disabled].active {
		background-color: #2c4762;
		border-color: rgba(0, 0, 0, 0.2)
	}

.btn-twitter {
	color: #fff;
	background-color: #2ba9e1;
	border-color: rgba(0, 0, 0, 0.2)
}

	.btn-twitter:hover,
	.btn-twitter:focus,
	.btn-twitter:active,
	.btn-twitter.active,
	.open .dropdown-toggle.btn-twitter {
		color: #fff;
		background-color: #1c92c7;
		border-color: rgba(0, 0, 0, 0.2)
	}

	.btn-twitter:active,
	.btn-twitter.active,
	.open .dropdown-toggle.btn-twitter {
		background-image: none
	}

	.btn-twitter.disabled,
	.btn-twitter[disabled],
	.btn-twitter.disabled:hover,
	.btn-twitter[disabled]:hover,
	.btn-twitter.disabled:focus,
	.btn-twitter[disabled]:focus,
	.btn-twitter.disabled:active,
	.btn-twitter[disabled]:active,
	.btn-twitter.disabled.active,
	.btn-twitter[disabled].active {
		background-color: #2ba9e1;
		border-color: rgba(0, 0, 0, 0.2)
	}

.btn-vk {
	color: #fff;
	background-color: #587ea3;
	border-color: rgba(0, 0, 0, 0.2)
}

	.btn-vk:hover,
	.btn-vk:focus,
	.btn-vk:active,
	.btn-vk.active,
	.open .dropdown-toggle.btn-vk {
		color: #fff;
		background-color: #4a6a89;
		border-color: rgba(0, 0, 0, 0.2)
	}

	.btn-vk:active,
	.btn-vk.active,
	.open .dropdown-toggle.btn-vk {
		background-image: none
	}

	.btn-vk.disabled,
	.btn-vk[disabled],
	.btn-vk.disabled:hover,
	.btn-vk[disabled]:hover,
	.btn-vk.disabled:focus,
	.btn-vk[disabled]:focus,
	.btn-vk.disabled:active,
	.btn-vk[disabled]:active,
	.btn-vk.disabled.active,
	.btn-vk[disabled].active {
		background-color: #587ea3;
		border-color: rgba(0, 0, 0, 0.2)
	}

/* 4. Colors
 ================================================================ */
/* --- border --- */
.border-primary {
	border-color: #2776dc !important;
}

.border-danger {
	border-color: #e74c3c !important;
}

.border-info {
	border-color: #52BAFF !important;
}

.border-warning {
	border-color: #FFA14F !important;
}

.border-success {
	border-color: #6EBB6E !important;
}

.border-light {
	border-color: rgba(255,255,255, 0.1) !important;
}

.border-dark {
	border-color: rgba(0,0,0, 0.2) !important;
}

/* --- background & blockquote --- */
.blockquote-primary,
.bg-primary {
	background-color: #2776dc !important;
}

.bg-secondary {
	background-color: #505a6d !important;
}

.blockquote-danger,
.bg-danger {
	background-color: #e74c3c !important;
	color: #FFF;
}

.blockquote-info,
.bg-info {
	background-color: #52BAFF !important;
	color: #FFF;
}

.blockquote-warning,
.bg-warning {
	background-color: #FFA14F !important;
	color: #FFF;
}

.blockquote-success,
.bg-success {
	background-color: #6EBB6E !important;
	color: #FFF;
}

.bg-darken {
	background-color: rgba(0,0,0, 0.2) !important;
	color: #FFF;
}

.bg-dark {
	background-color: #141619 !important;
	color: #FFF;
}

/* --- text colors --- */
.text-primary {
	color: #2776dc;
}

.text-success {
	color: #27ae60;
}

.text-warning {
	color: #e67e22;
}

.text-danger {
	color: #e74c3c;
}

.text-info {
	color: #3498db;
}

.text-dark {
	color: rgba(0,0,0, 0.5) !important;
}

.text-bold {
	font-weight: bold !important;
}

/* 5. Alerts
 ================================================================ */
.alert {
	border-radius: 2px;
	-webkit-border-radius: 2px;
}

	.alert p {
		margin-bottom: 0px;
		font-size: 14px;
		line-height: 20px;
	}

	.alert .btn {
		margin-top: 20px;
	}

.alert-lg {
	padding: 25px;
}

.alert-title {
	padding-bottom: 20px;
}

.alert-success {
	color: #5B865B;
	background-color: #F0F9ED;
	border-color: #D6E6D0;
}

.alert-info {
	color: #5086A0;
	background-color: #EFF6FF;
	border-color: #D0E1F7;
}

.alert-warning {
	color: #968C53;
	background-color: #FDFBEF;
	border-color: #ECE8CE;
}

.alert-danger {
	color: #986F68;
	background-color: #FDEDEA;
	border-color: #E6CECA;
}

.alert .alert-link {
	color: rgba(0,0,0, 0.5);
}

/* --- form label --- */
label {
	margin-bottom: 10px;
	font-weight: 500;
}

/* 6. Label
 ================================================================ */
.label {
	display: inline-block;
	padding: 7px;
	font-weight: 500;
	border-radius: 3px;
	text-shadow: none;
	border: 0;
}

.badge,
.label-default {
	background-color: #2b2b2b;
}

.label-primary {
	background-color: #2776dc;
}

.label-success {
	background-color: #0E9A49;
}

.label-danger {
	background-color: #e74c3c;
}

.label-warning {
	background-color: #FF8E2B;
}

.label-info {
	background-color: #52BAFF;
}

.label span {
	display: block;
	font-weight: normal;
	margin-bottom: 8px;
	font-size: 11px;
}

.label-sm {
	font-size: 12px !important;
}

.label-xs {
	font-size: 11px !important;
}

.label-lg {
	font-size: 24px !important;
}

/*---------- 8. Progress Bars ----------*/
.progress {
	background-color: #ebedef;
	border-radius: 32px;
	height: 15px;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 25px;
}

.progress-label {
	font-size: 14px;
	margin-bottom: 8px !important;
}

	.progress-label span {
		float: right;
	}

.progress-bar {
	background-color: #0E9A49;
	line-height: 15px;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
}

.progress-bar-success {
	background-color: #0E9A49;
}

.progress-bar-warning {
	background-color: #FFA14F;
}

.progress-bar-danger {
	background-color: #e74c3c;
}

.progress-bar-info {
	background-color: #52BAFF;
}


/*---------- 9. Panels ----------*/
.panel-primary > .panel-heading {
	background-color: #2776dc;
	border-color: #2776dc;
}

.panel-success > .panel-heading {
	color: #FFF;
	background-color: #0E9A49;
	border-color: #0E9A49;
}

.panel-danger > .panel-heading {
	color: #FFF;
	background-color: #e74c3c;
	border-color: #e74c3c;
}

.panel-warning > .panel-heading {
	color: #FFF;
	background-color: #FFA14F;
	border-color: #FFA14F;
}

.panel-info > .panel-heading {
	color: #FFF;
	background-color: #52BAFF;
	border-color: #52BAFF;
}

.panel-inverse > .panel-heading {
	color: #FFF;
	background-color: #2b2b2b;
	border-color: #2b2b2b;
}

.panel-primary {
	border-color: #2776dc;
}

.panel-success {
	border-color: #0E9A49;
}

.panel-danger {
	border-color: #e74c3c;
}

.panel-warning {
	border-color: #FFA14F;
}

.panel-info {
	border-color: #52BAFF;
}

.panel-inverse {
	border-color: #2b2b2b;
}

.panel {
	margin-bottom: 0;
}

.panel-heading {
	font-size: 15px;
	padding: 10px 20px;
}

.panel-group .panel {
	border-radius: 0;
}

.panel-group .panel-title {
	padding: 0;
}

	.panel-group .panel-title a {
		padding: 7px 0 !important;
	}

.panel-default > .panel-heading {
	color: rgba(0,0,0, 0.6);
	background-color: #FFF;
	border-color: rgba(0, 0, 0, 0.1);
}

.panel-default > .panel-footer {
	background-color: #FFF;
	border-color: rgba(0, 0, 0, 0.1);
}

.panel-default {
	border: 1px solid #E4E4E4;
	-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
}

.panel-title {
	font-size: 15px;
	border-radius: 0;
	-webkit-border-radius: 0;
	padding: 5px 0;
}

	.panel-title i {
		margin-right: 10px;
	}

	.panel-title a,
	.panel-title a:hover,
	.panel-title a:focus {
		color: rgba(0,0,0, 0.6);
		padding: 7px 10px;
		display: block;
	}

.panel-body {
	padding: 20px;
	font-size: 14px;
}

.panel-group .panel + .panel {
	margin-top: 0;
	border-top: 0;
}

.panel-login {
	margin: 0;
	border: 0;
}

	.panel-login .panel-heading {
		position: relative;
	}

	.panel-login .panel-title {
		padding: 13px 5px;
		font-size: 17px;
		font-weight: 500 !important;
	}

		.panel-login .panel-title i {
			margin-left: 5px;
		}

	.panel-login .panel-body {
		padding: 30px;
	}

		.panel-login .panel-body a {
			color: #777a80;
		}

	.panel-login .panel-footer {
		padding: 15px 30px;
		font-size: 14px;
	}

		.panel-login .panel-footer a {
			font-weight: 500;
		}

	.panel-login .checkbox {
		margin-bottom: 0;
	}

	.panel-login .checkbox {
		float: left;
	}


/*---------- 10. Pagination & Pagers ----------*/

/* --- pagination --- */
.pagination {
	padding: 0;
	margin: 0 0 20px 0;
}

	.pagination li a,
	.pagination > .disabled > span,
	.pagination > .disabled > span:hover,
	.pagination > .disabled > span:focus,
	.pagination > .disabled > a,
	.pagination > .disabled > a:hover,
	.pagination > .disabled > a:focus {
		margin-right: 5px;
		border: 1px solid #e6e6e6;
		background-color: #FFF;
		border-radius: 3px !important;
		-webkit-border-radius: 3px !important;
		padding: 5px 10px;
		font-size: 14px;
		font-weight: normal;
		color: #4A4A4A;
	}

		.pagination li a:hover,
		.pagination li a:focus,
		.pagination li.active a,
		.pagination li.active a:focus,
		.pagination li.active a:hover {
			border: 1px solid #e6e6e6;
			background-color: #F5F5F5;
			color: #696e72;
		}

	.pagination li:first-child a:hover,
	.pagination li:first-child a {
		border-radius: 3px !important;
		-webkit-border-radius: 3px !important;
	}

	.pagination li:last-child a:hover,
	.pagination li:last-child a {
		border-radius: 3px !important;
		-webkit-border-radius: 3px !important;
	}

/* --- pagers --- */
.pager {
	margin: 0;
}

	.pager li {
		width: 40%;
		display: inline-block;
		padding: 0;
		margin: 0;
		float: left;
	}

		.pager li:nth-child(2) {
			float: right;
		}

		.pager li a {
			background-color: #2b2b2b;
			border: 0;
			color: #FFF;
			display: block;
			float: none !important;
			border-radius: 30px;
			-webkit-border-radius: 30px;
			padding: 10px 0;
		}

			.pager li a:hover {
				background-color: #2776dc;
				border-color: #2776dc;
				color: #FFF;
			}


/*---------- 11. Page Header ----------*/
.page-header .btn-group {
	margin-top: -10px;
}

.page-header {
	border: 0;
	text-align: left;
	margin: 0 0 25px 0;
	font-size: 18px;
	font-weight: 700 !important;
	text-transform: uppercase;
	color: rgba(0,0,0, 0.7);
}

	.page-header > i {
		margin-right: 10px;
	}


/*---------- 12. Tables ----------*/
.table {
	margin-bottom: 0;
}

	.table > tbody > tr > td,
	.table > tbody > tr > th,
	.table > tfoot > tr > td,
	.table > tfoot > tr > th,
	.table > thead > tr > td,
	.table > thead > tr > th {
		border-color: #E6E6E6;
	}

	.table > thead > tr > th {
		border-bottom: 0;
		padding: 15px 5px;
	}

	.table > thead > tr > th,
	.table > tbody > tr > th,
	.table > tfoot > tr > th,
	.table > thead > tr > td,
	.table > tbody > tr > td,
	.table > tfoot > tr > td {
		vertical-align: middle;
	}

.table-bordered,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
	border-color: #7984a036;
}


/*---------- 13. Modals ----------*/
.modal-open {
	padding-right: 0 !important;
	overflow: inherit !important;
}

.modal-dialog {
	margin-top: 100px;
}

.modal-backdrop.in {
	opacity: .9;
	background-color: #101010;
}

.modal-open .modal {
	z-index: 9999;
	overflow: inherit !important;
	background-color: #000000a3;
}

.modal-header {
	padding: 15px 25px;
	line-height: 30px;
	border-color: rgba(0, 0, 0, 0.08) !important;
}

	.modal-header .close {
		margin: 0;
		text-shadow: none;
		font-size: 27px;
		position: absolute;
		right: 25px;
	}

.modal-title {
	color: #5F5F5F;
	font-size: 17px;
	font-weight: 500;
	line-height: 30px;
}

	.modal-title i {
		margin-right: 10px;
	}

.modal-content {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 0;
	box-shadow: 0 2px 6px 0 rgba(80, 80, 80, 0.5);
	-webkit-box-shadow: 0 2px 6px 0 rgba(80, 80, 80, 0.5);
}

.modal-body {
	/*background: #FFF;*/
	border-bottom: 0;
	padding: 30px 25px;
}

.modal-footer {
	border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
	margin: 0;
	padding: 20px 25px;
	font-size: 13px;
}

.modal-sm {
	width: 400px;
}

.modal-search {
	background: #FFF;
	position: fixed;
	width: 100%;
	padding: 2px 0;
	top: -60px;
	left: 0;
	z-index: 980;
	border-bottom: 1px solid rgba(0,0,0,0.15);
	box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.05);
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.05);
	-webkit-transition: 0.25s;
	transition: 0.25s;
}

	.modal-search .container {
		position: relative;
	}

	.modal-search .close {
		position: absolute;
		right: 20px;
		top: 6px;
		font-size: 20px;
		cursor: pointer;
		color: rgba(0,0,0, 0.7);
		opacity: 1;
	}

.search-open .modal-search {
	top: 60px;
}

.modal-search .form-control:focus,
.modal-search .form-control {
	box-shadow: none;
	-webkit-box-shadow: none;
	border: 0;
	background: #FFF;
	padding: 6px 0;
	height: auto;
	line-height: inherit;
	color: #4A4A4A;
}

.search-active .modal-search {
	box-shadow: none;
	-webkit-box-shadow: none;
	border-color: #e0e0e0;
}

/* --- lightbox --- */
.ekko-lightbox .modal-header {
	padding: 0;
}

	.ekko-lightbox .modal-header .modal-title {
		display: block;
		text-shadow: none;
		padding: 0;
		color: #FFF;
		font-size: 14px;
		font-weight: 300;
		z-index: 99;
		position: absolute;
		top: -40px;
	}

	.ekko-lightbox .modal-header .close {
		position: fixed;
		z-index: 9999;
		right: -15px;
		top: -20px;
		color: #000;
		opacity: 1;
		width: 40px;
		height: 40px;
		text-align: center;
		padding: 0;
		font-size: 25px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		background-color: #FFF;
		border: 5px solid #000;
	}

.ekko-lightbox-container iframe {
	position: relative;
	z-index: 100;
}

.ekko-lightbox-container img {
	max-height: 100%;
}

.ekko-lightbox .modal-content {
	color: #FFF;
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	position: relative;
	border-radius: 0;
	-webkit-border-radius: 0;
}

.ekko-lightbox .modal-body {
	padding: 0;
	background-color: transparent;
	padding: 0px;
}

.ekko-lightbox .modal-loading {
	text-align: center;
	font-size: 0;
	margin-top: 20px;
}

.ekko-lightbox .modal-footer {
	padding: 15px 0;
}

.ekko-lightbox-nav-overlay a {
	color: #FFF;
	font-size: 24px;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}

.ekko-lightbox .glyphicon-chevron-right:before,
.ekko-lightbox .glyphicon-chevron-left:before {
	top: 50%;
	position: absolute;
}

.ekko-lightbox .glyphicon-chevron-right:before {
	right: 20px;
}

/* --- separator --- */
.separator {
	border-bottom: 1px solid rgba(0,0,0, 0.1);
	position: relative;
	margin-top: 45px;
	margin-bottom: 45px;
	text-align: center;
}

	.separator span {
		position: absolute;
		left: 50%;
		margin-left: -23px;
		top: -17px;
		background: #fff;
		padding: 5px 0px;
		border: 1px solid rgba(0,0,0, 0.1);
		border-radius: 50%;
		-webkit-border-radius: 50%;
		width: 35px;
		text-align: center;
	}


/*---------- 14. Forms ----------*/
.form-control {
	background: #fbfbfb;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 1px solid #E8E8E8;
	height: 45px;
	padding: 10px 16px;
	font-size: 15px;
	line-height: 1.3333333;
	color: #6D6D6D;
}

	.form-control:focus {
		border: 1px solid #d2d2d2;
		color: #212529;
		background: #FFF;
		-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.05) !important;
		box-shadow: inset 0 1px 2px rgba(0,0,0,0.05) !important;
	}

.has-success .form-control {
	border-color: #27ae60 !important;
	background-color: #FDFFFD;
	color: #007732;
}

.has-warning .form-control {
	border-color: #FFA14F !important;
	background-color: #FFFDFC;
	color: #DA8134;
}

.has-error .form-control {
	border-color: #e74c3c !important;
	background-color: #FFFBFB;
	color: #e74c3c;
}

.input-sm {
	height: 40px;
	padding: 5px 15px;
	font-size: 13px;
	line-height: 1.5;
	border-radius: 3px;
}

.input-lg {
	font-size: 16px;
	height: 50px;
	line-height: 1.5;
	font-weight: 300;
}

.input-md {
	padding-top: 10px;
	padding-bottom: 10px;
	height: 40px;
}

.input-icon-right,
.input-icon-left {
	position: relative;
}

	.input-icon-left i {
		position: absolute;
		top: 0;
		left: 0;
		width: 50px;
		height: 45px;
		line-height: 45px;
		text-align: center;
		display: block;
		color: #797979;
		font-size: 15px;
	}

	.input-icon-left .form-control {
		padding-left: 46px;
	}

	.input-icon-right i {
		position: absolute;
		top: 0;
		right: 0;
		width: 50px;
		height: 45px;
		line-height: 45px;
		text-align: center;
		display: block;
		color: #797979;
		font-size: 15px;
	}

	.input-icon-right .form-control {
		padding-right: 46px;
	}

.form-group.row > label {
	line-height: 45px;
	margin-bottom: 0;
}

.form-inline .form-group label {
	padding-right: 10px;
}

.form-horizontal .control-label {
	padding-top: 10px;
}
.form-inverse .form-control {
	background: rgba(0,0,0, 0.1) !important;
	color: #fff ;
	border: 0 ;
}
	.form-inverse .form-control::placeholder {
		color: #fff;
		border: 0;
	}
.form-actions {
	margin-top: 30px;
}

.form-label .form-group {
	margin-bottom: 25px;
}
.form-group {
	margin-bottom: 15px;
}
	.form-group:last-child,
	.form-label .form-group:last-child {
		margin-bottom: 0;
	}

.helper-left {
	padding: 13px 0 0 10px;
	font-size: 14px;
	font-weight: bold;
	display: block;
}

.form-inline .checkbox label, .form-inline .radio label {
	padding-left: 30px;
	margin-right: 20px;
}

/* --- checkbox --- */
.checkbox-inline, .radio-inline {
	padding-left: 15px;
}

.checkbox {
	margin: 0;
}

.checkbox-control {
	margin-bottom: 20px !important;
}

.checkbox label {
	display: block;
	cursor: pointer;
	position: relative;
	padding-left: 30px;
	font-size: 13px;
	color: #777a80;
	font-weight: 300;
	padding-top: 3px;
}

	.checkbox label:before {
		content: "";
		display: inline-block;
		width: 20px;
		height: 20px;
		position: absolute;
		left: 0px;
		top: 2px;
		background-color: #fff;
		border: 1px solid #c2c6cb;
	}

	.checkbox label::after {
		display: inline-block;
		height: 20px;
		width: 20px;
		text-align: center;
		position: absolute;
		left: 0px;
		top: 3px;
		font-size: 12px;
		font-family: 'Roboto';
	}

.checkbox input[type=checkbox] {
	display: none;
}

	.checkbox input[type=checkbox]:checked + label::after {
		content: "\F00C";
	}

.checkbox.disabled input[type=checkbox]:disabled + label:before {
	background-color: #E8E8E8;
	border-color: #DADADA;
}

.checkbox-primary input[type=checkbox]:checked + label:before {
	background-color: #2776dc;
	border: 0;
}

.checkbox-warning input[type=checkbox]:checked + label:before {
	background-color: #FFA14F;
	border: 0;
}

.checkbox-info input[type=checkbox]:checked + label:before {
	background-color: #52BAFF;
	border: 0;
}

.checkbox-danger input[type=checkbox]:checked + label:before {
	background-color: #e74c3c;
	border: 0;
}

.checkbox-success input[type=checkbox]:checked + label:before {
	background-color: #27ae60;
	border: 0;
}

.checkbox-primary input[type=checkbox]:checked + label::after,
.checkbox-warning input[type=checkbox]:checked + label::after,
.checkbox-info input[type=checkbox]:checked + label::after,
.checkbox-danger input[type=checkbox]:checked + label::after,
.checkbox-success input[type=checkbox]:checked + label::after {
	color: #FFF;
}

/* --- checkbox icon --- */
.checkbox.checkbox-icon label:before {
	background-color: transparent;
	border: 0;
}

.checkbox.checkbox-icon label {
	padding-left: 36px;
}

	.checkbox.checkbox-icon label::after {
		left: -2px;
		top: -5px;
		font-size: 26px;
		font-family: 'Roboto';
	}

.checkbox.checkbox-icon input[type=checkbox]:disabled + label::after {
	content: "\f205";
	color: #AFAFAF;
}

.checkbox.checkbox-icon label::after {
	content: "\f204";
}

.checkbox.checkbox-icon input[type=checkbox]:checked + label::after {
	content: "\f205";
}

.checkbox.checkbox-icon input[type=checkbox]:checked + label:before {
	background-color: transparent !important;
}

.checkbox.checkbox-icon.disabled input[type=checkbox]:disabled + label:before {
	background-color: transparent;
	border-color: #DADADA;
}

.checkbox.checkbox-icon.checkbox-primary input[type=checkbox]:checked + label::after {
	color: #2776dc;
}

.checkbox.checkbox-icon.checkbox-warning input[type=checkbox]:checked + label::after {
	color: #FFA14F;
}

.checkbox.checkbox-icon.checkbox-info input[type=checkbox]:checked + label::after {
	color: #52BAFF;
}

.checkbox.checkbox-icon.checkbox-danger input[type=checkbox]:checked + label::after {
	color: #e74c3c;
}

.checkbox.checkbox-icon.checkbox-success input[type=checkbox]:checked + label::after {
	color: #27ae60;
}

/* --- radio --- */
.radio {
	margin: 0;
}

.radio-control {
	margin-bottom: 20px !important;
}

.radio label {
	display: block;
	cursor: pointer;
	position: relative;
	padding-left: 30px;
	font-size: 13px;
	color: #777a80;
	font-weight: 300;
	padding-top: 2px;
}

	.radio label:before {
		content: "";
		display: inline-block;
		width: 20px;
		height: 20px;
		position: absolute;
		left: 0px;
		top: 2px;
		background-color: #fff;
		border: 1px solid #c2c6cb;
		border-radius: 30px;
		-webkit-border-radius: 30px;
	}

	.radio label::after {
		display: inline-block;
		height: 20px;
		width: 20px;
		text-align: center;
		position: absolute;
		left: 0px;
		top: 5px;
		font-size: 11px;
	}

.radio input[type=radio] {
	display: none;
}

	.radio input[type=radio]:checked + label::after {
		font-family: 'Roboto';
		content: "\f111";
	}

.radio.disabled input[type=radio]:disabled + label:before {
	background-color: #E8E8E8;
	border-color: #DADADA;
}

.radio.radio-primary input[type=radio]:checked + label::after {
	color: #2776dc;
}

.radio-primary input[type=radio]:checked + label:before {
	border-color: #2776dc;
}

.radio.radio-warning input[type=radio]:checked + label::after {
	color: #FFA14F;
}

.radio-warning input[type=radio]:checked + label:before {
	border-color: #FFA14F;
}

.radio.radio-info input[type=radio]:checked + label::after {
	color: #52BAFF;
}

.radio-info input[type=radio]:checked + label:before {
	border-color: #52BAFF;
}

.radio.radio-danger input[type=radio]:checked + label::after {
	color: #e74c3c;
}

.radio-danger input[type=radio]:checked + label:before {
	border-color: #e74c3c;
}

.radio.radio-success input[type=radio]:checked + label::after {
	color: #27ae60;
}

.radio-success input[type=radio]:checked + label:before {
	border-color: #27ae60;
}

/*---------- 15. Breadcrumb ----------*/
.breadcrumb {
	background: transparent;
	border-radius: 0;
	margin: 0;
	border: 0;
	padding: 0;
}

	.breadcrumb > li:first-child a {
		padding-left: 0;
	}

	.breadcrumb > li + li.pull-right:before {
		content: "";
		display: none;
	}

	.breadcrumb > li.pull-right {
		margin-top: -5px;
	}

	.breadcrumb > li + li:before {
		content: "\f105";
		font-family: "Roboto";
		font-size: 11px;
		margin: 0 5px;
	}

	.breadcrumb > li.active {
		font-size: 14px !important;
	}

	.breadcrumb > li > a {
		color: #616161;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		font-size: 14px !important;
	}

/*---------- 16. Testimonial ----------*/
.testimonial p {
	background: #f5f5f5;
	padding: 30px;
	position: relative;
	font-size: 14px;
	margin-bottom: 0;
	line-height: 20px;
	border: 1px solid #E4E4E4;
}

	.testimonial p:after, .testimonial p:before {
		top: 100%;
		left: 43px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
	}

	.testimonial p em {
		padding-left: 24px;
		display: inline-block;
	}

		.testimonial p em:before {
			content: "\f10d";
			font-family: "Roboto";
			font-size: 18px;
			position: absolute;
			left: 23px;
			top: 32px;
		}

	.testimonial p:after {
		border-color: rgba(255, 255, 255, 0);
		border-top-color: #f5f5f5;
		border-width: 10px;
		margin-left: -10px;
	}

	.testimonial p:before {
		border-color: rgba(228, 228, 228, 0);
		border-top-color: #E4E4E4;
		border-width: 11px;
		margin-left: -11px;
	}

.testimonial .thumbnail {
	float: left;
	margin: 0 15px 0 23px;
	border: 0;
	padding-top: 25px;
	background-color: transparent;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

	.testimonial .thumbnail img {
		border-radius: 50%;
		-webkit-border-radius: 50%;
		width: 40px !important;
		height: 40px;
	}

.testimonial .testimonial-name {
	padding-top: 25px;
	font-weight: bold;
}

	.testimonial .testimonial-name span {
		font-weight: normal;
		display: block;
		font-size: 12px;
	}

.testimonial-reverse p {
	background-color: #FFF;
	-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
}

	.testimonial-reverse p:after {
		border-top-color: #fff;
	}

.testimonial-primary p {
	color: #FFF;
	background-color: #2776dc;
	border: 0;
}

	.testimonial-primary p:after {
		border-top-color: #2776dc;
	}

.testimonial-danger p {
	color: #FFF;
	background-color: #e74c3c;
	border: 0;
}

	.testimonial-danger p:after {
		border-top-color: #e74c3c;
	}

.testimonial-success p {
	color: #FFF;
	background-color: #0E9A49;
	border: 0;
}

	.testimonial-success p:after {
		border-top-color: #0E9A49;
	}


/*---------- 17. Blockquote ----------*/
blockquote,
.blockquote-reverse {
	border-width: 3px;
	font-size: 13px;
	padding: 45px;
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #f5f5f5;
}

	.blockquote-reverse footer {
		text-align: right !important;
	}

	blockquote h4 {
		margin-bottom: 10px;
		text-transform: uppercase;
	}

	blockquote p {
		font-size: 13px;
		margin-top: 0 !important;
		margin-bottom: 30px !important;
	}

.blockquote-primary {
	border-color: #1356AD;
}

.blockquote-success {
	border-color: #1B8E1B;
}

.blockquote-danger {
	border-color: #731D14;
}

.blockquote-warning {
	border-color: #D07627;
}

.blockquote-info {
	border-color: #0E87D8;
}

	.blockquote-primary,
	.blockquote-danger,
	.blockquote-warning,
	.blockquote-success,
	.blockquote-info,
	.blockquote-primary footer,
	.blockquote-danger footer,
	.blockquote-warning footer,
	.blockquote-success footer,
	.blockquote-info footer,
	.blockquote-primary h4,
	.blockquote-danger h4,
	.blockquote-warning h4,
	.blockquote-succes h4,
	.blockquote-info h4 {
		color: #FFF !important;
	}

blockquote footer {
	background-color: transparent;
	border-top: 0;
	line-height: inherit;
	margin-top: 20px;
	padding: 0px 0px;
	text-align: left;
	width: auto;
	color: #6D6D6D !important;
}

/* --- clearfix --- */
.post-header:after, .post-header:before,
nav:after, nav:before,
section:after, section:before,
form:after, form:before,
.title:after, .title:before,
.headline:before, .headline:after,
.page-header:after, .page-header:before,
.forum .forum-group:after, .forum .forum-group:before,
.forum-post:after, .forum-post:before,
.forum-footer:after, .forum-footer:before {
	display: table;
	content: " ";
}

.post-header:after,
nav:after,
section:after,
.title:after,
form:after,
.headline:after,
.page-header:after,
.forum .forum-group:after,
.forum-post:after,
.forum-footer:after {
	clear: both;
}


/*---------- 18. Layouts ----------*/
.fixed-tab .tab-select.sticky {
	position: fixed;
	z-index: 960;
	top: 60px;
	left: 0;
	width: 100%;
	box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.05), inset 0 -1px 0 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.05), inset 0 -1px 0 0 rgba(0,0,0,0.15);
	-webkit-transition: 0s;
	transition: 0s;
	background-color: #fff;
}

.search-open.search-active {
	padding-top: 98px;
}

.fixed-header {
	padding-top: 60px;
	-webkit-transition: 0.25s;
	transition: 0.25s;
}

	.fixed-header header {
		position: fixed;
		z-index: 1010;
		top: 0;
	}

.header-scroll header {
	box-shadow: 0 0 4px 0 rgba(0,0,0, 0.7);
	-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0, 0.7);
}

.fixed-tab header,
.search-open header {
	box-shadow: none;
	-webkit-box-shadow: none;
}

/* --- wrapper --- */
#wrapper {
	min-height: 493px;
}


/*---------- 19. Header ----------*/
header {
	width: 100%;
	height: 60px;
	background: #f9f9f9; /* background: #1a1b1d; By Samir Shamoun*/
	position: relative;
	z-index: 999;
}

	header .logo {
		display: inline-block;
		float: left;
		height: 60px;
		line-height: 60px;
		padding: 0px 15px 0 37px;
		background: transparent !important;
	}

	header .container {
		position: relative;
	}
	header .container-fluid {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-around;
	}
	header ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	header a {
		line-height: 60px;
		padding: 0 12px;
		color: #fff;
		font-size: 15px;
		font-weight: 500;
		display: inline-block;
		text-decoration: none;
	}



	header ul li a i.fa-angle-down {
		margin-left: 5px;
	}

	header .nav-dropdown,
	header .nav-profile {
		display: inline-block;
		position: relative;
	}

		header .nav-dropdown .dropdown-menu {
			padding: 0 !important;
		}

	header .nav-right .dropdown-menu .dropdown-header {
		background-color: #fff;
		padding: 13px 10px 13px 25px;
		margin-bottom: 10px;
		font-size: 14px;
		font-weight: 500;
		border-bottom: 1px solid rgba(0,0,0, 0.08);
	}

	header .nav-dropdown .dropdown-menu .dropdown-header i {
		margin-right: 10px;
	}

	header .nav-dropdown .dropdown-menu .dropdown-footer {
		margin-top: 10px;
	}

		header .nav-dropdown .dropdown-menu .dropdown-footer a {
			color: rgba(0,0,0, 0.8);
			text-align: center;
			padding: 15px 0 !important;
			margin-top: 0px;
			border-top: 1px solid rgba(0,0,0, 0.08) !important;
			background-color: #fff !important;
			line-height: initial !important;
		}

	header .dropdown-menu .dropdown-header {
		color: #585858;
	}

	header .nav-dropdown .dropdown-menu {
		min-width: 260px !important;
	}

		header .nav-dropdown .dropdown-menu img {
			width: 32px;
			height: 32px;
			margin-right: 10px;
			border-radius: 30px;
			-webkit-border-radius: 30px;
		}

		header .nav-dropdown .dropdown-menu a {
			padding: 8px 10px;
			font-size: 15px;
			font-weight: 500;
			white-space: inherit;
			border-bottom: 1px solid rgba(0,0,0, 0.06);
			color: rgba(0,0,0, 0.7) !important;
			line-height: 35px !important;
		}

		header .nav-dropdown .dropdown-menu li:nth-child(6) a {
			border-bottom: 0;
		}

	header .nav-right {
		float: right;
		position: relative;
	}

		header .nav-right i {
			font-size: 15px;
		}

		header .nav-right > .dropdown > a > .label,
		header .nav-right > a > .label {
			position: absolute;
			top: 10px;
			right: 2px;
			border-radius: 50%;
			-webkit-border-radius: 50%;
			height: 17px;
			width: 17px;
			line-height: 17px;
			padding: 0;
			font-size: 11px;
		}

		header .nav-profile > a,
		header .nav-right a {
			font-size: 14px;
			padding: 0px 10px;
			font-weight: 400;
			line-height: 60px;
			border-radius: 0 !important;
			-webkit-border-radius: 0 !important;
			position: relative;
			display: inline-block;
			text-transform: inherit;
		}

	header .nav-profile > a {
		font-weight: 500;
		position: relative;
	}

	header .nav-right .dropdown-menu {
		margin: 0;
		padding: 5px 0;
		min-width: 180px;
		right: 0;
		left: auto;
		top: 60px;
		border-radius: 0;
		-webkit-border-radius: 0;
		border-width: 0 1px 1px 1px;
		border-style: solid;
		border-color: rgba(0,0,0, 0.13);
		box-shadow: 0 2px 10px 0 rgba(0,0,0, 0.1);
		-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0, 0.1);
	}

		header .nav-right .dropdown-menu li {
			padding: 0;
			margin-right: 0;
		}

			header .nav-right .dropdown-menu li.divider {
				margin: 5px 0px;
			}

		header .nav-right .dropdown-menu a {
			display: block;
			margin: 0;
			padding: 8px 23px;
			line-height: inherit;
			font-size: 13px;
			color: rgba(0,0,0, 0.7);
		}

	header .nav-right .nav-dropdown .dropdown-menu a {
		padding: 2px 23px;
		border: 0;
	}

	header .nav-right .dropdown-menu a:active,
	header .nav-right .dropdown-menu a:focus,
	header .nav-right .dropdown-menu a:hover {
		color: rgba(0,0,0, 0.7);
		background-color: rgba(245, 245, 245, 0.7);
	}

	header .dropdown-menu li .label {
		font-size: 10px;
		border-radius: 30px;
		-webkit-border-radius: 30px;
		padding: 5px 7px;
		position: absolute;
		top: 10px;
		right: 20px;
	}

	header .nav-right .nav-profile .dropdown-menu li .label {
		margin-top: -2px;
	}

	header .nav-right .dropdown-menu a i {
		color: rgba(0,0,0, 0.7);
		font-size: 13px;
		width: 22px;
		margin-right: 0;
	}

	header .nav-profile img {
		height: 30px;
		width: 30px;
		display: inline-block;
		border-radius: 50%;
		-webkit-border-radius: 50%;
	}

	header .nav-profile > a > span {
		display: inline-block;
		margin-left: 10px;
	}

		header .nav-profile > a > span:after {
			content: "\f078";
			font-size: 8px;
			font-family: "Roboto";
			margin-left: 6px;
			float: right;
		}


/*---------- 20. Navigation ----------*/
nav {
	display: inline-block;
	padding: 0;
	float: left;
}

	nav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

		nav ul li {
			float: left;
			padding: 0;
		}

			nav ul li a {
				color: #0d5487; /* Changed by Samir Shamoun color: #B1B1B1;*/
				font-size: 15px;
				font-weight: 500;
				position: relative;
			}

				nav ul li a.active,
				nav ul li a:hover,
				nav ul li a:focus,
				nav ul li a:active {
					color: #39a8e0; /*Changed by Samir shamoun color: #FFF;*/
				}

	nav > .nav-control > ul > li.dropdown > a:after {
		content: "\f078";
		font-size: 8px;
		font-family: "FontAwesome";
		margin-left: 6px;
		float: right;
	}

	nav > .nav-control > ul > li.dropdown > a:before {
		content: "";
		position: absolute;
		width: 100px;
		height: 8px;
		bottom: -8px;
		z-index: 998;
		left: 0;
	}

	nav ul li a i {
		font-size: 10px;
		display: inline-block;
	}

	nav ul li.dropdown.open > a {
		position: relative;
		color: #39a8e0; /*Change by Samir Shamoun color: #FFF;*/
	}

	nav ul li .dropdown-menu {
		background: #fff;
		margin-top: 0px;
		z-index: 999;
		top: 60px;
		padding: 12px 0 15px 0;
		min-width: 230px;
		border-width: 0 1px 1px 1px;
		border-style: solid;
		border-color: rgba(0,0,0, 0.15);
		border-radius: 0;
		-webkit-border-radius: 0;
		box-shadow: 0 2px 10px 0 rgba(0,0,0, 0.1);
		-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0, 0.1);
		-webkit-transition: transform 0.3s;
		transition: transform 0.3s;
	}

		nav ul li .dropdown-menu li a {
			font-weight: normal;
			padding: 8px 25px;
			margin: 0 !important;
			font-size: 13px !important;
			color: rgba(0,0,0, 0.7);
			line-height: inherit !important;
			text-shadow: none;
			text-transform: none;
			background-color: transparent;
			border: 0 !important;
			display: block;
			border-radius: 0;
			-webkit-border-radius: 0;
			-webkit-transition: 0s;
			transition: 0s;
		}

			nav ul li .dropdown-menu li a:hover,
			nav ul li .dropdown-menu li.active a,
			nav ul li .dropdown-menu li a:focus {
				color: rgba(0,0,0, 0.7);
				background-color: rgba(245, 245, 245, 0.7);
				-webkit-transition: 0s;
				transition: 0s;
				-webkit-border-radius: 0;
				-webkit-transition: 0s;
			}

		nav ul li .dropdown-menu > li {
			margin: 0;
			padding: 0;
			background: transparent;
			border-radius: 0px !important;
			-webkit-border-radius: 0px !important;
		}
	nav ul li .dropdown-nav-menu > li {
		width: 100%!important;
		cursor:pointer;
	}


	nav .container {
		position: relative;
	}

/* --- mega menu --- */
.mega-dropdown {
	position: static !important;
}

.mega-dropdown-menu {
	background-repeat: no-repeat !important;
	background-position: right -1px bottom -1px !important;
	background: #FFF;
	padding: 0 !important;
	width: 1140px;
	left: 15px;
	top: 60px;
	right: auto;
	z-index: 999;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: rgba(0,0,0, 0.15);
	box-shadow: 0 2px 10px 0 rgba(0,0,0, 0.1);
	-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0, 0.1);
	margin-top: 0px !important;
	position: absolute !important;
	border-radius: 0 !important;
}

.mega-dropdown-sm {
	position: relative !important;
}

	.mega-dropdown-sm .mega-dropdown-menu {
		width: auto !important;
		min-width: 550px;
		left: 0;
	}

.mega-dropdown-menu:after,
.mega-dropdown-menu:before {
	display: none;
}

.mega-dropdown-menu:after {
	border-bottom-color: #2a5d9f !important;
}

.mega-dropdown-menu:before {
	display: none;
}

.open .mega-dropdown-menu {
	display: table !important;
}

.mega-dropdown-menu > li {
	float: none;
	display: table-cell;
	vertical-align: top;
	box-shadow: 1px 0 0 0 rgba(0,0,0, 0.06);
	-webkit-box-shadow: 1px 0 0 0 rgba(0,0,0, 0.06);
}

	.mega-dropdown-menu > li > ul {
		padding: 0;
		margin: 0;
		position: relative;
		display: block;
		min-height: 100% !important;
		border-radius: 0 !important;
	}

		.mega-dropdown-menu > li > ul > li {
			list-style: none;
			float: none;
			padding-left: 1px;
		}

	.mega-dropdown-menu > li:first-child ul li {
		padding-left: 0;
	}

	.mega-dropdown-menu > li:last-child {
		box-shadow: none;
		-webkit-box-shadow: none;
	}

	.mega-dropdown-menu > li > ul > li:last-child {
		margin-bottom: 30px;
		box-shadow: none;
		-webkit-box-shadow: none;
	}

	nav ul li .dropdown-menu > li i,
	.mega-dropdown-menu > li ul > li i {
		margin: 0;
		padding: 0;
		width: 20px;
	}

.mega-dropdown-menu .dropdown-header {
	color: rgba(0,0,0, 0.7);
	font-size: 12px;
	font-family: "Roboto",sans-serif;
	font-weight: 600;
	padding: 18px 25px 10px 25px !important;
	margin: 10px 0 5px;
	text-transform: uppercase;
	display: block;
}

	.mega-dropdown-menu .dropdown-header:nth-child(7) {
		margin-top: 10px;
	}

/* --- category menu --- */
.open .mega-dropdown-menu.category {
	display: block;
}

.mega-dropdown-menu.category li {
	display: inline-block;
	float: left;
}

	.mega-dropdown-menu.category li a {
		padding: 15px;
	}

		.mega-dropdown-menu.category li a:hover,
		.mega-dropdown-menu.category li a:focus {
			background-color: transparent;
		}

			.mega-dropdown-menu.category li a:hover h3,
			.mega-dropdown-menu.category li a:focus h3 {
				color: #2776dc;
			}

	.mega-dropdown-menu.category li img {
		width: 100%;
	}

	.mega-dropdown-menu.category li .caption {
		margin-top: 15px;
		position: relative;
	}

		.mega-dropdown-menu.category li .caption .label {
			float: none;
			margin-left: 15px;
			margin-top: -53px;
			font-size: 11px;
			position: absolute;
			left: 0px;
			right: auto;
			top: auto;
			padding: 7px 8px;
			display: inline-block;
		}

		.mega-dropdown-menu.category li .caption h3 {
			display: inline-block;
			font-size: 15px;
			font-weight: 500 !important;
		}

		.mega-dropdown-menu.category li .caption p {
			display: block;
			width: 100%;
			font-size: 13px;
			line-height: 18px;
			margin: 3px 0 0px 0;
			color: #969696;
		}

/* --- three level menu --- */
.dropdown-submenu {
	position: relative;
	padding: 0 !important;
}
	.dropdown-submenu.open a {
		border-radius: 0 !important;
		background-color: rgba(245, 245, 245, 0.7);
	}

	.dropdown-submenu > a {
		position: relative;
	}

	.dropdown-submenu > .dropdown-menu:after,
	.dropdown-submenu > .dropdown-menu:before {
		display: none;
	}

	.dropdown-submenu > .dropdown-menu {
		display: none !important;
		top: 0px;
		left: 200px;
		border-radius: 0 !important;
		position: absolute;
		border-width: 1px;
		border-style: solid;
		border-color: rgba(0,0,0, 0.13);
		box-shadow: 0 2px 10px 0 rgba(0,0,0, 0.1);
		-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0, 0.1);
	}

	.dropdown-submenu:hover > .dropdown-menu {
		display: inherit !important;
		margin: 0 !important;
		border-radius: 0 !important;
	}

	.dropdown-submenu .dropdown-menu a {
		border-radius: 0 0 0 0 !important;
		background-color: #FFF;
		padding-left: 30px !important;
	}

		.dropdown-submenu .dropdown-menu a:hover {
			padding-left: 30px !important;
		}

	.dropdown-submenu.pull-left {
		float: none;
	}

		.dropdown-submenu.pull-left > .dropdown-menu {
			left: -100%;
			margin-left: 10px;
			-webkit-border-radius: 0 !important;
			-moz-border-radius: 0 !important;
			border-radius: 0 !important;
		}


/*---------- 21. Headline ----------*/
.headline {
	margin-bottom: 25px;
	margin-top: 0;
	padding-left: 0;
	padding-top: 0;
	display: block;
	text-align: left;
	border: 0;
}

	.headline h1,
	.headline h2,
	.headline h3,
	.headline h4 {
		font-weight: 700 !important;
		display: inline-block;
		float: left;
		text-transform: uppercase;
		padding-top: 12px;
	}

		.headline h4 i {
			margin-right: 10px;
		}

	.headline small {
		display: block !important;
		text-transform: initial;
		margin-top: 5px;
		color: rgba(0,0,0, 0.5);
	}

	.headline .dropdown {
		float: right;
		font-size: 14px;
		margin-left: 10px;
		margin-top: 1px;
	}

	.headline .dropdown-menu {
		text-transform: inherit !important;
	}

	.headline .btn-group {
		margin-left: 10px;
	}

	.headline .btn {
		text-transform: inherit;
	}

	.headline .form-control {
		float: right;
		display: inline-block;
		width: 250px;
		margin-left: 10px;
		height: 40px;
		margin-top: 1px;
	}


/*---------- 22. Cards ----------*/
.card {
	padding: 0;
	margin-bottom: 35px;
	display: block;
}

	.card .card-header {
		color: #FFF;
		font-weight: 400;
		font-size: 14px;
		padding: 10px 20px;
		border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		border-bottom: 1px solid rgba(0,0,0, 0.4);
	}

		.card .card-header i {
			margin-right: 7px;
		}

	.card.card-primary .card-header {
		background-color: #2776dc !important;
	}

	.card.card-success .card-header {
		background-color: #0E9A49 !important;
	}

	.card.card-danger .card-header {
		background-color: #e74c3c !important;
	}

	.card.card-warning .card-header {
		background-color: #FF8E2B !important;
	}

	.card.card-info .card-header {
		background-color: #52BAFF !important;
	}

	.card .card-img {
		position: relative;
		display: block;
	}

		.card .card-img img {
			width: 100%;
			height: auto;
			border-radius: 6px 6px 0 0;
			-webkit-border-radius: 6px 6px 0 0;
		}

	.card .category {
		position: absolute;
		bottom: 20px;
		left: 25px;
		color: #FFF;
		font-size: 14px;
	}

		.card .category i {
			margin-right: 8px;
		}

		.card .category .label {
			font-size: 11px;
			text-transform: uppercase;
			padding: 7px 10px;
			font-weight: 400;
			border-radius: 15px;
			-webkit-border-radius: 15px;
		}

	.card .meta {
		position: absolute;
		bottom: 20px;
		right: 25px;
		color: #FFF;
		font-size: 14px;
	}

		.card .time a,
		.card .meta a {
			color: #FFF;
		}

		.card .meta i {
			font-size: 18px;
			margin-left: 15px;
			margin-right: 10px;
		}

		.card .meta span {
			margin-top: -2px;
			display: inline-block;
			float: right;
		}

	.card .time {
		position: absolute;
		bottom: 17px;
		right: 20px;
		color: #FFF;
		font-size: 12px;
		background: rgba(0,0,0, 0.8);
		border-radius: 3px;
		-webkit-border-radius: 3px;
		padding: 2px 5px;
	}

	.card .card-title {
		font-size: 17px;
		font-family: "Roboto", sans-serif;
		font-weight: 500 !important;
		line-height: 1.1;
	}

	.card .caption {
		padding: 30px 25px;
		background: #FFF;
		border-width: 0 1px 1px 1px;
		border-style: solid;
		border-color: #DCDCDC;
		-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.07);
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.07);
		-webkit-transition: 0.25s;
		transition: 0.25s;
		color: #6D6D6D;
		border-radius: 0 0 6px 6px;
		-webkit-border-radius: 0 0 6px 6px;
	}

		.card .caption p {
			font-size: 14px;
			line-height: 20px;
			margin-bottom: 0px;
			margin-top: 20px;
		}



		.card .caption ul {
			font-size: 13px;
			list-style-type: none;
			padding: 0;
			margin: 5px 0 0 0;
		}

			.card .caption ul li:first-child {
				padding-left: 0;
			}

			.card .caption ul li {
				display: inline-block;
				padding-left: 15px;
			}

				.card .caption ul li i {
					margin-right: 5px;
				}

		.card .caption .meta {
			font-size: 12px;
		}

			.card .caption .meta i {
				margin-right: 5px;
			}

	.card.card-game .card-img {
		overflow: hidden;
	}
	/* --- card-video --- */
	.card.card-video {
		margin-bottom: 10px;
	}

		.card.card-video .caption,
		.card.card-video.active .caption,
		.card.card-video:hover .caption {
			padding: 14px 0;
			box-shadow: none;
			-webkit-box-shadow: none;
			border: 0;
			background-color: transparent;
		}

	.card .caption p {
		margin-top: 15px;
	}

.card-video-md {
	margin-bottom: 20px !important;
}

	.card-video-md .card-img a {
		display: block;
		overflow: hidden;
		max-height: 200px;
	}

.card-video .card-img img,
.card-game .card-img img {
	border-radius: 0;
	-webkit-border-radius: 0;
}

.card.card-video .caption ul {
	font-size: 12px;
	margin-top: 7px;
	color: #969696;
}
/* --- card-group --- */
.card-group .card {
	height: 260px;
	overflow: hidden;
	margin-bottom: 35px;
}

/* --- card-list --- */
.card-list {
	text-align: center;
	margin-bottom: 45px;
}

	.card-list .card-img {
		position: relative;
	}

	.card-list .caption p {
		font-size: 14px;
	}

	.card-list .card-img img {
		width: auto;
		border-radius: 0;
		-webkit-border-radius: 0;
	}

	.card-list .label {
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		bottom: -20px;
		border-radius: 50%;
		width: 46px;
		height: 45px;
		line-height: 45px;
		padding: 0;
		text-align: center;
		box-shadow: 0 2px 3px 0 rgba(0,0,0, 0.08);
		-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0, 0.08);
		font-size: 14px;
		font-weight: bold;
	}

	.card-list .caption {
		margin-top: 35px;
		padding: 0px;
		border: 0;
		box-shadow: none;
		-webkit-box-shadow: none;
		background: none;
	}

	.card-list:hover .caption {
		background-color: transparent !important;
		box-shadow: none;
		-webkit-box-shadow: none;
		color: #6D6D6D;
	}

.owl-carousel.owl-video {
	padding-left: 15px;
}

	.owl-carousel.owl-video .card {
		padding: 0 15px 0 0;
	}

.owl-carousel .card-list {
	margin: 0;
}

.card-list .card-title {
	margin-bottom: 15px;
	font-weight: normal !important;
	font-size: 18px;
}

.card-list .caption a {
	color: #4f4f4f;
}

	.card-list .caption a:hover {
		color: #2776dc;
	}
/* --- card-post --- */
.card-post {
	margin-bottom: 0px;
}

	.card-post .card-img {
		position: relative;
	}

	.card-post .caption p {
		font-size: 14px;
	}

	.card-post .card-img img {
		width: auto;
		border-radius: 0;
		-webkit-border-radius: 0;
	}

	.card-post ul li {
		font-size: 12px;
	}

	.card-post .card-title {
		margin-bottom: 5px;
	}

	.card-post .caption {
		padding: 15px 0 0 0;
		border: 0;
		box-shadow: none;
		-webkit-box-shadow: none;
		background: none;
	}

		.card-post .caption a {
			color: #4f4f4f;
		}

			.card-post .caption a:hover {
				color: #2776dc;
			}

.masonry .card .caption p {
	font-size: 13px;
}


/*---------- 23. Sections ----------*/
section {
	padding: 50px 0;
}

	section.half-section {
		padding: 0;
		background: #FFF;
		min-height: 600px;
		overflow: hidden;
		display: table;
		width: 100%;
	}

		section.half-section .col {
			display: table-cell;
			float: none;
			vertical-align: top;
		}

			section.half-section .col .half-bg {
				padding: 0;
				height: 100%;
				min-height: 100%;
				position: relative;
				background-size: cover;
				background-position: 100%;
			}

.background-image {
	position: relative;
	background-repeat: no-repeat;
	background-position: 100%;
	background-size: cover;
	padding: 80px 0;
	overflow: hidden;
}

	.background-image.parallax {
		background-position: 50% 0;
	}

	.background-image.full-height {
		height: 100%;
		width: 100%;
		background-position: 100%;
	}

.background-overlay {
	background: rgba(0,0,0,0.65);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
}

section.hero {
	height: 270px;
	position: relative;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	padding: 60px 0;
}

	section.hero .hero-bg {
		height: 100%;
		width: 100%;
		background: rgba(0,0,0,0.7);
		position: absolute;
		top: 0;
		z-index: 2;
	}

	section.hero .hero-bg-primary {
		height: 100%;
		width: 100%;
		background: rgba(39,118,220,0.9);
		position: absolute;
		top: 0;
		z-index: 2;
	}

	section.hero .container.relative {
		z-index: 3;
		height: 100%;
	}

	section.hero .breadcrumb {
		padding: 0;
		font-weight: 300 !important;
	}

		section.hero .breadcrumb > .active,
		section.hero .breadcrumb > li > a {
			color: #FFF;
		}

	section.hero > .container {
		text-align: center;
		position: absolute;
		z-index: 3;
		top: 0;
		bottom: 0;
		height: 100%;
		width: 100%;
		left: 0;
		right: 0;
		margin: auto;
		display: table;
	}

	section.hero.hero-panel {
		height: auto;
	}

		section.hero.hero-panel > .container {
			position: relative;
			text-align: left;
		}

	section.hero > .container .page-header {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		border: 0;
	}

section .page-title {
	color: #FFF;
	font-family: "Roboto", sans-serif;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 700;
}

section.hero.bg-white {
	height: 200px;
}

	section.hero.bg-white .breadcrumb > li > a,
	section.hero.bg-white .breadcrumb > .active,
	section.hero.bg-white .page-title {
		color: #4f4f4f;
	}

section.hero.cover {
	height: 300px;
}

	section.hero.cover .hero-bg {
		background: rgba(0,0,0,0.6);
	}

	section.hero.cover .page-title {
		position: absolute;
		bottom: -50px;
		left: 220px;
		font-size: 24px;
	}

		section.hero.cover .page-title .activity {
			font-size: 17px;
			color: #00c254;
			text-transform: inherit;
			position: relative;
			margin-left: 10px;
			display: inline-block;
			font-weight: bold;
		}

	section.hero.cover i {
		margin-right: 0px;
	}

	section.hero.cover .container {
		position: relative;
		width: 1170px;
	}

section.hero.hero-game {
	padding: 70px 0;
}

	section.hero.hero-game .page-header {
		margin: 20px 0 0 0;
		position: relative;
		text-align: center;
	}

	section.hero.hero-game .game-title {
		position: relative;
	}

	section.hero.hero-game .page-header .page-title {
		font-size: 30px;
		font-weight: 700;
	}

	section.hero.hero-game .btn {
		margin-top: 30px;
		text-transform: inherit;
	}

section.hero .profile-avatar {
	position: absolute;
	left: 15px;
	bottom: -150px;
}

	section.hero .profile-avatar .thumbnail {
		padding: 5px !important;
	}

	section.hero .profile-avatar img {
		width: 160px !important
	}

section.hero .page-title a {
	color: #FFF;
}

section.hero p {
	font-size: 14px;
	text-transform: initial;
	color: #FFF;
	font-weight: 300;
	margin-bottom: 30px;
}

section.hero.hero-review {
	height: 350px;
}

	section.hero.hero-review > .container {
		width: 1000px;
	}

	section.hero.hero-review .btn-circle {
		font-size: 26px;
		width: 80px;
		height: 80px;
		line-height: 80px;
	}

	section.hero.hero-games > .container .page-header,
	section.hero.hero-review > .container .page-header {
		vertical-align: bottom;
	}

	section.hero.hero-review .page-title a {
		color: #FFF;
	}

	section.hero.hero-games .page-title,
	section.hero.hero-review .page-title {
		margin-top: 30px;
		font-weight: bold;
	}

	section.hero.hero-review p {
		font-size: 14px;
		text-transform: initial;
		color: #FFF;
		font-weight: 300;
		margin-bottom: 30px;
	}

section#video {
	height: 760px;
	background-color: #0C0D0E;
}

.image-right {
	position: absolute;
	max-width: inherit;
}


/*---------- 24. Posts ----------*/
.post {
	text-align: left;
	margin-bottom: 60px;
	padding-bottom: 40px;
	border-bottom: 1px solid #eeeeee;
}

.post-fl {
	border: 0;
	padding-bottom: 0;
}

.post .post-header {
	margin: 0px 0 20px 0;
}

.post .post-title a {
	color: rgba(39, 39, 39, 0.8);
	text-decoration: none;
}

.post-thumbnail {
	margin-bottom: 10px;
	/*	margin-bottom: 30px;
*/ position: relative;
}

	.post-thumbnail img {
		width: 100%;
	}

	.post-thumbnail .label {
		position: absolute;
		bottom: 15px;
		left: 15px;
	}

	.post-thumbnail .meta a {
		color: #FFF;
	}

	.post-thumbnail .meta {
		position: absolute;
		bottom: 15px;
		right: 20px;
		color: #FFF;
		font-size: 14px;
	}

.post .post-caption {
	background-color: #141619;
	padding: 6px 13px;
	color: #FFF;
	position: absolute;
	font-size: 14px;
	bottom: 20px;
	left: 20px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}

.post .post-title h1,
.post .post-title h2,
.post .post-title h3,
.post .post-title h4,
.post .post-title h5,
.post .post-title h6 {
	margin-bottom: 0;
	font-weight: 700 !important;
}

.post.post-single .post-title h1,
.post.post-single .post-title h2,
.post.post-single .post-title h3,
.post.post-single .post-title h4,
.post.post-single .post-title h5,
.post.post-single .post-title h6 {
	text-transform: uppercase;
}

.post .post-header.post-author {
	margin-top: 0px;
}

	.post .post-header.post-author .author {
		float: left;
		display: inline-block;
	}

	.post .post-header.post-author img {
		float: left;
		width: 56px;
		height: 56px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
	}

	.post .post-header.post-author .post-title {
		float: left;
		width: 85%;
		padding-left: 20px;
	}

.post .post-title h2 {
	font-size: 26px;
}

.post .post-meta {
	list-style-type: none;
	margin-top: 5px;
	padding: 0;
	font-size: 13px;
}

	.post .post-meta,
	.post .post-meta a {
		color: rgba(0,0,0,.5);
		font-weight: 400;
	}

		.post .post-meta a:hover,
		.post .post-title a:hover {
			color: #2776dc;
		}

		.post .post-meta i {
			margin-right: 5px;
		}

		.post .post-meta li {
			display: inline;
		}

			.post .post-meta li:after {
				content: "//";
				margin: 0 6px;
			}

			.post .post-meta li:last-child:after {
				content: "";
			}

.post .post-content {
	color: #5b5e65;
	font-size: 14px;
	line-height: 24px;
	padding: 25px 0px 0px 0px;
}

/* --- post large --- */
.post.post-lg {
	margin-bottom: 50px;
	padding-bottom: 20px;
}

	.post.post-lg .post-title h2 {
		font-size: 28px;
	}

	.post.post-lg .post-header {
		margin-top: 0;
	}

/* --- post md --- */
.post-md {
	margin-bottom: 30px;
	padding-bottom: 0px;
}

	.post-md h4 {
		font-size: 20px;
	}

	.post-md p {
		font-size: 14px;
		line-height: 21px;
	}

	.post-md .post-caption {
		background-color: #141619;
		padding: 8px 12px;
		color: #FFF;
		position: absolute;
		left: 15px;
		bottom: 15px;
		font-size: 13px;
	}

	.post-md .post-meta {
		margin-bottom: 0;
	}

	.post-md .post-header {
		margin: 0 0 20px 0;
	}

	.post-md .post-date {
		margin-right: 20px;
	}

	.post-md .btn {
		margin: 20px 0 0 0;
	}

.post-grid .card .caption {
	margin-bottom: 0;
}

/* --- post single --- */
.post.post-single {
	padding-bottom: 0px;
	margin-bottom: 30px;
	border-bottom: 0;
}

	.post.post-single .post-header span.label {
		margin: 7px 10px 0 -70px;
		padding: 15px 0px;
		text-align: center;
		width: 40px;
		border-radius: 0;
		-webkit-border-radius: 0;
		display: block;
	}

.masonry .post p,
.post.single p {
	margin-bottom: 30px;
}

/* --- post carousel --- */
.post-carousel {
	height: auto;
	overflow: hidden;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #000;
	padding-right: 1px;
}

	.post-carousel a.link {
		display: block;
		height: 100%;
	}

	.post-carousel img {
		width: 100%;
		opacity: 0.9;
		-webkit-transition: 0.25s;
		transition: 0.25s;
		max-width: inherit;
	}

	.post-carousel:hover img {
		opacity: 1;
	}

	.post-carousel .overlay {
		display: block;
		height: 100%;
		width: 100%;
		bottom: 0;
		position: absolute;
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
		-webkit-transition: background 0.25s linear;
		transition: background 0.25s linear;
	}

	.post-carousel .caption {
		bottom: 10px;
		left: 0px;
		padding: 0 30px;
		width: 100%;
		position: absolute;
	}

		.post-carousel .caption p {
			display: block;
			color: #E4E4E4;
			font-size: 13px;
			font-weight: 300;
			color: rgba(255,255,255, 0.7);
		}

	.post-carousel span.label {
		font-size: 11px;
		float: left;
		margin-right: 10px;
	}

	.post-carousel .post-title {
		display: block;
		width: 100%;
		margin-top: 40px;
	}

		.post-carousel .post-title h4 {
			color: #FFF;
			font-weight: 600 !important;
			font-size: 21px;
			line-height: 24px;
			display: block;
		}

	.post-carousel .comments {
		float: right;
		display: inline-block;
		margin-top: 0;
		color: #FFF;
	}

		.post-carousel .comments a {
			color: #FFF;
		}

/* --- post review--- */
.post-review {
	margin-bottom: 30px;
	padding-bottom: 0px;
}

	.post-review h4 {
		font-size: 20px;
	}

	.post-review p {
		font-size: 14px;
		line-height: 22px;
	}

	.post-review .post-caption {
		background-color: #141619;
		padding: 12px 12px;
		color: #FFF;
		position: absolute;
		left: 15px;
		bottom: 15px;
		font-size: 13px;
	}

	.post-review .post-meta {
		margin-bottom: 0;
	}

	.post-review .post-header {
		margin: 0 0 20px 0;
	}

	.post-review .post-date {
		margin-right: 20px;
	}

	.post-review .btn {
		margin: 30px 0;
	}

	.post-review .post-header .label {
		float: left;
		margin-right: 10px;
		height: 45px;
		width: 40px;
		line-height: 45px;
		border-radius: 0;
		-webkit-border-radius: 0;
		font-weight: bold;
		padding: 0;
		font-size: 15px;
		text-align: center;
	}

	.post-review .post-thumbnail .label {
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		bottom: -20px;
		border-radius: 50%;
		width: 46px;
		height: 45px;
		line-height: 45px;
		padding: 0;
		text-align: center;
		box-shadow: 0 2px 3px 0 rgba(0,0,0, 0.08);
		-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0, 0.08);
		font-size: 14px;
		font-weight: bold;
	}

	.post-review .btn {
		margin: 15px 0 0 0;
	}

/* --- post block --- */
.post-block {
	height: auto;
	overflow: hidden;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #000;
	position: relative;
}

	.post-block a.link {
		display: block;
		height: 100%;
	}

	.post-block img {
		width: 100%;
		-webkit-transition: 0.25s;
		transition: 0.25s;
		max-width: 100%;
		max-height: 610px;
	}

	.post-block .overlay {
		display: block;
		height: 100%;
		width: 100%;
		bottom: 0;
		left: 0;
		position: absolute;
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
		-webkit-transition: background 0.25s linear;
		transition: background 0.25s linear;
	}

	.post-block .caption {
		bottom: 10px;
		left: 0px;
		padding: 0 35px;
		width: 100%;
		position: absolute;
	}

		.post-block .caption p {
			display: block;
			color: #E4E4E4;
			font-size: 13px;
			font-weight: 300;
			color: rgba(255,255,255, 0.7);
		}

	.post-block span.label {
		font-size: 11px;
		float: left;
		margin-right: 10px;
	}

	.post-block .post-title {
		display: block;
		width: 100%;
		margin-top: 40px;
	}

		.post-block .post-title h4 {
			color: #FFF;
			font-weight: 600 !important;
			font-size: 21px;
			line-height: 24px;
			display: block;
		}

	.post-block.first span.label {
		float: right;
		margin-right: 0;
	}

	.post-block.first .caption {
		padding: 0 40px;
		text-align: right;
	}

	.post-block.first .post-title {
		margin-top: 30px;
	}

		.post-block.first .post-title h4 {
			font-size: 30px;
			line-height: 34px;
		}

	.post-block .comments {
		float: right;
		display: inline-block;
		margin-top: 0;
		color: #FFF;
	}

		.post-block .comments a {
			color: #FFF;
		}

.post-block-carousel .post-block {
	background: #000;
}

	.post-block-carousel .post-block img {
		opacity: 0.4;
	}

	.post-block-carousel .post-block.first {
		margin-bottom: 0;
	}

		.post-block-carousel .post-block.first span.label {
			float: left;
		}

	.post-block-carousel .post-block .caption {
		padding: 0 30px;
		bottom: 20px;
	}

	.post-block-carousel .post-block .post-title {
		margin-top: 40px;
	}

.post-block-carousel .post-block {
	margin-bottom: 30px;
}

	.post-block-carousel .post-block.first .caption {
		text-align: left;
		padding: 0 40px;
		bottom: 20px;
	}

.post-block-carousel .post-title h4 {
	color: #FFF;
	font-weight: 600 !important;
	font-size: 18px;
	line-height: 24px;
	display: block;
}

.post-block-carousel .post-block.first .post-title h4 {
	font-size: 30px;
	line-height: 34px;
}

/* --- post panel --- */
.panel.panel-post {
	margin-bottom: 40px;
}

	.panel.panel-post .panel-body {
		padding: 0;
	}

	.panel.panel-post .post {
		padding: 20px;
		margin: 0px;
		border-bottom: 0;
	}

		.panel.panel-post .post .post-header.post-author img {
			width: 55px;
			height: 55px;
		}

		.panel.panel-post .post .post-header.post-author .post-title {
			padding-left: 15px;
			text-transform: inherit;
		}

		.panel.panel-post .post .post-header {
			margin-bottom: 15px;
		}

		.panel.panel-post .post .post-thumbnail {
			margin-bottom: 20px;
		}

.post-action {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.post-action {
	margin-left: 10px;
}

	.post-action li {
		display: inline-block;
	}

		.post-action li a {
			font-size: 13px;
			color: rgba(0,0,0, 0.6);
			display: inline-block;
			margin: 0 20px 0 0px;
			font-weight: 400;
		}

			.post-action li a.active,
			.post-action li a:focus,
			.post-action li a:hover {
				color: #2776dc;
			}

			.post-action li a i {
				margin-right: 5px;
			}

/* --- profile --- */
.profile-nav {
	padding: 0;
}

	.profile-nav .tab-select .container {
		padding: 0 0 0 220px;
	}

	.profile-nav ul li a span {
		font-weight: 300 !important;
		font-size: 14px;
	}

/* --- forum --- */
.forum {
	list-style-type: none;
	padding: 0;
	margin: 0 0 40px 0;
	background: #FFF;
	border: 1px solid #E4E4E4;
	-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

	.forum .forum-group {
		color: #636363;
		margin-top: 0px;
		line-height: 40px;
		padding: 20px 20px 15px 20px;
		border-bottom: 1px solid #E4E4E4;
	}

		.forum .forum-group:last-child {
			border-bottom: 0;
		}

		.forum .forum-group .forum-icon {
			padding-right: 0px;
			vertical-align: middle;
			float: left;
			width: 20px;
			height: 40px;
			line-height: 40px;
			text-align: center;
			position: relative;
			margin-right: 22px;
		}

			.forum .forum-group .forum-icon i {
				font-size: 23px;
			}

			.forum .forum-group .forum-icon .label {
				position: absolute;
				top: 0;
				font-size: 10px;
				padding: 3px;
			}

				.forum .forum-group .forum-icon .label.icon {
					right: -10px;
					padding: 4px;
				}

				.forum .forum-group .forum-icon .label i {
					font-size: 11px;
				}

		.forum .forum-group p {
			font-size: 13px;
			margin-bottom: 0;
		}

	.forum .forum-title h4 {
		font-size: 15px;
		font-weight: 500 !important;
	}

	.forum .forum-title {
		float: left;
	}

		.forum .forum-group a,
		.forum .forum-title a {
			color: #636363;
		}

			.forum .forum-group .forum-activity div h4 a:hover,
			.forum .forum-group a:hover,
			.forum .forum-group a:focus,
			.forum .forum-group a:active,
			.forum .forum-title a:hover,
			.forum .forum-title a:focus,
			.forum .forum-title a:active {
				color: #2776dc;
			}

	.forum .forum-group .forum-meta {
		font-size: 13px;
		float: right;
		margin-left: 30px;
		color: #808080;
		text-align: right;
		min-width: 60px;
	}

	.forum .forum-group .forum-activity {
		float: right;
		width: 210px;
		margin-left: 35px;
		padding-top: 2px;
	}

		.forum .forum-group .forum-activity a {
			display: inline-block;
			float: left;
		}

		.forum .forum-group .forum-activity img {
			height: 30px;
			width: 30px;
			border-radius: 50%;
			-webkit-border-radius: 50%;
			float: left;
			margin-right: 10px;
		}

		.forum .forum-group .forum-activity div {
			display: inline-block;
			text-align: left;
			float: left;
		}

			.forum .forum-group .forum-activity div h4 {
				font-size: 13px;
				font-weight: 500 !important;
				line-height: initial;
				margin-bottom: 3px;
				display: block;
			}

				.forum .forum-group .forum-activity div h4 a {
					color: #848484;
					display: block;
					float: none;
				}

			.forum .forum-group .forum-activity div span {
				font-size: 12px;
				display: block;
				line-height: initial;
				color: #696969;
			}

				.forum .forum-group .forum-activity div span a {
					color: #696969;
					float: none;
				}

	.forum .forum-group.lock .forum-title a {
		color: #A9A9A9;
	}

	.forum .forum-group.lock .forum-activity img {
		opacity: 0.3;
	}

	.forum .forum-group.lock .forum-threads,
	.forum .forum-group.lock .forum-meta,
	.forum .forum-group.lock .forum-activity .forum-activity-meta h4 a,
	.forum .forum-group.lock .forum-activity .forum-activity-meta span a,
	.forum .forum-group.lock .forum-activity .forum-activity-meta span {
		color: #A9A9A9;
	}

	.forum .forum-group.lock {
		color: #A9A9A9;
		background-color: rgba(0,0,0, 0.02);
	}

.forum-post {
	margin-bottom: 30px;
	background: #FFF;
	border: 1px solid #E4E4E4;
	-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

	.forum-post .forum-panel {
		padding: 30px 25px;
		display: table;
	}

	.forum-post .forum-user {
		display: table-cell;
		vertical-align: top;
		width: 110px;
		padding-right: 30px;
		text-align: center;
	}

		.forum-post .forum-user .avatar {
			display: inline-block;
			position: relative;
		}

			.forum-post .forum-user .avatar .label {
				padding: 6px;
				border-radius: 50%;
				-webkit-border-radius: 50%;
				position: absolute;
				right: 0;
				bottom: 0;
				z-index: 2;
				display: inline-block;
				border: 2px solid #FFF;
			}

		.forum-post .forum-user div {
			padding-top: 10px;
		}

			.forum-post .forum-user div span {
				font-size: 12px;
				color: #777777;
				display: block;
			}

			.forum-post .forum-user div a {
				font-weight: 600;
				font-size: 14px;
				color: #636363;
				display: block;
				margin-bottom: 10px;
			}

				.forum-post .forum-user div a:hover {
					color: #2776dc;
				}

	.forum-post .forum-body {
		display: table-cell;
		vertical-align: top;
		font-size: 14px;
	}

		.forum-post .forum-body p:last-child {
			margin-bottom: 0;
		}

	.forum-post .forum-user img {
		width: 60px;
		height: 60px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
	}

	.forum-post .forum-footer {
		display: block;
		padding: 10px 20px;
		border-top: 1px solid #E4E4E4;
	}

		.forum-post .forum-footer .post-action {
			float: left;
		}

		.forum-post .forum-footer .post-meta {
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-size: 13px;
			color: rgba(0,0,0, 0.6);
			display: inline-block;
			margin: 0 20px 0 0px;
			float: right;
			font-weight: 400;
		}

			.forum-post .forum-footer .post-meta li {
				display: inline-block;
				margin-left: 10px;
			}

			.forum-post .forum-footer .post-meta i {
				margin-right: 5px;
			}

	.forum-post h1,
	.forum-post h2,
	.forum-post h3,
	.forum-post h4,
	.forum-post h5,
	.forum-post h6 {
		margin-bottom: 20px;
	}

/* --- attachment --- */
.attachment {
	background: #F9F9F9;
	padding: 30px 40px;
	margin-top: 30px;
}

	.attachment h4 {
		font-weight: 300 !important;
		font-size: 16px;
		text-transform: uppercase;
		margin-bottom: 10px;
	}

	.attachment a {
		font-weight: bold;
		color: #2776dc;
	}

		.attachment a:hover {
			color: #313131;
		}

		.attachment a i {
			margin-right: 5px;
			color: #6D6D6D;
		}

	.attachment span {
		display: block;
		font-size: 13px;
		margin-top: 5px;
	}

/* --- text editor --- */
.note-editor.note-frame {
	border: 0 !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.panel-heading.note-toolbar {
	padding: 5px 0 10px 15px !important;
}

.note-editor.note-frame .note-editing-area .note-editable {
	padding: 10px 20px !important;
}

.note-icon-font.note-recent-color {
	background-color: transparent !important;
}

/*---------- 25. Widgets ----------*/
.widget {
	margin-bottom: 10px;
	margin-top: 10px;
	/*margin-bottom: 50px;*/
}

	.widget:last-child {
		margin-bottom: 0px;
	}

	.widget:first-child .panel {
		margin-top: 0;
	}

	.widget .title {
		padding: 2px 0 2px 20px;
		border: 0;
		font-size: 16px;
		text-align: left;
		margin: 0 0 25px 0;
		font-weight: 700;
		text-transform: uppercase;
		color: rgba(0,0,0, 0.7);
		border-left: 4px solid #2776dc;
	}

/* --- widget list --- */
.widget-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.widget-list ul li {
		display: block;
		padding: 15px 0;
	}

		.widget-list ul li:first-child {
			padding-top: 0px;
		}

		.widget-list ul li:last-child {
			border-bottom: 0;
			padding-bottom: 0;
		}

		.widget-list ul li .thumb {
			display: inline-block;
			width: 40px;
			height: 40px;
			vertical-align: top;
			margin-right: 10px;
		}

			.widget-list ul li .thumb img {
				width: 100%;
			}

		.widget-list ul li .widget-list-title {
			margin-bottom: 0;
			font-size: 15px;
		}

		.widget-list ul li .widget-list-meta p {
			margin: 5px 0 0 0px;
			font-size: 13px;
			line-height: 19px;
		}

		.widget-list ul li .widget-list-meta i {
			margin-right: 5px;
		}

		.widget-list ul li .widget-list-meta {
			display: inline-block;
			vertical-align: middle;
		}

/* --- widget tabs --- */
.widget .tab-select {
	position: relative !important;
}

	.widget .tab-select .nav-tabs > li > a {
		padding-top: 0;
	}

.widget .tab-content {
	background-color: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
	padding: 20px 0;
	border: 0;
}

/* --- widget game --- */
.widget-game {
	color: #FFF;
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000;
	background-size: cover;
}

	.widget-game .progress {
		margin-bottom: 15px;
	}

	.widget-game .label.circle {
		border-radius: 50%;
		width: 46px;
		height: 45px;
		line-height: 45px;
		padding: 0;
		text-align: center;
		box-shadow: 0 2px 3px 0 rgba(0,0,0, 0.08);
		-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0, 0.08);
		font-size: 14px;
		font-weight: bold;
	}

	.widget-game .chart-align {
		text-align: center;
		width: 100%;
		margin-bottom: 20px;
	}

	.widget-game .chart .percent {
		color: #FFF;
	}

	.widget-game .label {
		font-size: 10px;
		margin-top: 10px;
	}

	.widget-game .title {
		color: #FFF;
		border: 0;
		padding-left: 0;
		margin-bottom: 30px;
		font-size: 22px;
		line-height: 22px;
	}

	.widget-game .overlay {
		position: relative;
		border-radius: 3px;
		padding: 30px;
		background: rgba(0,0,0,0.7);
		height: 100%;
	}

	.widget-game .description {
		color: #FFF;
		padding: 0 0px;
		font-size: 13px;
		line-height: 22px;
		margin-top: 30px;
	}

		.widget-game .description h3 {
			color: #FFF;
			font-weight: bold !important;
			margin-bottom: 20px;
		}

/* --- widget panel --- */
.widget .panel {
	margin-top: -10px;
}

	.widget .panel .panel-heading {
		font-weight: bold;
	}

.panel-list-bordered,
.panel-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

	.panel-list li {
		margin-top: 10px;
	}

		.panel-list li i {
			margin-right: 5px;
			width: 13px;
		}

	.panel-list-bordered li:last-child a {
		border-bottom: 0;
	}

	.panel-list-bordered li a {
		color: rgba(0,0,0, 0.7);
		font-size: 13px;
		font-weight: 400;
		padding: 10px 20px;
		border-bottom: 1px solid rgba(0,0,0, 0.06);
		display: block;
	}

		.panel-list-bordered li a:hover {
			background-color: rgba(0,0,0, 0.02);
		}

	.panel-list-bordered li i {
		margin-right: 5px;
		width: 16px;
	}

/* --- widget friends --- */
.widget-friends .panel .panel-body {
	padding: 15px 20px 10px 20px;
}

.widget-friends ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

	.widget-friends ul li {
		display: inline-block;
		margin-right: 3px;
		margin-bottom: 5px;
	}

		.widget-friends ul li:nth-child(4n) {
			margin-right: 0;
		}

.widget-friends a {
	display: inline-block;
}

.widget-friends img {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 50px;
	height: 50px;
}

/* --- widget card --- */
.widget .card {
	margin-bottom: 20px !important;
	height: auto !important;
}

	.widget .card .card-img img {
		border-radius: 0;
		-webkit-border-radius: 0;
		width: 100%;
	}

	.widget .card .caption {
		padding: 12px 0 12px 0 !important;
		box-shadow: none !important;
		-webkit-box-shadow: none !important;
		background: transparent;
		border: 0 !important;
	}

	.widget .card .card-title {
		font-size: 16px;
	}

/* --- widget games --- */
.widget.widget-games ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	color: #FFF;
}

	.widget.widget-games ul li {
		height: 100px;
		background-size: cover;
		background-position: top left;
		background-repeat: no-repeat;
		background-color: #000;
		border-bottom: 1px solid #000;
	}

		.widget.widget-games ul li .overlay {
			display: block;
			height: 100%;
			position: relative;
			padding: 0 20px;
			background: -moz-linear-gradient(left, rgba(0,0,0,0.89) 0%, rgba(0,0,0,0.89) 21%, rgba(0,0,0,0.23) 99%, rgba(0,0,0,0.23) 100%);
			background: -webkit-linear-gradient(left, rgba(0,0,0,0.89) 0%,rgba(0,0,0,0.89) 21%,rgba(0,0,0,0.23) 99%,rgba(0,0,0,0.23) 100%);
			background: linear-gradient(to right, rgba(0,0,0,0.89) 0%,rgba(0,0,0,0.89) 21%,rgba(0,0,0,0.23) 99%,rgba(0,0,0,0.23) 100%);
			-webkit-transition: 0.25s;
			transition: 0.25s;
		}

			.widget.widget-games ul li .overlay:hover {
				background: -moz-linear-gradient(left, rgba(0,0,0,0.49) 0%, rgba(0,0,0,0.49) 21%, rgba(0,0,0,0.23) 99%, rgba(0,0,0,0.23) 100%);
				background: -webkit-linear-gradient(left, rgba(0,0,0,0.49) 0%,rgba(0,0,0,0.49) 21%,rgba(0,0,0,0.23) 99%,rgba(0,0,0,0.23) 100%);
				background: linear-gradient(to right, rgba(0,0,0,0.49) 0%,rgba(0,0,0,0.49) 21%,rgba(0,0,0,0.23) 99%,rgba(0,0,0,0.23) 100%);
				-webkit-transition: 0.25s;
				transition: 0.25s;
			}

		.widget.widget-games ul li .game-title {
			color: #FFF;
			font-weight: 700 !important;
			display: block;
		}

		.widget.widget-games ul li .game-meta span {
			margin-top: 5px;
			font-size: 11px;
			display: inline-block;
			color: rgba(255,255,255, 0.6);
		}

		.widget.widget-games ul li .number {
			display: inline-block;
			vertical-align: middle;
			line-height: 90px;
			font-size: 30px;
			font-weight: bold;
			float: left;
			color: rgba(255,255,255, 0.6);
			margin-right: 25px;
		}

		.widget.widget-games ul li .game-meta {
			width: 80%;
			float: left;
			padding-top: 30px;
			vertical-align: middle;
			display: inline-block;
		}

/* --- tags --- */
.tags > a {
	padding: 7px 12px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	border: 1px solid rgba(0,0,0,.1);
	color: rgba(0,0,0,.7);
	display: inline-block;
	margin: 0 5px 10px 0;
	font-size: 11px;
	font-weight: 400;
	text-transform: lowercase;
	background-color: #FFF;
}

	.tags > a.active,
	.tags > a:hover {
		text-decoration: none;
		border-color: #2776dc;
		color: #fff;
		background-color: #2776dc;
	}

	.tags > a i {
		margin-left: 5px;
	}

.tags.filter > a {
	margin-bottom: 0;
}

/* --- share --- */
.share {
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: right;
}

	.share li {
		display: inline;
	}

		.share li span {
			background-color: #FFF;
			border: 1px solid rgba(0,0,0, 0.1);
			display: inline-block;
			font-size: 11px;
			padding: 5px 8px;
			margin-right: 5px;
			margin-left: 8px;
			position: relative;
		}

			.share li span:after, .share li span:before {
				right: 100%;
				top: 50%;
				border: solid transparent;
				content: " ";
				height: 0;
				width: 0;
				position: absolute;
			}

			.share li span:after {
				border-color: rgba(255, 255, 255, 0);
				border-right-color: #FFF;
				border-width: 5px;
				margin-top: -5px;
			}

			.share li span:before {
				border-color: rgba(230, 230, 230, 0);
				border-right-color: #e6e6e6;
				border-width: 6px;
				margin-top: -6px;
			}

/* --- rating --- */
.rating {
	unicode-bidi: bidi-override;
	direction: rtl;
	font-size: 20px;
}

	.rating span.star {
		font-family: Roboto;
		font-weight: normal;
		font-style: normal;
		display: inline-block;
	}

		.rating span.star:hover {
			cursor: pointer;
		}

			.rating span.star.active:before,
			.rating span.star:hover:before,
			.rating span.star:hover ~ span.star:before {
				content: "\f005";
				color: #FFA700;
			}

		.rating span.star.active:hover:before,
		.rating span.star:before {
			content: "\f005";
			padding-right: 5px;
			color: #FFF;
		}

/* --- twitter --- */
#twitter ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #FFF;
}

	#twitter ul li {
		position: relative;
	}

		#twitter ul li a {
			font-weight: 600;
		}

		#twitter ul li:before {
			content: "\f099";
			font-family: "Roboto";
			float: left;
			margin-right: 10px;
			color: rgba(0,0,0, 0.7);
			position: absolute;
			left: 15px;
			top: 10px;
			font-size: 14px;
		}

		#twitter ul li:last-child {
			border-bottom: 0;
		}

		#twitter ul li .user {
			margin-bottom: 0px;
			font-size: 13px;
			display: block;
			border-width: 1px 1px 0 1px;
			border-color: rgba(0, 0, 0, 0.1);
			border-style: solid;
			padding: 8px 15px 8px 35px;
		}

			#twitter ul li .user span:nth-child(2) {
				display: none;
			}

	#twitter ul p {
		font-size: 13px;
		line-height: 21px;
	}

		#twitter ul p.tweet {
			margin: 0;
			position: relative;
			overflow: hidden;
			border: 1px solid rgba(0,0,0, 0.1);
			padding: 10px 15px;
		}

			#twitter ul p.tweet:after, #twitter ul p.tweet:before {
				bottom: 100%;
				left: 40px;
				border: solid transparent;
				content: " ";
				height: 0;
				width: 0;
				position: absolute;
			}

			#twitter ul p.tweet:after {
				border-color: rgba(255, 255, 255, 0);
				border-bottom-color: #FFF;
				border-width: 10px;
				margin-left: -10px;
			}

			#twitter ul p.tweet:before {
				border-color: rgba(0, 0, 0, 0);
				border-bottom-color: rgba(0,0,0, 0.2);
				border-width: 11px;
				margin-left: -11px;
			}

		#twitter ul p.timePosted:before {
			content: "\f017";
			font-family: "Roboto";
			float: left;
			margin-right: 5px;
			font-size: 10px;
		}

		#twitter ul p.timePosted a {
			font-weight: normal;
		}

		#twitter ul p.timePosted {
			margin-bottom: 0;
			font-size: 11px;
			position: relative;
			-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
			box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
			display: block;
			border-width: 0 1px 1px 1px;
			border-color: rgba(0, 0, 0, 0.1);
			border-style: solid;
			padding: 5px 15px;
		}

		#twitter ul p.interact {
			display: none;
		}

#twitter img {
	display: none;
}

.tco-hidden {
	display: none;
}

/* --- timeline --- */
.timeline {
	list-style: none;
	padding: 0px;
	position: relative;
}

	.timeline:before {
		top: 0;
		bottom: 0;
		position: absolute;
		content: " ";
		width: 1px;
		background-color: rgba(0,0,0, 0.05);
		left: 50%;
		margin-left: -1.5px;
	}

	.timeline > li img {
		width: 100%;
	}

	.timeline > li {
		margin-bottom: 60px;
		position: relative;
		width: 50%;
		float: left;
		clear: left;
	}

		.timeline > li:before,
		.timeline > li:after {
			content: " ";
			display: table;
		}

		.timeline > li:after {
			clear: both;
		}

		.timeline > li:before,
		.timeline > li:after {
			content: " ";
			display: table;
		}

		.timeline > li:after {
			clear: both;
		}

		.timeline > li > .timeline-panel {
			width: 95%;
			float: left;
			background: #FFF;
			position: relative;
			border: 1px solid rgba(0,0,0, 0.15);
			box-shadow: 0 2px 6px 0 rgba(0,0,0, 0.1);
			-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0, 0.1);
		}

			.timeline > li > .timeline-panel:before {
				position: absolute;
				top: 15px;
				right: -8px;
				display: inline-block;
				border-top: 8px solid transparent;
				border-left: 8px solid #ccc;
				border-right: 0 solid #ccc;
				border-bottom: 8px solid transparent;
				content: " ";
			}

			.timeline > li > .timeline-panel:after {
				position: absolute;
				top: 16px;
				right: -7px;
				display: inline-block;
				border-top: 7px solid transparent;
				border-left: 7px solid #fff;
				border-right: 0 solid #fff;
				border-bottom: 7px solid transparent;
				content: " ";
			}

		.timeline > li > .timeline-badge {
			color: #fff;
			width: 18px;
			height: 18px;
			line-height: 50px;
			font-size: 1.4em;
			text-align: center;
			position: absolute;
			top: 16px;
			right: -8px;
			z-index: 100;
			border: 3px solid #fafafa;
			background-color: #999999;
			border-radius: 50%;
			-webkit-border-radius: 50%;
			-webkit-transition: 0.25s;
			transition: 0.25s;
		}

		.timeline > li:hover > .timeline-badge {
			background-color: #2776dc;
		}

		.timeline > li:nth-child(even) > .timeline-panel {
			float: right;
		}

			.timeline > li:nth-child(even) > .timeline-panel:before {
				border-left-width: 0;
				border-right-width: 8px;
				left: -8px;
				right: auto;
			}

			.timeline > li:nth-child(even) > .timeline-panel:after {
				border-left-width: 0;
				border-right-width: 7px;
				left: -7px;
				right: auto;
			}

.timeline-badge > a {
	color: #C5C7C5 !important;
}

.timeline-badge a:hover {
	color: #000 !important;
}

.timeline-title {
	margin-top: 0;
	color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
	padding: 20px 20px 15px 20px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
}

	.timeline-body > p + p {
		margin-top: 5px;
	}

.timeline a {
	color: #6e6e6e;
	cursor: pointer;
	text-decoration: none;
}

.timeline-heading a {
	font-weight: bold;
}

.timeline-heading i {
	margin-right: 10px;
}

.timeline-heading a:hover {
	color: #2776dc;
}

.timeline-heading h4 {
	padding: 15px;
	font-size: 17px;
}

.timeline-footer {
	border-top: 1px solid rgba(0,0,0, 0.1);
	color: #6e6e6e;
	padding: 10px 20px 15px 20px;
	font-size: 13px;
}

	.timeline-footer i {
		margin-right: 7px;
	}

.timeline > li:nth-child(even) {
	float: right;
	clear: right;
	margin-top: 30px;
	margin-bottom: 30px;
}

	.timeline > li:nth-child(even) > .timeline-badge {
		left: -10px;
	}

/* --- easy piechart --- */
.chart-align {
	position: relative;
	margin: 0 auto;
	width: 140px;
	font-weight: bold;
	display: inline-block;
}

.chart {
	position: relative;
	display: inline-block;
	width: 110px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 18px;
}

	.chart canvas {
		position: absolute;
		top: 0;
		left: 0;
	}

.percent {
	color: rgba(0,0,0, 0.7);
	display: inline-block;
	line-height: 110px;
	z-index: 2;
	margin: 0;
}

	.percent:after {
		content: '%';
		margin-left: 0.1em;
		font-size: 18px;
	}


/*---------- 26. Title ----------*/
.title {
	padding: 0 0 40px 0;
	position: relative;
	text-align: center;
}

	.title p {
		margin: 15px 0 0px 0;
	}

	.title h4 {
		display: inline-block;
		text-transform: uppercase;
		font-weight: 600 !important;
		margin-top: 10px;
		font-size: 22px;
	}

		.title h4 i {
			margin-right: 20px;
			margin-top: -10px;
			color: #2776dc;
			float: left;
			border-radius: 50%;
			width: 45px;
			height: 45px;
			line-height: 45px;
			border: 1px solid #2776dc;
			background: transparent;
			display: inline-block;
			text-align: center;
			font-size: 22px;
			box-shadow: none;
			-webkit-box-shadow: none;
		}

/* ---.promo --- */
.promo {
	text-align: center;
	padding: 48px 0;
}

.promo-lg {
	text-align: center;
	padding: 40px 0;
}

.promo h2 {
	font-size: 22px;
	color: #FFF;
	font-weight: 300 !important;
	display: inline !important;
}

.promo .btn {
	display: inline !important;
	margin-left: 30px;
}

.promo-lg h2 {
	font-size: 26px;
	color: #FFF;
	font-weight: 300 !important;
}

.promo-lg .btn {
	margin-top: 30px;
}

/*---------- 27. Comments ----------*/
.error-404 {
	padding: 100px 0 180px 0;
	text-align: center;
	background-position: bottom center;
	background-repeat: no-repeat;
	min-height: 493px;
}

	.error-404 .title {
		border-bottom: 1px solid #f5f5f5;
		padding-bottom: 25px;
		margin-bottom: 30px;
	}

		.error-404 .title h4 {
			font-size: 30px;
		}

	.error-404 form {
		margin: 30px 0 10px 0;
	}


/*---------- 28. Comments ----------*/
.comment-form {
	margin: 40px 0 0 0;
}

	.comment-form .page-header {
		font-weight: 600 !important;
		border: 0;
		display: inline-block;
		margin-bottom: 25px;
		padding-left: 0;
	}

.comments .page-header {
	border: 0;
	padding-left: 0;
	margin-bottom: 10px;
}

.comment-form .btn {
	margin-top: 15px;
}

.comments {
	margin-top: 40px;
}

	.comments > .media {
		margin: 15px 0 25px 0;
		padding: 0px;
		text-align: left;
	}

		.comments > .media:last-child {
			margin-bottom: 0;
		}

	.comments .media-left, .comments .media > .pull-left {
		padding-right: 0;
	}

	.comments .media-heading {
		font-size: 15px;
		text-transform: uppercase;
		font-weight: 500;
	}

	.comments .media-body {
		overflow: inherit;
	}

	.comments .media-content {
		padding: 10px 0 25px 0;
		position: relative;
		background-color: transparent;
		border-bottom: 1px solid #E8E8E8;
	}

		.comments .media-content p {
			margin-bottom: 0;
			margin-top: 15px;
			font-size: 14px;
			line-height: 22px;
		}

	.comments .media-body .date {
		color: #909090;
		font-size: 12px;
		display: block;
		margin-top: 2px;
	}

	.comments .media-body > .btn {
		display: none;
	}

		.comments .media-body > .btn span {
			display: none;
			margin-right: 5px;
		}

	.comments .media-body:hover > .btn span {
		display: inherit;
	}

	.comments .media-left img {
		max-width: 65px;
		margin-right: 25px;
		border-radius: 50%;
		margin-top: 10px;
	}

/* --- media --- */
.media {
	margin-top: 20px;
}

.media-heading {
	font: 14px arial;
	font-weight: bold !important;
	line-height: 1;
	color: rgba(0,0,0, 0.6);
}

.media-body .date {
	color: #b2b2b2;
	font-size: 11px;
	display: block;
}

.media-body > .btn span {
	display: none;
	margin-right: 5px;
}

.media-body:hover > .btn span {
	display: inherit;
}

.media-left img {
	max-width: 40px;
	margin-right: 5px;
}


/*---------- 29. Carousel ----------*/
.carousel .carousel-caption {
	text-align: left;
	padding-bottom: 0px;
	padding-top: 0;
	left: 10px;
	bottom: 10px;
	width: 100%;
	margin: 0;
}

	.carousel .carousel-caption .carousel-title {
		display: inline-block;
		text-shadow: none;
		color: #FFF;
		padding: 10px 20px;
		font-weight: 500 !important;
		background-color: #141619;
		padding: 12px 20px;
		color: #FFF;
		position: absolute;
		bottom: 20px;
		left: 20px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
	}

	.carousel .carousel-caption p {
		padding: 10px 20px;
		background: #1b1b1b;
		text-shadow: none;
		color: #FFF;
		margin: 0;
	}

.carousel-indicators {
	list-style-type: none;
	right: 0;
	bottom: 0px;
}
/* owl carousel */
.slider {
	position: relative;
}

	.slider .prev {
		position: absolute;
		top: 50%;
		margin-top: -80px;
		left: -60px;
		font-size: 70px;
		font-weight: 100;
		color: rgba(0,0,0, 0.1);
	}

	.slider .next {
		position: absolute;
		top: 50%;
		margin-top: -80px;
		right: -50px;
		font-size: 70px;
		font-weight: 100;
		color: rgba(0,0,0, 0.1);
	}

		.slider .prev:hover,
		.slider .next:hover {
			color: rgba(0,0,0, 0.7);
		}

.owl-widget-carousel.owl-theme .owl-pagination {
	position: absolute;
	top: -40px;
	right: 5px;
}

.owl-widget-carousel.owl-theme .owl-controls .owl-page {
	display: inline-block;
}

	.owl-widget-carousel.owl-theme .owl-controls .owl-page span {
		display: block;
		width: 12px;
		height: 12px;
		margin: 5px 3px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		background: rgba(0, 0, 0, 0.5);
	}

	.owl-widget-carousel.owl-theme .owl-controls .owl-page.active span,
	.owl-widget-carousel.owl-theme .owl-controls.clickable .owl-page:hover span {
		background: #fff;
	}

/* --- carousel fade effect --- */
.carousel-fade {
	background: #000;
}

	.carousel-fade .carousel-inner .item {
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}

	.carousel-fade .carousel-inner .item,
	.carousel-fade .carousel-inner .active.left,
	.carousel-fade .carousel-inner .active.right {
		opacity: 0;
	}

	.carousel-fade .carousel-inner .active,
	.carousel-fade .carousel-inner .next.left,
	.carousel-fade .carousel-inner .prev.right {
		opacity: 1;
	}

		.carousel-fade .carousel-inner .next,
		.carousel-fade .carousel-inner .prev,
		.carousel-fade .carousel-inner .active.left,
		.carousel-fade .carousel-inner .active.right {
			left: 0;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}

.carousel .carousel-indicators li {
	border: 0;
	background-color: #FFF;
	width: 10px;
	height: 10px;
	margin: 6px;
	background-color: rgba(255,255,255, 0.5);
}

	.carousel .carousel-indicators li.active {
		border: 0;
		background-color: #FFF;
		width: 10px;
		height: 10px;
		margin: 6px;
	}
.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000\9;
	background-color: rgba(0,0,0,0);
	border: 1px solid #fff;
	border-radius: 10px;
}

.carousel-control.right,
.carousel-control.left {
	background: none;
}

/* --- full width carousel --- */
.full-carousel {
	border-bottom: 0;
	background-color: #000;
}
	/* This commented to keep the dots in the bottom */
	/*.full-carousel .carousel-indicators {
	bottom: 40px;
}*/
	.full-carousel img {
		opacity: .4;
		max-width: inherit !important;
	}

	.full-carousel .container {
		color: #FFF;
		position: absolute;
		z-index: 999;
		/*	height: 100%;
*/ top: 251px;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 0px;
		text-align: center;
		/*	-webkit-transition: 0.25s;
*/ transition: 0.25s;
		text-shadow: none;
		display: table;
		margin: auto;
	}

		.full-carousel .container .carousel-caption {
			display: table-cell;
			vertical-align: middle;
			/*position: relative;
	opacity: 0;*/
			text-align: center;
		}

	.full-carousel .item.active .carousel-caption {
		opacity: 1;
	}

	.full-carousel .carousel-caption h1 {
		color: #fff;
		font-size: 40px;
		padding: 15px 20px 0 20px;
		margin: 0;
		display: block;
		text-transform: uppercase;
		font-weight: 900 !important;
		text-shadow: none;
	}

	.full-carousel .carousel-caption p {
		background: none;
		padding: 13px 15px;
		margin-top: 0px;
		display: block;
		color: #E4E4E4;
		font-size: 15px;
		font-weight: 400;
	}

	.full-carousel .carousel-caption .btn {
		padding: 17px 30px !important;
		margin-top: 50px;
	}

	.full-carousel .carousel-control {
		z-index: 99;
		width: 10%;
	}

	.full-carousel .item .carousel-img {
		width: 100%;
		height: 100%;
		background: transparent;
		background-size: cover;
	}

	.full-carousel .item .carousel-overlay {
		position: absolute;
		z-index: 999 !important;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0, 0.45);
	}

.carousel-control {
	opacity: 0;
}

/* --- carousel ken burns effect --- */
.ken-burns.carousel .item img {
	-webkit-transition: all 15s;
	-moz-transition: all 15s;
	-o-transition: all 15s;
	transition: all 15s;
}
.ken-burns {
	-webkit-transition: all 15s;
	-moz-transition: all 15s;
	-o-transition: all 15s;
	transition: all 15s;
}
	.ken-burns.carousel .item img,
	.ken-burns.carousel .item.active.inactiveUntilOnLoad img {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	.ken-burns.carousel .item.active img {
		-webkit-transform: scale(1.15);
		-moz-transform: scale(1.15);
		-o-transform: scale(1.15);
		-ms-transform: scale(1.15);
		transform: scale(1.15);
	}


/*---------- 30. Countdown ----------*/
#countdown {
	font-size: 20px;
	font-weight: 300;
	display: inline-block;
}

	#countdown span:last-child {
		margin-right: 0;
	}

	#countdown span {
		margin-right: 5px;
		background-color: #2b2b2b;
		color: #FFF;
		padding: 10px 12px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
	}


/*---------- 31. Thumbnails ----------*/
.thumbnail img {
	width: 100% !important;
}

.thumbnail .thumbnail-title {
	padding: 20px;
	font-size: 17px;
}

.thumbnail {
	padding: 0;
	margin-bottom: 0;
	border-color: rgba(0,0,0, 0.15) !important;
	box-shadow: 0 2px 4px 0 rgba(0,0,0, 0.07);
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0, 0.07);
}

	.thumbnail p {
		font-size: 13px;
	}

	.thumbnail .caption {
		color: #6D6D6D;
		padding: 20px;
	}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
	box-shadow: 0 0 4px 0 rgba(60, 165, 231, 0.6) !important;
	border-color: rgba(60, 165, 231, 0.7);
}

img.thumbnail.pull-left {
	margin-right: 10px;
}

.gallery {
	padding-left: 20px;
	padding-right: 20px;
}

.faded {
	opacity: .1;
}

.masonry .card .card-img img {
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
}

.masonry .card .caption ul {
	border-top: 1px solid rgba(0,0,0, 0.1);
	padding: 15px 20px 0 20px;
	margin: 20px -20px 0 -20px;
}

.masonry .card .caption {
	padding-bottom: 15px;
}


/*---------- 32. Sidebars ----------*/
.sidebar {
	display: table;
}

	.sidebar > .leftside {
		border-right: 1px solid #eeeeee;
		padding-right: 40px;
		position: relative;
		display: table-cell;
		vertical-align: top;
		float: none;
	}

	.sidebar > .rightside {
		padding-left: 40px;
		display: table-cell;
		vertical-align: top;
		float: none;
	}

/*---------- 33. Tabs ----------*/
.nav-tabs {
	border-color: rgba(0,0,0, 0.1);
	border-bottom: 1px solid rgba(0,0,0, 0.1);
}

	.nav-tabs > li {
		padding: 0 !important;
		border: 0 !important;
	}

		.nav-tabs > li > a {
			color: rgba(0,0,0, 0.65);
			font-weight: bold;
			padding: 15px 20px;
			margin: 0;
			font-size: 14px;
		}

			.nav-tabs > li > a i {
				margin-right: 10px;
			}

	.nav-tabs .tab-content {
		padding: 20px 0;
	}

	.nav-tabs > li.active > a,
	.nav-tabs > li > a:hover {
		color: rgba(0,0,0, 0.7);
		background-color: #FFF;
	}

		.nav-tabs > li.active > a,
		.nav-tabs > li.active > a:hover,
		.nav-tabs > li.active > a:focus {
			border-top: 1px solid rgba(0,0,0, 0.1);
			border-right: 1px solid rgba(0,0,0, 0.1);
			border-left: 1px solid rgba(0,0,0, 0.1);
			border-radius: 4px 4px 0 0;
			-webkit-border-radius: 4px 4px 0 0;
			background-color: #fff;
		}

	.nav-tabs > li > a {
		border-radius: 4px 4px 0 0;
		-webkit-border-radius: 4px 4px 0 0;
	}

.nav > li > a:hover,
.nav > li > a:focus {
	border-top: 1px solid rgba(0,0,0, 0.1);
	border-right: 1px solid rgba(0,0,0, 0.1);
	border-left: 1px solid rgba(0,0,0, 0.1);
	box-shadow: -1px 0 0 0 #FFF;
	border-bottom: 1px solid #fff;
	background-color: #fff;
}

.nav-tabs.no-border > li > a {
	padding: 5px 20px;
	font-size: 13px;
	font-weight: 500;
}

.nav-tabs.inline {
	text-align: center;
}

	.nav-tabs.inline > li {
		float: none;
		display: inline-block;
	}

.nav-tabs.no-border > li {
	margin-bottom: 0;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
	background-color: #2776dc;
	border: 0 !important;
}

.nav-pills > li > a:active,
.nav-pills > li > a:focus,
.nav-pills > li > a:hover {
	background-color: #2776dc;
	border: 0 !important;
	color: #FFF;
}

.tab-content {
	font-size: 14px;
	padding: 20px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: rgba(0,0,0, 0.1);
	-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
	background: #FFF;
}

/* --- vertical tab --- */
.vertical-tab .nav-tabs {
	float: left;
	width: 20%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: inline-block;
	border-right: 0px solid rgba(0,0,0, 0.1);
	border-bottom: 0;
	padding: 40px 0;
}

	.vertical-tab .nav-tabs > li {
		margin-right: -3px;
		width: 100%;
	}

		.vertical-tab .nav-tabs > li,
		.vertical-tab .nav-tabs > li > a {
			display: block;
		}

			.vertical-tab .nav-tabs > li > a {
				margin-bottom: 10px;
				text-align: center;
				border-width: 1px 1px 1px 1px;
				margin-bottom: 0;
				margin-right: -2px;
			}

				.vertical-tab .nav-tabs > li.active > a,
				.vertical-tab .nav-tabs > li > a:hover,
				.vertical-tab .nav-tabs > li > a:focus {
					border-right: 1px solid #FFF;
					border-bottom: 1px solid rgba(0,0,0, 0.1);
				}

.vertical-tab .tab-content {
	width: 80%;
	float: right;
	padding: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-width: 1px;
	min-height: 200px;
}

/* --- tab select --- */
.tab-select {
	padding: 0;
	background-color: transparent;
	-webkit-transition: 0.25s;
	transition: 0.25s;
}

	.tab-select .tab-content {
		padding: 30px 0 0 0;
		border: 0;
		box-shadow: none;
		-webkit-box-shadow: none;
	}
/*.tab-content > .active {
	display: block;
}*/
.tab-select .nav-tabs {
	position: relative;
	z-index: 2;
	border-bottom: 0;
}

	.tab-select .nav-tabs > li {
		float: none;
		display: inline-block;
		padding: 0 25px 0 0 !important;
	}

		.tab-select .nav-tabs > li > a {
			padding: 17px 0px;
			margin: 0;
			border: 0;
			position: relative;
			font-weight: 500;
			border-radius: 0;
			-webkit-border-radius: 0;
			font-size: 16px;
			text-decoration: none;
		}

			.tab-select .nav-tabs > li > a i {
				font-size: 13px;
			}

		.tab-select .nav-tabs > li:last-child > a {
			margin-right: 0;
		}

		.tab-select .nav-tabs > li.active > a,
		.tab-select .nav-tabs > li > a:hover,
		.tab-select .nav-tabs > li > a:focus,
		.tab-select .nav-tabs > li > a:active,
		.tab-select .nav-tabs > li.active > a:hover,
		.tab-select .nav-tabs > li.active > a:focus {
			border: 0;
			box-shadow: inset 0 -3px 0 0 #2776dc;
			-webkit-box-shadow: inset 0 -3px 0 0 #2776dc;
			border-radius: 0;
			-webkit-border-radius: 0;
			background-color: transparent;
		}


/*---------- 34. Gallery ----------*/
.filter {
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

	.filter li {
		display: inline-block;
		padding: 0 5px;
	}

		.filter li a {
			padding: 5px 12px;
			font-size: 13px;
			border-radius: 30px;
			border: 2px solid transparent;
			-webkit-border-radius: 30px;
			display: inline-block;
		}

			.filter li a:hover,
			.filter li a.active {
				color: #2776dc;
				border: 2px solid #2776dc;
			}

/* --- masonry-item --- */
.masonry-item {
	max-width: 1000px;
	list-style: none;
	text-align: center;
	overflow: hidden;
	padding: 0 7px;
	margin-bottom: 14px;
	transition: .2s all;
	-webkit-transition: .2s all;
}

figure.img-hover {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	min-width: 100%;
	max-width: 100%;
	width: 100%;
	text-align: center;
	cursor: pointer;
	color: #FFF;
	max-height: inherit !important;
}

	figure.img-hover img {
		position: relative;
		display: block;
		opacity: 1 !important;
		-webkit-transition: 0.25s !important;
		transition: 0.25s !important;
		width: 100%;
	}

	figure.img-hover figcaption {
		padding: 2em;
		color: #fff;
		text-transform: uppercase;
		font-size: 1.25em;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

		figure.img-hover figcaption,
		figure.img-hover figcaption > a {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

			figure.img-hover figcaption > a {
				z-index: 1000;
				text-indent: 200%;
				white-space: nowrap;
				font-size: 0;
				opacity: 0;
			}

	figure.img-hover h2 {
		word-spacing: -0.15em;
		font-weight: 500 !important;
	}

		figure.img-hover h2 span {
			font-weight: 300 !important;
		}

	figure.img-hover h2,
	figure.img-hover p {
		margin: 0;
	}

	figure.img-hover p {
		letter-spacing: 1px;
		font-size: 68.5%;
	}

figure.img-hover {
	background: #000;
}

	figure.img-hover figcaption::before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
		content: '';
		opacity: 0;
		-webkit-transform: translate3d(0,50%,0);
		transform: translate3d(0,50%,0);
	}

	figure.img-hover h2 {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		color: #FFF;
		font-size: 28px;
		opacity: 0 !important;
		-webkit-transform: translate3d(0,-50%,0);
		transform: translate3d(0,-50%,0);
		-webkit-transition: 0.25s !important;
		transition: 0.25s !important;
	}

	figure.img-hover figcaption::before,
	figure.img-hover p {
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
	}

	figure.img-hover p {
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 2em;
		width: 100%;
		opacity: 0;
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0);
	}

	figure.img-hover:hover h2 {
		color: #fff;
		opacity: 1 !important;
		-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
		transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
		-webkit-transition: 0.25s !important;
		transition: 0.25s !important;
	}

	figure.img-hover:hover figcaption::before,
	figure.img-hover:hover p {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	figure.img-hover:hover img {
		-webkit-transform: scale3d(1.1,1.1,1);
		transform: scale3d(1.1,1.1,1);
		opacity: 0.9 !important;
	}


/*---------- 35. Footer ----------*/
footer {
	background: #0d5487; /*Changed by Samir Shamoun background: #232428;*/
	width: 100%;
	padding: 50px 0 0 0;
	text-align: center;
	color: rgba(255,255,255, 0.4);
	position: relative;
}

	footer p {
		color: rgba(255,255,255, 0.4);
		font-size: 14px;
		line-height: 22px;
	}

	footer a,
	footer a:hover {
		color: #FFF;
	}

	footer .nav li {
		margin: 0;
		padding: 0 !important;
	}

		footer .nav li a i {
			margin-right: 5px;
		}
	footer li {
		list-style: none;
	}
		footer li a {
			font-size: 12px;
			padding: 5px 15px 20px 0;
			border: 0;
			text-transform: uppercase;
			color: rgba(255,255,255, 0.5);
			white-space: nowrap;
			text-decoration: none;
			display: block;
		}

			footer  li a:hover,
			footer  li a:focus,
			footer  li a:active {
				color: #FFF;
				border: 0;
				background: none;
				box-shadow: none;
				-webkit-box-shadow: none;
			}

	footer .widget {
		padding: 20px 0 25px 0;
		text-align: left;
	}

		footer .widget .title {
			font-size: 16px;
			padding: 5px 0;
			color: #FFF;
			text-align: left;
			font-weight: 400 !important;
			margin-bottom: 20px;
			border: 0;
		}

		footer .widget ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}

		footer .widget li:first-child {
			border-top: 0;
		}

		footer .widget li:last-child {
			border-bottom: 0;
		}

		footer .widget li {
			padding: 10px 0;
			line-height: 18px;
		}

			footer .widget li > span {
				margin-top: 10px;
				display: block;
			}

			footer .widget li span i {
				margin-right: 5px;
			}

	footer .form-inverse {
		margin-top: 30px !important;
	}

		footer .form-inverse.btn-inline .btn-link i {
			color: #FFF !important;
		}

.footer-bottom {
	padding: 20px 0 50px 0;
	color: rgba(255,255,255, 0.5);
	text-align: center;
	font-size: 14px;
}

	.footer-bottom ul {
		margin-bottom: 10px;
	}

		.footer-bottom ul a {
			color: #FFF;
			background: none;
		}

/* --- elements --- */
.elements {
	padding: 100px 0;
	border-bottom: 1px solid #eaeaea;
}

	.elements:nth-child(odd) {
		background-color: #fafafa;
	}

	.elements:last-child {
		border-bottom: 0;
	}

	.elements > div > .row > div > h3,
	.elements > div > h3 {
		margin-bottom: 5px;
		font-size: 22px;
	}

	.elements > div > .row > div > p,
	.elements > div > p {
		margin-bottom: 30px;
	}

	.elements .alert:last-child {
		margin: 0;
	}

	.elements.buttons .btn {
		margin-bottom: 5px;
		margin-right: 2px;
	}

.fixed-widget .widget .panel {
	position: fixed;
	top: 70px;
	width: 268px;
}


/* --- icons --- */
#icons {
	margin: 50px -20px 0 -10px;
}

	#icons ul {
		padding: 0;
		width: 100%;
		list-style: none;
		text-align: left;
		font-size: 1px;
	}

		#icons ul li {
			display: inline-block;
			list-style: none;
			position: relative;
		}

			#icons ul li i {
				position: relative;
				z-index: 0;
				display: inline-block;
				padding: 0px;
				text-align: center;
				font-weight: normal;
				font-size: 24px;
				width: 55px;
				height: 70px;
				cursor: pointer;
				color: #464646;
			}

	#icons .glyphicon-class {
		display: none;
	}

	#icons ul li i:hover {
		color: #4F8EF7;
	}

/*---------- 36. Responsive ----------*/
@media (max-width: 1200px) {
	section.hero.cover .container,
	.container,
	.mega-dropdown-menu {
		width: 100%;
	}

	header .nav-profile > a > span {
		display: none;
	}
}

@media (max-width: 1330px) {
	.slider .prev,
	.slider .next {
		display: none;
	}

	.full-carousel .carousel-caption h1 {
		font-size: 32px;
	}
}

@media (max-width: 1024px) {
	header .nav-profile > a span {
		display: none;
	}

	.header .logo {
		margin-right: 0;
		display: block;
	}

	.card-list .card-img img {
		max-width: 100%;
		width: 100%;
	}

	.owl-carousel .card-list .card-img img {
		width: auto;
	}
}


@media (min-width: 768px) and (max-width: 1024px) {
	.mega-dropdown-menu {
		width: 100% !important;
	}
}


@media (max-width: 992px) {
	.fixed-header {
		padding-top: 50px;
	}

	header {
		height: 50px;
	}

		header .nav-profile > a,
		header .nav-right a {
			line-height: 50px;
		}

		header .container {
			padding: 0;
		}

		header ul li a i.fa-angle-down {
			float: right;
		}

		.fixed-widget .widget .panel,
		header .nav-dropdown,
		.comments .media-left {
			display: none !important;
		}

		header .logo {
			padding: 0 10px !important;
			display: inline-block;
			margin: 0 auto;
			width: 100%;
			position: absolute;
			left: 0;
			z-index: 1;
			height: 50px;
			line-height: 50px;
			float: none !important;
			text-align: center !important;
		}

			header .logo span {
				font-size: 20px;
				color: #FFF;
				text-transform: uppercase;
				font-weight: 500;
				font-family: 'Roboto', sans-serif;
				line-height: 50px;
			}

			header .logo img {
				height: 32px !important;
				/*height: 50px !important; Samir changed to make smal logo responsive with screen*/
			}

		header .nav-right a {
			color: #FFF;
		}

		header .nav-right {
			z-index: 2;
			position: relative;
		}

		header .nav-profile img {
			height: 26px;
			width: 26px;
		}

	span.bar {
		width: 50px;
		height: 50px;
		display: block !important;
		float: left;
		z-index: 2;
		position: relative;
	}

		span.bar:before {
			content: "\f0c9";
			color: #0d5487; /*Changed by Samir Shamoun color: #FFF;*/
			position: absolute;
			top: 0;
			left: 0;
			line-height: 50px;
			padding: 0 15px;
			font-size: 20px;
			font-family: 'FontAwesome';
			cursor: pointer;
		}

	header .nav-right .dropdown-menu {
		top: 50px;
	}

	.nav-open {
		overflow: hidden;
	}

		.nav-open .modal-backdrop {
			z-index: 1000;
		}

		.nav-open nav {
			transform: translateX(0);
			-webkit-transform: translateX(0);
		}

		.nav-open #wrapper,
		.nav-open header .nav-right,
		.nav-open header .bar,
		.nav-open header .logo,
		.nav-open footer {
			-webkit-transition: 0.25s;
			transition: 0.25s;
			transform: translateX(250px);
			-webkit-transform: translateX(250px);
		}

		.nav-open span.bar:before {
			font-family: "FontAwesome";
			content: "\1F5D9";
		}

	header .nav-right,
	header .bar,
	header .logo,
	footer,
	#wrapper {
		transform: translate3d(0px, 0px, 0px);
		-webkit-transform: translate3d(0px, 0px, 0px);
		-webkit-transition: 0.25s;
		transition: 0.25s;
	}

	nav .nav-control {
		position: relative;
		overflow-Y: scroll;
		height: -moz-calc(100%);
		height: -webkit-calc(100%);
		height: calc(100%);
	}

	nav {
		z-index: 999 !important;
		display: none !important;
		position: fixed;
		background: #1C1E21;
		transform: translateX(-250px);
		-webkit-transform: translateX(-250px);
		width: 250px;
		-webkit-transition: 0.25s;
		transition: 0.25s;
		margin: 0px 0 0 0;
		height: 100%;
	}

		nav ul li a,
		nav ul li a:hover,
		nav ul li a:focus,
		nav ul li.dropdown.open > a,
		nav ul li a:active,
		nav ul li.active a {
			padding: 12px 18px 12px 18px !important;
			margin: 0 !important;
			line-height: inherit;
			font-size: 13px;
			font-weight: normal;
			border: 0 !important;
			border-radius: 0 !important;
			-webkit-border-radius: 0 !important;
			text-transform: uppercase;
		}

			nav ul li a:hover,
			nav ul li a:focus,
			nav ul li.dropdown.open > a {
				background: #1a1b1e;
			}

		nav li a {
			color: rgba(255,255,255, 0.8) !important;
			border-bottom: 0px solid rgba(0,0,0, 1) !important;
		}

		nav li,
		nav li a {
			display: block !important;
			width: 100% !important;
		}

		nav ul li .dropdown-menu {
			transform: none !important;
			-webkit-transform: none !important;
			display: none;
			z-index: inherit !important;
			background: #1a1b1e !important;
			padding: 0 0 15px 0 !important;
		}

		nav ul li .dropdown-menu, .mega-dropdown {
			border: 0 !important;
			position: relative !important;
			min-width: 100% !important;
			width: 100% !important;
			box-shadow: none !important;
			margin: 0 !important;
			top: 0 !important;
			left: 0;
		}

		nav ul li.divider {
			background: rgba(255,255,255, 0.05) !important;
		}

		nav ul li .dropdown-menu li a {
			background: transparent !important;
			border-radius: 0 !important;
			padding: 12px 20px !important;
			color: rgba(255,255,255, 0.6) !important;
			font-size: 13px !important;
		}

			.dropdown-submenu .dropdown-menu a:hover,
			nav ul li .dropdown-menu li a:hover,
			nav ul li .dropdown-menu li.active a,
			nav ul li .dropdown-menu li a:focus {
				padding: 12px 20px !important;
				background: rgba(0,0,0, 0.1) !important;
				color: rgba(255,255,255, 0.6) !important;
			}

	.mega-dropdown-menu.category > li:first-child ul li {
		background-color: transparent;
		border: 0 !important;
	}

	.dropdown-submenu .dropdown-menu a,
	.dropdown-submenu .dropdown-menu a:hover {
		padding-left: 50px !important;
	}

	.mega-dropdown-menu.category {
		padding-bottom: 10px !important;
	}

		.mega-dropdown-menu.category > li:first-child ul li a:hover,
		.mega-dropdown-menu.category > li:first-child ul li.active a {
			background: transparent !important;
			box-shadow: none !important;
			-webkit-box-shadow: none !important;
			border: 0 !important
		}

		.mega-dropdown-menu.category > li:first-child ul li a {
			text-align: left !important;
			padding: 12px 20px !important;
		}

		.mega-dropdown-menu.category > li a {
			display: block !important;
			width: 100% !important;
			white-space: inherit !important;
		}

		.mega-dropdown-menu.category li .caption {
			margin-top: 0;
			margin-bottom: 0;
		}

	.mega-dropdown-menu .dropdown-sub-header,
	.mega-dropdown-menu .dropdown-header {
		background: transparent !important;
		padding: 12px 20px !important;
		color: #7F838A !important;
	}

	.mega-dropdown-menu.category li .caption h3 {
		font-size: 13px;
		font-weight: 300 !important;
	}

	.mega-dropdown-menu.category li .caption p {
		display: none;
	}

	.mega-dropdown-menu.category > li:first-child a,
	.mega-dropdown-menu.category > li:first-child,
	.mega-dropdown-menu.category > li:first-child li {
		background: transparent;
		border: 0 !important
	}

	nav ul li .dropdown-menu li a:hover,
	.mega-dropdown-menu.category li:first-child a:focus,
	.mega-dropdown-menu.category li:first-child a:active,
	.mega-dropdown-menu.category li:first-child a:hover,
	.mega-dropdown-menu.category li:first-child .active a {
		background-color: #141619 !important;
	}

	.dropdown-submenu > .dropdown-menu {
		left: 0;
	}

	#wrapper {
		margin: 0 !important;
	}

	.modal-search .container {
		padding: 0;
	}

	.modal-search .close {
		right: 10px;
	}

	.filter li a {
		margin-bottom: 5px;
	}

	.ekko-lightbox .modal-body {
		padding: 0;
	}

	.modal-search .form-control:focus,
	.modal-search .form-control {
		padding: 8px 15px;
	}

	.search-open .modal-search {
		top: 50px;
	}

	.modal-open #wrapper {
		-webkit-transform: inherit;
		transform: inherit;
	}

	.modal-sm {
		max-width: 100%;
	}

	.modal-content {
		border-radius: 0;
		-webkit-border-radius: 0;
	}

	.modal-dialog {
		margin: 10px auto;
	}

	.background-image {
		padding: 0 !important;
	}

	.full-carousel .item {
		height: 500px;
	}

	.full-carousel .carousel-caption h1 {
		font-size: 29px;
		margin-bottom: 20px;
		line-height: 34px;
	}

	.full-carousel .carousel-caption {
		font-size: 15px !important;
		width: 100% !important;
		text-align: center !important;
		left: 0;
	}

		.full-carousel .carousel-caption p {
			font-size: 14px;
			line-height: 20px;
			padding: 0 20px;
		}

	.full-carousel img {
		width: auto !important;
		max-width: inherit !important;
		position: absolute;
		left: -50%;
	}

	.full-carousel .carousel-caption .btn {
		margin-top: 50px;
	}

	.title {
		padding-bottom: 40px;
	}

		.error-404 .title h4,
		.title h4 {
			font-size: 22px;
		}

			.error-404 .title h4 i,
			.title h4 i {
				width: 40px;
				height: 40px;
				line-height: 40px;
				font-size: 22px;
				margin-top: -10px;
			}

	.elements {
		padding: 50px 0 !important;
	}

	.promo,
	.promo-lg {
		padding: 25px !important;
	}

		.promo h2,
		.promo-lg h2 {
			font-size: 20px;
		}

	.card-video-md .card-img a {
		height: auto;
		overflow: initial;
		max-height: initial;
	}

		.card-video-md .card-img a img {
			margin-top: 0;
		}

	.card-video-md {
		margin-bottom: 10px !important;
	}

	.forum .forum-group .forum-activity,
	.forum .forum-group .forum-meta,
	.mega-dropdown-menu.category li .caption .label,
	.mega-dropdown-menu.category li img {
		display: none;
	}

	.mega-dropdown-menu.category li .caption h3,
	.mega-dropdown-menu.category li .caption p {
		color: rgba(255,255,255, 0.6);
	}

	#icons {
		margin: 45px -15px 0 -15px;
	}

	.headline .dropdown,
	ul.timeline:before,
	ul.timeline > li > .timeline-panel:after,
	ul.timeline > li > .timeline-panel:before,
	ul.timeline > li > .timeline-badge {
		display: none;
	}

	ul.timeline > li {
		margin: 0;
		padding: 0;
		position: relative;
		width: 100%;
		float: left;
		clear: left;
	}

		ul.timeline > li > .timeline-panel {
			float: right;
			width: 100%;
		}

	.timeline > li:nth-child(2) {
		margin-top: 30px;
	}

	.profile-nav .tab-select {
		display: none;
	}

	.nav-tabs > li > a {
		font-size: 14px;
		padding: 15px 15px;
	}

	.widget {
		width: 100%;
	}

	.sidebar {
		display: block;
	}

		.sidebar > .leftside {
			border-right: 0px solid #eeeeee;
			padding-right: 15px;
			display: block;
		}

		.sidebar > .rightside {
			padding-left: 15px;
			position: relative;
			display: block;
			margin-top: 40px;
		}

	.background-image .container {
		padding: 0 !important;
	}

	footer .widget {
		padding-top: 0 !important;
	}

		footer .widget > div {
			margin-bottom: 30px;
		}
	.navbar-nav li.dropdown-submenu:hover .dropdown-menu {
		display: contents !important;
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 590px) {
	.full-carousel img {
		left: -100%;
	}

	.promo h2 {
		display: block !important;
	}

	.promo .btn {
		margin-top: 20px !important;
		margin-left: 0;
		display: inline-block !important;
	}

	section.hero.hero-game .page-header .page-title {
		font-size: 25px;
	}

	.post .post-title h2,
	.post.post-lg .post-title h2,
	.post .post-title h2 {
		font-size: 25px;
	}

	.post .post-title h3 {
		font-size: 20px;
	}

	.headline small,
	.post .post-caption,
	.post .post-header.post-author .author {
		display: none !important;
	}

	.post .post-header.post-author .post-title {
		width: 100%;
		padding-left: 0 !important;
	}

	.comment-form {
		text-align: center;
	}

		.comment-form .page-header {
			display: block !important;
			text-align: center !important;
		}

	.headline h4 {
		font-size: 16px;
	}

	.elements > div > h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.elements > div > .row > div > p,
	.elements > div > p {
		line-height: 22px;
	}

	footer .widget .title {
		margin-bottom: 15px;
	}

	.post-block-carousel .post-block.first .caption {
		text-align: left;
		padding: 0 20px;
		bottom: 20px;
	}

	.post-block-carousel .post-block.first .post-title h4 {
		font-size: 20px;
		line-height: 26px;
	}

	.btn-list {
		display: table;
		width: 100%;
		text-align: center;
	}
	.modal-open .SideBar_modal {
		width: 80%!important;
	}
	.well {
		padding: 20px;
	}
}

@media (max-width: 460px) {
	.gallery {
		padding-left: 15px;
		padding-right: 15px;
	}

	section {
		padding: 20px 0 !important;
	}

	.nav-tabs > li > a {
		font-size: 13px;
		padding: 15px 10px;
	}

	.vertical-tab .nav-tabs {
		display: block !important;
		width: 100% !important;
		padding: 0;
	}

	.vertical-tab .tab-content {
		width: 100% !important;
	}

	.vertical-tab .nav-tabs > li.active > a,
	.vertical-tab .nav-tabs > li > a:hover, .vertical-tab .nav-tabs > li > a:focus {
		border-right: 1px solid rgba(0,0,0, 0.1);
	}

	.tab-select .nav-tabs > li {
		padding: 0 15px 0 0 !important
	}

	.promo .btn {
		margin-top: 30px !important;
		margin-left: 0;
	}

	.post .post-title h1 {
		font-size: 32px !important;
	}

	.forum-post .forum-footer .post-meta,
	.forum-post .forum-user,
	.forum .forum-group .forum-icon {
		display: none;
	}

	.full-carousel img {
		height: 100% !important;
		left: -60%;
	}

	section.hero .page-title {
		font-size: 25px;
	}

	section.hero p {
		font-size: 13px;
	}
}

/* HELPERS ==============================================*/
/* animate delay */
.animate0 {
	-webkit-animation-duration: .8s;
	-webkit-animation-delay: 0s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: 0s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: 0s;
	animation-duration: .8s;
	animation-delay: 0s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.animate0,
.animate1 {
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both
}

.animate1 {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-ms-animation-delay: .2s;
	animation-duration: .8s;
	animation-delay: .2s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.animate1,
.animate2 {
	-webkit-animation-duration: .8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s
}

.animate2 {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-ms-animation-delay: .4s;
	animation-duration: .8s;
	animation-delay: .4s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.animate2,
.animate3 {
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both
}

.animate3 {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	animation-duration: .8s;
	animation-delay: .6s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.animate3,
.animate4 {
	-webkit-animation-duration: .8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s
}

.animate4 {
	-webkit-animation-delay: .8s;
	-moz-animation-delay: .8s;
	-ms-animation-delay: .8s;
	animation-duration: .8s;
	animation-delay: .8s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.animate4,
.animate5 {
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both
}

.animate5 {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	animation-duration: .8s;
	animation-delay: 1s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.animate5,
.animate6 {
	-webkit-animation-duration: .8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s
}

.animate6 {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	-ms-animation-delay: 1.2s;
	animation-duration: .8s;
	animation-delay: 1.2s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.animate6,
.animate7 {
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both
}

.animate7 {
	-webkit-animation-delay: 1.4s;
	-moz-animation-delay: 1.4s;
	-ms-animation-delay: 1.4s;
	animation-duration: .8s;
	animation-delay: 1.4s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.animate7,
.animate8,
.animate9 {
	-webkit-animation-duration: .8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s
}

.animate8,
.animate9 {
	-webkit-animation-delay: 1.8s;
	-moz-animation-delay: 1.8s;
	-ms-animation-delay: 1.8s;
	animation-duration: .8s;
	animation-delay: 1.8s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.animate10,
.animate8,
.animate9 {
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both
}

.animate10 {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-ms-animation-delay: 2s;
	animation-duration: .8s;
	animation-delay: 2s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.animate10,
.animate11 {
	-webkit-animation-duration: .8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s
}

.animate11 {
	-webkit-animation-delay: 2.2s;
	-moz-animation-delay: 2.2s;
	-ms-animation-delay: 2.2s;
	animation-duration: .8s;
	animation-delay: 2.2s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.animate11,
.animate12 {
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both
}

.animate12 {
	-webkit-animation-delay: 2.4s;
	-moz-animation-delay: 2.4s;
	-ms-animation-delay: 2.4s;
	animation-duration: .8s;
	animation-delay: 2.4s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.animate12,
.animate13,
.animate14 {
	-webkit-animation-duration: .8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s
}

.animate13,
.animate14 {
	-webkit-animation-delay: 2.8s;
	-moz-animation-delay: 2.8s;
	-ms-animation-delay: 2.8s;
	animation-duration: .8s;
	animation-delay: 2.8s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.animate13,
.animate14,
.animate15 {
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both
}

.animate15 {
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-ms-animation-delay: 3s;
	animation-duration: .8s;
	animation-delay: 3s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.animate15,
.animate16 {
	-webkit-animation-duration: .8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s
}

.animate16 {
	-webkit-animation-delay: 3.2s;
	-moz-animation-delay: 3.2s;
	-ms-animation-delay: 3.2s;
	animation-duration: .8s;
	animation-delay: 3.2s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.animate16,
.animate17 {
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both
}

.animate17 {
	-webkit-animation-delay: 3.4s;
	-moz-animation-delay: 3.4s;
	-ms-animation-delay: 3.4s;
	animation-duration: .8s;
	animation-delay: 3.4s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.animate17,
.animate18 {
	-webkit-animation-duration: .8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s
}

.animate18 {
	-webkit-animation-delay: 3.6s;
	-moz-animation-delay: 3.6s;
	-ms-animation-delay: 3.6s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: 3.6s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.animate19 {
	-webkit-animation-delay: 3.8s;
	-moz-animation-delay: 3.8s;
	-ms-animation-delay: 3.8s;
	animation-duration: .8s;
	animation-delay: 3.8s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.animate19,
.animate20 {
	-webkit-animation-duration: .8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both
}

.animate20 {
	-webkit-animation-delay: 4s;
	-moz-animation-delay: 4s;
	-ms-animation-delay: 4s;
	animation-duration: .8s;
	animation-delay: 4s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.fast {
	-webkit-animation-duration: 0.4s !important;
	animation-duration: 0.4s !important;
}

/* progress bars */
.progress-xs {
	height: 5px;
}

.progress-sm {
	height: 10px;
}

.progress-md {
	height: 20px;
}

.progress-lg {
	height: 25px;
}

.bg-transparent {
	background-color: transparent !important;
}

/* img */

.img-fullwidth {
	width: 100% !important;
	height: 100% !important;
}

/* letter pacing */

.letter-spacing-1 {
	letter-spacing: 1px !important;
}

.letter-spacing-2 {
	letter-spacing: 2px !important;
}

.letter-spacing-3 {
	letter-spacing: 3px !important;
}

.letter-spacing-4 {
	letter-spacing: 4px !important;
}

.letter-spacing-5 {
	letter-spacing: 5px !important;
}

/* buttons */
.label-icon-left > i,
.btn-icon-left > i {
	margin-right: 5px;
}

.label-icon-right > i,
.btn-icon-right > i {
	margin-left: 5px;
}

.btn-white {
	background-color: #FFF;
}

.btn-light {
	background-color: rgba(0,0,0, 0.05);
}

.btn-dark {
	position: relative;
}

	.btn-dark:hover:after {
		content: "";
		color: #FFF;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(255,255,255, 0.08) !important;
	}

.btn-inline {
	position: relative;
}

	.btn-inline > .btn {
		position: absolute;
		right: 0;
		top: 0;
		margin: 0.5px 2px 0 0;
	}

		.btn-inline > .btn > i {
			margin-right: 0;
			font-size: 18px;
		}

/* Reset */

.no-display {
	display: none !important;
}

.pull-none {
	float: none !important;
}

.no-float {
	float: none !important;
}

.no-border {
	border: 0 !important;
}

.no-border-top {
	border-top: 0 !important;
}

.no-border-bottom {
	border-bottom: 0 !important;
}

.no-border-left {
	border-left: 0 !important;
}

.no-border-right {
	border-right: 0 !important;
}

.no-shadow {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.no-radius {
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
}

.no-padding {
	padding: 0 !important;
}

.no-padding-top {
	padding-top: 0 !important;
}

.no-padding-bottom {
	padding-bottom: 0 !important;
}

.no-padding-left {
	padding-left: 0 !important;
}

.no-padding-right {
	padding-right: 0 !important;
}

.no-margin {
	margin: 0 !important;
}

.no-margin-top {
	margin-top: 0 !important;
}

.no-margin-bottom {
	margin-bottom: 0 !important;
}

.no-margin-left {
	margin-left: 0 !important;
}

.no-margin-right {
	margin-right: 0 !important;
}

.nowrap {
	white-space: nowrap !important;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.text-right {
	text-align: right !important;
}

.text-initial {
	text-transform: initial !important;
}

.text-underline {
	text-decoration: underline !important;
}

.text-light {
	color: rgba(0,0,0, 0.5) !important;
}

.text-white {
	color: #FFF !important;
}

.italic {
	font-style: italic !important;
}

.normal {
	font-weight: normal !important;
}

.bold {
	font-weight: bold !important;
}

.padding-xs {
	padding: 5px !important;
}

.padding-sm {
	padding: 10px !important;
}

.padding-md {
	padding: 20px !important;
}

.padding-lg {
	padding: 30px !important;
}

.xs-size {
	font-size: 12px !important;
}

.sm-size {
	font-size: 14px !important;
}

.md-size {
	font-size: 16px !important;
}

.lg-size {
	font-size: 18px !important;
}

.extra-lg-size {
	font-size: 80px !important;
}

.xs-width {
	width: 10% !important;
}

.sm-width {
	width: 25% !important;
}

.md-width {
	width: 50% !important;
}

.lg-width {
	width: 75% !important;
}

.fl-width {
	width: 100% !important;
}

.full-width {
	width: 100% !important;
}

.max-width-100 {
	max-width: 100% !important;
}

.max-width-initial {
	max-width: initial !important;
}

.min-height-initial {
	min-height: initial !important;
}

/* radius */

.border-radius-2 {
	border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
}

.border-radius-3 {
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
}

.border-radius-4 {
	border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
}

.border-radius-5 {
	border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
}

.border-radius-10 {
	border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
}

.border-radius-15 {
	border-radius: 15px !important;
	-webkit-border-radius: 15px !important;
}

.border-radius-20 {
	border-radius: 20px !important;
	-webkit-border-radius: 20px !important;
}

.border-radius-25 {
	border-radius: 25px !important;
	-webkit-border-radius: 25px !important;
}

.border-radius-30 {
	border-radius: 30px !important;
	-webkit-border-radius: 30px !important;
}

/* border */

.border-1 {
	border-width: 1px !important;
	border-style: solid !important;
}

.border-2 {
	border-width: 2px !important;
	border-style: solid !important;
}

.border-3 {
	border-width: 3px !important;
	border-style: solid !important;
}

.border-4 {
	border-width: 4px !important;
	border-style: solid !important;
}

.border-5 {
	border-width: 5px !important;
	border-style: solid !important;
}

.border-left-1 {
	border-left: 1px solid transparent;
}

.border-left-2 {
	border-left: 2px solid transparent;
}

.border-left-3 {
	border-left: 3px solid transparent;
}

.border-left-4 {
	border-left: 4px solid transparent;
}

.border-left-5 {
	border-left: 5px solid transparent;
}

.border-right-1 {
	border-right: 1px solid transparent;
}

.border-right-2 {
	border-right: 2px solid transparent;
}

.border-right-3 {
	border-right: 3px solid transparent;
}

.border-right-4 {
	border-right: 4px solid transparent;
}

.border-right-5 {
	border-right: 5px solid transparent;
}

.border-bottom-1 {
	border-bottom: 1px solid transparent;
}

.border-bottom-2 {
	border-bottom: 2px solid transparent;
}

.border-bottom-3 {
	border-bottom: 3px solid transparent;
}

.border-bottom-4 {
	border-bottom: 4px solid transparent;
}

.border-bottom-5 {
	border-bottom: 5px solid transparent;
}


.border-top-1 {
	border-top: 1px solid transparent;
}

.border-top-2 {
	border-top: 2px solid transparent;
}

.border-top-3 {
	border-top: 3px solid transparent;
}

.border-top-4 {
	border-top: 4px solid transparent;
}

.border-top-5 {
	border-top: 5px solid transparent;
}

.border-dotted {
	border-style: dotted !important;
}

.border-dashed {
	border-style: dashed !important;
}

/* --- margin --- */

.margin-auto {
	margin: 0 auto !important;
}

.margin-5 {
	margin: 5px !important;
}

.margin-10 {
	margin: 10px !important;
}

.margin-15 {
	margin: 15px !important;
}

.margin-20 {
	margin: 20px !important;
}

.margin-25 {
	margin: 25px !important;
}

.margin-30 {
	margin: 30px !important
}

.margin-35 {
	margin: 35px !important
}

.margin-40 {
	margin: 40px !important
}

.margin-45 {
	margin: 45px !important
}

.margin-50 {
	margin: 50px !important
}

.margin-55 {
	margin: 55px !important
}

.margin-60 {
	margin: 60px !important
}

/* top */

.margin-top-5 {
	margin-top: 5px !important;
}

.margin-top-10 {
	margin-top: 10px !important;
}

.margin-top-15 {
	margin-top: 15px !important;
}

.margin-top-20 {
	margin-top: 20px !important;
}

.margin-top-25 {
	margin-top: 25px !important;
}

.margin-top-30 {
	margin-top: 30px !important;
}

.margin-top-35 {
	margin-top: 35px !important;
}

.margin-top-40 {
	margin-top: 40px !important;
}

.margin-top-45 {
	margin-top: 45px !important;
}

.margin-top-50 {
	margin-top: 50px !important;
}

.margin-top-55 {
	margin-top: 55px !important;
}

.margin-top-60 {
	margin-top: 60px !important;
}

/* bottom */

.margin-bottom-5 {
	margin-bottom: 5px !important;
}

.margin-bottom-10 {
	margin-bottom: 10px !important;
}

.margin-bottom-15 {
	margin-bottom: 15px !important;
}

.margin-bottom-20 {
	margin-bottom: 20px !important;
}

.margin-bottom-25 {
	margin-bottom: 25px !important;
}

.margin-bottom-30 {
	margin-bottom: 30px !important;
}

.margin-bottom-35 {
	margin-bottom: 35px !important;
}

.margin-bottom-40 {
	margin-bottom: 40px !important;
}

.margin-bottom-45 {
	margin-bottom: 45px !important;
}

.margin-bottom-50 {
	margin-bottom: 50px !important;
}

.margin-bottom-55 {
	margin-bottom: 55px !important;
}

.margin-bottom-60 {
	margin-bottom: 60px !important;
}

/* left */

.margin-left-5 {
	margin-left: 5px !important;
}

.margin-left-10 {
	margin-left: 10px !important;
}

.margin-left-15 {
	margin-left: 15px !important;
}

.margin-left-20 {
	margin-left: 20px !important;
}

.margin-left-25 {
	margin-left: 25px !important;
}

.margin-left-30 {
	margin-left: 30px !important;
}

.margin-left-35 {
	margin-left: 35px !important;
}

.margin-left-40 {
	margin-left: 40px !important;
}

.margin-left-45 {
	margin-left: 45px !important;
}

.margin-left-50 {
	margin-left: 50px !important;
}

.margin-left-55 {
	margin-left: 55px !important;
}

.margin-left-60 {
	margin-left: 60px !important;
}

/* right */

.margin-right-5 {
	margin-right: 5px !important;
}

.margin-right-10 {
	margin-right: 10px !important;
}

.margin-right-15 {
	margin-right: 15px !important;
}

.margin-right-20 {
	margin-right: 20px !important;
}

.margin-right-25 {
	margin-right: 25px !important;
}

.margin-right-30 {
	margin-right: 30px !important;
}

.margin-right-35 {
	margin-right: 35px !important;
}

.margin-right-40 {
	margin-right: 40px !important;
}

.margin-right-45 {
	margin-right: 45px !important;
}

.margin-right-50 {
	margin-right: 50px !important;
}

.margin-right-55 {
	margin-right: 55px !important;
}

.margin-right-60 {
	margin-right: 60px !important;
}


/* --- padding --- */

.padding-5 {
	padding: 5px !important;
}

.padding-10 {
	padding: 10px !important;
}

.padding-15 {
	padding: 15px !important;
}

.padding-20 {
	padding: 20px !important;
}

.padding-25 {
	padding: 25px !important;
}

.padding-30 {
	padding: 30px !important;
}

.padding-35 {
	padding: 35px !important;
}

.padding-40 {
	padding: 40px !important;
}

.padding-45 {
	padding: 45px !important;
}

.padding-50 {
	padding: 50px !important;
}

.padding-55 {
	padding: 55px !important;
}

.padding-60 {
	padding: 60px !important;
}

.padding-5-10 {
	padding: 5px 10px !important;
}

.padding-5-15 {
	padding: 5px 15px !important;
}

.padding-5-20 {
	padding: 5px 20px !important;
}

.padding-10-15 {
	padding: 10px 15px !important;
}

.padding-10-20 {
	padding: 10px 20px !important;
}

.padding-15-20 {
	padding: 15px 20px !important;
}

/* top */

.padding-top-5 {
	padding-top: 5px !important;
}

.padding-top-10 {
	padding-top: 10px !important;
}

.padding-top-15 {
	padding-top: 15px !important;
}

.padding-top-20 {
	padding-top: 20px !important;
}

.padding-top-25 {
	padding-top: 25px !important;
}

.padding-top-30 {
	padding-top: 30px !important;
}

.padding-top-35 {
	padding-top: 35px !important;
}

.padding-top-40 {
	padding-top: 40px !important;
}

.padding-top-45 {
	padding-top: 45px !important;
}

.padding-top-50 {
	padding-top: 50px !important;
}

.padding-top-55 {
	padding-top: 55px !important;
}

.padding-top-60 {
	padding-top: 60px !important;
}

/* bottom */

.padding-bottom-5 {
	padding-bottom: 5px !important;
}

.padding-bottom-10 {
	padding-bottom: 10px !important;
}

.padding-bottom-15 {
	padding-bottom: 15px !important;
}

.padding-bottom-20 {
	padding-bottom: 20px !important;
}

.padding-bottom-25 {
	padding-bottom: 25px !important;
}

.padding-bottom-30 {
	padding-bottom: 30px !important;
}

.padding-bottom-35 {
	padding-bottom: 35px !important;
}

.padding-bottom-40 {
	padding-bottom: 40px !important;
}

.padding-bottom-45 {
	padding-bottom: 45px !important;
}

.padding-bottom-50 {
	padding-bottom: 50px !important;
}

.padding-bottom-55 {
	padding-bottom: 55px !important;
}

.padding-bottom-60 {
	padding-bottom: 60px !important;
}

/* left */

.padding-left-5 {
	padding-left: 5px !important;
}

.padding-left-10 {
	padding-left: 10px !important;
}

.padding-left-15 {
	padding-left: 15px !important;
}

.padding-left-20 {
	padding-left: 20px !important;
}

.padding-left-25 {
	padding-left: 25px !important;
}

.padding-left-30 {
	padding-left: 30px !important;
}

.padding-left-35 {
	padding-left: 35px !important;
}

.padding-left-40 {
	padding-left: 40px !important;
}

.padding-left-45 {
	padding-left: 45px !important;
}

.padding-left-50 {
	padding-left: 50px !important;
}

.padding-left-55 {
	padding-left: 55px !important;
}

.padding-left-60 {
	padding-left: 60px !important;
}

/* right */

.padding-right-5 {
	padding-right: 5px !important;
}

.padding-right-10 {
	padding-right: 10px !important;
}

.padding-right-15 {
	padding-right: 15px !important;
}

.padding-right-20 {
	padding-right: 20px !important;
}

.padding-right-25 {
	padding-right: 25px !important;
}

.padding-right-30 {
	padding-right: 30px !important;
}

.padding-right-35 {
	padding-right: 35px !important;
}

.padding-right-40 {
	padding-right: 40px !important;
}

.padding-right-45 {
	padding-right: 45px !important;
}

.padding-right-50 {
	padding-right: 50px !important;
}

.padding-right-55 {
	padding-right: 55px !important;
}

.padding-right-60 {
	padding-right: 60px !important;
}

/* height */
.min-height-10 {
	min-height: 10px !important;
}

.height-auto {
	height: auto !important;
}

.height-full {
	height: 100% !important;
}

.height-5 {
	height: 5px !important;
}

.height-10 {
	height: 10px !important;
}

.height-15 {
	height: 15px !important;
}

.height-20 {
	height: 20px !important;
}

.height-25 {
	height: 25px !important;
}

.height-30 {
	height: 30px !important;
}

.height-35 {
	height: 35px !important;
}

.height-40 {
	height: 40px !important;
}

.height-45 {
	height: 45px !important;
}

.height-50 {
	height: 55px !important;
}

.height-60 {
	height: 60px !important;
}

.height-65 {
	height: 65px !important;
}

.height-70 {
	height: 70px !important;
}

.height-75 {
	height: 75px !important;
}

.height-80 {
	height: 80px !important;
}

.height-85 {
	height: 85px !important;
}

.height-90 {
	height: 70px !important;
}

.height-95 {
	height: 95px !important;
}

.height-100 {
	height: 70px !important;
}

.height-110 {
	height: 110px !important;
}

.height-120 {
	height: 120px !important;
}

.height-130 {
	height: 130px !important;
}

.height-140 {
	height: 140px !important;
}

.height-150 {
	height: 150px !important;
}

.height-160 {
	height: 160px !important;
}

.height-170 {
	height: 170px !important;
}

.height-180 {
	height: 180px !important;
}

.height-190 {
	height: 190px !important;
}

.height-200 {
	height: 200px !important;
}

.height-210 {
	height: 210px !important;
}

.height-220 {
	height: 220px !important;
}

.height-230 {
	height: 230px !important;
}

.height-240 {
	height: 240px !important;
}

.height-250 {
	height: 250px !important;
}

.height-260 {
	height: 260px !important;
}

.height-270 {
	height: 270px !important;
}

.height-280 {
	height: 280px !important;
}

.height-290 {
	height: 290px !important;
}

.height-300 {
	height: 300px !important;
}

.height-310 {
	height: 310px !important;
}

.height-320 {
	height: 320px !important;
}

.height-330 {
	height: 330px !important;
}

.height-340 {
	height: 340px !important;
}

.height-350 {
	height: 350px !important;
}

.height-360 {
	height: 360px !important;
}

.height-370 {
	height: 370px !important;
}

.height-380 {
	height: 380px !important;
}

.height-390 {
	height: 390px !important;
}

.height-400 {
	height: 400px !important;
}

.height-410 {
	height: 410px !important;
}

.height-420 {
	height: 420px !important;
}

.height-430 {
	height: 430px !important;
}

.height-440 {
	height: 440px !important;
}

.height-450 {
	height: 450px !important;
}

.height-460 {
	height: 460px !important;
}

.height-470 {
	height: 470px !important;
}

.height-480 {
	height: 480px !important;
}

.height-490 {
	height: 490px !important;
}

.height-500 {
	height: 500px !important;
}

.height-600 {
	height: 600px !important;
}

.height-700 {
	height: 700px !important;
}

.height-800 {
	height: 800px !important;
}

/* font sizes */

.font-size-10 {
	font-size: 10px !important;
}

.font-size-11 {
	font-size: 11px !important;
}

.font-size-12 {
	font-size: 12px !important;
}

.font-size-13 {
	font-size: 13px !important;
}

.font-size-14 {
	font-size: 14px !important;
}

.font-size-15 {
	font-size: 15px !important;
}

.font-size-16 {
	font-size: 16px !important;
}

.font-size-17 {
	font-size: 17px !important;
}

.font-size-18 {
	font-size: 18px !important;
}

.font-size-19 {
	font-size: 19px !important;
}

.font-size-20 {
	font-size: 20px !important;
}

.font-size-22 {
	font-size: 22px !important;
}

.font-size-24 {
	font-size: 24px !important;
}

.font-size-26 {
	font-size: 26px !important;
}

.font-size-28 {
	font-size: 28px !important;
}

.font-size-30 {
	font-size: 30px !important;
}

.font-size-32 {
	font-size: 32px !important;
}

.font-size-34 {
	font-size: 34px !important;
}

.font-size-36 {
	font-size: 36px !important;
}

.font-size-38 {
	font-size: 38px !important;
}

.font-size-40 {
	font-size: 40px !important;
}

.font-size-42 {
	font-size: 42px !important;
}

.font-size-44 {
	font-size: 44px !important;
}

.font-size-46 {
	font-size: 46px !important;
}

.font-size-48 {
	font-size: 48px !important;
}

.font-size-50 {
	font-size: 50px !important;
}

.font-size-60 {
	font-size: 60px !important;
}

.font-size-70 {
	font-size: 70px !important;
}

.font-size-80 {
	font-size: 80px !important;
}

/* line height */

.line-height-initial {
	line-height: initial !important;
}

.line-height-10 {
	line-height: 10px !important;
}

.line-height-11 {
	line-height: 11px !important;
}

.line-height-12 {
	line-height: 12px !important;
}

.line-height-13 {
	line-height: 13px !important;
}

.line-height-14 {
	line-height: 14px !important;
}

.line-height-15 {
	line-height: 15px !important;
}

.line-height-16 {
	line-height: 16px !important;
}

.line-height-17 {
	line-height: 17px !important;
}

.line-height-18 {
	line-height: 18px !important;
}

.line-height-19 {
	line-height: 19px !important;
}

.line-height-20 {
	line-height: 20px !important;
}

/* font weight */

.font-weight-100 {
	font-weight: 100 !important;
}

.font-weight-300 {
	font-weight: 300 !important;
}

.font-weight-400 {
	font-weight: 400 !important;
}

.font-weight-500 {
	font-weight: 500 !important;
}

.font-weight-600 {
	font-weight: 600 !important;
}

.font-weight-700 {
	font-weight: 700 !important;
}

/* vertical alignment */

.vertical-middle {
	vertical-align: middle !important;
}

.vertical-top {
	vertical-align: top !important;
}

.vertical-bottom {
	vertical-align: bottom !important;
}

/* display */

.display-table {
	display: table !important;
}

.display-table-cell {
	display: table-cell !important;
}

.display-inline-block {
	display: inline-block !important;
}

.display-inline {
	display: inline !important;
}

.display-block {
	display: block !important;
}

.display-none {
	display: none !important;
}

.overflow-hidden {
	overflow: hidden !important;
}

/* position */

.absolute {
	position: absolute;
}

.relative {
	position: relative;
}

.fixed {
	position: fixed;
}

.position-bottom {
	bottom: 0;
}

.position-top {
	top: 0;
}

.position-right {
	right: 0;
	left: auto;
}

.position-left {
	left: 0;
	right: auto;
}

/* pre-defined colors */

.bg-grey-50 {
	background-color: #fafafa !important;
}

.border-grey-50 {
	border-color: #fafafa !important;
}

.color-grey-100 {
	color: #f5f5f5 !important;
}

.bg-grey-100 {
	background-color: #f5f5f5 !important;
}

.border-grey-100 {
	border-color: #f5f5f5 !important;
}

.color-grey-200 {
	color: #eeeeee !important;
}

.bg-grey-200 {
	background-color: #eeeeee !important;
}

.border-grey-200 {
	border-color: #eeeeee !important;
}

.color-grey-300 {
	color: #e0e0e0 !important;
}

.bg-grey-300 {
	background-color: #e0e0e0 !important;
}

.border-grey-300 {
	border-color: #e0e0e0 !important;
}

.color-grey-400 {
	color: #bdbdbd !important;
}

.bg-grey-400 {
	background-color: #bdbdbd !important;
}

.border-grey-400 {
	border-color: #bdbdbd !important;
}

.color-grey-500 {
	color: #9e9e9e !important;
}

.bg-grey-500 {
	background-color: #9e9e9e !important;
}

.border-grey-500 {
	border-color: #9e9e9e !important;
}

.color-grey-600 {
	color: #757575 !important;
}

.bg-grey-600 {
	background-color: #757575 !important;
}

.border-grey-600 {
	border-color: #757575 !important;
}

.color-grey-700 {
	color: #616161 !important;
}

.bg-grey-700 {
	background-color: #616161 !important;
}

.border-grey-700 {
	border-color: #616161 !important;
}

.color-grey-800 {
	color: #424242 !important;
}

.bg-grey-800 {
	background-color: #424242 !important;
}

.border-grey-800 {
	border-color: #424242 !important;
}

.color-grey-900 {
	color: #212121 !important;
}

.bg-grey-900 {
	background-color: #212121 !important;
}

.border-grey-900 {
	border-color: #212121 !important;
}

.color-white {
	color: #ffffff !important;
}

.bg-white {
	background-color: #ffffff !important;
}

.border-white {
	border-color: #ffffff !important;
}

.color-black {
	color: #000000 !important;
}

.bg-black {
	background-color: #000000 !important;
}

.border-black {
	border-color: #000000 !important;
}

.opacity-1 {
	opacity: 1 !important;
}

/* Syriac Font */
@font-face {
	font-family: 'classicalsyriac';
	src: url('https://www.betkanu.com/content/css/fonts/Syriac/estrangelo.eot'); /* IE9 Compat Modes */
	src: url('https://www.betkanu.com/content/css/fonts/Syriac/estrangelo.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('https://www.betkanu.com/content/css/fonts/Syriac/estrangelo.woff2') format('woff2'), /* Super Modern Browsers */
	url('https://www.betkanu.com/content/css/fonts/Syriac/estrangelo.woff') format('woff'), /* Pretty Modern Browsers */
	url('https://www.betkanu.com/content/css/fonts/Syriac/estrangelo.ttf') format('truetype'), /* Safari, Android, iOS */
	url('https://www.betkanu.com/content/css/fonts/Syriac/estrangelo.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'syriaceast';
	src: url('~/Content/css/fonts/Syriac/AA- Nohadra Marcus.eot'); /* IE9 Compat Modes */
	src: url('~/Content/css/fonts/Syriac/AA- Nohadra Marcus.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('~/Content/css/fonts/Syriac/AA- Nohadra Marcus.woff2') format('woff2'), /* Super Modern Browsers */
	url('~/Content/css/fonts/Syriac/AA- Nohadra Marcus.woff') format('woff'), /* Pretty Modern Browsers */
	url('~/Content/css/fonts/Syriac/AA- Nohadra Marcus.ttf') format('truetype'), /* Safari, Android, iOS */
	url('~/Content/css/fonts/Syriac/AA- Nohadra Marcus.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'syriaceast2';
	src: url('~/Content/css/fonts/Syriac/eastm.eot'); /* IE9 Compat Modes */
	src: url('~/Content/css/fonts/Syriac/eastm.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('~/Content/css/fonts/Syriac/eastM.woff2') format('woff2'), /* Super Modern Browsers */
	url('~/Content/css/fonts/Syriac/eastm.woff') format('woff'), /* Pretty Modern Browsers */
	url('~/Content/css/fonts/Syriac/eastm.ttf') format('truetype'), /* Safari, Android, iOS */
	url('~/Content/css/fonts/Syriac/eastm.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'syriacwest';
	src: url('~/Content/css/fonts/Syriac/SertoJerusalem.eot'); /* IE9 Compat Modes */
	src: url('~/Content/css/fonts/Syriac/SertoJerusalem.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('~/Content/css/fonts/Syriac/SertoJerusalem.woff2') format('woff2'), /* Super Modern Browsers */
	url('~/Content/css/fonts/Syriac/SertoJerusalem.woff') format('woff'), /* Pretty Modern Browsers */
	url('~/Content/css/fonts/Syriac/SertoJerusalem.ttf') format('truetype'), /* Safari, Android, iOS */
	url('~/Content/css/fonts/Syriac/SertoJerusalem.svg#Serto Jerusalem') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'syriacwest2';
	font-style: italic;
	src: url('~/Content/css/fonts/Syriac/SertoUrhoy.eot'); /* IE9 Compat Modes */
	src: url('~/Content/css/fonts/Syriac/SertoUrhoy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('~/Content/css/fonts/Syriac/SertoUrhoy.woff2') format('woff2'), /* Super Modern Browsers */
	url('~/Content/css/fonts/Syriac/SertoUrhoy.woff') format('woff'), /* Pretty Modern Browsers */
	url('~/Content/css/fonts/Syriac/SertoUrhoy.ttf') format('truetype'), /* Safari, Android, iOS */
	url('~/Content/css/fonts/Syriac/SertoUrhoy.svg#svgFontName') format('svg'); /* Legacy iOS */
}

.classical {
	font-family: 'classicalsyriac';
	font-size: xx-large;
	direction: rtl;
}
/* Surit Font */
.Surit {
	font-family: 'syriaceast';
	font-size: xx-large;
	direction: rtl;
}

	.Surit > p {
		font-family: 'syriaceast';
		font-size: xx-large;
		direction: rtl;
	}

	.Surit > h3 {
		font-family: 'syriaceast';
		font-size: xx-large;
		direction: rtl;
	}

	.Surit > span {
		font-family: 'syriaceast';
		font-size: xx-large;
		direction: rtl;
	}
/* Surayt Font */
.Surayt {
	font-family: 'syriacwest';
	font-size: xx-large;
	direction: rtl;
}

	.Surayt > p {
		font-family: 'syriacwest';
		font-size: xx-large;
		direction: rtl;
	}

	.Surayt > h3 {
		font-family: 'syriacwest';
		font-size: xx-large;
		direction: rtl;
	}

	.Surayt > span {
		font-family: 'syriacwest';
		font-size: xx-large;
		direction: rtl;
	}
/* media helpers */

@media (max-width: 1200px) {
	.no-padding-md-lg {
		padding: 0 !important;
	}

	.no-margin-md-lg {
		margin: 0 !important;
	}

	.no-margin-top-md {
		margin-top: 0 !important;
	}

	.no-margin-bottom-md {
		margin-bottom: 0 !important;
	}

	.padding-md-lg-15 {
		padding: 15px !important;
	}
}

@media (min-width: 768px) and (max-width: 1025px) {
	.no-padding-sm-lg {
		padding: 0 !important;
	}

	.hidden-sm-lg {
		display: none !important;
	}

	.no-margin-sm-lg {
		margin: 0 !important;
	}

	.no-margin-top-sm-lg {
		margin-top: 0 !important;
	}

	.no-margin-bottom-sm-lg {
		margin-bottom: 0 !important;
	}

	.no-border-left-sm-lg {
		border-left: 0 !important;
	}

	.no-border-right-sm-lg {
		border-right: 0 !important;
	}

	.padding-right-sm-lg-15 {
		padding-right: 15px !important;
	}

	.margin-top-sm-lg-15 {
		margin-top: 15px !important;
	}

	.padding-sm-lg-15 {
		padding: 15px !important;
	}
}

@media (max-width: 1023px) {
	.display-block-md {
		display: block !important;
	}

	.display-inline-block-md {
		display: inline-block !important;
	}

	.margin-top-md-30 {
		margin-top: 30px !important;
	}
}

@media (max-width: 992px) {
	.no-padding-sm {
		padding: 0 !important;
	}

	.no-padding-top-sm {
		padding-top: 0 !important;
	}

	.no-padding-bottom-sm {
		padding-bottom: 0 !important;
	}

	.no-margin-sm {
		margin: 0 !important;
	}

	.no-margin-top-sm {
		margin-top: 0 !important;
	}

	.no-margin-bottom-sm {
		margin-bottom: 0 !important;
	}

	.margin-top-sm-15 {
		margin-top: 15px !important;
	}

	.margin-bottom-sm-15 {
		margin-bottom: 15px !important;
	}

	.margin-bottom-sm-30 {
		margin-bottom: 30px !important;
	}

	.padding-sm-15 {
		padding: 15px !important;
	}

	.padding-top-sm-30 {
		padding-top: 30px !important;
	}

	.padding-right-sm-15 {
		padding-right: 15px !important;
	}

	.full-width-sm {
		width: 100% !important;
	}

	.padding-left-sm-15 {
		padding-left: 15px !important;
	}

	.no-border-sm {
		border: 0 !important;
	}
}

@media (max-width: 460px) {
	.no-padding-xs {
		padding: 0 !important;
	}

	.no-padding-bottom-xs {
		padding-bottom: 0 !important;
	}

	.no-padding-top-xs {
		padding-top: 0 !important;
	}

	.no-margin-xs {
		margin: 0 !important;
	}

	.no-margin-top-xs {
		margin-top: 0 !important;
	}

	.no-margin-bottom-xs {
		margin-bottom: 0 !important;
	}

	.margin-top-xs-15 {
		margin-top: 15px !important;
	}

	.margin-bottom-xs-15 {
		margin-bottom: 15px !important;
	}

	.padding-xs-40 {
		padding: 40px !important;
	}

	.padding-xs-15 {
		padding: 15px !important;
	}

	.full-width-xs {
		width: 100% !important;
	}

	.no-radius-xs {
		border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
	}

	.no-border-xs {
		border: 0 !important;
	}
}

/* Syriac Font */
@font-face {
	font-family: 'classicalsyriac';
	src: url('fonts/Syriac/estrangelo.eot'); /* IE9 Compat Modes */
	src: url('fonts/Syriac/estrangelo.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/Syriac/estrangelo.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/Syriac/estrangelo.woff') format('woff'), /* Pretty Modern Browsers */
	url('fonts/Syriac/estrangelo.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/Syriac/estrangelo.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'syriaceast';
	src: url('fonts/Syriac/AA- Nohadra Marcus.eot'); /* IE9 Compat Modes */
	src: url('fonts/Syriac/AA- Nohadra Marcus.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/Syriac/AA- Nohadra Marcus.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/Syriac/AA- Nohadra Marcus.woff') format('woff'), /* Pretty Modern Browsers */
	url('fonts/Syriac/AA- Nohadra Marcus.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/Syriac/AA- Nohadra Marcus.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'syriaceast2';
	src: url('fonts/Syriac/eastm.eot'); /* IE9 Compat Modes */
	src: url('fonts/Syriac/eastm.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/Syriac/eastM.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/Syriac/eastm.woff') format('woff'), /* Pretty Modern Browsers */
	url('fonts/Syriac/eastm.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/Syriac/eastm.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'syriacwest';
	src: url('fonts/Syriac/SertoJerusalem.eot'); /* IE9 Compat Modes */
	src: url('fonts/Syriac/SertoJerusalem.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/Syriac/SertoJerusalem.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/Syriac/SertoJerusalem.woff') format('woff'), /* Pretty Modern Browsers */
	url('fonts/Syriac/SertoJerusalem.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/Syriac/SertoJerusalem.svg#Serto Jerusalem') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'syriacwest2';
	font-style: italic;
	src: url('fonts/Syriac/SertoUrhoy.eot'); /* IE9 Compat Modes */
	src: url('fonts/Syriac/SertoUrhoy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/Syriac/SertoUrhoy.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/Syriac/SertoUrhoy.woff') format('woff'), /* Pretty Modern Browsers */
	url('fonts/Syriac/SertoUrhoy.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/Syriac/SertoUrhoy.svg#svgFontName') format('svg'); /* Legacy iOS */
}

.classical {
	font-family: 'classicalsyriac';
	font-size: xx-large;
	direction: rtl;
}
/* Surit Font */
.Surit {
	font-family: 'syriaceast';
	font-size: xx-large;
	direction: rtl;
}

	.Surit > p {
		font-family: 'syriaceast';
		font-size: xx-large;
		direction: rtl;
	}

	.Surit > h3 {
		font-family: 'syriaceast';
		font-size: xx-large;
		direction: rtl;
	}

	.Surit > span {
		font-family: 'syriaceast';
		font-size: xx-large;
		direction: rtl;
	}
/* Surayt Font */
.Surayt {
	font-family: 'syriacwest';
	font-size: xx-large;
	direction: rtl;
}

	.Surayt > p {
		font-family: 'syriacwest';
		font-size: xx-large;
		direction: rtl;
		font-weight: bold;
	}

	.Surayt > h3 {
		font-family: 'syriacwest';
		font-size: xx-large;
		direction: rtl;
	}

	.Surayt > span {
		font-family: 'syriacwest';
		font-size: xx-large;
		direction: rtl;
	}

@media screen and (max-width: 768px) {
	.authorWindow {
		width: 210px;
	}
}

@media (max-width: 786px) {
	.projectFactsWrap .item {
		flex: 0 0 50%;
	}
}

@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow);

@media screen and (max-width:991px) {
	#lab_video_text_wrap {
		height: 300px;
	}
}

@media screen and (max-width:650px) {
	#lab_video_text_wrap {
		height: 250px;
	}

	#lab_video_text_overlay h2 {
		font-size: 2em;
	}

	#lab_video_text_overlay p {
		font-size: .9em;
	}
}

.Homebanner {
	height: 700px;
}
/* Hide the checkbox input */
#aboutDropdownToggle {
	display: none;
}

	/* Show the dropdown content when the checkbox is checked */
	#aboutDropdownToggle:checked + .dropdown-menu {
		display: block;
	}

.dropdown:hover .dropdown-toggle{
	display:block;
}

.modal-body .modal-line {
	width: 100%;
	display: block;
	align-items: center;
	justify-content: flex-start;
	padding: 7px 0;
	cursor: pointer;
	transition: all .5s ease;
}

	.modal-body .modal-line:hover {
		color: #fefefe;
	}
.SideBar_modal {
	background-color: #1c1e21;
	width: 50%;
	padding: 0 !important;
}

.modal-open .SideBar_modal {
	background-color: #1c1e21;
	width: 50%;
	overflow-y: scroll !important;
}
.SideBar_modal .modal-header {
	border: none;
	box-shadow: none;
}
.SideBar_modal .modal-body {
	padding: 0;
	background-color: #1c1e21;
}
.SideBar_modal .modal-content {
	border: none;
	box-shadow: none;
	background-color: #1c1e21;
}
.SideBar_modal .btn-close:focus {
	box-shadow: none;
}
.SideBar_modal .dropdown-menu {
	background-color: #1c1e21;
	width: 100%;
}
	.SideBar_modal .dropdown-menu .dropdown-item {
		font-size: 13px;
		color: rgba(255,255,255, 0.6) !important;
		background-color: #1a1b1e !important;
	}
		.SideBar_modal .dropdown-menu .dropdown-item:hover {
			background-color: #000000 !important;
		}

/* CSS for screens larger than 992 pixels */
@media (min-width: 993px) {
	.navbar-nav li.dropdown:hover .dropdown-menu {
		display: block;
		opacity: 1;
		transform: translateY(0);
	}
}

/* CSS for screens smaller than or equal to 992 pixels */
@media (max-width: 992px) {


	.navbar-nav li.dropdown.active .dropdown-menu {
		display: contents; /* Show on click */
		opacity: 1;
		transform: translateY(0);
	}
}

.ken-burns {
	animation: kenBurnsAnimation 15s infinite;
}

@keyframes kenBurnsAnimation {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

.carousel-caption {
	opacity: 0;
	transform: translateY(-50px);
	animation: fallFromTop 1s forwards, fadeInFromBottom 1s forwards;
}

@keyframes fallFromTop {
	0% {
		opacity: 0;
		transform: translateY(-50px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fadeInFromBottom {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.comment-container {
	margin-bottom: 10px;
	position: relative;
}
.toggle-hidden-btn {
	padding: 10px 1rem;
	font-size: 0.9375rem;
	border: 1px solid #424b65 !important;
	margin: 0.375rem 0.75rem;
}
.comment-text {
	margin: 5px 0;
	display: none;
	font-size: small;
	padding: 0.75rem;
	font-weight: 300;
	letter-spacing: 1px;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.rotate-svg {
	transition: transform 0.3s ease-in-out;
}

.comment-text.visible {
	display: block;
	opacity: 1;
}