/*

  Theme Name: Sorva - Agency Landing Page HTML5 Template

  Support: basictheme400@gmail.com

  Description: Agency Landing Page HTML5 Template.

  Version: 1.0

*/





/* CSS Index

-----------------------------------

1. Theme default css

2. header

3. slider

4. about

5. portfolio-area

6. work-process

7. faq

8. team

9. fact

10. news

11. contact

12. footer

13. page-title

14. blog

15. Loader

*/





/* 1. Theme default css */



@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700|Rufina:400,700');

body {

	font-family: 'Rubik', sans-serif;

	font-weight: normal;

	font-style: normal;

	color: #707692;

	font-size: 16px;

}



.img,img{

	max-width: 100%;

	transition: all 0.3s ease-out 0s;

}


.footer-area {
    background: #2e2d3ab0;
}
.footer-logo img
{
	width: 50%;
}
.f-left {

	float: left

}
.checkbox-container {
    display: flex;
    align-items: flex-start;
}
.FirstCheck {
    margin-top: -1.6rem;
    margin-right: 0.5rem;
    width: 2% !important;
}
.SecondCheck {
    width: 10% !important;
    margin-top: -1.6rem;
    margin-right: 0.5rem;
}
.checkboxp 
{
	font-size: 12px !important;
	font-weight: 200 !important;
}



.f-right {

	float: right

}



.fix {

	overflow: hidden

}



a,

.button {

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-ms-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}



a:focus,

.button:focus {

	text-decoration: none;

	outline: none;

}



a:focus, a:hover, .portfolio-cat a:hover, .footer -menu li a:hover {

	color: #ff4b57;

	text-decoration: none;

}



a,

button {

	color: #1696e7;

	outline: medium none;

}



button {

	cursor: pointer;

}



.btn.focus,

.btn:focus {

	outline: 0;

	box-shadow: none;

	color: #fff;

}



button:focus,

input:focus,

input:focus,

textarea,

textarea:focus {

	outline: 0

}



.uppercase {

	text-transform: uppercase;

}



.capitalize {

	text-transform: capitalize;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-family: 'Rufina', serif;

	font-weight: normal;

	color: #0f1328;

	margin-top: 0px;

	font-style: normal;

	font-weight: 700;

	text-transform: normal;

}



h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

	color: inherit;

}



h1 {

	font-size: 40px;

	font-weight: 500;

}



h2 {

	font-size: 35px;

}



h3 {

	font-size: 28px;

}



h4 {

	font-size: 22px;

}



h5 {

	font-size: 18px;

}



h6 {

	font-size: 16px;

}



ul {

	margin: 0px;

	padding: 0px;

}



li {

	list-style: none

}



p {

	font-size: 16px;

	font-weight: normal;

	line-height: 28px;

	color: #707692;

	margin-bottom: 15px;

}



hr {

	border-bottom: 1px solid #eceff8;

	border-top: 0 none;

	margin: 30px 0;

	padding: 0;

}



label {

	color: #7e7e7e;

	cursor: pointer;

	font-size: 14px;

	font-weight: 400;

}



*::-moz-selection {

	background: #d6b161;

	color: #fff;

	text-shadow: none;

}



::-moz-selection {

	background: #444;

	color: #fff;

	text-shadow: none;

}



::selection {

	background: #444;

	color: #fff;

	text-shadow: none;

}



*::-moz-placeholder {

	color: #555555;

	font-size: 14px;

	opacity: 1;

}



*::placeholder {

	color: #555555;

	font-size: 14px;

	opacity: 1;

}



.theme-overlay {

	position: relative

}



.theme-overlay::before {

	background: #1696e7 none repeat scroll 0 0;

	content: "";

	height: 100%;

	left: 0;

	opacity: 0.6;

	position: absolute;

	top: 0;

	width: 100%;

}



.separator {

	border-top: 1px solid #f2f2f2

}





/* button style */



.btn {

	-moz-user-select: none;

	background: transparent;

	border: medium none;

	border-radius: 2px;

	color: #fff;

	cursor: pointer;

	display: inline-block;

	font-size: 14px;

	font-weight: 500;

	letter-spacing: 2px;

	line-height: 1;

	margin-bottom: 0;

	padding: 25px 40px;

	text-align: center;

	text-transform: uppercase;

	touch-action: manipulation;

	transition: all 0.3s ease 0s;

	vertical-align: middle;

	white-space: nowrap;

	border-radius: 0;

}



.btn-red {

	background: #ff4b57;

	color: #fff;

}



.btn-red:hover {

	background: #83d179;

	color: #fff;

}



.btn-green {

	background: #83d179;

	color: #fff;

}



.btn-green:hover {

	background: #ff4b57;

	color: #fff;

}



.btn-transparent {

	background: rgba(255, 255, 255, 0.10);

	color: #fff;

}



.btn-transparent:hover {

	background: #83d179;

	color: #fff;

}



.breadcrumb>.active {

	color: #888;

}



.owl-carousel .owl-nav div {

	background: no-repeat;

	left: 25px;

	line-height: 40px;

	position: absolute;

	text-align: center;

	top: 50%;

	transform: translateY(-50%);

	transition: all 0.3s ease 0s;

	font-size: 38px;

	color: #fff;

}



.owl-carousel .owl-nav div.owl-next {

	left: auto;

	right: 25px;

}



.owl-carousel:hover .owl-nav div {

	opacity: 1;

	visibility: visible;

}



.owl-carousel .owl-nav div:hover {

	color: #FF4B57

}





/* scrollUp */



#scrollUp {

	background: #83D179;

	height: 60px;

	width: 60px;

	right: 50px;

	bottom: 77px;

	color: #fff;

	font-size: 20px;

	text-align: center;

	border-radius: 50%;

	font-size: 40px;

	line-height: 68px;

}



#scrollUp:hover {

	background: #FF4B57;

}





/* 2. header */



.responsive {

	display: none;

}



.header-area {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	padding: 40px 100px;

	z-index: 99;

}



#basic-nav {

	display: block;

}



.basic-menu {

	text-align: right;

}



.main-menu ul li {

	display: inline-block;

}



.main-menu ul li a {

	color: #cacce3;

	padding: 20px 20px;

	display: inline-block;

}
.sticky-menu ul li a
{
	color: #000;
}


.main-menu ul li.active a,

.main-menu ul li:hover a {

	color: #83d179;

}



.header-btn {

	text-align: right;

}



.sticky-menu {

	left: 0;

	margin: auto;

	position: fixed;

	top: 0;

	width: 100%;

	box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);

	-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;

	animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;

	-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);

	z-index: 1030;

	background: #fff;



}



.header-area.sticky-menu {

	padding: 15px 15px;

}





/* 3. slider */



.single-slider {

	min-height: 1000px;

}



.slider-content span {

	font-size: 20px;

	text-transform: uppercase;

	color: #83d179;

	font-weight: 500;

	letter-spacing: 2px;

	margin-bottom: 20px;

	display: block;

}



.slider-content h2 {

	font-size: 76px;

	color: #fff;

	margin-bottom: 40px;

}



.slider-btn a {

	margin: 0 15px;

}



.slider-active .slick-arrow {

	position: absolute;

	top: 50%;

	left: 80px;

	z-index: 99;

	background: none;

	color: #b0adad;

	border: 0;

	border: 2px solid rgba(255, 255, 255, 0.1);

	border-radius: 50%;

	height: 60px;

	width: 60px;

	transition: .3s;

	opacity: 0;

	visibility: hidden;

}



.slider-active .slick-next.slick-arrow {

	left: auto;

	right: 80px;

}



.slider-active:hover .slick-arrow {

	opacity: 1;

	visibility: visible;

}



.slider-active .slick-arrow:hover {

	background: #83d179;

	color: #fff;

	border-color: #83d179;

}





/* 4. about */



.about-thumb img {

	width: 100%;

}



.bakix-video {

	position: absolute;

	bottom: 0;

	right: 0;

}



.inner-video {

	position: relative;

	display: inline-block;

}



.bakix-video a {

	position: absolute;

	background: #ffffff;

	height: 100px;

	width: 100px;

	top: 50%;

	left: 0;

	right: 0;

	margin: auto;

	text-align: center;

	border-radius: 50%;

	line-height: 100px;

	color: #0b0c1e;

	transform: translateY(-50%);

}



.bakix-video a:hover {

	background: #83D179;

	color: #ffffff;

}



.about-text {

	padding-left: 50px;

}





/* section-title */



.section-title {

	position: relative;

	z-index: 9;

}



.section-title p {

	color: #ff4b57;

	font-size: 14px;

	text-transform: uppercase;

	font-weight: 500;

	letter-spacing: 2px;

}



.section-title h1 {

	font-size: 56px;

	margin: 0;

	line-height: 1.2;

	font-weight: 700;

}



.section-title.white-text p {

	color: #ff4b57;

}



.section-title.white-text p span {

	background: #ff4b57;

}



.section-title.white-text h1 {

	color: #ffffff;

}





/* section title white */



.section-title.white-text p {

	color: #ff4b57;

}



.section-title.white-v h1::before {

	background: #1e2b41;

}



.section-title.white-v h1::after {

	background: #1e2b41;

}



.services-wrapper {

	padding: 70px 45px;

	border: 2px solid #151a33;

	transition: .3s;

}



.services-wrapper:hover {

	border-color: #83D179;

}



.servces-icon {

	margin-bottom: 30px;

}



.servces-icon i {

	font-size: 60px;

	color: #83d179;

}



.services-text h2 {

	font-size: 30px;

	font-weight: 700;

	margin-bottom: 24px;

	color: #fff;

}



.services-text p {

	margin-bottom: 0;

}





/* 5. portfolio-area */



.portfolio-menu {}



.portfolio-menu button {

	background: #f2f4ff;

	border: medium none;

	color: #949ba8;

	font-size: 14px;

	line-height: 1;

	transition: all 0.3s ease 0s;

	cursor: pointer;

	text-transform: uppercase;

	padding: 20px 30px;

	font-weight: 500;

	letter-spacing: 3px;

	position: relative;

	margin: 0 2px;

	margin-bottom: 7px;

}



.portfolio-menu button:focus {

	outline: 0 none;

}



.portfolio-menu button:last-child {

	margin-right: 0;

}



.portfolio-menu button:hover {

	color: #152136;

}



.portfolio-menu button.active {

	color: #fff;

	background: #83d179;

}



.custom {

	margin: 0 -15px;

}



.portfolio-img {

	position: relative;

	overflow: hidden;

}



.portfolio-img::before {

	background: #152136;

	bottom: 15px;

	content: "";

	left: 15px;

	opacity: 0;

	position: absolute;

	right: 15px;

	top: 15px;

	transition: all 0.3s ease 0s;

	z-index: 1;

}



.portfolio-wrapper:hover .portfolio-img::before {

	opacity: .8;

}



.portfolio-img img {

	width: 100%;

	transition: .3s;

}



.portfolio-text {

	position: absolute;

	left: 0;

	right: 0;

	text-align: center;

	top: 50%;

	transform: translateY(-50%);

	transition: .3s;

	z-index: 1;

	opacity: 0;

	padding: 20px;

}



.portfolio-wrapper:hover .portfolio-text {

	opacity: 1;

}



.portfolio-text span {

	color: #ff4a57;

	text-transform: uppercase;

	font-weight: 500;

	font-size: 14px;

	letter-spacing: 3px;

}



.portfolio-text h3 {

	font-weight: 700;

	font-size: 26px;

	margin-top: 17px;

	margin-bottom: 18px;

}



.portfolio-text h3>a {

	color: #fff;

}



.portfolio-icon {}



.portfolio-icon>a {

	color: #a6b4ba;

	font-size: 14px;

	padding: 0 10px;

	transition: .3s;

}



.portfolio-icon>a:hover {

	color: #ff4a57;

}





/*-- 6. work-process --*/



.work-process-area {

	background-position: center 28%;

	background-repeat: no-repeat;

}



.work-process {

	z-index: 2;

	position: relative;

}



.single__process-icon {

	height: 140px;

	width: 140px;

	text-align: center;

	line-height: 161px;

	background: #ffffff;

	box-shadow: 0px 16px 32px 0px rgba(135, 135, 135, 0.1);

	border-radius: 50%;

	position: relative;

	display: inline-block;

}



.single__process-icon span {

	font-size: 40px;

	color: #83d179;

}



.single__process-icon i {

	position: absolute;

	height: 30px;

	width: 30px;

	display: inline-block;

	background: #83d179;

	color: #ffffff;

	line-height: 30px;

	border-radius: 50%;

	top: 12px;

	right: 5px;

	font-size: 10px;

}



.single__process-content {

	position: relative;

}



.single__process-content .number {

	font-size: 170px;

	color: #eaecff;

	line-height: 0;

	position: absolute;

	left: 0;

	top: 45px;

	right: 0;

	z-index: 1;

}



.single__process-content h4 {

	font-size: 30px;

	margin-bottom: 22px;

	position: relative;

	z-index: 2;

}



.single__process-content p {

	margin-bottom: 0;

	font-size: 16px;

	padding: 0 10px;

	position: relative;

	z-index: 2;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

	.single__process-content p {

		padding: 0px;

	}

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

	.single__process-content p {

		padding: 0 85px;

	}

}





/* 7. faq */



.faq-area {

	position: relative;

}



.faq-img {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-size: cover;

}



.qus-img {

	position: absolute;

	right: 28px;

	top: 18px;

}



.qus-img img {

	width: 160px;

}



.faq-box {

	padding: 120px 80px;

	padding-bottom: 100px;

}



.faq-box .btn-link {

	font-weight: 400;

	color: #0f1328;

	background-color: #f8f7ff;

	display: block;

	font-size: 16px;

	padding: 26px 86px;

	border: 0;

	text-decoration: none;

	line-height: 28px;

}



.faq-box .card-header {

	padding: 0;

	border-bottom: 0;

	background: none;

	border-radius: 0;

}



.faq-box .card {

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	min-width: 0;

	word-wrap: break-word;

	background-color: #fff;

	background-clip: border-box;

	border: 0;

	border-radius: 0;

	background: #F8F7FF;

	margin-bottom: 20px;

}



.faq-box .card-body {

	-webkit-box-flex: 1;

	-ms-flex: 1 1 auto;

	flex: 1 1 auto;

	padding: 0px 86px;

	padding-bottom: 30px;

}



.faq-box .card-body p {

	margin: 0;

	font-size: 14px;

}



.faq-box .btn-link.collapsed::before {

	content: "+";

}



.faq-box .btn-link::before {

	content: "-";

	line-height: 30px;

	position: absolute;

	left: 43px;

	top: 24px;

	font-size: 24px;

	font-size: 20px;

}



.bounce-animate {

	animation-name: float-bob;

	animation-duration: 2s;

	animation-iteration-count: infinite;

	animation-timing-function: linear;

	-moz-animation-name: float-bob;

	-moz-animation-duration: 2s;

	-moz-animation-iteration-count: infinite;

	-moz-animation-timing-function: linear;

	-ms-animation-name: float-bob;

	-ms-animation-duration: 2s;

	-ms-animation-iteration-count: infinite;

	-ms-animation-timing-function: linear;

	-o-animation-name: float-bob;

	-o-animation-duration: 2s;

	-o-animation-iteration-count: infinite;

	-o-animation-timing-function: linear;

}



@-webkit-keyframes float-bob {

	0% {

		-webkit-transform: translateY(-20px);

		transform: translateY(-20px);

	}

	50% {

		-webkit-transform: translateY(-10px);

		transform: translateY(-10px);

	}

	100% {

		-webkit-transform: translateY(-20px);

		transform: translateY(-20px);

	}

}





/* 8. team */



.team-thumb {

	margin-bottom: 10px;

}



.team-thumb img {

	width: 100%;

}



.team-content {

	padding: 50px 0;

	transition: .3s;

}



.team-box:hover .team-content {

	transform: translateY(-10px);

}



.team-title {

	margin-bottom: 25px;

}



.team-title>h3 {

	font-size: 30px;

	line-height: 1;

	margin-bottom: 15px;

}



.team-title>span {

	color: #83d179;

	text-transform: uppercase;

	font-size: 14px;

	letter-spacing: 2px;

	font-weight: 500;

}



.team-about-icon>a {

	background: #f2efff;

	border-radius: 50%;

	display: inline-block;

	font-size: 14px;

	height: 50px;

	line-height: 50px;

	width: 50px;

	color: #a4a8bf;

	margin: 0 4px;

}



.team-about-icon>a:hover {

	background: #83d179;

	color: #fff;

}





/* 9. fact */



.fact-area {

	margin: 40px;

	margin-bottom: 0;

	background-size: cover;

	background-position: center center;

}



.fact h3 {

	font-size: 60px;

	font-weight: 300;

	font-family: 'Rubik', sans-serif;

	color: #fff;

}



.fact span {

	color: #83d179;

	text-transform: uppercase;

	font-size: 14px;

	letter-spacing: 2px;

	font-weight: 500;

}





/* 10. news */



.news-thumb img {

	width: 100%;

}



.news-cat a {

	font-size: 14px;

	color: #ff4b57;

	font-weight: 500;

	margin-right: 20px;

}



.news-cat a:hover {

	color: #83d179;

}



.news-title {

	font-size: 26px;

}



.news-title a:hover {

	color: #83d179;

}



.news-meta {

	border-top: 1px solid #d3d5e3;

	padding-top: 20px;

}



.news-meta span {

	color: #9398b0;

	font-size: 12px;

	text-transform: uppercase;

	letter-spacing: 2px;

	margin-right: 20px;

	font-weight: 500;

}



.news-meta span a {

	color: #9398b0;

}



.news-meta span a:hover {

	color: #83d179;

}





/* 11. contact */



.contact-area {

	background-repeat: no-repeat;

	background-position: center center;

}



.contact-wrapper label {

	text-transform: uppercase;

	font-size: 14px;

	color: #fff;

	font-weight: 500;

	letter-spacing: 2px;

	margin-bottom: 17px;

}



.contact-wrapper textarea {

	border: 0;

	color: #b3bdcd;

	font-size: 14px;

	height: 200px;

	width: 100%;

	letter-spacing: 1px;

	text-transform: capitalize;

	transition: .3s;

	background: #12172e;

	padding: 30px 40px;

}



.contact-wrapper textarea::-moz-placeholder {

	color: #b3bdcd;

	font-size: 14px;

}



.contact-wrapper textarea::placeholder {

	color: #8990b0;

	font-size: 14px;

}



.contact-wrapper input {

	border: 0;

	color: #b3bdcd;

	font-size: 14px;

	height: 80px;

	text-transform: capitalize;

	width: 100%;

	letter-spacing: 1px;

	padding: 0 40px;

	transition: .3s;

	background: #12172e;

}



.contact-wrapper input::-moz-placeholder {

	color: #8990b0;

	font-size: 14px;

}



.contact-wrapper input::placeholder {

	color: #8990b0;

	font-size: 14px;

}



.contact-name {

	position: relative;

}



.c-icon::after {

	position: absolute;

	font-family: "Font Awesome 5 Free";

	font-weight: 700;

	display: inline-block;

	font-size: 16px;

	text-align: center;

	right: 20px;

	color: #5b6389;

	top: 69px;

}



.contact-name::after {

	content: "\f007";

}



.contact-email::after {

	content: "\f0e0";

}



.contact-phone::after {

	content: "\f095";

}



.contact-message::after {

	content: "\f044";

}



.contact-map {

	min-height: 600px;

	width: 100%;

}



.contact-info {

	margin-top: -100px;

	position: relative;

	z-index: 99;

}



.contact-list {

	border-bottom: 4px solid #ff4b57;

	padding: 80px 30px;

	background: #fff;

	box-shadow: 0px 8px 16px 0px rgba(222, 222, 222, 0.4);

}



.contact-list i {

	font-size: 60px;

	color: #ff4b57;

	margin-bottom: 20px;

}



.contact-list h3 {

	font-size: 30px;

	margin-bottom: 15px;

}



.contact-list p {

	margin: 0;

}



.contact-info .col-lg-4:nth-child(1) .contact-list {

	border-bottom: 4px solid #ff4b57;

}



.contact-info .col-lg-4:nth-child(2) .contact-list {

	border-bottom: 4px solid #83d179;

}



.contact-info .col-lg-4:nth-child(2) .contact-list i {

	color: #83d179;

}



.contact-info .col-lg-4:nth-child(3) .contact-list {

	border-bottom: 4px solid #4bc2ff;

}



.contact-info .col-lg-4:nth-child(3) .contact-list i {

	color: #4bc2ff;

}



.owl-carousel .owl-item .single-brand img {

	width: inherit;

	display: inline-block;

}



.single-brand {

	text-align: center;

}





/* 12. footer */



.footer-area {}



.footer-wrapper {}



.footer-logo {

	margin-bottom: 38px;

}



.footer-text {}



.footer-text p {

	font-size: 18px;

	line-height: 30px;

	margin-bottom: 0;

	padding: 0 10px;

	color: #b4bbc9;

}



.footer-icon {

	margin-top: 41px;

}



.footer-icon a {

	color: #b4bbc9;

	font-size: 16px;



	display: inline-block;





	line-height: 70px;

	text-align: center;

	transition: .3s;

	margin: 0 5px;

}





.copyright-area {

	background: #171c33;

}



.copyright {

	padding: 20px 0

}



.copyright p {

	margin: 0;

	color: #b4bbc9;

}





/* 13. page-title */



.page-title-area {

	padding-top: 320px;

	padding-bottom: 200px;

	background-size: cover;

	background-position: center center;

}



.page-title h2 {

	font-size: 70px;

	line-height: 1.2;

	margin-bottom: 10px;

	letter-spacing: -2px;

}



@media (max-width: 767px) {

	.page-title h2 {

		font-size: 50px;

	}
	.logo
	{
		width: 60%;
	}
	.sticky-menu .responsive i {
		color: #000;
		font-size: 25px;
	}

}



.page-title p {

	font-size: 16px;

	line-height: 28px;

	margin-bottom: 35px;

	padding-right: 20px;

}



.page-title-white h2 {

	font-size: 70px;

	line-height: 1.2;

	margin-bottom: 25px;

	color: #ffffff;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

	.page-title-white h2 {

		font-size: 50px;

	}

}



@media (max-width: 767px) {

	.page-title-white h2 {

		font-size: 40px;

	}

}



.page-title-white p {

	font-size: 16px;

	line-height: 28px;

	margin-bottom: 35px;

	color: #ffffff;

	padding: 0 65px;

}



@media (max-width: 767px) {

	.page-title-white p {

		padding: 0px;

	}

}



.page-title-white .breadcrumb-list ul li {

	display: inline-block;

	padding: 0 20px;

	font-size: 16px;

	color: #ffffff;

	position: relative;

}



.page-title-white .breadcrumb-list ul li:first-child {

	padding-left: 0;

}



.page-title-white .breadcrumb-list ul li:first-child:before {

	display: none;

}



.page-title-white .breadcrumb-list ul li a {

	color: #ffffff;

}



.page-title-white .breadcrumb-list ul li:before {

	content: ">";

	left: -4px;

	top: 0;

	position: absolute;

	color: #ffffff;

}



.breadcrumb-list ul li {

	display: inline-block;

	padding: 0 20px;

	font-size: 16px;

	color: #ff4b57;

	position: relative;

}



.breadcrumb-list ul li:first-child {

	padding-left: 0;

}



.breadcrumb-list ul li:first-child:before {

	display: none;

}



.breadcrumb-list ul li a {

	color: #6f7172;

}



.breadcrumb-list ul li:before {

	content: ">";

	left: -4px;

	top: 0;

	position: absolute;

	color: #6f7172;

}





/* 14. blog */



.latest-news {

	position: relative;

}



.news__thumb:before {

	background-image: -moz-linear-gradient(90deg, #062a4d 0%, rgba(0, 0, 0, 0) 100%);

	background-image: -webkit-linear-gradient(90deg, #062a4d 0%, rgba(0, 0, 0, 0) 100%);

	background-image: -ms-linear-gradient(90deg, #062a4d 0%, rgba(0, 0, 0, 0) 100%);

	position: absolute;

	bottom: 0;

	left: 0;

	content: "";

	height: 100%;

	width: 100%;

}



.news__thumb img {

	width: 100%;

}



.news__caption {

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	padding: 45px;

}



@media only screen and (min-width: 992px) and (max-width: 1200px) {

	.news__caption {

		padding: 20px;

	}

}



@media (max-width: 767px) {

	.news__caption {

		padding: 20px;

	}

}



.news__caption h2 {

	font-size: 24px;

	line-height: 1.5;

	letter-spacing: -.20px;

}



.news__caption h2 a {

	color: #ffffff;

}



.news__caption h2 a:hover {

	opacity: .7;

}



.news-link {

	font-size: 12px;

	color: #e4ecf3;

	font-weight: 500;

	text-transform: uppercase;

	letter-spacing: 2px;

}



.news-link:hover {

	color: #ffffff;

}



.news-link i {

	transition: .3s;

	display: inline-block;

}



.news-link:hover i {

	transform: translateX(3px);

}



.subscribe {

	padding: 70px 100px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

	.subscribe {

		padding: 30px 50px;

	}

}



@media (max-width: 767px) {

	.subscribe {

		padding: 30px 30px;

	}

}



.subscribe-form {

	position: relative;

	z-index: 99;

}



.subscribe-1 {

	position: relative;

}



.subscribe-1::before {

	position: absolute;

	background-image: url(../../assets/img/icon/envelope.html);

	content: "";

	height: 326px;

	width: 322px;

	right: 0px;

	background-repeat: no-repeat;

	background-position: center center;

	z-index: 1;

	top: 0;

	background-size: cover;

}



.subscribe-form form {

	position: relative;

}



.subscribe-form form input {

	width: 100%;

	height: 70px;

	border: 0;

	padding: 0 50px;

	text-transform: uppercase;

	font-weight: 500;

}



@media (max-width: 767px) {

	.subscribe-form form input {

		padding: 0 30px;

	}

}



.subscribe-form form button {

	position: absolute;

	top: 5px;

	right: 5px;

}



@media (max-width: 767px) {

	.subscribe-form form button {

		position: static;

		margin-top: 10px;

	}

}



.subscribe-form input::-moz-placeholder,

.subscribe-form input::placeholder {

	color: #7c9ebf;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

	.subscribe-form-2 {

		margin-top: 30px;

	}

}



@media (max-width: 767px) {

	.subscribe-form-2 {

		margin-top: 30px;

	}

}



.letter-shape {

	position: absolute;

}



@media only screen and (min-width: 992px) and (max-width: 1200px) {

	.letter-shape {

		display: none;

	}

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

	.letter-shape {

		display: none;

	}

}



@media (max-width: 767px) {

	.letter-shape {

		display: none;

	}

}



.letter-s1 {

	left: 6%;

	top: 15%;

}



@media only screen and (min-width: 1200px) and (max-width: 1600px) {

	.letter-s1 {

		left: 1%;

		top: 9%;

	}

}



.letter-s2 {

	right: 8%;

	bottom: 10%;

}



@media only screen and (min-width: 1200px) and (max-width: 1600px) {

	.letter-s2 {

		right: 3%;

		bottom: 4%;

	}

}



.news__thumb-2 img {

	width: 100%;

}



.news__caption-2 {

	padding: 33px;

}



.news__caption-2 h2 {

	font-size: 20px;

	margin-bottom: 15px;

}



.news__caption-2 h2 a:hover {

	color: #ff4b57;

}



.news__caption-2 p {

	margin-bottom: 0;

}



.news-meta span {

	text-transform: uppercase;

	margin-right: 25px;

	font-size: 13px;

}



@media only screen and (min-width: 992px) and (max-width: 1200px) {

	.news-meta span {

		margin-right: 10px;

	}

}



.news-meta span a {

	color: #ff4b57;

	letter-spacing: 2px;

	font-weight: 500;

}



.news-meta span a:hover {

	color: #6100b3;

}



.postbox__thumb {

	position: relative;

}



.postbox__thumb a img {

	max-width: 100%;

}



.post-meta span {

	font-size: 12px;

	letter-spacing: 2px;

	font-weight: 500;

	text-transform: uppercase;

	color: #7886a0;

	margin-right: 20px;

}



.post-meta span a {

	color: #7886a0;

}



@media (max-width: 767px) {

	.post-meta span {

		margin-right: 10px;

	}

}



.post-meta span a:hover {

	color: #ff4b57;

}



.post-meta span i {

	margin-right: 2px;

}

.postbox__text {

	background: #fff;

}



.p-50 {

	padding: 50px;

}



@media only screen and (min-width: 992px) and (max-width: 1200px) {

	.p-50 {

		padding: 30px;

	}

}



@media (max-width: 767px) {

	.p-50 {

		padding: 30px;

	}

}



.p-30 {

	padding: 30px;

}

.blog-title {

	font-size: 36px;

	margin-bottom: 20px;

}



.blog-title a:hover {

	color: #ff4b57;

}

.navigation-border {

	border-top: 1px solid #eaedff;

}

.read-more {

	letter-spacing: 2px;

	font-size: 12px;

	text-transform: uppercase;

	font-weight: 500;

}



.read-more:hover {

	color: #ff4b57;

}



.read-more i {

	transition: .3s;

	display: inline-block;

}



.read-more:hover i {

	transform: translateX(5px);

}



.blog-title-sm {

	font-size: 20px;

	margin-bottom: 10px;

	line-height: 1.5;

}



.post-text p {

	font-size: 16px;

	line-height: 28px;

}



.postbox__gallery .slick-arrow {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	left: 30px;

	border: none;

	background: none;

	padding: 0;

	z-index: 9;

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-ms-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

	background: #ffffff;

	width: 60px;

	height: 60px;

	color: #6f7172;

	border-radius: 50%;

	font-size: 14px;

}



.postbox__gallery .slick-arrow:hover {

	background: #ff4b57;

	color: #ffffff;

}



.postbox__gallery .slick-arrow.slick-next {

	right: 30px;

	left: auto;

}



.postbox__video {

	position: relative;

}



.video-btn {

	position: absolute;

	background: #ffffff;

	height: 90px;

	width: 90px;

	top: 50%;

	left: 0;

	right: 0;

	margin: auto;

	text-align: center;

	border-radius: 50%;

	line-height: 90px;

	color: #ff4b57;

	transform: translateY(-50%);

}



.video-btn:hover {

	background: #ff4b57;

	color: #ffffff;

}



.post-text blockquote {

	background: #062a4d;

	padding: 50px;

	position: relative;

	padding-left: 120px;

}



@media (max-width: 767px) {

	.post-text blockquote {

		padding: 30px;

	}

}



.post-text blockquote p {

	font-size: 24px;

	margin-bottom: 20px;

	color: #ffffff;

	font-weight: 600;

	line-height: 1.3;

}



.post-text blockquote::before {

	content: "\f10d";

	left: 50px;

	top: 50px;

	position: absolute;

	color: #758799;

	font-family: "Font Awesome 5 Free";

	font-weight: 700;

	font-size: 41px;

}



@media (max-width: 767px) {

	.post-text blockquote::before {

		position: static;

	}

}



.post-text blockquote footer {

	font-size: 14px;

	letter-spacing: 2px;

	color: #ffffff;

	font-weight: 500;

	text-transform: uppercase;

}

.widget {

	padding: 30px;

	background: #fff;

}



.b-0 {

	border: 0;

}



.search-form {

	position: relative;

}



.search-form input {

	width: 100%;

	height: 60px;

	border: 0;

	background: #eaedff;

	padding: 0 20px;

}



.search-form button {

	position: absolute;

	top: 0;

	right: 0;

	height: 100%;

	background: #062a4d;

	padding: 0 25px;

	color: #ffffff;

	line-height: 60px;

	border: 0;

}

.search-form button:hover {

	background: #ff4b57;

}

.widget-title {

	font-size: 22px;

	margin-bottom: 0px;

	position: relative;

	display: inline-block;

}



.about-me img {

	margin-bottom: 25px;

}



.about-me h4 {

	font-size: 20px;

	letter-spacing: 1px;

}

.about-me p {

	font-size: 14px;

}

.widget-social-icon a {

	display: inline-block;

	margin: 0 8px;

	color: #ff4b57;

}



.widget-social-icon a:hover {

	color: #ff4b57;

}



.widget .recent-posts>li:first-child {

	border: 0;

	padding-top: 0;

}



.widget .recent-posts li:last-child {

	padding-bottom: 0;

}



.widget .recent-posts>li {

	border-top: 1px solid #eaedff;

	padding: 20px 0;

	overflow: hidden;

}



.widget-posts-image {

	float: left;

}



.widget-posts-image img {

	width: 80px;

	height: 80px;

	border-radius: 50%;

	margin-right: 15px;

}



.widget-posts-body {

	overflow: hidden;

}

.widget-posts-title {

	margin-bottom: 10px;

	font-size: 16px;

	line-height: 1.4;

}



.widget-posts-title:hover {

	color: #ff4b57;

}



.widget-posts-meta {

	font-size: 12px;

}



ul.cat li {

	border-top: 1px solid #eaedff;

	padding: 15px 0;

	overflow: hidden;

}



ul.cat li:first-child {

	border-top: 0;

	padding-top: 0;

}



ul.cat li:last-child {

	padding-bottom: 0;

}



ul.cat li a {

	display: block;

	color: #152136;

	font-size: 14px;

}



ul.cat li a:hover {

	color: #ff4b57;

}



.social-profile a {

	height: 50px;

	width: 50px;

	text-align: center;

	background: #062a4d;

	line-height: 50px;

	margin-right: 2px;

	display: inline-block;

	color: #ffffff;

	margin-bottom: 5px;

}



.social-profile a:hover {

	background: #ff4b57;

}

.banner-widget img {

	width: 100%;

}

#Instafeed {

	margin: 0 -5px;

	overflow: hidden;

}



#Instafeed li {

	width: 33.33%;

	float: left;

	padding: 0 5px;

	margin-bottom: 10px;

}



#Instafeed li img {

	width: 100%;

}

.tag a {

	display: inline-block;

	line-height: 1;

	padding: 12px 16px;

	background: #FAF9FF;

	margin-bottom: 8px;

	margin-right: 5px;

	text-transform: uppercase;

	font-size: 12px;

	font-weight: 500;

	color: #152136;

}



.tag a:hover {

	background: #ff4b57;

	color: #ffffff;

}



.bg-none {

	background: none;

}



.blog-post-tag span {

	font-size: 18px;

	font-weight: 600;

	display: block;

	margin-bottom: 17px;

	font-family: "Poppins", sans-serif;

	color: #062a4d;

}



.blog-post-tag a {

	color: #646974;

	display: inline-block;

	font-size: 14px;

	font-weight: 500;

	text-transform: uppercase;

	border: 2px solid #eaedff;

	padding: 12px 24px;

	margin-right: 10px;

	transition: .3s;

	border-radius: 5px;

	margin-bottom: 10px;

}



.blog-post-tag a:hover {

	color: #fff;

	background: #ff4b57;

	border-color: #ff4b57;

}



.blog-post-tag a:last-child {

	margin-right: 0;

}



.blog-share-icon span {

	font-size: 18px;

	font-weight: 600;

	font-family: "Poppins", sans-serif;

	color: #062a4d;

	display: block;

	margin-bottom: 17px;

}



.blog-share-icon a {

	color: #6f7172;

	font-size: 18px;

	transition: .3s;

	margin-right: 22px;

}



.blog-share-icon a:hover {

	color: #ff4b57;

}



.blog-share-icon a:last-child {

	margin-right: 0;

}



.blog-details-border {

	border-top: 1px solid #eaedff;

	border-bottom: 1px solid #eaedff;

	padding-top: 33px;

	padding-bottom: 23px;

	margin-bottom: 42px;

}



.author {

	background: #F4F4FF;

	padding: 0 70px 44px 70px;

}



@media (max-width: 767px) {

	.author {

		padding: 0 30px 44px 30px;

	}

}



.author-img {

	margin-bottom: 35px;

}



.author-img img {

	margin-top: -60px;

}



.author-text h3 {

	font-size: 24px;

	font-weight: 700;

	margin-bottom: 10px;

}



.author-text p {

	margin-bottom: 0;

	font-size: 16px;

	line-height: 28px;

}



.author-icon {

	margin-top: 6px;

	margin-bottom: 25px;

}



.author-icon a {

	font-size: 14px;

	color: #9498b6;

	margin: 0 5px;

	transition: .3s;

}



.author-icon a:hover {

	color: #ff4b57;

}



.post-comments {

	border-bottom: 1px solid #eaedff;

	margin-bottom: 42px;

	padding-bottom: 46px;

}



.blog-coment-title h2 {

	font-size: 26px;

	margin-bottom: 0;

}



.comments-avatar {

	float: left;

}



@media (max-width: 767px) {

	.comments-avatar {

		float: none;

	}

}



.comments-avatar img {

	width: 100px;

	margin-right: 20px;

}



.latest-comments li:first-child .comments-box {

	border-top: 0;

	padding-top: 0;

}



.latest-comments li:last-child .comments-box {

	border-bottom: 0;

	padding-bottom: 0;

}



.latest-comments li.children {

	margin-left: 100px;

}



@media (max-width: 767px) {

	.latest-comments li.children {

		margin-left: 0;

	}

}



.comments-box {

	border-top: 1px solid #eaedff;

	padding: 30px 0;

}



.comments-text {

	overflow: hidden;

	padding-top: 4px;

}



@media (max-width: 767px) {

	.comments-text {

		margin-top: 15px;

	}

}



.comments-text p {

	margin-bottom: 0;

	margin-top: 8px;

}



.avatar-name h5 {

	font-size: 18px;

	margin-bottom: 7px;

}



.avatar-name span {

	color: #ff4b57;

	font-size: 12px;

	font-weight: 500;

	text-transform: uppercase;

	letter-spacing: 2px;

}



.avatar-name {

	margin-bottom: 3px;

	overflow: hidden;

	position: relative;

}



.reply {

	color: #6f7172;

	display: inline-block;

	font-size: 14px;

	font-weight: 400;

	transition: .3s;

	line-height: 1;

	float: right;

	margin-top: 4px;

	position: absolute;

	right: 0;

	top: 0;

}



.reply:hover {

	color: #ff4b57;

}



.reply i {

	margin-right: 5px;

}



.post-comments-title {

	margin-bottom: 39px;

}



.post-comments-title h2 {

	font-size: 26px;

	font-weight: 700;

	color: #140a20;

	margin-bottom: 0;

}

.conatct-post-form {

	background: #F4F4FF;

	padding: 50px;

}



@media (max-width: 767px) {

	.conatct-post-form {

		padding: 20px;

	}

}



.conatct-post-form input {

	border: none;

	height: 60px;

	margin-bottom: 20px;

	padding: 0 30px;

	width: 100%;

	font-size: 14px;

	color: #a7a7c1;

}



.conatct-post-form textarea {

	border: none;

	height: 150px;

	margin-bottom: 20px;

	padding: 30px;

	width: 100%;

	color: #a7a7c1;

	font-size: 14px;

}



#contacts-form input::-moz-placeholder {

	color: #a7a7c1;

	font-size: 14px;

}



#contacts-form input::placeholder {

	color: #a7a7c1;

	font-size: 14px;

}



#contacts-form textarea::-moz-placeholder {

	color: #a7a7c1;

	font-size: 14px;

}



#contacts-form textarea::placeholder {

	color: #a7a7c1;

	font-size: 14px;

}



.contact-icon {

	position: relative;

}



.contact-icon::after {

	position: absolute;

	content: "";

	font-family: "Font Awesome 5 Free";

	font-weight: 700;

	display: inline-block;

	font-size: 16px;

	text-align: center;

	right: 30px;

	color: #d2cce9;

	top: 18px;

}



.contacts-message::after {

	content: "\f303";

}



.contacts-name::after {

	content: "\f007";

}



.contacts-email::after {

	content: "\f0e0";

}



.contacts-website::after {

	content: "\f0ac";

}



.about-community p {

	font-size: 16px;

	line-height: 28px;

}



/* navigation */

.bakix-navigation span {

  font-size: 14px;

  text-transform: uppercase;

  letter-spacing: 2px;

  font-weight: 500;

  display: block;

  margin-bottom: 10px; }

  .bakix-navigation span a:hover {

    color: #ff4b57; }

  .bakix-navigation span a {

    color: #aaa9cd; }

.bakix-navigation h4 {

  font-size: 24px;

  margin: 0; }

  .bakix-navigation h4 a:hover {

    color: #ff4b57; }



/* pagination */

.basic-pagination ul {

     display: block;

}

 .basic-pagination ul li {

     display: inline-block;

}

 @media (max-width: 767px) {

     .basic-pagination ul li {

         margin-bottom: 10px;

    }

}

 .basic-pagination ul li a {

     height: 70px;

     width: 70px;

     background: #ffffff;

     color: #9990b8;

     font-size: 16px;

     font-weight: 500;

     border-radius: 50%;

     line-height: 70px;

     margin: 0 5px;

     display: inline-block;

     text-align: center;

}

 .basic-pagination ul li a:hover , .basic-pagination ul li.active a{

     background: #ff4b57;

     color: #ffffff;

}

.basic-pagination-2 ul li a {

	background: #fff;

	color: #9990b8;

	border: 2px solid #fff;

	height: 60px;

	width: 60px;

	line-height: 56px;

}

 .basic-pagination-2 ul li a:hover {

     background: #ff4b57;

     color: #ffffff;

     border-color: #ff4b57;

}

 .basic-pagination-2 ul li.active a {

     background: #ff4b57;

     color: #ffffff;

     border-color: #ff4b57;

}







/* 15. Loader */



.loader-wrapper {

	position: fixed;

	width: 100%;

	height: 100%;

	background-color: #fff;

	z-index: 9999;

}



.loader {

	height: 1px;

	background: #11998e;

	/* fallback for old browsers */

	background: -webkit-linear-gradient(to right, #38ef7d, #11998e);

	/* Chrome 10-25, Safari 5.1-6 */

	background: linear-gradient(to right, #38ef7d, #11998e);

	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	position: absolute;

	z-index: 9999;

}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5); /* adjust overlay color and opacity */
	z-index: 1;
  }
.slider-area .container{
	position: relative;
	z-index: 99999;
}