/* ::::::::::::::::::: Index of CSS Start :::::::::::::::::

:: 1.0 Import All CSS
:: 2.0 Common CSS
:: 3.0 Preloader CSS
:: 4.0 Header Area CSS
:: 5.0 Services Area CSS
:: 6.0 Speciality Area CSS
:: 7.0 Video Area CSS
:: 8.0 Price Plan Area CSS
:: 9.0 Our Advisor Area CSS
:: 10.0 Testimonial Area CSS
:: 11.0 Footer Area CSS
:: 12.0 Bredcumb Area CSS
:: 13.0 Blog Area CSS
:: 14.0 Gallery Area CSS
:: 15.0 Contact Us Area CSS
:: 16.0 Sidebar Area CSS
:: 17.0 Background Video Version CSS
:: 18.0 Barfiller Area CSS
:: 19.0 Home -1 Area CSS
:: 20.0 Home - 2 Area CSS
:: 21.0 Home - 3 Area CSS
:: 22.0 Home - 4 Area CSS
:: 23.0 Home 5 Area CSS
:: 24.0 Home 6 Area CSS
:: 25.0 Home - 7 Area CSS
:: 26.0 Home - 8 Area CSS
:: 27.0 Home - 9 Area CSS
:: 28.0 Home - 10 Area CSS
:: 29.0 Home - 11 Area CSS
:: 30.0 Home - 11 Area CSS
:: 31.0 Home - 12 Area CSS
:: 32.0 Blog Header Area CSS
:: 33.0 Single Portfolio Area CSS
:: 34.0 Accordian Area CSS
:: 35.0 Button Area CSS
:: 36.0 Newsletter Area CSS

::::::::::::::::::: Index of CSS End ::::::::::::::::: */

/* :: 1.0 Import All CSS */

@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400");
@import "../css/bootstrap.min.css";
@import "../css/magnific-popup.css";
@import "../css/animate.css";
@import "../css/meanmenu.css";
@import "../css/font-awesome.min.css";
@import "../css/owl.carousel.css";
@import "../css/YTPlayer.css";
@import "../css/pe-icon-7-stroke.css";
@import "../css/animated-headline.css";
@import "../css/bootsnav.css";
@import "../css/boot-snav.css";
@import "../css/animsition.css";

/* :: 2.0 Common CSS */

* {
	margin: 0;
	padding: 0;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

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

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

.aligncenter {
	display: block;
	margin: 0 auto 15px;
}

body {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 400;
	font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 15px;
	font-weight: 300;
	line-height: 1.2;
	font-family: "Source Sans Pro", sans-serif;
	color: #313131;
}

h1,
.h1 {
	font-size: 42px;
}

h2,
.h2 {
	font-size: 36px;
}

h3,
.h3 {
	font-size: 30px;
	font-weight: 400;
}

h4,
.h4 {
	font-size: 24px;
	font-weight: 400;
}

h5,
.h5 {
	font-size: 18px;
	font-weight: 400;
}

.h6,
.h6 {
	font-size: 16px;
	font-weight: 400;
}

p {
	color: #313131;
	line-height: 1.6;
	font-size: 16px;
}

a,
a:hover,
a:focus {
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	text-decoration: none;
	outline: none;
	color: #333;
}

.btn:hover {
	box-shadow: 5px 5px 24px rgba(0, 0, 0, 0.15);
}

ul {
	margin: 0;
}

.dib {
	display: inline-block;
}

.db {
	display: block;
}

ol li,
ul li {
	list-style: outside none none;
}

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

.background-overlay {
	position: relative;
	z-index: 3;
	background-position: center center;
	background-size: cover;
}

.background-overlay:before {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	#background-color: rgba(0, 0, 0, 0.5);
}

.table {
	display: table;
	z-index: 9;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
}

.table_cell {
	display: table-cell;
	vertical-align: middle;
}

.margin_top_30 {
	margin-top: 30px;
}

.mt_50 {
	margin-top: 50px;
}

.mb_50 {
	margin-bottom: 50px;
}

.mt15 {
	margin-top: 15px;
}

.mb15 {
	margin-bottom: 15px;
}

.section_padding_50 {
	padding: 50px 0;
}

.section_padding_50_20 {
	padding: 50px 0 20px 0;
}

.section_padding_150 {
	padding: 150px 0;
}

.section_padding_0 {
	padding: 0;
}

.section_padding_100 {
	padding: 100px 0;
}

.section_padding_100_0 {
	padding: 100px 0 0 0;
}

.section_padding_0_100 {
	padding: 0 0 100px 0;
}

.section_padding_0_70 {
	padding: 0 0 70px 0;
}

.section_padding_100_50 {
	padding-top: 100px;
	padding-bottom: 50px;
}

.section_padding_100_70 {
	padding-top: 100px;
	padding-bottom: 70px;
}

.section_padding_200 {
	padding-top: 200px;
	padding-bottom: 200px;
}

.section_padding_200_100 {
	padding-top: 200px;
	padding-bottom: 100px;
}

.section_padding_200_70 {
	padding-top: 200px;
	padding-bottom: 70px;
}

.section_padding_200_170 {
	padding-top: 200px;
	padding-bottom: 170px;
}

.section_padding_200_0 {
	padding-top: 200px;
	padding-bottom: 0;
}

.slidea-control-thumbnail {
	width: 150px;
}

.bg-white {
	background-color: #fff !important;
}

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

.bg-transparent {
	background-color: transparent !important;
}

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

.bg-transparent-light {
	background-color: rgba(255, 255, 255, 0.5) !important;
}

.line {
	width: 100%;
	height: 1px;
	background-color: #ddd;
	margin: 30px 0;
}

.box-shadow-with-bg-gray {
	box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	background-color: #f6f6f6 !important;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}

.box-shadow-with-bg-gray:hover {
	box-shadow: 5px 5px 24px rgba(0, 0, 0, 0.15);
}

.box-shadow-with-bg-white {
	box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	background-color: #fff !important;
}

.box-shadow-with-bg-white:hover {
	box-shadow: 5px 5px 24px rgba(0, 0, 0, 0.15);
}

.bg-gray {
	background-color: #f6f6f6;
}

.w50 {
	width: 50% !important;
}

.w25 {
	width: 25% !important;
	display: inline-block;
	float: left;
}

.easy-btn {
	background-color: transparent;
	border: 1px solid #333;
	border-radius: 0;
	color: #333;
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	margin-top: 15px;
	min-width: 150px;
	padding: 12px 15px 14px;
}

.easy-btn:hover,
.easy-btn:focus {
	background-color: #333;
	color: #fff;
}

.no-gutter .col-lg-1,
.no-gutter .col-lg-10,
.no-gutter .col-lg-11,
.no-gutter .col-lg-12,
.no-gutter .col-lg-2,
.no-gutter .col-lg-3,
.no-gutter .col-lg-4,
.no-gutter .col-lg-5,
.no-gutter .col-lg-6,
.no-gutter .col-lg-7,
.no-gutter .col-lg-8,
.no-gutter .col-lg-9,
.no-gutter .col-md-1,
.no-gutter .col-md-10,
.no-gutter .col-md-11,
.no-gutter .col-md-12,
.no-gutter .col-md-2,
.no-gutter .col-md-3,
.no-gutter .col-md-4,
.no-gutter .col-md-5,
.no-gutter .col-md-6,
.no-gutter .col-md-7,
.no-gutter .col-md-8,
.no-gutter .col-md-9,
.no-gutter .col-sm-1,
.no-gutter .col-sm-10,
.no-gutter .col-sm-11,
.no-gutter .col-sm-12,
.no-gutter .col-sm-2,
.no-gutter .col-sm-3,
.no-gutter .col-sm-4,
.no-gutter .col-sm-5,
.no-gutter .col-sm-6,
.no-gutter .col-sm-7,
.no-gutter .col-sm-8,
.no-gutter .col-sm-9,
.no-gutter .col-xs-1,
.no-gutter .col-xs-10,
.no-gutter .col-xs-11,
.no-gutter .col-xs-12,
.no-gutter .col-xs-2,
.no-gutter .col-xs-3,
.no-gutter .col-xs-4,
.no-gutter .col-xs-5,
.no-gutter .col-xs-6,
.no-gutter .col-xs-7,
.no-gutter .col-xs-8,
.no-gutter .col-xs-9,
.no-gutter .col-5 {
	min-height: 1px;
	padding-left: 0;
	padding-right: 0;
	position: relative;
}

.no-gutter .row {
	margin-left: 0;
	margin-right: 0;
}

.section_heading {
	margin-bottom: 50px;
	position: relative;
	z-index: 1;
	text-align: center;
}

.section_heading > h2 {
	text-transform: uppercase;
}

.section_heading > p {
	margin: 0 auto;
	max-width: 550px;
}

.section_heading.text-left {
	text-align: left !important;
}

.section_heading.text-right {
	text-align: right !important;
}

/*  :: 3.0 Preloader CSS */

#preloader {
	overflow: hidden;
	background-color: #fff;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999999;
}

.preloader {
	height: 100%;
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	width: auto;
	z-index: 9;
}

.cssload-container {
	position: relative;
}

.cssload-whirlpool,
.cssload-whirlpool:before,
.cssload-whirlpool:after {
	position: absolute;
	top: 50%;
	left: 50%;
	border: 1px solid rgb(204, 204, 204);
	border-left-color: rgb(0, 0, 0);
	border-radius: 974px;
	-o-border-radius: 974px;
	-ms-border-radius: 974px;
	-webkit-border-radius: 974px;
	-moz-border-radius: 974px;
}

.cssload-whirlpool {
	margin: -24px 0 0 -24px;
	height: 49px;
	width: 49px;
	animation: cssload-rotate 1150ms linear infinite;
	-o-animation: cssload-rotate 1150ms linear infinite;
	-ms-animation: cssload-rotate 1150ms linear infinite;
	-webkit-animation: cssload-rotate 1150ms linear infinite;
	-moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool:before {
	content: "";
	margin: -22px 0 0 -22px;
	height: 43px;
	width: 43px;
	animation: cssload-rotate 1150ms linear infinite;
	-o-animation: cssload-rotate 1150ms linear infinite;
	-ms-animation: cssload-rotate 1150ms linear infinite;
	-webkit-animation: cssload-rotate 1150ms linear infinite;
	-moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool:after {
	content: "";
	margin: -28px 0 0 -28px;
	height: 55px;
	width: 55px;
	animation: cssload-rotate 2300ms linear infinite;
	-o-animation: cssload-rotate 2300ms linear infinite;
	-ms-animation: cssload-rotate 2300ms linear infinite;
	-webkit-animation: cssload-rotate 2300ms linear infinite;
	-moz-animation: cssload-rotate 2300ms linear infinite;
}

@keyframes cssload-rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes cssload-rotate {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

#scrollUp {
	border-radius: 0;
	bottom: 0;
	color: #111111;
	font-size: 90px;
	line-height: 1;
	right: 0;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
	width: auto;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}

#scrollUp:hover {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}

/* :: 4.0 Header Area CSS */

header {
	height: auto;
	position: relative;
	width: 100%;
	z-index: 99999;
}

.logo_area {
	padding: 22px 0;
}

.main_header_area {
	height: 70px;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	z-index: 9;
}

.navbar {
	height: 70px;
}

.main_header_area.sticky {
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	z-index: 999999 !important;
	background-color: #fff;
	width: 100%;
	position: fixed;
	top: 0;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}

/* Main Menu Reset CSS */

nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu .dropdown-menu {
	left: auto;
	right: -200px;
}

nav.navbar.bootsnav ul.nav > li > a {
	background-color: transparent;
	color: #313131;
	font-size: 15px;
	font-weight: 400;
	padding: 26px 15px;
	text-transform: uppercase;
}

nav.navbar.bootsnav {
	background-color: transparent;
	border: medium none;
	border-radius: 0;
	margin-bottom: 0;
	z-index: 9;
}

nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {
	text-align: left;
}

.navbar-right .dropdown-menu {
	left: auto;
	right: -80px;
}

nav.navbar.bootsnav
	ul.navbar-right
	li.dropdown
	ul.dropdown-menu
	li.dropdown
	> a.dropdown-toggle:before {
	content: "\f105";
	float: right;
	font-family: "FontAwesome";
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
	border: medium none;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu {
	margin-top: 2px;
}

.dropdown-menu > li > a {
	font-weight: 400;
	color: #666;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a {
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	color: #313131;
	font-size: 15px;
	text-transform: uppercase;
}

nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {
	content: "\f107";
	font-family: "FontAwesome";
}

.navbar-brand {
	height: auto;
	padding: 0;
}

nav.navbar .navbar-brand img.logo {
	padding: 24px 0;
	width: auto;
}

nav.navbar.bootsnav .navbar-header {
	display: block;
	float: right;
	padding-left: 0;
	padding-right: 0;
	position: absolute;
	right: 30px;
	z-index: 99999;
}

nav.navbar.bootsnav .navbar-toggle {
	display: inline-block;
	float: left;
	background-color: transparent;
	margin: 18px 0;
}

nav.navbar.bootsnav .navbar-toggle i {
	font-size: 24px;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover {
	background-color: #f6f6f6;
	color: #111;
}

@media only screen and (min-width: 320px) and (max-width: 992px) {
	nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {
		content: "";
		font-family: "FontAwesome";
	}
	nav.navbar.bootsnav.navbar-mobile.on .navbar-collapse {
		box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.15);
	}
	.navbar-right .dropdown-menu {
		left: auto;
		right: -15px;
	}
	nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu .dropdown-menu {
		left: auto;
		right: -15px;
	}
	nav.navbar.bootsnav.navbar-mobile ul.nav > li > a {
		padding: 10px 15px;
	}
	nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
		padding: 15px 0 !important;
	}
}

@media only screen and (min-width: 993px) {
	nav.navbar.bootsnav .navbar-toggle {
		display: none;
	}
}

/*  :: 5.0 Services Area CSS */

.single_service {
	background-color: #fff;
	margin-bottom: 30px;
	position: relative;
	z-index: 1;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}

.single_service_content {
	box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.15);
	padding: 30px;
}

.single_service i {
	bottom: 30px;
	color: #888;
	font-size: 100px;
	opacity: 0.15;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
	position: absolute;
	right: 23px;
	-webkit-transition-duration: 1000ms;
	transition-duration: 1000ms;
}

.single_service:hover i {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

/*  :: 6.0 Speciality Area CSS */

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

.single_speciality {
	margin-bottom: 30px;
	position: relative;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	z-index: 1;
}

.single_speciality_text {
	margin-left: 100px;
	position: relative;
	z-index: 1;
}

.single_speciality_text p {
	margin: 0;
	color: #fff;
}

.single_speciality_icon {
	left: 15px;
	position: absolute;
	top: 15px;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}

.single_speciality_icon i {
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.15);
	color: #111;
	font-size: 45px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	width: 70px;
}

.single_speciality_text > h4 {
	color: #fff;
	text-transform: capitalize;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}

.single_speciality:last-child {
	margin-bottom: 0;
}

/*  :: 7.0 Video Area CSS */

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

.video_play_area > h3,
.video_play_area > p {
	color: #fff;
}

.video_play_area a.video_btn > i {
	color: #fff;
	font-size: 70px;
}

.video_play_area a.video_btn > i:hover {
	color: #fff;
}

/*  :: 8.0 Price Plan Area CSS */

.single_price_plan {
	margin-bottom: 30px;
	text-align: center;
	border: 1px solid #ccc;
}

.single_price_plan .title {
	padding: 30px;
}

.single_price_plan .title h3 {
	margin: 0;
	text-transform: capitalize;
}

.single_price_plan .price h2 {
	line-height: 1;
	margin: 0;
}

.single_price_plan .price {
	margin-bottom: 20px;
}

.single_price_plan .description {
	padding-bottom: 30px;
}

.single_price_plan .description > p {
	line-height: 2;
	margin: 0;
}

.single_price_plan .buy_now {
	padding: 0 0 30px;
}

.single_price_plan .buy_now > a {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	margin: 0;
}

.single_price_plan .title > p {
	margin: 0;
}

.single_price_plan.active {
	background-color: #f6f6f6;
}

/*  :: 9.0 Our Advisor Area CSS */

.single_advisor {
	border: 1px solid #ccc;
	margin-bottom: 30px;
	padding: 15px;
	position: relative;
	z-index: 1;
}

.single_advisor_details_info {
	padding: 15px 0 0;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}

.single_advisor_details_info > h4 {
	margin: 0 0 5px;
	text-transform: uppercase;
}

.single_advisor_details_info > p {
	margin-bottom: 0;
}

.advisor_thumb > img {
	border-radius: 1px;
}

.social_icon > a {
	border: 1px solid transparent;
	display: inline-block;
	height: 30px;
	line-height: 28px;
	margin: 5px 2px 0;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	width: 30px;
}

.social_icon > a:hover {
	border: 1px solid #333;
}

.advisor_social_info {
	bottom: 15px;
	position: absolute;
	right: 15px;
	z-index: 9999;
}

.advisor_social_info .social_icon > a:hover {
	background-color: #111;
	color: #fff;
}

.single_team_advisor_info {
	margin-top: 50px;
}

.single_team_advisor_info .team_name > h4 {
	margin-bottom: 5px;
}

.single_team_advisor_info .description {
	margin-top: 15px;
}

/* :: 10.0 Testimonial Area CSS */

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

.testimonial_text {
	margin-bottom: 30px;
	text-align: center;
}

.testimonial_text > p {
	margin-bottom: 0;
}

.testimonial_author_name {
	text-align: center;
}

.testimonial_author_name > h4 {
	margin-bottom: 5px;
}

.testimonial_author_name > h5 {
	margin: 0;
}

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

.owl-prev,
.owl-next {
	color: #fff;
	font-size: 70px;
	height: 80px;
	margin-top: -40px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 80px;
}

.owl-prev {
	left: 15px;
}

.owl-next {
	right: 15px;
}

/*  :: 11.0 Footer Area CSS */

.footer_content > p {
	font-size: 14px;
	letter-spacing: 1px;
	margin: 0;
	text-transform: uppercase;
}

.footer_social_icon > a {
	border: 1px solid transparent;
	color: #111;
	display: inline-block;
	font-size: 14px;
	height: 30px;
	line-height: 28px;
	margin-bottom: 15px;
	margin-top: 20px;
	width: 30px;
}

.footer_social_icon > a:hover {
	background-color: transparent;
	border: 1px solid #111;
	color: #111;
}

.footer_social_icon.text > a {
	border: 1px solid transparent;
	color: #111;
	display: inline-block;
	font-size: 14px;
	height: auto;
	letter-spacing: 1px;
	line-height: 1;
	margin: 20px 5px 15px;
	padding: 5px 7px;
	text-transform: uppercase;
	width: auto;
	color: #111;
}

.footer_social_icon.text > a:hover {
	border: 1px solid #111;
}

.foo_contents > a {
	display: inline-block;
	letter-spacing: 1px;
	margin: 0 10px 15px;
	font-size: 14px;
	text-transform: uppercase;
}

.not-found-text > h3 {
	font-weight: 300;
	text-transform: uppercase;
}

/* :: 12.0 Bredcumb Area CSS */

.breadcumb_area {
	position: relative;
	width: 100%;
	z-index: 1;
}

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

.breadcrumb > li,
.breadcrumb li > a {
	color: #fff;
}

.breadcrumb > .active {
	color: #fff;
}

.breadcrumb li > a:hover {
	color: #f6f6f6;
}

.page_title {
	position: relative;
	z-index: 99;
}

.page_title > h3 {
	color: #fff;
	text-transform: uppercase;
}

/* :: 13.0 Blog Area CSS */

blockquote h1,
blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5,
blockquote h6,
blockquote p {
	margin: 0;
}

.blog_area .single_blog_content {
	background-color: #f6f6f6;
	margin-bottom: 30px;
}

.blog_area .single_blog_content > p {
	margin: 0 15px 5px;
}

.blog_area .single_blog_content > a {
	margin: 15px;
}

.blog_embed_video iframe {
	width: 100%;
}

.single_blog_content > iframe {
	height: 235px;
	width: 100%;
}

.blog_post_slider .owl-dot {
	background-color: #fff;
	border-radius: 50%;
	display: inline-block;
	height: 12px;
	margin: 0 2px;
	width: 12px;
}

.blog_post_slider .owl-dot.active {
	background-color: #2c3e50;
}

.blog_post_slider .owl-controls {
	height: 100%;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
}

.blog_post_slider .owl-dots {
	position: absolute;
	right: 15px;
	top: 15px;
}

.latest_blog_news_area.blog .single_latest_news_area {
	margin-bottom: 50px;
}

.blog-img {
	border: 1px solid #f6f6f6;
	padding: 5px;
}

.singl-blog-top-bg-area p {
	color: #3498db;
	padding: 40px 0;
	font-size: 18px;
}

.singl-blog-top-bg-area p a {
	color: #3498db;
}

#blog-carousel {
	padding: 5px;
	border: 1px solid #ededed;
	margin: 100px 0;
}

.singl-blog-title h4 {
	color: #111;
	margin: 0;
	text-transform: uppercase;
	padding: 30px 0;
}

.singl-blog-status-bar {
	background: #f6f6f6 none repeat scroll 0 0;
	border-left: 10px solid #111;
	margin-bottom: 30px;
	position: relative;
}

.singl-blog-status-bar span {
	display: inline-block;
	padding: 20px;
}

.singl-blog-status-bar span i {
	color: #354b60;
	font-size: 16px;
	margin-right: 10px;
}

.singl-blog-status-bar span > a {
	color: #333;
}

.singl-blog-details p {
	margin: 0;
	padding-bottom: 25px;
}

.share-links {
	padding: 15px 0;
}

.tag-share {
	overflow: hidden;
}

.blog-tag span {
	color: #333;
	padding: 0 10px;
}

.blog-tag button {
	background: #3498db;
	border: medium none transparent;
	border-radius: 30px;
	color: #fff;
	font-weight: 600;
	line-height: 20px;
	margin: 0 4px;
	padding: 0 20px;
}

.blog-tag {
	padding: 9px 0;
}

.blog-share button {
	margin: 0 5px;
}

.blog-share button.like {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #ccc;
	border-radius: 25px;
	color: #333;
	font-size: 10px;
	padding: 10px 0;
}

.blog-share button.like i {
	color: #3498db;
	margin: 0 20px;
}

.blog-share button.like span {
	background: #888 none repeat scroll 0 0;
	font-size: 10px;
	margin: 0 20px;
}

.media-body p {
	margin: 0;
}

.media-body a.reply {
	color: #333;
	line-height: 24px;
	display: inline-block;
	border: 1px solid #ddd;
	border-radius: 50px;
	padding: 0 18px;
	float: right;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.media-body a.reply:hover {
	background-color: #3498db;
	color: #fff;
	border: 1px solid #3498db;
}

.media-bottom {
	margin-top: 17px;
}

.media-bottom p {
	color: #333;
	line-height: 24px;
	margin: 0;
	text-align: justify;
}

.border-left {
	border-left: 1px solid #e5e5e5;
}

.no-margin-bottom {
	margin-bottom: 0;
}

.border-bottom-1 {
	margin-top: 70px;
	border-bottom: 1px solid #ececec;
}

.contact-form-title h4 {
	color: #2c3e50;
	font-size: 18px;
	margin-bottom: 15px;
	line-height: 18px;
	margin-bottom: 35px;
}

.blog_comment_form #message {
	height: 238px;
	border-radius: 0;
	padding: 20px 0 0 12px;
}

.singl-blog-post figure {
	margin: 0;
}

.blog-details {
	text-align: left;
}

.singl-blog-status-bar > span:nth-child(4) {
	float: right;
}

.social-links {
	display: inline-block;
	padding-left: 14px;
	margin: 0;
}

.social-links li {
	display: inline-block;
	list-style: none;
}

.social-links li > a {
	display: block;
}

.social-links li > a > i {
	background-color: #34495e;
	border-radius: 50%;
	box-shadow: 3px 2px 3px 0 rgba(0, 0, 0, 0.2);
	color: #fff;
	height: 30px;
	line-height: 20px;
	margin-right: 5px;
	padding: 5px;
	text-align: center;
	width: 30px;
}

.social-links a:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

.share-promt {
	color: #333;
	line-height: 16px;
}

.post_admin_area {
	padding: 15px;
	position: relative;
}

.post_admin_thumb {
	height: 100px;
	left: 15px;
	position: absolute;
	top: 15px;
	width: 100px;
	z-index: 9;
}

.post_admin_content {
	padding: 0 0 0 115px;
}

.single_related_post_area {
	padding: 15px;
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
}

.related_post_thumb {
	left: 15px;
	position: absolute;
	top: 15px;
	width: 150px;
	z-index: 5;
}

.related_post_content {
	padding-left: 165px;
}

.related_post_content h4 a {
	color: #111;
}

.related_post_content h4 a:hover {
	color: #111;
}

.related_post_content span a {
	color: #333;
	font-size: 12px;
}

.related_post_content span a:hover {
	color: #111;
}

.related_post_content > p {
	margin: 10px 0 0;
}

.comment-wrapper {
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-bottom: 15px;
	padding: 15px;
	position: relative;
	z-index: 1;
}

.comment-meta {
	border-radius: 50%;
	height: 100px;
	left: 15px;
	position: absolute;
	top: 15px;
	width: 100px;
	z-index: 9;
}

.comment-content {
	padding: 0 0 0 115px;
}

.comment-reply {
	color: #111;
	position: absolute;
	right: 15px;
	top: 15px;
}

.comment-author a {
	color: #333;
	font-size: 70%;
}

ul.children li {
	margin-left: 5%;
}

ul.children .comment-meta {
	height: 80px;
	width: 80px;
}

ul.children .comment-content {
	padding: 0 0 0 95px;
}

.comment_form_area .form-control {
	border-radius: 0;
	height: 45px;
}

.comment_form_area .form-control:focus {
	border: 1px solid #111;
	box-shadow: none;
}

.comment_form_area textarea.form-control {
	height: 150px;
}

.comment_form_area button {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}

.comment_form_area label {
	font-weight: 400;
}

/* :: 14.0 Gallery Area CSS */

.gallery_menu .portfolio-menu button {
	background-color: transparent;
	box-shadow: none;
	font-size: 15px;
	text-transform: uppercase;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	position: relative;
	z-index: 1;
	color: #111;
}

.gallery_menu .portfolio-menu button:hover,
.gallery_menu .portfolio-menu button:active,
.gallery_menu .portfolio-menu button:focus {
	background-color: transparent;
	color: #111;
}

.portfolio-menu {
	margin-bottom: 30px;
}

.single_gallery_content {
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.single_gallery_content img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	width: 100%;
	border-radius: 2px;
}

.single_gallery_content:hover img {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

.single_gallery_content .hover_overlay {
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	height: 100%;
	left: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position: absolute;
	top: 0;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	width: 100%;
	z-index: 5;
}

.single_gallery_content:hover .hover_overlay {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}

.single_gallery_content .gallery_info {
	text-align: center;
}

.single_gallery_content:hover .gallery_info {
	-webkit-animation: zoomIn 350ms ease-in-out;
	animation: zoomIn 350ms ease-in-out;
}

.gallery_info h5 {
	color: #fff;
	display: inline-block;
	margin-bottom: 5px;
	text-transform: uppercase;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}

.gallery_info p {
	color: #fff;
	margin: 0 auto;
	max-width: 300px;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}

.all_btn {
	left: 50%;
	margin-left: -87.5px;
	margin-top: 13px;
	position: relative;
	z-index: 99;
}

.hover_overlay a {
	border: 1px solid #fff;
	color: #fff;
	display: inline-block;
	height: 40px;
	line-height: 38px;
	margin-right: 5px;
	text-align: center;
	width: 40px;
}

.hover_overlay a:last-child {
	margin-right: 0;
}

.hover_overlay a:hover {
	/*border: 1px solid #fff;
    color: #333;
    background-color: #fff;
	*/
}

.mfp-fade.mfp-bg {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/* :: 15.0 Contact Us Area CSS */

.contact_input_area .form-group input,
.contact_input_area .form-group select,
.contact_input_area .form-group textarea {
	border-radius: 0;
	height: 50px;
	margin-bottom: 15px;
	padding: 15px;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	width: 100%;
}

.contact_input_area .form-group input:focus,
.contact_input_area .form-group select:focus,
.contact_input_area .form-group textarea:focus {
	border: 1px solid #111;
	box-shadow: none;
}

.contact_input_area .form-group textarea {
	height: 150px;
}

.contact_from button {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}

.success,
.error {
	padding: 1em;
	margin-bottom: 12px;
	margin-bottom: 12px;
	margin-bottom: 12px;
	margin-bottom: 0.75rem;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	border-radius: 4px;
}

.success {
	color: #fff;
	background-color: #2ecc71;
}

.error {
	color: #fff;
	background-color: #c0392b;
}

.map_area {
	height: 500px;
	width: 100%;
}

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

.message_now_area .section_heading > p {
	max-width: 100%;
}

/* :: 16.0 Sidebar Area CSS */

.event_location,
.latest_post,
.catagory_section,
.achive_section {
	margin-bottom: 30px;
}

.search_post > h4,
.event_location > h4,
.latest_post > h4,
.catagory_section > h4,
.tag_section > h4,
.achive_section > h4 {
	color: #333;
	font-size: 20px;
	text-transform: uppercase;
}

.achive_section ul li > a,
.catagory_section ul li > a {
	color: #333;
	display: block;
	padding: 5px 0 5px 10px;
	text-transform: uppercase;
}

.achive_section ul li:nth-child(odd),
.catagory_section ul li:nth-child(odd) {
	background-color: #f6f6f6;
}

.achive_section ul li > a > i,
.catagory_section ul li > a > i {
	padding-right: 10px;
}

.latest_post .single_latest_post {
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
	position: relative;
	z-index: 1;
}

.latest_post .single_latest_post:nth-child(even) {
	background-color: #f6f6f6;
}

.latest_post .single_latest_post > a > h5 {
	color: #111;
	font-size: 16px;
	margin: 0;
	text-transform: uppercase;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}

.latest_post .single_latest_post > a > h5:hover {
	color: #111;
}

.latest_post .single_latest_post > p {
	margin: 0;
	color: #666;
}

.latest_post .single_latest_post > img {
	left: 0;
	position: absolute;
	top: 15px;
	width: 90px;
	height: auto;
	z-index: 9;
}

.tag_section ul > li {
	display: inline-block;
	margin: 2px 0;
}

.tag_section ul > li > a {
	background-color: transparent;
	border: 1px solid #111;
	color: #111;
	display: inline-block;
	padding: 5px 10px;
	width: auto;
}

.tag_section ul > li > a:hover {
	background-color: #111;
	border: 1px solid #111;
	color: #fff;
}

.search_post > form input {
	border: 1px solid #dadada;
	height: 40px;
	margin-bottom: 30px;
	padding: 5px 15px;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	width: 100%;
}

.search_post > form input:focus {
	box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.1);
}

/* :: 17.0 Background Video Version CSS */

.welcome_area.yt_video_background {
	position: relative;
	z-index: 1;
}

.welcome_area.yt_video_background:before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	top: 0;
	left: 0;
	background-image: url(../img/core-img/pattern-1.png);
	background-repeat: repeat;
	z-index: 5;
}

.yt_video_background #btn-1 {
	margin-right: 15px;
}

/* :: 18.0 Barfiller Area CSS */

.barfiller {
	background: #f6f6f6 none repeat scroll 0 0;
	border-radius: 3px;
	box-shadow: 1px 4px 9px -6px rgba(0, 0, 0, 0.3) inset;
	height: 10px;
	margin-bottom: 25px;
	position: relative;
	width: 100%;
}

.barfiller .fill {
	background: #1f1c2c !important;
	background: -webkit-linear-gradient(to right, #928dab, #1f1c2c) !important;
	background: -webkit-linear-gradient(left, #928dab, #1f1c2c) !important;
	background: linear-gradient(to right, #928dab, #1f1c2c) !important;
	display: block;
	height: 100%;
	position: relative;
	width: 0;
	z-index: 1;
	border-radius: 3px;
}

.barfiller .tipWrap {
	display: none;
}

.barfiller .tip {
	background: transparent none repeat scroll 0 0;
	left: 0;
	margin-top: -30px;
	padding: 2px 4px;
	position: absolute;
	z-index: 2;
}

.barfiller .tip:after {
	display: none;
}

.skrill_title {
	color: #151515;
	font-size: 14px;
}

.col-5 {
	float: left;
	padding: 0 15px;
	width: 20%;
}

.column-6-5-area .gallery_info h5 > a {
	border: medium none;
	color: #fff;
	display: block;
	font-size: 16px;
	height: auto;
	line-height: 1;
	margin-bottom: 0;
	width: auto;
}

.column-6-5-area .gallery_info h5 > a:hover {
	border: medium none;
	color: #fff;
	background-color: transparent;
}

.column-6-5-area .hover_overlay a {
	border: 1px solid #fff;
	color: #fff;
	display: inline-block;
	height: 30px;
	line-height: 28px;
	margin-right: 5px;
	margin-top: 10px;
	text-align: center;
	width: 30px;
}

.column-6-5-area .hover_overlay a:hover {
	border: 1px solid #fff;
	color: #111;
}

.no-gutter .single_gallery_content {
	margin-bottom: 0;
}

.no-gutter #loadmore {
	margin-top: 50px;
}

/* :: 19.0 Home -1 Area CSS */

.home-1 .footer_area {
	background-attachment: fixed;
	background-position: center bottom;
	background-size: cover;
	position: relative;
	z-index: 1;
}

.home-1 .footer_area:after {
	background-color: rgba(246, 246, 246, 0.75);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.welcome_area {
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.home-1 .welcome_area {
	background-position: center center;
	background-size: cover;
	height: 800px;
	width: 100%;
}

.welcome_content > h2 {
	font-size: 50px;
	font-weight: 400;
	margin-bottom: 10px;
	text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.15);
	text-transform: uppercase;
}

.welcome_content > p {
	font-size: 20px;
	margin-bottom: 10px;
}

.badge {
	background-color: #111;
	font-weight: 400;
	padding: 3px 7px;
}

.gallery_menu .portfolio-menu button.active span {
	background-color: #3498db;
	color: #fff;
}

.animsition,
.animsition-overlay {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.home-1 .main_header_area {
	background-color: #f6f6f6;
	height: 72px;
}

/* :: 20.0 Home - 2 Area CSS */

.home-2 .welcome_area {
	height: 750px;
	width: 100%;
}

.home-2 .welcome_content > h2 {
	color: #fff;
	text-shadow: 2px 1px 2px rgba(255, 255, 255, 0.15);
}

.home-2 .welcome_content > p {
	color: #fff;
}

.home-2 .main_header_area {
	position: absolute;
}

.home-2 .main_header_area.sticky {
	position: fixed;
}

.dark-btn {
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 0;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	margin-top: 15px;
	min-width: 150px;
	padding: 12px 15px 14px;
}

.dark-btn:hover,
.dark-btn:focus {
	background-color: #fff;
	border: 1px solid #fff;
	color: #333;
}

.home-2 .gallery_menu .portfolio-menu button {
	background-color: transparent;
	color: #333;
	border: 1px solid #333;
	font-size: 15px;
}

.home-2 .gallery_menu .portfolio-menu button:hover {
	background-color: #333;
	color: #fff;
	border: 1px solid transparent;
}

.home-2 .gallery_area .section_heading {
	margin-bottom: 30px;
}

.home-2 .gallery_area .section_heading > h4 {
	margin-bottom: 0;
}

.home-2 .gallery_area .gallery_menu {
	float: right;
}

.home-2 .footer_social_icon > a {
	background-color: transparent;
	border: 1px solid transparent;
	color: #fff;
}

.home-2 .footer_social_icon > a:hover {
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
}

.home-2 .footer_content > p,
.home-2 .footer_content > p a {
	color: #fff;
}

.home-2 nav.navbar.bootsnav ul.nav > li > a {
	color: #fff;
}

.home-2 .sticky nav.navbar.bootsnav ul.nav > li > a {
	color: #666;
}

.double-logo .navbar-brand.sticky-logo {
	display: none;
}

.double-logo .sticky .navbar-brand.sticky-logo {
	display: block;
}

.double-logo .sticky .navbar-brand {
	display: none;
}

/* :: 21.0 Home - 3 Area CSS */

.margin-50 {
	margin: 50px;
	background-color: #f2f2f2;
	overflow: hidden;
}

.home-3 .welcome_area {
	clear: both;
	height: 800px;
}

.home-3 .gallery_area,
.home-3 .our_service_area,
.home-3 .footer_area {
	background-color: #fff;
}

.home-3 .header_area {
	height: auto;
	position: relative;
	width: 100%;
	z-index: 99999;
}

.home-3 .main_header_area {
	background-color: #fff;
	position: relative;
}

.home-3 .single_service {
	background-color: #f6f6f6;
}

.home-3 .welcome_content > p {
	color: #333;
}

/* :: 22.0 Home - 4 Area CSS */

.home-4 nav.navbar.bootsnav ul.nav > li > a {
	color: #fff;
}

.home-4 .sticky nav.navbar.bootsnav ul.nav > li > a {
	color: #666;
}

.home-4 .welcome_content > h2 {
	color: #fff;
	text-shadow: 2px 1px 2px rgba(255, 255, 255, 0.15);
}

.home-4 .welcome_content > p {
	color: #fff;
}

.pager li > a,
.pager li > span {
	border-radius: 0;
}

.home-4 .gallery_menu .portfolio-menu button {
	background-color: #f6f6f6;
	border-radius: 3px;
	color: #111;
	font-size: 14px;
	text-transform: capitalize;
}

.home-4 .gallery_menu .portfolio-menu button.active,
.home-4 .gallery_menu .portfolio-menu button:hover,
.home-4 .gallery_menu .portfolio-menu button:focus {
	background-color: #111;
	color: #fff;
}

.home-4 .testimonial_area {
	background-color: #2c3e50;
}

.home-4 .testimonial_area .section_heading > h3 {
	color: #fff;
}

.home-4 .testimonial_area .owl-prev,
.home-4 .testimonial_area .owl-next {
	color: #fff;
}

.home-4 .testimonial_area .single_testimonial > h5 {
	color: #fff;
	font-weight: 300;
	text-align: center;
}

.home-4 .testimonial_area .single_testimonial > h5.tes-name {
	margin-bottom: 5px;
}

.home-4 .testimonial_area .single_testimonial > h6 {
	color: #fff;
	font-size: 14px;
	text-align: center;
}

.home-4 .owl-next {
	right: -80px;
}

.home-4 .owl-prev {
	left: -80px;
}

.home-4 .footer_area {
	background-color: #fff;
}

.home-4 .main_header_area {
	position: absolute;
}

.home-4 .main_header_area.sticky {
	position: fixed;
}

/* :: 23.0 Home 5 Area CSS */

.home-5 .welcome_area {
	height: 450px;
}

.home-5 .welcome_area {
	background-color: #f6f6f6;
	height: 450px;
	width: 100%;
}

.home-5 .welcome_area .welcome_content > h2 {
	font-size: 36px;
	text-transform: unset;
}

.home-5 .header_area {
	height: auto;
	position: relative;
	width: 100%;
	z-index: 99999;
}

.home-5 .main_header_area {
	background-color: #f6f6f6;
	border-bottom: 1px solid #ddd;
	position: relative;
}

.home-5 .blog_area .section_heading {
	margin-bottom: 0;
	padding: 30px;
	position: relative;
	text-align: left;
	z-index: 1;
}

.home-5 .blog_area .table {
	width: calc(100% - 30px);
}

.home-5 .blog_area .section_heading > i {
	color: #fff;
	font-size: 70px;
	margin-bottom: 15px;
}

.home-5 .blog_area .section_heading > h3,
.home-5 .blog_area .section_heading > p {
	color: #fff;
}

.home-5 .blog_area .blog-heading {
	background-color: #2c3e50;
	position: relative;
	z-index: 1;
}

.home-5 .blog_area .single_blog_content {
	background-color: #fff;
	box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.15);
}

.home-5 .blog_area .single_blog_content iframe {
	width: 100% !important;
	height: auto !important;
}

.home-5 .blog_area .single_blog_content h4 {
	font-size: 22px;
	margin: 0;
	padding: 15px;
}

.home-5 .blog_area .owl-item {
	padding: 5px;
}

.home-5 .blog_area .single_blog_content > p {
	margin: 0;
	padding: 0 15px 15px;
}

.home-5 .blog_area .single_blog_content > a {
	display: inline-block;
	font-size: 18px;
	margin: 0 15px 15px;
}

.home-5 .blog_area .single_blog_content > a:hover,
.home-5 .blog_area .single_blog_content > a:focus {
	text-decoration: underline;
}

.home-5 .blog_area .owl-prev,
.home-5 .blog_area .owl-next {
	background-color: #fff;
	color: #333;
	font-size: 40px;
	height: 40px;
	line-height: 40px;
	margin-top: 0;
	position: absolute;
	text-align: center;
	top: 5px;
	width: 40px;
	z-index: 9999;
}

.home-5 .blog_area .owl-next {
	left: -60px;
}

.home-5 .blog_area .owl-prev {
	left: -105px;
}

.home-5 .blog_area .owl-dots {
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 9;
}

.home-5 .blog_area .owl-dot {
	background-color: #2c3e50;
	display: inline-block;
	height: 15px;
	margin-left: 5px;
	position: relative;
	width: 15px;
}

.home-5 .blog_area .owl-dot.active {
	background-color: #fff;
	border: 1px solid #2c3e50;
}

/* :: 24.0 Home 6 Area CSS */

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

.home-6 .main_header_area {
	position: absolute;
}

.home-6 .main_header_area.sticky {
	position: fixed;
}

.home-6 nav.navbar.bootsnav ul.nav > li > a,
.home-6 .welcome_content > p {
	color: #fff;
}

.home-6 .sticky nav.navbar.bootsnav ul.nav > li > a {
	color: #666;
}

.home-6 .welcome_content > h2 {
	color: #fff;
	text-shadow: 2px 1px 2px rgba(255, 255, 255, 0.15);
}

.home-6 .welcome_content > h2 {
	text-transform: capitalize;
}

.home-6 .gallery_info {
	background-color: #f6f6f6;
	display: block;
	padding: 15px 0;
	text-align: center;
}

.home-6 .single_gallery_content {
	margin-bottom: 0;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15);
}

.home-6 .gallery_info h5,
.home-6 .gallery_info p {
	color: #333;
}

.home-6 .gallery_info h5 {
	margin-bottom: 0;
}

.home-6 .single_gallery_container {
	margin-bottom: 30px;
	box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.15);
}

.home-6 .footer_bottom_area {
	background-color: #333;
	color: #fff;
	padding: 50px 0;
	width: 100%;
}

.home-6 .footer_content > p,
.home-6 .footer_content > p > a {
	color: #fff;
}

.home-6 .footer_social_icon > a {
	background-color: transparent;
	border: 0 solid #333;
	border-radius: 0;
	height: auto;
	line-height: 1;
	margin-bottom: 0;
	margin-top: 0;
	color: #fff;
}

.home-6 .footer_social_icon > a:hover {
	color: #fff;
}

.home-6 .single_cta_area {
	padding: 30px 0;
	text-align: center;
	margin-bottom: 30px;
}

.home-6 .single_cta_area i {
	font-size: 50px;
	margin: 0 0 15px;
}

.home-6 .single_cta_area h4 {
	margin: 0;
}

/* :: 25.0 Home - 7 Area CSS */

.home-7 .welcome_area {
	background-position: center center;
	background-size: cover;
	height: 650px;
}

.home-7 .header_area {
	position: relative;
}

.home-7 .main_header_area {
	background-color: #f6f6f6;
	position: relative;
}

.home-7 .main_header_area.sticky {
	position: fixed !important;
}

.cd-intro {
	margin: 0;
	text-align: left;
	width: 100%;
}

.cd-intro {
	margin: 0 auto;
}

.cd-headline.clip b {
	color: #333;
	font-weight: 400;
}

.home-7 .gallery_menu .portfolio-menu button {
	font-size: 15px;
}

.home-7 .gallery_menu .portfolio-menu button:after {
	background-color: #111;
	bottom: 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 2;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}

.home-7 .gallery_menu .portfolio-menu button:hover:after,
.home-7 .gallery_menu .portfolio-menu button.active:after {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.home-7 .single_blog_content > p {
	padding: 0 0 15px;
}

.home-7 .single_blog_content .btn.easy-btn {
	margin: 0 15px 15px;
}

/* :: 26.0 Home - 8 Area CSS */

.home-8 .welcome_area {
	height: 600px;
}

.home-8 .main_header_area {
	position: absolute;
}

.home-8 .main_header_area.sticky {
	position: fixed;
}

.home-8 nav.navbar.bootsnav ul.nav > li > a,
.home-8 .welcome_content > p {
	color: #fff;
}

.home-8 .sticky nav.navbar.bootsnav ul.nav > li > a {
	color: #666;
}

.home-8 .welcome_content > h2 {
	color: #fff;
	text-shadow: 2px 1px 2px rgba(255, 255, 255, 0.15);
}

.home-8 .welcome_content > h2 {
	text-transform: capitalize;
}

.home-8 .single_service_content {
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
}

.home-8 .single_service {
	background-color: transparent;
}

.home-8 .footer_content > p,
.home-8 .footer_content > p a {
	color: #fff;
}

.home-8 .footer_social_icon > a {
	border: 1px solid transparent;
	color: #fff;
}

.home-8 .footer_social_icon > a:hover {
	color: #fff;
	border: 1px solid #fff;
}

/* :: 27.0 Home - 9 Area CSS */

.home-9 .welcome_content > h2,
.home-9 nav.navbar.bootsnav ul.nav > li > a,
.home-9 .welcome_content > p {
	color: #fff;
}

.home-9 .sticky nav.navbar.bootsnav ul.nav > li > a {
	color: #666;
}

.home-9 .main_header_area {
	position: absolute;
}

.home-9 .main_header_area.sticky {
	position: fixed;
}

.home-9 .footer_content > p,
.home-9 .footer_content > p a {
	color: #fff;
}

.home-9 .footer_social_icon > a {
	border: 1px solid transparent;
	color: #fff;
}

/* :: 28.0 Home - 10 Area CSS */

.home-10 .header_area {
	position: relative;
}

.home-10 .main_header_area.sticky {
	position: fixed !important;
}

.home-10 .main_header_area {
	background-color: #f6f6f6;
	position: relative;
}

.home-10 .footer_area {
	background-color: #111;
	padding: 24px 0;
}

.home-10 .footer_content > p,
.home-10 .footer_content > p a {
	color: #fff;
}

.home-10 .attr-nav > ul > li > a {
	color: #333;
	font-size: 24px;
	padding: 19px 15px;
}

.home-10 .gallery_menu .portfolio-menu button {
	background-color: transparent;
	font-size: 16px;
}

.home-10 .hover_overlay:after {
	border: 0 solid transparent;
}

.home-10 #nav a {
	font-size: 20px;
}

.home-10 .single_contact_area {
	margin: 0 30px;
}

.side {
	background-color: #f6f6f6;
	display: block;
	height: 100%;
	padding: 0;
	position: fixed;
	right: -320px;
	top: 0;
	-webkit-transition: all 500ms ease-in-out 0s;
	transition: all 500ms ease-in-out 0s;
	width: 320px;
	z-index: 9999999;
}

.side .close-side {
	color: #111;
	float: right;
	font-size: 20px;
	padding: 30px;
	position: relative;
	z-index: 999;
}

.side .widget,
.side .social_links_area {
	padding: 0 30px;
}

.side .social_links_area > a {
	margin: 0 5px;
}

.home-10 .main_header_area.animated.sticky {
	-webkit-animation-duration: 0s !important;
	animation-duration: 0s !important;
}

/* :: 29.0 Home - 11 Area CSS */

.home-11 .single_blog_content {
	background-color: #f6f6f6;
}

.home-11 .single_blog_content iframe {
	height: 210px !important;
	width: 100% !important;
}

.single_blog_content h4 {
	margin: 15px;
}

.home-11 .blog_area .single_blog_content > p {
	margin: 0;
	padding: 0 15px 15px;
}

.home-11 .blog_area .single_blog_content > a {
	margin: 0 15px 15px;
}

.home-11 .blog_area .owl-dots {
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 9;
}

.home-11 .blog_area .owl-dot {
	background-color: #2c3e50;
	display: inline-block;
	height: 15px;
	margin-left: 5px;
	position: relative;
	width: 15px;
}

.home-11 .blog_area .owl-dot.active {
	background-color: #fff;
	border: 1px solid #2c3e50;
}

/* :: 30.0 Home - 11 Area CSS */

.left_side_menu {
	background-color: #f6f6f6;
	box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.15);
	height: 100%;
	left: -300px;
	position: fixed;
	top: 0;
	width: 400px;
	z-index: 99;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}

.menu-open .left_side_menu {
	left: 0;
}

.single_gallery_item_13 {
	width: 33.33333%;
	display: inline-block;
	float: left;
}

.home-11 .gallery_area {
	left: 100px;
	position: relative;
	top: 0;
	width: calc(100% - 100px);
	z-index: 2;
}

.home-11 .gallery_area .single_gallery_content {
	box-shadow: none;
	margin-bottom: 0;
}

.home-11 .gallery_area .single_gallery_content img {
	border-radius: 0;
}

.menu_open_close {
	background-color: transparent;
	height: 30px;
	left: 31px;
	position: fixed;
	top: 30px;
	width: 38px;
	z-index: 99999;
	cursor: pointer;
}

.menu_open_close span {
	background-color: #111;
	display: inline-block;
	height: 3px;
	margin-left: 6px;
	margin-top: 1px;
	position: relative;
	-webkit-transition-delay: 0s, 0s;
	transition-delay: 0s, 0s;
	-webkit-transition-duration: 0.5s, 0.3s;
	transition-duration: 0.5s, 0.3s;
	vertical-align: middle;
	width: 28px;
}

.menu_open_close span:after,
.menu_open_close span:before {
	background-color: #111;
	content: "";
	display: inline-block;
	height: 3px;
	left: 0;
	position: absolute;
	-webkit-transition-delay: 0s, 0s;
	transition-delay: 0s, 0s;
	-webkit-transition-duration: 0.5s, 0.3s;
	transition-duration: 0.5s, 0.3s;
	width: 28px;
}

.menu_open_close span:before {
	top: -8px;
	-webkit-transition-property: top, -webkit-transform;
	transition-property: top, -webkit-transform;
	transition-property: top, transform;
	transition-property: top, transform, -webkit-transform;
}

.menu_open_close span:after {
	bottom: -8px;
	-webkit-transition-property: bottom, -webkit-transform;
	transition-property: bottom, -webkit-transform;
	transition-property: bottom, transform;
	transition-property: bottom, transform, -webkit-transform;
}

.menu-open .menu_open_close span:before {
	background: #111;
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.menu-open .menu_open_close span:after,
.menu-open .menu_open_close span:before {
	-webkit-transition-delay: 0s, 0s;
	transition-delay: 0s, 0s;
}

.menu-open .menu_open_close span:after {
	background: #111;
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.menu-open .menu_open_close span {
	background-color: transparent;
	-webkit-transition-delay: 0s, 0s;
	transition-delay: 0s, 0s;
}

.copywrite_content {
	bottom: 30px;
	left: 30px;
	position: absolute;
	z-index: 999;
}

.main-menu {
	padding: 0 100px 0 30px;
}

.main-menu li a {
	display: block;
	font-size: 22px;
	padding: 5px 0;
	position: relative;
	z-index: 1;
}

.main-menu li a:before {
	background-color: #333;
	bottom: 0;
	content: "";
	height: 2px;
	position: absolute;
	width: 0;
	z-index: 2;
	left: 0;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}

.main-menu li a:hover:before {
	width: 35%;
}

.main-menu li a:hover {
	color: #111;
}

.home-11-btn {
	background-color: #333;
	border: 1px solid #333;
	bottom: 30px;
	color: #fff;
	display: block;
	font-size: 14px;
	line-height: 1;
	padding: 7px 10px;
	position: absolute;
	right: 4px;
	text-transform: uppercase;
	-webkit-transition-delay: 100ms;
	transition-delay: 100ms;
	z-index: 999999;
}

.home-11-btn:hover,
.home-11-btn:focus {
	background-color: transparent;
	border: 1px solid #333;
	color: #333;
}

.menu-open .home-11-btn {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.home-11 .copywrite_content > p {
	font-size: 14px;
	text-transform: uppercase;
}

.menu-open .wrapper:after {
	background-color: rgba(0, 0, 0, 0.8);
	content: "";
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}

.home-11 .footer_social_icon > a {
	background-color: transparent;
	border: 0 solid #333;
	border-radius: 0;
	color: #333;
	display: inline-block;
	font-size: 14px;
	height: auto;
	line-height: 1;
	margin-bottom: 0;
	margin-top: 30px;
	width: 25px;
}

.home-11 .footer_social_icon {
	padding-left: 30px;
}

body.on-side {
	margin-left: 0;
}

/* :: 31.0 Home - 12 Area CSS */

.home-12 .single_gallery_content {
	box-shadow: none;
}

.home-12 .call_to_action {
	background-color: #f6f6f6;
	text-align: center;
}

.home-12 .cta_content > h2 {
	margin: 0;
}

.home-12 .single_gallery_content img {
	border-radius: 0;
}

.home-12 .welcome_area {
	height: 500px;
	width: 100%;
}

.home-12 .main_header_area {
	background-color: #f6f6f6;
	position: relative;
}

.home-12 .main_header_area.sticky {
	position: fixed !important;
}

.home-12 .welcome_content > h2 {
	color: #fff;
	text-transform: capitalize;
}

.home-12 .welcome_content > p {
	color: #fff;
}

/* :: 32.0 Blog Header Area CSS */

header.blog-header {
	height: auto;
	position: relative;
	width: 100%;
	z-index: 99999;
}

header.blog-header .main_header_area {
	position: relative;
}

/* :: 33.0 Single Portfolio Area CSS */

.single_portfolio_area .single_portfolio_img {
	background-color: #f6f6f6;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 5px;
}

.single_portfolio_area .single_portfolio_meta {
	background-color: #f6f6f6;
	border-radius: 3px;
	margin: 30px 0;
	padding: 15px;
}

.single_portfolio_area .single_portfolio_meta li {
	color: #888;
	display: inline-block;
	font-size: 14px;
	letter-spacing: 1px;
	margin: 0 15px;
	text-transform: uppercase;
}

.single_portfolio_area .single_portfolio_title h4 {
	text-transform: uppercase;
}

.single_portfolio_area .single_portfolio_meta li:last-child {
	float: right;
}

.single_portfolio_area .owl-dot {
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 50%;
	display: inline-block;
	height: 15px;
	margin: 5px;
	width: 15px;
}

.single_portfolio_area .owl-dot.active {
	background-color: #fff;
}

.single_portfolio_area .owl-dots {
	bottom: 15px;
	position: absolute;
	right: 15px;
}

.single_port_video > iframe {
	height: 500px;
	width: 100%;
}

.cta_area {
	background-attachment: fixed;
}

.cta_content > h3 {
	color: #fff;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 300;
}

.cta_content > p {
	color: #fff;
	margin: 0;
}

/* :: 34.0 Accordian Area CSS */

.single-accordion {
	margin-bottom: 15px;
	box-shadow: none;
}

.single-accordion:last-of-type {
	margin-bottom: 0px;
}

.single-accordion h5 a {
	background-color: #f6f6f6;
	border: 1px solid transparent;
	display: block;
	font-weight: 300;
	padding: 15px;
	position: relative;
}

.single-accordion h5 a.collapsed {
	background-color: #fff;
	border: 1px solid #ddd;
}

.single-accordion h5 a span {
	font-size: 20px;
	position: absolute;
	right: 10px;
	text-align: center;
	top: 12px;
}

.single-accordion h5 a.collapsed span.accor-close {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

span.accor-open {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

.single-accordion h5 a.collapsed span.accor-open {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

.single-accordion h5 {
	margin-bottom: 0;
	text-transform: uppercase;
}

.single-accordion .accordion-content {
	border: 1px solid #f6f6f6;
	border-top: 0 solid transparent;
	box-shadow: none;
}

.single-accordion .accordion-content p {
	font-weight: 300;
	padding: 10px 15px 0;
}

.style-2 .single-accordion h5 a.collapsed {
	background-color: #f6f6f6;
	border: 1px solid #f6f6f6;
	color: #333;
}

.style-2 .single-accordion h5 a {
	background-color: #333;
	border: 1px solid transparent;
	color: #fff;
}

.breadcumb_area.style-1 .page_title > h3 {
	color: #111;
}

.breadcumb_area.style-1 .breadcrumb > li,
.breadcumb_area.style-1 .breadcrumb li > a {
	color: #111;
}

/* :: 35.0 Button Area CSS */

.btn.easy-btn.btn-md {
	min-width: 120px;
	padding: 8px 12px 9px;
	font-size: 18px;
}

.btn.easy-btn.btn-sm {
	font-size: 16px;
	min-width: 90px;
	padding: 6px 8px 7px;
}

.btn.easy-btn.btn-xs {
	min-width: 70px;
	padding: 4px 6px 5px;
	font-size: 14px;
}

.btn.dark-btn.btn-md {
	min-width: 120px;
	padding: 8px 12px 9px;
	font-size: 18px;
}

.btn.dark-btn.btn-sm {
	font-size: 16px;
	min-width: 90px;
	padding: 6px 8px 7px;
}

.btn.dark-btn.btn-xs {
	min-width: 70px;
	padding: 4px 6px 5px;
	font-size: 14px;
}

.btn.easy-btn.btn-circle,
.btn.dark-btn.btn-circle {
	border-radius: 20px;
}

/* :: 36.0 Newsletter Area CSS */

.newsletter_area .form-control {
	border: 1px solid #333;
	border-radius: 0;
	box-shadow: none;
	height: 48px;
	width: 300px;
}

.newsletter_area button {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}

.newsletter_area button.easy-btn,
.newsletter_area button.dark-btn {
	margin: 0;
}

.newsletter_area.style-2 .section_heading h2,
.newsletter_area.style-2 .section_heading p {
	color: #fff;
}

.newsletter_area.style-2 .form-control {
	border: 1px solid #fff;
}

/* Pricing Tables */
#pricing {
	padding-top: 45px;
}

.pricing {
	padding-top: 45px;
	margin-left: 35px;
	margin-right: 35px;
}

.stacked > .col-sm-4,
.stacked > .col-md-3 {
	padding-left: 0;
	padding-right: 0;
}

.pricing-table {
	background: #f8f8f8;
	text-align: center;
	margin-bottom: 30px;
}

.pricing-table ul,
.pricing-table ol {
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: 700;
}

.pricing-table ul span {
	font-weight: 800;
	letter-spacing: 0.1em;
}

.pricing-title {
	color: white;
	background-color: #333333;
	font-size: 18px;
	font-weight: 700;
	padding: 30px;
}

.featured .pricing-title {
	background-color: #bc2537;
}

.pricing-table-price {
	/* font-weight: 700; */
	padding: 5px 10px;
}

.pricing-table-price p {
	color: #111111;
}

.featured .pricing-currency {
	color: #bc2537;
}

.featured .pricing-price {
	color: #bc2537;
}

.pricing-currency {
	font-size: 18px;
	font-weight: 700;
	vertical-align: 30px;
}

.pricing-price {
	font-size: 60px;
	font-weight: 700;
}

.pricing-period {
	font-weight: 700;
}

.pricing-table-content li {
	margin-bottom: 15px;
}

.pricing-table-button {
	padding: 15px 0 35px;
}

.stacked .pricing-table {
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
}

.stacked .pricing-table {
	position: relative;
	z-index: 1;
}

.stacked .featured.pricing-table {
	position: relative;
	z-index: 2;
	margin-top: -32px;
}

.stacked .featured .pricing-table-price {
	padding: 21px 20px;
}

.stacked .featured .pricing-table-button {
	padding: 35px 0 55px;
}

.stacked .col-md-3 .featured.pricing-table {
	margin-top: -22px;
}

.stacked .col-md-3 .featured .pricing-table-price {
	padding: 40px 20px;
}

.stacked .col-md-3 .featured .pricing-table-button {
	padding: 25px 0 45px;
}

/* End Pricing Tables */

/* Buttons */
.bbtn2 {
	font-weight: 400;
	font-size: 13px;
	letter-spacing: 0.05em;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 0;
	padding: 10px 18px;
	margin: 5px;
}

.bbtn-primary-filled,
.bbtn-primary-filled:active,
.bbtn-primary-filled:focus {
	color: white;
	background: #bc2537;
	border: 2px solid #bc2537;
}

.bbtn-primary-filled:hover {
	color: white;
	background: #ad2333;
	border: 2px solid #ad2333;
}

.text-primary {
	color: #bc2537;
}

.text-warning {
	color: #e2a740;
}

ul,
ol {
	padding-left: 16px;
	padding-right: 16px;
	margin-top: 0;
	margin-bottom: 20px;
}

@media (min-width: 768px) and (max-width: 1200px) {
	.col-sm-3 {
		width: 50% !important;
	}
}

@media (min-width: 768px) {
	.col-sm-1,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9 {
		float: left !important;
	}
}

.pricing-table-sztywne {
	height: 500px;
	margin-bottom: 60px;
}

@media (max-width: 750px) {
	.col-sm-3 {
		padding-left: 0px;
		padding-right: 0px;
	}
}

/* .banner {
  width: 100%;
  max-height: 400px;
  margin: auto;
}

.slider {
  width: 1000px;
  height: 400px;
  border-radius: 10px;
  overflow: hidden;
  margin: auto;
}

.slides {
  width: 500%;
  height: 400px;
  display: flex;
}

.slides input {
  display: none;
}

.slide {
  width: 20%;
  transition: 2s;
}

.slide img {
  width: 1000px;
  height: 400px;
}

.navigation-manual {
  position: absolute;
  width: 1000px;
  margin-top: -40px;
  display: flex;
  justify-content: center;
}

.manual-btn {
  border: 3px solid #36b03c;
  padding: 5px;
  border-radius: 9px;
  cursor: pointer;
  transition: 1s;
}

.manual-btn:not(:last-child) {
  margin-right: 40px;
}

.manual-btn:hover {
  background: #36b03c;
}

#radio1:checked ~ .first {
  margin-left: 0;
}

#radio2:checked ~ .first {
  margin-left: -1000px;
}

#radio3:checked ~ .first {
  margin-left: -2000px;
}

#radio4:checked ~ .first {
  margin-left: -3000px;
}

.navigation-auto {
  position: absolute;
  display: flex;
  width: 1000px;
  justify-content: center;
  margin-top: 360px;
}

.navigation-auto div {
  border: 3px solid #36b03c;
  padding: 5px;
  border-radius: 10px;
  transition: 1s;
}

.navigation-auto div:not(:last-child) {
  margin-right: 40px;
}

#radio1:checked ~ .navigation-auto .auto-btn1 {
  background: #36b03c;
}

#radio2:checked ~ .navigation-auto .auto-btn2 {
  background: #36b03c;
}

#radio3:checked ~ .navigation-auto .auto-btn3 {
  background: #36b03c;
}

#radio4:checked ~ .navigation-auto .auto-btn4 {
  background: #36b03c;
}

@media (max-width: 1000px) {
  .slider {
    display: none;
  }
}

@media (min-width: 1000px) {
  .banner {
    display: none;
  }
} */

.easy-btn2 {
	border: 2px solid #0e68cc;
	border-radius: 40px;
	background-color: #fff;
	color: #0e68cc;
	padding: 12px 15px 14px;
	font-size: 20px;
	font-weight: 550;
	min-width: 150px;
}

.btn2:hover {
	color: #fff;
	background-color: #0e68cc;
}

.easy-btn3 {
	/* poprzedni kolor #313131 */
	border: 2px solid #3b82f6;
	border-radius: 40px;
	background-color: #3b82f6 !important;
	color: #fff !important;
	padding: 12px 15px 14px;
	font-size: 20px !important;
	font-weight: 550;
	min-width: 200px;
	margin-bottom: 15px;
	text-transform: none !important;
	cursor: pointer;
}

.przycisk {
	margin-top: 20px;
}

.easy-btn3:hover {
	color: #fff;
	background-color: #2563eb !important;
}

.kontener {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 50vh;
}

.kontener .slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 500%;
	height: 100%;
	animation: animate 20s ease-in-out infinite;
}

.kontener .slider .slide {
	position: relative;
	width: 20%;
	height: 100%;
	float: left;
}

.kontener .slider .slide.slide1 {
	background: url(../img/gallery/slider/zdjecia-z-drona-4-500.jpg);
	background-size: cover;
	background-position: center;
}

.kontener .slider .slide.slide2 {
	background: url(../img/gallery/slider/zdjecia-z-drona-1-500.jpg);
	background-size: cover;
	background-position: center;
}

.kontener .slider .slide.slide3 {
	background: url(../img/gallery/slider/zdjecia-z-drona-2-500.jpg);
	background-size: cover;
	background-position: center;
}

.kontener .slider .slide.slide4 {
	background: url(../img/gallery/slider/zdjecia-z-drona-3-500.jpg);
	background-size: cover;
	background-position: center;
}

@keyframes animate {
	0% {
		left: 0;
	}
	20% {
		left: 0;
	}
	25% {
		left: -100%;
	}
	45% {
		left: -100%;
	}
	50% {
		left: -200%;
	}
	70% {
		left: -200%;
	}
	75% {
		left: -300%;
	}
	95% {
		left: -300%;
	}
	100% {
		left: -400%;
	}
}

@media (max-width: 1200px) {
	.kontener {
		height: 40vh;
	}
}

@media (max-width: 992px) {
	.kontener {
		height: 35vh;
	}
}

/* @media (max-width:768px) {
  .kontener {
    height: 30vh;
}
} */

@media (max-width: 768px) {
	.kontener {
		height: 30vh;
	}
	.kontener .slider .slide.slide1 {
		background: url(../img/gallery/slider/zdjecia-z-drona-4.jpg);
		background-size: cover;
		background-position: center;
	}

	.kontener .slider .slide.slide2 {
		background: url(../img/gallery/slider/zdjecia-z-drona-1.jpg);
		background-size: cover;
		background-position: center;
	}

	.kontener .slider .slide.slide3 {
		background: url(../img/gallery/slider/zdjecia-z-drona-2.jpg);
		background-size: cover;
		background-position: center;
	}

	.kontener .slider .slide.slide4 {
		background: url(../img/gallery/slider/zdjecia-z-drona-3.jpg);
		background-size: cover;
		background-position: center;
	}
}

@media (orientation: landscape) {
	.kontener {
		height: 50vh;
	}
}

.kontener .slider .slide.slide5 {
	background: url(../img/gallery/slider2/1-500.jpg);
	background-size: cover;
	background-position: center;
}

.kontener .slider .slide.slide6 {
	background: url(../img/gallery/slider2/2-500.jpg);
	background-size: cover;
	background-position: center;
}

.kontener .slider .slide.slide7 {
	background: url(../img/gallery/slider2/3-500.jpg);
	background-size: cover;
	background-position: center;
}

.kontener .slider .slide.slide8 {
	background: url(../img/gallery/slider2/4-500.jpg);
	background-size: cover;
	background-position: center;
}

@media (max-width: 768px) {
	.kontener {
		height: 30vh;
	}
	.kontener .slider .slide.slide5 {
		background: url(../img/gallery/slider2/1.jpg);
		background-size: cover;
		background-position: center;
	}

	.kontener .slider .slide.slide6 {
		background: url(../img/gallery/slider2/2.jpg);
		background-size: cover;
		background-position: center;
	}

	.kontener .slider .slide.slide7 {
		background: url(../img/gallery/slider2/3.jpg);
		background-size: cover;
		background-position: center;
	}

	.kontener .slider .slide.slide8 {
		background: url(../img/gallery/slider2/4.jpg);
		background-size: cover;
		background-position: center;
	}
}

@media (orientation: landscape) {
	.kontener {
		height: 50vh;
	}
}

.zobacztakze {
	color: #36b03c;
	transition: 0.1s;
	transition-timing-function: ease-in-out;
}

.zobacztakze:hover {
	color: #2d8a32;
}

.p-landing {
	font-size: 18px;
}

.container-landing {
	margin-bottom: 50px;
}

.a-landing {
	font-weight: 700;
	/* color: #36b03c; */
	color: #3b82f6;
}

.a-landing:hover {
	color: #2563eb;
}

.lp-icons {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin-top: 20px;
	margin-bottom: 20px;
}

.lp-child {
	flex: 3;
	padding-right: 20px;
	padding-left: 20px;
}

.lp-child p {
	padding-top: 20px;
}

@media (max-width: 500px) {
	.lp-child {
		flex: 100%;
	}
}

.lp-child img {
	transition: 0.3s;
}

.lp-child:hover img {
	scale: 115%;
}

.lp-margin {
	margin: 20px;
}

.lp-h2 {
	margin-bottom: 45px;
	margin-top: 10px;
}

.ukryte {
	display: none;
}

.carousel-control.right {
	background-image: -webkit-linear-gradient(
		left,
		rgba(0, 0, 0, 0) 0,
		rgba(0, 0, 0, 0) 100%
	);
	background-image: -o-linear-gradient(
		left,
		rgba(0, 0, 0, 0) 0,
		rgba(0, 0, 0, 0) 100%
	);
	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		from(rgba(0, 0, 0, 0)),
		to(rgba(0, 0, 0, 0.5))
	);
	background-image: linear-gradient(
		to right,
		rgba(0, 0, 0, 0) 0,
		rgba(0, 0, 0, 0) 100%
	);
	right: -15px;
}

.carousel-control.left {
	background-image: -webkit-linear-gradient(
		left,
		rgba(0, 0, 0, 0) 0,
		rgba(0, 0, 0, 0) 100%
	);
	background-image: -o-linear-gradient(
		left,
		rgba(0, 0, 0, 0) 0,
		rgba(0, 0, 0, 0) 100%
	);
	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		from(rgba(0, 0, 0, 0)),
		to(rgba(0, 0, 0, 0.5))
	);
	background-image: linear-gradient(
		to right,
		rgba(0, 0, 0, 0) 0,
		rgba(0, 0, 0, 0) 100%
	);
	left: -15px;
}

@media (min-width: 441px) and (max-width: 550px) {
	.carousel-control.left {
		left: -30px;
	}
	.carousel-control.right {
		right: -30px;
	}
	ol.carousel-indicators {
		padding-right: 0px;
	}
	.carousel-indicators {
		bottom: 15px;
	}
}

@media (max-width: 440px) {
	.carousel-control.left {
		left: -15px;
	}
	.carousel-control.right {
		right: -15px;
	}
	ol.carousel-indicators {
		padding-right: 0px;
	}
	.carousel-indicators {
		bottom: 15px;
	}
}

.carousel-inner .item {
	padding-left: 30px;
	padding-right: 30px;
}

.carousel-control {
	color: black;
}

.carousel-control:focus {
	color: black;
}

.carousel-control:hover {
	color: black;
}

@media (min-width: 551px) {
	.zdjecia-mobile {
		display: none;
	}
}

@media (max-width: 550px) {
	.zdjecia {
		display: none;
	}
}

.carousel .single_gallery_content:hover img {
	-webkit-transform: none;
	transform: none;
}

.container-flex {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.container-flex img {
	max-width: 400px;
	max-height: 400px;
}

/* Sekcja opinii */
.testimonials2 {
	text-align: center;
	padding: 20px 20px;
	background-color: #ffffff;
	margin: 10px auto;
	border-radius: 10px;
	max-width: 1200px;
}

.testimonials2 h2 {
	font-size: 2em;
	color: #444;
	margin: 10px 0 10px;
}

.testimonials2 .overall-rating {
	font-size: 1.2em;
	color: #666;
	margin-bottom: 30px;
}

.testimonials2 .overall-rating .stars {
	font-size: 1.5em;
	color: #f4c150;
}

/* Pojedyncze karty */
.testimonial-container {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
}

.testimonial-card {
	background: #ffffff;
	padding: 20px;
	max-width: 350px;
	border-radius: 8px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	text-align: left;
	border: 1px solid #eee;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.testimonial-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}

/* Gwiazdki */
.stars {
	font-size: 1.5em;
	color: #f4c150;
	margin-bottom: 5px;
}

/* Autor */
.author {
	font-size: 1em;
	font-weight: bold;
	color: #333;
	text-align: left;
	margin-bottom: 10px;
}

/* Opinia */
.opinion {
	font-size: 1em;
	color: #555;
	font-style: italic;
}

/* Sekcja formularza */
.contact-form-section {
	width: 100%;
	/* max-width: 500px; */
	background: #fff;
	border-radius: 12px;
	padding: 40px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	border: 1px solid #e2e8f0;
	overflow: hidden;
	margin-bottom: 50px;
}

/* Nagłówki i opis formularza */
.contact-form-section h2 {
	text-align: center;
	font-size: 1.8em;
	color: #1e293b;
	margin-bottom: 10px;
}

.contact-form-section .form-description {
	text-align: center;
	font-size: 1.1em;
	color: #64748b;
	margin-bottom: 30px;
}

/* Formularz */
.contact-form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.form-group {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.form-group label {
	font-size: 0.9em;
	color: #475569;
	margin-left: 5px;
}

.form-group input,
.form-group textarea {
	width: 100%;
	padding: 12px 15px;
	font-size: 1em;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	background-color: #f9fafb;
	transition: border-color 0.3s ease, background-color 0.3s ease;
}

.form-group input:focus,
.form-group textarea:focus {
	border-color: #3b82f6;
	background-color: #fff;
	outline: none;
}

textarea {
	resize: none;
}

/* Przycisk wysyłania */
.submit-button {
	padding: 15px;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	background: #3b82f6;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	transition: background-color 0.3s, transform 0.2s ease;
}

.submit-button:hover {
	background: #2563eb;
}

.submit-button:active {
	transform: translateY(1px);
}

/* Responsywność */
<blade media|%20(max-width%3a%20768px)%20%7b%0d > .contact-form-section {
	padding: 30px;
}

.submit-button {
	font-size: 1em;
	padding: 12px;
}

/* Sekcja z informacjami kontaktowymi */
.contact-info {
	text-align: center;
	/* Powiększenie czcionki */
	color: #64748b;
	margin-bottom: 30px;
}

.contact-info p {
	font-size: 20px;
}

.contact-link {
	color: #3b82f6;
	/* Kolor dla linków */
	font-weight: bold;
	text-decoration: none;
	transition: color 0.3s ease;
	/* font-size: 1.3em; */
	/* Powiększenie linków */
}

.contact-link:hover {
	color: #2563eb;
}

.wycena-form {
	width: 100%;
	/* max-width: 500px; */
	background: #fff;
	border-radius: 12px;
	padding: 40px;
	padding-bottom: 50px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	border: 1px solid #e2e8f0;
	overflow: hidden;
	margin-bottom: 20px;
	margin-top: 45px;
}

/* Podstawowy styl formularza */
.quote-form-section {
	width: 100%;
	background: #fff;
	border-radius: 12px;
	padding: 40px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	border: 1px solid #e2e8f0;
	overflow: hidden;
	margin-bottom: 50px;
}

/* Nagłówek formularza */
.quote-form-section h3 {
	text-align: center;
	font-size: 1.8em;
	color: #1e293b;
	margin-bottom: 20px;
}

/* Grupa pól formularza */
.form-group {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
	text-align: left;
	position: relative;
}

.form-group label {
	margin-bottom: 5px;
	font-weight: bold;
	color: #475569;
}

.form-group label.test {
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	font-size: 1em;
	transition: all 0.3s ease;
	pointer-events: none;
	color: #9ca3af;
}

.form-group input:focus + label.test,
.form-group input:not(:placeholder-shown) + label.test {
	top: -10px;
	left: 10px;
	font-size: 0.8em;
	color: #3b82f6;
}

.form-group textarea:focus + label.test,
.form-group textarea:not(:placeholder-shown) + label.test {
	top: -10px;
	left: 10px;
	font-size: 0.8em;
	color: #3b82f6;
}

/* Stylowanie pól input i textarea */
.form-group input,
.form-group select,
.form-group textarea {
	padding: 10px;
	font-size: 1em;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	background-color: #f9fafb;
	transition: border-color 0.3s ease, background-color 0.3s ease;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
	border-color: #3b82f6;
	background-color: #fff;
	outline: none;
}

/* Radio buttons */
.radio-group input {
	display: none;
}

.radio-group label {
	display: flex;
	margin: 5px 0;
	padding: 10px;
	border: 1px solid #e2e8f0;
	border-radius: 25px; /* Pastylkowaty wygląd */
	cursor: pointer;
	transition: all 0.3s ease;
	background-color: #f9fafb;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtelny cień */
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s ease, color 0.3s ease,
		border-color 0.3s ease; /* Dodanie płynnego przejścia */
}

.radio-group label:hover {
	background-color: #e0f2fe;
	border-color: #93c5fd;
}

.radio-group label:active {
	transform: scale(0.95); /* Subtelne zmniejszenie */
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); /* Mniejszy cień */
}

.radio-group input:checked + label {
	/* background: linear-gradient(90deg, #3b82f6, #2563eb); */
	background-color: #3b82f6;
	color: #fff;
	border: none;
}

/* Button submit */
.submit-button {
	padding: 12px 20px;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	background: #3b82f6;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.submit-button:hover {
	background: #2563eb;
}

.radio-heading {
	font-size: 1.2em;
	font-weight: bold;
	color: #1e293b;
	margin-bottom: 10px;
}

/* .form-group input::placeholder,
.form-group textarea::placeholder {
	color: #9ca3af;
	transition: color 0.3s ease, transform 0.3s ease;
}

.form-group input:focus::placeholder,
.form-group textarea:focus::placeholder {
	color: #3b82f6;
	transform: translateX(5px);
} */

.floating-card {
	background: linear-gradient(
		120deg,
		rgba(59, 130, 246, 0.25) 0%,
		rgba(52, 144, 255, 0.1) 100%
	);

	border: 1px solid #e0e0e0;
	border-radius: 15px;
	padding: 20px;
	margin: 30px 0;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s;
	text-align: center;
	position: relative;
}

.floating-card h4 {
	font-size: 26px;
}

.floating-card p {
	font-size: 20px;
}

.floating-card:hover {
	transform: scale(105%);
}

.required {
	color: red;
	font-size: 1.2em;
	margin-left: 5px;
}