.bg-yellow {
	background-color: #fff090;
	padding: 10px;
	text-align: justify;
}

.top-menu {
	height: 40px;
	background-color: #2c2c34;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.top-menu ul {
	margin: 0;
	padding: 0;
}
.top-menu ul li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}
.top-menu ul li a {
	color: #BBBABB;
	display: inline-block;
	padding: 0 15px;
	height: 40px;
	line-height: 40px;
	border-left: 1px solid #4c4c59;
}
.top-menu ul li a:hover {
	color: #FFF !important;
	text-decoration: none;
}
.top-menu ul li.about a {
	border-right: 1px solid #4c4c59;
}
.dropbtn {
	height: 40px;
	background: #2c2c34;
	color: #BBBABB;
	border: none;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 1px solid #4c4c59;
	border-right: 1px solid #4c4c59;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #2c2c34;
  min-width: 120px;
  z-index: 2000;
}
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content .dropdown-item:hover {
	color: #333 !important;
}

.dropdown:hover .dropdown-content {
	display: block;
}

/*.dropdown:hover .dropbtn {background-color: #3e8e41;}*/

.navbar {
  padding: 0;
  margin-top: 40px;
  position: absolute;
}
.top-nav-collapse {
	margin-top: 0;
	position: fixed;
}
.text-white {
	color: #fff;
}
.text-dark {
	color: #333 !important;
}
.btn-more {
	position: absolute;
	margin-left: 10px;
	z-index: 300;
}
.btn-interest {
	margin-right: 10px;
}
.btn-wantto {
	position: absolute;
	background-color: #ddd;
	color: #333;
	border: none;
	padding: 0 10px;
	font-weight: 700;
}

.call-to-action-section {
	margin-top: 60px;
}

.modal {
	top: 50px;
}
.modal button {
	cursor: pointer;
}
.modal-header {
	padding-top: 5px;
	padding-bottom: 5px;
}
.modal-header label {
	margin-top: 8px;
}
.modal-footer {
	padding-top: 0;
	padding-bottom: 0;
}
.modal-content p {
	margin-top: 0;
	margin-bottom: 0;
}
.checkbox label, .radio label, label {
	color: #333;
}

table {
	border: 1px solid #ddd;
}
thead tr {
	background: #ddd;
}
tbody tr td {
	padding: 10px !important;
}
tbody tr td .btn {
	margin: 0;
}

.cdb-section {
	/*border-bottom: 1px solid #ddd;*/
}
.cdb-section a {
	color: #333;
}

.company-name {
  background: #333;
  color: #fff;
  padding: 10px;
}
.company-name h2 {
	font-size: 20px;
	margin: 0;
}
.tbl-contact {
	background: #ddd;
}
.panel-title {
	background: #333;
	color: #fff;
	padding: 5px 10px;
}
.panel-title h3 {
	font-size: 18px;
	margin: 0;
}
.company-contact {
  background: #fff090;
  padding: 10px 12px;
  text-align: center;
}
.company-contact p {
	margin: 0;
}
.agileits_search {
    width: 100%;
    margin-bottom: 2em;
}
.agileits_search form {
    border: 10px solid rgba(0, 0, 0, 0.50);
}
.agileits_search input[type="text"], .agileinfo_search {
    outline: none;
    border:none;
    background: #fff;
    color: #333;
    padding: 0.5em 1em;
    font-size: 1em;
    float: left;
}
.agileits_search input[type="text"]{
  width: 30%; 
}
.agileinfo_search {
    width: 30%;
    height: 38px;
    background: #e0e3e5;
    padding: 0.5em 1em;
    color: #333;
}
.agileits_search button {
    outline: none;
    border: none;
    background: #212121;
    color: #fff;
    padding: 0.5em 1em;
    font-size: 1em;
    width: 10%;
  -webkit-transition:.5s all;
  -moz-transition:.5s all;
  -o-transition:.5s all;
  -ms-transition:.5s all;
  transition:.5s all;
}
.agileits_search button:hover{
  background: #5166d8;
  color: #fff;
  cursor: pointer;
}
.cdb-search {
	background-color: #333;
	color: #fff;
}
.cdb-search select {
	color: #fff;
}
.cdb-search option {
	color: #333;
}
.cdb-search input {
	color: #fff !important;
}

.search-key {
  width: 90% !important;
}
.search-panel{
  background: #eee;
  margin-top: 10px;
  border-top: 1px solid #42adf4;
}
.search-panel h3{
  padding: 10px 0;
}


.footer-contact-widget .mdi-instagram:hover {
	background: #c96b38;
}

.img-info {
	font-size: 10px;
}
.img-responsive {
	width: 100%;
}

.blog-sidebar-column .single-sidebar-widget .sidebar-widget-title {
	background: #5166d8;
}
.categories-list {
	list-style: none;
	padding-inline-start: 20px;
}
.categories-list h3 {
	font-size: 18px;
}
.categories-list li {
	padding: 3px;
}
.btn-common.disabled {
	background-color: #2196F3;
}
.paging .disabled {
	background-color: #eee;
	color: #3f51b3 !important;
	border: 1px solid #3f51b3;
}
.paging .disabled:hover {
	color: #fff !important;
}

.single-post h2 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.post-meta-elements {
	margin-bottom: 10px;
}
.post-meta-elements, .post-meta-elements a, .post-meta-elements .fa {
	font-size: 13px;
}
.post-meta-elements, .post-meta-elements a {
	color: #999;
	display: inline-block;
}
.post-meta-author, .post-meta-date, .post-meta-cat, .post-meta-comments {
	display: inline-block;
	margin: 0 16px 0 0;
}
.post-meta-elements .fa {
	margin: 0 6px 0 0;
	transition-duration: 0.3s;
}
.fb-share-button {
  float: right;
  margin-top: -4px;
  margin-left: 10px;
}

.media-left img {
	height: 100px;
}

.no-padding-table tr td {
	padding: 5px 0;
}

.single-team-widget .team-member-info {
	height: auto;
}
.single-team-widget .know-more {
	position: absolute;
	display: none;
}
.know-more {
	position: absolute;
	top: 20px;
	right: 0;
}

.portfolio-details-section .portfolio-details h2 {
	margin-top: 0;
}

.biz-company {
	text-align: center;
}

.biz-header {
	background: #5166d8;
	padding: 5px 10px;
	text-align: center;
	font-weight: 700;
	font-size: 18px;
	color: #fff;
}

.biz-company .logo-image {
	text-align: center;
	display: block;
  margin-left: auto;
  margin-right: auto;
	width: 100px;
	padding: 10px;
}
.logo-image img {
	height: 50px;
}
.logo-image img, .biz-project img {
	width: 100%;
}
h2.biz-company-name {
	font-size: 18px !important;
	font-weight: 700;
	margin: 0;
	padding: 0;
}
.biz-company-info {
	margin-top: 10px;
	margin-bottom: 10px;
	min-height: 70px;
}

.biz-company-info p {
	margin: 0;
}

.biz-project {
	padding: 10px;
	width: 100%;
	height: 180px;
	overflow: hidden;
	position: relative;
}
.biz-project img {
	min-height: 160px;
}
.biz-project .img-overflow {
	position:absolute;
  bottom:0px;
  left:0px;
  width:100%;
  height:25px;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,255,241,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.biz-project .btn-raised {
	margin-top: 0;
	margin-bottom: 10px;
	border: 1px solid #5166d8;
}
.biz-project-info {
	padding: 10px;
	min-height: 180px;
}
.biz-project-info h2 {
	font-weight: 700;
	font-size: 18px;
}

.owl-buttons {
  position: absolute;
  width: 100%;
  top: 50%;
}
.owl-buttons .owl-prev, .owl-buttons .owl-next {
	background: #5166d8;
  padding: 0 8px;
  color: #fff;
}
.owl-buttons .owl-prev {
	position: absolute;
	left: -10px;
}
.owl-buttons .owl-next {
	position: absolute;
	right: -10px;
}
.author-image {
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	text-align: center;
}
.author-image img {
	max-width: 100%;
	height: 80px !important;
	width: auto !important;
}
.blog-sidebar-column .author-widget .author-info .author-intro {
	position: absolute;
	float: left;
	left: 0;
}
.author-name {
	background-color: #000;
	width: 100%;
}
.author-intro {
	width: 100%;
	text-align: center;
}
.blog-sidebar-column .author-widget .author-info .author-bio {
	margin-top: 0;
}

.alert{
	padding: 5px 10px;
}
.alert p {
	margin: 0;
}
.alert .close {
	margin-top: 5px;
	font-size: 16px;
	cursor: pointer;
}

.fix-textarea {
	background: #fff !important;
  height: 120px;
  padding: 5px 10px;
  overflow-y: auto;
}
.post-meta-elements {
	background-color: #fafafa;
	color: #666;
	width: 100%;
	padding: 5px 10px;
}

.login-title {
	font-size: 22px;
}
.banner-register {
	cursor: pointer;
}
.banner-register:hover {
	box-shadow: 10px 10px 5px grey;
}
.modal-disclaimer {
	background-color: #fffaaa;
}

.pricing-table:hover {
	box-shadow: 5px 5px 5px 5px #ddd;
}
.free-bg {
	background-color: #cccfff !important;
}
.silver-bg {
	background-color: #e0e0e0 !important;
}
.gold-bg {
	background-color: #ffee88 !important;
}

.form-register .form-group, .form-register label {
	margin: 0;
}
.form-register .form-control {
	padding: 0 !important;
	height: 30px;
}
.checkbox label {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.recaptcha {
	margin-bottom: 10px;
}
.g-recaptcha {
  transform:scale(0.77);
	-webkit-transform:scale(0.77);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}
.grecaptcha-badge { 
    visibility: hidden;
}
.alert-content {
	margin-bottom: 0;
}
.agreement-text {
	background-color: #fffaaa;
	width: 100%;
	height: 320px;
	padding: 10px;
	overflow-y: auto;
}
.agreement-text h3 {
	font-size: 20px;
	border-bottom: 1px solid #333;
}

.short-link ul {
	margin: 0;
	padding: 0;
}
.short-link li a {
	color: #fff;
}

.list-left li {
	text-align: left !important;
}

.toggle-password {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 20px;
	font-weight: 700;
	z-index: 1000;
}
#submitRegister disabled {
	background-color: #2196F3 !important;
}

.news-list .post-meta {
	min-height: 280px;
}
.event-list .team-member-info {
	min-height: 200px;
}
.event-list .img-event {
	height: 200px;
	overflow: hidden;
	position: relative;
	background-color: #fff;
}
.img-event img {
	min-height: 160px;
}
.img-event .img-overflow {
	position:absolute;
  bottom:0px;
  left:0px;
  width:100%;
  height:40px;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,255,241,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.row-no-margin {
	margin-left: 0;
	margin-right: 0;
}
.btn-raised, .btn-common {
	padding: 10px 10px;
}


.AUNads {
	position: fixed;
	top: 8vh;
	height: 100vh;
	z-index: 0 !important;
	cursor: pointer;
}
.AUNads-img {
	width: 7.3vw;
	height: 45.5vh;
}

.AUNads-img img, .AUNads-center img {
	width: 100%;
	height: 100%;
}

.mb-1vh {
	margin-bottom: 1vh;
}

@media (max-width: 767px) {
	.AUNads {
		display: none;
	}
}

footer, .call-to-action-section {
	position: relative;
	z-index: 1000 !important;
}

.table-register h3 {
	font-size: 20px;
	margin: 0;
	padding: 0
}
.table-register tr th, .table-register tr td {
	text-align: center;
}

.pricing-register {
	font-size: 12px;
}
.pricing-register th {
	padding: 0;
}
.pricing-register p {
	font-weight: normal;
	padding: 0;
	margin: 0;
	line-height: 20px;
}

.benefits-left img {
	width: 100%;
	/*max-height: 250px;*/
}
.card-portofolio {
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	margin-bottom: 2em;
	padding: 0;
	height: auto;
	overflow-y: auto;
}
.card-portofolio img {
    width: 100%;
    vertical-align: middle;
}
.helper {
      display: inline-block;
      height: 100%;
      vertical-align: middle;
  }
.mb-10 {
	margin-bottom: 10px;
}
.row {
	padding-top: 0;
}
::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #FF0000;
}

.langPos, .showMin {
	display: none;
}
@media (max-width: 566px) {
	.hideMin {
		display: none;
	}
	.showMin {
		display: block;
	}
	.langPos {
		display: block;
		position:absolute;
		top:0;
		right: 15px;
	}
	.langPos .dropdown-content {
		right: 0;
	}
}
@media (max-width: 767px) {
	.row .col-xs-4 {
		width: 33.33% !important;
	}
}