/*=========================================================
Author       : Bestwebcreator.
Template Name: Anger - Creative Business & Portfolio Multi-purpose HTML5 Template
Version      : 1.0
==============================================================*/
	/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, overlay, section-padding etc)
    02. HEADER DESIGN
	03. BANNER SECTION
	04. ABOUT SECTION
	05. ICON BOX CSS
	06. COUNTER SECTION
	07. PORTFOLIO SECTION
	08. TESTIMONIAL SECTION
	09. BLOG SECTION
	10. CLIENT LOGO SECTION
	11. FOOTER SECTION
	12. VIDEO SECTION
	13. PROGRESS BAR SECTION
	14. TEAM SECTION
	15. ACCORDION DESIGN
	16. CALL TO ACTION SECTION
	17. CONTACT SECTION
	18. BREADCRUMB SECTION
	19. PRICING TABLE SECTION
	20. ERROR 404 SECTION
	21. COMMING SOON SECTION
	22. PAGINATION DESIGN
	23. SIDEBAR DESIGN
	24. PORTFOLIO DETAIL PAGE
	25. GALLERY DESIGN
	26. SHOP DESIGN
	27. PAGE TITLE DESIGN
	28. LOGIN REGISTER PAGE DESIGN
	29. ELEMENT DESIGN
*=============================================================*/
	/*===================================*
  01. GENERAL STYLE
*===================================*/
	body {
		background: #ffffff none repeat scroll 0 0;
		color: #888888;
		font-family: 'Roboto', sans-serif;
		font-size: 16px;
		-webkit-text-size-adjust: 100%;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: #292b2c;
		font-family: "Montserrat", sans-serif;
	}

	p {
		color: #888888;
	}

	a {
		color: #292b2c;
		text-decoration: none;
		-webkit-transition: all 0.5s ease;
		transition: all .5s ease;
	}

	a:hover {
		color: #0E93D8;
		text-decoration: none;
		transition: all .5s ease;
	}

	a:focus {
		outline: none;
		text-decoration: none;
	}

	img {
		width: 100%;
	}

	.logo_image {
		max-width: 130px;
	}

	ul,
	li,
	ol {
		margin: 0;
		padding: 0;
	}

	fieldset {
		border: 0 none;
		margin: 0 auto;
		padding: 0;
	}

	input:focus,
	textarea:focus {
		outline: none;
		box-shadow: none !important;
	}

	section {
		padding: 65px 0;
		position: relative;
	}

	.no-padding {
		padding: 0
	}

	section.small_pt {
		padding-top: 50px;
	}

	section.small_pb {
		padding-bottom: 50px;
	}

	.small_padding {
		padding: 30px;
	}

	.medium_padding {
		padding: 50px;
	}

	.large_padding {
		padding: 100px;
	}

	.small_divider {
		height: 30px;
	}

	.medium_divider {
		height: 50px;
	}

	.large_divider {
		height: 100px;
	}

	.padding_eight_all {
		padding: 8%;
	}

	.list_none li {
		list-style: none;
	}

	.order_list,
	.disc_list {
		padding-left: 15px;
	}

	.btn:focus,
	.btn:hover,
	.btn.active {
		box-shadow: none;
		outline: medium none;
	}

	button:focus {
		outline: none;
	}

	.btn {
		border-width: 2px;
		text-transform: capitalize;
	}

	.btn.active:focus,
	.btn:active:focus {
		box-shadow: none !important;
	}

	.btn-default {
		background-color: #0e93d8;
		border: 2px solid #0e93d8;
		color: #ffffff !important;
		padding: 10px 30px;
	}

	.btn-default:hover {
		background-color: #1083c8;
		border-color: #1083c8;
		color: #fff;
	}

	.btn-black {
		border: 2px solid #333;
		background-color: #333;
		color: #ffffff;
		padding: 10px 30px;
	}

	.btn-black:hover {
		background-color: #ffffff;
		color: #333;
	}

	.btn-outline-white {
		border: 2px solid #ffffff;
		color: #ffffff;
		padding: 10px 30px;
	}

	.btn-outline-white:hover {
		background-color: #fff;
		color: #1083c8;
	}

	.btn-outline-white2 {
		border: 2px solid #ffffff;
		color: #ffffff;
		padding: 10px 30px;
	}

	.btn-outline-white2:hover {
		background-color: #f2ae00;
		color: #ffffff;
		border: 2px solid #aa7a00;
	}

	.btn-outline-black {
		background-color: transparent;
		border: 2px solid #333;
		color: #333;
		padding: 10px 30px;
	}

	.btn-outline-black:hover {
		background-color: #333;
		color: #fff;
	}

	.btn-outline-default {
		background-color: transparent;
		border: 2px solid #0e93d8;
		color: #0e93d8;
		padding: 10px 30px;
	}

	.btn-outline-default:hover {
		background-color: #0e93d8;
		color: #fff;
	}

	.btn-radius,
	.pr-radius {
		border-radius: 40px;
	}

	.btn+.btn {
		margin-left: 10px;
	}

	.btn i {
		margin-left: 5px;
		font-size: 26px;
		vertical-align: middle;
		line-height: 1;
	}

	.btn span {
		font-size: 14px;
	}

	.btn-group-sm>.btn,
	.btn-sm {
		padding: 7px 15px;
	}

	.btn-group-lg>.btn,
	.btn-lg {
		padding: 15px 40px;
	}

	.btn-xs {
		padding: 4px 15px;
		font-size: 12px;
	}

	.btn-md {
		padding: 10px 30px;
		font-size: 16px;
	}

	.btn.btn-xs i {
		font-size: 12px;
	}

	.btn.btn-sm i {
		font-size: 16px;
	}

	.btn.btn-lg i {
		font-size: 24px;
	}

	.btn-aylen,
	.btn-aylen2 {
		position: relative;
		overflow: hidden;
		transition: all 0.3s ease-in-out;
		z-index: 1;
	}

	.btn-aylen::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		background-color: #fff;
		-moz-transform: scale(0);
		-webkit-transform: scale(0);
		transform: scale(0);
		transition: all 0.3s ease-in-out;
	}

	.btn-aylen:hover:before {
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
		z-index: -1;
	}

	.btn-default.btn-aylen:hover {
		color: #0e93d8 !important;
		z-index: 0;
	}

	.btn-aylen2::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		background-color: #fff;
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
		transition: all 0.3s ease-in-out;
		z-index: -1;
	}

	.btn-aylen2:hover:before {
		-moz-transform: scale(0);
		-webkit-transform: scale(10);
		transform: scale(0);
	}

	.btn-horiz,
	.btn-horiz2 {
		position: relative;
		transition: all 0.5s ease-in-out;
		z-index: 1;
	}

	.btn-horiz::before {
		border-radius: 4px;
		content: "";
		position: absolute;
		left: 50%;
		top: -2px;
		bottom: -2px;
		background-color: rgba(0, 0, 0, 0.1);
		right: 50%;
		visibility: hidden;
		transition: all 0.3s ease-in-out;
		z-index: -1;
	}

	.btn-horiz:hover::before {
		left: -2px;
		right: -2px;
		visibility: visible;
	}

	.btn-horiz2::before {
		border-radius: 3px;
		content: "";
		position: absolute;
		left: 0px;
		top: 0px;
		bottom: 0px;
		background-color: #fff;
		right: 0px;
		transition: all 0.3s ease-in-out;
		z-index: -1;
	}

	.btn-horiz2:hover::before {
		left: 50%;
		right: 50%;
	}

	.btn-radius.btn-horiz::before,
	.btn-radius.btn-horiz2::before {
		border-radius: 40px;
	}

	.btn-3d {
		position: relative;
		border: 0;
	}

	.btn-3d::before {
		border-bottom: 3px solid rgba(0, 0, 0, 0.2);
		content: "";
		bottom: 0px;
		left: 0px;
		right: 0px;
		top: 0;
		position: absolute;
		border-radius: 5px;
	}

	.btn-3d.rounded-0::before {
		border-radius: 0;
	}

	.radius_none {
		border-radius: 0;
	}

	.heading_s1 h1,
	.heading_s1 h2,
	.heading_s1 h3,
	.heading_s1 h4,
	.heading_s1 h5,
	.heading_s1 h6,
	.heading_s2 h1,
	.heading_s2 h2,
	.heading_s2 h3,
	.heading_s2 h4,
	.heading_s2 h5,
	.heading_s2 h6,
	.heading_s3 h1,
	.heading_s3 h2,
	.heading_s3 h3,
	.heading_s3 h4,
	.heading_s3 h5,
	.heading_s3 h6,
	.heading_s4 h1,
	.heading_s4 h2,
	.heading_s4 h3,
	.heading_s4 h4,
	.heading_s4 h5,
	.heading_s4 h6 {
		font-weight: 700;
		margin: 0;
		text-transform: capitalize;
	}

	.heading_s1,
	.heading_s2 {
		margin-bottom: 30px;
		padding-bottom: 10px;
		position: relative;
	}

	.heading_s1::before {
		background-color: #0e93d8;
		bottom: 0;
		content: "";
		height: 3px;
		left: 0;
		position: absolute;
		width: 80px;
	}

	.heading_s1.text-center::before {
		margin: 0 auto;
		right: 0;
	}

	.heading_s1.text-right::before {
		left: auto;
		right: 0;
	}

	.heading_s2::before {
		background-color: #0e93d8;
		bottom: 0;
		border-radius: 30px;
		content: "";
		height: 4px;
		left: 0;
		position: absolute;
		width: 60px;
	}

	.heading_s2::after {
		background-color: #0e93d8;
		bottom: 0;
		border-radius: 30px;
		content: "";
		height: 4px;
		left: 65px;
		position: absolute;
		width: 4px;
	}

	.heading_s2.text-center::before {
		margin: 0 auto;
		right: 10px;
	}

	.heading_s2.text-right::before {
		left: auto;
		right: 0;
	}

	.heading_s2.text-center::after {
		margin: 0 auto;
		right: 0;
	}

	.heading_s2.text-right::after {
		left: auto;
		right: 65px;
	}

	.heading_s3,
	.heading_s4 {
		margin-bottom: 30px;
	}

	.heading_s4 .sub_title {
		font-size: 100px;
		color: #000;
		opacity: 0.09;
		text-transform: uppercase;
		font-weight: bold;
		line-height: 1;
		margin-bottom: -40px;
	}

	.heading_s4.heading_light .sub_title {
		color: #fff;
		opacity: 0.3;
	}

	.sub_title {
		color: #0e93d8;
		text-transform: capitalize;
		margin-bottom: 5px;
		display: block;
	}

	.heading_light>* {
		color: #fff;
	}

	.heading_s1.heading_light::before,
	.heading_s2.heading_light::before,
	.heading_s2.heading_light::after {
		background-color: #ffffff;
	}

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

	.form-control,
	.form-control:focus,
	.custom-file-input:focus~.custom-file-label {
		color: #000;
		box-shadow: none;
	}

	.gray_bg {
		background-color: #f7f7f7;
	}

	.light_gray_bg {
		background-color: #f2f8fb;
	}

	.bg_blue {
		background-color: #0e93d8;
	}

	.dark_gray_bg {
		background-color: #5C5C5C;
	}

	.bg_black {
		background-color: #000;
	}

	.bg_black2 {
		background-color: #0c0e27;
	}

	.bg_black3 {
		border: 2px solid #f2ae00;
		background-color: rgba(0, 0, 0, 0.6);
	}

	.bg_red {
		background-color: #ee3d43;
	}

	.bg_light_blue {
		background-color: #68bac0;
	}

	.bg_light_green {
		background-color: #b6ca2b;
	}

	.border_dark {
		border-color: #333 !important;
	}

	.text_white,
	.text_white * {
		color: #fff !important;
		position: relative;
		z-index: 99;
	}

	.text_dark * {
		color: #333 !important;
	}

	.text_default {
		color: #55bbeb !important;
	}

	.text_success {
		color: #42b574 !important;
	}

	.text_danger {
		color: #f54b0f !important;
	}

	.text_warning {
		color: #f5bf2f !important;
	}

	.highlight_txt {
		color: #333;
		font-style: italic;
		font-size: 18px;
		margin-bottom: 15px;
		display: block;
		font-weight: 500;
	}

	.angle_bottom {
		border-bottom: 100px solid #ffffff;
		border-left: 100vw solid rgba(0, 0, 0, 0);
		bottom: 0;
		display: block;
		height: 0;
		position: absolute;
		right: 0;
		width: 0;
		z-index: 9;
	}

	.angle_top {
		border-right: 100vw solid rgba(0, 0, 0, 0);
		border-top: 100px solid #ffffff;
		display: block;
		height: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 0;
		z-index: 1;
	}

	.overflow_hide {
		overflow: hidden;
	}

	.radius_box_10 {
		border-radius: 10px;
	}

	.scrollup {
		background-color: #4f4f4f;
		border-radius: 100%;
		bottom: 20px;
		color: #ffffff;
		font-size: 30px;
		height: 50px;
		line-height: 50px;
		position: fixed;
		right: 20px;
		text-align: center;
		width: 50px;
		z-index: 99;
	}

	.scrollup:hover {
		background-color: #0e93d8;
		color: #fff;
	}

	.scrollup:focus {
		color: #fff;
	}

	.preloader {
		background-color: #ffffff;
		bottom: 0;
		height: 100%;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 9999;
	}

	.loader_grid {
		height: 60px;
		margin: 0 auto;
		position: relative;
		top: 50%;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 60px;
	}

	.loader_grid .loader_box {
		width: 33%;
		height: 33%;
		background-color: #343a40;
		float: left;
		-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
		animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
	}

	.loader_grid .loader_box1 {
		-webkit-animation-delay: 0.2s;
		animation-delay: 0.2s;
	}

	.loader_grid .loader_box2 {
		-webkit-animation-delay: 0.3s;
		animation-delay: 0.3s;
	}

	.loader_grid .loader_box3 {
		-webkit-animation-delay: 0.4s;
		animation-delay: 0.4s;
	}

	.loader_grid .loader_box4 {
		-webkit-animation-delay: 0.1s;
		animation-delay: 0.1s;
	}

	.loader_grid .loader_box5 {
		-webkit-animation-delay: 0.2s;
		animation-delay: 0.2s;
	}

	.loader_grid .loader_box6 {
		-webkit-animation-delay: 0.3s;
		animation-delay: 0.3s;
	}

	.loader_grid .loader_box7 {
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
	}

	.loader_grid .loader_box8 {
		-webkit-animation-delay: 0.1s;
		animation-delay: 0.1s;
	}

	.loader_grid .loader_box9 {
		-webkit-animation-delay: 0.2s;
		animation-delay: 0.2s;
	}

	@-webkit-keyframes sk-cubeGridScaleDelay {

		0%,
		70%,
		100% {
			-webkit-transform: scale3D(1, 1, 1);
			transform: scale3D(1, 1, 1);
		}

		35% {
			-webkit-transform: scale3D(0, 0, 1);
			transform: scale3D(0, 0, 1);
		}
	}

	@keyframes sk-cubeGridScaleDelay {

		0%,
		70%,
		100% {
			-webkit-transform: scale3D(1, 1, 1);
			transform: scale3D(1, 1, 1);
		}

		35% {
			-webkit-transform: scale3D(0, 0, 1);
			transform: scale3D(0, 0, 1);
		}
	}

	.bg_size_auto {
		background-size: auto !important;
	}

	.bg_size_contain {
		background-size: contain !important;
	}

	.bg_norepeat {
		background-repeat: no-repeat !important;
	}

	.position_center_bottom {
		background-position: center bottom !important;
	}

	.position_right_bottom {
		background-position: right bottom !important;
	}

	.position_right_center {
		background-position: right center !important;
	}

	.fixed_bg {
		background-attachment: fixed !important;
	}

	/*===================================*
  01.END GENERAL STYLE
*===================================*/
	/*===================================*
  02. HEADER DESIGN
*===================================*/
	.logo_light,
	.logo_dark {
		display: none;
	}

	.light_skin .logo_default,
	.light_skin .logo_dark {
		display: none;
	}

	.light_skin .logo_light {
		display: block;
	}

	.dark_skin .logo_light,
	.dark_skin .logo_default {
		display: none;
	}

	.dark_skin .logo_dark {
		display: block;
	}

	.light_skin .navbar-nav a,
	.light_skin .navbar-toggler {
		color: #ffffff;
	}

	.dark_skin .navbar-nav a,
	.navbar-toggler {
		color: #000000;
	}

	.navbar {
		padding: 0;
	}

	.header_wrap {
		transition: all 0.5s ease 0s;
	}

	.navbar-expand-lg .navbar-nav li {
		position: relative;
		list-style: none;
	}

	.navbar-nav .dropdown-menu {
		background-color: #333333;
		border: 0 none;
		border-radius: 0;
		margin: 0;
		min-width: 12rem;
		padding: 0;
	}

	.dropdown-toggle::after,
	.dropdown-toggler::after {
		border: 0 none;
		content: "\f3d0";
		font-family: ionicons;
		height: auto;
		line-height: normal;
		margin-left: 5px;
		vertical-align: middle;
		width: auto;
	}

	.dd_main_arrow_none .navbar-expand-lg .navbar-nav>li>.nav-link.dropdown-toggle::after {
		content: normal;
	}

	.dropdown-toggler::after {
		-moz-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	.dropdown-menu .dropdown-toggler::after {
		position: absolute;
		right: 10px;
		top: 10px;
	}

	.navbar-expand-lg .navbar-nav>li>.nav-link {
		font-size: 14px;
		font-weight: 600;
		padding: 25px 10px;
		text-transform: uppercase;
	}

	.navbar-expand-lg .navbar-nav .dropdown-item {
		padding: 8px 25px 8px 10px;
		color: #bdbdbd;
		font-size: 14px;
		text-transform: capitalize;
	}

	.navbar-expand-lg .navbar-nav .dropdown-header {
		color: #fff;
		padding: 5px 10px;
		text-transform: uppercase;
		font-weight: bold;
	}

	.navbar-expand-lg .attr-nav li .nav-link {
		font-size: 20px;
		padding: 10px 10px;
	}

	.hover_menu_style2 .navbar-expand-lg .navbar-nav.attr-nav>li>.nav-link {
		margin: 0;
		padding: 22px 10px;
	}

	.dropdown-item:focus,
	.dropdown-item:hover,
	.dropdown-item.active,
	.dropdown-item:active {
		background-color: transparent;
	}

	.navbar-expand-lg .navbar-nav.attr-nav .dropdown-menu li a.active,
	.navbar-expand-lg .navbar-nav.attr-nav .dropdown-menu li a:hover {
		background-color: rgba(0, 0, 0, 0);
	}

	.hover_menu_style1.light_skin .navbar-expand-lg .navbar-nav>li:hover>a,
	.hover_menu_style1.light_skin .navbar-expand-lg .navbar-nav>li>a.active {
		background-color: #ffffff;
		color: #0073b8;
	}

	.hover_menu_style1.dark_skin .navbar-expand-lg .navbar-nav>li:hover>a,
	.hover_menu_style1.dark_skin .navbar-expand-lg .navbar-nav>li>a.active {
		background-color: #232323;
		color: #fff;
	}

	.navbar-expand-lg .navbar-nav>li {
		margin-left: 1px;
	}

	.hover_menu_style1 .navbar-expand-lg .navbar-nav.attr-nav li a.active,
	.hover_menu_style1 .navbar-expand-lg .navbar-nav.attr-nav>li:hover>a {
		background-color: rgba(0, 0, 0, 0);
		color: #707070;
	}

	.hover_menu_style1.light_skin .navbar-expand-lg .navbar-nav.attr-nav li a.active,
	.hover_menu_style1.light_skin .navbar-expand-lg .navbar-nav.attr-nav>li:hover>a {
		color: #0073b8;
	}

	.hover_menu_style2 .navbar-expand-lg .navbar-nav>li>.nav-link {
		margin: 0 10px;
		padding-left: 0;
		padding-right: 0;
		position: relative;
	}

	.hover_menu_style2 .navbar-expand-lg .navbar-nav.attr-nav>li>.nav-link:before {
		content: normal;
	}

	.hover_menu_style2 .navbar-expand-lg .navbar-nav.attr-nav li a.active,
	.hover_menu_style2 .navbar-expand-lg .navbar-nav.attr-nav>li:hover>a {
		color: #0073b8;
	}

	.nav-fixed.hover_menu_style2 .navbar-expand-lg .navbar-nav>li>.nav-link {
		margin: 0;
	}

	.hover_menu_style2 .navbar-expand-lg .navbar-nav>li>.nav-link::before {
		background-color: #000;
		bottom: 15px;
		content: "";
		height: 2px;
		left: 50%;
		position: absolute;
		right: 50%;
		transition: all 0.5s ease 0s;
	}

	.hover_menu_style2.light_skin .navbar-expand-lg .navbar-nav>li>.nav-link::before {
		background-color: #fff;
	}

	.hover_menu_style2 .navbar-expand-lg .navbar-nav li a.active:before,
	.hover_menu_style2 .navbar-expand-lg .navbar-nav>li:hover>a:before {
		left: 0;
		right: 0;
	}

	.navbar-expand-lg .navbar-nav .dropdown-menu li a.active,
	.navbar-expand-lg .navbar-nav .dropdown-menu li a:hover {
		background-color: rgba(0, 0, 0, 0.2);
		color: #fff;
	}

	.hover_menu_style2.nav-fixed .navbar-expand-lg .navbar-nav>li>.nav-link::before {
		background-color: #333333;
	}

	.nav-fixed.hover_menu_style2 .navbar-expand-lg .navbar-nav>li>.nav-link {
		padding-left: 0;
		padding-right: 0;
		margin: 0 10px;
	}

	.hover_menu_style3 .navbar-expand-lg .navbar-nav>li>a.active,
	.hover_menu_style3 .navbar-expand-lg .navbar-nav>li:hover>a {
		color: #0e93d8;
	}

	.search-overlay {
		background-color: rgba(0, 0, 0, 0.8);
		height: 100%;
		left: 0;
		opacity: 0;
		position: fixed;
		text-align: center;
		top: 0;
		transition: all 0.25s ease-in-out 0s;
		visibility: hidden;
		width: 100%;
		z-index: 999;
	}

	.search-overlay.open {
		visibility: visible;
		opacity: 1;
	}

	.close-search {
		color: #ffffff;
		cursor: pointer;
		font-size: 50px;
		position: absolute;
		right: 70px;
		top: 30px;
		z-index: 99;
	}

	.search_wrap {
		left: 0;
		margin: 0 auto;
		max-width: 900px;
		position: absolute;
		right: 0;
		top: 50%;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.search_icon {
		font-size: 30px;
		position: absolute;
		right: 15px;
		top: 10px;
		border: 0;
		background-color: transparent;
		cursor: pointer;
		padding: 0;
	}

	.search_wrap .form-control {
		border-radius: 0;
		padding: 20px;
		border: 0;
		box-shadow: none;
		height: auto;
	}

	.search_wrap .form-control:focus {
		border: 0;
		box-shadow: none;
	}

	.nav-fixed .navbar-expand-lg .navbar-nav>li>.nav-link {
		padding: 20px 10px;
	}

	.nav-fixed .navbar-expand-lg .attr-nav li .nav-link,
	.hover_menu_style2 .navbar-expand-lg .navbar-nav.attr-nav>li>.nav-link {
		padding: 15px 10px;
		margin: 0;
	}

	.header_wrap.nav-fixed {
		background-color: #ffffff;
		box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
		position: fixed;
		right: 0;
		left: 0;
		top: 0;
		z-index: 999;
	}

	.header_wrap.nav-fixed.no-sticky {
		position: relative;
	}

	.light_skin.nav-fixed .logo_dark {
		display: block;
	}

	.light_skin.nav-fixed .logo_light {
		display: none;
	}

	.light_skin.nav-fixed .navbar-nav>li>a,
	.light_skin.nav-fixed .navbar-toggler {
		color: #333333;
	}

	.bg-dark.light_skin.nav-fixed .logo_dark {
		display: none;
	}

	.bg-dark.light_skin.nav-fixed .logo_light {
		display: block;
	}

	.header_wrap.nav-fixed.bg-dark {
		border-bottom: 0;
	}

	.bg-dark.light_skin.nav-fixed .navbar-nav>li>a,
	.bg-dark.light_skin.nav-fixed .navbar-toggler {
		color: #fff;
	}

	.bg-dark.hover_menu_style2.nav-fixed .navbar-expand-lg .navbar-nav>li>.nav-link::before {
		background-color: #fff;
	}

	.mega-menu {
		display: table;
		padding: 15px 0;
		width: 100%;
	}

	.navbar-expand-lg .navbar-nav li.dropdown-mega-menu {
		position: static;
	}

	.dropdown-mega-menu .dropdown-menu {
		right: 0;
	}

	.mega-menu-col {
		border-right: 1px solid #5d5d5d;
	}

	.mega-menu-col:last-child {
		border-right: 0;
	}

	.dropdown-menu li a i {
		font-size: 14px;
		width: 20px;
		display: inline-block;
	}

	.cart_list li {
		list-style: outside none none;
	}

	.cart_box {
		background-color: #333333;
		width: 300px;
	}

	.cart_list li {
		border-bottom: 1px solid #777777;
		padding: 20px;
	}

	.item_remove {
		float: right;
	}

	.cart_list img {
		background-color: #ffffff;
		float: left;
		margin-right: 10px;
		max-width: 60px;
		vertical-align: top;
	}

	.cart_list a {
		color: #fff !important;
		font-size: 14px;
		vertical-align: top;
	}

	.cart_list a:hover,
	.item_remove:hover {
		color: #ddd !important;
	}

	.cart_quantity {
		color: #ffffff;
		display: inline-block;
		margin-top: 12px;
	}

	.cart_list {
		display: table;
	}

	.cart_total {
		color: #ffffff;
		margin: 0;
		padding: 10px 20px;
		text-align: right;
	}

	.cart_total strong {
		float: left;
	}

	.cart_buttons {
		margin: 0;
		padding: 10px 20px 20px;
		text-align: center;
	}

	.cart_buttons .view-cart,
	.cart_buttons .checkout {
		background-color: #0e93d8;
		color: #fff !important;
		margin: 0 5px;
	}

	.cart_buttons .view-cart:hover,
	.cart_buttons .checkout:hover {
		background-color: #0073b8;
	}

	.top-header {
		padding: 10px 0;
	}

	.light_skin .top-header {
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}

	.dark_skin .top-header {
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	}

	.social_icons,
	.contact_detail {
		font-size: 0;
	}

	.social_icons li,
	.contact_detail li {
		display: inline-block;
		padding: 0 3px;
	}

	.social_icons li a {
		font-size: 18px;
		height: 35px;
		width: 35px;
		line-height: 36px;
		display: inline-block;
		text-align: center;
		vertical-align: middle;
	}

	.contact_detail i {
		margin-right: 5px;
	}

	.contact_detail li {
		color: #000;
		font-size: 14px;
		margin-left: 5px;
		vertical-align: middle;
	}

	.contact_detail li:first-child {
		margin-left: 0px;
	}

	.light_skin .contact_detail li {
		color: #fff;
	}

	header .social_icons li a {
		font-size: 16px;
		height: 30px;
		width: 30px;
		line-height: 30px;
	}

	.nav-fixed .top-header {
		display: none !important;
	}

	.navbar-toggler {
		float: right;
		margin: 10px 0;
		font-size: 28px;
		transition: all 0.5s ease 0s;
	}

	.navbar-toggler[aria-expanded="true"] span::before {
		content: "\f129";
		font-size: 20px;
		width: 21px;
		line-height: 28px;
		vertical-align: top;
	}

	/*overlay menu Css*/
	.overlay_menu .navbar-brand {
		padding: 12px 0 0;
	}

	.overlay_menu .navbar-toggler[aria-expanded="true"],
	.overlay_menu .navbar-collapse>.navbar-nav>li>a,
	.overlay_menu.active .navbar-toggler {
		color: #333;
	}

	.overlay_menu .navbar-collapse>.navbar-nav>li>a:hover {
		color: #0e93d8;
	}

	.overlay_menu .navbar-expand-lg .navbar-nav>li>.nav-link::before {
		content: normal;
	}

	.overlay_menu .navbar-expand-lg .navbar-nav>li:hover>a,
	.overlay_menu .navbar-expand-lg .navbar-nav>li>a.active {
		background-color: transparent !important;
	}

	.overlay_menu .navbar-expand-lg .navbar-nav .dropdown-menu {
		position: relative;
	}

	.overlay_menu .navbar-expand-lg .navbar-collapse>.navbar-nav>li>.nav-link {
		padding: 5px 0;
		margin: 0;
		font-size: 30px;
	}

	.overlay_menu .navbar-expand-lg .navbar-nav li:hover>.dropdown-menu {
		display: none;
	}

	.overlay_menu .navbar-expand-lg .navbar-nav li.show:hover>.dropdown-menu,
	.overlay_menu .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu.show,
	.overlay_menu.header_wrap .navbar {
		display: block;
	}

	.overlay_menu .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu.show {
		left: 0;
	}

	.overlay_menu .dropdown-toggler::after {
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	.overlay_menu .mega-menu.d-lg-flex {
		display: block !important;
	}

	.overlay_menu .mega-menu-col {
		border-right: 0;
		float: none;
		padding: 0 15px;
		width: 100%;
	}

	.overlay_menu .mega-menu-col[class*="col-"] {
		max-width: 100%;
		flex: 0 0 100%;
		-ms-flex: 0 0 100%;
	}

	.overlay_menu .navbar-collapse .navbar-nav {
		display: block;
		margin: 0 auto;
		max-width: 300px;
		width: 100%;
		margin-top: -50px;
		transition: all 0.2s ease-in-out;
	}

	.overlay_menu .navbar-collapse.show .navbar-nav {
		margin-top: 0;
	}

	.overlay_menu .dropdown-toggle::after {
		content: "\f217";
		float: right;
		font-size: 24px;
		font-weight: normal;
		margin-top: 7px;
	}

	.overlay_menu .dropdown.show .dropdown-toggle::after {
		content: "\f208";
	}

	.overlay_menu .navbar-expand-lg .navbar-toggler {
		display: block;
		position: relative;
		z-index: 999;
	}

	.overlay_menu .navbar-expand-lg .navbar-collapse {
		display: none !important;
	}

	.overlay_menu .navbar-expand-lg .navbar-collapse {
		display: block !important;
		position: fixed;
		top: 60px;
		left: 0;
		right: -18px;
		bottom: 0;
		height: 80vh;
		z-index: 99;
		overflow-y: scroll;
		opacity: 0;
		visibility: hidden;
		transition: all 0.2s ease-in-out;
	}

	.overlay_menu .navbar-expand-lg .navbar-collapse.show {
		opacity: 1;
		visibility: visible;
	}

	.overlay_menu.active .navbar-collapse::before {
		content: "";
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background-color: rgba(255, 255, 255, 0.95);
	}

	.overlay_menu.header_wrap .navbar-expand-lg .navbar-nav.attr-nav {
		float: right;
	}

	header .attr-nav+.social_icons {
		border-left: 1px solid #333;
		margin-left: 5px;
		padding-left: 5px;
	}

	header .attr-nav+.social_icons li {
		padding: 0;
	}

	header.light_skin .attr-nav+.social_icons {
		border-color: #fff;
	}

	header.light_skin .social_icons li a {
		color: #fff;
	}

	header.light_skin.nav-fixed .attr-nav+.social_icons {
		border-color: #333;
	}

	header.light_skin.nav-fixed .social_icons li a {
		color: #000;
	}

	header.light_skin.nav-fixed .social_icons li a:hover {
		color: #0E93D8;
	}

	/*===================================*
  02. END HEADER DESIGN
*===================================*/
	/*===================================*
  03. BANNER SECTION
*===================================*/
	.full_screen,
	.full_screen .carousel-item {
		height: 100vh;
	}

	.banner_content_wrap .carousel-item {
		padding: 100px 0;
	}

	.overlay_bg::before {
		background-color: rgba(0, 0, 0, 0.692);
		bottom: 0;
		content: "";
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}

	.overlay_bg2::before {
		background-color: rgba(0, 0, 0, 0.5);
		bottom: 0;
		content: "";
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}

	.overlay_bg3::before {
		background-color: rgba(0, 0, 0, 0.7);
		bottom: 0;
		content: "";
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}

	.blue_overlay_bg::before {
		background-color: rgba(14, 147, 216, 0.8);
		bottom: 0;
		content: "";
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}

	.white_overlay_bg::before {
		background-color: rgba(255, 255, 255, 0.7);
		bottom: 0;
		content: "";
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}

	.video_wrap {
		bottom: 0;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		z-index: -1;
	}

	.video_wrap video {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.banner_content h2 {
		font-size: 70px;
		font-weight: 700;
	}

	.banner_content p {
		color: #333;
		font-size: 22px;
		font-weight: 300;
	}

	.banner_content.text_white p {
		color: #fff;
	}

	.banner_section .banner_slide_content {
		left: 0;
		position: absolute;
		right: 0;
		top: 50%;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.carousel-control-next,
	.carousel-control-prev {
		background-color: #000000;
		font-size: 20px;
		height: 50px;
		opacity: 0;
		top: 50%;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 50px;
	}

	.light_arrow .carousel-control-next,
	.light_arrow .carousel-control-prev {
		background-color: rgba(255, 255, 255, 0.5);
	}

	.carousel-control-next:focus,
	.carousel-control-next:hover,
	.carousel-control-prev:focus,
	.carousel-control-prev:hover {
		opacity: 0;
	}

	.carousel:hover .carousel-control-next,
	.carousel:hover .carousel-control-prev {
		opacity: 1;
	}

	.carousel-control-next {
		right: 20px;
	}

	.carousel-control-prev {
		left: 20px;
	}

	.carousel-indicators {
		bottom: 20px;
	}

	.carousel-indicators li {
		border-radius: 100%;
		cursor: pointer;
		width: 15px;
		height: 15px;
	}

	.content_overlay_bg {
		padding: 50px;
		position: relative;
	}

	.content_overlay_bg::before {
		background-color: rgba(0, 0, 0, 0.5);
		bottom: 0;
		content: "";
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}

	.banner_head2 {
		font-size: 40px;
	}

	.down {
		bottom: 20px;
		/*color: */
		font-size: 48px;
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
		text-align: center;
	}

	.down .mouse {
		position: relative;
		display: inline-block;
		width: 30px;
		height: 50px;
		margin: 0 auto 5px;
		border: 2px solid #333;
		border-radius: 24px;
		opacity: .6;
		cursor: pointer;
	}

	.down .mouse span {
		position: absolute;
		display: block;
		top: 0;
		left: 50%;
		width: 8px;
		height: 12px;
		margin: 0px 0 0 -4px;
		background: #333;
		border-radius: 20px;
		-webkit-animation: scroll 2s linear infinite;
		-moz-animation: scroll 2s linear infinite;
		animation: scroll 2s linear infinite;
	}

	@-webkit-keyframes scroll {
		1% {
			opacity: 1;
			top: 30%;
		}

		20% {
			opacity: 1;
			top: 50%;
		}

		60% {
			opacity: 0;
			top: 50%;
		}

		100% {
			opacity: 0;
			top: 30%;
		}
	}

	@-moz-keyframes scroll {
		1% {
			opacity: 1;
			top: 30%;
		}

		20% {
			opacity: 1;
			top: 50%;
		}

		60% {
			opacity: 0;
			top: 50%;
		}

		100% {
			opacity: 0;
			top: 30%;
		}
	}

	@keyframes scroll {
		1% {
			opacity: 1;
			top: 30%;
		}

		20% {
			opacity: 1;
			top: 50%;
		}

		60% {
			opacity: 0;
			top: 50%;
		}

		100% {
			opacity: 0;
			top: 30%;
		}
	}

	.down_white.down .mouse {
		border-color: #fff;
	}

	.down_white.down .mouse span {
		background: #fff;
	}

	.carousel-fade .carousel-item {
		opacity: 0;
		transition-duration: 1.5s;
		transition-property: opacity;
	}

	.carousel-fade .carousel-item-next.carousel-item-left,
	.carousel-fade .carousel-item-prev.carousel-item-right,
	.carousel-fade .carousel-item.active {
		opacity: 1;
	}

	.carousel-fade .active.carousel-item-left,
	.carousel-fade .active.carousel-item-prev,
	.carousel-fade .carousel-item-next,
	.carousel-fade .carousel-item-prev,
	.carousel-fade .carousel-item.active {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.carousel-fade .active.carousel-item-left,
	.carousel-fade .active.carousel-item-prev,
	.carousel-fade .carousel-item-next,
	.carousel-fade .carousel-item-prev,
	.carousel-fade .carousel-item.active {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	.typed-cursor {
		font-weight: 100;
	}

	/*===================================*
  03.END BANNER SECTION
*===================================*/
	/*===================================*
  04. ABOUT SECTION
*===================================*/
	.list_style_1 li,
	.list_style_2 li {
		border-bottom: 1px solid #dddddd;
		list-style: outside none none;
		padding: 10px 10px 10px 25px;
		position: relative;
	}

	.list_style_3 li {
		list-style: outside none none;
		padding: 5px 5px 5px 25px;
		position: relative;
	}

	.list_style_4 li {
		list-style: outside none none;
		padding: 5px 5px 5px 25px;
		position: relative;
	}

	.list_style_1 li::before {
		content: "\f121";
		font-family: ionicons;
		left: 0;
		position: absolute;
		top: 10px;
	}

	.list_style_2 li::before {
		content: "\f3a7";
		font-family: ionicons;
		left: 0;
		position: absolute;
		top: 10px;
	}

	.list_style_3 li::before {
		content: "";
		font-family: ionicons;
		left: 0;
		position: absolute;
		top: 17px;
		width: 12px;
		height: 1px;
		background-color: #888888;
	}

	.list_style_4 li::before {
		content: "\f10b";
		font-family: ionicons;
		left: 0;
		position: absolute;
		top: 5px;
		font-size: 18px;
	}

	.list_style_1.color_blue li::before,
	.list_style_2.color_blue li::before,
	.list_style_4.color_blue li::before {
		color: #0e93d8;
	}

	.list_style_3.color_blue li::before {
		background-color: #0e93d8;
	}

	.sc_icon_left {
		float: left;
		margin-right: 15px;
	}

	.sc_content_box {
		overflow: hidden;
	}

	.sc_icon i {
		width: 30px;
		height: 30px;
		font-size: 30px;
		text-align: center;
	}

	.descriptions_wrap {
		position: relative;
	}

	.slider_images .image {
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}

	.content_box .descriptions_wrap .description {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
	}

	.slider_tab {
		display: inline-block;
	}

	.slider_tab li {
		color: #b9bcc8;
		float: left;
		padding-right: 10px;
		cursor: pointer;
	}

	.slider_tab li:last-child {
		padding-right: 0;
	}

	.slider_tab li.active i,
	.slider_tab li:hover i {
		color: #0e93d8;
	}

	.slider_tab li.active,
	.slider_tab li:hover {
		color: #9498ab;
	}

	.slider_tab li span,
	.slider_tab li i {
		display: block;
	}

	.slider_tab li i {
		font-size: 36px;
		margin-bottom: 15px;
		-webkit-transition: all 0.15s linear;
		-moz-transition: all 0.15s linear;
		transition: all 0.15s linear;
	}

	.about_video_img {
		position: relative;
	}

	.rounded_icon {
		font-size: 40px;
		vertical-align: middle;
		margin-right: 5px;
	}

	.fancy_style {
		padding-top: 20px;
		padding-left: 20px;
		border-top: 3px solid #000;
		border-left: 3px solid #000;
		margin-right: 20px;
	}

	.video_box {
		position: relative;
		margin-top: 20px;
	}

	.video_play span {
		display: block;
		font-size: 24px;
		font-weight: bold;
		padding-top: 10px;
		color: #fff;
	}

	.overlap_video {
		margin-bottom: -50px;
	}

	/*===================================*
  04. END ABOUT SECTION
*===================================*/
	/*===================================*
  05. ICON BOX CSS
*===================================*/
	.icon_box_style_1 i {
		background-color: #0e93d8;
		border-radius: 100%;
		color: #ffffff;
		display: inline-block;
		height: 70px;
		line-height: 70px;
		width: 70px;
		text-align: center;
	}

	.icon_box_style_1 i::after,
	.icon_box_style_2 i::after {
		content: "";
		position: absolute;
		left: -5px;
		top: -5px;
		bottom: -5px;
		right: -5px;
		background-color: #333;
		border-radius: 100%;
		z-index: -1;
		opacity: 0.5;
		-moz-transform: scale(0);
		-webkit-transform: scale(0);
		transform: scale(0);
		transition: all 0.5s ease-in-out;
	}

	.icon_box_style_1:hover i,
	.icon_box_style_2:hover i {
		background-color: #333;
	}

	.icon_box_style_1:hover i::after,
	.icon_box_style_2:hover i::after {
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.icon_box_style_1:hover i,
	.icon_box_style_2:hover i {
		-webkit-animation: toLeftFromRight 0.3s forwards;
		-moz-animation: toLeftFromRight 0.3s forwards;
		animation: toLeftFromRight 0.3s forwards;
	}

	@-webkit-keyframes toLeftFromRight {
		49% {
			-webkit-transform: translate(-100%);
		}

		50% {
			opacity: 0;
			-webkit-transform: translate(100%);
		}

		51% {
			opacity: 1;
		}
	}

	@-moz-keyframes toLeftFromRight {
		49% {
			-moz-transform: translate(-100%);
		}

		50% {
			opacity: 0;
			-moz-transform: translate(100%);
		}

		51% {
			opacity: 1;
		}
	}

	@keyframes toLeftFromRight {
		49% {
			transform: translate(-100%);
		}

		50% {
			opacity: 0;
			transform: translate(100%);
		}

		51% {
			opacity: 1;
		}
	}

	.icon_box_style_3 i::after,
	.icon_box_style_4 i::after {
		content: "";
		position: absolute;
		left: 2px;
		top: 2px;
		bottom: 2px;
		right: 2px;
		background-color: #0e93d8;
		border-radius: 100%;
		z-index: -1;
		-moz-transform: scale(0);
		-webkit-transform: scale(0);
		transform: scale(0);
		transition: all 0.3s ease-in-out;
	}

	.icon_box_style_3:hover i::after,
	.icon_box_style_4:hover i::after {
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.icon_box_style_3:hover i,
	.icon_box_style_4:hover i {
		color: #fff;
	}

	.box_icon {
		position: relative;
		z-index: 1;
	}

	.box_icon i {
		font-size: 32px;
		position: relative;
		transition: all 0.5s ease-in-out;
	}

	.icon_box_content p:last-child {
		margin: 0;
	}

	.icon_box_style_2 .box_icon {
		float: left;
		margin-right: 15px
	}

	.icon_box_style_2 i {
		background-color: #0e93d8;
		border-radius: 100%;
		color: #ffffff;
		display: inline-block;
		font-size: 22px;
		height: 50px;
		line-height: 50px;
		width: 50px;
		text-align: center;
	}

	.icon_box_style_2 .icon_box_content {
		overflow: hidden;
	}

	.icon_box_style_3 i {
		border: 2px solid #0e93d8;
		border-radius: 100%;
		color: #0e93d8;
		display: inline-block;
		font-size: 32px;
		height: 70px;
		line-height: 70px;
		width: 70px;
		text-align: center;
	}

	.icon_box_style_4 .box_icon {
		float: left;
		margin-right: 15px
	}

	.icon_box_style_4 i {
		border: 2px solid #0e93d8;
		border-radius: 100%;
		color: #0e93d8;
		display: inline-block;
		font-size: 22px;
		height: 50px;
		line-height: 48px;
		width: 50px;
		text-align: center;
	}

	.icon_box_style_4 .icon_box_content {
		overflow: hidden;
	}

	.icon_box_style_5 {
		padding: 20px;
		background-color: #fff;
		box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
		position: relative;
	}

	.icon_box_style_5 i {
		color: #0e93d8;
		font-size: 40px;
	}

	.icon_box_style_5::before {
		background-color: #0e93d8;
		bottom: 100%;
		content: "";
		left: 0;
		position: absolute;
		top: 0;
		transition: all 0.3s ease 0s;
		width: 3px;
	}

	.icon_box_style_5:hover::before {
		bottom: 0;
	}

	.icon_box_style_6 {
		padding: 30px;
		z-index: 1;
		border-radius: 10px;
		overflow: hidden;
	}

	.icon_box.overlay_bg::before,
	.icon_box.overlay_bg2::before,
	.icon_box.overlay_bg3::before {
		z-index: -1;
	}

	.icon_box_style_7 {
		padding: 40px;
	}

	.icon_box_style_7 i {
		font-size: 50px;
	}

	/*===================================*
  05. END ICON BOX CSS
*===================================*/
	/*===================================*
  06. COUNTER SECTION
*===================================*/
	.box_counter i {
		font-size: 50px;
		color: #fff;
	}

	.box_counter h3,
	.box_counter p {
		color: #fff;
	}

	.counter_dark.box_counter i,
	.counter_dark.box_counter h3,
	.counter_dark.box_counter p {
		color: #333;
	}

	.box_counter p {
		margin: 0;
	}

	.counter_style1 .counter_text {
		padding-bottom: 10px;
		position: relative;
		display: inline-block;
		width: 100%;
	}

	.counter_style1 .counter_text:before {
		content: "";
		background-color: #fff;
		height: 2px;
		margin: 0 auto;
		width: 40px;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.counter_style1.counter_dark .counter_text:before {
		background-color: #333;
	}

	.counter_style2.box_counter {
		background-color: rgba(255, 255, 255, 0.1);
		padding: 20px;
		border: 3px solid rgba(255, 255, 255, 0.2);
		height: 100%;
	}

	.couter_border {
		padding: 30px;
	}

	.couter_border::before {
		background-color: #ffffff;
		bottom: 0;
		content: "";
		height: 1px;
		left: 0;
		margin-bottom: -1px;
		position: absolute;
		width: 100%;
	}

	.couter_border::after {
		background-color: #ffffff;
		content: "";
		height: 100%;
		margin-right: -1px;
		position: absolute;
		right: 0;
		top: 0;
		width: 1px;
	}

	.counter_border_black.couter_border::before,
	.counter_border_black.couter_border::after {
		background-color: #333;
	}

	.pattern_bg::before {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		content: "";
		position: absolute;
		background-repeat: repeat;
		background-image: url(../images/pattren_bg.png);
	}

	/*===================================*
  06. END COUNTER SECTION
*===================================*/
	/*===================================*
  07. PORTFOLIO SECTION
*===================================*/
	.isotope-hidden.isotope-item {
		pointer-events: none;
		z-index: 1;
	}

	.isotope,
	.isotope .isotope-item {
		/* change duration value to whatever you like */
		-webkit-transition-duration: 0.8s;
		-moz-transition-duration: 0.8s;
		transition-duration: 0.8s;
	}

	.isotope {
		-webkit-transition-property: height, width;
		-moz-transition-property: height, width;
		transition-property: height, width;
	}

	.isotope .isotope-item {
		-webkit-transition-property: -webkit-transform, opacity;
		-moz-transition-property: -moz-transform, opacity;
		transition-property: transform, opacity;
	}

	.portfolio_filter li {
		display: inline-block;
	}

	.portfolio_filter li a {
		border-bottom: 1px solid transparent;
		padding: 5px 25px;
		display: block;
		font-size: 16px;
		text-transform: capitalize;
	}

	.portfolio_filter li a.current,
	.portfolio_filter li a:hover {
		border-color: #0e93d8;
		color: #0e93d8;
	}

	.filter_tab1 li a {
		border: 1px solid #f2ae00;
		color: #f2ae00;
		border-radius: 40px;
		font-weight: bold;
	}

	.filter_tab1 li a.current,
	.filter_tab1 li a:hover {
		background-color: #f2ae00;
		border-color: #aa7a00;
		color: #fff;
	}

	.filter_tab2 li a {
		border: 1px solid #000;
		color: #000;
		font-size: 25px;
	}

	.filter_tab3,
	.filter_tab4 {
		font-size: 0;
	}

	.filter_tab3 li a,
	.filter_tab4 li a {
		border: 1px solid #888888;
		color: #888888;
		margin-left: -1px;
	}

	.filter_tab3 li:first-child a {
		border-radius: 40px 0 0 40px;
	}

	.filter_tab3 li:last-child a {
		border-radius: 0px 40px 40px 0px;
	}

	.filter_tab3 li a.current,
	.filter_tab3 li a:hover,
	.filter_tab4 li a.current,
	.filter_tab4 li a:hover {
		background-color: #0e93d8;
		border-color: #0e93d8;
		color: #fff;
	}

	.filter_tab2 li a.current,
	.filter_tab2 li a:hover {
		background-color: #0e93d8;
		border-color: #0e93d8;
		color: #fff;
	}

	.portfolio_container,
	.portfolio_gallery,
	.blog_container,
	.shop_container {
		list-style: none;
	}

	.gutter_small {
		margin: 0 -7.5px -15px -7.5px;
	}

	.gutter_medium {
		margin: 0 -15px -30px -15px;
	}

	.work_col2>li {
		width: 50%;
		float: left;
	}

	.work_col3>li {
		width: 33.33%;
		float: left;
	}

	.work_col4>li {
		width: 25%;
		float: left;
	}

	.work_col5>li {
		width: 20%;
		float: left;
	}

	.portfolio_item img,
	.portfolio-item img {
		width: 100%;
		transition: all 0.5s ease-in-out;
	}

	.portfolio_hide {
		opacity: 0;
		visibility: hidden;
		height: 0;
		padding-top: 0 !important;
		padding-bottom: 0 !important
	}

	.gutter_small>li {
		padding: 0 7.5px 15px 7.5px;
	}

	.gutter_medium>li {
		padding: 0px 15px 30px 15px;
	}

	.portfolio_content {
		padding: 15px;
	}

	.portfolio_item {
		overflow: hidden;
		position: relative;
	}

	.portfolio_item a {
		display: block;
	}

	.portfolio_style1 .portfolio_content {
		bottom: 0;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: -ms-flex;
		display: flex;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		-ms-justify-content: center;
		justify-content: center;
		-webkit-flex-flow: column nowrap;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
		position: absolute;
		top: 60px;
		opacity: 0;
		visibility: hidden;
		right: 0;
		left: 0;
		text-align: center;
		transition: all 0.5s ease-in-out;
		z-index: 3;
	}

	.portfolio_style1 .portfolio_item::before {
		background-color: rgba(14, 147, 216, 0.80);
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		opacity: 0;
		visibility: hidden;
		top: 0;
		bottom: 0;
		transition: all 0.5s ease-in-out;
		z-index: 2;
	}

	.portfolio_style1 .portfolio_item:hover .portfolio_content {
		top: 0;
		opacity: 1;
		visibility: visible;
	}

	.portfolio_style2 .portfolio_content {
		background-color: rgba(14, 147, 216, 0.80);
		bottom: 0;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: -ms-flex;
		display: flex;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		-ms-justify-content: center;
		justify-content: center;
		-webkit-flex-flow: column nowrap;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
		position: absolute;
		top: 0px;
		opacity: 0;
		visibility: hidden;
		right: 0;
		left: 0;
		text-align: center;
		transition: all 0.5s ease-in-out;
	}

	.portfolio_style1 .portfolio_item:hover:before,
	.portfolio_style2 .portfolio_item:hover .portfolio_content,
	.portfolio_style3 .portfolio_item:hover .portfolio_content {
		opacity: 1;
		visibility: visible;
	}

	.portfolio_style2 .portfolio_item:hover img,
	.portfolio_style4 .portfolio_item:hover img {
		-moz-transform: scale(1.3);
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}

	.portfolio_style3 .portfolio_content {
		background-color: rgba(14, 147, 216, 0.80);
		bottom: 10px;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: -ms-flex;
		display: flex;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		-ms-justify-content: center;
		justify-content: center;
		-webkit-flex-flow: column nowrap;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
		position: absolute;
		top: 10px;
		opacity: 0;
		visibility: hidden;
		right: 10px;
		left: 10px;
		text-align: center;
		transition: all 0.5s ease-in-out;
	}

	.portfolio_style4 .portfolio_item .image_link {
		display: block;
		overflow: hidden;
	}

	.portfolio_style4 .portfolio_content {
		background-color: #343a40;
		transition: all 0.5s ease-in-out;
	}

	.portfolio_style5 .portfolio_content {
		background-color: rgba(14, 147, 216, 0.80);
		bottom: 10px;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: -ms-flex;
		display: flex;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		-ms-justify-content: center;
		justify-content: center;
		-webkit-flex-flow: column nowrap;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
		position: absolute;
		top: 10px;
		opacity: 0;
		visibility: hidden;
		right: 10px;
		left: 10px;
		-moz-transform: scale(1.3);
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
		transition: all 0.5s ease-in-out;
	}

	.portfolio_style5 .portfolio_item:hover .portfolio_content {
		opacity: 1;
		visibility: visible;
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.link_container a {
		background-color: #fff;
		border: 2px solid #fff;
		color: #0e93d8;
		font-size: 22px;
		width: 45px;
		height: 45px;
		display: inline-block;
		border-radius: 100%;
		line-height: 45px;
		margin: 0 2px;
		text-align: center;
	}

	.link_container a .ion-ios-play {
		position: relative;
		left: 2px;
	}

	.link_container a:hover {
		background-color: transparent;
		color: #fff;
	}

	.link_container {
		margin-bottom: 10px;
	}

	.portfolio_content h5 a,
	.portfolio_content p {
		color: #fff;
	}

	.portfolio_content p {
		margin: 0;
		min-height: 50px;
		overflow: hidden;
		max-height: 50px;
	}

	.work_col5.portfolio_style3 .portfolio_content,
	.work_col5.portfolio_style5 .portfolio_content {
		padding: 5px;
		bottom: 5px;
		top: 5px;
		right: 5px;
		left: 5px;
	}

	.work_col5.portfolio_style3 .link_container a,
	.work_col5.portfolio_style5 .link_container a {
		font-size: 18px;
		width: 35px;
		height: 35px;
		line-height: 35px;
	}

	.work_col5.portfolio_style3 .portfolio_content p,
	.work_col5.portfolio_style5 .portfolio_content p {
		min-height: 40px;
		max-height: 40px;
		font-size: 14px;
	}

	.portfolio_slider.owl-carousel.owl-theme .owl-dots,
	.blog_post .owl-carousel.owl-theme .owl-dots {
		margin: 0 !important;
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 9;
	}

	.portfolio_slider.owl-carousel.owl-theme .owl-dots span,
	.blog_post .owl-carousel.owl-theme .owl-dots span {
		margin: 5px 2px;
	}

	.portfolio_slider.owl-carousel {
		z-index: inherit;
	}

	.portfolio_slider.owl-carousel.owl-drag .owl-item {
		overflow: hidden;
	}

	.single_post .owl-carousel.owl-theme .owl-dots {
		margin: 0 !important;
		position: absolute;
		bottom: 20px;
		left: 0;
		right: 0;
	}

	/*===================================*
  07. END PORTFOLIO SECTION
*===================================*/
	/*===================================*
  08. TESTIMONIAL SECTION
*===================================*/
	.testimonial_img {
		margin-bottom: 15px;
	}

	.testimonial_img img {
		max-width: 60px;
	}

	.testi_meta p {
		margin-bottom: 0;
		margin-top: 15px;
	}

	.testimonial_box {
		padding: 20px;
	}

	.testi_meta {
		text-align: center;
	}

	.owl-theme .owl-nav [class*="owl-"] {
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
		color: #000;
		font-size: 18px;
		margin: 0;
		padding: 6px 16px;
		background: #fff;
		border-radius: 0;
		position: absolute;
		top: 50%;
		-moz-transform: translateY(-50%);
		-webkittransform: translateY(-50%);
		transform: translateY(-50%);
	}

	.testimonial_style1 .testimonial_box {
		border: 1px solid rgba(0, 0, 0, 0.1);
	}

	.owl-theme.nav_style1 .owl-nav [class*="owl-"],
	.owl-theme.nav_style1 .owl-nav [class*="owl-"]:hover {
		box-shadow: none;
		background-color: transparent;
		font-size: 26px;
		padding: 0;
	}

	.owl-theme .owl-nav .disabled {
		opacity: 1;
	}

	.owl-theme .owl-nav .disabled[class*="owl-"]:hover {
		color: #000;
		cursor: not-allowed;
	}

	.owl-theme .owl-nav [class*="owl-"]:hover {
		background: #fff;
		color: #0e93d8;
	}

	.owl-theme .owl-nav {
		margin-top: 0;
	}

	.owl-theme .owl-nav .owl-prev {
		left: 0;
	}

	.owl-theme .owl-nav .owl-next {
		right: 0;
	}

	.owl-theme.nav_top .owl-nav .owl-prev {
		right: 50px;
		left: auto;
	}

	.owl-theme.nav_top .owl-nav [class*="owl-"] {
		top: -64px;
		-moz-transform: none;
		-webkittransform: none;
		transform: none;
	}

	.dot_none .owl-dots {
		display: none;
	}

	.nav_none .owl-nav {
		display: none;
	}

	.owl-carousel.owl-theme .owl-dots {
		margin-top: 20px !important;
	}

	.owl-theme[data-dots="true"] .owl-nav [class*="owl-"] {
		margin-top: -20px;
	}

	.owl-theme .owl-dots .owl-dot span {
		background-color: transparent;
		border: 1px solid #9a9a9a;
		margin: 5px;
	}

	.dots_white.owl-theme .owl-dots .owl-dot span {
		border-color: #fff;
	}

	.dots_white.owl-theme .owl-dots .owl-dot.active span,
	.dots_white.owl-theme .owl-dots .owl-dot:hover span {
		background-color: #fff;
		border-color: #fff;
	}

	.owl-theme .owl-dots .owl-dot.active span,
	.owl-theme .owl-dots .owl-dot:hover span {
		background-color: #0e93d8;
		border-color: #0e93d8;
	}

	.testimonial_style1 .testimonial_img {
		float: left;
		margin: 0 15px 0 0;
	}

	.testimonial_style1 .testi_meta {
		margin-top: 15px;
		text-align: left;
	}

	.testimonial_style1 .testi_meta p {
		display: inline-block;
	}

	.testimonial_style2 .testimonial_box {
		border: 0;
		position: relative;
	}

	.testimonial_style2 .testimonial_img img {
		padding: 4px;
		background-color: #fff;
	}

	.testimonial_style3 .testimonial_img img {
		max-width: 50px;
	}

	.testimonial_slider[data-center="true"].testimonial_style3 .owl-item {
		opacity: 1;
	}

	.testimonial_slider[data-center="true"].testimonial_style3 .owl-item.center .testimonial_box::before {
		content: normal;
	}

	.testimonial_slider[data-center="true"].testimonial_style3 .owl-item.center .testimonial_box {
		background-color: rgba(0, 0, 0, 0.2);
	}

	.testimonial_style3 .client_info {
		margin-top: 0px;
	}

	.testimonial_style4 .testimonial_box {
		border: 0;
		background-color: #f7f7f7;
	}

	.testimonial_style4 .testimonial_img,
	.testimonial_cl_info .testimonial_img {
		float: left;
		margin: 0 15px 0 0;
	}

	.testimonial_style4 .testi_meta {
		margin-top: 15px;
		text-align: left;
	}

	.testimonial_style4 .testi_meta p {
		display: inline-block;
	}

	.testimonial_cl_info {
		display: table;
		margin: 25px auto 0;
	}

	.owl-carousel .quote img {
		width: auto;
		margin: 0 auto;
	}

	.owl-carousel.testimonial_style1 .quote img,
	.owl-carousel.testimonial_style4 .quote img {
		margin: 0;
	}

	.testimonial_style1 .testimonial_cl_info,
	.testimonial_style4 .testimonial_cl_info {
		display: table;
		margin: 15px 0;
	}

	.client_info {
		margin-top: 15px;
		overflow: hidden;
	}

	.testi_meta h6,
	.client_info h6 {
		margin-bottom: 0;
	}

	.testi_meta span,
	.client_info span {
		font-size: 14px;
		font-style: italic;
	}

	.testimonial_slider[data-center="true"] .owl-item.center .testimonial_box {
		border-radius: 4px;
		background-color: #0e93d8;
		color: #fff;
	}

	.testimonial_slider[data-center="true"] .owl-item.center .testimonial_box::before {
		border-radius: 4px;
		background-color: #0e93d8;
		content: "";
		position: absolute;
		left: -15px;
		right: -15px;
		top: 40px;
		bottom: 40px;
		z-index: -1;
		opacity: .5;
	}

	.testimonial_slider[data-center="true"] .owl-item.center .testimonial_box * {
		color: #fff;
	}

	.testimonial_slider[data-center="true"] .owl-item {
		opacity: 0.6;
	}

	.testimonial_slider[data-center="true"] .owl-item.center {
		opacity: 1;
	}

	/*===================================*
  08. END TESTIMONIAL SECTION
*===================================*/
	/*===================================*
  09. BLOG SECTION
*===================================*/
	.blog_img {
		position: relative;
	}

	.blog_post .blog_img a {
		display: block;
		overflow: hidden;
	}

	.blog_content {
		padding-top: 15px;
	}

	.blog_img a img {
		transition: all 0.5s ease-in-out;
		width: 100%;
	}

	.blog_post:hover .blog_img a img {
		-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	.blog_meta {
		display: inline-block;
		width: 100%;
	}

	.blog_meta li {
		float: left;
		margin-right: 8px;
	}

	.blog_meta li:last-child {
		margin: 0;
	}

	.blog_meta li::before {
		content: "/";
		margin-right: 8px;
	}

	.blog_meta li:first-child:before {
		content: normal;
	}

	.blog_meta li a {
		font-size: 14px;
	}

	.blog_meta li a i {
		font-size: 16px;
		vertical-align: bottom;
		line-height: normal;
		margin-right: 2px;
	}

	.blog_text p {
		font-size: 14px;
		margin-bottom: 5px;
	}

	.owl-carousel .blog_style1 {
		margin-bottom: 5px;
	}

	.blog_style1 {
		padding: 15px;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
		background-color: #fff;
	}

	.blog_img_slider.owl-carousel.owl-theme .owl-dots {
		margin: 0 !important;
		position: absolute;
		bottom: 10px;
		right: 10px;
		z-index: 9;
	}

	.blog_thumbs .blog_img {
		float: left;
		width: 40%;
	}

	.blog_thumbs .blog_content {
		padding: 0 0 0 15px;
		overflow: hidden;
	}

	.single_post .blog_content .blog_text>h2 {
		color: #000;
	}

	.single_post .blog_content .blog_text p {
		font-size: 16px;
	}

	.single_post .blog_meta {
		margin: 10px 0;
	}

	.single_post blockquote {
		padding: 10px 20px 0;
		margin: 0 0 20px;
		border-left: 3px solid #eee;
		font-style: italic;
		display: inline-block;
	}

	.single_post blockquote p {
		line-height: 30px;
	}

	.author_img {
		float: left;
		padding-right: 15px;
	}

	.author_img img {
		width: 80px;
	}

	.author_info {
		overflow: hidden;
	}

	.author_info p {
		font-size: 14px;
	}

	.related_post {
		padding-top: 30px;
		margin-top: 30px;
	}

	.comment-area {
		padding-top: 30px;
	}

	.comment-title h5 {
		color: #333;
		display: inline-block;
		width: 100%;
	}

	.user_img img {
		border-radius: 100%;
		height: auto;
		max-width: 60px;
	}

	.comment_info {
		background-color: #f7f7f7;
		margin-top: 10px;
		padding: 25px 30px 10px;
	}

	.comment_content {
		padding-left: 20px;
	}

	.comment_info.reply {
		padding-left: 60px;
	}

	.comment-time {
		font-size: 14px;
		line-height: normal;
		margin-bottom: 8px;
		text-transform: uppercase;
	}

	.comment-reply i {
		margin-right: 5px;
	}

	.comment_list {
		margin-bottom: 30px;
	}

	.post_date {
		position: absolute;
		padding: 8px 15px;
		top: 15px;
		left: -8px;
		line-height: normal;
	}

	.post_date::before {
		content: "";
		position: absolute;
		top: 100%;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 8px 8px 0;
		border-color: transparent #075680 transparent transparent;
		left: 0;
	}

	.blog_style1 .post_date {
		left: -23px;
	}

	/*===================================*
  09. END BLOG SECTION
*===================================*/
	/*===================================*
  10. CLIENT LOGO SECTION
*===================================*/
	.cl_logo_slider.owl-carousel .owl-item img {
		margin: 0 auto;
		width: auto;
		opacity: 0.7;
	}

	.cl_logo_slider.owl-carousel .owl-item img:hover {
		opacity: 1;
	}

	/*===================================*
  10. END CLIENT LOGO SECTION
*===================================*/
	/*===================================*
  11. FOOTER SECTION
*===================================*/
	.border_top_tran {
		border-top: 1px solid rgba(255, 255, 255, 0.5);
	}

	footer {
		background-color: #202325;
		position: relative;
	}

	.pattern_top {
		background-image: url('../images/pattern.png');
		background-repeat: repeat-x;
	}

	.pattern_bottom {
		background-image: url('../images/pattern2.png');
		background-repeat: repeat-x;
		background-position: bottom;
	}

	footer p {
		font-size: 14px;
	}

	.top_footer {
		padding: 100px 0;
	}

	.widget_title {
		margin-bottom: 25px;
		text-transform: capitalize;
	}

	footer .widget_title {
		text-transform: uppercase;
		font-weight: 600;
		font-size: 16px;
	}

	.footer_logo {
		margin-bottom: 15px;
	}

	.widget_links li {
		margin: 0;
		padding: 0 0 10px;
	}

	.widget_links li:last-child {
		padding-bottom: 0;
	}

	.widget_links li a::before {
		top: 2px;
		left: 0px;
		font-size: 10px;
		content: "\f125";
		position: absolute;
		font-family: "Ionicons";
	}

	.widget_links li a {
		font-size: 14px;
		position: relative;
		padding-left: 15px;
	}

	.widget_links_style1 li a {
		font-size: 14px;
	}

	.widget_links li a:hover,
	.widget_links_style1 li a:hover {
		color: #0e93d8;
	}

	.widget_links_style1 li {
		float: left;
		width: 50%;
		padding-top: 10px;
	}

	.widget_links_style1 li:nth-child(-n+2) {
		padding-top: 0;
	}

	.contact_info li {
		margin-top: 15px;
		display: inline-block;
		width: 100%;
	}

	.contact_info li:first-child {
		margin-top: 0;
	}

	.contact_info li span {
		display: inline-block;
		margin-right: 10px;
		margin-top: 4px;
		font-size: 18px;
	}

	.contact_info span+* {
		overflow: hidden;
		font-size: 14px;
		color: #888888;
		margin: 0;
		vertical-align: middle;
		max-width: 78%;
		display: inline-block;
	}

	.contact_info_light span+* {
		color: #fff;
	}

	.contact_info_style1 li span {
		height: 40px;
		width: 40px;
		line-height: 40px;
		text-align: center;
		border: 1px solid #888888;
		border-radius: 100%;
		margin-top: 0;
		vertical-align: middle;
	}

	.post_img {
		float: left;
		margin-right: 10px;
	}

	.post_content {
		overflow: hidden;
	}

	.recent_post li {
		display: inline-block;
		width: 100%;
	}

	.border_bottom_dash li {
		border-bottom: 1px dashed #999;
		padding-bottom: 12px;
		margin-bottom: 12px;
	}

	.border_bottom_dash li:last-child {
		border-bottom: 0;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}

	.post_content h6 {
		font-size: 14px;
	}

	.newsletter_form {
		position: relative;
	}

	.newsletter_form input {
		padding: 10px 45px 10px 15px;
		width: 100%;
		border: 0;
		color: #777777;
		height: 45px;
	}

	.outline_input input {
		background-color: transparent;
		border: 1px solid #fff;
		color: #fff;
	}

	.outline_input-black input {
		background-color: transparent;
		border: 1px solid #dddddd;
	}

	.newsletter_form .btn.btn-submit {
		border-right: 0;
		border-top: 0;
		border-bottom: 0;
		background-color: transparent;
		border-left: 1px solid #fff;
		border-radius: 0;
		height: 45px;
		line-height: 42px;
		text-transform: uppercase;
		padding: 6px 12px;
		top: 0;
		right: 0;
	}

	.newsletter_form .btn.btn-submit .ion-android-send {
		line-height: normal;
	}

	.newsletter_form button {
		position: absolute;
		right: 4px;
		top: 4px;
	}

	.newsletter_form .btn {
		color: #6f6f6f;
		font-size: 14px;
		padding: 6px 25px;
	}

	.newsletter_form .btn-submit span {
		font-size: 22px;
	}

	.newslattter_small {
		margin: 0 auto;
		max-width: 400px;
	}

	.rounded_input input {
		border-radius: 40px;
	}

	.bottom_footer {
		padding: 30px 0;
		position: relative;
	}

	.footer_social li {
		display: inline-block;
		margin-right: 5px;
	}

	.footer_social li:last-child {
		margin-right: 0;
	}

	.footer_social li a {
		color: #fff;
		border: 1px solid #fff;
		width: 32px;
		height: 32px;
		line-height: 32px;
		display: block;
		text-align: center;
		border-radius: 100%;
	}

	.footer_social li a:hover {
		background-color: #0e93d8;
		border-color: #0e93d8;
	}

	.footer_link li {
		display: inline-block;
		position: relative;
	}

	.footer_link li a {
		font-size: 14px;
		padding: 0 5px;
	}

	.contact_info a:hover,
	.newsletter_form .btn-submit:hover,
	.newsletter_form .btn-submit:hover span,
	.post_content h6 a:hover,
	.footer_link li a:hover {
		color: #0e93d8;
	}

	.custome_select {
		position: relative;
	}

	.custome_select select {
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
	}

	.custome_select::before {
		content: "";
		position: absolute;
		top: 50%;
		right: 15px;
		width: 0;
		height: 0;
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
		border-top: 6px solid #0e93d8;
		pointer-events: none;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	select[multiple] option {
		padding: 5px;
	}

	.widget_contact .form-control {
		background-color: #191C1E;
		border: 0;
		padding: 7px 10px;
	}

	.widget_contact button {
		padding: 10px 20px;
	}

	.instafeed {
		display: inline-block;
	}

	.instafeed li {
		float: left;
		width: 33.33%;
		padding: 2px;
		position: relative;
	}

	.instafeed li a {
		display: block;
		position: relative;
		overflow: hidden;
	}

	.instafeed li a:before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		opacity: 0;
		background-color: rgba(17, 144, 211, 0.8);
		transition: all 0.5s ease-in-out;
		z-index: 1;
	}

	.instafeed li:hover a:before,
	.instafeed li:hover .insta_counter {
		opacity: 1;
	}

	.instafeed img {
		width: 100%;
		transition: all 0.5s ease-in-out;
	}

	.instafeed li:hover img {
		transform: scale(1.2);
	}

	.insta_counter i {
		margin-right: 5px;
		vertical-align: middle;
	}

	.insta_counter {
		color: #fff;
		font-size: 14px;
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		opacity: 0;
		text-align: center;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		transition: all 0.5s ease-in-out;
		z-index: 2;
	}

	/*===================================*
  11. END FOOTER SECTION
*===================================*/
	/*===================================*
  12. VIDEO SECTION
*===================================*/
	.video_play {
		position: absolute;
		right: 0;
		display: table;
		left: 50%;
		top: 50%;
		-moz-transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
		text-align: center;
	}

	.video_play img {
		max-width: 100px;
	}

	.bounce_img {
		-webkit-animation: bounce_img 1.5s ease-in-out 0s infinite alternate;
		animation: bounce_img 1.5s ease-in-out 0s infinite alternate;
	}

	@-webkit-keyframes bounce_img {
		from {
			-webkit-transform: translateY(0px);
			transform: translateY(0px);
		}

		to {
			-webkit-transform: translateY(-10px);
			transform: translateY(-10px);
		}
	}

	@keyframes bounce_img {
		from {
			-webkit-transform: translateY(0px);
			transform: translateY(0px);
		}

		to {
			-webkit-transform: translateY(-10px);
			transform: translateY(-10px);
		}
	}

	/*===================================*
  12. END VIDEO SECTION
*===================================*/
	/*===================================*
  13. PROGRESS BAR SECTION
*===================================*/
	.progrees_bar_text {
		margin-bottom: 10px;
	}

	.skill_content {
		position: relative;
		margin-bottom: 15px;
	}

	.skill_content .progress-bar {
		background-color: #0e93d8;
		border-radius: 20px;
		width: 0;
		-webkit-transition: all 2s ease-in-out;
		-o-transition: all 2s ease-in-out;
		transition: all 2s ease-in-out;
	}

	.skill_content .progress {
		border-radius: 20px;
		height: 5px;
	}

	.skill_content .count_pr {
		margin-left: -25px;
		position: absolute;
		left: 0;
		top: 0px;
		background-color: #333;
		padding: 5px;
		border-radius: 100%;
		color: #fff;
		width: 32px;
		height: 32px;
		line-height: 24px;
		text-align: center;
		-webkit-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
	}

	.skill_content .count_pr::before {
		top: 100%;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 7px 7px 0 7px;
		border-color: #333 transparent transparent transparent;
		content: " ";
		position: absolute;
		pointer-events: none;
		left: 0;
		right: 0;
		margin: -2px auto;
	}

	.count_pr_style2 {
		position: absolute;
		top: 5px;
		right: 0;
	}

	/*===================================*
  13. END PROGRESS BAR SECTION
*===================================*/
	/*===================================*
  14. TEAM SECTION
*===================================*/
	.team_box {
		padding-bottom: 20px;
	}

	.team_img img {
		width: 100%;
		transition: all 0.5s ease-in-out;
	}

	.team_title {
		padding: 15px;
		text-transform: capitalize;
	}

	.border_social li a {
		border: 1px solid #333;
	}

	.team_social_style1 li a,
	.rounded_social li a {
		border-radius: 100%;
	}

	.team_hover_style1 .team_img,
	.team_hover_style2 .team_img {
		position: relative;
	}

	.team_hover_style1.team_box,
	.team_hover_style2.team_box {
		padding-bottom: 0;
	}

	.team_hover_style1 .social_icons {
		position: absolute;
		bottom: 15%;
		left: 0;
		right: 0;
		opacity: 0;
		-moz-transform: translateY(100%);
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		transition: all 0.5s ease-in-out;
		z-index: 1;
	}

	.team_hover_style1 .team_img::before,
	.team_hover_style2 .team_img::before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.5);
		opacity: 0;
		transition: all 0.5s ease-in-out;
		z-index: 1;
	}

	.social_white .social_icons li a,
	.social_white.social_icons li a {
		color: #fff;
		border-color: #fff;
	}

	.social_white .border_social li a:hover,
	.social_white.border_social li a:hover {
		background-color: #fff;
		color: #0e93d8;
		border-color: #fff;
	}

	.social_icons li a:hover,
	.social_icons.hover_style1 li a {
		background-color: #000;
		color: #fff;
	}

	.social_icons.hover_style1 li a:hover {
		background-color: transparent;
		color: #000;
	}

	.social_icons.hover_style1.social_white li a {
		background-color: #fff;
		color: #000;
	}

	.social_icons.hover_style1.social_white li a:hover {
		background-color: transparent;
		color: #fff;
	}

	.social_icons.hover_style2 li a:hover {
		background-color: transparent;
		color: #0073b8;
	}

	.team_hover_style1.team_box:hover .team_img::before,
	.team_hover_style2.team_box:hover .team_img::before {
		opacity: 1;
	}

	.team_hover_style1.team_box:hover .social_icons {
		-moz-transform: translateY(0%);
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
		opacity: 1;
	}

	.team_hover_style1:hover .team_title {
		background-color: #0e93d8;
		color: #fff;
	}

	.team_hover_style1:hover .team_title * {
		color: #fff;
	}

	.team_hover_style2 .social_icons {
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		opacity: 0;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		transition: all 0.5s ease-in-out;
		z-index: 1;
	}

	.team_hover_style2.team_box:hover .social_icons {
		opacity: 1;
	}

	.team_hover_style2.team_box .team_img {
		overflow: hidden;
	}

	.team_hover_style2.team_box:hover .team_img img {
		-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	/*===================================*
  14. END TEAM SECTION
*===================================*/
	/*===================================*
  15. ACCORDION DESIGN
*===================================*/
	.accordion .card,
	.accordion_style1 .card {
		background-color: transparent;
	}

	.accordion .card-header {
		border: 0;
		background-color: transparent;
		padding: 0px;
	}

	.accordion .card-header a {
		padding: 10px 40px 10px 10px;
		display: block;
	}

	.accordion .card-body {
		padding: 10px;
	}

	.accordion .card-header a::after {
		content: "\f126";
		font-family: "Ionicons";
		font-size: 16px;
		font-weight: normal;
		position: absolute;
		right: 15px;
		top: 10px;
	}

	.accordion .card-header a.collapsed:after {
		content: "\f123";
	}

	.accordion_style1 .card {
		border-radius: 0;
	}

	.accordion_style1 .card-header {
		border-bottom: 0;
	}

	.accordion_style1 .card-body {
		border-top: 1px solid rgba(0, 0, 0, .125);
		padding: 10px;
	}

	.accordion_style1 .card-header a::after {
		content: "\f208";
		font-family: "Ionicons";
		font-size: 16px;
		font-weight: normal;
		position: absolute;
		right: 15px;
		top: 10px;
	}

	.accordion_style1 .card-header a.collapsed:after {
		content: "\f217";
	}

	.accordion_style2 .card {
		border: 0;
		margin: 0;
	}

	.accordion_style2 .card-body {
		padding: 10px 0;
	}

	.accordion_style2.accordion .card-header a {
		border-bottom: 1px solid rgba(0, 0, 0, .125);
		padding: 15px 25px 15px 0;
	}

	.accordion_style2.accordion .card-header a::after {
		right: 0;
		top: 15px;
	}

	.accordion_style3 .card {
		border: 0;
		margin-bottom: 10px;
	}

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

	.accordion_style3.accordion .card-header a {
		background-color: #000;
		color: #fff;
		padding: 15px 35px 15px 15px;
	}

	.accordion_style3.accordion .card-header a::after {
		top: 15px;
	}

	.accordion_style2.accordion_light.accordion .card-header a {
		border-bottom-color: #fff;
	}

	.accordion_light .card {
		border-color: #fff;
	}

	.accordion_light.accordion .card-header a,
	.accordion_light.accordion .card-body {
		color: #fff;
	}

	.accordion_light.accordion_style1 .card-body {
		border-top-color: #fff;
	}

	.accordion_style3.accordion_light.accordion .card-header a {
		background-color: #fff;
		color: #000;
	}

	/*===================================*
  15. END ACCORDION DESIGN
*===================================*/
	/*===================================*
  16. CALL TO ACTION SECTION
*===================================*/
	.cta_section_small {
		padding: 50px;
	}

	/*===================================*
  16. END CALL TO ACTION SECTION
*===================================*/
	/*===================================*
  17. CONTACT SECTION
*===================================*/
	iframe {
		border: 0;
		display: block;
	}

	.map {
		display: none;
	}

	.map iframe {
		width: 100%;
		height: 315px;
		display: block;
	}

	.contact_map iframe {
		width: 100%;
		height: 430px;
		display: block;
	}

	.contact_box {
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
	}

	.contact_box .col-md-4 {
		border-right: 1px solid #dedede;
	}

	.contact_box .col-md-4:last-child {
		border-right: 0;
	}

	/*===================================*
  17. END CONTACT SECTION
*===================================*/
	/*===================================*
  18. BREADCRUMB SECTION
*===================================*/
	.page-title-light *,
	.page-title-light .breadcrumb-item,
	.page-title-light .breadcrumb-item:before {
		color: #fff;
	}

	.page-title-light .breadcrumb-item a:hover {
		color: #fff;
		text-decoration: underline;
	}

	.page-title h1 {
		font-size: 36px;
		margin: 0;
		text-transform: capitalize;
		font-weight: bold;
	}

	.breadcrumb {
		background-color: transparent;
		margin: 0;
	}

	/*===================================*
  18. END BREADCRUMB SECTION
*===================================*/
	/*===================================*
  19. PRICING TABLE SECTION
*===================================*/
	.pricing_box {
		border: 1px solid rgba(0, 0, 0, 0.10);
		text-align: center;
	}

	.pr_title {
		padding: 40px 15px;
	}

	.pr_list li {
		padding: 12px;
	}

	.pr_list li:nth-child(even) {
		background-color: #f8fafe;
	}

	.pr_content {
		background-color: #fff;
	}

	.pr_footer {
		background-color: #fff;
		padding: 20px;
	}

	.price_tage h2 {
		font-size: 40px;
		font-weight: bold;
	}

	.pricing_box.highlight_box {
		box-shadow: 0 0 8px rgba(0, 0, 0, .1);
		transform: scale(1.07);
		-webkit-transform: scale(1.07);
		-moz-transform: scale(1.07);
		-ms-transform: scale(1.07);
		-o-transform: scale(1.07);
		z-index: 1;
	}

	.pricing_style1 .pr_title {
		padding: 0;
	}

	.pricing_style1 .pr_title h4 {
		background-color: rgba(0, 0, 0, 0.15);
		padding: 10px;
		margin: 0;
	}

	.pricing_style1 .pr_title .price_tage {
		padding: 25px;
	}

	.pricing_box.pricing_style2 {
		border-radius: 10px;
		box-shadow: 0 0 8px rgba(0, 0, 0, .2);
		border: 0;
	}

	.pricing_box.pricing_style2 .pr_title {
		border-radius: 10px 10px 0 0;
	}

	.pricing_box.pricing_style2 .pr_footer {
		border-radius: 0 0 10px 10px;
	}

	.pricing_style2 .pr_list li:nth-child(even) {
		background-color: #fff;
	}

	.pricing_box.pricing_style3 {
		border: 0;
		box-shadow: 0 0 8px rgba(0, 0, 0, .2);
	}

	.pricing_style3 .pr_title {
		background-color: #fff;
	}

	.pricing_box.pricing_style3.highlight_box {
		border: 3px solid #0e93d8;
	}

	.pricing_style3 .pr_list li:nth-child(even) {
		background-color: #fff;
	}

	.pricing_style3 .pr_list li {
		border-top: 1px solid #eee;
	}

	/*===================================*
  19. END PRICING TABLE SECTION
*===================================*/
	/*===================================*
  20. ERROR 404 SECTION
*===================================*/
	.error_txt {
		color: #333;
		font-size: 240px;
		font-weight: bold;
		line-height: 1.2;
	}

	.search_form input {
		padding: 15px;
		height: auto;
	}

	.search_form .search_icon {
		top: 0;
		right: 0;
		padding: 5px 15px;
	}

	.particle_effect {
		bottom: 0;
		height: 100%;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}

	.form_border input {
		background-color: transparent;
		border: 1px solid #fff;
		color: #fff;
	}

	.form_border input:focus {
		background-color: transparent;
		border-color: #fff;
		color: #fff;
	}

	/*===================================*
  20. END ERROR 404 SECTION
*===================================*/
	/*===================================*
  21. COMMING SOON SECTION
*===================================*/
	.countdown_time {
		display: inline-block;
		width: 100%;
	}

	.countdown_time .countdown_box {
		float: left;
		width: 25%;
		text-align: center;
	}

	.countdown_time .cd_text {
		display: block;
		color: #333;
	}

	.countdown_box .countdown {
		color: #333;
		font-size: 40px;
		font-weight: bold;
	}

	.countdown_white .countdown_box .countdown,
	.countdown_white .countdown_box .cd_text {
		color: #fff;
	}

	.countdown_style1 .countdown_box {
		position: relative;
	}

	.countdown_style1 .countdown_box::before {
		content: ":";
		font-size: 40px;
		font-weight: bold;
		color: #000;
		position: absolute;
		right: -6px;
	}

	.countdown_style1.countdown_white .countdown_box::before {
		color: #fff;
	}

	.countdown_style1 .countdown_box:last-child:before {
		content: normal;
	}

	.countdown_style2 .countdown {
		background-color: #000;
		color: #fff;
		padding: 15px;
		line-height: normal;
		border-radius: 5px;
		max-width: 100px;
		display: block;
		text-align: center;
		margin: 0 auto 5px;
	}

	.countdown_style2.countdown_white .countdown {
		background-color: #fff;
		color: #000;
	}

	/*===================================*
  21. END COMMING SOON SECTION
*===================================*/
	/*===================================*
  22. PAGINATION DESIGN
*===================================*/
	.pagination .page-item a i {
		font-size: 24px;
		vertical-align: middle;
	}

	.pagination .page-item a {
		color: #0E93D8;
		height: 40px;
		width: 40px;
		text-align: center;
		line-height: 40px;
		padding: 0px;
		z-index: 1;
	}

	.page-item.active .page-link,
	.page-item .page-link:hover {
		background-color: #0E93D8;
		border-color: #0E93D8;
		color: #fff;
	}

	.page-link:focus {
		box-shadow: none;
	}

	.pagination_style2 .page-item:first-child a {
		border-radius: 40px 0 0 40px;
	}

	.pagination_style2 .page-item:last-child a {
		border-radius: 0 40px 40px 0;
	}

	.pagination_style3 .page-item a {
		border: 0;
		border-radius: 4px;
		margin-left: 0px;
	}

	.pagination_style4 .page-item a {
		border: 0;
		border-radius: 100%;
		margin-left: 0px;
	}

	.pagination_style4 li,
	.pagination_style3 li,
	.pagination_style5 li,
	.pagination_style6 li {
		margin-right: 5px;
	}

	.pagination_style4 li:last-child,
	.pagination_style3 li:last-child,
	.pagination_style5 li:last-child,
	.pagination_style6 li:last-child {
		margin-right: 0px;
	}

	.pagination_style4 .page-item:first-child .page-link,
	.pagination_style4 .page-item:last-child .page-link,
	.pagination_style6 .page-item:first-child .page-link,
	.pagination_style6 .page-item:last-child .page-link {
		border-radius: 100%;
	}

	.pagination_style5 .page-item a {
		border: 2px solid #dee2e6;
		;
		border-radius: 4px;
		color: #888888;
		line-height: 36px;
		margin-left: 0px;
	}

	.pagination_style5 .page-item.active .page-link,
	.pagination_style5 .page-item .page-link:hover {
		background-color: transparent;
		border-color: #0E93D8;
		color: #0E93D8;
	}

	.pagination_style6 .page-item a {
		border: 2px solid #dee2e6;
		;
		border-radius: 100%;
		color: #888888;
		line-height: 36px;
		margin-left: 0px;
	}

	.pagination_style6 .page-item.active .page-link,
	.pagination_style6 .page-item .page-link:hover {
		background-color: transparent;
		border-color: #0E93D8;
		color: #0E93D8;
	}

	/*===================================*
  22. END PAGINATION DESIGN
*===================================*/
	/*===================================*
  23. SIDEBAR DESIGN
*===================================*/
	.sidebar .widget {
		border-bottom: 1px solid #ddd;
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

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

	.tags a {
		border: 1px solid #ddd;
		font-size: 14px;
		padding: 5px 15px;
		display: inline-block;
		border-radius: 2px;
		margin-bottom: 7px;
	}

	.tweet_feed {
		padding-left: 25px;
	}

	.tweet_feed li {
		list-style: none;
		position: relative;
		font-size: 14px;
		padding-bottom: 15px;
	}

	.tweet_feed li:last-child {
		padding-bottom: 0px;
	}

	.tweet_feed li::before {
		content: "\e74b";
		font-family: 'themify';
		position: absolute;
		left: -25px;
		top: 0;
		color: #0e93d8;
	}

	.tweet_date {
		color: #333;
		margin-bottom: 5px;
		display: block;
	}

	.tweet_feed a {
		color: #0e93d8;
	}

	.widget_categories .categories_num,
	.widget_archive .archive_num {
		float: right;
	}

	/*===================================*
  23. END SIDEBAR DESIGN
*===================================*/
	/*===================================*
  24. PORTFOLIO DETAIL PAGE
*===================================*/
	.portfolio_info_box>li {
		border-bottom: 1px solid #999;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.portfolio_info_box>li:last-child {
		border-bottom: 0;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}

	.portfolio_info_box li span {
		display: block;
		color: #333;
		font-weight: bold;
		margin-bottom: 5px
	}

	.post_navigation i {
		font-size: 32px;
	}

	.post_navigation span {
		display: block;
		font-weight: bold;
		text-transform: capitalize;
	}

	.post_navigation .nav_meta {
		font-size: 14px;
		color: #999;
		transition: all .5s ease;
	}

	.post_navigation a:hover .nav_meta {
		color: #0E93D8;
	}

	.pr_info_text_white,
	.pr_info_text_white li span {
		color: #fff;
	}

	.pr_info_text_white.portfolio_info_box>li {
		border-color: rgba(255, 255, 255, 0.5);
	}

	/*===================================*
  24. END PORTFOLIO DETAIL PAGE
*===================================*/
	/*===================================*
  25. GALLERY DESIGN
*===================================*/
	.image_gallery_item {
		position: relative;
	}

	.gallary_hover_box {
		background-color: rgba(0, 0, 0, 0.80);
		bottom: 0px;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: -ms-flex;
		display: flex;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		-ms-justify-content: center;
		justify-content: center;
		-webkit-flex-flow: column nowrap;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
		position: absolute;
		top: 0px;
		opacity: 0;
		visibility: hidden;
		right: 0px;
		left: 0px;
		text-align: center;
		transition: all 0.5s ease-in-out;
	}

	.gallary_hover_box i {
		color: #fff;
		font-size: 24px;
	}

	.image_gallery_item:hover .gallary_hover_box {
		opacity: 1;
		visibility: visible;
	}

	.gallery_img img {
		transition: all 0.5s ease;
	}

	.gallery_hover_style1 .image_gallery_item,
	.gallery_hover_style2 .image_gallery_item {
		overflow: hidden;
	}

	.gallery_hover_style1 .image_gallery_item:hover .gallery_img img {
		-moz-transform: scale(1.3);
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}

	.gallery_hover_style2 .gallary_hover_box {
		top: 15px;
		left: 15px;
		bottom: 15px;
		right: 10px;
	}

	.gallery_hover_style2 .image_gallery_item:hover .gallery_img img {
		-moz-transform: scale(1.3);
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
		-webkit-filter: blur(5px);
		-moz-filter: blur(5px);
		-ms-filter: blur(5px);
		-o-filter: blur(5px);
		filter: blur(5px);
	}

	.gallery_hover_style3 .gallary_hover_box::before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 0px;
		bottom: 0px;
		border: 2px solid rgba(255, 255, 255, 0.5);
		margin: 10px;
	}

	/*===================================*
  25. END GALLERY DESIGN
*===================================*/
	/*===================================*
  26. SHOP DESIGN
*===================================*/
	.product_title * {
		font-size: 16px;
	}

	.product_info {
		padding-top: 15px;
		font-size: 14px;
	}

	.product_price {
		color: #333;
		font-size: 18px;
		font-weight: 700;
	}

	.product_price del {
		font-weight: 400;
		font-size: 90%;
		margin-right: 5px;
	}

	.product_price ins {
		text-decoration: none;
	}

	.product_action_box {
		position: absolute;
		bottom: 10px;
		left: 0;
		right: 0;
		opacity: 0;
		visibility: hidden;
	}

	.product:hover .product_action_box {
		opacity: 1;
		visibility: visible;
	}

	.product_action_box li {
		-webkit-transform: translate(0, 10px);
		-ms-transform: translate(0, 10px);
		-o-transform: translate(0, 10px);
		transform: translate(0, 10px);
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transition: all 0.4s ease 0s;
		-o-transition: all 0.4s ease 0s;
		transition: all 0.4s ease 0s;
	}

	.shop-item:hover .product_action_box li {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
		filter: alpha(opacity=100);
	}

	.product_action_box li:nth-child(1) {
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s;
	}

	.product_action_box li:nth-child(2) {
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}

	.product_action_box li:nth-child(3) {
		-webkit-transition-delay: 0.3s;
		transition-delay: 0.3s;
	}

	.product_img {
		position: relative;
		overflow: hidden;
	}

	.product_img>a:nth-of-type(2) {
		opacity: 0;
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
	}

	.product:hover .product_img>a:nth-of-type(2) {
		opacity: 1;
		z-index: 0;
	}

	.product_img a,
	.product_img a img {
		display: block;
		width: 100%;
	}

	.pr_action_btn {
		display: table;
		margin: 0 auto;
	}

	.pr_action_btn li {
		float: left;
		position: relative;
		margin: 0 3px;
	}

	.pr_action_btn li a {
		background-color: #000;
		font-size: 20px;
		text-transform: uppercase;
		transition: all 0.5s ease-in;
		color: #fff;
		border-radius: 100%;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	.pr_action_btn li a:hover {
		color: #0E93D8;
	}

	.pr_action_btn li a span {
		margin-left: 10px;
		font-size: 14px;
		vertical-align: middle;
	}

	.pr_action_btn li a i {
		vertical-align: middle;
	}

	.mfp-ajax-holder .mfp-content {
		background-color: #fff;
		max-width: 900px;
	}

	.mfp-ajax-holder .ajax_quick_view {
		padding: 30px;
	}

	.zoomContainer {
		z-index: 9999;
	}

	.product-description p {
		width: 100%;
		display: inline-block;
	}

	.quantity {
		float: left;
		margin-right: 25px;
	}

	.quantity .minus,
	.quantity .plus {
		display: block;
		float: left;
		cursor: pointer;
		border: 0 transparent;
		padding: 0;
		width: 36px;
		height: 44px;
		line-height: 40px;
		text-align: center;
		background-color: #eee;
		font-size: 20px;
	}

	.quantity .qty {
		float: left;
		width: 70px;
		height: 44px;
		border: 0;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		background-color: #eee;
		text-align: center;
		margin-bottom: 0;
	}

	.btn-addtocart {
		padding: 5px 20px;
		margin-right: 10px;
	}

	.btn-addtocart i {
		font-size: 20px;
		margin-left: 0;
		margin-right: 5px;
	}

	.product-meta {
		padding-left: 15px;
	}

	.product-meta li {
		margin-top: 10px;
	}

	.product_share {
		margin-top: 15px;
	}

	.product_share span {
		margin-right: 5px;
		display: block;
	}

	.add_wishlist,
	.add_compare {
		padding: 7px 7px;
		font-size: 22px;
		vertical-align: middle;
		display: inline-block;
		line-height: normal;
	}

	.product-rate i {
		color: #ffc300;
		font-size: 18px;
	}

	.flash {
		position: absolute;
		top: 15px;
		right: -50px;
		background-color: #0E93D8;
		color: #fff;
		padding: 2px 35px;
		max-width: 150px;
		width: 100%;
		text-transform: capitalize;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.color_box_item {
		border-radius: 3px;
		height: 20px;
		width: 20px;
		display: block;
		border: 1px solid #ddd;
		display: inline-block;
		vertical-align: middle;
		margin: 3px;
		position: relative;
	}

	.color_box_item::before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		border: 1px solid #ddd;
		margin: -3px;
		border-radius: 3px;
	}

	.color_filter span {
		vertical-align: middle;
	}

	.color_filter {
		margin: 15px 0;
	}

	.color_filter_blue {
		background-color: #7CB7FF;
	}

	.color_filter_yellow {
		background-color: #FCC140;
	}

	.color_filter_green {
		background-color: #74D265;
	}

	.color_filter_orange {
		background-color: #F88359;
	}

	.color_filter_brown {
		background-color: #967669;
	}

	.color_filter_pink {
		background-color: #D459D8;
	}

	.color_filter_black {
		background-color: #000000;
	}

	.product_size,
	.product_size li {
		display: inline-block;
		vertical-align: middle;
		font-size: 0;
	}

	.product_size li a {
		border: 1px solid #ddd;
		width: 35px;
		height: 35px;
		text-align: center;
		display: block;
		text-transform: uppercase;
		font-size: 14px;
		margin: 0 3px;
		line-height: 35px;
	}

	.ajax_quick_view .product_size li a {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}

	.sidebar .product_price {
		font-size: 16px;
	}

	.filter_price .ui-widget.ui-widget-content {
		border: 0;
		border-radius: 0;
		background-color: #ddd;
		height: 4px;
	}

	.filter_price .ui-slider .ui-slider-range {
		background-color: #1083c8;
	}

	.filter_price .ui-slider {
		margin-bottom: 15px;
	}

	.filter_price .ui-slider .ui-slider-handle {
		background-color: #1083c8;
		border-radius: 100%;
		border: 0;
		height: 15px;
		top: -6px;
		width: 15px;
	}

	.filter_price .btn {
		padding: 8px 15px;
		font-size: 14px;
	}

	.filter_price {
		color: #222;
	}

	#flt_price {
		font-weight: bold;
	}

	.custom_select {
		position: relative;
	}

	.custom_select select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: 1px solid #ced4da;
		border-radius: 4px;
		padding: 5px 30px 5px 10px;
		width: 100%;
	}

	.custom_select::before {
		content: "\e64b";
		font-family: 'themify';
		position: absolute;
		display: block;
		top: 10px;
		right: 10px;
		font-weight: 900;
		pointer-events: none;
		font-size: 12px;
	}

	.shorting_icon {
		font-size: 30px;
		vertical-align: middle;
		margin-left: 10px;
	}

	.owl-thumbs-slider {
		margin-top: 10px;
	}

	.product_gallery_item a img {
		opacity: 0.5;
		transition: all 0.5s ease-in-out;
	}

	.product_gallery_item a.active img {
		opacity: 1;
	}

	.tab-content p:last-child {
		margin: 0;
	}

	.tab-style1 .nav-tabs,
	.tab-style2 .nav-tabs {
		border: 0;
	}

	.tab-style1 .tab-content {
		padding: 20px;
		border: 1px solid #ddd;
	}

	.shop_info_tab table {
		margin: 0;
	}

	.tab-style1 .nav-tabs .nav-link,
	.tab-style1 .nav-tabs .nav-link:hover {
		background-color: #f7f7f7;
		border: 1px solid #dee2e6;
		border-radius: 0;
		padding: 15px 30px;
		text-transform: capitalize;
		border-right-color: transparent;
	}

	.tab-style1 .nav-tabs li:first-child .nav-link {
		border-radius: 5px 0 0 0;
	}

	.tab-style1 .nav-tabs li:last-child .nav-link {
		border-radius: 0 5px 0 0;
		border-right-color: #dee2e6;
	}

	.tab-style1 .nav-tabs .nav-link.active {
		background-color: #fff;
		border-bottom-color: transparent;
		color: #0E93D8;
	}

	.tab-style2 .nav-tabs {
		margin-bottom: 20px;
	}

	.tab-style2 .nav-item {
		margin-right: 40px;
	}

	.tab-style2 .nav-item:last-child,
	.tab-style3 ul li:last-child,
	.tab-style4 .nav-tabs li.nav-item:last-child {
		margin-right: 0;
	}

	.tab-style2 .nav-tabs .nav-link {
		border-bottom: 1px solid rgba(0, 0, 0, 0);
		border-right: 0;
		border-top: 0;
		border-left: 0;
		border-radius: 0;
		padding: 0 0 5px 0px;
		text-transform: capitalize;
	}

	.tab-style2 .nav-tabs .nav-link.active {
		border-bottom-color: #0E93D8;
		color: #0E93D8;
	}

	.tab-style3 ul {
		border: 0;
	}

	.tab-style3 ul li {
		display: inline-block;
		margin-right: 10px;
	}

	.tab-style3 li .nav-link {
		background-color: #eee;
		border: 0;
		border-radius: 4px;
		padding: 10px 30px;
		display: block;
		text-align: center;
	}

	.tab-style3 .nav-tabs .nav-link.active {
		background-color: #0E93D8;
		color: #fff;
	}

	.tab-style3 .tab-content,
	.tab-style4 .tab-content,
	.tab-style5 .tab-content {
		margin-top: 20px;
	}

	.tab-style4 .nav-tabs {
		border-bottom: 1px solid rgba(14, 147, 216, 0.2);
	}

	.tab-style4 .nav-tabs li.nav-item {
		margin-right: 20px
	}

	.tab-style4 .nav-tabs .nav-link.active {
		border-bottom-color: #0E93D8;
		color: #0E93D8;
	}

	.tab-style4 .nav-tabs li.nav-item a {
		border-top: 0;
		border-left: 0;
		border-right: 0;
		border-bottom: 2px solid rgba(0, 0, 0, 0);
		text-align: center;
		text-transform: uppercase;
	}

	.tab-style5 .nav-tabs .nav-link.active {
		border-color: #0E93D8;
		background-color: #0E93D8;
		color: #fff;
	}

	.tab-style5 .nav-tabs .nav-link:hover {
		border-color: transparent;
	}

	.tab-style6 .nav-tabs {
		display: block;
		margin-bottom: 20px;
	}

	.tab-style6 .nav-tabs .nav-link {
		border: 1px solid #ddd;
		border-radius: 0;
		padding: 15px;
	}

	.tab-style6 .nav-tabs .nav-link.active {
		color: #0E93D8;
	}

	.nav-tabs i {
		margin-right: 5px;
	}

	.comment_img {
		float: left;
		text-align: center;
	}

	.comment_img img {
		border-radius: 100%;
		max-width: 60px;
	}

	.comment_block {
		padding-left: 80px;
	}

	.comment-date {
		margin-left: 5px;
		border-left: 1px solid #888888;
		padding-left: 10px;
	}

	.comments li {
		margin-bottom: 20px;
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
	}

	.rating span {
		cursor: pointer;
		display: inline-block;
	}

	.rating span i {
		font-size: 30px;
	}

	.rating>span.selected {
		color: #ffc300;
	}

	.rating>span.selected i:before {
		content: "\f2fc"
	}

	.shop_cart_table th,
	.shop_cart_table td {
		vertical-align: middle;
		text-align: center;
	}

	.shop_cart_table th,
	.product-subtotal {
		color: #222;
		font-weight: 600;
	}

	.product-thumbnail img {
		max-width: 70px;
	}

	.shop_cart_table th.product-name,
	.shop_cart_table td.product-name {
		text-align: left;
	}

	.product-quantity .quantity {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		float: none;
		margin: 0 auto;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.product-thumbnail {
		width: 1%;
	}

	.shop_cart_table input {
		height: 45px;
	}

	.shop_cart_table .btn {
		padding: 10px 25px;
	}

	.coupon {
		position: relative;
	}

	.coupon button {
		position: absolute;
		right: 0;
		top: 0;
		border-radius: 0 4px 4px 0px;
		bottom: 0;
	}

	.cart_total_amount {
		color: #000;
	}

	.shop_cart_table tfoot td {
		padding-top: 30px;
	}

	.toggle_info {
		padding: 20px;
		border-radius: 5px;
		margin-bottom: 20px;
	}

	.toggle_info * {
		font-size: 14px;
		color: #000;
	}

	.toggle_info a {
		color: #0E93D8;
	}

	.required {
		color: #f00;
	}

	.panel-body {
		padding: 15px;
	}

	.login_footer {
		text-align: left;
	}

	.login_footer a {
		float: right;
	}

	.login_form,
	.coupon_form {
		border: 1px solid #ddd;
	}

	.chek-form .custome-radio:first-child .payment-text {
		display: block;
	}

	.payment-text {
		display: none;
		margin-top: 5px;
	}

	.chek-form .custome-radio {
		margin-bottom: 10px;
	}

	.custome-radio .form-check-label,
	.custome-checkbox .form-check-label {
		position: relative;
		cursor: pointer;
		color: #908f8f;
		font-weight: 500;
		padding: 0;
	}

	.custome-radio .form-check-input,
	.custome-checkbox .form-check-input {
		display: none;
	}

	.chek-form label {
		text-transform: capitalize;
	}

	.custome-radio .form-check-label::before {
		content: "";
		border: 1px solid #908f8f;
		height: 14px;
		width: 14px;
		display: inline-block;
		border-radius: 100%;
		vertical-align: middle;
		margin: -2px 8px 0 0;
	}

	.custome-radio input[type="radio"]+.form-check-label::after {
		content: "";
		background-color: #0E93D8;
		height: 6px;
		width: 6px;
		border-radius: 100%;
		position: absolute;
		top: 9px;
		left: 4px;
		opacity: 0;
	}

	.custome-radio input[type="radio"]:checked+.form-check-label::before {
		border-color: #0E93D8;
	}

	.custome-radio input[type="radio"]:checked+.form-check-label::after {
		opacity: 1;
	}

	.custome-checkbox .form-check-label::before {
		content: "";
		border: 1px solid #908f8f;
		height: 17px;
		width: 17px;
		display: inline-block;
		vertical-align: middle;
		margin: -2px 8px 0 0;
	}

	.custome-checkbox input[type="checkbox"]+.form-check-label::after {
		content: "" "";
		width: 11px;
		position: absolute;
		top: 8px;
		left: 3px;
		opacity: 0;
		height: 6px;
		border-left: 2px solid #fff;
		border-bottom: 2px solid #fff;
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.custome-checkbox input[type="checkbox"]:checked+.form-check-label::before {
		background-color: #0E93D8;
		border: 0;
	}

	.custome-checkbox input[type="checkbox"]:checked+.form-check-label::after {
		opacity: 1;
	}

	.form-check-input:disabled~.form-check-label {
		opacity: 0.7;
	}

	.lead strong {
		font-weight: bold;
	}

	/*===================================*
  26. END SHOP DESIGN
*===================================*/
	/*===================================*
  27. PAGE TITLE DESIGN
*===================================*/
	.page_title_video video {
		width: 100%;
	}

	.page_title_video {
		position: absolute;
		top: 50%;
		right: 0;
		left: 0;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: -3;
	}

	/*===================================*
  27. END PAGE TITLE DESIGN
*===================================*/
	/*===================================*
  28. LOGIN REGISTER PAGE DESIGN
*===================================*/
	.login_register_wrap {
		padding: 50px 0;
	}

	.big_logo img {
		max-width: 400px;
	}

	.lr_form {
		max-width: 400px;
		margin: 30px auto 0;
		padding: 30px;
		background-color: #fff;
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	}

	.different_login span {
		background-color: #fff;
		padding: 0 15px;
		position: relative;
	}

	.different_login {
		text-align: center;
		position: relative;
		margin: 20px 0;
	}

	.different_login span {
		text-transform: uppercase;
	}

	.different_login::before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		right: 0;
		border-top: 1px solid #ddd;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.btn-login li {
		margin: 20px 10px 0;
		display: inline-block
	}

	.btn-login li a {
		border-radius: 5px;
		padding: 10px 20px;
		color: #fff;
		display: block;
	}

	.btn-login li a i {
		margin-right: 6px;
	}

	.btn-facebook {
		background: #3b5998;
		border-color: #3b5998;
		box-shadow: 0px 2px 18px 2px rgba(59, 89, 152, 0.25);
	}

	.btn-facebook:hover {
		color: #fff;
		background: #344e86;
		border-color: #344e86;
	}

	.btn-google {
		background: #d85040;
		border-color: #d85040;
		box-shadow: 0px 2px 18px 2px rgba(216, 80, 64, 0.25);
	}

	.btn-google:hover {
		color: #fff;
		background: #d33d2b;
		border-color: #d33d2b;
	}

	.form-note {
		margin-top: 20px;
	}

	/*===================================*
  28. END LOGIN REGISTER PAGE DESIGN
*===================================*/
	/*===================================*
  29. ELEMENT DESIGN
*===================================*/
	.alert:last-child {
		margin: 0;
	}

	.alert>i {
		margin-right: 5px;
		font-size: 18px;
	}

	.alert.alert_style1 {
		padding: 14px 14px 14px 14px;
		border-radius: 0;
		border-left: 3px solid;
		border-top: 0;
		border-right: 0;
		border-bottom: 0;
	}

	.alert_style2 {
		border-radius: 30px;
		border: 0;
		padding: 15px 20px;
		box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
	}

	.table-dark>td,
	.table-dark>th {
		background: transparent;
	}

	.blockquote {
		font-size: 16px;
		margin: 0;
		padding: 15px;
		background-color: #f5f5f5;
		border-left: 3px solid #0E93D8;
	}

	.blockquote-footer {
		background-color: transparent;
	}

	.blockquote.quote_light {
		border-left-color: #fff;
	}

	.blockquote.quote_style1,
	.blockquote.quote_style3 {
		border: 0;
	}

	.quote_style1:before {
		font-family: "Ionicons";
		content: "\f347";
		width: 48px;
		height: 48px;
		line-height: 48px;
		font-size: 42px;
		color: #cdcdcd;
	}

	.blockquote.quote_style2 {
		background-color: transparent;
		padding-top: 0;
		padding-bottom: 0;
	}

	.blockquote.quote_style3 {
		background-color: transparent;
		padding: 0;
	}

	.quote_style3:before {
		font-family: "Ionicons";
		content: "\f347";
		width: 48px;
		height: 48px;
		line-height: 48px;
		font-size: 42px;
		color: #fff;
	}

	.quote_light>* {
		color: #fff;
	}

	.blockquote.quote_style4 {
		background-color: rgba(255, 255, 255, 0.3);
	}

	.grid_box [class^="col-"] {
		background-color: rgba(86, 61, 124, .15);
		border: 1px solid rgba(86, 61, 124, .2);
		color: #212529;
		margin-bottom: 15px;
		padding: 10px 0;
		text-align: center;
	}

	.flip_box {
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-perspective: 1000px;
		perspective: 1000px;
	}

	.front,
	.back {
		background-size: cover;
		background-position: center;
		-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
		transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
		-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
		transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
		transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		text-align: center;
		min-height: 280px;
		height: auto;
		border-radius: 10px;
		color: #fff;
	}

	.front:before,
	.back:before {
		border-radius: 10px;
	}

	.flip_box:hover .front,
	.flip_box:hover .back {
		-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
		transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
		-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
		transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
		transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	}

	.white-shadow {
		filter: drop-shadow(2px 4px 4px white);
	}

	.back {
		/* position: absolute;
		top: 0;
		left: 0; */
		width: 100%;
	}

	.inner {
		/* -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94); */
		/* transform: translateY(-50%) translateZ(60px) scale(0.94); */
		top: 50%;
		/* position: absolute;
		left: 0; */
		width: 100%;
		padding: 2rem;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		outline: 1px solid transparent;
		-webkit-perspective: inherit;
		perspective: inherit;
		z-index: 2;
	}

	.flip_box .inner h5 {
		font-weight: 600;
	}

	.flip_box * {
		line-height: inherit;
	}

	.flip_box .back {
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	.flip_box .front,
	.flip_box:hover .back {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	.flip_box:hover .front {
		-webkit-transform: rotateY(-180deg);
		transform: rotateY(-180deg);
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	.flip_box i {
		font-size: 40px;
		display: inline-block;
	}

	.flip_vertical.flip_box .back {
		-webkit-transform: rotateX(180deg);
		transform: rotateX(180deg);
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	.flip_vertical.flip_box .front,
	.flip_vertical.flip_box:hover .back {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	.flip_vertical.flip_box:hover .front {
		-webkit-transform: rotateX(-180deg);
		transform: rotateX(-180deg);
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	/*===================================*
  29. END ELEMENT DESIGN
*===================================*/
	.navbar-nav .nav-link.active,
	.navbar-nav .nav-link.show {
		color: #fff !important;
	}

	.nav-fixed .navbar-nav .nav-link.active,
	.nav-fixed .navbar-nav .nav-link.show {
		color: #000 !important;
	}