/*
  Theme Name: Realio  HTML 5 Template
  Author: uxaction
  Support: hasanlab1999@gmail.com
  Description: Real-estate  HTML5 template.
  Version: 1.0
*/

/* CSS Index
-----------------------------------
1. Theme default css
2. header-area
3. slide-area
4. counter-area
5. about-us
5. section-title
6. catagory-area
7. video-area
8. portfolio-area
9. service-area
10. testimonial-area
11. map-area
12. footer
13. copyright
14. select-area
15. feature-area
16. blog-area
17. subscribe-area
18. page-title-area
19. blog-sidebar
20. contact-us
21. eror-area
22. faq-area 
23. team-area
*/



/* 1. Theme default css */
/* @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;600;700;800&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;600;700;800@300&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300&display=swap');

 body {
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	font-style: normal;
	color: #494d59;
	text-align: justify;
}

.img {
	max-width: 100%;
	transition: all 0.3s ease-out 0s;
}
.f-left {
	float: left
}
.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;
}
button{
	cursor:pointer;
}
a:focus,
.button:focus {
	text-decoration: none;
	outline: none;
}
a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
	color: #2B96CC;
	text-decoration: none;
}
a,
button {
	color: #1696e7;
	outline: medium none;
}
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: 'Merriweather', serif;
	color: #1b212f;
	margin-top: 0px;
	font-style: normal;
	font-weight: 700;
	text-transform: normal;
	line-height: 1.1;
}
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: 400;
	line-height: 24px;
	color: #494d59;
	margin-bottom: 15px;
	font-family: 'Lato', sans-serif;
}
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
}

.owl-carousel .owl-nav div {
	background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
	height: 40px;
	left: 20px;
	line-height: 40px;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 40px;
}
.owl-carousel .owl-nav div.owl-next {
	left: auto;
	right: 20px;
}
.owl-carousel:hover .owl-nav div {
	opacity: 1;
	visibility: visible;
}
.owl-carousel .owl-nav div:hover {
	background: #2B96CC;
	color: #fff
}

/* scrollUp */
#scrollUp {
	background: #7DBA2F;
	height: 35px;
	width: 35px;
	right: 50px;
	bottom: 77px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	border-radius: 50%;
	font-size: 20px;
	line-height: 34px;
}
#scrollUp:hover {
	background: #444;
}
.Button {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1920px;
	height: 9148px;
	z-index: 342;
  }
  
/* btn  */
.b-btn {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	background-color: rgb(255, 161, 131);
	box-shadow: 0px 25px 88.35px 6.65px rgba(27, 33, 47, 0.15);
	padding: 16px 28px;
	line-height: 1;
	display: inline-block;
	border-radius: 30px;
	font-family: "Merriweather";
}
.b-btn2 {
	background: #58e3cb;
}
.b-btn:hover {
	background: #111;
	color: #fff;
}
.b-btn3 {
	background: #f7bd01;
}
/* 2. header-area */
.header-area {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 12;
}
.header-info {
	padding: 16px 0px;
}
.header-info span {
	color: #494d59;
	font-size: 14px;
	font-weight: 600;
	margin-right: 33px;
}
.header-info span b {
	color: #1b212f;
	font-weight: 700;
}
.header-info a {
	color: #1b212f;
	font-size: 16px;
	font-weight: 600;
}
.header-bottom-area {
	margin-top: 10px;
}
.main-menu ul li {
	display: inline-block;
	margin-left: 40px;
	position: relative;
}
.main-menu ul li a {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	display: inline-block;
	padding: 45px 0px;
}
.main-menu ul li:hover > a {
	color: #fecb00;
}
.main-menu ul li ul.submenu {
	position: absolute;
	width: 200px;
	background: #92c8e7;
	left: 0;
	top: 110%;
	opacity: 0;
	visibility: hidden;
	transition: .4s;
}
.main-menu ul li:hover ul.submenu {
	top: 100%;
	opacity: 1;
	visibility: visible;
}

.main-menu ul li ul.submenu li a {
	display: block;
	padding: 14px 0px;
}
/* home2 */
.social-links.f-link::before {
	display: none;
	margin: 0;
}
.social-links.f-link {
	padding: 0;
	margin: 0;
}
.header-info.info2 span {
	color: #fff;
}
.header-info.info2 span b {
	color: #fff;
}
.header-info.info2 > a {
	color: #fff;
}
.social-links.f-link li {
	display: inline-block;
	margin-top: 16px;
}
.main-menu.menu2 li a {
	color: #494d59;
}
.main-menu.menu2 li:hover > a {
	color: #1b212f;
}
/* 3. slide-area */
.slider-area {
	margin-top: 56px;
}
.slider-wrapper {
	background-size: cover;
}
.slider-content {
	padding-top: 314px;
	padding-bottom: 167px;
}
.social-links a {
	color: #fff;
	margin: 0px 12px;
}
.social-links a:hover {
	color: #fecb00;
}
.social-links {
	padding-left: 210px;
	margin-bottom: 50px;
	position: relative;
}
.social-links::before {
	content: "";
	background-color: rgb(255, 255, 255);
	opacity: 0.502;
	position: absolute;
	left: 0;
	top: 12px;
	width: 180px;
	height: 1px;
	z-index: 1;
}
.slider-content h1 {
	color: #fff;
	font-size: 50px;
	font-weight: 900;
	line-height: 1.3;
	padding-right: 137px;
	margin-bottom: 30px;
}
/* slide2 */
.slider-area.slide2 {
	margin: 0;
}
.slider-content.content2 {
	padding-top: 450px;
	padding-bottom: 280px;
}
.slider-content.content2 h1 {
	padding: 0;
	font-size: 48px;
	margin-bottom: 40px;
}
/* slick */
.slick-dots {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	text-align: center;
}
.slick-dots li {
	display: inline-block;
	margin: 5px;
	border: 0;
	text-indent: -10000px;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	padding: 0;
	background: #fff;
}
.slick-dots li.slick-active {
	background:#fecb00;
}
.dot-style li {
	background: #f7bd01;
}
.dot-style li.slick-active {
	background:#8d9097;
}
/* slide3 */
.slider-area.slide3 {
	margin-top: 0;
}
.bed-bg {
	background-size: cover;
	background-position: center;
}
.slider-content.content3 h1 {
	color: #1b212f;
	padding-right: 20px;
	margin-bottom: 15px;
}
.top-form {
	position: relative;
	max-width: 650px;
}
.top-form input.form-control {
	color: #8f8f8f;
	font-size: 18px;
	font-weight: 400;
	font-family: Merriweather;
	line-height: 1.2;
	border: none;
	background-color: rgb(255, 255, 255);
	box-shadow: -4.77px 24.541px 87.4px 7.6px rgba(51, 51, 51, 0.1);
	position: relative;
	max-width: 650px;
	border-radius: 50px;
	padding: 26px 80px;
}
.top-form span.loc {
	position: absolute;
	z-index: 11;
	top: 17px;
	left: 37px;
	color: #1b212f;
	font-size: 26px;
}
.top-form span.paper {
	border-radius: 50%;
	background-color: rgb(247, 189, 1);
	position: absolute;
	right: 8px;
	top: 7px;
	width: 60px;
	height: 60px;
	z-index: 329;
	text-align: center;
	line-height: 60px;
	color: #fff;
}
.top-form span.paper:hover {
	background-color: #1b212f; 
}
/* 4. counter-area */
.single-count h2 span {
	font-size: 36px;
	font-weight: 900;
	margin-bottom: 13px;
	display: inline-block;
} 
.single-count p {
	color: #8f8f8f;
	font-size: 24px;
	margin-bottom: 0;
}
/* count2 */
.line3 {
	position: relative;
}
.line3::before {
	content: "";
	background-color: rgb(88, 227, 203);
	position: absolute;
	left: 0;
	top: 100%;
	width: 40px;
	height: 4px;
	z-index: 1;
}
.line4 {
	position: relative;
}
.line4::before {
	content: "";
	background-color: #f7bd01;
	position: absolute;
	left: 0;
	top: 100%;
	width: 40px;
	height: 4px;
	z-index: 1;
}
.line5 {
	position: relative;
}
.line5::before {
	content: "";
	background-color: #fecb00;
	position: absolute;
	left: 0;
	top: 100%;
	width: 40px;
	height: 4px;
	z-index: 1;
}
.single-count.count2 h2 {
	padding-bottom: 13px;
	margin-bottom: 27px;
}
/* 5. about-us */
.quote-area span {
	padding-left: 60px;
	margin-left: 70px;
}
.line1 {
	position: relative;
}
.line1::before {
	background-color: rgb(209, 207, 206);
	content: "";
	position: absolute;
	left: 0;
	top: 11px;
	width: 40px;
	height: 1px;
	z-index: 1;
}
.about-content h3 {
	font-size: 30px;
	line-height: 1.4;
	margin-bottom: 29px;
}
.about-content p {
	font-size: 18px;
	font-weight: 400;
	margin: 0;
	margin-bottom: 48px;
}
.right-img img {
	width: 100%;
}
.right2 {
	margin-left: -100px;
}
.about-content.ac2 {
	padding-left: 30px;
	padding-top: 194px;
	position: relative;
}
.about-content.ac2::before {
	position: absolute;
	content: "";
	border-radius: 5px;
	background-color: rgb(255, 255, 255);
	box-shadow: -4.77px 24.541px 87.4px 7.6px rgba(27, 33, 47, 0.06);
	left: -444px;
	top: 106px;
	max-width: 1075px;
	height: 627px;
	z-index: -1;
}
/* about3 */
.about-content.ac_3 {
	padding-left: 25px;
}
.about-content.ac_3 h4 {
	font-size: 24px;
	line-height: 1.4;
	font-weight: 700;
	margin-bottom: 30px;
}
.about-content.ac_3 p {
	margin-bottom: 28px;
}
.about-content.ac_3 > a {
	margin-top: 20px;
}
.about-content.ac_4 h5 {
	font-size: 20px;
	line-height: 1.4;
	font-weight: 700;
	margin-bottom: 15px;
}
.about-content.ac_4 p {
	font-size: 16px;
}
.right-img.right3 {
	margin-left: 45px;
	position: relative;
}
.feature-content.feat3 {
	position: absolute;
	
	max-width: 352px;
}
/* 5. section-title */
.section-title h2 {
	color: #1b212f;
	font-size: 36px;
	font-weight: 900;
	line-height: 1.5;
	margin-bottom: 15px;
}
.section-title h3 {
	color: #1b212f;
	font-size: 30px;
	font-weight: 900;
	line-height: 1;
	margin-bottom: 25px;
}
.section-title.s-border {
	position: relative;
}
.section-title.s-border::before {
	content: "";
	background-color: rgb(253, 160, 130);
	position: absolute;
	left: 0;
	top: 119%;
	width: 80px;
	height: 4px;
	right: 0;
	margin: 0 auto;
	z-index: 1;
}
.section-title.s-border2 {
	position: relative;
}
.section-title.s-border2::before {
	content: "";
	background-color: rgb(253, 160, 130);
	position: absolute;
	left: 0;
	top: 119%;
	width: 80px;
	height: 4px;
	z-index: 1;
}
.section-title.sec3 p {
	padding-right: 28px;
}
.section-title p {
	margin-bottom: 0px;
}

/* 6. catagory-area */
.single-item {
	background: #fff5f2;
	padding: 25px 30px;
}
.single-item h5 {
	color: #494d59;
	font-size: 20px;
	line-height: 1.2;
	margin-bottom: 25px;
}
.single-content {
	position: relative;
}
.single-content li {
	display: inline-block;
}
.single-content a {
	color: #fecb00;
	display: inline-block;
	position: absolute;
	right: 0px;
	bottom: -3px;
}
/* cat2 */
.single-item.item2 {
	border-radius: 5px;
	border: 1px solid rgb(209, 207, 206);
	padding: 35px 30px;
	transition: .4s;
	background: #fff;
}

.single-item.item2:hover, .item2.active {
	background-color: rgb(255, 255, 255);
	box-shadow: -4.77px 24.541px 87.4px 7.6px rgba(27, 33, 47, 0.1);
	border: 1px solid #fff;
	
}
.cat-icon {
	margin-bottom: 30px;
}
.single-item.item2 h5 {
	color: #1b212f;
}
.single-item.item2.active p {
	color: #1b212f;
	margin-bottom: 20px;
}
.single-item.item2 a {
	color: #58e3cb;
}
/* 7. video-area */

.back-bg {
	position: relative;
}
.video-area.back-bg::before {
	position: absolute;
	content: "";
	background: #fffaf9;
	width: 100%;
	height: 600px;
	left: 0;
	bottom: 0;
}
.video-content {
	margin-left: -35px;
	position: relative;
}
.video-content:hover .video-bg {
	color: #fecb00;
	border: 2px solid #fff;
	background: transparent;
}
.video-wrapper {
	padding-right: 27px;
}
.video-popup.video-bg {
	content: "";
	border-radius: 50%;
	background-color: rgb(255, 161, 131);
	position: absolute;
	left: 43%;
	top: 50%;
	width: 70px;
	height: 70px;
	z-index: 218;
	text-align: center;
	line-height: 70px;
	color: #fff;
	transform: translateY(-50%);
}
.video-text h5 {
	color: #1b212f;
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 15px;
}
.video-text p {
	margin-bottom: 20px;
}
.line-list li {
	padding-left: 110px;
	color: #1b212f;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 1.3;
}
.line {
	position: relative;
}
.line::before {
	position: absolute;
	background-color: rgb(73, 77, 89);
	content: "";
	left: 0;
	top: 11px;
	width: 90px;
	height: 1px;
	z-index: 1;
}
.video-content.cont2 {
	width: 100%;
	padding: 315px 0px;
	margin: 0px;
}
.video-popup.video-bg.vg2 {
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	margin: 0 auto;
}
/* video3 */
.cont3 {
	width: 100%;
	height: 500px;
	background-repeat: no-repeat;
	margin: 0;
}
/* 8. portfolio-area */
.custom-cont {
	max-width: 1332px;
}
.port-item {
	position: relative;
	overflow: hidden;
}
.port-content {
	position: absolute;
	bottom: 30px;
	left: 40px;
}
.port-content h5 {
	color:#fff ;
	font-size: 24px;
	font-weight: 900;
	line-height: 1.1;
	margin-bottom: 15px;
}
.port-content h6 {
	color:#fff ;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.1;
	margin-bottom: 0px
}
.button-group button {
	color: #1b212f;
	font-weight: 700;
	line-height: 1;
	font-family: Merriweather;
	padding: 10px 24px;
	border: 0;
	background: #fff5f2;
	margin-right: 22px;
}
.button-group button:hover {
	color: #1b212f;
	background: #fecb00;
}
.port-item img {
	display: block;
	transition: .4s;
}
.port-item img:hover {
	transform: scale(1.2)
}
.view-btn .g-btn {
	color: #494d59;
	border: 2px solid #fecb00;
	border-radius: 4px;
	padding: 15px 29px;
	
}
.view-btn .g-btn:hover {
	color:#fff;
	background: #fecb00;	
}
/* 9. service-area */
.box{ 
	position: relative;
}
.box::before {
	content: "";
	position: absolute;
	background: url(../img/service/s-bg.png);
	height: 260px;
	width: 260px;
	right: -44px;
	top: -33px;
	background-repeat: no-repeat;
}
.service-box {
	background: #fff;
	padding: 40px 32px;
	transition: .4s;
	position: relative;
	z-index: 55;
	border-radius: 5px;
}
.service-wrapper:hover 
.service-content h5 {
	color: #fff;
}
.service-wrapper:hover 
.service-content p {
	color: #fff;
}
.service-wrapper:hover 
.service-content a {
	color: #fff;
}
.service-box:hover {
	background: #fecb00;
}
.s-icon {
	text-align: right;
	margin-bottom: 31px;
}
.service-content h5 {
	color: #1b212f;
	font-size: 24px;
	margin-bottom: 20px;
}
.service-content p {
	color: #494d59;
	margin-bottom: 20px;
}
.service-content a {
	color: #1b212f;
}
.s-icon .back2 {
	display: none;
}
.service-box:hover .s-icon .back {
	display: none;
}
.service-box:hover .s-icon .back2 {
	display: inline-block;
}
/* service2 */
.container.custom-cont3 {
	max-width: 1410px;
}
.service-box.box2 {
		border-radius: 5px;
		background-color: rgb(255, 255, 255);  
		padding: 32px 25px;
}

.service-box.box2:hover, .box2.active {
	border-radius: 5px;
	background-color: rgb(88, 227, 203);
	box-shadow: -4.77px 24.541px 87.4px 7.6px rgba(27, 33, 47, 0.1);
	display: inline-block;
}
.box2.active .s-icon .back2 {
	display: inline-block;
}
.box2.active .s-icon .back {
	display: none;
}
.s-icon.si2 {
	text-align: left;
	margin-bottom: 20px;
}
/* service3 */

.service-box.box3 {
	padding: 31px 25px;
}
.service-box.box3:hover, .box3.active {
	background: #f7bd01;
}
/* 10. testimonial-area */
.testimonial-area {
	background: rgba(185, 182, 182, 0.1);
}
.container.custom-cont2 {
	max-width: 1410px;
}
.testimonial-box {
	border-radius: 5px;
	background-color: rgb(255, 255, 255);
	padding: 53px 30px 30px 30px;
	width: 450px;
	position: relative;
	margin-right: 30px;
	margin-top: 40px;
}
.testimonial-box:last-child {
	margin-right: 0px;
}
.testimonial-box::before {
	content: "";
	position: absolute;
	background: url(../img/testimonial/quote.png) no-repeat;
	width: 100px;
	height: 100px;
	top: -24px;
	left: 26px;
	z-index: 1;
}

.icon-list a {
	color: #fecb00;
	margin-bottom: 15px;
	display: inline-block;
}
.icon-list a:last-child {
	color: #d1cfce;
}
.testimonial-box p {
	margin-bottom: 20px;
}
.author-info h6 {
	font-size: 20px;
}
.author-info a {
	font-size: 16px;
	color: #494d59;
	font-weight: 400;
	line-height: 1;
}
.author-info a b {
	color: #1b212f;
	font-weight: 700;
	line-height: 1;
}
.arow-style button {
	background: none;
	border: 0;
}
.arow-style .slick-arrow {
	color: #1b212f;
	position: absolute;
	bottom: -18px;
	z-index: 11;
}
.arow-style .slick-prev {
	left: 40px;
}
/* testimonial2 */
.testimonial-area.tarea2 {
	background: url(../img/testimonial/t-bg2.png);
	width: 100%;
	background-size: cover;
}
.testimonial-box.tbox2 {
	padding: 40px 22px;
}
.testimonial-box.tbox2::before {
	display: none;
}
.author-info {
	align-items: center;
}
.author-info .author{
	margin-right: 20px;
}
.icon-list.il2 a {
	color: #f7bd01;
	margin-bottom: 0;
}
.icon-list.il2 a:last-child {
	color: inherit;
}
/* 11. map-area */
#contact-map {
	height: 500px;
}
/* 12. footer */
.footer-widget h6 {
	color: #1b212f ;
	font-size: 20px;
	margin-bottom: 35px;
}
.footer-widget.f-01 {
	padding-left: 80px;
}
.footer-widget.fot1 {
	padding-right: 50px;
}
.social-list li {
	display: inline-block;
	margin-right: 15px;
}

.footer-widget p {
	margin: 0;
	margin-bottom: 40px;
	max-width: 320px;
}
.social-list li a {
	border-width: 1px;
	border-color: rgb(209, 207, 206);
	border-style: solid;
	border-radius: 50%;
	text-align: center;
	line-height: 32px;
	color: #1b212f;
	width: 34px;
	height: 34px;
	display: inline-block;
}
.social-list li a:hover {
	color: #fecb00;
	border: 1px solid #fecb00;
}
.f-list li {
	margin-bottom: 18px;
}
.f-list li a {
	color: #494d59;
	font-size: 16px;
	line-height: 1;
}
.f-list li a:hover {
	color: #fecb00;
}
.newsletter-area input {
	color: #494d59;
	font-size: 16px;
	line-height: 1;
	border: 1px solid rgb(209, 207, 206);
	border-radius: 3px;
	background-color: rgb(255, 255, 255);
	padding: 10px 28px;
	max-width: 295px;
}
.newsletter-area button {
	border: 0;
	border-radius: 4px;
	font-size: 14px;
	padding: 14px 33px;
	margin-top: 20px;
}
/* footer2 */
.container.cuastom-cont4 {
	max-width: 1445px;
}
.contact-map.map2 {
	max-width: 655px;
	min-height: 500px;
}
.footer-widget.fot2 {
	padding: 0;
	padding-right: 10px;
}
.footer-area.f0t-area2 {
	background: url(../img/footer/fot-bg.png);
	width: 100%;
	background-size: cover;
}
.footer-widget.fot2 h6, .fot2 p {
	color: #fff;
}
.social-list.slist2 li a {
	color: #fff;
}
.social-list.slist2 li a:hover {
	color: #58e3cb;
	border: 1px solid #58e3cb;
}
.footer-widget.wid2 h6 {
	color: #fff;
}
.f-list.fl2 li a {
	color: #fff;
}
.f-list.fl2 li a:hover {
	color: #58e3cb;
}
.footer-widget.fot5 {
	padding: 0;
	padding-right: 50px;
}
/* 13. copyright */
.copy-text p a {
	color: #fecb00;
}
.f-list.c-list li {
	display: inline-block;
	margin-left: 50px;
}
.copy-right.c-list li a:hover {
	color: #fecb00;
}
.copy-text.copy2 p {
	color: #fff;
}
.copy-text.copy2 p a {
	color: #58e3cb;
}
.copy-text.copy3 p {
	color: #1b212f;
}
.copy-text.copy3 p a {
	color: #1b212f;
}
.f-list.c-list3 li {
	display: inline-block;
}
.c-list3 li:nth-child(1) {
	margin-right: 123px;
	margin-left: 20px;
}
.f-list.c-list3 li a {
	font-weight: 400;
}
.f-list.c-list3 li a:hover {
	color: #f7bd01;
}
/* 14. select-area */
.section-box {
	max-width: 1075px;
	border-radius: 5px;
	background-color: rgb(255, 255, 255);
	box-shadow: -4.77px 24.541px 87.4px 7.6px rgba(27, 33, 47, 0.1);
	position: relative;
	top: -75px;
	margin: 0 auto;
	z-index: 1;
	padding: 50px 57px;
}
.section-box h5 {
	font-size: 20px;
	margin-bottom: 25px;
}
.form-filter {
	float: left;
	width: 18%;
	margin-right: 27px;
}

.nice-select.sel {
	width: 100%;
}

.nice-select.sel span.current {
	color: #494d59;
	font-size: 14px;
	font-weight: 600;
}
.nice-select.sel .list {
	width: 100%;
	border-radius: 0;
}
.s-btn {
	font-size: 14px;
	border-radius: 4px;
	background: #58e3cb;
}
/* 15. feature-area */
.feature-wrapper {
	position: relative;
}
.feature-wrapper:hover .feature-content, .feature-content.active {
	opacity: 1;
	visibility: visible;
}
.f-img img {
	width: 100%;
}
.feature-content {
	border-radius: 5px;
	background-color: rgb(255, 255, 255);
	position: absolute;
	left: 0;
	bottom: -62px;
	padding: 20px 25px;
	margin: 0px 10px;
	z-index: 248;
	opacity: 0;
	visibility: hidden;
	transition: .4s;
}
.feature-content span {
	color: #494d59;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 16px;
	display: inline-block;
	line-height: 1;
}
.feature-content h6 {
	font-size: 20px;
	margin-bottom: 13px;
}
.price a {
	font-size: 18px;
	color: #1b212f;
	margin-right: 40px;
	display: inline-block;
	margin-bottom: 6px;
}
.price a del {
	color: #d1cfce;
}
.ft-list li {
	float: left;
	width: 50%;
	margin-bottom: 5px;
	color: #494d59;
	font-size: 16px;
	line-height: 1.3;
}
.ft-list li {
	color: #1b212f;
}
.review > a {
	border-radius: 4px;
	font-weight: 600;
	padding: 14px 18px;
	float: left;
	margin-right: 15px;
	background: #58e3cb;
}
.i-list a {
	color: #f7bd01;
	margin: 0px 3px;
}
.i-list a:last-child {
	color: inherit;
}
/* feature2 */
.review.rv_2 > a {
	background: #f7bd01;
}
/* 16. blog-area */
.blog-img {
	margin-bottom: 15px;
	overflow: hidden;
}
.blog-img img{
	width: 100%;
	display: block;
	transition: .4s;
}
.blog-wrapper:hover .blog-img img {
	transform: scale(1.1);
}
.blog-img img:hover {
	transform: scale(1.1);
}
.blog-meta {
	margin-bottom: 20px;
}
.blog-meta span {
	color: #494d59;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	margin-right: 30px;
}
.blog-meta span i {
	color: #58e3cb;
	padding-right: 10px;
}
.blog-wrapper a h6 {
	font-size: 16px;
	font-weight: 900;
	line-height: 1.7;
	margin-bottom: 16px;
}
.blog-wrapper:hover a h6{
	color: #58e3cb;
}
.more-btn {
	color: #494d59;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	text-decoration: underline;
}
.more-btn:hover {
	color: #58e3cb;
}
.blog-meta.me-02 {
	margin-top: 40px;
	margin-bottom: 30px;
}
.blog-meta.me-02 span {
	color: #1b212f;
}
.blog-meta.me-02 span.line {
	padding-left: 106px;
}
.blog-meta.me-02:hover span, 
.blog-meta.me-02:hover span i  {
	color: #58e3cb;
}
.blog-meta.me-02 span i {
	color: #1b212f;
}
/* 17. subscribe-area */
.subscribe-area {
	position: relative;
	margin-bottom: -196px;
	z-index: 11;
}
.sub-bg {
	padding: 54px 60px;
	margin: 0 40px;
	border-radius: 4px;
}
.section-title.sub-title h3 {
	color: #fff;
	margin-bottom: 22px;
}
.section-title.sub-title p {
	color: #fff;
	line-height: 1.2;
	margin: 0;
	padding-right: 93px;
}
.reg-btn {
	margin-left: 130px;
}
.b-btn.reg-btn2 {
	border-radius: 4px;
	background: #fff;
	color: #58e3cb;
}
.b-btn.reg-btn2:hover {
	background: #1b2f1b;;
}
/* blog-details */
/* 18. page-title-area */
.page-height {
	height: 550px;
}
.page-title {
	padding-top: 270px;
}
.page-title h1 {
	color: #fff;
	font-size: 50px;
	font-weight: 900;
	line-height: 1;
}
.breadcrumb {
	list-style: none;
	background: none;
	border-radius: 0;
	padding: 0;
	margin: 0;
}
.breadcrumb-item > a {
	color: #fff;
	font-size: 18px;
}
.breadcrumb-item.active {
	color: #fecb00;
}
/* 19. blog-sidebar */
.blog-people {
	background: #fecb00;
	padding: 30px 25px;
	border-radius: 4px;
	position: relative;
}
.blog-people input {
	background: none;
	border: 0;
	width: 100%;
	color: #fff;
	font-size: 16px;
	border: 1px solid #fff;
	border-radius: 4px;
	padding: 16px 26px;
	position: relative;
}
.blog-people span {
	color: #fff;
	font-size: 16px;
	position: absolute;
	right: 45px;
	top: 49px;
}
.blog-people span i {
	font-size: 20px;
}
.sam-bg {
	border-radius: 5px;
	background-color: rgb(255, 255, 255);
	box-shadow: -1.526px 7.853px 77.28px 6.72px rgba(27, 33, 47, 0.05);
	padding: 30px 20px;
}
.blog-list h4, .catagory-list h4, .tag-list h4 {
	font-size: 26px;
	line-height: 1.8;
	margin-bottom: 24px;
	font-weight: 700;
}
.blog-item .thumb {
	float: left;
	margin-right: 20px;
}
.blog-content h6 {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
}
.blog-content a {
	color: #494d59;
	font-size: 16px;
}
.blog-item:hover .blog-content a {
	color: #fecb00;
	text-decoration: underline;
}

.catagory-list li {
	width: 100%;
	font-size: 18px;
	color: #494d59;
	line-height: 1.8;
	margin-bottom: 10px;
}
.catagory-list li:hover {
	color: #fecb00;
}
.catagory-list li span {
	float: right;
}
.t-btn {
	color: #1b212f;
	font-size: 14px;
	line-height: 1;
	border: 1px solid #d1cfce;
	padding: 10px 18px;
	border-radius: 50px;
	display: inline-block;
	margin-right: 12px;
	margin-bottom: 20px;
}
.t-btn:hover, .t-btn.active {
	color: #fff;
	background: #fecb00;
	border: 1px solid #fecb00;
}
.blog-meta.me-02 {
	margin-top: 40px;
	margin-bottom: 30px;
}
.blog-text h4 {
	color: #fecb00;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: underline;
	margin-bottom: 24px;
}
.blog-text p {
	margin-bottom: 25px;
}
.quote-text {
	background: #fecb00;
	padding: 24px 31px;
	font-style: italic;
	color: #fff;
	font-weight: 600;
	border-radius: 5px;
}
.comment-box {
	border-radius: 5px;
	background-color: rgb(255, 255, 255);
	box-shadow: -1.526px 7.853px 77.28px 6.72px rgba(27, 33, 47, 0.05);
	padding: 28px 20px;
}
.author-info .coment {
	margin-right: 20px;
}
.athor-text h5 {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
}
.athor-text span {
	font-size: 16px inherit;
	font-weight: 600;
	color: #494d59;
}
.coment-social span {
	font-size: 18px;
	color: #1b212f;
}
.coment-social a {
	color: #d1d3d5;
	margin-left: 20px;
}
.coment-social a:hover, a.active {
	color: #1b212f;
}
.coment-view {
	overflow: hidden;
	display: block;
	border: 1px solid rgb(209, 207, 206);
	border-radius: 5px;
	padding: 30px 32px;
}
.coment-view h3 {
	margin-bottom: 48px;
}
.author-info {
	overflow: hidden;
	margin-bottom: 30px;
}
.coment.cm-2 {
	float: left;
}
.athor-text.at-2 {
	float: left;
	margin-top: 15px;
}
.author-info .r-btn {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	background: #fecb00;
	padding: 12px 32px;
	font-family: merriweather;
	margin-top: 29px;
	border-radius: 2px;
	transition: .4s;
}
.author-info .r-btn:hover{
	background: #1b212f;
}
.cement-box p {
	padding-left: 120px;
	margin-bottom: 0;
}
.post-coment h3 {
	margin-bottom: 90px;
}
.form-group .form-control {
	border: 0;
	color: #8f8f8f;
	font-size: 10px;
	font-weight: 600;
	border-radius: 0;
	padding: 15px 0px;
	outline: none;
	border-bottom: 1px solid #8f8f8f;
	margin-bottom: 18px;
	box-shadow: none;
	background: none;
}
.form-group textarea.form-control {
	resize: none;
}
.b-btn.r-btn {
	border-radius: 5px;
	border: none;
}
/* 20. contact-us */
.cta-box {
	border: 1px solid rgb(226, 226, 226);
	border-radius: 5px;
	background-color: rgb(255, 250, 249);
	padding: 31px 27px;
}
.cta-icon a {
	color: #fecb00;
	font-size: 30px;
	margin-bottom: 10px;
	display: inline-block;
}
.cta-box h6 {
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	margin: 0;
	margin-bottom: 17px;
}
.cta-list {
	position: relative;
	padding-top: 23px;
}
.cta-list:before {
		content: "";
		background-color: rgb(102, 102, 102);
		opacity: 0.2;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 164px;
		height: 1px;
		z-index: 87;  
}
.cta-list li a {
	color: #333333;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 3px;
	display: inline-block;
}
.cta-list.ct_2 {
	padding-bottom: 24px;
}
.cta-list.ct_2 li {
	display: inline-block;
	margin-right: 20px;
}
.cta-list.ct_2 > a {
	color: #1b212f;
	display: inline-block;
	border: 1px solid rgb(209, 207, 206);
	border-radius: 50%;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
}
.cta-list.ct_2 > a:hover {
	color: #d6b161;
	border: 1px solid #d6b161;
}
.cta-box:hover, .cta-box.active {
	border-radius: 5px;
	background-color: rgb(255, 161, 131);
	box-shadow: -4.198px 21.596px 64.4px 5.6px rgba(51, 51, 51, 0.1);
}
.cta-box:hover .cta-icon a,
.cta-box:hover h6,
.cta-box:hover .cta-list li a {
	color: #fff;
}

.cta-box.active .cta-icon a,
.cta-box.active h6,
.cta-box.active .cta-list li a {
	color: #fff;
}
/* 21. eror-area */
.subscribe-area.sa-04{
	margin: 0;
}
.sub-bg.eror-bg {
	background: #fecb00;
}
.error-content img {
	max-width: 100%;
}
.error-content h4 {
	font-size: 24px;
	font-weight: 700;
	margin-top: 70px;
}
.error-content p {
	color: #1b212f;
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	margin-top: 18px;
	margin-bottom: 40px;
}
.reg-btn.rg-04 .b-btn.reg-btn2 {
	color: #fecb00;
}
/* 22. faq-area */
.faq-img {
	position: relative;
	margin-left: -25px;
}
.faq-img::before {
	content: "";
	position: absolute;
	background: url(../img/faq/dot3.png) no-repeat;
	width: 300px;
	height: 300px;
	top: -50px;
	left: -50px;
}
.faq-con {
	position: relative;
	z-index: 12;
}
.faq-img img {
	max-width: 100%;
}
.section-title.faq-01 h2 {
	max-width: 241px;
}
.section-title.faq-01 p {
	max-width: 512px;
}
.card {
	border: 0;
	max-width: 580px;
}
.card-header {
	margin-bottom: 0;
	background: #fff;
	box-shadow: -4.77px 24.541px 87.4px 7.6px rgba(27, 33, 47, 0.08);
	border: 0;
	padding: 0;
	margin-bottom: 10px;
}

.card-header h5 button.btn.btn-link {
	color: #1b212f;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: none;
	width: 100%;
	padding: 25px 25px;
	text-align: left;
	position: relative;
}
.card .card-header button.btn.btn-link[aria-expanded="true"] {
	color: #fff;
	background: #fecb00;
}

.card-header h5 button.btn.btn-link::after {
	content: "-";
	position: absolute;
	right: 30px;
}
.card-header h5 button.btn.btn-link.collapsed::before {
	content: "+";
	position: absolute;
	right: 30px;
}
.card-body p {
	margin: 0;
}
/* 23. team-area */
.team-wrap {
	position: relative;
}
.team-wrap img {
	width: 100%;
}
.team-content {
	border-radius: 5px;
	background-color: rgb(255, 255, 255);
	box-shadow: -4.77px 24.541px 87.4px 7.6px rgba(51, 51, 51, 0.08);
	padding: 20px 47px;
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 49;
	margin: 0px 11px;
	bottom: -40px;
	visibility: hidden;
	transition: .4s;
}
.team-wrap:hover .team-content {
	opacity: 1;
	bottom: 0;
	visibility: visible;
}
.social-list.sr-01 {
	margin-bottom: 30px;
}
.social-list.sr-01 li a:hover {
	border: 1px solid #fecb00;
	color: #fff;
	background: #fecb00;
}
.team-info h5 {
	font-size: 22px;
}
.team-info p {
	color: #fecb00;
	font-size: 18px;
	font-weight: 600;
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

* {
	box-sizing: border-box;
}

.img-comp-container {
	position: relative;
	height: 200px;
	/*should be the same height as the images*/
}

.img-comp-img {
	position: absolute;
	width: auto;
	height: auto;
	overflow: hidden;
}

.img-comp-img img {
	display: block;
	vertical-align: middle;
}

.img-comp-slider {
	position: absolute;
	z-index: 9;
	cursor: ew-resize;
	/*set the appearance of the slider:*/
	width: 40px;
	height: 40px;
	background-color: #2196F3;
	opacity: 0.7;
	border-radius: 50%;
}