.thim-widget-courses-searching .courses-searching {
	max-width: 830px;
	margin:    0 auto;
	position:  relative;
	input {
		width:        calc(100% - 60px);
		width:        -webkit-calc(100% - 60px);
		width:        -moz-calc(100% - 60px);
	  @include rounded(5px 0 0 5px);
		border:       none;
		height:       60px;
		line-height:  60px;
		float:        left;
		margin:       0;
		padding-left: 30px;
		background:   #fff;
		color:        #a8a8a8;
		font-size:    24px;
		font-style:   italic;
		&:-moz-placeholder {
			color: #a8a8a8;
		}
		// Firefox 4-18
		&::-moz-placeholder {
			color: #a8a8a8;
		}
		// Firefox 19+
		&:-ms-input-placeholder {
			color: #a8a8a8;
		}
		// Internet Explorer 10+
		&::-webkit-input-placeholder {
			color: #a8a8a8;
		}
	}
	button {
		width:       60px;
		line-height: 60px;
		//		height: 60px;
	  @include rounded(0 5px 5px 0);
		float:       left;
		font-size:   20px;
		padding:     0;
		border:      none;
		background:  #111111;
		color:       #ffffff;
	  @include transition();
		&:hover {
			//background: @thim_font_body_color;
		}
		&:focus {
			outline: none;
		}
	}
	form {
		overflow: hidden;
		padding: 0 2px;
	}
	.deskpress-smartsearch, .ob-list-search {
		max-width:  780px;
		text-align: left;
		margin:     0 auto;
	}

	ul.courses-list-search {
		z-index:         999;
		overflow:        hidden;
		padding:         0px 20px;
		list-style:      none;
		position:        absolute;
		right:           0;
		max-height:      300px;
		overflow-y:      auto;
		background:      #ffffff !important;
		margin-top:      0px;
		left:            0;
		text-align:      left;
		margin-left:     0;
		width: 500px;
	  @include rounded;
		box-shadow:      0 6px 12px rgba(0, 0, 0, 0.175);
		-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
		-o-box-shadow:   0 6px 12px rgba(0, 0, 0, 0.175);
		-ms-box-shadow:  0 6px 12px rgba(0, 0, 0, 0.175);
		&::-webkit-scrollbar {
			width:  6px;
			height: 30px;
		}
		&::-webkit-scrollbar-track {
			-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
			border-radius:      6px;
		}
		&::-webkit-scrollbar-thumb {
			border-radius:      6px;
			-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
		}

		li {
			list-style:  none;
			padding: 12px 0px;
			line-height: 2em;
			border-bottom: 1px solid $border-color;
			&.ob-selected {
				background: none !important;
			}
			a {
				display: block;
				padding: 0 20px 0 10px;
				//color:   @thim_font_body_color;
				i {
					margin-right: 10px;
				}
				span {
				}
			}
		}
		li:last-child {
			border: none;
		}
	}
}

.menu-right {
	position: static !important;
}

.thim-widget-courses-searching {
	.search-link {
		cursor: pointer;
	}
	.courses-searching {
		&.search-layout-02 {
			position:  absolute;
			left:      15px;
			right:     15px;
			max-width: inherit;
			top:       15px;
			bottom:    15px;
			display:   none;
			input {
				width:         100%;
				box-shadow:    0 0 0;
				border-radius: 0;
			}

			form {
				position: relative;
				.widget-search-close {
					position:   absolute;
					top:        50%;
					right:      0;
					margin-top: -8px;
					cursor:     pointer;
					font-size:  18px;
					color:      #999;
					z-index:    9999;
				}
				.courses-search-input {
					padding-left: 20px;
					background:   transparent !important;
				}
			}
			ul.courses-list-search {
				margin-top: 0;
				//background: @thim_sub_menu_bg_color !important;
				li {
					width: 100%;
					a {
						//color: @thim_sub_menu_text_color;
					}
				}
			}
		}
	  &.layout-top {
		padding-top: 10px;
		padding-bottom: 10px;
		@include transition();
		button {
		  font-size: 16px;
		  background-color: transparent;
		  line-height: 74px;
		  width: inherit;
		}
		input[type="text"] {
		  font-size: 16px;
		  line-height: 74px;
		  height: inherit;
		  padding-left: 10px;
		  padding-bottom: 0;
		  padding-top: 0;
		  font-weight: normal;
		  box-shadow: none;
		  font-style: italic;
		  width: 300px;
		}
	  }
	}
}
.search_top {
  float: left;
  padding-left: 20px;
}
.header_v5, .header_v3 {
  &.site-header {
	&.sticky-header {
	  &.affix {
		.search_top {
		  .courses-searching {
			&.layout-top {
			  padding-top: 0px;
			  padding-bottom: 0px;
			}
		  }
		}
	  }
	}
  }
}

.affix {
	.thim-widget-courses-searching {
		.search-link {
			cursor: pointer;
		}
		.courses-searching {
			&.search-layout-02 {
				top: 0;
				input {
					height:      55px;
					line-height: 55px;
				}
				form .widget-search-close{
					margin-top: -16px;
				}
			}
		}
	}
}
.inner_box_search {
  background-color: rgba(27,27,27,0.8);
  padding: 45px 0 56px;
  margin: 0 102px;
  color: #c8c8c8;
  border-radius: 4px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
	min-width: 936px;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
  a {
	color: #ffffff;
  }
  .textwidget {
	h3 {
	  color: #fff;
	  font-size: 44px;
	  font-weight: normal;
	  margin-bottom: 10px;
	  margin-top: 0;
		line-height: 1;
	}
	  p {
		  font-size: 20px;
		  font-weight: 300;
		  line-height: 28px;
	  }
  }
  .widget_courses-searching {
	margin-top: 38px;
	  margin-bottom: 40px !important;
	  padding: 0px 108px;
  }
	.thim-widget-courses-searching .courses-searching input {
		font-size: 20px;
		color: #a8a8a8;
	}
}