/*------------------------------------------------------------------
	[Master Stylesheet]
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
	[Layout]
-------------------------------------------------------------------*/

@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis-Bold.eot');
    src: url('fonts/Metropolis-Bold.eot?#iefix') format('embedded-opentype'),
	url('fonts/Metropolis-Bold.woff2') format('woff2'),
	url('fonts/Metropolis-Bold.woff') format('woff'),
	url('fonts/Metropolis-Bold.ttf') format('truetype'),
	url('fonts/Metropolis-Bold.svg#Metropolis-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis-Medium.eot');
    src: url('fonts/Metropolis-Medium.eot?#iefix') format('embedded-opentype'),
	url('fonts/Metropolis-Medium.woff2') format('woff2'),
	url('fonts/Metropolis-Medium.woff') format('woff'),
	url('fonts/Metropolis-Medium.ttf') format('truetype'),
	url('fonts/Metropolis-Medium.svg#Metropolis-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis-Regular.eot');
    src: url('fonts/Metropolis-Regular.eot?#iefix') format('embedded-opentype'),
	url('fonts/Metropolis-Regular.woff2') format('woff2'),
	url('fonts/Metropolis-Regular.woff') format('woff'),
	url('fonts/Metropolis-Regular.ttf') format('truetype'),
	url('fonts/Metropolis-Regular.svg#Metropolis-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis-Light.eot');
    src: url('fonts/Metropolis-Light.eot?#iefix') format('embedded-opentype'),
	url('fonts/Metropolis-Light.woff2') format('woff2'),
	url('fonts/Metropolis-Light.woff') format('woff'),
	url('fonts/Metropolis-Light.ttf') format('truetype'),
	url('fonts/Metropolis-Light.svg#Metropolis-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Common CSS */
html {
	margin: 0;
	padding: 0;
	font-size: 17px;
	color: #000000;
	background-color: #fff;
	height: 100%;
	overflow-x: hidden;
	font-family: 'Metropolis';
}
body {
	font-size: 17px;
	color: #000000;
	min-height: 100%;
	position: relative;
	font-family: 'Metropolis';
	overflow-x: hidden;
}
section {
	position: relative;
	padding: 90px 0;
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{
	display:block;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	color: #000000;
	margin: 0;
	line-height: 1.3;
	font-family: 'Metropolis';
	font-weight: 700;
	margin-top: -4px;
}
p{
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 0;
    color: #000000;
}
a {
	position: relative;
	color: #50c6fb;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #50c6fb;
}
img {
    vertical-align: middle;
    max-width: 100%;
}
figure {
    position: relative;
    overflow: hidden;
}
figure img, a, .transition {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.bg-img{
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#top {
    position: fixed;
    bottom: 30px;
    right: 0;
    cursor: pointer;
    display: none;
}
#top.back-top {
    z-index: 10;
    color: #fff;
    background-color: #50c6fb;
    font-size: 18px;
    height: 36px;
    width: 36px;
    font-weight: 500;
    line-height: 36px;
    padding: 0 10px 0;
    border: 2px solid #50c6fb;
    border-radius: 6px 0 0 6px;
    transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
}
.bg-black {
    background-color: #232323;
}
.bg-theme {
	background-color: #50c6fb;
}
.bg-theme-dark {
	background-color: #244763;
}
.border-theme {
	border-color: #50c6fb !important;
}
.text-theme {
	color: #50c6fb;
}
.bg-light {
    background-color: #f5f5f7!important;
}
.bg-light1 {
    background-color: #e9edf0;
}
.bg-light2 {
    background-color: #edeff1;
}
.bg-dark {
    background-color: #1a1a1a!important;
}
.bg-blue-dark {
    background-color: #0d215d;
}
.form-control {
    border-radius: 6px;
}
.default-btn {
    font-size: 17px;
    line-height: 1em;
    position: relative;
    display: inline-block;
    border: 2px solid transparent;
    padding: 16px 34px;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    text-align: center;
    font-weight: 500;
    color: #fff;
    background-color: #50c6fb;
    border-radius: 6px;
}
.default-btn.small-btn {
    font-size: 15px;
    padding: 14px 28px;
    margin-top: 14px;
}
.default-btn.dark-btn {
	background-color: #244763;
}
.modal-backdrop.show {
    opacity: .85;
}
.fw-medium {
	font-weight: 500;
}
.lh-2 {
	line-height: 2;
}
.user-select-none {
    pointer-events: none;
    user-select: none;
}
.cursor-pointer {
	cursor: pointer;
}
.f-13 {
    font-size: 13px;
}
.f-14 {
	font-size: 14px;
}
.f-15 {
	font-size: 15px;
}
.f-16 {
	font-size: 16px;
}
.mt-10 {
	margin-top: 8px;
}
.mb10 {
	margin-bottom: -8px;
}
.pb-90 {
	padding-bottom: 90px;
}

/* Banner Sec */
.banner-sec .bg-img {
	height: 75vh;
}
.banner-sec h2, .banner-sec .h2 {
    font-size: 2.75em;
    line-height: 1.3;
    font-weight: 700;
}
.sec-title .h2 {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.4;
    margin: -12px 0 15px 0;
    letter-spacing: 0;
}
.sec-title .h5 span {
    font-weight: 400;
    display: inline-block;
    font-size: 18px;
    line-height: 32px;
	letter-spacing: 0;
}
.owl-theme .owl-dots {
    position: absolute;
    bottom: 40px;
    margin: 0;
    transform: translateY(-50%);
    /* width: 100%; */
    left: 50%;
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
}
.owl-theme .owl-dots {
    transform: translateX(-50%);
    background: white;
    /* display: inline-block; */
    border-radius: 6px;
    height: 22px;
    padding: 0px 4px;
}
.owl-theme .owl-dots .owl-dot span {
	background: rgba(0, 0, 0, .5);
	margin: 6px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #50c6fb;
}
.owl-theme .owl-dots .owl-dot span {
    /* background: rgba(255, 255, 255, 0.5); */
}
.z-index {
	z-index: 1;
}
.banner-sec .form input {
	height: 53px;
}
.banner-sec .form button {
	position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 5px 4px 0;
}
.nav-link {
	padding: 4px 1rem;
}
.top-menu a {
    color: #1e1e1e;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.input-group.flex-nowrap input {
    height: 50px;
    font-size: 16px;
}
.input-group .form-control:focus {
    border-color: #ced4da;
}
.bar-border:before {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    transition: all 0.2s linear;
    border-left: 6px solid #50c6fb;
    border-top: 6px solid #50c6fb;
    top: 0;
    left: 0;
    opacity:0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border-radius: 10px 0;
}
.bar-border:after {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    transition: all 0.2s linear;
    border-right: 6px solid #50c6fb;
    border-bottom: 6px solid #50c6fb;
    right: 0;
    bottom: 0;
    opacity:0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border-radius: 10px 0;
}
.bar-border > div:before {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    transition: all 0.2s linear;
    border-left: 6px solid #50c6fb;
    border-bottom: 6px solid #50c6fb;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border-radius: 0 10px;
}
.bar-border > div:after {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    transition: all 0.2s linear;
    border-top: 6px solid #50c6fb;
    border-right: 6px solid #50c6fb;
    top: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border-radius: 0 10px;
}
.bar-border:hover:before, .bar-border:hover:after, .bar-border:hover div:before, .bar-border:hover div:after, .bar-box:hover .bar-border:before, .bar-box:hover .bar-border:after, .bar-box:hover .bar-border div:before, .bar-box:hover .bar-border div:after {
	opacity:1;
}
.bar-feature:hover .bar-border:before, .bar-feature:hover .bar-border:after,
.bar-feature:hover .bar-border div:before, .bar-feature:hover .bar-border div:after {
	opacity: 1;
	border-color: #eee;
}
.bar-border {
	padding: 15px;
	border-radius: 6px;
}
.bar-border:hover {
	transform: scale(1.03);
    border: none;
}
.bar-border:hover div{
	box-shadow: 0 10px 30px rgb(0 0 0 / 8%);
	box-shadow: 0 2px 14px rgba(0, 0, 0, .25);
}
.icon {
	height: 120px;
    width: 120px;
    line-height: 120px;
    box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .10);
}
.bar-border.wid-2:before, .bar-border.wid-2:after, .bar-border.wid-2 div:before, .bar-border.wid-2 div:after {
	border-width: 4px;
    width: 20px;
    height: 20px;
}
.bar-border > div, .radius-6 {
    border-radius: 8px;
}
.bar-border img {
	border-radius: 8px 8px 0 0;
}
.bar-border p.h5 {
	border-radius: 0 0 8px 8px;
	background: rgba(80,198, 251, .78);
    padding: 12px;
}
.work-img .single-item {
	padding-top: 15px;
	padding-bottom: 15px
}
.modal-content {
	background: transparent
}
.btn-close {
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat
}
.popup-btn {
	width: 96px;
	height: 96px;
	min-width: 96px;
	max-width: 96px;
	padding: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #fff;
	border-radius: 50%;
	background-color: #fff;
	border-color: #fff;
	z-index: 1
}
.popup-btn::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: "";
	z-index: -1;
	pointer-events: none;
	opacity: 0
}
.popup-btn::after {
	animation: waves 2s linear infinite
}
@-webkit-keyframes waves {
	from {
		opacity: 0.4
	}
	to {
		transform: scale(2.5);
		opacity: 0
	}
}
@keyframes waves {
	from {
		opacity: 0.4
	}
	to {
		transform: scale(2.5);
		opacity: 0
	}
}
.bar-box .icon::after {
    position: absolute;
    left: -10%;
    top: -10%;
    content: "";
    height: 120%;
    width: 120%;
    border: 2px dashed #ebebeb;
    z-index: -1;
    transition: all 0.35s ease-in-out;
}
.spot {
    position: fixed;
    bottom: 40%;
    left: 44%;
}
.spot-content {
    display: flex;
    text-align: left;
    align-items: center;
	justify-content: center;
}
.spot p {
    font-size: 15px;
	line-height: 24px;
}
.spot-content:before {
    content: '';
    position: absolute;
    display: block;
    height: 188px;
    width: 1px;
    border: 1px solid #50c6fb;
    border-style: dashed;
    -moz-transform: rotate(-16deg);
    -webkit-transform: rotate(-16deg);
    -o-transform: rotate(-16deg);
    -ms-transform: rotate(-16deg);
    top: 76px;
    left: 76px;
    z-index: 0;
}
.spot-content:after {
    content: '';
    background-color: #50c6fb;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    position: absolute;
    bottom: -180px;
    left: 94px;
    box-shadow: 0 0 10px #50c6fb;
    border: 4px solid #fff;
}
.spot2 {
    bottom: 56%;
    left: 20%;
}
.spot2 .spot-content:before {
    -moz-transform: rotate(-32deg);
    -webkit-transform: rotate(-32deg);
    -o-transform: rotate(-32deg);
    -ms-transform: rotate(-32deg);
    top: 75px;
    left: -80px;
    left: 100px;
    right: auto;
    height: 140px;
}
.spot2 .spot-content:after {
    bottom: -128px;
    left: 0;
    left: 134px;
    right: auto;
}
.spot3 {
    left: 68%;
    bottom: 49%;
}
.spot3 .spot-content:before {
    -moz-transform: rotate(-32deg);
    -webkit-transform: rotate(-32deg);
    -o-transform: rotate(-32deg);
    -ms-transform: rotate(-32deg);
    top: 0;
    left: 100px;
    right: auto;
    height: 300px;
}
.spot3 .spot-content:after {
    bottom: -198px;
    left: auto;
    right: 162px;
}
.spot4 {
    position: absolute;
    right: -8%;
    bottom: 50%;
    left: auto;
}
.spot4 .spot-content:before {
    -moz-transform: rotate(-42deg);
    -webkit-transform: rotate(-42deg);
    -o-transform: rotate(-42deg);
    -ms-transform: rotate(-42deg);
    top: 22px;
    left: auto;
    height: 410px;
    right: 190px;
}
.spot5 .spot-content:before {
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    top: 36px;
    left: 20px;
    height: 206px;
    right: auto;
}
.spot5 .spot-content:after {
    bottom: -162px;
    left: -28px;
}
.spot5 {
    right: 13%;
    bottom: 39%;
    left: auto;
}
.spot6 {
    bottom: 58%;
    left: 17%;
}
.spot6 .spot-content:before {
    height: 160px;
    -moz-transform: rotate(-42deg);
    -webkit-transform: rotate(-42deg);
    -o-transform: rotate(-42deg);
    -ms-transform: rotate(-42deg);
    top: -100px;
    left: 0;
    left: -28px;
}
.spot6 .spot-content:after {
    top: -90px;
    left: -89px;
}
.spot7 {
    left: 36%;
    bottom: 37%;
}
.spot7 .spot-content:before {
    -moz-transform: rotate(-66deg);
    -webkit-transform: rotate(-66deg);
    -o-transform: rotate(-66deg);
    -ms-transform: rotate(-66deg);
    top: -16px;
    left: auto;
    height: 314px;
    right: -132px;
}
.spot7 .spot-content:after {
    bottom: -120px;
    left: auto;
    right: -290px;
}
.spot4 .spot-content:after {
    bottom: -298px;
    left: auto;
    right: 40px;
}
.spot8 {
    bottom: 50%;
    right: 23%;
    left: auto;
}
.spot8 .spot-content:after {
	bottom: -90px;
    right: -174px;
    left: auto;
}
.spot8 .spot-content:before {
    height: 280px;
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    top: -30px;
    right: -50px;
    left: auto;
}

.spot9 {
    bottom: 25%;
    right: 55%;
    left: auto;
}
.spot9 .spot-content:after {
	bottom: 13px;
    right: -220px;
    left: auto;
}
.spot9 .spot-content:before {
	height: 230px;
    -moz-transform: rotate(-85deg);
    -webkit-transform: rotate(-85deg);
    -o-transform: rotate(-85deg);
    -ms-transform: rotate(-85deg);
    top: -52px;
    right: -99px;
    left: auto;
}
.spot10 .spot-content:after {
    bottom: -88px;
    left: auto;
    right: -214px;
}
.spot10 .spot-content:before {
    -moz-transform: rotate(-65deg);
    -webkit-transform: rotate(-65deg);
    -o-transform: rotate(-65deg);
    -ms-transform: rotate(-65deg);
    top: -46px;
    left: auto;
    right: -63px;
    height: 310px;
}
.spot10 {
    left: 16%;
    bottom: 55%;
}


/* Parallax */
.ref-para {
	position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.parallax-bg3 {
    position: absolute;
    left: 50%;
    top: 0;
    width: 300px;
    z-index: -2;
}
.parallax-bg1 {
    position: fixed;
    left: 50%;
    top: 0;
    width: 330px;
    z-index: -1;
}
.bg1-3 {
    position: absolute;
    top: 2150px;
    right: 0;
}
.bg3-4 {
    position: absolute;
    top: 7000px;
    right: -100px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    display: block;
    width: auto;
    text-align: center;
    opacity: 1;
    position: absolute;
    top: 45%;
    left: 30px;
    bottom: auto;
    transform: translateY(-50%);
    background: transparent;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.owl-carousel .owl-nav button.owl-next {
    right: 30px;
    left: auto;
}
.owl-carousel .owl-nav button.owl-prev {
    transform: translateY(-50%) rotate(180deg);
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
}
.tab-sec:before, .tab-sec:after {
    /* content: " "; */
    display: block;
    position: absolute;
    left: 0;
    width: 3px;
    background-color: #ededed;
    top: 0;
    z-index: 0;
    bottom: 0;
}
.tab-sec:hover:after, .tab-sec.active:after {
    background-color: #4c4c4c;
    height: 100%;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}
.tab-sec {
	position: relative;
    margin-bottom: 60px;
    /* padding-left: 50px; */
    /* opacity: .3; */
}
.active.tab-sec, .tab-sec:hover {
	opacity: 1;
}
.f-icon {
    width: 70px;
    height: 70px;
    min-width: 70px;
    max-width: 70px;
}
.f-img {
    position: absolute;
    transform: translate(-50%,-46%);
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
}
.video-box {
	position: absolute;
    width: 100%;
    z-index: 1;
    height: 100%;
}
.video-box .popup-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.num {
    font-size: 200px;
    color: rgba(0, 0, 0, .05);
    line-height: 1;
    margin-top: -10px;
}
.services-block {
	position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: 0;
    transform: translate(-50%,-50%);
	opacity:0;
}
.services-block:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    content: '';
    z-index: -1;
}
.services-sec:hover .services-block {
	opacity: 1;
}
.circle-ripple, .ripple {
    position: relative;
    z-index: 0;
}
.circle-ripple:after {
    content: '';
    -webkit-animation: ripple 0.7s linear infinite;
    animation: ripple 0.7s linear infinite;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 96px;
    height: 96px;
    transform: translate(-50%,-50%);
    z-index: -1;
	opacity:1;
}
@-webkit-keyframes ripple {
	0% {
		box-shadow: 0 0 0 0 rgba(36, 71, 99, .03), 0 0 0 1em rgba(36, 71, 99, .03), 0 0 0 3em rgba(36, 71, 99, .03), 0 0 0 5em rgba(36, 71, 99, .03);
	}
	100% {
		box-shadow: 0 0 0 1em rgba(36, 71, 99, .03), 0 0 0 3em rgba(36, 71, 99, .03), 0 0 0 5em rgba(36, 71, 99, .03), 0 0 0 8em rgba(36, 71, 99, 0);
	}
}

@keyframes ripple {
	0% {
		box-shadow: 0 0 0 0 rgba(36, 71, 99, .03), 0 0 0 1em rgba(36, 71, 99, .03), 0 0 0 3em rgba(36, 71, 99, .03), 0 0 0 5em rgba(36, 71, 99, .03);
	}
	100% {
		box-shadow: 0 0 0 1em rgba(36, 71, 99, .03), 0 0 0 3em rgba(36, 71, 99, .03), 0 0 0 5em rgba(36, 71, 99, .03), 0 0 0 8em rgba(36, 71, 99, 0);
	}
}
.arrow:after {
    position: absolute;
    bottom: -160px;
    right: -470px;
    content: "";
    width: 100%;
    height: 207px;
    background: url(../images/icons/arrow1.png);
    background-repeat: no-repeat;
}
.arrow1:before {
    position: absolute;
    bottom: -160px;
    left: 340px;
    content: "";
    width: 100%;
    height: 207px;
    background: url(../images/icons/arrow.png);
    background-repeat: no-repeat;
}

/* Form */
.form-group .form-control {
    width: 100%;
    height: auto;
    box-shadow: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    font-size: 12pt;
    color: #1e1e1e;
    padding: 12px 30px;
    background: #fff;
    height: 56px;
    border-color: #eee;
    border: 0;
}
:focus {
    box-shadow: none !important;
    outline: none !important;
}
textarea {
    min-height: 100px;
    resize: none;
    height: 70px;
}
.form-control.error  {
    border: 1px solid red;
}
.footer ul li, .footer a, .footer p, .footer-add li>i  {
	color: #ccc;
}
.footer p.h6, li.fw-bold.text-uppercase {
    color: #fff;
}
.footer ul li {
	line-height: 26px;
}
footer a:hover {
    text-decoration: underline;
    color: #fff;
}
.fa.fa-phone {
    transform: rotate(90deg);
}
.footer-add li {
	position: relative;
	padding-left: 26px;
}
.footer-add li>i {
    position: absolute;
    top: 6px;
    left: 0;
    font-size: 15px;
}
footer .f-14 {
    font-size: 14px;
    line-height: 24px;
}
footer .input-group.flex-nowrap input {
    height: 40px;
    font-size: 14px;
}

/* Heading Title Border */
.with-border .border-span {
    display: block;
    border-bottom: 1px solid #87a6bf;
    width: 200px;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    bottom: -14px;
}
.heading-style:after {
    position: absolute;
    content: "";
    border-bottom: 5px solid #01B1FF;
    width: 40px;
    left: 50%;
    transform: translate(-50%);
    margin-top: 11px;
}
.heading-style-white .border-span {
	border-color: #fff;
}
.heading-style-white:after{
	border-bottom: 5px solid #ffffff;
}
.heading-style-left:after{
    position: absolute;
    content: "";
    
    width: 40px;
    bottom: -15px;
    left: 0;
}
.heading-style-left.center:after {
    left: 50%;
    transform: translate(-50%);
}
.bg-img-1{
	background-image: url(../images/banner/banner-1.jpg);
	background-position: bottom
}
.bg-img-2{
	background-image: url(../images/banner/banner-3.jpg);
	background-position: bottom
}
.bg-img-3{
	background-image: url(../images/banner/banner-2.jpg);
}
.other-media p.h6:before {
    position: absolute;
    content: "";
    border-bottom: 1px solid #C1C1C1;
    width: 100%;
    left: 0;
    top: 10px;
}
.other-media p.h6:after {
    position: absolute;
    content: "";
    border-bottom: 1px solid #C1C1C1;
    width: 100%;
    right: 0;
    top: 10px;
}
.g-btn {
	background-color: #dd4c3b;
}
.fb-btn{
	background-color: #3b5998;
}
.login-sec .form-control, .login-sec .input-group.flex-nowrap input.form-control {
	height: 48px;
	font-size: 15px;
}
.sign-up-height {
    height: 480px;
}
.sign-up-img {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
}
.sign-bg {
	background-image: url(../images/signup-img.png);
}
.forgot-bg {
	background-image: url(../images/forgot.jpg);
}
.alert {
    font-size: 14px;
    padding: 8px 10px;
    margin-bottom: 10px;
}
.error-label {
	font-size: 14px;
    margin-top: 5px;
    line-height: 18px;
}
.increament-row, .minus-row {
    width: 28px;
    height: 28px;
    line-height: 30px;
    font-size: 13px;
    border-radius: 5px;
}
.w-4 {
    width: 4%;
}
.w-48 {
    width: 48%;
}
.rt-45 {
    transform: rotate(45deg);
    position: relative;
    top: 1px;
}


.form_wizard li.active > a.hidden-xs {
	display: block!important;
}
.form_wizard li.active > a.visible-xs {
	display: none!important; 
}
.form_wizard .nav-pills.nav-wizard > li {
	position: relative;
	overflow: visible;
	border-right: 10px solid #fff;
	border-left: 10px solid #fff;
}
.form_wizard .nav-pills.nav-wizard > li:first-child {
	border-left: 0;
}
.form_wizard .nav-pills.nav-wizard > li:first-child a {
	border-radius: 5px 0 0 5px;
}
.form_wizard .nav-pills.nav-wizard > li:last-child {
	border-right: 0;
}
.form_wizard .nav-pills.nav-wizard > li:last-child a {
	border-radius: 0 5px 5px 0;
}
.form_wizard .nav-pills.nav-wizard > li a {
	border-radius: 0;
	background-color: #eee;
	padding: 10px;
}
.form_wizard .nav-pills.nav-wizard > li .nav-arrow {
	position: absolute;
	top: 0px;
	right: -20px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 0 20px 20px;
	border-color: transparent transparent transparent #eee;
	z-index: 150;
}
.form_wizard .nav-pills.nav-wizard > li .nav-wedge {
	position: absolute;
	top: 0px;
	left: -20px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 0 20px 20px;
	border-color: #eee #eee #eee transparent;
	z-index: 150;
}
.form_wizard .nav-pills.nav-wizard > li:hover .nav-arrow {
	border-color: transparent transparent transparent #aaa;
}
.form_wizard .nav-pills.nav-wizard > li:hover .nav-wedge {
	border-color: #aaa #aaa #aaa transparent;
}
.form_wizard .nav-pills.nav-wizard > li:hover a {
	background-color: #aaa;
	color: #fff;
}
.form_wizard .nav-pills.nav-wizard > li.active .nav-arrow {
	border-color: transparent transparent transparent #428bca;
}
.form_wizard .nav-pills.nav-wizard > li.active .nav-wedge {
	border-color: #428bca #428bca #428bca transparent;
}
.form_wizard .nav-pills.nav-wizard > li.active a {
	background-color: #428bca;
}
.progress-bar-success{ background-color: #29a036;}
.form_wizard .data_blk{padding: 10px 40px;}
.form_wizard .data_blk h3{text-align: center;line-height: 32px;}
.form_wizard .data_blk p{text-align: center;font-size: 14px;}
.form_wizard .data_blk p.lead{text-align: left; font-size: 21px;}
.a_right {
    border: solid #29a036;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 6px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    vertical-align: middle;
    margin-right: -10px;
}
.a_left {
    border: solid #29a036;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 6px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    vertical-align: middle;
    margin-left: -5px;
}

.form_wizard .back,.form_wizard .btn-default.next {
	background: #edeff1 !important;
    /* border-color: transparent; */
    /* outline: 0; */
    /* text-transform: unset; */
    /* font-size: 16px; */
    /* padding-left: 0; */
    color: #000;
    /* margin-left: 10px; */
}

.form_wizard .btn-default.next{color: #fff;}
.form_wizard .back:hover,.form_wizard .back:focus{
    background: transparent;
    border-color: transparent;
    
}

.form_wizard .btn-primary {
    background: #29a036;
    border-radius: 3px;
    border-color: #29a036;
    text-transform: capitalize;
    padding: 10px 20px;
}
.form_wizard .progress{
    height: 8px;
    margin: 0 60px;
}
.form_wizard .form_blk{margin-bottom: 40px;/* margin-right: -15px; *//* margin-left: -15px; */}
.form_wizard .form_blk .radio,.form_blk .checkbox{
    /* margin: 0; */
}
.form_wizard .form_blk .radio label,.form_blk .checkbox label{
    padding: 12px;
    /* background: #fff; */
    padding-left: 40px;
    display: block;
    /* font-size: 16px; */
    border-top: 1px solid #f2f2f2;
}
.form_wizard .form_blk .radio:last-child label,.form_blk .checkbox:last-child label{
    border-bottom: 1px solid #f2f2f2;
}
.formwizardpopup .box-body{
    padding-top: 40px;
}
.formwizardpopup .box-body button.close{    
    position: absolute;
    top: 4px;
    right: 15px;
    font-size: 3.5rem;
    opacity: .1;
}
.formwizardpopup .box-content{
    border-radius: 3px;
    /* background: #fafafa; */
}
.form_wizard .form_blk .other label input[type="checkbox"]{
    margin-top: 10px;
}
.form_wizard .form_blk .other label input[type="text"]{
    display: block;
    vertical-align: middle;
    width: 100%;
    height: 35px;
    padding: 5px;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
}
.form_wizard textarea{height: 100px;}
.form_wizard .zip_blk {
    padding: 20px 130px 30px;
}
.form_wizard .zip_blk input{text-align: center;}
.form_wizard .sm_text {
    font-size: 10px;
    padding: 0 100px 40px;
    text-align: center;
}
.form_wizard .col-sm-6 .sm_text{padding: 0;}
@media (min-width: 768px){
	.formwizardpopup .modal-dialog {
		width: 500px;
	}
}
.form_wizard .progress-bar-info{background: transparent;text-align: center;padding: 10px 0;font-size: 12px;}

.formwizardpopup .box-content.banner .progress,.formwizardpopup .box-content.banner .progress-bar-info {display: none;}
.formwizardpopup .box-content.banner .box-body{padding-top: 20px;background: #203047;color: #fff;padding: 15px;}
.formwizardpopup .box-content.banner .box-body h3 {
	text-align: left;
	font-size: 3rem;
	margin-bottom: 30px;
}
.formwizardpopup .box-content.banner .a_left{border-color: #fff;}
.formwizardpopup .box-content.banner{/* background:#203047; */}
.formwizardpopup .box-content.banner button.close{color: #fff;opacity: .2;}
.formwizardpopup .box-content.banner {/* text-align: center; */}
.formwizardpopup .box-content.banner img{    
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.fade:not(.show) {
	opacity: 1;
}
.login-sec textarea.form-control {
	height: 90px;
	min-height: 90px;
}
.front-middle textarea.form-control { height: auto;margin: 0px 0 40px; }
.front-radio-style .input-hidden { position: absolute;left: -9999px; }

.front-radio-style .custom-radio {
	margin-bottom: 5px;
	/* width: 17%; */
	padding-right: 5px;
	
}
.front-radio-style .custom-radio h6 { 
	margin-bottom: 0;
	font-size: 15px;
	font-weight: 500;
	margin-top: 5px;
}
.front-radio-style .custom-radio label { text-align: center;border-radius: 13px;padding: 10px;width: 100%;transition: 400ms all;cursor: pointer;border: 1px solid #EEF8FC;background: #EEF8FC; width: 102px; height: 102px; padding-top: 20px; }
.front-radio-style input[type=radio]:checked + label { background: #FCEEEE;border: 1px solid #e4bdbd; }
.front-radio-style input[type=radio] + label>img { border: none;width: 40px;height: 40px;margin: auto; }
.front-map { margin-bottom: 30px; }
.custom-file-uploading .fileinput-button { border: 1px solid #dce8ec;background: #EEF8FC;display: inline-flex;padding: 25px;margin-bottom: 15px; }
.custom-file-uploading .fileinput-button img { width: 40px; }
.custom-file-uploading .fileinput-button { position: relative;overflow: hidden; }
.custom-file-uploading .fileinput-button input { position: absolute;top: 0;right: 0;margin: 0;opacity: 0;-ms-filter: "alpha(opacity=0)";font-size: 200px;direction: ltr;cursor: pointer; }
.custom-file-uploading #imgList { 
	/* display: inline; */
	padding: 0;
	/* position: absolute; */
	/* top: 0; */
	/* left: 11%; */
	margin: 0;
}
.custom-file-uploading .thumb { 
	height: 90px;
	width: 100px;
	border: 1px solid #e2e2e2;
	background: #eef8fc; 
	/* padding: 10px;  */
	padding: 4px; 
}
.custom-file-uploading ul.thumb-Images li { 
	
	width: 100px;
	/* float: left; */
	display: inline-block;
	vertical-align: top;
	height: 100px;
	margin-right: 10px;
}
.custom-file-uploading .img-wrap { position: relative;display: inline-block;font-size: 0; }
.custom-file-uploading .img-wrap .close { position: absolute;top: -6px;right: -8px;z-index: 0;background-color: #000;color: #fff;font-weight: bolder;padding: 5px;cursor: pointer;opacity: 1;font-size: 16px;line-height: 10px;border-radius: 50%; } 
.custom-file-uploading .img-wrap:hover .close { opacity: 1;background-color: #ff0000; }
.custom-file-uploading .FileNameCaptionStyle { font-size: 12px; }

/* Edited on Aug 09 2021 */
h5.skip-section {
	font-weight: normal;
}
h5.skip-section a {
	/* color:#ccc; */
	font-size:18px;
}
/* Message box */
.message {
	width: 100%;
	border-radius: 15px;
	/* background: #50c6fb; */
	background: #e3f4fb;
	color: #000 !important;
	padding: 20px;
	text-align: center;
	font-weight: 900;
	position: relative;
}

.msg-box:before {
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	border-left: 15px solid transparent;
	border-right: 15px solid #e3f4fb;
	border-top: 15px solid #e3f4fb;
	border-bottom: 15px solid transparent;
	left: -16px;
	top: 0px;
}
.social-product .col-md-2 {
	border: 1px solid #e8e8e8;
	border-radius: 4px;
	width: 110px;
	height: 110px;
	text-align: center;
	background: #fff;
	padding: 20px 10px 10px 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.social-product .col-md-2 h6{
	margin-top: 15px;
}
.social-product .col-md-2:hover {
	background-color: #f8f7f7;
	transition: all .3s ease;
}
.found-banner{
	background-image:url('../images/found-2.jpg');
	/* height:400px; */
}
.contact-banner {
	background-image: url('../images/contact.jpg');
}
.contact-bg1{
	background-image: url(../images/location-1-1.jpg);
	padding-bottom: 15pc;
	background-position: 50% 40%;
}
.contact-bg2{
	background-image: url(../images/location-2.jpg);
}
.found-item textarea.form-control {
	background-color: #e3f4fb;
	/* color: #fff; */
	border: 0;
}
.default-btn2 {
	background-color: transparent;
	border: 2px solid #fff;
}
.box-1{
	background-color:#e1f6ff;
}
.box-2{
	background-color:#e6d3f5;
}
.box-1, .box-2{
	padding:30px;
	border-radius: 8px;
}
.default-btn2{
	background-color:transparent;
	border:2px solid #000;
	color: #000;
}
.default-btn2:hover{
	/* background-color:#fff; */
	color:#414141;
}
.social-media i {
	width: 60px;
	height: 60px;
	/* background-color: #ccc; */
	border-radius: 50px;
	font-size: 30px;
	line-height: 2;
	color:#fff;
	margin-right: 20px;
}
.social-media .icon-1 i {
	background-color: #3b5998; 
}
.social-media .icon-2 i {
	background:linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d); 
}
.social-media .icon-3 i {
	background-color:  #1da1f2; 
}
.social-media .icon-4 i {
	background-color: #ff0000; 
}
.social-media .icon-5 i {
	background-color: #0a66c2; 
}
.breadcrumb-item+.breadcrumb-item::before {
	/* color: #ffffff; */
}
ul.office-locations p, ul.office-locations li {
	line-height: 28px;
	font-size: 15px;
}
ul.office-locations li i {
	position: absolute;
	margin-top: 5px;
	left: 0;
}
ul.office-locations li {
	padding-left: 20px;
}
ul.office-locations li a:hover {
	color: #50c6fb!important;
	text-decoration: underline;
}

@media  screen and (min-width: 992px) {
	footer .collapse:not(.show) {
		display: block;
	}
	.footer p.h6, li.fw-bold.text-uppercase {
		pointer-events: none;
	}
}

/* Responsive */
@media  screen and (max-width: 1800px) {
	.spot1 {
		bottom: 46%;
		left: -144px;
	}
	.spot2 {
		bottom: 54%;
		left: 250px;
	}	
	.spot3 {
		left: 42%;
		bottom: 42%;
	}
	.spot4 {
		right: -70px;
		bottom: 49%;
	}
	.spot6 {
		bottom: 49%;
		left: 180px;
	}
	.spot7 {
		left: 43%;
		bottom: 37%;
	}
	.spot8 {
		bottom: 57%;
		right: 16%;
	}
}
@media  screen and (max-width: 1700px) {
	.spot1 {
		bottom: 44%;
		left: -108px;
	}
	.spot2 {
		bottom: 54%;
		left: 280px;
	}	
	.spot4 {
		right: -33px;
		bottom: 48%;
	}
	.spot5 {
		right: -50px;
		bottom: 38%;
		left: auto;
	}
	.spot6 {
		bottom: 48%;
		left: 23%;
	}
}
@media  screen and (max-width: 1600px) {
	.banner-sec .bg-img {
		height: 85vh;
	}
	.spot1 {
		bottom: 47%;
		left: 3%;
	}
	.spot2 {
		left: 30%;
	}
	.spot3 {
		bottom: 38%;
	}
	.spot4 .spot-content:before {
		-webkit-transform: rotate(-36deg);
		height: 370px;
		right: 200px;
	}
	.spot4 .spot-content:after {
		bottom: -268px;
		right: 85px;
	}
	.spot5 {
		right: 7%;
	}
	.spot8 .spot-content:before {
		height: 350px;
		top: -40px;
		left: 210px;
	}
	.spot8 .spot-content:after {
		bottom: -120px;
		right: -32px;
	}
}
@media  screen and (max-width: 1536px) {
	.banner-sec .bg-img {
		height: 75vh;
	}
}
@media  screen and (min-width: 768px) and (max-width:1366px) {
	.banner-sec .bg-img {
		height: 80vh;
	}
	.spot3 {
		left: 39%;
		bottom: 38%;
	}
	.spot4 {
		right: -5%;
		bottom: 50%;
	}
	.spot5 {
		right: 5%;
		bottom: 38%;
	}
	.spot5 .spot-content:before {
		-webkit-transform: rotate(	10deg	);
		top: 36px;
		left: 36px;
	}
	.spot5 .spot-content:after {
		bottom: -152px;
		left: 8px;
	}
	.spot7 {
		left: 42%;
		bottom: 40%;
	}
	.spot6 {
		bottom: 58%;
		left: 23%;
	}
	.spot6 .spot-content:before {
		-webkit-transform: rotate(-100deg);
		top: -24px;
	}
	.spot6 .spot-content:after {
		top: auto;
		bottom: 16px;
	}
	.f-img {
		transform: translate(-50%,-46%);
		width: 100%;
	}
}
@media  screen and (min-width: 900px) and (max-width:1280px) {
	.spot8 {
		bottom: 54%;
		right: 10%;
	}
	.spot4 .spot-content:before {
		-webkit-transform: rotate(-45deg);
		height: 400px;
		right: 45%;
	}
	.spot4 .spot-content:after {
		bottom: -285px;
		right: 5px;
	}
	.spot5 {
		right: 2%;
		bottom: 36%;
	}
	.spot1 .spot-content:after {
		bottom: -184px;
		left: 66px;
	}
	.spot-content:before {
		-webkit-transform: rotate(-10deg);
		top: 76px;
		left: 58px;
	}
	.spot1 {
		bottom: 40%;
		left: 3%;
	}
	.popup-btn {
		width: 90px;
		height: 90px;
		min-width: 90px;
		max-width: 90px;
		padding: 15px;
	}
	.spot4 {
		right: -4px;
	}
	.spot3 .spot-content:after {
		bottom: -66px;
	}
	.spot2 {
		left: 30%;
		bottom: 50%;
	}
	.spot6 .spot-content:after {
		bottom: 12px;
	}
	.spot8 .spot-content:after {
		bottom: -122px;
	}
	.banner-sec .bg-img {
		height: 72vh;
	}
	.spot6 {
		bottom: 59%;
		left: 19%;
	}
	.f-img {
		transform: translate(-50%,-46%);
		width: 100%;
	}
	.arrow1:before {
		left: 290px;
	}
	.found-item .front-radio-style .col-md-12 {
		display: contents!important;
	}
	h5.skip-section {
		/* margin-top: 0px; */
	}
	.social-product .col-md-2{
		/* min-width: 110px; */
		margin-bottom: 5px;
	}
	
}
@media  screen and (min-width: 700px) and (max-width:1280px) {
	.banner-sec .bg-img {
		height: 100vh;
	}
}
@media  screen and (min-height: 1024px) and (max-width:1280px) and (orientation:landscape) { }
@media  screen and (min-width: 1280px) and (max-width:1400px) {
	body {
		font-size: 90%;
	}
	.sec-title .h2, .cta-sec .h2, .cta-sec h2 {
		font-size: 40px;
	}
	.h4 {
		font-size: 1.3rem;
	}
}
@media  screen and (max-width: 1400px) {
	.arrow:after {
		right: -344px;
		bottom: -180px;
	}
	.arrow1:before {
		bottom: -170px;
		left: 290px;
	}
}
@media  screen and (max-width: 1300px) {}
@media  screen and (max-width: 1200px) {
	body {
		line-height: 1.4;
	}
	section {
		padding: 50px 0;
	}
	p, .sec-title .h5 span {
		font-size: 16px;
		line-height: 26px;
	}
	.banner-sec h1, .banner-sec h2 {
		font-size: 2.1em;
	}
	.sec-title h2, .sec-title .h2, .cta-sec h2 , .cta-sec .h2 {
		font-size: 1.75em;
		margin: -10px 0 0 0;
	}
	.default-btn {
		font-size: 15px;
		padding: 14px 30px;
	}
	.h4 {
		font-size: calc(1.1rem + .3vw);
	}
	.footer ul li {
		margin-bottom: 0;
	}
	.h5 {
		font-size: 1.1rem;
	}
	.slider-part {
		min-height: 90vh;
	}
	.spot-content:before, .spot-content:after, .parallax-bg3 {
		display: none;
	}
	.spot {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		margin-bottom: 12px;
		margin-bottom: 8px;
	}
	.pb-90 {
		padding-bottom: 50px;
	}
	.bg-img-1{
		/* background-size: contain; */
		/* background-color: #d9f4fb; */
		padding: 10px 0;
		background-image: url(../images/banner/banner-1-mob.jpg);
		background-position: 50% 50%;
	}
	.bg-img-2{
		/* background-size: contain; */
		padding: 10px 0;
		background-color: #d9f4fb;
		background-image: url(../images/banner/banner-3-mob.jpg);
		background-position: 30% 50%;
	}
	.bg-img-3{
		/* background-size: contain; */
		background-position: bottom;
		background-color: #d9f4fb;
		padding: 10px 0;
		background-image: url(../images/banner/banner-2-mob.jpg);
		background-position: 50% 50%;
	}
	.circle-ripple:after, .spot {
		display: none;
	}
	.popup-btn {
		width: 60px;
		height: 60px;
		min-width: 60px;
		max-width: 60px;
		padding: 10px;
	}
	.banner-sec .bg-img {
		height: 77vh;
		height: 69vh;
	}
	.num {
		font-size: 120px;
		margin-top: 20px;
	}
	.f-icon {
		width: 50px;
		height: 50px;
		min-width: 50px;
		max-width: 50px;
	}
	.arrow:after, .arrow1:before {
		display: none;
	}
	.parallax-bg1 {
		width: 300px;
	}
	.bg1-3 {
		top: 1850px;
		right: -60px;
	}
	.tab-sec {
		margin-bottom: 50px;
		/* padding-left: 40px; */
	}
	.front-radio-style .custom-radio label {
		width: 89px;
		height: 89px;
		padding-top: 12px;
	}
	
}
@media only screen  and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) {
	.arrow:after {
		right: -40px;
	}
	.arrow:after {
		bottom: -172px;
	}
	.arrow1:before {
		left: 370px;
	}
	.f-img {
		transform: translate(-50%,-35%);
	}
}
@media  screen and (max-width: 992px) {
	.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
		/* position: absolute; */
		/* top: auto; */
		/* left: auto; */
		/* right: auto; */
		/* display: inline-block; */
		/* bottom: 70px; */
		position: absolute;
		top: auto;
		left: auto;
		right: auto;
		display: inline-block;
		bottom: 15px;
		background: #ffffff;
		box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
	}
	.owl-carousel .owl-nav button.owl-prev {
		/* transform: translateY(-40%) rotate(180deg); */
		left: 40%;
	}
	.owl-carousel .owl-nav svg {
		/* width: 30px; */
		width: 34px;
		padding: 5px;
	}
	.owl-theme .owl-nav [class*=owl-]:hover {
		background: #50c6fb;
	}
	.owl-theme .owl-nav [class*=owl-]:hover svg {
		fill: #fff;
	}
	.owl-theme .owl-nav {
		margin-top: 0;
	}
	.parallax-bg1, .parallax-bg3, .arrow:after, .arrow1:before {
		display: none;
	}
	.ref-sec {
		padding-bottom: 0;
	}
	.work-img .single-item {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.tab-sec {
		margin-bottom: 30px;
		/* padding-left: 30px; */
	}
	.f-img {
		position: relative;
		transform: none;
		width: auto;
		height: auto;
		top: auto;
		left: auto;
	}
	br {
		display: none;
	}
	h5.skip-section {
		/* margin-top: 0; */
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	.found-item .front-radio-style .col-md-12 {
		display: contents!important;
	}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	.banner-sec .bg-img {
		height: 60vh;
	}
	.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
		bottom: 160px;
	}
	.owl-carousel .owl-nav button.owl-prev {
		left: 44%;
	}
	.social-media i {
		width: 50px;
		height: 50px;
		font-size: 26px;
	}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.f-img {
		transform: translate(-50%,-33%);
		width: 100%;
	}
}
@media only screen  and (min-width: 1024px) and (max-width: 1024px) {
	.owl-carousel .owl-nav button.owl-prev {
		left: 30px;
	}
}
@media  screen and (max-width: 767px) {
	section {
		padding: 40px 0;
		text-align: center;
	}
	.banner-sec h1, .banner-sec h2 {
		font-size: 1.75em;
		line-height: 1.4;
	}
	.slider-part {
		min-height: 90vh;
	}
	.pb-90 {
		padding-bottom:40px;
	}
	#top {
		bottom: 80px;
	}
	.found-item .front-radio-style .col-md-12 {
		display: contents;
	}
	.found-item .front-radio-style .custom-radio{
		/* width: 25%; */
	}
	.social-product .col-md-2{
		margin-bottom: 12px;
	}
	.social-media i {
		width: 30px;
		height: 30px;
		border-radius: 50px;
		font-size: 16px;
	}
	.message.found-item {
		width: 100%;
	}
	.bar-border {
		padding: 4px;
	}
	.bar-border:hover:before, .bar-border:hover:after, .bar-border:hover div:before, .bar-border:hover div:after, .bar-box:hover .bar-border:before, .bar-box:hover .bar-border:after, .bar-box:hover .bar-border div:before, .bar-box:hover .bar-border div:after {
		border-width: 5px;
		opacity: 0;
		visibility: hidden;
	}
	.bar-border p.h5 {
		font-size: 16px;
		margin-top: 0px;
		padding: 6px;
	}
	.footer p.h6 {
		font-size: 16px;
	}
	li.fw-bold.text-uppercase {
		font-size: 15px;
	}
	.contact-bg1{
		background-image: url(../images/location-mob.jpg);
		padding-bottom: 15pc;
		background-position: 50% 135%;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.tab-content img {
		width: 55%;
	}
	.owl-theme .owl-dots {
		bottom: 20px;
	}
	.found-item .front-radio-style .custom-radio label {
		width: 64px;
		height: 64px;
		padding: 10px 0 0 0!important;
		border-radius: 6px;
	}
	.found-item .front-radio-style input[type=radio] + label>img {
		width: 30px;
		height: 30px;
	}
	.found-item .front-radio-style .custom-radio h6 {
		font-size: 11px;
	}
}
@media  screen and (max-width: 576px) {}
/* Internet Explorer */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {	
	.form-group .form-control {
		line-height: normal;
	}
}
/* Mozila Firefox */
@-moz-document url-prefix() {
	
}
/* Iphone Zoomin Input Fields */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	select, textarea, input {
		font-size: 16px;
	}
}	

.options-select{
    appearance: auto !important;
}