/* TABLE OF CONTENT
======================================
01. Main Styles
	01.1 White Text
	01.2 Titles
02. Bootstrap
	02.1 Align Center
	02.2 Tabs
	02.3.Buttons
	02.4 Labels
	02.5 Alerts
	02.6 Lightbox
	02.7 Pagination
	02.8 Progress Bars
	02.8 Preloader
	02.10 Calendar
03. Sidebars
	03.1 Content
	03.2 Main Sidebar
	03.3 Section
04. Header
	04.1 Logo Animation
	04.2 Logo Img
	04.3 Tranparency Menu
	04.4 Full Width Submenu
	04.5 Horizontal Menu
	04.6 Language Menu
	04.7 Mobile Menu
	04.8 Header Animation
	04.9 Passpartu
	04.10 Search
	04.11 Header Login Form
05. Slider
	05.1 Slider Text
	05.2 Slider Aligns
	05.3 Scroll Down
	05.4 About Images
06. Shortcodes
	06.1 Preloader
	06.2 Video
	06.3 Instagram
	06.4 News
	06.5 Countdown
	06.6 Counters
	06.7 Events
	06.8 Shop
	06.9 Icon Boxes
	06.10 Animation Blocks
	06.11 Browsers Images
	06.12 Team
	06.13 Sliders
	06.14 News Block
	06.15 Around Block
	06.16 Price
	06.17 Services Block
07. Footer
	07.1 To Top
	07.2 Map
08. Inside Pages
	08.1 Portfolio
	08.2 Pages Title
	08.3 Breadcrumbs
	08.4 Demos
	08.5 One Page Nav
	08.6 Blog
	08.7 Widgets
	08.8 Comments
	08.9 Masonry
	08.10 Projects
	08.11 Shop
	08.12 Tags
	08.13 Related Products
	08.14 Checkout
	08.15 Cart
	08.16 Single Products
09.Red Demo
	09.1 AudioPlayer
  09.2 Slider Aligns
  09.3 Counters
  09.4 Events
10. Mobile, Tablet
	10.1 Mobile
	10.2 Tablet
======================================
*/


/*===============================================*/
/* 01. Main Styles                               */
/*===============================================*/

body {
    color: #333;
    font:400 14px/25px Raleway, Arial,sans-serif;
	margin:0;
	padding:0;
	min-height:100%;
	height: 100%;
	background-color: #fff;
}
.body_no_height {
	height: auto;
}
.body_no_height .har_slider {
	height: 700px;
	height: 100vh;
}
a, a:hover, a:focus, a:active {
	color: #6f6f6f
}
html {
	min-height:100%;
	height:100%
}
.clear {
	clear: both;
}
.har_page {
	min-height:100%;
	position:relative;
	height:100%;	
	left: 0;
}
.har_large_text {
	font: 400 18px/30px Raleway, Arial;
}
.har_over {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 1
}
.har_image_bck {
	-webkit-background-size: cover;
	background-size: cover;
}
.har_top_menu_mobile_link {
	display: none;
}

/*01.1 White Text*/
.har_wht_txt {
	color: #fff;
}
	.har_wht_txt h2:after {
		background: rgba(255,255,255,0.1);
	}
	.text-center .har_wht_txt h3 {
		max-width: 40%;
		margin-left: auto;
		margin-right: auto;
	}
	footer.har_wht_txt h3 {
		max-width: 100% ;
	}
	.har_wht_txt .har_icon_box_content {
		color: #fff;
	}
	.har_wht_txt .har_icon_box h4 {
		color: #fff;
	}
	.har_wht_txt a, .har_wht_txt a i {
		color: #fff;
	}



/*01.2 Titles*/
h1.har_h1_title {
	font:900 44px Raleway, Arial;
	text-transform: uppercase;
	line-height: 1.125;
	margin-top: 0;
}


h2 {
	font:400 24px Raleway, Arial;
	line-height: 1.125;
	margin-bottom: 40px;
	margin-top: 0;
}
.har_great_titles h2 {
	font:900 80px Raleway, Arial;
	text-transform: uppercase;
}
.har_middle_titles h2 {
	font:900 44px Raleway, Arial;
	text-transform: uppercase;
}
.har_thin_titles h2 {
	font:300 44px Raleway, Arial;
	text-transform: uppercase;
}
h2:after {
	display: block;
	content: '';
	width: 112px;
	height: 1px;
	background: #C9C9C9;
	margin-top: 20px;
	-webkit-transition: width 2s;
	-o-transition: width 2s;
	transition: width 2s;
}
	.text-center h2:after, h2.text-center:after {
		margin-left: auto;
		margin-right: auto;
	}
	.text-right h2:after, h2.text-right:after {
		margin-left: auto;
		margin-right: 0;
	}
	h2.noactive:after {
		width: 5%;
	}
	h2.active:after {
		width: 100%;
	}
h3 {
	font:300 22px/30px Raleway, Arial;
	margin-bottom: 40px;
}
.har_content .text-center h3 {
	max-width: 700px;
	margin-right: auto;
	margin-left: auto	
}
.har_content img {
	max-width: 100%;
}
h4 {
	margin: 20px 0;
}


/*===============================================*/
/* 02. Bootstrap                                 */
/*===============================================*/

/*02.1 Align Center*/
.har_text_center {
	text-align: center;
}
	.text-center .har_icon_box .ti {
		float: none;
		position: relative;
		margin-left: 0;
	}
	.text-center .har_icon_box .har_icon_box_content {
		padding-left: 10px;	
	}
	.text-center h4:after {
		margin-left: auto;
		margin-right: auto;
	}
blockquote footer {
	padding: 40px 0 0;
}
.checkbox, .radio {
	display: inline-block;
}
.method {
	display: inline-block;
}
.checkout .box, .cart .box {
	background: #eee;
	padding: 30px;
}
.cart-total-item .price {
	float: right;
}
.cart-total-item {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.method p {
	margin: 0;
}
.container-full {
	width: 100%;
}
.panel-default > .panel-heading {
	border-radius: 0;
	background:#f2f2f2;
	padding: 20px;
}
.panel-title a:before {
	display: inline-block;
	content: "\e622";
	font-family: themify;
	font-size: 12px;
	margin-right: 10px;
}
	.panel-title a.collapsed:before {
		content: "\e61a";
	}
.panel-group .panel {
	border-radius: 0;
}
.har_simple_block {
	padding: 100px;
	position: relative;
	z-index: 1;
}

.har_simple_block_mini {
	padding: 80px 30px 50px;
	position: relative;
	z-index: 1;
}
.har_pa_minheight_block {
	min-height: 300px;
}

	.container-fluid .har_simple_block_mini h2,
	.har_simple_block_mini h2 {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.container-fluid .har_simple_block_mini h2:after {
		margin-bottom: 0!important;
	}
	.har_simple_block_mini h3 {
		margin: 0 0 20px 0;
		text-transform: uppercase;
	}

/*AbsBlocks */
.har_block_middle_cente {
	position: absolute;
	transform:translateX(-50%) translateY(-50%);
	top: 50%;
	left: 50%;
}
.har_block_middle_top {
	position: absolute;
	transform:translateX(-50%);
	top: 10%;
	left: 50%;
}
.har_block_middle_bottom {
	position: absolute;
	transform:translateX(-50%);
	bottom: 10%;
	left: 50%;
}
.har_block_right_cente {
	position: absolute;
	transform:translateY(-50%);
	top: 50%;
	right: 10%;
}
.har_block_right_top {
	position: absolute;
	top: 10%;
	right: 10%;
}
.har_block_right_bottom {
	position: absolute;
	bottom: 10%;
	right: 10%;
}



.har_simple_block_great {
	padding: 180px 100px;
	position: relative;
	z-index: 1;
}

.background-position {
	background-position: 50% 0;
}
.container-mini {
	max-width: 600px;
	margin-right: auto;
	margin-left: auto;
}
.text-center p {
	max-width: 600px;
	margin-right: auto;
	margin-left: auto;
}
.form-control {
	margin-bottom: 30px;
	border-radius:0;
	height: 50px;
	padding: 10px 20px;
	box-shadow:none;
	border: 1px solid #C4C4C4;
}
.har_form .form-control {
	display: inline-block;
	max-width: 400px;
}
.har_form textarea.form-control {
	max-width: 100%;
}
.har_form .btn {
	margin: 0;
}
.form-control.error {
	border: 1px solid red;
}
label.error {
	position: absolute;
	width: 100%;
	left: 0;
	top: 81px;
	font-size: 11px;
}
p {
	margin-bottom: 30px;
}
textarea.form-control {
	height: 150px;
	padding: 20px;
}
.btn {
	border: 0;
	border-radius:0;
	-webkit-transition: all 0.5s linear ;
	-o-transition: all 0.5s linear ;
	transition: all 0.5s linear;
	background: rgba(0,0,0,0.2);
	padding: 15px;
}
	.btn:hover {
		color: #fff;
		background: rgba(0,0,0,0.6);
		box-shadow: 0 15px 15px -10px rgba(0,0,0, .5);
	}
.har_wht_txt .btn {
	background: rgba(255,255,255,0.5);
	color: #fff;
}

	.har_wht_txt .btn:hover {
		background: rgba(0,0,0,0.9);
	}
.col-md-12 .twitter-feed {
	margin: 50px auto 0;
	max-width: 600px;	
}
.twitter-feed ul {
	list-style:none;
	padding: 0;
}
.twitter-feed ul li {
	border-bottom: 1px solid rgba(255,255,255,0.3);
	margin-bottom: 20px;
}
.twitter-feed .interact {
	display: none;
}
.twitter-feed ul li:last-child {
	border-bottom: 0;
}
.twitter-feed .user,
.twitter-feed .timePosted {
	display: none;
}
.eng_big_icon i {
	font-size: 40px;
}

.row_no_pd .col-lg-1, 
.row_no_pd .col-lg-10, 
.row_no_pd .col-lg-11, 
.row_no_pd .col-lg-12, 
.row_no_pd .col-lg-2, 
.row_no_pd .col-lg-3, 
.row_no_pd .col-lg-4, 
.row_no_pd .col-lg-5, 
.row_no_pd .col-lg-6, 
.row_no_pd .col-lg-7, 
.row_no_pd .col-lg-8, 
.row_no_pd .col-lg-9, 
.row_no_pd .col-md-1, 
.row_no_pd .col-md-10, 
.row_no_pd .col-md-11, 
.row_no_pd .col-md-12, 
.row_no_pd .col-md-2, 
.row_no_pd .col-md-3, 
.row_no_pd .col-md-4, 
.row_no_pd .col-md-5, 
.row_no_pd .col-md-6, 
.row_no_pd .col-md-7, 
.row_no_pd .col-md-8, 
.row_no_pd .col-md-9, 
.row_no_pd .col-sm-1, 
.row_no_pd .col-sm-10, 
.row_no_pd .col-sm-11, 
.row_no_pd .col-sm-12, 
.row_no_pd .col-sm-2, 
.row_no_pd .col-sm-3, 
.row_no_pd .col-sm-4, 
.row_no_pd .col-sm-5, 
.row_no_pd .col-sm-6, 
.row_no_pd .col-sm-7, 
.row_no_pd .col-sm-8, 
.row_no_pd .col-sm-9, 
.row_no_pd .col-xs-1, 
.row_no_pd .col-xs-10, 
.row_no_pd .col-xs-11, 
.row_no_pd .col-xs-12, 
.row_no_pd .col-xs-2, 
.row_no_pd .col-xs-3, 
.row_no_pd .col-xs-4, 
.row_no_pd .col-xs-5, 
.row_no_pd .col-xs-6, 
.row_no_pd .col-xs-7, 
.row_no_pd .col-xs-8, 
.row_no_pd .col-xs-9{
	padding: 0;
}

/*02.2 Tabs*/
.tab-pane {
	padding: 25px 0;
}
.great-tabs li a,
.great-tabs li a:hover, 
.great-tabs li.active a,
.great-tabs li.active a:hover, 
.great-tabs {

}
.great-tabs li a {
	text-align: center;
	margin: 0 10px;
	width: 160px;
	height: 110px;
	border: 1px solid #ccc;
	border-radius: 0;
	padding: 20px;
}

.great-tabs li a i {
	display: block;
	margin-right: auto;
	margin-left: auto;
	font-size: 40px;
	margin-bottom: 10px;
}
.nav-tabs > li > a {
	border-radius: 0;	
	border: 0;
}
.nav-tabs > li > a:hover {
	background: none;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	border: 0;
	border-bottom: 1px solid #6f6f6f;
	background: none;
}
.nav-tabs {
	border: 0;
}

/*02.3.Buttons*/
.btn.large, .btn-lg {
	padding: 20px;
	font-weight: bold;
}
.btn.medium, .btn-sm {
	padding: 15px;
	font-weight: 500;
}
.btn.small, .btn-xs {
	padding:10px;
	font-size: 10px;
}
.btn.yellow {
	background: yellow;
}
.btn.gray {
	background: #333;
	color: #fff;
}
.btn.gray-light {
	background: #eee;
}
.btn.cyan {
	background: cyan;
	color: #fff;
}
.btn.blue {
	background: blue;
	color: #fff;
}
.btn.teal {
	background: teal;
	color: #fff;
}
.btn.green {
	background: green;
	color: #fff;
}
.btn.lime {
	background: lime;
	color: #fff;
}
.btn.red {
	background: red;
	color: #fff;
}
	.btn.yellow:hover, 
	.btn.gray:hover, 
	.btn.gray-light:hover,
	.btn.cyan:hover,
	.btn.blue:hover,
	.btn.teal:hover,
	.btn.green:hover,
	.btn.lime:hover,
	.btn.red:hover {
		background: #292929;
	}
.btn span {
	display: inline-block;
	margin:0 0 0 5px;
}
.btn span.ti-left {
	margin-right: 5px;
	margin-left: 0;
}
.btn {
	text-shadow: none;
}
.btn-primary {
	background: #337ab7;
	color: #fff;
}
.btn-success {
	background: #5cb85c;
	color: #fff;
}
.btn-info {
	background: #5bc0de;
	color: #fff;
}
.btn-warning {
	background: #eea236;
	color: #fff;
}
.btn-danger {
	background: #d9534f;
	color: #fff;
}
.btn-link {
	background: none;
	padding: 0 10px;
}
	.btn-link:hover {
		background: none;
		color: #333;
	}
.btn.btn_border {
	border: 1px solid #ccc;
	background: none;
	color: #333;
}
.har_wht_txt .btn.btn_border {
	border: 1px solid rgba(255,255,255,0.3);
	background: none;
	color: #fff;
}
.har_wht_txt .btn.btn_border:hover {
	border: 1px solid rgba(255,255,255,1);
	color: #fff;
}

.btn.btn_border.yellow {
	border: 1px solid yellow;
}
.btn.btn_border.gray {
	border: 1px solid gray;
}
.btn.btn_border.gray-light {
	border: 1px solid #eee;
}
.btn.btn_border.cyan {
	border: 1px solid cyan;
}
.btn.btn_border.blue {
	border: 1px solid blue;
}
.btn.btn_border.teal {
	border: 1px solid teal;
}
.btn.btn_border.green {
	border: 1px solid green;
}
.btn.btn_border.lime {
	border: 1px solid lime;
}
.btn.btn_border.deeporange {
	border: 1px solid orange;
}
.btn.btn_border:hover {
		color: #000;
		background: none;
		border: 1px solid #333;
	}




/*02.4 Labels*/
.label {
	padding:10px 10px;
	border-radius: 0;
}
h5 .label, h6 .label {
	padding: 5px;
}
/*02.5 Alerts*/
.alert  {
	border-radius: 0;
	border: 0;
	box-shadow:none;
}
	.alert-success {
		background: #dff0d8;
		border: 1px solid #d6e9c6;
	}
	.alert-info {
		background: #d9edf7;
		border: 1px solid #bce8f1;
	}
	.alert-warning {
		background: #fcf8e3;
		border: 1px solid #faebcc;
	}
	.alert-danger {
		background: #f2dede;
		border: 1px solid #ebccd1;
	}
/*02.6 Lightbox*/
.har_port_titles_lg_icons .har_port_icons {
	margin-top: 0;
}
.har_port_titles_lg_icons, .har_port_titles_lg_icons .har_port_icons, .har_port_titles_lg_icons .har_port_icons a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
/*02.7 Pagination*/
.pagination li a, 
.pagination-lg li a, 
.pagination > li:first-child > a, 
.pagination > li:last-child > a,
.pager li > a, 
.pager li > span {
	border-radius: 0;
}
.har_blog_pag .pagination li a {
	border: 0;
	color: #292929;
	margin: 0 3px;
	padding: 10px 15px;
}
.har_blog_pag .pagination li.active a {
	border: 0;
	background: #292929;
	color: #fff;
}
.pager a span {
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
	.pager .previous a:hover span {
		margin-right: 10px
	}
	.pager .next a:hover span {
		margin-left: 10px
	}

/*02.8 Progress Bars*/
.skill-bar {
	background: #f2f2f2;
	height: 40px;
	margin-bottom: 20px;
	position: relative;
}
.skill-bar-thin {
	height: 40px;
	padding-top: 25px;
	background: none;
}
	.skill-bar-thin:after {
		position: absolute;
		display: block;
		content: '';
		height: 5px;
		background: #f2f2f2;
		width: 100%;
		z-index: 0;
		margin-top: -5px;
	}
	.skill-bar-thin .skill-bar-content {
		height: 5px;
		position: relative;
		z-index: 1;
	}
	.skill-bar-thin .skill-perc {
		position: absolute;
		color: #333;
		right: 0;
		margin-top: -30px;
	}
	.skill-bar-thin .skill-title {
		position: absolute;
		color: #333;
		margin-top: -30px;
		padding: 0;
	}
	.skill-bar-content {
		position: absolute;
		height: 40px;
		background: #292929;
		text-indent: -10000px;
		-webkit-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
	}
	.noactive .skill-bar-content {
		width: 0!important;
		opacity: 0;
	}
		.active .skill-bar-content {
			opacity: 1;
		}

	.skill-title {
		position: absolute;
		color: #fff;
		padding: 8px 10px;
	}
	.har_wht_txt .skill-title, .har_wht_txt .skill-perc {
		color: #fff;
	}

/*02.9 Preloader*/
.har_page_loader{
 	display:block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fefefe;
	z-index: 100000;	
}

.har_loader {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  font-size: 10px;
  text-indent: -12345px;
  border-top: 1px solid rgba(0,0,0, 0.08);
  border-right: 1px solid rgba(0,0,0, 0.08);
  border-bottom: 1px solid rgba(0,0,0, 0.08);
  border-left: 1px solid rgba(0,0,0, 0.5);
  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  
   -webkit-animation: spinner 700ms infinite linear;
   -moz-animation: spinner 700ms infinite linear;
   -ms-animation: spinner 700ms infinite linear;
   -o-animation: spinner 700ms infinite linear;
   animation: spinner 700ms infinite linear;
  
  z-index: 100001;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*02.10 Calendar*/
label.error{
	display: none!important;
}
.ui-datepicker {
	background: #fff;
}
.ui-datepicker td a, 
.ui-datepicker th {
	padding: 3px 10px;
}
.ui-datepicker td a {
	display: block;
	text-align: center;
}
	.ui-datepicker td a:hover {
		text-decoration: none;
		background: #ccc;
	}
.ui-datepicker table {
	margin: 10px 5px;
}
.ui-datepicker-title {
	font-size: 18px;
}
.ui-datepicker-next {
	float: right;
}
.ui-datepicker-next,
.ui-datepicker-prev {
	cursor: pointer;
}
.ui-datepicker-header {
	padding: 15px;
}


/*===============================================*/
/* 03. Sidebars                                  */
/*===============================================*/

/*03.1 Content*/
.har_content {
	position: relative;
}
.container {
	position: relative;
	z-index: 2;
}

/*03.2 Main Sidebar*/
.har_main_sidebar h2:after {
	display: none;
}
.har_main_sidebar h2 {
	margin-bottom: 20px;
}


/*03.3 Section*/
.har_section {
	overflow: hidden;
	position: relative;
}
.har_section .container {
	padding-top: 132px;
	padding-bottom: 128px;
}
.har_section .container-fluid {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}
.har_section_sml_padding .container {
	padding-top: 50px;
	padding-bottom: 46px;
}
.container {
	position: relative;
}



/*===============================================*/
/* 04. Header                                    */
/*===============================================*/

header {
	position: fixed;
	width: 100%;
	height: 60px;
	top: 0;
	z-index: 10;
}
	
		.har_logo {
			font:900 24px/18px Raleway, Arial;
			color:#333;
			text-transform: uppercase;
			position: absolute;
			top: 32px;
			-webkit-transition: all 0.3s;
			-o-transition: all 0.3s;
			transition: all 0.3s;
			margin-left: 50px;
		}
			.har_logo:hover {
				text-decoration: none;
			}
		.har_logo b {
			display: block;
			font:500 12px/18px Raleway, Arial;
			position: relative;
			-webkit-transition: all 0.2s;
			-o-transition: all 0.2s;
			transition: all 0.2s;
			opacity: 1;
			left: 0;
		}
		.enhance_logo .char2 {
			background: url(../images/enhance_logo_n.png) no-repeat 0 1px;
			height: 18px;
			width: 7px;
			display: inline-block;
			text-indent: -10000px;
			-webkit-background-size: cover;
			background-size: cover;
			margin: 0 4px;
		}
		/*04.1 Logo Animation*/
		.har_logo span {
			position: relative;
			display: inline-block;
			transition:1s all;
			min-width: 5px;
		}
	
			.har_logo_rotate_y {
				transform:rotateY(0);
			}
				.har_logo_rotate_y:hover span, .active.har_logo_rotate_y span {
					transform:rotateY(360deg)
				}
			.har_logo_rotate_x {
				transform:rotateX(0);
			}
				.har_logo_rotate_x:hover span, .active.har_logo_rotate_x span {
					transform:rotateX(360deg)
				}
			.har_logo_rotate_z {
				transform:rotateZ(0);
			}
				.har_logo_rotate_z:hover span, .active.har_logo_rotate_z span {
					transform:rotateZ(360deg)
				}
		.har_logo span:nth-child(0) {
			background: #333;
			color:#fff;
			display: inline-block;
			padding: 0 7px;
			margin: 0 2px;
		}


		/*04.2 Logo Img*/
		.har_logo img {
			max-height: 20px;
			width: auto;
		}
		
		.har_logo_eq {
			display:block;
			width: 40px;
			height: 40px;
			position: absolute;
			top: 20px;
			-webkit-transition: all 0.3s;
			-o-transition: all 0.3s;
			transition: all 0.3s;
			z-index: 5;
		}
		.har_first_step .har_logo_eq span {
			border-left: 1px dotted #333;
		}
		.har_second_step .har_logo_eq {
			top: 5px;
		}
		.har_logo_eq span {
			display: inline-block;
			width: 1px;
			height: 0;
			border-left: 1px dotted #fff;
			margin-left: -3px;
			position: absolute;
			top: 50%;
			transform:translateY(-50%);
		}
		.har_logo_eq span:nth-child(1) {
			margin-left: 0;
		}
		.har_logo_eq span:nth-child(2) {
			margin-left: 2px;
		}
		.har_logo_eq span:nth-child(3) {
			margin-left: 4px;
		}
		.har_logo_eq span:nth-child(4) {
			margin-left: 6px;
		}
		.har_logo_eq span:nth-child(5) {
			margin-left: 8px;
		}
		.har_logo_eq span:nth-child(6) {
			margin-left: 10px;
		}
		.har_logo_eq span:nth-child(7) {
			margin-left: 12px;
		}
		.har_logo_eq span:nth-child(8) {
			margin-left: 14px;
		}
		.har_logo_eq span:nth-child(9) {
			margin-left: 16px;
		}
		.har_logo_eq span:nth-child(10) {
			margin-left: 18px;
		}
		.har_logo_eq span:nth-child(11) {
			margin-left: 20px;
		}
		.har_logo_eq span:nth-child(12) {
			margin-left: 22px;
		}
		.har_logo_eq span:nth-child(13) {
			margin-left: 24px;
		}
		.har_logo_eq span:nth-child(14) {
			margin-left: 26px;
		}
		.har_logo_eq span:nth-child(15) {
			margin-left: 28px;
		}
		.har_logo_eq span:nth-child(16) {
			margin-left: 30px;
		}
		.har_logo_eq span:nth-child(17) {
			margin-left: 32px;
		}
		.har_logo_eq span:nth-child(18) {
			margin-left: 34px;
		}
		.har_logo_eq span:nth-child(19) {
			margin-left: 36px;
		}
		.har_logo_eq span:nth-child(20) {
			margin-left: 38px;
		}


		
		header nav {
			height: 83px;
			background: rgba(255,255,255,0.3);
			position: relative;
			width: 100%;
			border-bottom: 1px solid rgba(0,0,0,0.1);
			-webkit-transition: all 0.3s;
			-o-transition: all 0.3s;
			transition: all 0.3s;
		}
			header nav.har_light_nav {
				background: rgba(255,255,255,0.8);
			}
		header .container {
			margin-top: 0;
			margin-bottom: 0;
		}

		/*04.3 Tranparency Menu*/
		header nav.har_transp_nav {
			background: rgba(255,255,255,0);
			color: #fff;
			border-bottom: 1px solid rgba(255,255,255,0.05);
		}
			header nav.har_transp_nav a {
				color: #fff;
			}
			.har_first_step header nav.har_transp_nav {
				background: rgba(255,255,255,0.9);
				-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);
				box-shadow: 0 0 7px rgba(0,0,0,0.1);
				color: #333;
			}
			.har_first_step header nav.har_transp_nav a {
				color: #333;
			}


		header nav ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}
			.har_top_menu {
				float: right;
				margin-right: -35px;
			}
				.har_top_menu a {
					-webkit-transition: all 0.3s;
					-o-transition: all 0.3s;
					transition: all 0.3s;
					text-transform: uppercase;
					font:600 13px/24px Raleway;
					position: relative;
				}
				.har_top_menu a:hover {
					text-decoration: none;
					color: #000;
				}
				.har_transp_nav .har_top_menu a:hover {
					color: #fff;
				}
				.har_first_step .har_transp_nav .har_top_menu a:hover {
					color: #000;
				}
				.har_first_step .har_transp_nav .har_top_menu ul a:hover {
					color: #fff;
				}
				.har_top_menu ul a:hover {
					text-decoration: none;
					color: #fff;
				}
			.har_top_menu ul {
				position: absolute;
				width: 250px;
				display: none;
				padding: 20px;
				background: rgba(0, 0, 0, 0.9);
			}
			

			.har_top_menu ul ul {
				padding: 0;
				background: none;
				margin-bottom: 20px;
			}
				.har_top_menu ul ul:last-child {
					margin-bottom: 0;
				}
			.har_top_menu ul li {
				
			}
			.har_parent > a:after {
				content: "\e64b";
				display: inline-block;
				font-size: 12px;
				font-family: themify;
				margin-left: 10px;
			}
			.har_parent:last-child ul {
				right: 0;
			}
				

				.har_top_menu ul li {
					float: none;
				}
					.har_top_menu ul a {
						color: #fff;
						padding: 10px 20px;
						height: auto;
					}
						.har_top_menu ul li:hover  > a {
							color: #fff;
							margin-left: 10px;
						}
						.har_top_menu ul li:hover  > a:before {
							display: none;
						}
						.har_top_menu li:hover  > a:before {
							display: block;
							content: '';
							height: 1px;
							width: 30%;
							position: absolute;
							top: 55px;
							margin-right: 30px;
							-webkit-transition: all 0.3s;
							-o-transition: all 0.3s;
							transition: all 0.3s;
							border-bottom: 2px solid rgba(0,0,0,.5);
						}
						.har_transp_nav .har_top_menu li:hover  > a:before {
							border-bottom: 2px solid #fff;
						}
						.har_first_step .har_top_menu li:hover  > a:before {
							border-bottom: 2px solid rgba(0,0,0,.5);
						}
						.har_second_step .har_top_menu li:hover  > a:before {
							top: 38px;
						}


						
			header nav ul li {
				float: left;
				height: 100%;
			}
				header nav ul li a {
					display: block;
					height: 82px;
					padding: 29px 20px;
					-webkit-transition: all 0.3s;
					-o-transition: all 0.3s;
					transition: all 0.3s;
					color: #000;
				}

			/*04.4 Full Width Submenu*/
			ul.mega-menu {
				width: 100%;
				left: 0;
				white-space: nowrap;
				background: rgba(0, 0, 0, 0.9);
			}
			ul.mega-menu:after {
				clear: both;
				display: block;
				content: '';
			}
			.har_top_menu ul .mega-menu-column {
				display: inline-block;
				vertical-align: top;
				background: none;
				padding: 0;
				margin: 0;
			}

			.mega-menu-column ul {
				position: relative;
				width: 100%;
			}
			.mega-menu-column ul li {
				background: none;
			}
			.har_parent ul a {
				font:400 11px/18px Raleway;
				padding: 5px 10px;
			}
			.har_second_step header nav.har_mobile_menu_hor_padding .har_parent ul a,
			header nav.har_mobile_menu_hor_padding .har_parent ul a {
				padding: 5px 10px;
				height: auto;
			}
			.har_parent a i {
				margin-right: 10px;
			}
			.mega-menu-column b {
				border-bottom: 2px solid #fff;
				margin-bottom: 20px;
				margin-left: 10px;
				display: inline-block;
				color: #fff;
			}
			.har_first_step header nav .har_top_menu ul a, .har_first_step header nav .har_top_menu ul b {
				color: #fff;
			}

			/*04.5 Horizontal Menu*/
			.har_mobile_menu_hor_padding {
				top: 44px;
				left: 44px;
				right: 44px;
				position: fixed;
				width: auto;
				border-bottom: 0;
				height: 52px;
				background: #fff;
				opacity: 0;
				-webkit-transition: all 0.3s;
				-o-transition: all 0.3s;
				transition: all 0.3s;
				pointer-events: none;
			}
			.tablet.landscape .har_mobile_menu_hor .har_logo,
			.desktop .har_mobile_menu_hor .har_logo  {
				margin-left: 50px;
			}
			.har_mobile_menu_hor_padding .har_top_menu {
				right: auto;
			}
			.har_mobile_menu .ti-close {
				opacity: 0;
				-webkit-transition: all 0.3s;
				-o-transition: all 0.3s;
				transition: all 0.3s;
				position: absolute;
				left: -10px;
			}
			.har_mobile_menu.active .ti-close {
				opacity: 1;
				left: 10px;
			}
			.har_mobile_menu .ti-menu {
				-webkit-transition: all 0.3s;
				-o-transition: all 0.3s;
				transition: all 0.3s;
				position: absolute;
				left: 10px;
			}
			.har_mobile_menu.active .ti-menu {
				opacity: 0;
				left: 20px;
			}
			.har_mobile_menu_hor .har_top_menu li:hover > a:before {
				top: 38px;
			}

			.har_mobile_menu_hor_padding.active {
				opacity: 1;
				pointer-events: auto;
				right: 44px;
			}
			.har_first_step header nav.har_mobile_menu_hor_padding {
				height: 52px;
				background: #fff;
			}
			header nav.har_mobile_menu_hor_padding ul li a,
			.har_second_step header nav.har_mobile_menu_hor_padding ul li a {
				height: 52px;
				padding: 14px 20px;
			}
			.har_mobile_menu_hor .har_logo,
			.har_second_step .har_mobile_menu_hor .har_logo {
				top: 17px;
			}
			
			/*04.6 Language Menu*/
			.har_header_lang ul {
				list-style:none;
				padding: 0;
			}
			.har_header_lang .har_parent ul {
				position: absolute;
				z-index: 20;
				list-style:none;
				padding: 7px 0 0 0;
				width: 100px;
				right: 0;
				display: none;
			}
			.har_header_lang span:after {
				content: "\e64b";
				display: inline-block;
				font-size: 12px;
				font-family: themify;
				margin-left: 10px;
			}
				.har_header_lang .har_parent ul li {
					background: rgba(0,0,0,0.7);
				}
				.har_header_lang .har_parent ul a {
					padding: 5px 10px;
					display: block;
					color: #fff;
					-webkit-transition: all 0.3s;
					-o-transition: all 0.3s;
					transition: all 0.3s;
					text-align: right;
				}
					.har_header_lang .har_parent ul a:hover {
						padding-right: 15px;
						text-decoration: none;
					}
			.har_header_lang {
				position: absolute;
				right: 0;
			}
			.har_header_lang .har_parent span {
				cursor: pointer;
			}

			/*04.7 Mobile Menu*/
			.har_mobile_menu {
				position: absolute;
				font-size: 24px;
				color: #fff;
				cursor: pointer;
				left: 44px;
				top: 44px;
				background: #e5e5e5;
				height: 52px;
				width: 46px;
				text-align: center;
				padding-top: 13px;
				color: #6f6f6f;
				z-index: 3;
			}
				.har_mobile_menu_content {
					background: rgba(196,196,196,.85);
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					position: fixed;
				}
				.har_mobile_menu_content ul {
					margin: 0;
					padding: 0;
					list-style: none;
					position: absolute;
					top: 120px;
					width: 200px;
					padding-left: 50px;	
				}
				.har_mobile_menu_content ul li {
					position: relative;
				}
				.har_mobile_menu_content ul ul {
					position: relative;
					transform:translateY(0);
					padding: 20px 0 20px 20px;
					top: 0;
					display: none;
				}
				.har_mobile_menu_content ul a {
					font-size: 20px;
				}

			/*04.8 Header Animation*/
			.har_first_step header nav {
				background: rgba(255,255,255,0.9);
			}
			.har_second_step header nav {
				height: 52px;
				background: rgba(255,255,255,0.7);
			}
				.har_second_step .har_top_menu > li > a {
					height: 52px;
					padding: 13px 20px;
				}
			.har_second_step .har_logo {
				top: 17px;
				
			}
			.har_logo_und {
				top: 41px;
				position: absolute;
				-webkit-transition: all 0.3s;
				-o-transition: all 0.3s;
				transition: all 0.3s;
				left: 15px;
				opacity: 1;
				text-transform: uppercase;
				font-weight:bold;
			}
			.har_second_step .har_logo_und {
				left: 15px;
				opacity: 0;
				top:30px;
				filter:blur(5px);
			}

	.har_header_tech {
		width: 100%;
		position: relative;
		height: 40px;
		background: rgba(0,0,0,0.7);
		padding: 7px 0;
		color: rgba(255,255,255,0.3);
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		z-index: 3;
	}
	.har_header_tech.har_wht_txt {
		color: #fff;
	}
		.har_first_step .har_header_tech {
			height: 0;
			padding: 0;
			z-index: 0;
			overflow: hidden;
		}
.har_header_address {
	position: absolute;
	left: 0;
	top: 0;
	margin-left: -5px;
}
	.har_phone:before {
		display: inline-block;
		content: "\e621";
		margin-right: 10px;
		font-family: themify;
	}
	.har_phone {
		margin: 0 20px;
	}
	.har_location:before {
		display: inline-block;
		content: "\e693";
		margin-right: 10px;
		font-family: themify;
	}

/*04.9 Passpartu*/
.har_border_top {
	background: #e5e5e5;
    position: absolute;
    z-index: 10;
    left: 20px;
    right: 20px;
    top: 20px;
    height: 24px;
}
.har_border_bottom {
	background: #e5e5e5;
    position: absolute;
    z-index: 10;
    left: 20px;
    right: 20px;
    bottom: 20px;
    height: 24px;
}
.har_border_left {
	background: #e5e5e5;
    position: absolute;
    z-index: 10;
    left: 20px;
    top: 20px;
    width: 24px;
    bottom: 20px;
}
.har_border_right {
	background: #e5e5e5;
    position: absolute;
    z-index: 10;
    right: 20px;
    top: 20px;
    width: 24px;
    bottom: 20px;
}
.tablet .har_border_top {
	left: 0;
    right: 0;
    top: 0;
    height: 24px;
}
.tablet .har_border_bottom {
    left: 0;
    right: 0;
    bottom: 0;
    height: 24px;
}
.tablet .har_border_left {
    left: 0;
    top: 0;
    width: 24px;
    bottom: 0;
}
.tablet .har_border_right {
    right: 0;
    top: 0;
    width: 24px;
    bottom: 0;
}

/*04.10 Search*/
.har_header_search {
	float: right;
}

/*04.11 Header Login Form*/
.har_header_login {
	float: right;
	position: relative;
	padding: 16px 0;
	margin-left: 40px;
}
.har_second_step .har_header_login {
	padding: 12px 0;
}
.har_second_step .har_header_login .btn {
	padding: 5px 15px;
}
	.har_second_step .har_header_search span {
		padding: 16px 0 16px 60px;
	}
	.har_second_step .har_header_basket span {
		padding: 16px 0 16px 50px;
	}
	.har_header_search span {
		display: block;
		padding: 30px 0 30px 60px;
		cursor: pointer;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.har_header_basket span {
		padding: 30px 0 30px 50px;		
	}
	.har_mobile_menu_hor .har_header_basket span {
		padding: 16px 0 16px 50px;
	}
	.har_header_search a:hover {
		text-decoration: none;
	}
	.har_header_search_cont,
	.har_header_basket_cont {
		position: absolute;
		right: 0;
		background: rgba(0,0,0,0.8);
		padding: 20px;
		width: 300px;
		display: none;
		color: #fff;
	}
	.har_header_basket_cont .btn {
		color: #fff!important;
	}
		.har_bask_block_item {
			display: block;
			border-bottom: 1px solid rgba(255,255,255,0.5);
			color: #fff!important;
			margin-bottom: 10px;
			padding-bottom: 10px;
		}
			.har_bask_block_item img {
				width: 50px;
				height: auto;
				margin-right: 10px;
			}
		.har_bask_block_item a {
			color: #fff;
		}
		.har_bask_btns .total {
			float: right;
			padding: 15px 0 0;
		}

	.har_second_step .har_header_search_cont {
		margin-top: -3px;
	}
	.har_mobile_menu_hor .har_header_search span {
		padding: 16px 0 16px 60px;
	}
	.har_mobile_menu_hor .har_header_search_cont {
		margin-top: -5px;
	}
	.har_header_search_cont .btn {
		position: absolute;
		top: 20px;
		right: 20px;
		background: none;
		text-indent: -10000px;
		z-index: 2;
	}
	.har_header_search_cont:after {
		display: block;
		position: absolute;
		content: "\e610";
		font-family: themify;
		color: #292929;
		top: 33px;
		right: 36px;
	}
	.har_header_search_cont input {
		margin-bottom: 0;
	}

/*===============================================*/
/* 05. Slider                                    */
/*===============================================*/
 .jqueryFireFly {
  background-image: url(../images/sparkle10.png);
   height: 100px !important;
   width: 100px!important;
   background-color: none!important;
}
.har_firefly {
	width: 100%;
	height: 100vh;
	position: absolute;
}

.har_slider {
	-webkit-background-size: 100%;
	background-size: 100%;
	-webkit-transition-delay: time;
	-o-transition-delay: time;
	transition-delay: time;
}
	.har_slider .container {
		position: relative;
		z-index: 1;
	}

.har_slider_img {
	width: 100%;
	height: 100%;
	z-index:0;
	-webkit-transition: all 20s;
	-o-transition: all 20s;
	transition: all 20s;
	transform:scale(1);
	position: absolute;
}
.har_slider_carousel .owl-item.active .har_slider_img {
	transform:scale(1.2);
}

.har_slider_carousel {
	height: 100%;
	height: 100vh;
}
.har_slider_carousel.har_wht_txt .owl-buttons i {
	color: #fff;
}
.har_slider_carousel .owl-buttons {
	position: absolute;
	width: 100%;
	top: 50vh;
}
.har_slider_carousel.owl-theme .owl-controls .owl-buttons div {
	transform:scale(2);
	position: absolute;
	opacity: 1;
}
.har_slider_carousel.owl-theme .owl-controls .owl-buttons div:hover {
	transform:scale(3);
}
.har_slider_carousel .owl-prev {
	left: 40px;
}
.har_slider_carousel .owl-next {
	right: 40px;
}
	.har_slider_carousel .owl-controls .owl-buttons .owl-next {
		right: 40px;
		opacity: 1;
		transform:scale(1);
	}
	.har_slider_carousel .owl-controls .owl-buttons .owl-prev {
		left: 40px;
		opacity: 1;
		transform:scale(1);
	}
.har_slider_carousel .owl-pagination {
	position: absolute;
	width: 100%;
	bottom: 0px;
}
.har_slider_carousel .har_slide_txt {
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	filter: blur(10px);
}

.har_slider_carousel .active .har_slide_txt {
	filter: blur(0);
}

.har_slider {
	height: 100%;
	width: 100%;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	height: 100vh;
	overflow: hidden;
}	
.har_slider_bottom {
	position: absolute;
	bottom: 100px;
	width: 100%;
}
	.har_slider_bottom h3 {
		margin: 0;
	}
	.har_slider_bottom .breadcrumbs {
		padding-top: 30px;
	}
.har_slider_copyright {
	position: absolute;
	left: -5px;
	bottom: 100px;
	transform:rotate(-90deg);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
}
.har_auto_height .har_slider_copyright {
	bottom: 100px;
	left: 100px;
}

.har_slider_copyright_right {
	right: 0;
	left: auto;
	transform:rotate(90deg);
	-webkit-transform-origin: 100% 0 0;
	-moz-transform-origin: 100% 0 0;
	-ms-transform-origin: 100% 0 0;
	-o-transform-origin: 100% 0 0;
	transform-origin: 100% 0 0;
}

	/*05.1 Slider Text*/
	.har_slide_txt {
		position: absolute;
		width: 50%;
	}
	.har_slide_txt.har_slide_center_middle, .har_slide_txt.har_slide_center_top, .har_slide_txt.har_slide_center_bottom {
		width: 70%;
	}
	.har_slide_txt img {
		max-width: 100%;
	}
	
	/*05.2 Slider Aligns*/
	.har_slide_left_bottom {
		left: 15px;
		bottom: 120px;
	}
	.har_slide_left_middle {
		left: 15px;
		top: 50%;
		transform:translateY(-50%);
	}
	.har_slide_left_top {
		left: 15px;
		top: 140px;
	}

	.har_slide_right_bottom {
		right: 15px;
		bottom: 120px;
	}
	.har_slide_right_middle {
		right: 15px;
		top: 50%;
		transform:translateY(-50%);
	}
	.har_slide_right_top {
		right: 15px;
		top: 140px;
	}

	.har_slide_center_bottom {
		left: 50%;
		bottom: 120px;
		transform:translateX(-50%);
	}
	.har_slide_center_middle {
		left: 50%;
		top: 50%;
		transform:translateY(-50%) translateX(-50%);
	}
	.har_slide_center_top {
		left: 50%;
		top: 140px;
		transform:translateX(-50%);
	}

	.har_slider .container {
		position: relative;
		height: 100%;
	}
		.har_slide_title {
			font:900 44px Raleway, Arial;
			line-height: 1.0625;
			text-transform: uppercase;
		}
		.har_slide_title_great {
			font:900 86px Raleway, Arial;
			line-height: 1.0625;
			text-transform: uppercase;
		}
		.har_slide_title_middle {
			font:900 56px Raleway, Arial;
			line-height: 1.0625;
			text-transform: uppercase;
			margin-bottom: 25px;
		}

		
		.har_slide_subtitle {
			font:700 20px Raleway, Arial;
			text-transform: uppercase;
			line-height: 1.125;
			margin-bottom: 20px;
			margin: 20px 0;
		}

		.har_slide_desq {
			font:400 24px Raleway, Arial;
			line-height: 1.35417;
			margin: 30px 0;
		}
		.har_slide_desq_great {
			font:500 24px Raleway, Arial;
			text-transform: uppercase;
		}
			.har_slide_title_great:after {
				display: block;
				content: '';
				height: 1px;
				background: rgba(0,0,0,0.4);
				width: 112px;
				margin: 30px 0;
			}
			.text-center .har_slide_title_great:after {
				margin: 30px auto;
			}
			.text-right .har_slide_title_great:after {
				margin: 30px 0 30px auto;
			}
			.har_wht_txt .har_slide_title_great:after {
				background: rgba(255,255,255,0.4);
			}
		.har_slide_desq_btns {
			margin-top: 20px;
		}
	/*05.3 Scroll Down*/
	.har_scroll_down {
		position: absolute;
		bottom: 40px;
		text-decoration: none;
		font:12px/18px Raleway, Arial;
		color: #fff;
		width: 40px;
		left: 50%;
		margin-left: -20px;
		text-align: center;
		z-index: 2;
	}
		.har_wht_txt .har_scroll_down b {
			border:2px solid #fff;
		}
		.har_wht_txt .har_scroll_down,
		.har_wht_txt .har_scroll_down:hover {
			color: #fff;
		}
			.har_wht_txt .har_scroll_down b:before {
				background: #fff;
			}
		.har_scroll_down:hover, .har_scroll_down:focus {
			color: #fff;
			text-decoration: none;
		}
		.har_scroll_down b {
			width: 25px;
			height: 40px;
			border:2px solid #fff;
			border-radius: 15px;
			display: inline-block;
			position: relative;
		}
		.har_scroll_down b:before {
			display: block;
			content: '';
			height: 4px;
			width: 2px;
			background: #fff;
			left: 10px;
			top: 8px;
			position: absolute;
			animation:2s ease 0s normal none infinite mouse-down;
			-webkit-animation:2s ease 0s normal none infinite mouse-down;
		}
		@keyframes mouse-down {
			0% {
				height: 4px;
			}
			50% {
				height: 12px;	
			}
			100% {
				height: 4px;
			}
		}
/*05.4 About Images*/
.har_image_bottom {
	position: absolute;
	bottom: 0;
}
.har_working_hours i{
	font-style: normal;
	width: 100px;
	display: inline-block;
}

/*===============================================*/
/* 06. Shortcodes                                */
/*===============================================*/

/*06.0 AudioPlayer*/
.har_player_container {
	left: 50px;
	position: fixed;
	top: 200px;
	z-index: 10;
	width: 300px;
	background: #fff;
	display: none;
}
.har_music {
	position: fixed;
	left: 0;
	top: 200px;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	width: 50px;
	height: 50px;
	padding: 18px 17px;
	z-index: 10;
	cursor: pointer;
}
.har_player_container .container {
	margin-left: auto;
	margin-right: auto;
}
.har_first_step .har_player button i:before {
	color: #000;
}

/*Soundcloud PA*/
.har_soundcloud_pa {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}



.har_player_container .har_player {
  display: block;
  width: 100%;
  padding: 20px; 
}
.har_player_container .har_player #nowPlaying {
  display: block;
}
@media screen and (min-width: 768px) {
	.har_player_container .har_player #player-button {
    display: none;
  }
}
.jp-audio {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.jp-audio .jp-type-playlist {
  display: block;
  position: relative;
  height: 100%;
}
.jp-audio .jp-typlayerpe-playlist .jp-interface {
  display: block;
  position: relative;
  height: 100%;
}
.jp-audio .jp-type-playlist .jp-interface .jp-controls {
  padding-top: 0;
  text-align: center;
}
.jp-audio .jp-type-playlist .jp-interface .jp-controls button {
  display: inline-block;
  background: none;
  border: none;
  outline: none;
}
.jp-audio .jp-type-playlist .jp-interface .jp-controls button i {
  text-align: center;
  color: #000;
  font-size: 16px;
  line-height: 18px;
	margin-left: 10px;
}
.jp-audio .jp-type-playlist .jp-interface .jp-controls #playlist-toggle.close-icon i:before {
  content: "\e646";
}
 .har_player_container .har_player #player-button.close-icon:before {
    content: "\e646";
  }
.jp-audio .jp-type-playlist .jp-interface .jp-controls .jp-play i {
  font-size: 20px;
}
.jp-audio .jp-type-playlist .jp-interface .jp-controls .jp-volume-bar {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 5px;
  margin-bottom: 4px;
  cursor: pointer;
  border: 1px solid #000;
}
.jp-audio .jp-type-playlist .jp-interface .jp-controls .jp-volume-bar .jp-volume-bar-value {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #000;
}

/*Playlist Hidden*/
.jp-audio .jp-type-playlist .jp-interface .jp-playlist {
  display: none;
  position: absolute;
  top: 70px;
  left: -20px;
  width: 300px;
  height: 250px;
  overflow-y: scroll;
  overflow-x: hidden;
  margin-top: 0;
  background: #fff;
}
.jp-audio .jp-type-playlist .jp-interface .jp-playlist ul {
  padding: 0;
  margin: 0;
}
.jp-audio .jp-type-playlist .jp-interface .jp-playlist ul li {
  display: block;
  border-bottom: 1px solid #f2f2f2;
  padding: 0 10px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.jp-audio .jp-type-playlist .jp-interface .jp-playlist ul li:last-child {
  border: none;
}
.jp-audio .jp-type-playlist .jp-interface .jp-playlist ul li:hover {
  background: #f2f2f2;
}
.jp-audio .jp-type-playlist .jp-interface .jp-playlist ul li > div {
  display: block;
  position: relative;
  padding-right: 20px;
}
.jp-audio .jp-type-playlist .jp-interface .jp-playlist ul li > div .jp-free-media {
  display: block;
  float: left;
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 13px;
  color: #333333;
  text-decoration: none;
  outline: 0;
  padding: 10px 0;
  padding-right: 10px;
}
.jp-audio .jp-type-playlist .jp-interface .jp-playlist ul li > div .jp-free-media a {
  color: #333333;
  text-decoration: none;
}
.jp-audio .jp-type-playlist .jp-interface .jp-playlist ul li > div > a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 13px;
  color: #333333;
  text-decoration: none;
  outline: 0;
  padding: 10px 0;
}
.jp-audio .jp-type-playlist .jp-interface .jp-playlist ul li > div > a.jp-playlist-item-remove {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0;
  right: 0;
}
.jp-audio .jp-type-playlist .jp-interface .jp-playlist ul li > div > a .jp-artist {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
}
.jp-audio .jp-type-playlist .jp-interface .jp-playlist ul li.jp-playlist-current div > a {
  font-weight: bold;
  color: #000;
}

/*Bottom Part*/
.jp-audio .jp-type-playlist .jp-interface #nowPlaying {
  /*display: none;*/
  overflow: hidden;
  word-wrap: nowrap;
  padding-top: 14px;
  width: 100%;
  height: 28px;
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #000;
  text-align: center;
}
.jp-audio .jp-type-playlist .jp-interface .jp-progress {
  position: absolute;
  z-index: 3;
  overflow: hidden;
  bottom: 17px;
  padding-bottom: 0;
  /*padding-left: 10px;*/
  left: 0;
  height: 6px;
  width: 100%;
  background-color: #fff;
  border: 1px solid #000;
}
.jp-audio .jp-type-playlist .jp-interface .jp-progress .jp-seek-bar {
  background-color: rgba(255, 255, 255, 0.1);
  width: 0px;
  height: 100%;
  cursor: pointer;
}
.jp-audio .jp-type-playlist .jp-interface .jp-progress .jp-seek-bar .jp-play-bar {
  background: rgba(0, 0, 0, 0.8);
  width: 0px;
  height: 100%;
}
.jp-audio .jp-type-playlist .jp-no-solution {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  padding: 10px;
  background: #ffffff;
}
.jp-audio .jp-type-playlist .jp-no-solution span {
  font-weight: 700;
}
.jp-audio .jp-type-playlist .jp-no-solution a {
  font-weight: 700;
}
.jp-audio.jp-state-playing .jp-play i:before {
  content: "\e6ae" !important;
  font-family: themify;
}



/*06.1 Preloader*/
.har_preloader {
	position: fixed;
	background: #fff;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 100;
}
	.har_preloader .har_logo_eq {
		position: absolute;
		top: 50%;
		left: 50%;
		transform:translateX(-50%) translateY(-50%);
	}
	.har_preloader .har_logo_eq span {
		border-left: 1px dotted #333;
	}


/*06.2 Video*/
.har_db_slider {
	margin: 60px 0 0;
}
	.har_db_slider .owl-pagination {
		margin-top: 30px;
	}
.har_video_item {
}
	.har_video_item iframe {
		margin: 0 auto;
		width: 95%;
    		height: 355px;
    border: 0;
	}
/*06.3 Instagram*/
.insta_slider img {
	height: auto;
	width: 100%;
	max-width: auto;
	position: absolute;
}
.har_insta_item {
	width: 100%;
	height: 30vh;
	display: block;
	overflow: hidden;
}
.har_insta {
	position: absolute;
	width: 100%;
	background: rgba(0,0,0,0.8);
	top: 0;
	left: 0;
	height: 40vh;
	color: #fff;
}
.har_text_wrapper {
	position: absolute;
	width: 100%;
	top: 50%;
	transform:translateY(-50%);
	color: #fff;
	left: 0;
	font-size: 30px;
}
	.har_text_wrapper h4 {
		font-size: 26px;
	}
	.har_text_wrapper:hover {
		color: #fff;
		text-decoration: none;
	}

/*06.4 News*/
.har_news_item_txt {
	position: absolute;
	padding: 30px;
	background: rgba(0,0,0,0.7);
	width: 60%;
}
.har_news_item {
	height: 80vh;
}
.har_news_item_img {
	width: 70%;
	right: 0;
	height: 100%;
	position: absolute;
}

/*06.5 Countdown*/
.countdown-row {
	text-align: center;
	display: block;
	margin: 50px 0;
}
.countdown-row:after {
	display: block;
	content: '';
	clear: both;
}

.countdown-section {
  padding: 70px 0;
  position: relative;
  z-index: 1;
  display: block;
  float: left;
  width: 25%;  
}
.countdown-section:before {
	border: 4px solid #fff;
	position: absolute;
	display: block;
	content: '';
	top: 15px;
	bottom: 15px;
	left: 13px;
	right: 13px;
	z-index: 2;
}
.countdown-section:after {
	display: block;
	content: '';
	background-color: #262626;
	top: 0;
	right: 2px;
	left: 2px;
	bottom: 0;
	position: absolute;
}

.countdown-amount {
  font-size: 58px;
  line-height: 58px;
  color: #ffffff;
  position: relative;
  z-index: 1;
  font-weight: bold;
  margin-bottom: 10px;
}
	.countdown-amount:after {
		content: '/';
		display: inline-block;
	}
.countdown-period {
  font-size: 18px;
  line-height: 18px;
  font-weight: 200;
  color: #fff;
  margin-top: 10px;
  position: relative;
  z-index: 1;
}

/*06.6 Counters*/
.har_counters {
	margin: 60px 0;
}
	.har_counters i {
		color: #333;
		font-size: 36px;
		border-radius: 50%;
		border: 1px solid #333;
		padding: 40px;
		display: inline-block;
	-webkit-transition: all 0.3s linear ;
	-o-transition: all 0.3s linear ;
	transition: all 0.3s linear;
	}
	.har_counters p {
		text-transform: uppercase;
		font-size: 12px;
		font-weight: 600;
		color: #979797; 
		padding: 10px;
	}
	.har_counters span {
		font-size: 48px;
		font-weight: 700;
		margin: 30px 0 0 0;
		color: #3a3a3a;
		display: block;
	}
	.har_counters i:hover {
		background-color: #333;
		color: #fff;
	}
	.har_counters span:after {
		display: block;
		content: '';
		position: relative;
		height: 1px;
		width: 50px;
		margin: 25px auto 0;
		background: rgba(0,0,0,.1);
	}

/*06.7 Events*/
.har_new_events {
	margin: 0;
	padding: 0;
}
.har_new_events_item {
	text-decoration: none;
	padding: 0;
	display: block;
}
.har_new_events_item_img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: rotateY(180deg);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 1;
}
	.har_new_events_item_img:after {
		position: absolute;
		display: block;
		border: 4px solid #fff;
		top: 15px;
		bottom: 15px;
		right: 15px;
		left: 15px;
		content: '';
	}
	.har_new_events_item:hover .har_new_events_item_img {
		transform: rotateY(0);
		opacity: 1;
	}
	.har_new_events_item_img b {
		position: absolute;
		display: block;
		border: 4px solid #fff;
		padding: 5px 20px;
		color: #fff;
		top: 50%;
		left: 50%;
		transform:translateX(-50%) translateY(-50%);
	}
.har_new_events_item:hover,
.har_new_events_item:focus,
.har_new_events_item:active {
	color: #fff;
	text-decoration: none;
}
.har_new_events_item_desc {
	display: block;
	padding: 80px 30px;
	position: relative;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.no_borders_block .har_new_events_item {
	border: 0!important;
}
	.har_new_events_item:hover .har_new_events_item_desc {
		transform: rotateY(180deg);
	}
.har_new_events_item_desc span {
	font-size: 20px;
}
	.har_new_events_item_desc span b {
		font-size: 40px;
		display: inline-block;
		font-weight: normal;
	}
.har_new_events_item_desc h4 {
	text-transform: uppercase;
}
.har_new_events_item_desc h4:before,
.har_new_events_item_desc h4:after {
	width: 100px;
	height: 1px;
	background: #fff;
	margin: 10px auto;
	content: '';
	display: block;
	opacity: 0.5;
}

/*06.8 Shop*/
.har_shop_items .har_shop_al_item_bl {
	margin-bottom: 30px;
}
.har_shop_al_item {
	display: block;
	width: 380px;
	position: relative;
	margin: 20px auto;
}
.har_team_slider .owl-pagination {
	margin: 40px 0 0;
}
	.har_shop_al_item_bl:hover .har_shop_item_cover {
		margin-left: 0;
	}
	.har_shop_al_item_bl:hover .har_shop_item_env {
		right: 115px;
	}
	.har_shop_al_item_bl:hover .har_shop_item_vinyl {
		right: 0px;
	}
	.har_shop_al_item_bl:hover .har_shop_al_item:after {
		left: -50px;
	}
.har_shop_item_cover {
	width: 250px;
	height: 243px;
	display: block;
	border-radius: 4px;
	position: relative;
	z-index: 2;
	margin-left: 65px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border: 1px solid #A6A6A6;
}
.har_shop_al_item:after {
	display: block;
	content: '';
	position: absolute;
	background: url(../images/cover_sh.png);
	width: 380px;
	height: 62px;
	top: 203px;
	z-index: -1;
	left: 10px;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.har_shop_item_env {
	background: url(../images/env.png);
	height: 245px;
	width: 45px;
	display: block;
	position: absolute;
	z-index: 1;
	-webkit-background-size: cover;
	background-size: cover;
	top: 0;
	margin-top: -2px;
	right: 70px;
	z-index: 1;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.har_shop_item_vinyl {
	position: absolute;
	background: url(../images/vinyl.png);
	height: 238px;
	width: 238px;
	-webkit-background-size: cover;
	background-size: cover;
	top: 3px;
	z-index: 0;
	right: 65px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
	.har_shop_item_vinyl_img {
		width: 80px;
		height: 80px;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform:translateX(-50%) translateY(-50%);
	}
	.har_shop_item_vinyl_hole {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		position: absolute;
		background: #fff;
		top: 50%;
		left: 50%;
		transform:translateX(-50%) translateY(-50%);
	}
.har_shop_price {
	font-size: 24px;
	font-weight: bold;
	display: block;
	margin: 10px 0 15px;
}
.har_shop_desc {}
.har_shop_al_item_bl h4 {
	margin: 20px 0 0;
	font-size: 24px;
	font-weight: bold;
}
.har_shop_al_item_bl h4:after {
	width: 100px;
	display: block;
	content: '';
	height: 1px;
	background: #333;
	margin: 10px auto;
}
.har_shop_soc a {
	font-size: 18px;
}
	.har_shop_soc a:hover {
		text-decoration: none;
		color: #000;
	}

/*06.9 Icon Boxes*/
.har_icon_boxes {
	margin-top: 80px;
}
.har_icon_box, .har_anim_box {
	margin-bottom: 50px;
	color: #666;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	padding: 0 10px;
}
	
	.har_icon_box h4 {
		font:500 16px Raleway, Arial;
		text-transform: uppercase;
		line-height: 1.225;
		color: #333;
		margin-bottom: 15px;
		background: #fff;
		position: relative;
		z-index: 1;
		margin: 0;
		padding: 15px 0;
	}
		.har_icon_box h4:after {
			display: block;
			content: '';
			height: 1px;
			width: 100px;
			background: #C9C9C9;
			margin-top: 15px;
			-webkit-transition: all 1s;
			-o-transition: all 1s;
			transition: all 1s;
		}
		.har_wht_txt .har_icon_box h4:after {
			background: #fff;
			opacity: 0.5;
		}
		.text-right .har_icon_box h4:after {
			margin-right: 0;
		}
		.text-left .har_icon_box h4:after {
			margin-left: 0;
		}
		.har_icon_box:hover h4:after {
			width: 150px;
		}
		.har_icon_box h4 b {
			display: block;
			font-size: 20px;
			margin: 0 0 4px;
		}
		.har_icon_box h4 b:after {
			display: block;
		}
		.har_icon_box h4 strong {
			display: block;
			font: 700 60px/60px Raleway, Arial;
			margin-bottom: 20px;
		}
	.har_icon_box i {
		font-size: 40px;
		margin: 10px 0 0 5px;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		position: absolute;
	}

	.har_icon_box:hover i {
		color: #000;
	}
	.har_wht_txt .har_icon_box i {
		color: #fff;
	}

	.har_icon_box_content {
		overflow: hidden;
		padding: 0 10px 0 65px;
		position: relative;
	}
	.har_testimonials {
		position: absolute;
		width: 90%;
		z-index: 2;
		background: rgba(255,255,255,1);
		padding: 55px 40px;
		opacity: 0;
		-webkit-transition: all 0.6s;
		-o-transition: all 0.6s;
		transition: all 0.6s;
		-webkit-transition-delay: 0.1s;
		-o-transition-delay: 0.1s;
		transition-delay: 0.1s;
		box-shadow:0 10px 20px rgba(0,0,0,0.1);
		left:50%;
		margin: 0 0 0 -45%;
		top: 120px;
	}
	.har_icon_box:hover .har_testimonials {
		opacity: 1;
		top: 100px;
	}
		.har_testimonials:before {
			display: block;
			content: "\e67f";
			font-size: 30px;
			position: absolute;
			font-family:themify;
			top: 20px;
			left: 20px;
		}
		.har_testimonials:after {
			display: block;
			content: "\e67e";
			font-size: 30px;
			position: absolute;
			font-family:themify;
			bottom: 20px;
			right: 20px;
		}
		.har_testimonials b {
			display: block;
			font:500 20px/30px Raleway, Arial;
			margin-bottom: 10px;
		}


/*06.10 Animation Blocks*/
.noactive .har_icon_box, .noactive .har_anim_box {
	opacity: 0;
	top: 30px;
	-webkit-transition-delay: 0s!important;
	-o-transition-delay: 0s!important;
	transition-delay: 0s!important;
	filter: blur(5px);
	-webkit-filter: blur(5px);
}
.active .har_icon_box, .active .har_anim_box {
	opacity: 1;
	top:0;
	filter: blur(0);
}
	/*Iphone Animations*/
	.har_iphone {
		width: 200px;
		height: 567px;
		position: absolute;
	}
	
	.har_iphone_gold {
		z-index: 1;
		-webkit-transition: top 5s;
		-o-transition: top 5s;
		transition: top 4s;
		right: 0;
		top: -40px;
	}
	.text-center .har_iphone_gold {
		left: 50%;
		transform:translateX(-50%);
		margin-left: 80px;
	}
	.text-center .har_iphone_pink {
		left: 50%;
		transform:translateX(-50%);
		margin-left: -80px;
		height: 567px;
		width: 200px;
	}
	.text-center .active .har_iphone_pink {
		top:-40px;
	}
	.text-center .active .har_iphone_gold {
		top:0px;
	}
		.har_iphone_gold_front {
			z-index: 2;
			right: 200px;
		}
	.har_iphone_pink {
		top: 0;
		z-index: 2;
		right: 180px;
		width: 250px;
		height: 708px;
		-webkit-transition: top 1s;
		-o-transition: top 1s;
		transition: top 2s;
	}
		.har_iphone_pink_back {
			z-index: 1;
			right: 0;
		}
	.active .har_iphone_pink {
		top:-80px;
	}
	.active .har_iphone_gold {
		top:20px;
	}
	/*Macbook Animation*/
	.har_macbook {
		background: url(../images/macbook2.png);
		-webkit-background-size: cover;
		background-size: cover;
		width: 600px;
		height: 403px;
		position: absolute;
		top: 50px;
		-webkit-transition: top 1s;
		-o-transition: top 1s;
		transition: top 2s;
	}
	.active .har_macbook {
		top: -50px;
	}

/*06.11 Browsers Images*/
.har_browser_img {
	width: 770px;
	position: absolute;
	height: 400px;
	bottom: 0;
	-webkit-transition: bottom 1s;
	-o-transition: bottom 1s;
	transition: bottom 1s;
}
.har_browser_mobile {
	left: 0;
	bottom: -141px;
	z-index: 4;
	width: 250px;
}
.har_browser_tablet {
	right: 0;
	bottom: -121px;
	width: 500px;
	z-index: 4;
}	
.har_browser_desktop {
	z-index: 5;
	left: 50%;
	margin-left: -425px;
	bottom: -82px;
}
	.har_browser_desktop:before {
		position: absolute;
		display: block;
		content: '';
		background:url(../images/har_desktop.png);
		width: 100%;
		height: 32px;
		z-index: 2;
		background-size: cover;
		border-radius: 5px 5px 0 0;
		margin-top: -32px;
	}
	.har_browser_mobile:before {
		position: absolute;
		display: block;
		content: '';
		background:url(../images/har_mobile_header.png);
		width: 100%;
		height: 42px;
		z-index: 2;
		background-size: cover;
		margin-top: -42px;
		border-radius: 5px 5px 0 0;
	}
	.har_browser_tablet:before {
		position: absolute;
		display: block;
		content: '';
		background:url(../images/har_tablet_header.png);
		width: 100%;
		height: 41px;
		z-index: 2;
		background-size: cover;
		border-radius: 5px 5px 0 0;
		margin-top: -41px;
	}
.har_browsers {
	height: 300px;
	position: relative;
	bottom: -128px;
}
.har_browsers .active .har_browser_desktop {
	bottom: -32px;
}
.har_browsers .active .har_browser_mobile {
	bottom: -202px;
}
.har_browsers .active .har_browser_tablet {
	bottom: -141px;
}

/*06.12 Team*/
.har_icon_box_photo {
	overflow: hidden;	
	height: 350px;
	position: relative;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 1s;
}
.har_team_box h4 b {
	display: inline-block;
	margin: 8px 0;
	font:900 26px/38px Raleway, Arial;
}
.har_team_box {
	margin-bottom: 0;
}

	
	.har_icon_box_photo:after {
		display: block;
		content: '';
		height: 1px;
		width: 100%;
		background: #c9c9c9;
		position: absolute;
		bottom: 0;
	}
.har_icon_box_photo img {
	width: auto;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.3s ease;
	height: 150%;
}
	.har_icon_box:hover .har_icon_box_photo img {
		height: 100%;
	}
.har_item_social a i {
	font-size: 14px;
}
.har_item_social a {
	display: inline-block;
	margin: 0 5px;
	text-decoration: none;
  -o-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.har_item_social a:hover {
  -o-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.har_item_social {
	position: absolute;
	margin-top: 0;
	padding: 10px 0;
	left: 10px;
	right: 10px;
	background: rgba(255,255,255,0.8);
	border-top: 1px solid #c9c9c9;
	z-index: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
	.har_icon_box:hover .har_item_social {
		margin-top: -47px;
	}



/*06.13 Sliders*/
.owl-theme .owl-controls .owl-page span {
	width: 20px;
	height: 2px;
	margin: 15px 3px;
}
.har_team_slider_redborder .owl-controls .owl-page span {
	  border: 1px solid #e62117!important;
}
.har_team_slider_sepia .har_team_box img {
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-filter: sepia(100%);
	-o-filter: sepia(100%);
	filter: sepia(100%);
}
	.har_team_slider_sepia .har_team_box:hover img {
		-webkit-filter: sepia(0%);
		-o-filter: sepia(0%);
		filter: sepia(0%);
	}

.har_team_slider_bw .har_team_box img, .har_team_slider_bw .har_news_img img {
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}
	.har_team_slider_bw .har_team_box:hover img, .har_team_slider_bw .har_news_img:hover img {
		-webkit-filter: grayscale(0%);
		-o-filter: grayscale(0%);
		filter: grayscale(0%);
	}

.owl-buttons .owl-prev {
	opacity: 0.5;
	z-index: 2;
	left: -30px;
}
.owl-buttons .owl-next {
	right: -30px;
	opacity: 0.5;
	z-index: 2;
}
.owl-buttons {
	bottom: 50%;
	position: absolute;
	width: 100%;
}

/*06.14 News Block*/
.har_news_block {
	text-align: left;
	display: block;
}
.har_news_block.text-center {
	text-align: center;
}

	.har_news_block img {
		width: 100%;
		height: auto;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
		.har_news_block:hover img {
			transform:scale(1.2);	
		}
	.har_news_img {
		width: 100%;
		height: 240px;
		overflow: hidden;
		display: block;
		margin-bottom: 20px;
	}
	.har_news_img_lh {
		height: 400px;
	}
	.har_news_block:hover .har_news_img_lh img {
			transform:scale(1.1);	
		}
	.har_news_block:hover {
		text-decoration: none;
	}
	.har_news_title {
		font:400 24px/32px Raleway, Arial;
		display: block;
		margin-bottom: 10px;
	}
	.har_news_author {
		display: block;
		margin: 5px 0 20px;
		opacity: 0.6;
	}
	.har_team_slider_single .har_news_block {
		width: 340px;
		margin-right: auto;
		margin-left: auto;
	}
	.har_team_slider_single .har_news_block.text-left {
		width: auto;
	}
	

/*06.15 Around Block*/
.har_around_bl {
	margin-bottom: 50px;
	position: relative;
}
	.har_around_bl b {
		display: block;
		font-size: 20px;
		line-height: 1.8;
		margin: 10px 0;
	}
	.har_around_bl i {
		font-style: normal;
		font-size: 18px;
		line-height: 1.8;
		display: block;
		position: relative;
		margin: 0;
	}

/*06.16 Price*/
.har_price_bl {
	border: 1px solid #ccc;
	padding: 50px 20px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.har_price_bl:hover {
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
	.har_price_bl h4 {
		font-size: 30px;
	}
	.har_price_bl ul {
		padding: 0;
		margin: 0;
		list-style:none;
	}
	.har_price_bl li {
		margin-bottom: 10px;
	}
	.har_price_pr {
		color: #000;
		margin: 30px 0;
	}
		.har_wht_txt .har_price_pr, .har_wht_txt .har_price_pr span, .har_wht_txt .har_price_bl {
			color: #fff;
		}
			.har_wht_txt .har_price_bl:hover {
				box-shadow: none;
				background: rgba(255,255,255,0.1);
			}
			.har_wht_txt .har_price_bl {
				border: 1px solid rgba(255,255,255,0.2);
			}
		.har_price_pr i {
			position: relative;
			font-size: 20px;
			font-style: normal;
			display: block;
			margin: 0;
		}
		.har_price_pr span {
			position: relative;
			font-size: 8px;
			font-style: normal;
			color: #333;
			display: inline-block;
			text-align: left;
			line-height: 14px;
		}
		.har_price_pr b {
			display: inline-block;
			vertical-align: top;
			margin-right: 5px;
			font-size: 35px;
			font-weight: normal;
		}

/*06.17 Services Block*/
.har_service_block {
	height: 300px;
	display: block;
}
	.har_service_block i {
		font-size: 40px;
	}
	.har_service_block h4 {
		margin: 15px 0 0;
		font:900 30px/30px Raleway, Arial;
		text-transform: uppercase;
	}
	.har_service_block .har_simple_block {
		padding: 0;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		position: absolute;
		left: 50%;
		top: 50%;
		transform:translateX(-50%) translateY(-50%) scale(1);
	}
	.har_service_block:hover .har_simple_block {
		opacity: 0;
		transform:translateX(-50%) translateY(-50%) scale(1.2);
	}
	.har_service_block .har_over {
		-webkit-transition: opacity 0.3s;
		-o-transition: opacity 0.3s;
		transition: opacity 0.3s;
	}
	.har_service_block:hover .har_over {
		opacity: 0!important;
	}
	.har_service_block:hover {
		text-decoration: none;
		color: #fff;
	}


/*===============================================*/
/* 07. Footer                                    */
/*===============================================*/

footer {
	padding-top: 87px;
	padding-bottom: 84px;
}
.har_footer_social {
	height: 50px;
}
.har_footer_social a {
	display: inline-block;
	font-size: 20px;
	text-decoration: none;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	vertical-align: top;
	width: 40px;
	text-align: center;
	font-size: 18px;
}
.har_footer_social a:hover {
	font-size: 24px;
	color: #292929;
}
	.har_footer_social a i {
		position: relative;
	}
footer ul {
	padding: 0;
	margin: 0;
	list-style:none;
}
	footer ul li a:before {
		display: inline-block;
		content: '-';
		margin-right: 10px;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	footer ul li a:hover:before {
		margin-right: 15px;
	}
footer h4:after {
	display: block;
	content: '';
	position: relative;
	width: 70px;
	height: 1px;
	background: #333;
	margin: 10px 0 20px;
	opacity: 0.5;
}
footer.har_wht_txt h4:after {
	background: #fff;
}
footer a {
	color: #333;
}
.har_block {
	margin: 20px 0;
}
/*07.1 To Top*/
.har_top {
	position: fixed;
	bottom: 0;
	right: 40px;
	background: rgba(0,0,0,0.6);
	width: 50px;
	height: 50px;
	z-index: 11;
	padding: 18px 17px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
	color: #fff;
}
.body_no_height .har_top {
	background: #e5e5e5;
}
	.body_no_height .har_top:hover {
		background: #e5e5e5;
		color: #000;
	}
	.har_top:hover {
		text-decoration: none;
		background: rgba(0,0,0,1);
		color: #fff;
	}
	.har_top:focus, .har_top:active {
		text-decoration: none;
	}
	.har_second_step .har_top {
		opacity: 1;
		bottom: 80px;
	}

/*07.2 Map*/
.har_map_over {
	background: rgba(255,255,255,0.8);
	position: absolute;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 1;
}
	.har_map_over i {
		font-size: 40px;
		display: block;
		margin-bottom: 20px;
	}
	.har_map_txt {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.active_map .har_map_over {
		height: 0;
	}
		.active_map .har_map_over .har_icon_box_content {
			opacity: 0;
		}
	.har_map {
		width:100%;
		height: 450px;
	}
	.har_section.active .har_map  {

	}


/*===============================================*/
/* 08. Inside Pages                              */
/*===============================================*/

/*08.1 Portfolio*/
.container-fluid .har_portfolio {
	padding: 0;
	margin-bottom: -1px;
}
.container-fluid .har_portfolio .grid-item {
	padding:0;
}
.grid-sizer {
	width: 33.3333%;
}
.har_portfolio_item {
	padding:0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	overflow: hidden;
	display: block;
	position: relative;
	padding:15px;
}
.har_portfolio_item_cont {
	position:relative;
	overflow: hidden;
	display: block;
	filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
   transition: 0.5s linear;
}
.har_portfolio_item_cont:hover {
	filter: none;
  -webkit-filter: grayscale(0);
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  transition: 0.60s ease-in-out;
}
.har_portfolio_padding {
	margin: 15px -15px;	
}
.har_portfolio_no_padding {
	margin: 0
}
.har_portfolio_no_padding .har_portfolio_item {
	padding: 0
}
.har_portfolio_item img {
	width:100%;
	height:auto;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
	.har_portfolio_item:hover img {
		transform:scale(1.1);
	}
	.har_port_titles {
		position: absolute;
		text-decoration: none;
		color: #fff;
		transform:translateY(0%);
		top: 50%;
		padding: 20px;
		z-index: 2;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		opacity: 0;	
		left: 0;
		width: 100%;
	}
		.har_portfolio_item:hover .har_port_titles {
			opacity: 1;
			transform:translateY(-50%);	
		}
	.har_portfolio_item_cont:after {
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		position: absolute;
		background: rgba(0,0,0,0.5);
		width: 100%;
		height: 100%;
		content: '';
		display: block;
		top: 0;
		opacity: 0;
	}
	.har_demo_page .har_portfolio_item_cont:after {
		background: rgba(0,0,0,0.65);
	}
	.har_demo_page {
		margin: 15px 10px;
	}
	.har_portfolio_white .har_portfolio_item_cont:after {
		background: rgba(255,255,255,0.8);
	}
	.har_portfolio_white .har_port_icons a, .har_portfolio_white .har_port_titles {
		color:#333;
	}
	.har_port_title {
		font:400 24px/28px Raleway, Arial,sans-serif;
		display: block;
		width: 100%;
	}
	.har_port_subtitle {
		font:400 18px/28px Raleway, Arial,sans-serif;
		display: block;
		width: 100%;
	}
	.har_port_icons {
		display: block;
		-webkit-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
		margin-top: 40px;
		position: absolute;
		opacity: 0;
		width: 100%;
		left: 0;
		padding: 0 20px;
	}
		.har_port_icons a {
			color: #fff;
			display: inline-block;
			font-size: 20px;
		}
			.har_port_icons a:first-child:after {
				display: inline-block;
				content: '';
				margin:0 10px;
				font-weight: 100
			}
		.har_port_icons a:hover {
			text-decoration: none;
		}
		.har_portfolio_item:hover .har_port_icons {
			margin-top: 20px;
			opacity: 1;
		}
.har_portfolio_item_cont:hover:after {
	opacity: 1;
}
.har_portfolio_item:hover {
	background-position: 0 -36px;
}
.har_port_img {
	height: 120%;
	width: 120%;
	position: absolute;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	top: 0;
	left: 0;
}
	.har_portfolio_item:hover .har_port_img {
		top: -20%;
	}
.filter-button-group a {
	margin-right: 20px;
	cursor: pointer;
}
.container-fluid .filter-button-group {
	margin: 50px 0 40px;
}
.container-fluid h2 {
	margin-top: 90px;
}
.filter-button-group  {
	margin-bottom: 40px;
}


/*08.2 Pages Title*/
.har_page_title {
	padding-bottom: 65px;
    padding-top: 147px;
    background: #eee;
    position: relative;
}
.har_page_title_sm {
	padding-bottom: 58px;
    padding-top: 147px;
}
.har_page_title_white {
	background: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.har_page_title_dark {
	background: #292929;
	color: #fff;
}
	.har_page_title_dark a {
		color: #f2f2f2;
	}
	.har_page_title_dark .breadcrumbs a:hover {
		color: #fff;
	}
.har_page_title h3 {
	margin: 0;
}
.har_page_title_great {
	padding-bottom: 95px;
    padding-top: 257px;
}

/*08.3 Breadcrumbs*/
.breadcrumbs {
	text-transform: uppercase;
	font-size: 13px;
	text-align: right;
}
.har_page_title .breadcrumbs {
	padding-top: 30px;
}
.har_page_title_sm .breadcrumbs {
	padding-top: 12px;
}
.breadcrumbs a {
	display: inline-block;
	-webkit-transition: color 0.3s;
	-o-transition: color 0.3s;
	transition: color 0.3s;
}
	.breadcrumbs a:hover {
		color: #000;
		text-decoration: none;
	}
.breadcrumbs a:after {
	display: inline-block;
	content: '/';
	margin:0 10px;
}

/*08.4 Demos*/
.end_demo_grid {
	background: #eee;
	padding: 5px 20px;
	display: block;
	text-align: center;
}

/*08.5 One Page Nav*/
.har_nav_sidebar {
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.sticky_block .har_nav_sidebar {
	position: fixed;
	top: 80px;
}
.hide_sticky_block .har_nav_sidebar {
	position: fixed;
	top: 80px;
	opacity: 0;
	pointer-events: none;
}
.har_nav_sidebar ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.har_nav_sidebar ul a {
	display: block;
	margin-bottom: 10px;
}
	.har_nav_sidebar ul a:before {
		content: "\e649";
		display: inline-block;
		font-size: 10px;
		font-family: themify;
		margin-right: 10px;
		-webkit-transition: margin 0.3s;
		-o-transition: margin 0.3s;
		transition: margin 0.3s;
	}
.har_nav_sidebar ul a:hover, .har_nav_sidebar ul a:focus, .har_nav_sidebar ul a:active {
	text-decoration: none;
}
	.har_nav_sidebar ul a:hover:before, 
	.har_nav_sidebar .current a:before {
		margin-right: 15px;
	}
.har_nav_sidebar .current a {
	font-weight: bold;
}



/*08.6 Blog*/
.har_post_item {
	margin-bottom: 80px;
}
.har_post_item a {
	-webkit-transition: color 0.3s;
	-o-transition: color 0.3s;
	transition: color 0.3s;
}
.har_post_item .har_post_title a:hover, 
.har_post_item .har_post_info a:hover,
.har_post_item .har_post_more_link:hover, .har_post_item .har_post_more_link:focus {
	text-decoration: none;
	color: #000;
}
.har_post_item p {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}
.har_post_img .lightbox:after {
	content: "\e610";
	font-family: themify;
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translateX(-50%) translateY(-50%);
	display: block;
	z-index: 1;
	font-size: 140px;
	color: #000;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0;
}
.har_post_img .lightbox:hover:after {
	opacity: 1;
}
.har_post_img .owl-controls {
	position: absolute;
	width: 100%;
	top: -40px;
}
.har_post_img img {
	max-width: 100%;
	height: auto;
}
.har_post_title h3 {
	font:600 18px/32px Raleway, Arial;
	text-transform: uppercase;
	margin: 0;
}
.har_post_img {
	margin-bottom: 30px;
}
	.har_post_img a {
		-webkit-transition: opacity 0.3s;
		-o-transition: opacity 0.3s;
		transition: opacity 0.3s;
		display: block;
		position: relative;
	}
	.har_post_img a:hover {
		opacity: 0.5;
	}
	.har_post_info, .har_post_info a {
		color: #999;
	}
	.har_post_info {
		margin-bottom: 20px;
		text-transform: uppercase;
	}
.har_post_more_link:hover {
	text-decoration: none;
}
.har_post_more {
	position: relative;
}
.har_post_more_link span {
	margin:0 15px 0 5px;
}
.har_post_more_social_menu li {
	display: inline-block;
}
.dropdown-menu.har_post_more_social_menu {
	border-radius: 0;
	padding: 15px;
	margin-top: -10px;
}
	.dropdown-menu > li > a:hover {
		background: none;
		background-color: none;
		color: #000;
	}

/*08.7 Widgets*/
.widget {
	margin-bottom: 40px;
}
.widget .form-control {
	margin-bottom: 20px;
}
	.widget h6 {
		font: 600 18px/28px Raleway, Arial;
		text-transform: uppercase;
		margin-bottom: 20px;
	}
.list-unstyled li {
}
	.list-unstyled .date {
		display: block;
		margin-bottom: 20px;
	}

/*08.8 Comments*/
.img-comments {
	width: 90px;
	height: auto;
	margin-right: 30px;
	float: left;
}
.name-cmt {
	display: block;
	font-size: 20px;
}
.date-cmt {
	display: block;
	margin-bottom: 20px;
}
.content-cmt {
	overflow: hidden;
}
.answer, .reply {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #eee;
}
	.reply {
		padding-left: 110px;
	}
	
.form-comment {
	background: #eee;
	padding: 40px;
}
.content-reply {
	margin: 0;
	padding: 0;
}

/*08.9 Masonry*/
.masonry:after, .har_portfolio_footer_white:after {
	display: block;
	content: '';
	background:rgba(0, 0, 0, 0) linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
	width: 100%;
	height: 200px;
	bottom: 0;
	position: absolute;
	pointer-events:none;
}
.har_portfolio_footer_grey:after {
	display: block;
	content: '';
	background:rgba(0, 0, 0, 0) linear-gradient(to top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 0) 100%) repeat scroll 0 0;
	width: 100%;
	height: 200px;
	bottom: 0;
	position: absolute;
	pointer-events:none;
}
.masonry {
	margin-bottom: -50px;
}

/*08.10 Projects*/
.har_project_attribute {
	margin: 0 0 5px
}
.har_project_label {
	display: inline-block;
	width: 90px;
	font-weight: bold
}
.har_project_soc a {
	margin: 0 10px 0 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
	.har_project_soc a:hover {
		text-decoration: none;
		color: #000
	}
.har_project_slider {
	margin: 80px 0
}

/*08.11 Shop*/
.har_shop_item {
	width:100%;
	margin: 0 0 40px 0;
	display: block;
	position: relative;
}
	.har_shop_item img {
		width:100%;
		
	}
	.har_shop_item_slider .owl-item img {
		filter:blur(20px);
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
		.har_shop_item_slider .active img {
			filter:blur(0);
		}
	.har_shop_item_slider a {
		display: block;
	}
	.har_shop_item_slider .owl-pagination {
		position: absolute;
		width:100%;
		z-index: 2;
		top: -40px
	}
	.har_shop_item_slider .owl-controls {
		z-index: 3;
		position: absolute;
		width:100%;
		height: 100%;
		top: 0;
	}
	.har_shop_item_slider .owl-buttons {
		position: absolute;
		top: 50%;
		transform:translateY(-50%);
		width:100%;
	}
.owl-theme .owl-controls .owl-buttons div {
	position: absolute;
	border: 0;
	text-align: center;
	display: block;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	transform:scale(2);
}
	.owl-theme .owl-controls .owl-buttons div .ti {
		margin: 0;
		font-size: 14px;
		position: relative;
		color: #fff;
	}
.owl-next {
	right: -20px;
	opacity: 0
}
.owl-prev {
	left: -20px;
	opacity: 0
}
	.har_shop_item_slider:hover .owl-controls .owl-buttons .owl-next {
		right: 10px;
		opacity: 1;
		transform:scale(1);
	}
	.har_shop_item_slider:hover .owl-controls .owl-buttons .owl-prev {
		left: 10px;
		opacity: 1;
		transform:scale(1);
	}
.har_shop_item_title {
	display: block;
	height: 100px;
	margin: 20px 40px 0 0;
	position: relative;
	z-index: 3;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.har_shop_item_title:hover {
	color: #000
}
	.har_shop_item_title b {
		display: block;
		color: #000
	}
	.har_shop_item_title s {
		color: #999
	}
.har_shop_item_title:hover {
	text-decoration: none
}
.har_shop_item_links {
	width: 100%;
	position: absolute;
	z-index: 3;
	margin: 0 0 0 0;
	text-align: right;
}
	.har_shop_item_links a {
		font-size: 20px;
		display: inline-block;
		padding: 22px 0;
		width: 50px;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.har_shop_item_links i {
		margin: 0;
		position: relative;
		font-size: 20px
	}
	.har_icon_box:hover .har_shop_item_links i {
		color:#6f6f6f;
	}
	.har_shop_item_links a:hover {
		text-decoration: none;
		color: #000;
	}
.har_shop_item_sale {
	position: absolute;
	top: 20px;
	z-index: 2;
	background: #292929;
	padding: 5px 20px;
	color: #fff
}
.har_shop_header {
	margin: 0 0 80px 0
}
.rating-box {
	margin-bottom: 20px;
}

/*08.12 Tags*/
.har_tags a{
	display: inline-block;
	border:1px solid #ccc;
	padding: 5px 10px;
	margin: 5px 10px 5px 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
	.har_tags a:hover {
		background: #292929;
		color: #fff;
		text-decoration: none;
	}

/*08.13 Related Products*/
.har_product_thumbnail img{
	height: 60px;
	float: right;
	margin: 0 0 0 20px;
	width: auto;
}
.har_products_recent li {
	margin: 0 0 20px 0;
	border-bottom: 1px solid #ccc;
	padding: 0 0 20px 0
}
.har_products_recent li:last-child {
	margin: 0 0 20px 0;
	border-bottom: 0;
	padding: 0
}
.har_product_price {
	display: block;
}
	.har_product_price s {
		color: #999
	}
.har_product_close {
	padding: 3px;
	font-size: 5px;
	background: #292929;
	color: #fff;
	margin: 0 5px 0 0;
	height: 15px;
	padding: 5px;
	line-height: 8px;
	display: inline-block;
}
	.har_product_close a:hover {
		text-decoration: none;
	}

/*08.14 Checkout*/
.checkout-row {
	margin-bottom: 40px;
}

/*08.15 Cart*/
.table_head {
	font:600 18px/28px Raleway,Arial;
	margin:10px 0 20px;
	text-transform: uppercase;
}
.cart-table .row {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}
.product-info a {
	font-size: 18px;
}
.product_item_line .har_product_thumbnail img {
	float: left;
	margin: 0 20px 0 0;
}
.cart-price {
	font-size: 18px;
}
.increase-qty {
	cursor: pointer;
    font-size: 16px;
    height: 15px;
    margin: 3px 0 0;
    overflow: hidden;
    position: absolute;
    right: 8px;
    z-index: 3;
    top: 2px;
}
.decrease-qty {
	cursor: pointer;
    font-size: 16px;
    margin: 7px 0 0;
    position: absolute;
    right: 8px;
    bottom: 2px;
}
.add-to-cart {
	position: relative;
	max-width: 100px;
}
.add-to-box {
	margin-bottom: 20px;
}



/*08.16 Single Products*/
.product_inside {
	margin-bottom: 40px;
}
.special-price {
	font-size: 40px;
}
.price-box {
	margin-bottom: 40px;
}
.product_inside .har_shop_item_slider img {
	max-width: 100%;
}
.product_inside .har_shop_item_slider {
	position: relative;
}
.har_shop_item_slider {
	overflow: hidden;
}
.har_shop_item_slider .owl-item.active {
	position: relative;
	z-index: 3;
}

/*===============================================*/
/* 09.Red  Demo                        */
/*===============================================*/
/*09.1 AudioPlayer*/
.har_player_container_red {
   position: fixed;
   bottom: 0;
   z-index: 10;
   width: 100%;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}
.har_player_container_red button i:before {
	color: #fff;
}
	.har_first_step .har_player_container,
	.har_first_step .har_player_container_red {
		background: #fff;
	}
	.har_player_container_red .container {
	margin-left: auto;
	margin-right: auto;
}

  @media screen and (max-width: 500px) {
		.har_player_container_red #nowPlaying {
			opacity: 0!important;
			position: relative;
			z-index: -1;
		}
}
.har_player_container_red .har_player {
  display: block;
  width: 100%;
  padding: 10px; 
}
.har_player_container_red #nowPlaying {
  display: block;
  padding-top: 4px!important;
}
@media screen and (min-width: 768px) {
	.har_player_container_red #player-button {
    display: none;
  }
}
.har_player_container_red .jp-audio {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.har_player_container_red .jp-type-playlist {
  display: block;
  position: relative;
  height: 100%;
}
.har_player_container_red .jp-interface {
  display: block;
  position: relative;
  height: 100%;
}
.har_player_container_red .jp-controls {
  padding-top: 8px!important;
  margin-bottom: -24px;
  text-align: left!important;
}
.har_player_container_red button {
  display: inline-block;
  background: none;
  border: none;
  outline: none;
}
.har_player_container_red button i {
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
	margin-left: 10px;
}
.har_first_step .har_player_container_red button i {
	color: #000;
}
.har_player_container_red #playlist-toggle.close-icon i:before {
  content: "\e646";
}
 .har_player_container_red #player-button.close-icon:before {
    content: "\e646";
  }
.har_player_container_red .jp-play i {
  font-size: 20px;
}
.jp-volume-bar {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 5px;
  margin-bottom: 4px;
  cursor: pointer;
  border: 1px solid #fff;
}
.har_player_container_red .jp-volume-bar {
	border: 1px solid #fff!important	;
}
.har_first_step  .har_player_container_red .jp-volume-bar {
	border: 1px solid #000!important	;
}
.har_player_container_red .jp-volume-bar-value {
  background: #fff!important;
}
.har_first_step .har_player_container_red .jp-volume-bar-value {
  background: #000!important;
}



/*Playlist Hidden*/
.har_player_container_red .jp-audio .jp-type-playlist .jp-interface .jp-playlist {
  display: none;
  position: absolute;
  bottom: 45px;
  left: -10px;
  width: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  margin-top: 0;
  background: #fff;
  top: auto;
}
@media screen and (max-width: 299px) {
.har_player_container_red .jp-audio .jp-type-playlist .jp-interface .jp-playlist {
	bottom: 83px;
}

}
.har_player_container_red .jp-playlist ul {
  padding: 0;
  margin: 0;
}
.har_player_container_red  .jp-playlist ul li {
  display: block;
  border-bottom: 1px solid #f2f2f2;
  padding: 0 10px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.har_player_container_red .jp-playlist ul li:last-child {
  border: none;
}
.har_player_container_red .jp-playlist ul li:hover {
  background: #f2f2f2;
}
.har_player_container_red .jp-playlist ul li > div {
  display: block;
  position: relative;
  padding-right: 20px;
}
.har_player_container_red .jp-playlist ul li > div .jp-free-media {
  display: block;
  float: left;
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 13px;
  color: #333333;
  text-decoration: none;
  outline: 0;
  padding: 10px 0;
  padding-right: 10px;
}
.har_player_container_red .jp-playlist ul li > div .jp-free-media a {
  color: #333333;
  text-decoration: none;
}
.har_player_container_red .jp-playlist ul li > div > a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 13px;
  color: #333333;
  text-decoration: none;
  outline: 0;
  padding: 14px 22px;
}
.har_player_container_red .jp-playlist ul li > div > a.jp-playlist-item-remove {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0;
  right: 0;
}
.har_player_container_red .jp-playlist ul li > div > a .jp-artist {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
}
.har_player_container_red .jp-playlist ul li.jp-playlist-current div > a {
  font-weight: bold;
  color: #000;
}

/*Bottom Part*/

.har_player_container_red .jp-audio .jp-type-playlist .jp-interface #nowPlaying {
  overflow: hidden;
  word-wrap: nowrap;
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  text-align: right;
  padding-bottom: 12px;
  padding-right: 38px;
}
.har_first_step .har_player_container_red .jp-audio .jp-type-playlist .jp-interface #nowPlaying {
	color: #000;
}

@media screen and (max-width: 470px) {
.har_player_container_red .jp-interface #nowPlaying  {
	text-align: left;
	padding: 30px 0 0 18px;
  }
.har_player_container_red {
	height: 80px;
  }
}
.har_player_container_red .jp-audio .jp-type-playlist .jp-interface .jp-progress {
  position: absolute;
  z-index: 3;
  overflow: hidden;
  bottom: 16px;
  left: 300px;
  height: 4px;
  width: 50%;
  background-color: #fff;
  border: 1px solid #000;
}
@media screen and (max-width: 1200px) {
	.har_player_container_red .jp-progress  {
    width: 30%!important;
  }
}
@media screen and (max-width: 870px) {
	.har_player_container_red .jp-progress  {
    width: 20%!important;
  }
}
@media screen and (max-width: 700px) {
	.har_player_container_red .jp-progress  {
		display: none!important;
  }
}
.har_player_container_red .jp-seek-bar {
  background-color: rgba(255, 255, 255, 0.1);
  width: 0px;
  height: 100%;
  cursor: pointer;
}
.har_player_container_red .jp-play-bar {
  background: rgba(0, 0, 0, 0.8);
  width: 0px;
  height: 100%;
}
.har_player_container_red  .jp-no-solution {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  padding: 10px;
  background: #ffffff;
}
.har_player_container_red .jp-no-solution span {
  font-weight: 700;
}
.har_player_container_red .jp-no-solution a {
  font-weight: 700;
}



/*09.2 Slider Aligns*/

@keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-webkit-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-moz-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-ms-keyframes move-clouds-back {
    from {background-position: 0;}
    to {background-position:10000px 0;}
}
.clouds{

    background:transparent url(../images/clouds3.png) repeat;
    position: absolute;	
    top: 50%;
    left: 50%;
     transform:translateY(-50%) translateX(-50%);
    height: 100%;
    width: 100%;
  -moz-animation:move-clouds-back 160s linear infinite;
  -ms-animation:move-clouds-back 160s linear infinite;
  -o-animation:move-clouds-back 160s linear infinite;
  -webkit-animation:move-clouds-back 160s linear infinite;
  animation:move-clouds-back 160s linear infinite;
}


.har_slider_carousel .har_slide_txt_red {
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	filter: blur(10px);
}
.har_slider_carousel .active .har_slide_txt_red {
	filter: blur(0);
}

.har_slide_txt_red {
	position: absolute;
	width: 100%;
}
	.har_slide_txt_red img {
		max-width: 100%;
	}
	.har_slide_middle {
		left: 50%;
		top: 50%;
		transform:translateY(-50%) translateX(-50%);
		text-align: center;
	}
		.har_rotated {
			color: #ff2c29;
			font-family: 'Just Another Hand';
			text-transform: none;
			font-size: 120px;
			font-weight: 200;
			margin-bottom: 2px;
      -webkit-transform: rotate(-10deg); 
			-ms-transform: rotate(-10deg);
			transform: rotate(-10deg);	
		}
		.har_slide_title_red {
			font:900 100px Raleway, Arial;
			line-height: 1.0625;
			text-transform: uppercase;
		}
		.har_btn_slider {
			display: inline-block;
		}
		.har_slide_subtitle_red {
			font:700 20px Raleway, Arial;
			text-transform: uppercase;
			line-height: 1.125;
			margin-bottom: 20px;
			margin: 20px 0 40px;
		}
/*09.3 Counters*/
.har_counters_red {
	margin: 60px 0;
}
	.har_counters_red i {
		color: #F9403D;
		font-size: 36px;
		border-radius: 50%;
		border: 1px solid #F9403D;
		padding: 40px;
		display: inline-block;
  	-webkit-transition: all 0.3s linear ;
	  -o-transition: all 0.3s linear ;
	  transition: all 0.3s linear;
	}
	.har_counters_red p {
		text-transform: uppercase;
		font-size: 12px;
		font-weight: 600;
		color: #979797; 
		padding: 10px;
	}
	.har_counters_red span {
		font-size: 48px;
		font-weight: 700;
		margin: 30px 0 0 0;
		color: #3a3a3a;
		display: block;
	}
	.har_counters_red i:hover {
		background-color: #F9403D;
		color: #fff;
	}
	.har_counters_red span:after {
		display: block;
		content: '';
		position: relative;
		height: 1px;
		width: 50px;
		margin: 25px auto 0;
		background: rgba(0,0,0,.1);
	}
/*09.4 Events*/

/*Red Blocks*/
.har_new_events_red .har_new_events_item {
	text-decoration: none;
	padding: 0;
	display: block;
	border: 1px solid #E8E8E7;
}
	
.har_new_events_red .har_new_events_item_desc span {
	font-size: 20px;
}

	.har_new_events_red .har_new_events_item_desc span b {
		font-size: 40px;
		display: inline-block;
		font-weight: normal;
	}
	
.har_new_events_red .har_new_events_item_desc h4 {
	text-transform: uppercase;
}

.har_new_events_red .har_new_events_item_desc h4:before,
.har_new_events_red .har_new_events_item_desc h4:after {
	width: 100px;
	height: 1px;
	background: #484848;
	margin: 10px auto;
	content: '';
	display: block;
	opacity: 0.5;
}
.har_new_events_red .har_new_events_item_desc h4.red_block:before,
.har_new_events_red .har_new_events_item_desc h4.red_block:after {
	background: #fff!important;
}



/*===============================================*/
/* 10. Mobile, Tablet                            */
/*===============================================*/


/*Responsive*/

@media (max-width:1100px){
	.har_simple_block {
		padding: 56px 45px 46px;
	}
.har_slide_txt h3 {
    font: 900 90px 'Just Another Hand';
    margin-bottom: -36px;
}
.owl-prev {
	left: 20px;
}
.owl-next {
	right: 20px;
}
}

@media (max-width:1000px){

/*Countdown*/
.countdown-row {
}

.countdown-section {
  padding: 70px 50px;
  width: 100%;  
}



/*Shop*/
.har_shop_item_cover {
	margin:0 auto!important;
}
.har_shop_al_item {
	width: auto;
}
.har_shop_item_env,
.har_shop_item_vinyl {
	display: none;
}
.har_shop_al_item_bl:hover .har_shop_item_cover {
	margin-left: 23px;
}

.har_shop_al_item_bl:hover .har_shop_al_item:after {
	left: 10px;
}

.har_logo_eq {
	top: 6px;
}
.mobile .har_iphone,
.har_top_menu, 
.har_header_address,
.har_browsers,
.har_logo_und,
.mobile.landscape .har_slide_desq,
.mobile.landscape .har_scroll_down,
.har_first_step .har_header_lang ul  {
	display: none;
}
.har_fixed, 
.tablet .har_fixed {
	background-attachment:scroll!important;
}
.har_section {
	text-align: center;
}

.har_icon_box i {
	position: relative;
}
.har_icon_box_content {
	padding: 0;
}
	.har_icon_box h4:after,
	.text-left .har_icon_box h4:after,
	.text-right .har_icon_box h4:after {
		margin-left: auto;
		margin-right: auto;
	}
.har_header_lang {
	right: 15px;
}
.har_slide_title {
	font:900 40px Raleway, Arial;
	width: 100%;
	text-align: center;
}
	.har_slide_title:after,
	.har_slide_title_red:after{
		margin: 20px auto;
	}
.har_slide_desq {
	font:400 18px Raleway, Arial;
	text-align: center;
}
.har_slide_txt,
.har_slide_txt.har_slide_center_middle, 
.har_slide_txt.har_slide_center_top, 
.har_slide_txt.har_slide_center_bottom {
	width: 100%;
	left: 0;
	top: 50%;
	transform:translateY(-50%);
	padding: 0 10px;
}

.mobile.landscape .har_slide_txt {
	padding: 0 25px;
}
.har_great_titles h2 {
	font:900 36px Raleway, Arial;
	text-align: center;
}
	.har_great_titles h2:after {
		margin: 20px auto;
	}

.har_section .container {
	padding-top: 56px;
	padding-bottom: 46px;
}
.text-left, .text-right {
	text-align: center;
}

header nav {
	height: 52px;
	background: rgba(255,255,255,0.7);
}
.har_around_bl,
.har_around_bl:last-child,
.har_icon_box:last-child,
.har_icon_box {
	margin-bottom: 30px;
}
.text-center .har_icon_box .har_icon_box_content {
	padding-left: 0;
}
header nav.har_transp_nav {
	background: none;
}
.har_first_step header nav.har_transp_nav {
	background: rgba(255,255,255,0.9);
}
.har_logo,
.tablet.portrait .har_logo {
	top: 17px;
	z-index: 3;
}

.har_header_tech {
	height: 26px;
	padding: 0;
}
	.har_first_step .har_header_tech {
		height: 0;
	}
.har_header_lang .har_parent ul {
	padding: 1px 0 0 0;
}
.har_portfolio_item,
.container-fluid .har_portfolio_item  {
	width: 100%;
}
.har_port_titles {
	text-align: left;
}
.har_slider_copyright {
	left: 10px;
	bottom: 20px;
}
.har_top {
	width: 40px;
	height: 40px;
	padding: 14px;
	right: 20px;
	bottom: 20px;
}

.har_middle_titles h2 {
	font:900 30px Raleway, Arial;
}
.har_portfolio_footer_grey:after,
.har_portfolio_footer_white:after {
	display: none;
}
.owl-prev {
	left: 20px;
}
.owl-next {
	right: 20px;
}
.har_auto_height .har_image_bck[data-image] {
	min-height: 400px;
}
.har_simple_block {
	padding: 56px 15px 46px;
}
.har_simple_block h2:after, 
h2:after {
	margin-left: auto;
	margin-right: auto;
}
.har_news_block {
	margin-bottom: 40px;
	text-align: center;
}
.har_news_img {
	height: auto;
}
.form-control {
	margin-bottom: 10px;
}
form {
	margin-bottom: 20px;
}
.har_icon_boxes {
	margin-top: 0;
}
.har_icon_box:last-child, .har_anim_box:last-child {
	margin-bottom: 0;
}
footer {
	text-align: center;
}
footer h4:after {
	margin-left: auto;
	margin-right: auto;
}
/*Inside Pages*/
.breadcrumbs {
	text-align: center;
}
.har_page_title_great {
	padding-top: 95px;
}

/* 10.1Mobile Top Menu*/
.har_top_menu {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding-top: 50px;
}
.har_top_menu_cont:after {
	display: block;
	content: '';
	width: 100%;
	height: 52px;
	background: #000;
	left: 0;
	right: 0;
	top: 0;
	position: fixed;
}
.har_top_menu_cont {
	background: rgba(0,0,0,0.95);
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: auto;
	display: none;
}
.har_header_search_cont input {
	margin-bottom: 0;
}
.har_header_search_cont form {
	margin-bottom: 0;
}
.har_header_search_cont {
	width: 100%;
}
.har_first_step .har_transp_nav .har_top_menu a:hover,
.har_first_step header nav.har_transp_nav ul a {
	color: #fff;
}
.har_top_menu > li > a {
	padding: 13px 25px;
	height: 52px;
	color: #fff!important;
}
.har_top_menu > li > a:before {
	display: none!important;
}
.tablet.portrait .har_top_menu > li > a {
	padding: 13px 25px;
	height: 52px;
	color: #fff;
}
.har_parent ul, 
.har_parent ul.mega-menu, 
.har_parent ul, 
.har_parent ul.mega-menu {
	position: relative;
	white-space:normal;
	width: 100%;
	background: none;
}
.har_transp_nav .har_top_menu li:hover > a:before {
	display: none;
}
.har_parent ul .mega-menu-column {
	width: 100%;
	margin-bottom: 20px;
}
header nav ul.har_top_menu li {
	float: none;
	height: auto;
}
/*Mobile Menu*/
.har_top_menu_mobile_link {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 18px;
	padding: 15px;
	display: none;
	cursor: pointer;
	z-index: 3;
}

.har_top_menu_mobile_link,
.active .har_top_menu_mobile_link {
	display: block;
	right: 0;
}
.har_header_search {
	display: none;
}
.har_header_search span {
	padding: 15px;
	color: #fff;
	font-size: 18px;
}

header nav.active .har_top_menu_mobile_link, 
header nav.active .har_logo {
	color: #fff;
}
/*Portfolio*/
.har_port_title {
	font: 400 18px/24px Raleway, Arial,sans-serif;
}
.har_port_subtitle {
	font: 400 14px/22px Raleway, Arial,sans-serif;
}
/*Text Align*/
.mobile-text-left {
	text-align: left;
}
.mobile-text-right {
	text-align: right;
}

.har_mobile_menu {
	display: none;
}
.har_mobile_menu_hor_padding,
.har_mobile_menu_hor_padding.active,
.har_first_step header nav.har_mobile_menu_hor_padding {
	top: 0;
	left: 0;
	right: 0;
	opacity: 1;
	pointer-events:auto;
}
.tablet .har_auto_height .har_slider_copyright {
	left: 20px;
}
.har_auto_height .har_slider_copyright {
	left: 20px;
}
.har_slider_copyright.har_slider_copyright_right,
.har_slider_copyright_right {
	left: auto;
	right: 20px;
}
.har_slide_txt {
	text-align: center;
	bottom: auto;
	top: 50%;
	transform:translateY(-50%);
	left: 0;
}
.har_team_slider_single .har_news_block {
	width: 100%;
}
.reply {
	padding-left: 20px;
	text-align: left;
}
.add-to-box {
	text-align: center;
}
.add-to-cart {
	margin-right: auto;
	margin-left: auto;
}
/*Header Login Form*/
.har_header_login .btn {
	padding: 5px 15px;
}
.har_header_login {
	padding: 12px 0;
	margin-right: 40px;
	position: relative;
	z-index: 3;
}


}
@media (max-width:992px){
/*10.2 Tablet*/
.tablet.portrait .har_logo_und {
	display: none;
}
.har_slide_txt,
.har_slide_txt_red{
	width: 80%;
}
.har_header_lang {
	right: 15px;
}
.tablet.portrait .har_browsers {
	display: none;
}

.tablet .har_great_titles h2 {
	font:900 56px Raleway, Arial;
}


.tablet.portrait .har_second_step .har_logo,
.tablet.portrait .har_logo {
	top: 17px;
}
.tablet.portrait header nav {
	height: 52px;
}
.tablet.portrait .form-control {
	margin-bottom: 10px;
}
.text-center .har_iphone_pink, 
.text-center .har_iphone_gold {
	height: 540px;
	width: 185px;
}

.har_simple_block {
	padding: 56px 45px 46px;
}

}
@media (max-width:850px){

.har_slide_txt_red .har_slide_title_red {
		font:900 54px Raleway, Arial;
	  text-align: center;

}
.har_slide_txt_red h3 {
    font: 900 86px 'Just Another Hand';
    margin-bottom: -28px;
}

}
@media (max-width:650px){

.har_slide_txt_red .har_slide_title_red {
		font:900 36px Raleway, Arial;
	  text-align: center;

}
.har_slide_txt_red h3 {
    font: 900 72px 'Just Another Hand';
    margin-bottom: -20px;
}

}
@media (max-width:568px){

	.har_top_menu > li > a {
		padding: 13px 16px;
	}
	.har_slide_txt_red h3 {
    font: 900 64px 'Just Another Hand';
    margin-bottom: -20px;
}
}

@media (max-width:480px){
	.har_iphone {
		display: none;
	}
	.har_top_menu > li > a {
		padding: 13px 16px;
	}

	.har_slide_txt_red .har_slide_title_red {
		font:900 24px Raleway, Arial;
	  text-align: center;

  }
   .har_slide_txt_red h3 {
    font: 900 54px 'Just Another Hand';
    margin-bottom: -14px;
   }
   .har_slide_subtitle_red {
   	font: 600 14px Raleway, Arial;
   	margin: 10px 0 22px;
   }
  .har_slider_carousel .owl-controls .owl-buttons .owl-next {
  	right: 10px;
   }
   .har_slider_carousel .owl-controls .owl-buttons .owl-prev {
  	left: 10px;
   }
}